siam-ui-utils 1.0.8 → 1.0.10

package/{src/iconos/atencion-telefonica-icon.tsx → dist_browser/src/iconos/atencion-telefonica-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const AtencionTelefonica = (props: any) => {
+const AtencionTelefonica = (props) => {
   const { sublabel = '', showTitle = true } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/atencion-turno-telefonico-icon.tsx → dist_browser/src/iconos/atencion-turno-telefonico-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const AtencionTurnoTelefonico = (props: any) => {
+const AtencionTurnoTelefonico = (props) => {
   const { sublabel = '', isSelected = false } = props || {};
   const { size = '', width = '', height = '' } = props || {};
   return (

package/{src/iconos/atencion-virtual-icon.tsx → dist_browser/src/iconos/atencion-virtual-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const AtencionVirtual = (props: any) => {
+const AtencionVirtual = (props) => {
   const { sublabel = '', showTitle = true, isSelected = false } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/biblioteca-burbuja-button.tsx → dist_browser/src/iconos/biblioteca-burbuja-button.jsx}

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 import { useHistory } from 'react-router-dom';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const BibliotecaBurbujaButton = (props: any) => {
+const BibliotecaBurbujaButton = (props) => {
   const history = useHistory();
   const { sublabel = '', size = '' } = props || {};
   return (

package/{src/iconos/biblioteca-burbuja-icon.tsx → dist_browser/src/iconos/biblioteca-burbuja-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const BibliotecaBurbujaIcon = (props: any) => {
+const BibliotecaBurbujaIcon = (props) => {
   const { sublabel = '', size = '', onHidden } = props || {};
   return (
     <Icon

package/{src/iconos/cancelar-turno-icon.tsx → dist_browser/src/iconos/cancelar-turno-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CancelarTurnoIcon = ({ size }: { size: any }) => (
+const CancelarTurnoIcon = ({ size }) => (
   <Icon width={size}>
     <svg
       version="1.1"

package/{src/iconos/codigo-verificacion-icon.tsx → dist_browser/src/iconos/codigo-verificacion-icon.jsx}

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

package/{src/iconos/curso-autogestionado-color-icon.tsx → dist_browser/src/iconos/curso-autogestionado-color-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoAutogestionadoColor = (props: any) => {
+const CursoAutogestionadoColor = (props) => {
   const { sublabel = '' } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/curso-autogestionado-icon.tsx → dist_browser/src/iconos/curso-autogestionado-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoAutogestionado = (props: any) => {
+const CursoAutogestionado = (props) => {
   const { sublabel = '' } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/curso-burbuja-button.tsx → dist_browser/src/iconos/curso-burbuja-button.jsx}

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 import { useHistory } from 'react-router-dom';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoBurbujaButton = (props: any) => {
+const CursoBurbujaButton = (props) => {
   const history = useHistory();
   const { sublabel = '', size = '' } = props || {};
 

package/{src/iconos/curso-burbuja-icon.tsx → dist_browser/src/iconos/curso-burbuja-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoBurbujaIcon = (props: any) => {
+const CursoBurbujaIcon = (props) => {
   const { sublabel = '', size = '', onHidden } = props || {};
   return (
     <Icon

package/{src/iconos/curso-presencial-color-icon.tsx → dist_browser/src/iconos/curso-presencial-color-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoPresencialColor = (props: any) => {
+const CursoPresencialColor = (props) => {
   const { sublabel = '' } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/curso-presencial-icon.tsx → dist_browser/src/iconos/curso-presencial-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoPresencial = (props: any) => {
+const CursoPresencial = (props) => {
   const { sublabel = '' } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/curso-virtual-color-icon.tsx → dist_browser/src/iconos/curso-virtual-color-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoVirtualColor = (props: any) => {
+const CursoVirtualColor = (props) => {
   const { sublabel = '' } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/curso-virtual-icon.tsx → dist_browser/src/iconos/curso-virtual-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const CursoVirtual = (props: any) => {
+const CursoVirtual = (props) => {
   const { sublabel = '' } = props || {};
   const { size = '' } = props || {};
   return (

package/{src/iconos/delegaciones-icon.tsx → dist_browser/src/iconos/delegaciones-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const DelegacionesIcon = (props: any) => {
+const DelegacionesIcon = (props) => {
   const { sublabel = '', size = '' } = props || {};
 
   return (

package/{src/iconos/forgot-dni-icon.tsx → dist_browser/src/iconos/forgot-dni-icon.jsx}

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

package/{src/iconos/forgot-password-icon.tsx → dist_browser/src/iconos/forgot-password-icon.jsx}

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

package/{src/iconos/icon-button-svg.tsx → dist_browser/src/iconos/icon-button-svg.jsx}

@@ -1,20 +1,17 @@
-import React = require("react");
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const useSvgToReactEncoded = (svg: any) => {
+const useSvgToReactEncoded = (svg) => {
   const svgWrapperRef = React.useRef();
   React.useEffect(() => {
-    if (svgWrapperRef && svgWrapperRef.current) {
-      (svgWrapperRef.current as any).innerHTML = svg;
-    }
+    svgWrapperRef.current.innerHTML = svg;
   }, [svg]);
 
   return svgWrapperRef;
 };
 
-const IconButtonSvg = (props: any) => {
+const IconButtonSvg = (props) => {
   const {
     sublabel = '',
     onClick = () => {
@@ -43,7 +40,7 @@ const IconButtonSvg = (props: any) => {
       width={width}
       height={height}
     >
-      <div ref={svgWrapperRef as any} />
+      <div ref={svgWrapperRef} />
       <label>{sublabel}</label>
     </Icon>
   );

package/{src/iconos/lapiz-act-contacto-perf-button.tsx → dist_browser/src/iconos/lapiz-act-contacto-perf-button.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const LapizActContactoPerfilButton = (props: any) => {
+const LapizActContactoPerfilButton = (props) => {
   const { sublabel = '', size = '', onOpen } = props || {};
   const handleOpen = () => {
     onOpen(true);

package/{src/iconos/styled-icon.tsx → dist_browser/src/iconos/styled-icon.jsx}

@@ -1,8 +1,7 @@
-import React from "react";
 import { styled } from 'styled-components';
 
 // eslint-disable-next-line react/react-in-jsx-scope
-const IconDiv = (props: any) => <div {...props} />;
+const IconDiv = (props) => <div {...props} />;
 
 export const Icon = styled(IconDiv)`
   display: flex;
@@ -23,3 +22,4 @@ export const Icon = styled(IconDiv)`
     display: ${(props) => props.display || 'none'};
   }
 `;
+export default Icon;

package/{src/iconos/user/styled-icon.tsx → dist_browser/src/iconos/user/styled-icon.jsx}

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

package/dist_browser/src/iconos/user/styled-timer-reenv-cod.jsx

@@ -0,0 +1,16 @@
+import { styled } from 'styled-components';
+import { Label } from 'reactstrap';
+
+export const LabelTimer = styled(Label)`
+  color: ${({ color }) => color};
+  font-family: ${({ fontFamily }) => fontFamily};
+  font-style: ${({ fontStyle }) => fontStyle};
+  font-weight: ${({ fontWeight }) => fontWeight};
+  font-size: ${({ fontSize }) => fontSize};
+  padding-left: ${({ paddingLeft }) => paddingLeft};
+  padding-right: ${({ paddingRight }) => paddingRight};
+  width: ${({ width }) => width};
+  text-align: ${({ textAlign }) => textAlign};
+  cursor: ${({ cursor }) => cursor};
+`;
+export default LabelTimer;

package/{src/iconos/verificar-sin-verificar-icon.tsx → dist_browser/src/iconos/verificar-sin-verificar-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const VerificarSinVerificarIcon = (props: any) => {
+const VerificarSinVerificarIcon = (props) => {
   const { sublabel = '', size = '', onVerificar } = props || {};
   const handleVerificar = () => {
     onVerificar(true);

package/{src/iconos/verificar-verificado-icon.tsx → dist_browser/src/iconos/verificar-verificado-icon.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const VerificarVerificadoIcon = (props: any) => {
+const VerificarVerificadoIcon = (props) => {
   const { sublabel = '', size = '' } = props || {};
   return (
     <Icon width={size} display={sublabel !== '' ? 'block' : 'none'}>

package/{src/iconos/whatsapp-icon-button.tsx → dist_browser/src/iconos/whatsapp-icon-button.jsx}

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { withTheme } from 'styled-components';
 import { Icon } from './styled-icon';
 
-const WhatsappIconButton = (props: any) => {
+const WhatsappIconButton = (props) => {
   const { phone = '', width = '', height = '', sublabel = '' } = props || {};
   return (
     <Icon

package/index.d.ts

@@ -0,0 +1,107 @@
+declare module "siam-utils" {
+  //UTILS-CURRENCY
+  export function currencyToNumber(
+    currencyValue: string,
+    returnZero?: boolean
+  ): number;
+
+  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.8",
+  "version": "1.0.10",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -9,8 +9,8 @@
   "author": "Ampf Development Team",
   "license": "MIT",
   "description": "Conjunto de librerias de componentes utiles para AMPF",
-  "main": "dist_node/index.js",
-  "browser": "dist_browser/index.js",
+  "main": "dist_browser/index.ts",
+  "browser": "dist_browser/index.ts",
   "types": "dist_browser/index",
   "homepage": "https://github.com/ampfgit/siam-ui-utils#readme",
   "repository": {
@@ -19,11 +19,8 @@
   },
   "moduleResolution": "nodenext",
   "scripts": {
-    "build-browser": "npx tsc src/index.ts --jsx react --outDir dist_browser",
-    "build": "npm run build-node & npm run build-browser",
+    "build-browser": "npx tsc src/index.js --outDir dist_browser",
     "cpToDistBrowser": "copyfiles --all src/**/*.* dist_browser",
-    "test": "vitest --clearScreen",
-    "test-without-stopping": "vitest --clearScreen --run",
     "publish-npm": "npm run cpToDistBrowser & npm publish"
   },
   "dependencies": {

package/src/CustomBootstrap.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Col } from 'reactstrap';
+
+const Colxx = (props) => (
+  <Col {...props} widths={['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl']} />
+);
+const Separator = ({ className }) => (
+  <div className={`separator ${className}`} />
+);
+export { Colxx, Separator };

package/src/CustomSelectInput.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { components } from 'react-select';
+
+const CustomSelectInput = (props) => {
+  const customProps = { ...props };
+  delete customProps.autoCorrect;
+  delete customProps.autoCapitalize;
+  return <components.Input {...customProps} />;
+};
+
+export default CustomSelectInput;

package/src/IntlMessages.tsx

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

package/src/iconos/anular-ayuda-icon.jsx

@@ -0,0 +1,72 @@
+import React from 'react';
+import { withTheme } from 'styled-components';
+import { useHistory } from 'react-router-dom';
+import { Icon } from './styled-icon';
+import { tipoServicioEconomico } from '../../constants/defaultValues';
+
+const AnularAyudaIcon = (props) => {
+  const { AYUDAS_ECONOMICAS } = tipoServicioEconomico;
+  const { sublabel = '', size = '', title } = props || {};
+  const sublabeldisplay = sublabel.length > 0 ? 'block' : undefined;
+  const {
+    codDelegacion,
+    nroSolicitud,
+    cbuPago,
+    fechaVtoTramite,
+    netoFinal,
+    fechaAcreditacion,
+  } = props || {};
+  const history = useHistory();
+
+  return (
+    <Icon
+      width={size}
+      sublabeldisplay={sublabeldisplay}
+      title={title}
+      onClick={() =>
+        history.push('/app/econo/ayudas/desestimiento', {
+          codDelegacion: codDelegacion,
+          nroSolicitud: nroSolicitud,
+          cbuPago: cbuPago,
+          fechaVtoTramite: fechaVtoTramite,
+          netoFinal: netoFinal,
+          fechaAcreditacion: fechaAcreditacion,
+          tipoServicio: AYUDAS_ECONOMICAS,
+        })
+      }
+    >
+      <svg
+        version="1.1"
+        baseProfile="basic"
+        id="Capa_1"
+        xmlns="http://www.w3.org/2000/svg"
+        x="0px"
+        y="0px"
+        width="18.415px"
+        height="17.471px"
+        viewBox="0 0 18.415 17.471"
+      >
+        <g>
+          <path
+            fill="#CECECE"
+            d="M15.855,2.54C14.206,0.892,12.016,0,9.65,0c-2.27,0-4.402,0.834-6.013,2.366L3.153,2.851L2.106,1.804
+				C1.835,1.532,1.389,1.668,1.293,2.036L0.012,7.271c-0.077,0.351,0.233,0.66,0.582,0.582L5.85,6.574
+				C6.218,6.477,6.334,6.031,6.081,5.76L4.86,4.537l0.503-0.504c2.502-2.287,6.361-2.21,8.785,0.214
+				c1.357,1.358,2.017,3.219,1.823,5.138c-0.193,1.9-1.242,3.607-2.852,4.693c-2.269,1.492-5.43,1.299-7.523-0.465
+				c-0.602-0.506-1.086-1.105-1.474-1.766c-0.078-0.135-0.232-0.213-0.349-0.156l-1.727,0.719c-0.077,0.039-0.136,0.098-0.174,0.174
+				c-0.02,0.078-0.02,0.154,0.019,0.215c0.389,0.756,0.894,1.434,1.494,2.055c1.686,1.727,3.994,2.617,6.302,2.617
+				c1.862,0,3.724-0.582,5.255-1.746c2.036-1.551,3.276-3.877,3.451-6.398C18.569,6.787,17.638,4.324,15.855,2.54L15.855,2.54z"
+          />
+          <path
+            fill="#CECECE"
+            d="M10.405,4.537H8.893c-0.154,0-0.29,0.137-0.29,0.292v4.363c0,0.369,0.232,0.678,0.563,0.813l3.297,1.184
+				c0.154,0.059,0.329-0.018,0.367-0.174l0.504-1.416c0.021-0.076,0.021-0.154-0.019-0.232C13.275,9.29,13.217,9.25,13.14,9.211
+				l-2.21-0.795c-0.155-0.059-0.272-0.213-0.272-0.388V4.829C10.697,4.653,10.58,4.537,10.405,4.537L10.405,4.537z"
+          />
+        </g>
+      </svg>
+    </Icon>
+  );
+};
+AnularAyudaIcon.defaultProps = { theme: {} };
+export default withTheme(AnularAyudaIcon);