31589/frontend/src/helpers/dataFormatter.js

import dayjs from 'dayjs';
import _ from 'lodash';

export default {
  filesFormatter(arr) {
    if (!arr || !arr.length) return [];
    return arr.map((item) => item);
  },
  imageFormatter(arr) {
    if (!arr || !arr.length) return [];
    return arr.map((item) => ({
      publicUrl: item.publicUrl || '',
    }));
  },
  oneImageFormatter(arr) {
    if (!arr || !arr.length) return '';
    return arr[0].publicUrl || '';
  },
  dateFormatter(date) {
    if (!date) return '';
    return dayjs(date).format('YYYY-MM-DD');
  },
  dateTimeFormatter(date) {
    if (!date) return '';
    return dayjs(date).format('YYYY-MM-DD HH:mm');
  },
  booleanFormatter(val) {
    return val ? 'Yes' : 'No';
  },

  /**
   * Format phone number to +X (XXX) XXX-XXXX
   */
  phoneFormatter(val) {
    if (!val) return '';
    const digits = val.replace(/\D/g, '');
    let country = '';
    let number = '';
    if (digits.length === 11) {
      country = digits.charAt(0);
      number = digits.slice(1);
    } else if (digits.length === 10) {
      country = '1';
      number = digits;
    } else {
      return val;
    }
    const area = number.slice(0, 3);
    const prefix = number.slice(3, 6);
    const line = number.slice(6);
    return `+${country} (${area}) ${prefix}-${line}`;
  },

  /**
   * Format phone number to +X (XXX) XXX-XXXX
   */
  phoneFormatter(val) {
    if (!val) return '';
    const digits = val.replace(/\D/g, '');
    let country = '';
    let number = '';
    if (digits.length === 11) {
      country = digits.charAt(0);
      number = digits.slice(1);
    } else if (digits.length === 10) {
      country = '1';
      number = digits;
    } else {
      return val;
    }
    const area = number.slice(0, 3);
    const prefix = number.slice(3, 6);
    const line = number.slice(6);
    return `+${country} (${area}) ${prefix}-${line}`;
  },


  /**
   * Format phone number to +X (XXX) XXX-XXXX
   */
  phoneFormatter(val) {
    if (!val) return '';
    const digits = val.replace(/\D/g, '');
    let country = '';
    let number = '';
    if (digits.length === 11) {
      country = digits.charAt(0);
      number = digits.slice(1);
    } else if (digits.length === 10) {
      country = '1';
      number = digits;
    } else {
      return val;
    }
    const area = number.slice(0, 3);
    const prefix = number.slice(3, 6);
    const line = number.slice(6);
    return `+${country} (${area}) ${prefix}-${line}`;
  },

  /**
   * Format phone number to +X (XXX) XXX-XXXX
   */
  phoneFormatter(val) {
    if (!val) return '';
    const digits = val.replace(/\D/g, '');
    let country = '';
    let number = '';
    if (digits.length === 11) {
      country = digits.charAt(0);
      number = digits.slice(1);
    } else if (digits.length === 10) {
      country = '1';
      number = digits;
    } else {
      return val;
    }
    const area = number.slice(0, 3);
    const prefix = number.slice(3, 6);
    const line = number.slice(6);
    return `+${country} (${area}) ${prefix}-${line}`;
  },
  dataGridEditFormatter(obj) {
    return _.transform(obj, (result, value, key) => {
      if (_.isArray(value)) {
        result[key] = _.map(value, 'id');
      } else if (_.isObject(value)) {
        result[key] = value.id;
      } else {
        result[key] = value;
      }
    });
  },

  usersManyListFormatter(val) {
    if (!val || !val.length) return [];
    return val.map((item) => item.firstName);
  },
  usersOneListFormatter(val) {
    if (!val) return '';
    return val.firstName;
  },
  usersManyListFormatterEdit(val) {
    if (!val || !val.length) return [];
    return val.map((item) => {
      return { id: item.id, label: item.firstName };
    });
  },
  usersOneListFormatterEdit(val) {
    if (!val) return '';
    return { label: val.firstName, id: val.id };
  },

  contactsManyListFormatter(val) {
    if (!val || !val.length) return [];
    return val.map((item) => item.first_name);
  },
  contactsOneListFormatter(val) {
    if (!val) return '';
    return val.first_name;
  },
  contactsManyListFormatterEdit(val) {
    if (!val || !val.length) return [];
    return val.map((item) => {
      return { id: item.id, label: item.first_name };
    });
  },
  contactsOneListFormatterEdit(val) {
    if (!val) return '';
    return { label: val.first_name, id: val.id };
  },

  rolesManyListFormatter(val) {
    if (!val || !val.length) return [];
    return val.map((item) => item.name);
  },
  rolesOneListFormatter(val) {
    if (!val) return '';
    return val.name;
  },
  rolesManyListFormatterEdit(val) {
    if (!val || !val.length) return [];
    return val.map((item) => {
      return { id: item.id, label: item.name };
    });
  },
  rolesOneListFormatterEdit(val) {
    if (!val) return '';
    return { label: val.name, id: val.id };
  },

  permissionsManyListFormatter(val) {
    if (!val || !val.length) return [];
    return val.map((item) => item.name);
  },
  permissionsOneListFormatter(val) {
    if (!val) return '';
    return val.name;
  },
  permissionsManyListFormatterEdit(val) {
    if (!val || !val.length) return [];
    return val.map((item) => {
      return { id: item.id, label: item.name };
    });
  },
  permissionsOneListFormatterEdit(val) {
    if (!val) return '';
    return { label: val.name, id: val.id };
  },
};