siam-ui-utils 1.0.11 → 1.0.13

package/.eslintrc

@@ -0,0 +1,76 @@
+{
+    "env": {
+        "browser": true,
+        "node": true,
+        "commonjs": true,
+        "es2021": true
+    },
+    "settings": {
+        "import/resolver": {
+            "node": {
+                "extensions": [
+                    ".js",
+                    ".jsx",
+                    ".ts",
+                    ".tsx"
+                ]
+            }
+        },
+        "react": {
+            "version": "detect"
+        }
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:jsx-a11y/strict",
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:import/recommended",
+        "plugin:react-hooks/recommended"
+    ],
+    "overrides": [],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest"
+    },
+    "plugins": [
+        "react",
+        "react-hooks",
+        "@typescript-eslint",
+        "prettier"
+    ],
+    "rules": {
+        "no-constant-condition": "warn",
+        "@typescript-eslint/no-empty-function": "warn",
+        "no-prototype-builtins": "warn",
+        "jsx-a11y/no-static-element-interactions": "warn",
+        "jsx-a11y/click-events-have-key-events": "warn",
+        "jsx-a11y/no-noninteractive-element-interactions": "warn",
+        "@typescript-eslint/ban-types": "warn",
+        "import/no-duplicates": "warn",
+        "@typescript-eslint/no-extra-semi": "warn",
+        "@typescript-eslint/no-inferrable-types": "warn",
+        "react/prop-types": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "prefer-const": "warn",
+        "@typescript-eslint/no-unused-vars": "warn",
+        "jsx-a11y/label-has-associated-control": "warn",
+        "no-case-declarations": "warn",
+        "no-irregular-whitespace": "warn",
+        "@typescript-eslint/no-var-requires": "warn",
+        "no-empty": "warn",
+        "react/no-deprecated": "warn",
+        "import/prefer-default-export": "warn",
+        "import/no-cycle": "warn",
+        "react/no-unknown-property": "warn",
+        "react-hooks/exhaustive-deps": "warn",
+        "react/no-find-dom-node": "warn",
+        "prettier/prettier": [
+            "warn",
+            {
+                "endOfLine": "crlf"
+            }
+        ]
+    }
+}

package/dist_browser/src/IntlMessages.tsx

@@ -1,5 +1,8 @@
 
-import { FormattedMessage, injectIntl } from 'react-intl';
+import {
+  FormattedMessage,
+  injectIntl
+} from 'react-intl';
 
 const _InjectMassage = (props: any) => <FormattedMessage {...props} />;
 

package/dist_browser/src/commons/defaultValues.ts

@@ -0,0 +1,29 @@
+const idMutualToCodMutual: { [x: string]: string } = {
+  "01": "AMPF",
+  "02": "AMPC",
+};
+
+const numberLocalConf: {
+  locales: string;
+  minimumFractionDigits: number;
+  maximumFractionDigits: number;
+  style: string;
+  currency: string;
+} = {
+  locales: "es-AR",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2,
+  style: "currency",
+  currency: "ARS",
+};
+
+const fieldTypes = {
+  string: 'string',
+  number: 'number',
+  date: 'date',
+};
+
+
+const defaultDirection = 'ltr';
+
+export { idMutualToCodMutual, numberLocalConf, fieldTypes, defaultDirection };

package/dist_browser/src/iconos/codigo-verificacion-icon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
-import { Icon } from './user/styled-icon';
+import { UserIcon as Icon } from './user/styled-icon';
 
 const CodigoVerificacionIcon = (props) => {
   const { sublabel = '' } = props || {};

package/dist_browser/src/iconos/forgot-dni-icon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
-import { Icon } from './user/styled-icon';
+import { UserIcon as Icon} from './user/styled-icon';
 
 const ForgotDniIcon = (props) => {
   const { sublabel = '' } = props || {};

package/dist_browser/src/iconos/forgot-password-icon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
-import { Icon } from './user/styled-icon';
+import { UserIcon as Icon}  from './user/styled-icon';
 
 const ForgotPasswordIcon = (props) => {
   const { sublabel = '' } = props || {};

package/dist_browser/src/iconos/user/styled-icon.jsx

@@ -3,7 +3,7 @@ import { styled } from 'styled-components';
 // eslint-disable-next-line react/react-in-jsx-scope
 const IconDiv = (props) => <div {...props} />;
 
-export const Icon = styled(IconDiv)`
+export const UserIcon = styled(IconDiv)`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -19,4 +19,4 @@ export const Icon = styled(IconDiv)`
     display: ${(props) => props.display || 'none'};
   }
 `;
-export default Icon;
+export default UserIcon;

package/dist_browser/src/index.ts

@@ -1,4 +1,10 @@
-export * from "./CustomBootstrap";
-export * from "./CustomSelectInput"; 
-export * from "./IntlMessages";
-export * from "./iconos";
+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/dist_browser/src/utils-arrays-reducers.ts

@@ -0,0 +1,142 @@
+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/dist_browser/src/utils-currency.ts

@@ -0,0 +1,39 @@
+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/dist_browser/src/utils-number.ts

@@ -0,0 +1,39 @@
+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/dist_browser/src/utils-temp.ts

@@ -0,0 +1,52 @@
+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/index.d.ts

@@ -1,107 +1,60 @@
-declare module "siam-utils" {
-  //UTILS-CURRENCY
-  export function currencyToNumber(
-    currencyValue: string,
-    returnZero?: boolean
-  ): number;
+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);  
+  export function AtencionPresencial(props);  
+  export function AtencionTelefonica(props);  
+  export function AtencionTurnoTelefonico(props);  
+  export function AtencionVirtual(props);  
+  export function BibliotecaBurbujaButton(props);  
+  export function BibliotecaBurbujaIcon(props);  
+  export function CancelarTurnoIcon(props);  
+  export function CodigoVerificacionIcon(props);  
+  export const passwordEyeSvg;  
+  export const passwordEyeOpenSvg;
+  export const contactoBarraSup;
+  export const pagosMenuLateral;
+  export const delegacionMenuLateral;
+  export const delegacionesVerde;
+  export const telefonoCeleste;
+  export const mailRojo;
+  export const whatAppIcon;
+  export const telefonoEmergencia;
+  export const telefonoConsulta;
+  export const telefonoExequial;
+  export const telefonoSalud;
+  export const descarga;
+  export const descargaOver;
+  export const anularAyuda;
+  export const continuar;
+  export const pdfImage;
+  export function CursoAutogestionadoColor(props);
+  export function CursoAutogestionado(props);
+  export function CursoBurbujaButton(props);
+  export function CursoBurbujaIcon(props);
+  export function CursoPresencialColor(props);
+  export function CursoPresencial(props);
+  export function CursoVirtualColor(props);
+  export function CursoVirtual(props);
+  export function DelegacionesIcon(props);
+  export function ForgotDniIcon(props);
+  export function ForgotPasswordIcon(props);
+  export function IconButtonSvg(props);
+  export function LapizActContactoPerfilButton(props);
+  export function Icon(props);
+  export function VerificarSinVerificarIcon(props);
+  export function VerificarVerificadoIcon(props);
+  export function WhatsappIconButton(props);
+
+  //ICONOS/USER
+  export function UserIcon(props);
 
-  export function fieldToCurrency(field: number): string;
-
-  export function fieldToNumber(field: string): number;
-
-  export function currencyToNumber(
-    currencyValue: string,
-    returnZero?: boolean
-  ): number;
-
-  export function currencyToPersistence(currencyValue: string): string;
-
-  //UTILS-DATES
-
-  export function fieldToDate(field: string): Date;
-
-  export function dateToPersistence(date: Date): string;
-
-  export function periodToPersistence(date: Date): string;
-
-  export function fieldToPersistence(field: string): string;
-
-  export function dateToDisplay(date: Date, format: string): string;
-
-  export function fieldToDisplay(field: string, format: string): string;
-
-  export function fieldPeriodoToDate(field: string): Date;
-
-  export function dateToDisplayPeriodo(date: Date): string;
-
-  export function dateToDisplayDiaMes(date: string): string;
-
-  export function dateToDisplayHoraMinuto(date: string): string;
-
-  export function fieldPeriodoToDisplay(field: string): string;
-
-  export function subtractDays(date: Date, days: number): Date;
-
-  export function addDays(date: Date, days: number): Date;
-
-  export function diffDateDays(firstDate: any, secondDate: any): number;
-
-  export function truncDate(date: Date): Date;
-
-  //UTILS-ERROR
-  export function errorMessage(error: {
-    message: any;
-    response: { data: { message: any; error: any } };
-  }): string;
-
-  //UTILS-NUMBER
-
-  export function numberToDisplay(
-    number: number,
-    fractionDigits: number
-  ): string;
-
-  export function numberToDisplayCurrency(number: number): string;
-
-  export function numberToPersistence(number: string): string | null;
-
-  export function numberToStringifyPersistence(number: number): string;
-
-  export function comprobanteToPersistence(comprobanteStr: string): string;
-
-  //UTILS-PERCENT
-
-  export function insertSimbol(
-    field: string,
-    simbol: string,
-    position?: string
-  ): string;
-
-  export function persistenceToDisplayPercent(
-    field: string,
-    position?: string
-  ): string;
-
-  //UTILS
-
-  export function mapOrder(array: any, order: any, key: any): any;
-
-  export function getDateWithFormat(): string;
-
-  export function getCurrentTime(): string;
-
-  export function idAyudaToKeyAyuda(idAyuda: string): any;
-
-  export const isLocalhost: boolean;
-
-  //UTILS-BOOLEAN
-
-  export function booleanToPersistence(valueBoolean: boolean): string;
-
-  export function persistenceToBoolean(valueChar: string): boolean;
-
-  //AUTH-HEADER
-  export function authHeader(): any;
-
-  export function getAuthUser(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -25,6 +25,7 @@
   },
   "dependencies": {
     "@types/react-intl": "^3.0.0",
+    "eslint": "^9.9.1",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-intl": "^6.6.8",
@@ -41,10 +42,17 @@
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/parser": "^8.2.0",
     "@vitejs/plugin-react": "^4.3.1",
     "copyfiles": "^2.4.1",
     "typescript": "^5.2.2",
     "vite": "^5.3.4",
-    "vitest": "^2.0.5"
+    "vitest": "^2.0.5",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.33.0"
   }
 }

package/src/IntlMessages.tsx

@@ -1,5 +1,8 @@
 
-import { FormattedMessage, injectIntl } from 'react-intl';
+import {
+  FormattedMessage,
+  injectIntl
+} from 'react-intl';
 
 const _InjectMassage = (props: any) => <FormattedMessage {...props} />;
 

package/src/commons/defaultValues.ts

@@ -0,0 +1,29 @@
+const idMutualToCodMutual: { [x: string]: string } = {
+  "01": "AMPF",
+  "02": "AMPC",
+};
+
+const numberLocalConf: {
+  locales: string;
+  minimumFractionDigits: number;
+  maximumFractionDigits: number;
+  style: string;
+  currency: string;
+} = {
+  locales: "es-AR",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2,
+  style: "currency",
+  currency: "ARS",
+};
+
+const fieldTypes = {
+  string: 'string',
+  number: 'number',
+  date: 'date',
+};
+
+
+const defaultDirection = 'ltr';
+
+export { idMutualToCodMutual, numberLocalConf, fieldTypes, defaultDirection };

package/src/iconos/codigo-verificacion-icon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
-import { Icon } from './user/styled-icon';
+import { UserIcon as Icon } from './user/styled-icon';
 
 const CodigoVerificacionIcon = (props) => {
   const { sublabel = '' } = props || {};

package/src/iconos/forgot-dni-icon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
-import { Icon } from './user/styled-icon';
+import { UserIcon as Icon} from './user/styled-icon';
 
 const ForgotDniIcon = (props) => {
   const { sublabel = '' } = props || {};

package/src/iconos/forgot-password-icon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
-import { Icon } from './user/styled-icon';
+import { UserIcon as Icon}  from './user/styled-icon';
 
 const ForgotPasswordIcon = (props) => {
   const { sublabel = '' } = props || {};

package/src/iconos/user/styled-icon.jsx

@@ -3,7 +3,7 @@ import { styled } from 'styled-components';
 // eslint-disable-next-line react/react-in-jsx-scope
 const IconDiv = (props) => <div {...props} />;
 
-export const Icon = styled(IconDiv)`
+export const UserIcon = styled(IconDiv)`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -19,4 +19,4 @@ export const Icon = styled(IconDiv)`
     display: ${(props) => props.display || 'none'};
   }
 `;
-export default Icon;
+export default UserIcon;