@controleonline/ui-default 1.0.270 → 1.0.273

package/src/react/components/inputs/defaultInputUtils.js

@@ -2,31 +2,31 @@ import { getAllStores } from '@store';
 import Formatter from '@controleonline/ui-common/src/utils/formatter.js';
 import { formatStoreColumnValue } from '@controleonline/ui-common/src/react/utils/storeColumns';
 import FeatherGlyphMap from 'react-native-vector-icons/glyphmaps/Feather.json';
-
+
 export const normalizeText = value => String(value ?? '').trim();
 export const isValidFeatherIcon = icon => Boolean(FeatherGlyphMap[normalizeText(icon)]);
 const formatHumanLabel = value =>
-  normalizeText(value)
-    .replace(/([a-z])([A-Z])/g, '$1 $2')
-    .replace(/[_-]+/g, ' ')
-    .replace(/^\w/, letter => letter.toUpperCase());
-const DEFAULT_TRANSLATABLE_FIELDS = new Set([
-  'active',
-  'app',
-  'channel',
-  'displaytype',
-  'featured',
-  'frequency',
-  'invoicetype',
-  'installments',
-  'ordertype',
-  'peopletype',
-  'pricecalculation',
-  'productcondition',
-  'realstatus',
-  'status',
-]);
-
+  normalizeText(value)
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .replace(/[_-]+/g, ' ')
+    .replace(/^\w/, letter => letter.toUpperCase());
+const DEFAULT_TRANSLATABLE_FIELDS = new Set([
+  'active',
+  'app',
+  'channel',
+  'displaytype',
+  'featured',
+  'frequency',
+  'invoicetype',
+  'installments',
+  'ordertype',
+  'peopletype',
+  'pricecalculation',
+  'productcondition',
+  'realstatus',
+  'status',
+]);
+
 export const getColumnKey = column => column?.key || column?.name || '';
 
 export const isDateColumn = column =>
@@ -39,120 +39,197 @@ export const isDateRangeColumn = column =>
 
 export const isDateLikeColumn = column =>
   isDateColumn(column) || isDateRangeColumn(column);
-
-const normalizeColumnKey = value =>
-  normalizeText(value)
-    .replace(/[^a-zA-Z0-9]/g, '')
-    .toLowerCase();
-
-const shouldTranslateOptionLabel = (column, storeName, rawLabel) => {
-  if (column?.translate === false || !normalizeText(rawLabel) || !normalizeText(storeName)) {
-    return false;
-  }
-
-  if (column?.translate === true || Array.isArray(column?.list)) {
-    return true;
-  }
-
-  return [column?.key, column?.name, column?.label]
-    .map(normalizeColumnKey)
-    .filter(Boolean)
-    .some(candidate => DEFAULT_TRANSLATABLE_FIELDS.has(candidate));
-};
-
-export const normalizeId = value => {
-  if (!value) return '';
-  if (typeof value === 'number') return String(value);
-  if (typeof value === 'string') {
-    const match = value.match(/\d+/g);
-    return match ? match[match.length - 1] : value;
-  }
-  return normalizeId(value?.id || value?.['@id'] || '');
-};
-
-export const isEditableColumn = column =>
-  column?.editable !== false &&
-  !column?.isIdentity &&
-  column?.inputType !== 'increase' &&
-  column?.inputType !== 'image' &&
-  !String(getColumnKey(column)).includes('.');
-
-export const normalizeOptionKey = option => {
-  if (!option) return '';
-  if (typeof option !== 'object') return normalizeId(option) || normalizeText(option);
-  return normalizeText(
-    option.value ??
-      option.id ??
-      normalizeId(option['@id']) ??
-      option.key ??
-      '',
-  );
-};
-
-export const resolveOptionLabel = (column, option, storeName = '') => {
-  if (!option) return '';
-
-  const translateOptionLabel = rawLabel => {
-    const normalizedLabel = normalizeText(rawLabel);
-    if (!shouldTranslateOptionLabel(column, storeName, normalizedLabel)) {
-      return normalizedLabel;
-    }
-
-    const translated = global.t?.t(storeName, 'label', normalizedLabel) || normalizedLabel;
-    return normalizeText(translated) === formatHumanLabel(normalizedLabel)
-      ? normalizedLabel
-      : translated;
-  };
-
-  if (typeof column?.formatList === 'function') {
-    const formatted = column.formatList(option, null, column);
-    if (formatted && typeof formatted === 'object') {
-      return translateOptionLabel(formatted.label ?? formatted.value);
-    }
-    if (formatted) return translateOptionLabel(formatted);
-  }
-
-  const rawLabel = normalizeText(
-    option.label ??
-      option[column?.searchParam] ??
-      option[column?.name] ??
-      option.name ??
-      option.status ??
-      option.wallet ??
-      option.paymentType ??
-      option.alias ??
-      option.id,
-  );
-
-  return translateOptionLabel(rawLabel);
-};
-
+
+export const isColorColumn = column => {
+  const fieldName = normalizeColumnKey(getColumnKey(column));
+  const inputType = normalizeColumnKey(column?.inputType || column?.type);
+
+  return (
+    inputType === 'color' ||
+    inputType === 'hexcolor' ||
+    fieldName === 'color' ||
+    fieldName === 'bgcolor' ||
+    fieldName === 'backgroundcolor' ||
+    fieldName === 'bordercolor'
+  );
+};
+
+export const isIconColumn = column => {
+  const fieldName = normalizeColumnKey(getColumnKey(column));
+  const inputType = normalizeColumnKey(column?.inputType || column?.type);
+
+  return inputType === 'icon' || fieldName === 'icon';
+};
+
+export const isFileColumn = column => {
+  const inputType = normalizeColumnKey(column?.inputType || column?.type);
+
+  return [
+    'document',
+    'documents',
+    'file',
+    'files',
+    'image',
+    'images',
+    'pdf',
+  ].includes(inputType);
+};
+
+export const isExtraDataColumn = column =>
+  normalizeColumnKey(column?.inputType || column?.type) === 'extradata';
+
+const normalizeColumnKey = value =>
+  normalizeText(value)
+    .replace(/[^a-zA-Z0-9]/g, '')
+    .toLowerCase();
+
+const shouldTranslateOptionLabel = (column, storeName, rawLabel) => {
+  if (column?.translate === false || !normalizeText(rawLabel) || !normalizeText(storeName)) {
+    return false;
+  }
+
+  if (column?.translate === true || Array.isArray(column?.list)) {
+    return true;
+  }
+
+  return [column?.key, column?.name, column?.label]
+    .map(normalizeColumnKey)
+    .filter(Boolean)
+    .some(candidate => DEFAULT_TRANSLATABLE_FIELDS.has(candidate));
+};
+
+export const normalizeId = value => {
+  if (!value) return '';
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'string') {
+    const match = value.match(/\d+/g);
+    return match ? match[match.length - 1] : value;
+  }
+  return normalizeId(value?.id || value?.['@id'] || '');
+};
+
+export const isEditableColumn = column =>
+  column?.editable !== false &&
+  !column?.isIdentity &&
+  column?.inputType !== 'increase' &&
+  !isFileColumn(column) &&
+  !String(getColumnKey(column)).includes('.');
+
+export const normalizeOptionKey = option => {
+  if (!option) return '';
+  if (typeof option !== 'object') return normalizeId(option) || normalizeText(option);
+  return normalizeText(
+    option.value ??
+      option.id ??
+      normalizeId(option['@id']) ??
+      option.key ??
+      '',
+  );
+};
+
+export const resolveOptionLabel = (column, option, storeName = '') => {
+  if (!option) return '';
+
+  const STATUS_DISPLAY_PT = {
+    paid: 'Pago',
+    'waiting payment': 'Aguardando pagamento',
+    waiting_payment: 'Aguardando pagamento',
+  };
+
+  const translateOptionLabel = rawLabel => {
+    const normalizedLabel = normalizeText(rawLabel);
+    const statusFallback = STATUS_DISPLAY_PT[normalizedLabel.toLowerCase()] || '';
+    if (!shouldTranslateOptionLabel(column, storeName, normalizedLabel)) {
+      return statusFallback || normalizedLabel;
+    }
+
+    const translated = global.t?.t(storeName, 'label', normalizedLabel) || normalizedLabel;
+    const translatedText = normalizeText(translated);
+    if (
+      statusFallback &&
+      (!translatedText ||
+        translatedText.toLowerCase() === normalizedLabel.toLowerCase() ||
+        translatedText === formatHumanLabel(normalizedLabel))
+    ) {
+      return statusFallback;
+    }
+    return translatedText === formatHumanLabel(normalizedLabel)
+      ? normalizedLabel
+      : translated;
+  };
+
+  if (typeof column?.formatList === 'function') {
+    const formatted = column.formatList(option, null, column);
+    if (formatted && typeof formatted === 'object') {
+      return translateOptionLabel(formatted.label ?? formatted.value);
+    }
+    if (formatted) return translateOptionLabel(formatted);
+  }
+
+  const rawLabel = normalizeText(
+    option.label ??
+      option[column?.searchParam] ??
+      option[column?.name] ??
+      option.name ??
+      option.status ??
+      option.wallet ??
+      option.paymentType ??
+      option.alias ??
+      option.id,
+  );
+
+  return translateOptionLabel(rawLabel);
+};
+
 export const resolveStoreNameFromList = list =>
   typeof list === 'string' ? normalizeText(list).split('/')[0] || '' : '';
-
+
 const filterItemsByListRequestParams = (items = [], column = null) => {
-  const requestParams =
-    column?.listRequestParams &&
-    typeof column.listRequestParams === 'object' &&
-    !Array.isArray(column.listRequestParams)
-      ? column.listRequestParams
-      : null;
-
-  if (!requestParams || Object.keys(requestParams).length === 0) {
-    return Array.isArray(items) ? items : [];
-  }
-
-  return (Array.isArray(items) ? items : []).filter(item =>
-    Object.entries(requestParams).every(([key, expectedValue]) => {
-      if (expectedValue === undefined || expectedValue === null || expectedValue === '') {
-        return true;
-      }
-
-      return normalizeText(item?.[key]) === normalizeText(expectedValue);
-    }),
+  const requestParams =
+    column?.listRequestParams &&
+    typeof column.listRequestParams === 'object' &&
+    !Array.isArray(column.listRequestParams)
+      ? column.listRequestParams
+      : null;
+
+  if (!requestParams || Object.keys(requestParams).length === 0) {
+    return Array.isArray(items) ? items : [];
+  }
+
+  return (Array.isArray(items) ? items : []).filter(item =>
+    Object.entries(requestParams).every(([key, expectedValue]) => {
+      if (expectedValue === undefined || expectedValue === null || expectedValue === '') {
+        return true;
+      }
+
+      return normalizeText(item?.[key]) === normalizeText(expectedValue);
+    }),
   );
 };
 
+export const resolveColorToken = (value, themeColors = {}) => {
+  const normalized = normalizeText(value);
+  if (!normalized) return '';
+
+  if (normalized.startsWith('$')) {
+    return normalizeText(themeColors?.[normalized.slice(1)]);
+  }
+
+  const cssVarMatch = normalized.match(/^var\([^,]+,\s*(#[0-9a-fA-F]{3,8})\s*\)$/);
+  if (cssVarMatch?.[1]) return cssVarMatch[1];
+
+  return normalized;
+};
+
+export const resolveDefaultColorValue = (column, themeColors = {}, fallbackColor = '') =>
+  resolveColorToken(
+    column?.defaultColor ??
+      column?.defaultColour ??
+      column?.defaultValue ??
+      fallbackColor,
+    themeColors,
+  );
+
 const normalizeObject = value =>
   value && typeof value === 'object' && !Array.isArray(value) ? value : {};
 
@@ -161,31 +238,21 @@ export const mapOptions = (column, items = [], storeName = '') => {
   const options = [];
 
   (Array.isArray(items) ? items : []).forEach(item => {
-    const formatted =
-      typeof column?.formatList === 'function'
-        ? column.formatList(item, null, column)
-        : item;
-    const key = normalizeOptionKey(formatted) || normalizeOptionKey(item);
-    const dedupeKey = key || normalizeText(resolveOptionLabel(column, item, storeName)).toLowerCase();
-
-    if (dedupeKey && seenKeys.has(dedupeKey)) return;
-    if (dedupeKey) seenKeys.add(dedupeKey);
-
+    const formatted =
+      typeof column?.formatList === 'function'
+        ? column.formatList(item, null, column)
+        : item;
+    const key = normalizeOptionKey(formatted) || normalizeOptionKey(item);
+    const dedupeKey = key || normalizeText(resolveOptionLabel(column, item, storeName)).toLowerCase();
+
+    if (dedupeKey && seenKeys.has(dedupeKey)) return;
+    if (dedupeKey) seenKeys.add(dedupeKey);
+
     const formattedMeta = normalizeObject(formatted);
     const itemMeta = normalizeObject(item);
     const color = formattedMeta.color ?? itemMeta.color;
-    const icon =
-      formattedMeta.icon ??
-      formattedMeta.iconName ??
-      itemMeta.icon ??
-      itemMeta.iconName;
-    const image =
-      formattedMeta.image ??
-      formattedMeta.logo ??
-      formattedMeta.source ??
-      itemMeta.image ??
-      itemMeta.logo ??
-      itemMeta.source;
+    const icon = formattedMeta.icon ?? itemMeta.icon;
+    const image = formattedMeta.image ?? itemMeta.image;
 
     options.push({
       ...(color ? { color } : {}),
@@ -196,10 +263,10 @@ export const mapOptions = (column, items = [], storeName = '') => {
       raw: item,
     });
   });
-
-  return options;
-};
-
+
+  return options;
+};
+
 export const buildOptionsFromColumn = (column, getOptionsForColumn = null, storeName = '') => {
   const explicitOptions = getOptionsForColumn?.(column);
   if (Array.isArray(explicitOptions) && explicitOptions.length > 0) {
@@ -211,26 +278,26 @@ export const buildOptionsFromColumn = (column, getOptionsForColumn = null, store
   }
 
   const listStoreName = resolveStoreNameFromList(column?.list);
-  if (!listStoreName) return [];
-
-  const listStore = getAllStores()?.[listStoreName];
-  return mapOptions(
-    column,
-    filterItemsByListRequestParams(listStore?.getters?.items || [], column),
-    storeName,
-  );
-};
-
+  if (!listStoreName) return [];
+
+  const listStore = getAllStores()?.[listStoreName];
+  return mapOptions(
+    column,
+    filterItemsByListRequestParams(listStore?.getters?.items || [], column),
+    storeName,
+  );
+};
+
 export const resolveCellText = ({ column, columns = [], row, storeName, value }) => {
   const fieldName = getColumnKey(column);
   const rawValue = value ?? row?.[fieldName];
   const formattedValue = formatStoreColumnValue({
-    columns: columns.length ? columns : [column],
-    fieldName,
-    row,
-    storeName,
-    value: rawValue,
-  });
+    columns: columns.length ? columns : [column],
+    fieldName,
+    row,
+    storeName,
+    value: rawValue,
+  });
 
   return normalizeText(formattedValue) || '-';
 };
@@ -286,12 +353,8 @@ export const resolveCellPresentation = ({
     backgroundColor:
       formattedValueMeta.backgroundColor ??
       formattedMeta.backgroundColor ??
-      formattedValueMeta.bgColor ??
-      formattedMeta.bgColor ??
       rawMeta.backgroundColor ??
-      rawMeta.bgColor ??
-      styleMeta.backgroundColor ??
-      styleMeta.bgColor,
+      styleMeta.backgroundColor,
     borderColor:
       formattedValueMeta.borderColor ??
       formattedMeta.borderColor ??
@@ -301,31 +364,17 @@ export const resolveCellPresentation = ({
       formattedValueMeta.color ??
       formattedMeta.color ??
       rawMeta.color ??
-      rawMeta.statusColor ??
-      rawMeta.categoryColor ??
       styleMeta.color,
     icon:
       formattedValueMeta.icon ??
-      formattedValueMeta.iconName ??
       formattedMeta.icon ??
-      formattedMeta.iconName ??
       rawMeta.icon ??
-      rawMeta.iconName ??
-      styleMeta.icon ??
-      styleMeta.iconName,
+      styleMeta.icon,
     image:
       formattedValueMeta.image ??
-      formattedValueMeta.logo ??
-      formattedValueMeta.source ??
       formattedMeta.image ??
-      formattedMeta.logo ??
-      formattedMeta.source ??
       rawMeta.image ??
-      rawMeta.logo ??
-      rawMeta.source ??
-      styleMeta.image ??
-      styleMeta.logo ??
-      styleMeta.source,
+      styleMeta.image,
     label,
   };
 };
@@ -382,29 +431,29 @@ export const buildReadPresentationStyles = presentation => {
 export const resolveEditValue = (column, row, value) => {
   const rawValue = value ?? row?.[getColumnKey(column)];
   if (column?.list) {
-    return normalizeOptionKey(
-      typeof column?.formatList === 'function'
-        ? column.formatList(rawValue, row, column)
-        : rawValue,
-    );
-  }
-
-  if (typeof column?.editFormat === 'function') {
-    return normalizeText(column.editFormat(rawValue, column, row, true));
-  }
-
+    return normalizeOptionKey(
+      typeof column?.formatList === 'function'
+        ? column.formatList(rawValue, row, column)
+        : rawValue,
+    );
+  }
+
+  if (typeof column?.editFormat === 'function') {
+    return normalizeText(column.editFormat(rawValue, column, row, true));
+  }
+
   if (isDateLikeColumn(column) && rawValue) {
     return normalizeText(Formatter.formatDateYmdTodmY(rawValue));
   }
-
-  return normalizeText(rawValue);
-};
-
-export const formatSaveValue = (column, value, row) => {
-  if (typeof column?.saveFormat === 'function') {
-    return column.saveFormat(value, column, row);
-  }
-
+
+  return normalizeText(rawValue);
+};
+
+export const formatSaveValue = (column, value, row) => {
+  if (typeof column?.saveFormat === 'function') {
+    return column.saveFormat(value, column, row);
+  }
+
   if (value && typeof value === 'object') {
     if (value.value) return Number.isNaN(Number(value.value)) ? value.value : Number(value.value);
     if (value['@id']) return value['@id'];