siam-ui-utils 1.0.12 → 1.0.13

package/index.d.ts

@@ -1,4 +1,12 @@
 declare module "siam-ui-utils" {
+  //CUSTOMBOOSTRAP
+  export function Colxx(props);
+  export function Separator(props);
+
+  //CUSTOMSELECTINPUT
+  export function CustomSelectInput(props);
+
+  //ICONOS
   export function AnularAyudaIcon (props);
   export function AsesoriaBurbujaButton(props); 
   export function AsesoriaBurbujaIcon (props);  
@@ -42,8 +50,11 @@ declare module "siam-ui-utils" {
   export function IconButtonSvg(props);
   export function LapizActContactoPerfilButton(props);
   export function Icon(props);
-  export function UserIcon(props);
   export function VerificarSinVerificarIcon(props);
   export function VerificarVerificadoIcon(props);
   export function WhatsappIconButton(props);
+
+  //ICONOS/USER
+  export function UserIcon(props);
+
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "keywords": [
     "ampf-react",
     "ampf-utils",

package/src/index.ts

@@ -1,10 +0,0 @@
-export * from "./auth-header";
-export * from "./utils";
-export * from "./utils-arrays-reducers";
-export * from "./utils-boolean";
-export * from "./utils-currency";
-export * from "./utils-dates";
-export * from "./utils-error";
-export * from "./utils-number";
-export * from "./utils-percent";
-export * from "./utils-temp";

package/src/utils-arrays-reducers.ts

@@ -1,142 +0,0 @@
-import { fieldToDate } from './utils-dates.js';
-import { fieldTypes} from './commons/defaultValues.js';
-
-export const addSelectedFieldToList = (list: any[], selected = false) =>
-  list.map((item: any) => {
-    return { ...item, selected };
-  });
-
-export const updateSelectedItemInList = (list: any[], keyField: string | number, idItem: any) =>
-  list.map((item: { [x: string]: any; selected: any; }) => {
-    return item[keyField] === idItem
-      ? { ...item, selected: !item.selected }
-      : { ...item };
-  });
-
-export const updateAllSelectedItemInList = (list: any[], newValue: any) =>
-  list.map((item: any) => {
-    return { ...item, selected: newValue };
-  });
-
-export const toogleAllSelectedItemInList = (list: any[]) =>
-  list.map((item: { selected: any; }) => {
-    return { ...item, selected: !item.selected };
-  });
-
-export const countItemsSelectedInList = (list: any[]) => {
-  return (list.filter((i: { selected: any; }) => i.selected) || []).length;
-};
-
-const castField = (field: string, type: any) => {
-  const { date, string, number } = fieldTypes;
-  switch (type) {
-    case number:
-      return Number(field);
-    case date:
-      return fieldToDate(field);
-    case string:
-      return field;
-    default:
-      return field;
-  }
-};
-
-export const sortList = (list: { id: any; name: any; tag: any; count: any; }[], ...properties: { value: string; field: string; type: string; }[]) => {
-  let tmpList = list;
-  properties.forEach((p) => {
-    const { field, type } = p;
-    tmpList = tmpList.sort((a: { [x: string]: any; }, b: { [x: string]: any; }) =>
-      castField(a[field], type) < castField(b[field], type) ? -1 : 1
-    );
-  });
-  return tmpList;
-};
-
-export const miGroupBy = (objectArray: any[], ...properties: any[]) => {
-  return [
-    ...Object.values(
-      objectArray.reduce((accumulator: { [x: string]: any[]; }, object: { [x: string]: any; }) => {
-        const key = JSON.stringify(properties.map((x) => object[x] || null));
-
-        if (!accumulator[key]) {
-          accumulator[key] = [];
-        }
-        accumulator[key].push(object);
-        return accumulator;
-      }, {})
-    ),
-  ];
-};
-
-export const getFilterItems = (dataArray: any, ...properties: (string | number)[]) => {
-  const dataGroupBy = miGroupBy(dataArray, ...properties);
-  const sumGroupBy = dataGroupBy.map((group) => ({
-    id: (group as any)[0][properties[0]],
-    name: (group as any)[0][properties[1]],
-    tag: (group as any)[0][properties[2]],
-    count: (group as any).length,
-  }));
-  return sortList(sumGroupBy, { value: 'name', field: 'name', type: 'string' });
-};
-
-export const filterListByItem = (list: any[], itemName: string | number, filterValue: any) => {
-  return list.filter((item: { [x: string]: any; }) => item[itemName] === filterValue);
-};
-
-export const applyFilterToList = (list: any, filtersToApply: any) => {
-  let listFiltered = list;
-  for (const itemToFilter of filtersToApply) {
-    const { fieldName, fieldValue } = itemToFilter;
-    if (fieldValue) {
-      listFiltered = filterListByItem(listFiltered, fieldName, fieldValue);
-    }
-  }
-  return listFiltered;
-};
-
-export const sumField = (data: any[], field: string | number) => {
-  return data.reduce(
-    (prevValue: number, currentValue: { [x: string]: any; }) =>
-      prevValue + parseFloat(currentValue[field] || 0),
-    0
-  );
-};
-
-export const removeDuplicates = (data: any[], field: string | number) => {
-  const hash = {};
-  return data.filter((o: { [x: string]: string | number; }) => {
-    return (hash as any)[o[field]] ? false : ((hash as any)[o[field]] = true);
-  });
-};
-
-export const convertArrayToString = (dataArray: any[], separator = '|') => {
-  const cadena = dataArray.join(separator);
-  return cadena;
-};
-
-export const convertStringToArray = (string: string, separator = '|') => {
-  return string ? string.replace(/\s+/g, '').split(separator) : [];
-};
-
-export const convertFieldObjStringToArray = (data: any[], field: string | number, separator: string | undefined) => {
-  const dataArray = data
-    ? data.map((item: { [x: string]: any; }) => {
-        return {
-          ...item,
-          [field]: item[field]
-            ? convertStringToArray(item[field], separator)
-            : [],
-        };
-      })
-    : [];
-  return dataArray;
-};
-
-export const updateItemField = (data: any[], id: string | number, idValue: any, fieldName: any, fieldValue: any) => {
-  const dataUpdate = data.map((item: { [x: string]: any; }) => {
-    return item[id] === idValue
-      ? { ...item, [fieldName]: fieldValue }
-      : { ...item };
-  });
-  return dataUpdate;
-};

package/src/utils-currency.ts

@@ -1,39 +0,0 @@
-import { numberLocalConf } from "./commons/defaultValues";
-
-const { locales, style, currency } = numberLocalConf;
-
-const formatter = new Intl.NumberFormat(locales, {
-  style,
-  currency,
-} as any);
-
-export const fieldToCurrency = (field: number): string => {
-  // ingresa string '99999.99' devuelve string  $99.999,99
-  return formatter.format(field);
-};
-
-export const fieldToNumber = (field: string): number => {
-  // ingresa string '99999.99' devuelve flotante  '99999.99'
-  return parseFloat(field);
-};
-
-export const currencyToNumber = (
-  currencyValue: string,
-  returnZero?: boolean
-): number => {
-  // ingresa $99.999,99 devuelve flotante  '99999.99'
-  if (returnZero && !currencyValue) {
-    return 0;
-  }
-  let stringValue = currencyValue.toString().replace("$", "");
-  stringValue = stringValue.replace(/[.]/g, "");
-  stringValue = stringValue.replace(",", ".");
-  return parseFloat(stringValue);
-};
-
-// Esta funcion debe devolver un STRING !!!! revisar compatibilidad...
-export const currencyToPersistence = (currencyValue: string): string => {
-  // ingresa $99.999,99 devuelve string  '99999.99'
-  const stringValue = currencyToNumber(currencyValue);
-  return stringValue.toString();
-};

package/src/utils-number.ts

@@ -1,39 +0,0 @@
-import { numberLocalConf } from "./commons/defaultValues";
-
-const { locales, minimumFractionDigits, maximumFractionDigits, currency } =
-  numberLocalConf;
-
-export const numberToDisplay = (
-  number: number,
-  fractionDigits: number = 0
-): string => {
-  return number.toLocaleString(locales, {
-    minimumFractionDigits: fractionDigits,
-    maximumFractionDigits: fractionDigits,
-  });
-};
-
-export const numberToDisplayCurrency = (number: number): string => {
-  if (number === null || number === undefined) {
-    return "";
-  }
-  const res = number.toLocaleString(locales, {
-    minimumFractionDigits,
-    maximumFractionDigits,
-    style: "currency",
-    currency,
-  });
-  return res;
-};
-
-export const numberToPersistence = (number: string): string | null => {
-  return number === "" ? null : number;
-};
-
-export const numberToStringifyPersistence = (number: number): string => {
-  return String(number);
-};
-
-export const comprobanteToPersistence = (comprobanteStr: string): string => {
-  return comprobanteStr.replace(/[-]/g, "");
-};

package/src/utils-temp.ts

@@ -1,52 +0,0 @@
-import { defaultDirection } from './commons/defaultValues.js';
-
-export const getDirection = () => {
-  let direction = defaultDirection;
-  if (localStorage.getItem('direction')) {
-    const localValue = localStorage.getItem('direction');
-    if (localValue === 'rtl' || localValue === 'ltr') {
-      direction = localValue;
-    }
-  }
-  return {
-    direction,
-    isRtl: direction === 'rtl',
-  };
-};
-
-export const setDirection = (localValue: string) => {
-  let direction = 'ltr';
-  if (localValue === 'rtl' || localValue === 'ltr') {
-    direction = localValue;
-  }
-  localStorage.setItem('direction', direction);
-};
-
-export const getStartPath = () => {
-  const isReactProxyEnabled =
-    (localStorage.getItem('reactProxy') || 'N') === 'S';
-  const startPath = isReactProxyEnabled ? '/app' : '';
-  return startPath;
-};
-
-export const toUpper = (payload: { [x: string]: any; }) => {
-  for (const prop in payload) {
-    if (typeof payload[prop] === 'string') {
-      payload[prop] = payload[prop].toUpperCase();
-    }
-    if (typeof payload[prop] === 'object') {
-      toUpper(payload[prop]);
-    }
-  }
-  return payload;
-};
-
-export const checkRole = (roles = [], ...properties: any[]) => {
-  let result = false;
-  properties.forEach((serchRole) => {
-    if ((roles as any).includes(serchRole)) {
-      result = true;
-    }
-  });
-  return result;
-};

package/test/utils-dates.test.ts

@@ -1,139 +0,0 @@
-import { describe, test, assert } from "vitest";
-import {
-  dateToDisplay,
-  dateToDisplayDiaMes,
-  dateToDisplayHoraMinuto,
-  dateToDisplayPeriodo,
-  dateToPersistence,
-  diffDateDays,
-  fieldPeriodoToDate,
-  fieldPeriodoToDisplay,
-  fieldToDate,
-  fieldToDisplay,
-  fieldToPersistence,
-  periodToPersistence,
-} from "../src";
-
-let dateResult: Date | string | undefined;
-const STRING_FULL_DATE_TO_TEST = "01/10/2010 12:10:35";
-const STRING_FULL_DATE_SLASH_TO_TEST = "01-10-2010 12:10:35";
-const STRING_SHORT_DATE_TO_TEST = "01/10/2010";
-
-const STRING_1ST_SHORT_DATE_TO_TEST = "10/01/2010";
-const STRING_2ND_SHORT_DATE_TO_TEST = "10/05/2010";
-
-const STRING_INVALID_DATE_TO_TEST = "01/15/2010";
-const STRING_SHORT_RESULT = "10-01-2010";
-const STRING_FULL_RESULT =
-  "Fri Oct 01 2010 12:10:35 GMT-0300 (hora estándar de Argentina)";
-const INVALD_DATE_MESSAGE = "Invalid Date";
-
-const PERIOD_TO_PERSISTENCE_RESULT = "201001";
-const STRING_SHORT_PERIOD_MM_YYYY = "01/2010";
-const STRING_SHORT_PERIOD_DD_MM = "01/10";
-const STRING_SHORT_RESULT_TO_PERSISTENCE = "01-10-2010";
-const STRING_RESULT_HH_MM = "12:10";
-const PERIOD_TO_DISPLAY_RESULT_MM_YYYY = "01/2010";
-
-describe("Dates test suite", () => {
-  ////// fieldToDate ///////
-  describe("fieldToDate=> sub-test suite", () => {
-    test(`Recibiendo: ${STRING_FULL_DATE_TO_TEST} debe devolver un campo tipo Date: '${STRING_FULL_RESULT}'`, () => {
-      dateResult = fieldToDate(STRING_FULL_DATE_TO_TEST);
-      assert.equal(
-        dateResult?.toString() === STRING_FULL_RESULT.toString(),
-        true
-      );
-    });
-
-    test.skip(`Recibiendo string vacío debe devolver null`, () => {
-      dateResult = fieldToDate("");
-      assert.equal(dateResult === null, true);
-    });
-
-    test(`Recibiendo ${STRING_INVALID_DATE_TO_TEST} debe devolver ${INVALD_DATE_MESSAGE}`, () => {
-      dateResult = fieldToDate(STRING_INVALID_DATE_TO_TEST);
-      assert.equal(dateResult?.toString(), INVALD_DATE_MESSAGE);
-    });
-  });
-
-  ////// dateToPersistence ///////
-
-  describe("dateToPersistence=> sub-test suite", () => {
-    test(`Recibiendo: ${STRING_SHORT_DATE_TO_TEST} debe devolver: '${STRING_SHORT_RESULT}'`, () => {
-      dateResult = dateToPersistence(new Date(STRING_SHORT_DATE_TO_TEST));
-      assert.equal(dateResult === STRING_SHORT_RESULT, true);
-    });
-
-    test(`Recibiendo: ${STRING_FULL_DATE_TO_TEST} debe devolver: '${STRING_SHORT_RESULT}'`, () => {
-      dateResult = dateToPersistence(new Date(STRING_FULL_DATE_TO_TEST));
-      assert.equal(dateResult === STRING_SHORT_RESULT, true);
-    });
-  });
-
-  ////// periodToPersistence ///////
-
-  test(`Recibiendo: ${STRING_SHORT_DATE_TO_TEST} debe devolver: '${PERIOD_TO_PERSISTENCE_RESULT}'`, () => {
-    dateResult = periodToPersistence(new Date(STRING_SHORT_DATE_TO_TEST));
-    assert.equal(dateResult === PERIOD_TO_PERSISTENCE_RESULT, true);
-  });
-
-  ////// fieldToPersistence ///////
-
-  test(`Recibiendo: ${STRING_SHORT_DATE_TO_TEST} debe devolver: '${STRING_SHORT_RESULT_TO_PERSISTENCE}'`, () => {
-    dateResult = fieldToPersistence(STRING_SHORT_DATE_TO_TEST);
-    assert.equal(dateResult === STRING_SHORT_RESULT_TO_PERSISTENCE, true);
-  });
-
-  ////// dateToDisplay ///////
-
-  test(`Recibiendo: ${new Date(
-    STRING_SHORT_RESULT
-  )} debe devolver: '${STRING_SHORT_DATE_TO_TEST}'`, () => {
-    dateResult = dateToDisplay(new Date(STRING_SHORT_RESULT));
-    assert.equal(dateResult === STRING_SHORT_DATE_TO_TEST, true);
-  });
-
-  ////// fieldToDisplay ///////
-  test(`Recibiendo: ${STRING_SHORT_DATE_TO_TEST} debe devolver: '${STRING_SHORT_RESULT_TO_PERSISTENCE}'`, () => {
-    dateResult = fieldToDisplay(STRING_SHORT_DATE_TO_TEST, "DD-MM-YYYY");
-    assert.equal(dateResult === STRING_SHORT_RESULT_TO_PERSISTENCE, true);
-  });
-
-  ////// dateToDisplayPeriodo ///////
-  test(`Recibiendo: ${new Date(
-    STRING_SHORT_DATE_TO_TEST
-  )} debe devolver: '${STRING_SHORT_PERIOD_MM_YYYY}'`, () => {
-    dateResult = dateToDisplayPeriodo(
-      new Date(STRING_SHORT_RESULT_TO_PERSISTENCE)
-    );
-    assert.equal(dateResult === STRING_SHORT_PERIOD_MM_YYYY, true);
-  });
-
-  ////// dateToDisplayDiaMes ///////
-  test(`Recibiendo: ${STRING_SHORT_DATE_TO_TEST} debe devolver: '${STRING_SHORT_PERIOD_DD_MM}'`, () => {
-    dateResult = dateToDisplayDiaMes(STRING_SHORT_DATE_TO_TEST);
-    assert.equal(dateResult === STRING_SHORT_PERIOD_DD_MM, true);
-  });
-
-  ////// dateToDisplayHoraMinuto ///////
-  test(`Recibiendo: ${STRING_FULL_DATE_SLASH_TO_TEST} debe devolver: '${STRING_RESULT_HH_MM}'`, () => {
-    dateResult = dateToDisplayHoraMinuto(STRING_FULL_DATE_SLASH_TO_TEST);
-    assert.equal(dateResult === STRING_RESULT_HH_MM, true);
-  });
-
-  ////// fieldPeriodoToDisplay ///////
-  test(`Recibiendo: ${PERIOD_TO_PERSISTENCE_RESULT} debe devolver: '${PERIOD_TO_DISPLAY_RESULT_MM_YYYY}'`, () => {
-    dateResult = fieldPeriodoToDisplay(PERIOD_TO_PERSISTENCE_RESULT);
-    assert.equal(dateResult === PERIOD_TO_DISPLAY_RESULT_MM_YYYY, true);
-  });
-
-  ////// diffDateDays ///////
-  test.skip(`Recibiendo: ${STRING_1ST_SHORT_DATE_TO_TEST} y ${STRING_2ND_SHORT_DATE_TO_TEST} debe devolver: 4`, () => {
-    const difDays = diffDateDays(
-      STRING_1ST_SHORT_DATE_TO_TEST,
-      STRING_2ND_SHORT_DATE_TO_TEST
-    );
-    assert.equal(difDays === 4, true);
-  });
-});

package/test/utils-percent.test.ts

@@ -1,50 +0,0 @@
-import {
-  comprobanteToPersistence,
-  insertSimbol,
-  numberToDisplay,
-  numberToDisplayCurrency,
-  numberToPersistence,
-  numberToStringifyPersistence,
-  persistenceToDisplayPercent,
-} from "../src";
-import { describe, test, assert } from "vitest";
-
-let stringResult: string;
-
-const SYMBOL = "%";
-const POSITION = "f";
-const FIELD_TO_TEST = "123,456";
-
-describe("Percent test suite", () => {
-  describe("insertSimbol=> sub-test suite", () => {
-    test(`Recibiendo:  ${FIELD_TO_TEST}, con simbolo ${SYMBOL} y position ${POSITION} debe devolver '${SYMBOL}${FIELD_TO_TEST}'`, () => {
-      stringResult = insertSimbol(FIELD_TO_TEST, SYMBOL, POSITION);
-      assert.equal(stringResult === `${SYMBOL}${FIELD_TO_TEST}`, true);
-    });
-    test(`Recibiendo:  ${FIELD_TO_TEST}, con simbolo ${SYMBOL} y sin position debe devolver '${FIELD_TO_TEST}${SYMBOL}'`, () => {
-      stringResult = insertSimbol(FIELD_TO_TEST, SYMBOL);
-      assert.equal(stringResult === `${FIELD_TO_TEST}${SYMBOL}`, true);
-    });
-  });
-
-  describe("persistenceToDisplayPercent=> sub-test suite", () => {
-    test(`Recibiendo:  ${FIELD_TO_TEST}, position ${POSITION} debe devolver '${SYMBOL}${parseFloat(
-      FIELD_TO_TEST
-    ).toFixed(2)}'`, () => {
-      stringResult = persistenceToDisplayPercent(FIELD_TO_TEST, POSITION);
-      assert.equal(
-        stringResult === `${SYMBOL}${parseFloat(FIELD_TO_TEST).toFixed(2)}`,
-        true
-      );
-    });
-    test(`Recibiendo:  ${FIELD_TO_TEST} y sin position debe devolver '${parseFloat(
-      FIELD_TO_TEST
-    ).toFixed(2)}${SYMBOL}'`, () => {
-      stringResult = persistenceToDisplayPercent(FIELD_TO_TEST);
-      assert.equal(
-        stringResult === `${parseFloat(FIELD_TO_TEST).toFixed(2)}${SYMBOL}`,
-        true
-      );
-    });
-  });
-});

package/test/utils.test.ts

@@ -1,40 +0,0 @@
-import { idAyudaToKeyAyuda, isLocalhost } from "../src";
-import { describe, test, assert } from "vitest";
-import { idMutualToCodMutual } from "../src/commons/defaultValues";
-
-let mapResult: {
-  codMutual: string;
-  codDelegacion: string;
-  NroSolicitud: number;
-} = { codMutual: "", codDelegacion: "", NroSolicitud: 0 };
-
-let _isLocalhost: boolean;
-
-const IDAYUDA_RESULT: {
-  codMutual: string;
-  codDelegacion: string;
-  NroSolicitud: number;
-} = {
-  codMutual: idMutualToCodMutual["01"],
-  codDelegacion: "000001",
-  NroSolicitud: 1,
-};
-
-const IDAYUDA = "01000001000000001";
-
-describe("Utils test suite", () => {
-  test(`idAyudaToKeyAyuda=> Recibiendo:  '${IDAYUDA}', debe devolver {codMutual:'${IDAYUDA_RESULT.codMutual}',NroSolicitud:${IDAYUDA_RESULT.NroSolicitud},codDelegacion:'${IDAYUDA_RESULT.codDelegacion}'}`, () => {
-    mapResult = idAyudaToKeyAyuda(IDAYUDA);
-    assert.equal(
-      mapResult.codMutual === IDAYUDA_RESULT.codMutual &&
-        mapResult.NroSolicitud === IDAYUDA_RESULT.NroSolicitud &&
-        mapResult.codDelegacion === IDAYUDA_RESULT.codDelegacion,
-      true
-    );
-  });
-
-  test(`isLocalhost=> Debe devolver si es localhost o no (en el caso del test, no se tiene acceso al objeto window, por ende, debería devolver false)`, () => {
-    _isLocalhost = isLocalhost;
-    assert.equal(_isLocalhost, false);
-  });
-});