@apia/components 0.0.7

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# Components
+
+Este paquete es un compilado de componentes comunes.

package/dist/IconButton.d.ts

@@ -0,0 +1,29 @@
+import { IconType } from '@meronex/icons/lib';
+import * as React from 'react';
+import { IconButtonProps } from 'theme-ui';
+import { TIconName } from '@apia/icons';
+
+type TApiaIconButton = 'icon' | 'icon-primary' | 'icon-outline' | 'icon-only';
+type TIconButton = IconButtonProps & React.AriaAttributes & {
+    className?: string;
+    /**
+     * Es posible pasar explícitamente un ícono o el nombre del ícono de
+     * acuerdo a la librería de la aplicación. Ver Icon.tsx
+     */
+    icon: IconType | TIconName;
+    iconSize?: number | string;
+    id?: string;
+    disabled?: boolean;
+    href?: string;
+    isLoading?: boolean;
+    isToggled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: number | string;
+    title?: string;
+    variant?: string;
+};
+declare const IconButton: React.ForwardRefExoticComponent<Omit<TIconButton, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { TApiaIconButton, TIconButton, IconButton as default };

package/dist/IconButton.js

@@ -0,0 +1 @@
+"use strict";var j=Object.create;var c=Object.defineProperty,N=Object.defineProperties,S=Object.getOwnPropertyDescriptor,V=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,k=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var b=(t,e,n)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,g=(t,e)=>{for(var n in e||(e={}))f.call(e,n)&&b(t,n,e[n]);if(d)for(var n of d(e))h.call(e,n)&&b(t,n,e[n]);return t},T=(t,e)=>N(t,V(e));var R=(t,e)=>{var n={};for(var o in t)f.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&d)for(var o of d(t))e.indexOf(o)<0&&h.call(t,o)&&(n[o]=t[o]);return n};var q=(t,e)=>{for(var n in e)c(t,n,{get:e[n],enumerable:!0})},y=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of _(e))!f.call(t,i)&&i!==n&&c(t,i,{get:()=>e[i],enumerable:!(o=S(e,i))||o.enumerable});return t};var D=(t,e,n)=>(n=t!=null?j(k(t)):{},y(e||!t||!t.__esModule?c(n,"default",{value:t,enumerable:!0}):n,t)),F=t=>y(c({},"__esModule",{value:!0}),t);var J={};q(J,{default:()=>G});module.exports=F(J);var r=D(require("react")),m=require("theme-ui"),H=require("@apia/icons"),E=require("@apia/theme");var l=require("react/jsx-runtime"),v=r.forwardRef((K,U)=>{var M=K,{icon:t,id:e,isLoading:n=!1,disabled:o=!1,href:i,iconSize:u="iconSm",onClick:s=()=>{},onMouseOver:O=()=>{},onMouseOut:w=()=>{},size:a,title:B,isToggled:L=!1,className:p,type:x="button",variant:A="icon"}=M,I=R(M,["icon","id","isLoading","disabled","href","iconSize","onClick","onMouseOver","onMouseOut","size","title","isToggled","className","type","variant"]);let P=r.useMemo(()=>({width:a,minWidth:a,height:a,minHeight:a,svg:{width:u,minWidth:u,height:u,minHeight:u}}),[u,a]),W=r.useMemo(()=>typeof t=="string"?H.icons[t]:t,[t]);return(0,l.jsx)(m.IconButton,T(g(T(g({id:e,ref:U,onClick:r.useCallback($=>{i&&window.open(i,"_blank"),s==null||s($)},[i,s]),onMouseOver:O,onMouseOut:w},(0,E.getVariant)(A)),{sx:P,disabled:n||o,className:`${p!=null?p:""} iconButton ${L?"isToggled":""}`,title:B,"aria-label":I.as!==void 0?void 0:B,type:I.as!==void 0?void 0:x,role:i?"link":void 0}),I),{children:n?(0,l.jsx)(m.Spinner,{color:"inherit"}):(0,l.jsx)(W,{})}))});v.displayName="IconButton";var G=v;0&&(module.exports={});

package/dist/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/IconButton.tsx"],"sourcesContent":["import { IconType } from '@meronex/icons/lib';\r\nimport * as React from 'react';\r\nimport {\r\n  IconButton as IconButtonThemeUI,\r\n  Spinner,\r\n  IconButtonProps,\r\n  ThemeUIStyleObject,\r\n} from 'theme-ui';\r\nimport { icons, TIconName } from '@apia/icons';\r\nimport { getVariant } from '@apia/theme';\r\n\r\nexport type TApiaIconButton =\r\n  | 'icon'\r\n  | 'icon-primary'\r\n  | 'icon-outline'\r\n  | 'icon-only';\r\n\r\nexport type TIconButton = IconButtonProps &\r\n  React.AriaAttributes & {\r\n    className?: string;\r\n    /**\r\n     * Es posible pasar explícitamente un ícono o el nombre del ícono de\r\n     * acuerdo a la librería de la aplicación. Ver Icon.tsx\r\n     */\r\n    icon: IconType | TIconName;\r\n    iconSize?: number | string;\r\n    id?: string;\r\n    disabled?: boolean;\r\n    href?: string;\r\n    isLoading?: boolean;\r\n    isToggled?: boolean;\r\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;\r\n    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\r\n    size?: number | string;\r\n    title?: string;\r\n    variant?: string;\r\n  };\r\n\r\nexport const IconButton = React.forwardRef(\r\n  (\r\n    {\r\n      icon,\r\n      id,\r\n      isLoading = false,\r\n      disabled = false,\r\n      href,\r\n      iconSize = 'iconSm',\r\n      onClick = () => {},\r\n      onMouseOver = () => {},\r\n      onMouseOut = () => {},\r\n      size,\r\n      title,\r\n      isToggled = false,\r\n      className,\r\n      type = 'button',\r\n      variant = 'icon',\r\n      ...rest\r\n    }: TIconButton,\r\n    ref: React.Ref<HTMLButtonElement>,\r\n  ) => {\r\n    const sx: ThemeUIStyleObject = React.useMemo(() => {\r\n      return {\r\n        width: size,\r\n        minWidth: size,\r\n        height: size,\r\n        minHeight: size,\r\n        svg: {\r\n          width: iconSize,\r\n          minWidth: iconSize,\r\n          height: iconSize,\r\n          minHeight: iconSize,\r\n        },\r\n      };\r\n    }, [iconSize, size]);\r\n\r\n    const ActualIcon = React.useMemo(() => {\r\n      return typeof icon === 'string' ? icons[icon] : icon;\r\n    }, [icon]);\r\n\r\n    return (\r\n      <IconButtonThemeUI\r\n        id={id}\r\n        ref={ref}\r\n        onClick={React.useCallback(\r\n          (ev: React.MouseEvent<HTMLButtonElement>) => {\r\n            if (href) window.open(href, '_blank');\r\n            onClick?.(ev);\r\n          },\r\n          [href, onClick],\r\n        )}\r\n        onMouseOver={onMouseOver}\r\n        onMouseOut={onMouseOut}\r\n        {...getVariant(variant)}\r\n        sx={sx}\r\n        disabled={isLoading || disabled}\r\n        className={`${className ?? ''} iconButton ${\r\n          isToggled ? 'isToggled' : ''\r\n        }`}\r\n        title={title}\r\n        aria-label={rest.as !== undefined ? undefined : title}\r\n        type={rest.as !== undefined ? undefined : type}\r\n        role={href ? 'link' : undefined}\r\n        {...rest}\r\n      >\r\n        {isLoading ? <Spinner color=\"inherit\" /> : <ActualIcon />}\r\n      </IconButtonThemeUI>\r\n    );\r\n  },\r\n);\r\n\r\nIconButton.displayName = 'IconButton';\r\n"],"mappings":"mjCAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAuB,oBACvBC,EAKO,oBACPC,EAAiC,uBACjCC,EAA2B,uBAgGN,IAAAC,EAAA,6BAlERC,EAAmB,aAC9B,CACEC,EAkBAC,IACG,CAnBH,IAAAC,EAAAF,EACE,MAAAG,EACA,GAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,KAAAC,EACA,SAAAC,EAAW,SACX,QAAAC,EAAU,IAAM,CAAC,EACjB,YAAAC,EAAc,IAAM,CAAC,EACrB,WAAAC,EAAa,IAAM,CAAC,EACpB,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,MAxDhB,EAyCIf,EAgBKgB,EAAAC,EAhBLjB,EAgBK,CAfH,OACA,KACA,YACA,WACA,OACA,WACA,UACA,cACA,aACA,OACA,QACA,YACA,YACA,OACA,YAKF,IAAMkB,EAA+B,UAAQ,KACpC,CACL,MAAOR,EACP,SAAUA,EACV,OAAQA,EACR,UAAWA,EACX,IAAK,CACH,MAAOJ,EACP,SAAUA,EACV,OAAQA,EACR,UAAWA,CACb,CACF,GACC,CAACA,EAAUI,CAAI,CAAC,EAEbS,EAAmB,UAAQ,IACxB,OAAOlB,GAAS,SAAW,QAAMA,CAAI,EAAIA,EAC/C,CAACA,CAAI,CAAC,EAET,SACE,OAAC,EAAAmB,WAAAC,EAAAC,EAAAD,EAAAC,EAAA,CACC,GAAIpB,EACJ,IAAKH,EACL,QAAe,cACZwB,GAA4C,CACvClB,GAAM,OAAO,KAAKA,EAAM,QAAQ,EACpCE,GAAA,MAAAA,EAAUgB,EACZ,EACA,CAAClB,EAAME,CAAO,CAChB,EACA,YAAaC,EACb,WAAYC,MACR,cAAWM,CAAO,GAZvB,CAaC,GAAIG,EACJ,SAAUf,GAAaC,EACvB,UAAW,GAAGS,GAAA,KAAAA,EAAa,iBACzBD,EAAY,YAAc,KAE5B,MAAOD,EACP,aAAYK,EAAK,KAAO,OAAY,OAAYL,EAChD,KAAMK,EAAK,KAAO,OAAY,OAAYF,EAC1C,KAAMT,EAAO,OAAS,SAClBW,GAtBL,CAwBE,SAAAb,KAAY,OAAC,WAAQ,MAAM,UAAU,KAAK,OAACgB,EAAA,EAAW,GACzD,CAEJ,CACF,EAEAtB,EAAW,YAAc","names":["IconButton_exports","__export","IconButton","__toCommonJS","React","import_theme_ui","import_icons","import_theme","import_jsx_runtime","IconButton","_a","ref","_b","icon","id","isLoading","disabled","href","iconSize","onClick","onMouseOver","onMouseOut","size","title","isToggled","className","type","variant","rest","__objRest","sx","ActualIcon","IconButtonThemeUI","__spreadProps","__spreadValues","ev"]}

package/dist/index.d.ts

@@ -0,0 +1,723 @@
+import { TRequireOnlyOne, TModify } from '@apia/util';
+import { IconType } from '@meronex/icons/lib';
+import * as React from 'react';
+import React__default, { ChangeEventHandler, FC } from 'react';
+import { IconButtonProps, ButtonProps, InputProps, ThemeUICSSObject, BoxProps } from 'theme-ui';
+import { TIconName } from '@apia/icons';
+import { IconType as IconType$1 } from '@meronex/icons';
+import * as theme_ui_jsx_runtime from 'theme-ui/jsx-runtime';
+import { Args } from 'react-cool-portal';
+
+interface IFocusProps {
+    modalsContainerRetriever?: () => HTMLElement;
+    notificationsContainerRetriever?: () => HTMLElement;
+}
+interface IOnFocusConfiguration {
+    /**
+     * El controlador emite un evento custom cuando se realiza foco, con la
+     * intención de que los elementos colapsables se abran automáticamente. Si
+     * este parámetro es pasado con false, se evita ese comportamiento.
+     */
+    dispatchCustomEvent?: boolean;
+    /**
+     * Cuando la pantalla está bloqueada con el spinner, el controlador no
+     * intentará hacer foco, a menos que este parámetro se pase en true.
+     */
+    focusEvenWhenScreenLocked?: boolean;
+    scrollIntoViewOptions?: ScrollIntoViewOptions;
+}
+/**
+ * Al método focus.on se le puede pasar o bien un HTMLElement o bien una
+ * función que implemente esta interfaz. Cuando se pasa una función, la misma
+ * será invocada cada vez que se vaya a intentar una acción de foco.
+ *
+ * Si la función devuelve un elemento HTML, se intentará hacer foco sobre éste.
+ *
+ * Si la función devuelve null, ese intento será tomado como nulo y se volverá
+ * a intentar luego del tiempo determinado.
+ *
+ * Si la función devuelve false, será eliminada de la cola de foco, lo que
+ * significa que ya no se intentará hacer foco sobre este elemento. En cambio,
+ * se continuará con los demás elementos de la cola o en caso de no haber
+ * ninguno, con el último elemento que tuvo foco y aún esté presente en el
+ * documento.
+ */
+type TFocusRetriever = (isLastTry: boolean) => HTMLElement | null | false;
+interface IFocusQueryElement {
+    element: HTMLElement | TFocusRetriever;
+    configuration?: IOnFocusConfiguration;
+}
+declare global {
+    interface Window {
+        focusStatus: Record<string, unknown>;
+    }
+}
+interface IFocusCheck {
+    currentInstruction: number;
+}
+declare const focus: {
+    root: HTMLElement;
+    props?: IFocusProps;
+    afterNotificationFocus: IFocusQueryElement | undefined;
+    "__#5@#actualFocusQuery": IFocusQueryElement[];
+    "__#5@#currentInstruction": number;
+    "__#5@#focusDelay": number;
+    "__#5@#focusRetries": number;
+    "__#5@#focusTimeout": number;
+    "__#5@#isIntervalRunning": boolean;
+    "__#5@#focusQuery": IFocusQueryElement[];
+    "__#5@#checkInstruction"(focusCheck: IFocusCheck): boolean;
+    "__#5@#doFocus"(HTMLElement: HTMLElement | TFocusRetriever, focusCheck: IFocusCheck, isLastTry: boolean, configuration?: IOnFocusConfiguration): Promise<false | HTMLElement | null>;
+    "__#5@#resetInterval"(): void;
+    "__#5@#runFocusInterval"(focusElement?: IFocusQueryElement, internalCall?: boolean): Promise<false | HTMLElement>;
+    /**
+     * Da la instrucción de colocar el foco en el elemento provisto como
+     * parámetro una vez que todas las notificaciones se hayan cerrado. En caso
+     * de no existir notificaciones abiertas, hace foco en el elemento
+     * directamente.
+     */
+    afterNotifications(element: HTMLElement | TFocusRetriever, configuration?: IOnFocusConfiguration): void;
+    /**
+     * Da la instrucción de colocar el foco en el elemento provisto como
+     * parámetro luego de recargar la página.
+     *
+     * Los parámetros pasados serán ordenados en orden de importancia priorizando
+     * en el siguiente orden:
+     * - id
+     * - name
+     * - className
+     * - selector
+     */
+    afterReload({ className, id, name, selector, }: TRequireOnlyOne<{
+        className: string;
+        id: string;
+        name: string;
+        selector: string;
+    }, "className" | "id" | "name" | "selector">): void;
+    /**
+     * Da la instrucción de colocar el foco el elemento pasado como parámetro.
+     * Se puede pasar también una función que devuelva HTMLElement | false | null.
+     *
+     * El segundo parámetro del método on es un objeto de tipo
+     * ScrollIntoViewOptions, que permite modificar el comportamiento del scroll
+     * a en el elemento.
+     *
+     * @see TFocusRetriever para más detalles sobre la función como parámetro.
+     */
+    on(element: HTMLElement | TFocusRetriever, configuration?: IOnFocusConfiguration): Promise<false | HTMLElement>;
+    focusOnReload: string | null;
+    restore(): void;
+    init(): void;
+};
+
+type TIconSize = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type TApiaIconButton = 'icon' | 'icon-primary' | 'icon-outline' | 'icon-only';
+type TIconButton = IconButtonProps & React.AriaAttributes & {
+    className?: string;
+    /**
+     * Es posible pasar explícitamente un ícono o el nombre del ícono de
+     * acuerdo a la librería de la aplicación. Ver Icon.tsx
+     */
+    icon: IconType | TIconName;
+    iconSize?: TIconSize;
+    id?: string;
+    disabled?: boolean;
+    href?: string;
+    isLoading?: boolean;
+    isToggled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: TIconSize;
+    title?: string;
+    variant?: string;
+};
+/**
+ * Renderiza un botón con un ícono adentro.
+ *
+ * La variante por defecto de este componente es buttons.icon
+ *
+ * Si se pasa solamente size, el iconSize será
+ */
+declare const IconButton: React.ForwardRefExoticComponent<Omit<TIconButton, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface ISimpleButton extends ButtonProps {
+    icon?: IconType$1;
+    iconPosition?: 'left' | 'right';
+    iconSize?: number;
+    isLoading?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: string;
+    spinnerSize?: number;
+    type?: 'button' | 'submit' | 'reset';
+}
+declare const SimpleButton: React.ForwardRefExoticComponent<Omit<ISimpleButton, "ref"> & React.RefAttributes<unknown>>;
+
+type TCheckbox = TModify<ButtonProps, {
+    background?: string;
+    checked?: boolean;
+    color?: string;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    native?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    readOnly?: boolean;
+    required?: boolean;
+    type?: string;
+}>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<TCheckbox, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface IField {
+    className?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    readOnly?: boolean;
+}
+interface IIconInput extends IField {
+    additionalButtons?: React__default.ReactNode;
+    buttonProps?: Partial<React__default.ComponentProps<typeof IconButton>>;
+    buttonRef?: React__default.RefObject<HTMLButtonElement>;
+    hideButton?: boolean;
+    icon?: IconType$1;
+    inputProps?: Partial<InputProps>;
+    inputRef?: React__default.RefObject<HTMLInputElement>;
+    mask?: string;
+    onClick?: (ev: React__default.MouseEvent) => void;
+    onBlur?: React__default.FocusEventHandler;
+    [key: string]: unknown;
+}
+declare const IconInput: ({ additionalButtons, buttonProps, buttonRef, className, disabled, hideButton, icon, inputProps, inputRef, isLoading, mask, onClick, onBlur, readOnly, ...rest }: IIconInput) => theme_ui_jsx_runtime.JSX.Element;
+
+type TDateProps = TModify<InputProps, {
+    allowPickBeforeToday?: boolean;
+    error?: string | null;
+    /**
+     * Con esta propiedad se puede proveer una función que será utilizada para
+     * determinar qué máscara debe utilizar el input
+     */
+    getCustomMask?: () => string;
+    isLoading?: boolean;
+    /**
+     * Recibe la nueva fecha. En caso de devolver
+     * false desde este método, el nuevo valor no
+     * se persistirá.
+     */
+    onChange?: (newValue: string) => boolean | string | void;
+    /**
+     * Es llamado cada vez que alguien presiona el botón de eliminar fecha.
+     */
+    onDelete?: () => void;
+    onError?: (error: string | null) => unknown;
+    /**
+     * Con esta propiedad se puede proveer una función que recibirá como
+     * parámetro el valor actual del cmapo y debe devolver el valor a mostrar.
+     */
+    renderLabel?: (value: string) => string;
+    value?: string;
+}> & Pick<IIconInput, 'buttonProps'>;
+declare const DateInput: React__default.ForwardRefExoticComponent<Omit<TDateProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+interface IFieldErrorMessage {
+    children: React.ReactNode | string;
+    name?: string;
+}
+declare const FieldErrorMessage: ({ children, name }: IFieldErrorMessage) => theme_ui_jsx_runtime.JSX.Element | null;
+
+/**
+ * El NumberInput respeta los parámetros de ambiente:
+ * - AMOUNT_DECIMAL_SEPARATOR
+ * - AMOUNT_DECIMAL_ZEROS
+ * - CHAR_DECIMAL_SEPARATOR
+ * - CHAR_THOUS_SEPARATOR
+ * - ADD_THOUSAND_SEPARATOR
+ */
+
+type TNumberInputChangeEvent = {
+    error: boolean;
+    value: string;
+};
+type TNumberInput = Omit<InputProps, 'type' | 'onChange' | 'onBlur' | 'value' | 'defaultValue'> & {
+    onChange?: (ev: TNumberInputChangeEvent) => unknown;
+    value?: string;
+    defaultValue?: string;
+    avoidDecimalRestriction?: boolean;
+};
+declare function parseNumberInputValueToNumber(value: string): number;
+declare function parseNumberValueToNumberInput(value: string | number): string;
+declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<TNumberInput, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+interface IRequiredMark {
+    isFormReadonly?: boolean;
+    isRequired?: boolean;
+    isReadonly?: boolean;
+}
+/**
+ * Muestra el * en los campos de requerido.
+ */
+declare const RequiredMark: ({ isFormReadonly, isRequired, isReadonly, }: IRequiredMark) => theme_ui_jsx_runtime.JSX.Element | null;
+
+declare const getFieldErrorStyles: (isValid: boolean) => ThemeUICSSObject;
+declare const getFieldTouchedStyles: (isTouched: boolean) => ThemeUICSSObject;
+
+declare const LinearLoader: () => theme_ui_jsx_runtime.JSX.Element;
+
+interface IProgressBar {
+    id: string;
+    progress?: number;
+    loading?: boolean;
+}
+declare const ProgressBar: FC<IProgressBar>;
+
+type TModalSize = 'editGrid' | 'sm' | 'md' | 'md-fixed' | 'lg' | 'lg-fixed' | 'xl' | 'xl-fixed' | 'xxl' | 'xxxl' | 'xxxl-fixed' | 'flex' | 'cal' | 'finder';
+type TApiaButtonType = 'primary' | 'primary-sm' | 'secondary' | 'light-secondary' | 'secondary-sm' | 'danger' | 'danger-sm' | 'outline' | 'outline-sm' | 'warning' | 'warning-sm' | 'link';
+
+interface IDialogHeader {
+    className?: string;
+    close: () => void;
+    hideCloseButton?: boolean;
+    id?: string;
+    NavBar?: React__default.ReactNode;
+    title?: string;
+}
+
+type TModalContext = {
+    /**
+     * Se debe usar para dotar de una descripción al cuadro de diálogo
+     */
+    descriptionId: string;
+};
+declare const ModalContext: React__default.Context<TModalContext>;
+type TModal = {
+    animationDuration?: number;
+    children?: React__default.ReactNode;
+    className?: string;
+    id?: string;
+    initialFocusConfiguration?: IOnFocusConfiguration;
+    /**
+     * Este retriever será pasado al método focus.on para realizar el foco en el
+     * elemento inicial del modal.
+     *
+     * @see focus
+     */
+    initialFocusGetter?: (modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>;
+    /**
+     * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya
+     * abierto.
+     */
+    initialFocusRef?: React__default.RefObject<unknown>;
+    /**
+     * Controla el estado del modal, indicando a la transición de apertura o
+     * cierre que debe comenzar, dependiendo de si cambia a true o false
+     * respectivamente.
+     */
+    isOpen?: boolean;
+    maxWidth?: number | string;
+    /**
+     * Permite pasar un componente React que se mostrará a la derecha del título,
+     * con el fin de incorporar botones en el header del modal.
+     */
+    NavBar?: React__default.ReactNode;
+    noFocus?: boolean;
+    noHeader?: boolean;
+    /**
+     * Permite definir un callback que será llamado solamente cuando el modal se
+     * cierre por medio del click en el overlay, al presionar escape o mediante
+     * el botón cerrar del header (La X).
+     */
+    onClose?: () => void;
+    /**
+     * Permite definir un callback que será llamado siempre que el modal se
+     * cierre, una vez que la animación haya terminado.
+     */
+    onExited?: () => unknown;
+    /**
+     * Al pasar un Portal, el modal se abrirá dentro de éste y no directamente en
+     * la posición actual dentro del árbol de componentes. Normalmente, este
+     * Portal es pasado automáticamente por el hook useModal (No el de la
+     * librería, sino el nuestro).
+     *
+     * @see useModal
+     */
+    Portal?: React__default.FC<{
+        children: React__default.ReactNode;
+    }>;
+    /**
+     * Si es true, el modal será cerrado al presionar escape.
+     */
+    shouldCloseOnEsc?: boolean;
+    /**
+     * Si es true, el modal será cerrado al hacer clic en el overlay.
+     */
+    shouldCloseOnOverlayClick?: boolean;
+    size?: TModalSize;
+    stretch?: boolean;
+    title?: string;
+    variant?: string;
+} & Pick<IDialogHeader, 'hideCloseButton'>;
+declare const Modal: React__default.ForwardRefExoticComponent<{
+    animationDuration?: number | undefined;
+    children?: React__default.ReactNode;
+    className?: string | undefined;
+    id?: string | undefined;
+    initialFocusConfiguration?: IOnFocusConfiguration | undefined;
+    /**
+     * Este retriever será pasado al método focus.on para realizar el foco en el
+     * elemento inicial del modal.
+     *
+     * @see focus
+     */
+    initialFocusGetter?: ((modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>) | undefined;
+    /**
+     * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya
+     * abierto.
+     */
+    initialFocusRef?: React__default.RefObject<unknown> | undefined;
+    /**
+     * Controla el estado del modal, indicando a la transición de apertura o
+     * cierre que debe comenzar, dependiendo de si cambia a true o false
+     * respectivamente.
+     */
+    isOpen?: boolean | undefined;
+    maxWidth?: string | number | undefined;
+    /**
+     * Permite pasar un componente React que se mostrará a la derecha del título,
+     * con el fin de incorporar botones en el header del modal.
+     */
+    NavBar?: React__default.ReactNode;
+    noFocus?: boolean | undefined;
+    noHeader?: boolean | undefined;
+    /**
+     * Permite definir un callback que será llamado solamente cuando el modal se
+     * cierre por medio del click en el overlay, al presionar escape o mediante
+     * el botón cerrar del header (La X).
+     */
+    onClose?: (() => void) | undefined;
+    /**
+     * Permite definir un callback que será llamado siempre que el modal se
+     * cierre, una vez que la animación haya terminado.
+     */
+    onExited?: (() => unknown) | undefined;
+    /**
+     * Al pasar un Portal, el modal se abrirá dentro de éste y no directamente en
+     * la posición actual dentro del árbol de componentes. Normalmente, este
+     * Portal es pasado automáticamente por el hook useModal (No el de la
+     * librería, sino el nuestro).
+     *
+     * @see useModal
+     */
+    Portal?: React__default.FC<{
+        children: React__default.ReactNode;
+    }> | undefined;
+    /**
+     * Si es true, el modal será cerrado al presionar escape.
+     */
+    shouldCloseOnEsc?: boolean | undefined;
+    /**
+     * Si es true, el modal será cerrado al hacer clic en el overlay.
+     */
+    shouldCloseOnOverlayClick?: boolean | undefined;
+    size?: TModalSize | undefined;
+    stretch?: boolean | undefined;
+    title?: string | undefined;
+    variant?: string | undefined;
+} & Pick<IDialogHeader, "hideCloseButton"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ICalendarModal extends TModal {
+    handleClickDay: (date: Date) => void;
+    onCancel: () => void;
+    calValue?: Date;
+    locale: string;
+}
+declare const CalendarModal: React__default.ForwardRefExoticComponent<ICalendarModal & React__default.RefAttributes<HTMLDivElement>>;
+
+type TUseModalConfiguration = Pick<TModal, 'onClose' | 'onExited'> & {
+    debugPerformanceName?: string;
+    isDefaultOpen?: boolean;
+    onOpen?: () => unknown;
+    portalArgs?: Omit<Args, 'containerId'>;
+    preFetcher?: () => Promise<void>;
+};
+/**
+ * Este hook provee una forma muy sencilla de utilizar nuestro modal. Provee
+ * varias funcionalidades interesantes para poder manipular el modal en
+ * distintas circunstancias:
+ *
+ * Objeto parámetro:
+ *
+ * - **defaultOpen**, Boolean, si es true el modal aparecerá abierto al montar
+ * y sino aparecerá cerrado.
+ * - **onOpen**: Event listener que será llamado en el momento exacto en que la
+ * orden de apertura del modal fue dada.
+ * - **onClose**: Event listener que será llamado en el momento exacto en que
+ * el modal es cerrado, ya sea por un click en el overlay o porque la tecla
+ * escape fue presionada.
+ * - **onExited**, Event listener que será llamado luego de que la animación de
+ * cierre del modal terminó.
+ * - **preFetcher**, este método deberá devolver una promesa y en dicha promesa
+ * deberá realizar cualquier operación que fuera necesaria antes de abrir el
+ * modal, ejemplo: cargar la información que el modal debe mostrar. Si este
+ * método es pasado, será llamado antes de abrir el modal y la vista se pondrá
+ * en modo de carga (la propiedad isLoading devuelta y la propiedad isLoading
+ * del OpenModalContextProvider estarán en true), hasta que la promesa sea
+ * resuelta, momento en que se abrirá el modal e isLoading será puesto en false.
+ * - **portalArgs**, objeto de configuración aceptado por el hook usePortal de
+ * **react-cool-portal**.
+ *
+ * Objeto devuelto:
+ *
+ * - Para un modal en donde el botón de abrir el modal esté inserto dentro del
+ * componente que lo utiliza, se devuelven los métodos **show** y **hide**.
+ * - Para un modal en donde el botón de abrir el modal esté fuera del
+ * componente, se devuelve **openModalContextValue**, que es el valor que debe
+ * pasarse al contexto de tipo OpenModalContextProvider, un contexto que
+ * puede ser utilizado para renderizar el botón encargado de abrir el modal,
+ * fuera del alcance del componente que define el modal en sí. Se muestra un
+ * ejemplo más abajo.
+ * - Todos los demás elementos devueltos son para pasar directamente al modal,
+ * entre ellos se encuentran las propiedades que el modal utiliza para saber si
+ * debe estar abierto, los event listeners correspondientes y un portal, que el
+ * modal usará para mostrarse dentro del área de modales, lo cual es sumamente
+ * importante para que el focusController funcione correctamente.
+ *
+ * @see OpenModalContextProvider
+ * @see usePortal
+ *
+ * @example
+ *
+  const { openModalContextValue, ...modalProps } = useModal(
+    React.useMemo(() => ({
+      onClose: () => console.log("Al presionar en cerrar."),
+      onExited: () => console.log("Al terminar la animación de cierre."),
+      onOpen: () => console.log("Al abrir."),
+    }), [])
+  );
+
+  return (
+    <OpenModalContext.Provider value={openModalContextValue}>
+      <OpenModalContext.Consumer>
+        {({ isLoading, show }) => (
+          <Button isLoading={isLoading} onClick={show}>Open modal</Button>
+        )}
+      </OpenModalContext.Consumer>
+      <Modal shouldCloseOnEsc shouldCloseOnOverlayClick {...modalProps}>
+        Hello world
+      </Modal>
+    </OpenModalContext.Provider>
+  );
+ */
+declare function useModal(configuration?: TUseModalConfiguration): {
+    hide: () => void;
+    isLoading: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    onExited: () => void;
+    openModalContextValue: {
+        isLoading: boolean;
+        show: () => void;
+    };
+    Portal: React__default.FC<{
+        children: React__default.ReactNode;
+    }>;
+    show: () => void;
+};
+
+declare function getConfirmButton(ref: HTMLElement): HTMLElement;
+interface IConfirm {
+    additionalButtons?: React.ReactNode;
+    additionalButtonsOnRight?: React.ReactNode;
+    cancelButtonText?: string;
+    children: React.ReactNode;
+    className?: string;
+    confirmButtonText?: string;
+    confirmButtonVariant?: TApiaButtonType;
+    contentRef?: React.Ref<HTMLDivElement>;
+    disabled?: boolean;
+    hideCancelButton?: boolean;
+    hideConfirmButton?: boolean;
+    isLoading?: boolean;
+    onConfirm?: (ev: React.MouseEvent) => unknown;
+    onCancel?: (ev: React.MouseEvent) => unknown;
+    variant?: string;
+}
+declare global {
+    interface Window {
+        [key: string]: string;
+    }
+}
+declare const Confirm: React.FC<IConfirm>;
+
+interface IDialogButtonBar {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const DialogButtonBar: React.FC<IDialogButtonBar>;
+
+interface IOverlay extends BoxProps {
+    children: React.ReactNode;
+    className?: string;
+    onOverlayClicked: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Permite pasar un callback que será llamado una vez que el overlay termine
+     * de cerrarse.
+     */
+    onExited: () => void;
+    isOpen?: boolean;
+    shouldAvoidInitialFocusTrap?: boolean;
+    stretch?: boolean;
+    transitionDuration?: number;
+}
+declare const Overlay: React.ForwardRefExoticComponent<IOverlay & React.RefAttributes<unknown>>;
+
+declare const lockController: {
+    "__#1@#private": any;
+    on<K extends "lockLinear" | "lock" | "forceLock" | "forceUnlock" | "forceWhiteScreen" | "unlock">(eventName: K, fn: (params: {
+        forceLock: null;
+        forceUnlock: null;
+        forceWhiteScreen: null;
+        lock: null;
+        unlock: null;
+        lockLinear: null;
+    }[K]) => unknown): () => void;
+    off<K_1 extends "lockLinear" | "lock" | "forceLock" | "forceUnlock" | "forceWhiteScreen" | "unlock">(eventName: K_1, fn: (params: {
+        forceLock: null;
+        forceUnlock: null;
+        forceWhiteScreen: null;
+        lock: null;
+        unlock: null;
+        lockLinear: null;
+    }[K_1]) => unknown): void;
+    emit<K_2 extends "lockLinear" | "lock" | "forceLock" | "forceUnlock" | "forceWhiteScreen" | "unlock">(eventName: K_2, params?: {
+        forceLock: null;
+        forceUnlock: null;
+        forceWhiteScreen: null;
+        lock: null;
+        unlock: null;
+        lockLinear: null;
+    }[K_2] | undefined): void;
+};
+/**
+ * There it exists a hook which handles much better the lock process than this
+ * method, which is only intended to use outside React components. Please, if
+ * you will call the lock function within a component:
+ *
+ * @see useScreenLock
+ *
+ * The lockScreen method will add 1 to a counter, which tells the locking screen
+ * how much components expect the screen to be locked. The only way the screen
+ * is unlocked, is that this counter is exactly 0 and that there is no component
+ * forcing the lock.
+ *
+ * @see forceScreenLock
+ *
+ * @returns A method which can be used to be sure that the unlocking process will be only made one time, which ensures that any component will interfere with the locking fired by other components.
+ *
+ * @example
+ *
+ * const unlock = lockScreen();
+ *
+ * // Make some heavy stuff
+ *
+ * // The unlock method is being called 3 times, but the unlock process is executed once.
+ * unlock();
+ * unlock();
+ * unlock();
+ */
+declare function lockScreen(linear?: boolean): () => void;
+/**
+ * This method is the counterpart of lockScreen and must (preferably) not be
+ * used, use the useScreenLock hook or the method returned from lockScreen in
+ * order to avoid interfering with other components locking process.
+ *
+ * @see lockScreen
+ * @see useScreenLock
+ */
+declare function unlockScreen(): void;
+/**
+ * This method is very determinant: the screen will be locked no matter what is
+ * happening with other components. To do that, a flag is raised telling the
+ * screen lock component: lock the screen.
+ *
+ * This flag can only be lowered by calling forceUnlockScreen
+ *
+ * @see releaseScreenLock
+ */
+declare function forceScreenLock(): void;
+/**
+ * This method is very determinant: the screen will be locked no matter what is
+ * happening with other components. To do that, a flag is raised telling the
+ * screen lock component: lock the screen.
+ *
+ * This flag can only be lowered by calling forceUnlockScreen
+ *
+ * @see releaseScreenLock
+ */
+declare function forceWhiteScreen(): void;
+/**
+ * This method is the counterpart of forceLockScreen. If the screen is being
+ * forced to be locked, this method will release it to allow the screen locking
+ * process to behave normally.
+ *
+ * @see forceScreenLock
+ */
+declare function releaseScreenLock(): void;
+/**
+ * This hook is the ideal way to control the screen locking process, it
+ * guarantees that the screen will only be unlocked by the component which
+ * is using it if it has locked it previously. This way the behavior will be
+ * persistent with what the components expect to happen when they call lock or
+ * unlock screen.
+ *
+ * @returns an object containing { lockScreen, unlockScreen } methods that are
+ * explained by their names.
+ */
+declare function useScreenLock(): {
+    lockScreen: () => void;
+    unlockScreen: () => void;
+};
+declare function isCurrentlyLocked(): boolean;
+/**
+ * **DO NOT USE THIS COMPONENT**
+ *
+ * This component is not intended to be used by any component more than the
+ * BaseApp. If you are looking for a suspense screen to use with a lazy
+ * component, please refer to ScreenLockSuspense.
+ *
+ * **DO NOT USE THIS COMPONENT**
+ *
+ * @see ScreenLockSuspense
+ *
+ * **DO NOT USE THIS COMPONENT**
+ */
+declare const ScreenLock: () => theme_ui_jsx_runtime.JSX.Element | null;
+interface IReadyTools {
+    /**
+     * Con este método se libera el bloqueo de la pantalla,
+     * y es pasado como parámetro de la función onScreenLockReady
+     * solamente cuando la pantalla está lista para ser
+     * desbloqueada.
+     */
+    releaseScreenLock: () => void;
+}
+type TReadyCb = (tools: IReadyTools) => void;
+/**
+ * Permite agendar un callback para que sea ejecutado cuando
+ * la pantalla esté lista para ser desbloqueada. Este callback
+ * será llamado con un método como parámetro que ejecuta el
+ * desbloqueo.
+ *
+ * Si la pantalla ya está lista para ser desbloqueada cuando se
+ * registre el callback, éste sera llamado inmediatamente.
+ */
+declare function onScreenLockReady(cb: TReadyCb): void;
+/**
+ * Permite agendar un callback para que sea ejecutado una vez
+ * que la pantalla haya sido desbloqueada por primera vez.
+ *
+ * Si al momento de registrar el callback la pantalla ya fue
+ * desbloqueada, el callback se ejecuta inmediatamente.
+ */
+declare function onScreenLockReleasedFirstTime(cb: () => void): void;
+declare function hasReleasedScreenLock(): boolean;
+
+export { CalendarModal, Checkbox, Confirm, DateInput, DialogButtonBar, FieldErrorMessage, ICalendarModal, IConfirm, IDialogButtonBar, IDialogHeader, IField, IFieldErrorMessage, IIconInput, IOverlay, IRequiredMark, ISimpleButton, IconButton, IconInput, LinearLoader, Modal, ModalContext, NumberInput, Overlay, ProgressBar, RequiredMark, ScreenLock, SimpleButton, TApiaIconButton, TCheckbox, TDateProps, TIconButton, TIconSize, TModal, TModalContext, TNumberInput, TNumberInputChangeEvent, TUseModalConfiguration, focus, forceScreenLock, forceWhiteScreen, getConfirmButton, getFieldErrorStyles, getFieldTouchedStyles, hasReleasedScreenLock, isCurrentlyLocked, lockController, lockScreen, onScreenLockReady, onScreenLockReleasedFirstTime, parseNumberInputValueToNumber, parseNumberValueToNumberInput, releaseScreenLock, unlockScreen, useModal, useScreenLock };

package/dist/index.js

@@ -0,0 +1,42 @@
+"use strict";var oa=Object.create;var at=Object.defineProperty,na=Object.defineProperties,aa=Object.getOwnPropertyDescriptor,sa=Object.getOwnPropertyDescriptors,ia=Object.getOwnPropertyNames,wt=Object.getOwnPropertySymbols,ua=Object.getPrototypeOf,yr=Object.prototype.hasOwnProperty,fo=Object.prototype.propertyIsEnumerable;var uo=(e,t,r)=>t in e?at(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,L=(e,t)=>{for(var r in t||(t={}))yr.call(t,r)&&uo(e,r,t[r]);if(wt)for(var r of wt(t))fo.call(t,r)&&uo(e,r,t[r]);return e},N=(e,t)=>na(e,sa(t));var X=(e,t)=>{var r={};for(var o in e)yr.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&wt)for(var o of wt(e))t.indexOf(o)<0&&fo.call(e,o)&&(r[o]=e[o]);return r};var le=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),fa=(e,t)=>{for(var r in t)at(e,r,{get:t[r],enumerable:!0})},lo=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ia(t))!yr.call(e,n)&&n!==r&&at(e,n,{get:()=>t[n],enumerable:!(o=aa(t,n))||o.enumerable});return e};var Y=(e,t,r)=>(r=e!=null?oa(ua(e)):{},lo(t||!e||!e.__esModule?at(r,"default",{value:e,enumerable:!0}):r,e)),la=e=>lo(at({},"__esModule",{value:!0}),e);var vr=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)};var K=(e,t,r)=>(vr(e,t,"read from private field"),r?r.call(e):t.get(e)),oe=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},ae=(e,t,r,o)=>(vr(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r),co=(e,t,r,o)=>({set _(n){ae(e,t,n,r)},get _(){return K(e,t,o)}}),se=(e,t,r)=>(vr(e,t,"access private method"),r);var Ue=(e,t,r)=>new Promise((o,n)=>{var s=f=>{try{a(r.next(f))}catch(l){n(l)}},u=f=>{try{a(r.throw(f))}catch(l){n(l)}},a=f=>f.done?o(f.value):Promise.resolve(f.value).then(s,u);a((r=r.apply(e,t)).next())});var _o=le(j=>{"use strict";var ee=typeof Symbol=="function"&&Symbol.for,br=ee?Symbol.for("react.element"):60103,gr=ee?Symbol.for("react.portal"):60106,Bt=ee?Symbol.for("react.fragment"):60107,Dt=ee?Symbol.for("react.strict_mode"):60108,Nt=ee?Symbol.for("react.profiler"):60114,Pt=ee?Symbol.for("react.provider"):60109,At=ee?Symbol.for("react.context"):60110,Er=ee?Symbol.for("react.async_mode"):60111,Ft=ee?Symbol.for("react.concurrent_mode"):60111,Ht=ee?Symbol.for("react.forward_ref"):60112,jt=ee?Symbol.for("react.suspense"):60113,Ha=ee?Symbol.for("react.suspense_list"):60120,Wt=ee?Symbol.for("react.memo"):60115,Ut=ee?Symbol.for("react.lazy"):60116,ja=ee?Symbol.for("react.block"):60121,Wa=ee?Symbol.for("react.fundamental"):60117,Ua=ee?Symbol.for("react.responder"):60118,qa=ee?Symbol.for("react.scope"):60119;function ie(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case br:switch(e=e.type,e){case Er:case Ft:case Bt:case Nt:case Dt:case jt:return e;default:switch(e=e&&e.$$typeof,e){case At:case Ht:case Ut:case Wt:case Pt:return e;default:return t}}case gr:return t}}}function Lo(e){return ie(e)===Ft}j.AsyncMode=Er;j.ConcurrentMode=Ft;j.ContextConsumer=At;j.ContextProvider=Pt;j.Element=br;j.ForwardRef=Ht;j.Fragment=Bt;j.Lazy=Ut;j.Memo=Wt;j.Portal=gr;j.Profiler=Nt;j.StrictMode=Dt;j.Suspense=jt;j.isAsyncMode=function(e){return Lo(e)||ie(e)===Er};j.isConcurrentMode=Lo;j.isContextConsumer=function(e){return ie(e)===At};j.isContextProvider=function(e){return ie(e)===Pt};j.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===br};j.isForwardRef=function(e){return ie(e)===Ht};j.isFragment=function(e){return ie(e)===Bt};j.isLazy=function(e){return ie(e)===Ut};j.isMemo=function(e){return ie(e)===Wt};j.isPortal=function(e){return ie(e)===gr};j.isProfiler=function(e){return ie(e)===Nt};j.isStrictMode=function(e){return ie(e)===Dt};j.isSuspense=function(e){return ie(e)===jt};j.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===Bt||e===Ft||e===Nt||e===Dt||e===jt||e===Ha||typeof e=="object"&&e!==null&&(e.$$typeof===Ut||e.$$typeof===Wt||e.$$typeof===Pt||e.$$typeof===At||e.$$typeof===Ht||e.$$typeof===Wa||e.$$typeof===Ua||e.$$typeof===qa||e.$$typeof===ja)};j.typeOf=ie});var $o=le(W=>{"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,u=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,y=e?Symbol.for("react.forward_ref"):60112,x=e?Symbol.for("react.suspense"):60113,b=e?Symbol.for("react.suspense_list"):60120,R=e?Symbol.for("react.memo"):60115,B=e?Symbol.for("react.lazy"):60116,D=e?Symbol.for("react.block"):60121,k=e?Symbol.for("react.fundamental"):60117,P=e?Symbol.for("react.responder"):60118,F=e?Symbol.for("react.scope"):60119;function _(C){return typeof C=="string"||typeof C=="function"||C===o||C===l||C===s||C===n||C===x||C===b||typeof C=="object"&&C!==null&&(C.$$typeof===B||C.$$typeof===R||C.$$typeof===u||C.$$typeof===a||C.$$typeof===y||C.$$typeof===k||C.$$typeof===P||C.$$typeof===F||C.$$typeof===D)}function I(C){if(typeof C=="object"&&C!==null){var hr=C.$$typeof;switch(hr){case t:var kt=C.type;switch(kt){case f:case l:case o:case s:case n:case x:return kt;default:var io=kt&&kt.$$typeof;switch(io){case a:case y:case B:case R:case u:return io;default:return hr}}case r:return hr}}}var H=f,z=l,w=a,$=u,A=t,U=y,S=o,v=B,i=R,c=r,d=s,m=n,p=x,g=!1;function E(C){return g||(g=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),T(C)||I(C)===f}function T(C){return I(C)===l}function h(C){return I(C)===a}function O(C){return I(C)===u}function M(C){return typeof C=="object"&&C!==null&&C.$$typeof===t}function V(C){return I(C)===y}function q(C){return I(C)===o}function G(C){return I(C)===B}function re(C){return I(C)===R}function pe(C){return I(C)===r}function nt(C){return I(C)===s}function We(C){return I(C)===n}function ra(C){return I(C)===x}W.AsyncMode=H,W.ConcurrentMode=z,W.ContextConsumer=w,W.ContextProvider=$,W.Element=A,W.ForwardRef=U,W.Fragment=S,W.Lazy=v,W.Memo=i,W.Portal=c,W.Profiler=d,W.StrictMode=m,W.Suspense=p,W.isAsyncMode=E,W.isConcurrentMode=T,W.isContextConsumer=h,W.isContextProvider=O,W.isElement=M,W.isForwardRef=V,W.isFragment=q,W.isLazy=G,W.isMemo=re,W.isPortal=pe,W.isProfiler=nt,W.isStrictMode=We,W.isSuspense=ra,W.isValidElementType=_,W.typeOf=I}()});var Sr=le((ci,Tr)=>{"use strict";process.env.NODE_ENV==="production"?Tr.exports=_o():Tr.exports=$o()});var No=le((di,Do)=>{"use strict";var Bo=Object.getOwnPropertySymbols,Ya=Object.prototype.hasOwnProperty,Va=Object.prototype.propertyIsEnumerable;function za(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Ga(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;var o=Object.getOwnPropertyNames(t).map(function(s){return t[s]});if(o.join("")!=="0123456789")return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(s){n[s]=s}),Object.keys(Object.assign({},n)).join("")==="abcdefghijklmnopqrst"}catch(s){return!1}}Do.exports=Ga()?Object.assign:function(e,t){for(var r,o=za(e),n,s=1;s<arguments.length;s++){r=Object(arguments[s]);for(var u in r)Ya.call(r,u)&&(o[u]=r[u]);if(Bo){n=Bo(r);for(var a=0;a<n.length;a++)Va.call(r,n[a])&&(o[n[a]]=r[n[a]])}}return o}});var qt=le((pi,Po)=>{"use strict";var Ka="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";Po.exports=Ka});var Cr=le((mi,Ao)=>{Ao.exports=Function.call.bind(Object.prototype.hasOwnProperty)});var Uo=le((xi,Wo)=>{"use strict";var Rr=function(){};process.env.NODE_ENV!=="production"&&(Fo=qt(),Yt={},Ho=Cr(),Rr=function(e){var t="Warning: "+e;typeof console!="undefined"&&console.error(t);try{throw new Error(t)}catch(r){}});var Fo,Yt,Ho;function jo(e,t,r,o,n){if(process.env.NODE_ENV!=="production"){for(var s in e)if(Ho(e,s)){var u;try{if(typeof e[s]!="function"){var a=Error((o||"React class")+": "+r+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw a.name="Invariant Violation",a}u=e[s](t,s,o,r,null,Fo)}catch(l){u=l}if(u&&!(u instanceof Error)&&Rr((o||"React class")+": type specification of "+r+" `"+s+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof u+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),u instanceof Error&&!(u.message in Yt)){Yt[u.message]=!0;var f=n?n():"";Rr("Failed "+r+" type: "+u.message+(f!=null?f:""))}}}}jo.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(Yt={})};Wo.exports=jo});var Vo=le((hi,Yo)=>{"use strict";var Qa=Sr(),Za=No(),Ve=qt(),Or=Cr(),qo=Uo(),ze=function(){};process.env.NODE_ENV!=="production"&&(ze=function(e){var t="Warning: "+e;typeof console!="undefined"&&console.error(t);try{throw new Error(t)}catch(r){}});function Vt(){return null}Yo.exports=function(e,t){var r=typeof Symbol=="function"&&Symbol.iterator,o="@@iterator";function n(i){var c=i&&(r&&i[r]||i[o]);if(typeof c=="function")return c}var s="<<anonymous>>",u={array:y("array"),bigint:y("bigint"),bool:y("boolean"),func:y("function"),number:y("number"),object:y("object"),string:y("string"),symbol:y("symbol"),any:x(),arrayOf:b,element:R(),elementType:B(),instanceOf:D,node:_(),objectOf:P,oneOf:k,oneOfType:F,shape:H,exact:z};function a(i,c){return i===c?i!==0||1/i===1/c:i!==i&&c!==c}function f(i,c){this.message=i,this.data=c&&typeof c=="object"?c:{},this.stack=""}f.prototype=Error.prototype;function l(i){if(process.env.NODE_ENV!=="production")var c={},d=0;function m(g,E,T,h,O,M,V){if(h=h||s,M=M||T,V!==Ve){if(t){var q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw q.name="Invariant Violation",q}else if(process.env.NODE_ENV!=="production"&&typeof console!="undefined"){var G=h+":"+T;!c[G]&&d<3&&(ze("You are manually calling a React.PropTypes validation function for the `"+M+"` prop on `"+h+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),c[G]=!0,d++)}}return E[T]==null?g?E[T]===null?new f("The "+O+" `"+M+"` is marked as required "+("in `"+h+"`, but its value is `null`.")):new f("The "+O+" `"+M+"` is marked as required in "+("`"+h+"`, but its value is `undefined`.")):null:i(E,T,h,O,M)}var p=m.bind(null,!1);return p.isRequired=m.bind(null,!0),p}function y(i){function c(d,m,p,g,E,T){var h=d[m],O=A(h);if(O!==i){var M=U(h);return new f("Invalid "+g+" `"+E+"` of type "+("`"+M+"` supplied to `"+p+"`, expected ")+("`"+i+"`."),{expectedType:i})}return null}return l(c)}function x(){return l(Vt)}function b(i){function c(d,m,p,g,E){if(typeof i!="function")return new f("Property `"+E+"` of component `"+p+"` has invalid PropType notation inside arrayOf.");var T=d[m];if(!Array.isArray(T)){var h=A(T);return new f("Invalid "+g+" `"+E+"` of type "+("`"+h+"` supplied to `"+p+"`, expected an array."))}for(var O=0;O<T.length;O++){var M=i(T,O,p,g,E+"["+O+"]",Ve);if(M instanceof Error)return M}return null}return l(c)}function R(){function i(c,d,m,p,g){var E=c[d];if(!e(E)){var T=A(E);return new f("Invalid "+p+" `"+g+"` of type "+("`"+T+"` supplied to `"+m+"`, expected a single ReactElement."))}return null}return l(i)}function B(){function i(c,d,m,p,g){var E=c[d];if(!Qa.isValidElementType(E)){var T=A(E);return new f("Invalid "+p+" `"+g+"` of type "+("`"+T+"` supplied to `"+m+"`, expected a single ReactElement type."))}return null}return l(i)}function D(i){function c(d,m,p,g,E){if(!(d[m]instanceof i)){var T=i.name||s,h=v(d[m]);return new f("Invalid "+g+" `"+E+"` of type "+("`"+h+"` supplied to `"+p+"`, expected ")+("instance of `"+T+"`."))}return null}return l(c)}function k(i){if(!Array.isArray(i))return process.env.NODE_ENV!=="production"&&(arguments.length>1?ze("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):ze("Invalid argument supplied to oneOf, expected an array.")),Vt;function c(d,m,p,g,E){for(var T=d[m],h=0;h<i.length;h++)if(a(T,i[h]))return null;var O=JSON.stringify(i,function(V,q){var G=U(q);return G==="symbol"?String(q):q});return new f("Invalid "+g+" `"+E+"` of value `"+String(T)+"` "+("supplied to `"+p+"`, expected one of "+O+"."))}return l(c)}function P(i){function c(d,m,p,g,E){if(typeof i!="function")return new f("Property `"+E+"` of component `"+p+"` has invalid PropType notation inside objectOf.");var T=d[m],h=A(T);if(h!=="object")return new f("Invalid "+g+" `"+E+"` of type "+("`"+h+"` supplied to `"+p+"`, expected an object."));for(var O in T)if(Or(T,O)){var M=i(T,O,p,g,E+"."+O,Ve);if(M instanceof Error)return M}return null}return l(c)}function F(i){if(!Array.isArray(i))return process.env.NODE_ENV!=="production"&&ze("Invalid argument supplied to oneOfType, expected an instance of array."),Vt;for(var c=0;c<i.length;c++){var d=i[c];if(typeof d!="function")return ze("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+S(d)+" at index "+c+"."),Vt}function m(p,g,E,T,h){for(var O=[],M=0;M<i.length;M++){var V=i[M],q=V(p,g,E,T,h,Ve);if(q==null)return null;q.data&&Or(q.data,"expectedType")&&O.push(q.data.expectedType)}var G=O.length>0?", expected one of type ["+O.join(", ")+"]":"";return new f("Invalid "+T+" `"+h+"` supplied to "+("`"+E+"`"+G+"."))}return l(m)}function _(){function i(c,d,m,p,g){return w(c[d])?null:new f("Invalid "+p+" `"+g+"` supplied to "+("`"+m+"`, expected a ReactNode."))}return l(i)}function I(i,c,d,m,p){return new f((i||"React class")+": "+c+" type `"+d+"."+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+p+"`.")}function H(i){function c(d,m,p,g,E){var T=d[m],h=A(T);if(h!=="object")return new f("Invalid "+g+" `"+E+"` of type `"+h+"` "+("supplied to `"+p+"`, expected `object`."));for(var O in i){var M=i[O];if(typeof M!="function")return I(p,g,E,O,U(M));var V=M(T,O,p,g,E+"."+O,Ve);if(V)return V}return null}return l(c)}function z(i){function c(d,m,p,g,E){var T=d[m],h=A(T);if(h!=="object")return new f("Invalid "+g+" `"+E+"` of type `"+h+"` "+("supplied to `"+p+"`, expected `object`."));var O=Za({},d[m],i);for(var M in O){var V=i[M];if(Or(i,M)&&typeof V!="function")return I(p,g,E,M,U(V));if(!V)return new f("Invalid "+g+" `"+E+"` key `"+M+"` supplied to `"+p+"`.\nBad object: "+JSON.stringify(d[m],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(i),null,"  "));var q=V(T,M,p,g,E+"."+M,Ve);if(q)return q}return null}return l(c)}function w(i){switch(typeof i){case"number":case"string":case"undefined":return!0;case"boolean":return!i;case"object":if(Array.isArray(i))return i.every(w);if(i===null||e(i))return!0;var c=n(i);if(c){var d=c.call(i),m;if(c!==i.entries){for(;!(m=d.next()).done;)if(!w(m.value))return!1}else for(;!(m=d.next()).done;){var p=m.value;if(p&&!w(p[1]))return!1}}else return!1;return!0;default:return!1}}function $(i,c){return i==="symbol"?!0:c?c["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&c instanceof Symbol:!1}function A(i){var c=typeof i;return Array.isArray(i)?"array":i instanceof RegExp?"object":$(c,i)?"symbol":c}function U(i){if(typeof i=="undefined"||i===null)return""+i;var c=A(i);if(c==="object"){if(i instanceof Date)return"date";if(i instanceof RegExp)return"regexp"}return c}function S(i){var c=U(i);switch(c){case"array":case"object":return"an "+c;case"boolean":case"date":case"regexp":return"a "+c;default:return c}}function v(i){return!i.constructor||!i.constructor.name?s:i.constructor.name}return u.checkPropTypes=qo,u.resetWarningCache=qo.resetWarningCache,u.PropTypes=u,u}});var Qo=le((yi,Ko)=>{"use strict";var Ja=qt();function zo(){}function Go(){}Go.resetWarningCache=zo;Ko.exports=function(){function e(o,n,s,u,a,f){if(f!==Ja){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}e.isRequired=e;function t(){return e}var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Go,resetWarningCache:zo};return r.PropTypes=r,r}});var zt=le((vi,Mr)=>{process.env.NODE_ENV!=="production"?(Zo=Sr(),Jo=!0,Mr.exports=Vo()(Zo.isElement,Jo)):Mr.exports=Qo()();var Zo,Jo});var Sn=le((Gr,Kr)=>{(function(e,t){typeof Gr=="object"&&typeof Kr!="undefined"?Kr.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self).dayjs=t()})(Gr,function(){"use strict";var e=1e3,t=6e4,r=36e5,o="millisecond",n="second",s="minute",u="hour",a="day",f="week",l="month",y="quarter",x="year",b="date",R="Invalid Date",B=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,D=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,k={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(S){var v=["th","st","nd","rd"],i=S%100;return"["+S+(v[(i-20)%10]||v[i]||v[0])+"]"}},P=function(S,v,i){var c=String(S);return!c||c.length>=v?S:""+Array(v+1-c.length).join(i)+S},F={s:P,z:function(S){var v=-S.utcOffset(),i=Math.abs(v),c=Math.floor(i/60),d=i%60;return(v<=0?"+":"-")+P(c,2,"0")+":"+P(d,2,"0")},m:function S(v,i){if(v.date()<i.date())return-S(i,v);var c=12*(i.year()-v.year())+(i.month()-v.month()),d=v.clone().add(c,l),m=i-d<0,p=v.clone().add(c+(m?-1:1),l);return+(-(c+(i-d)/(m?d-p:p-d))||0)},a:function(S){return S<0?Math.ceil(S)||0:Math.floor(S)},p:function(S){return{M:l,y:x,w:f,d:a,D:b,h:u,m:s,s:n,ms:o,Q:y}[S]||String(S||"").toLowerCase().replace(/s$/,"")},u:function(S){return S===void 0}},_="en",I={};I[_]=k;var H=function(S){return S instanceof A},z=function S(v,i,c){var d;if(!v)return _;if(typeof v=="string"){var m=v.toLowerCase();I[m]&&(d=m),i&&(I[m]=i,d=m);var p=v.split("-");if(!d&&p.length>1)return S(p[0])}else{var g=v.name;I[g]=v,d=g}return!c&&d&&(_=d),d||!c&&_},w=function(S,v){if(H(S))return S.clone();var i=typeof v=="object"?v:{};return i.date=S,i.args=arguments,new A(i)},$=F;$.l=z,$.i=H,$.w=function(S,v){return w(S,{locale:v.$L,utc:v.$u,x:v.$x,$offset:v.$offset})};var A=function(){function S(i){this.$L=z(i.locale,null,!0),this.parse(i)}var v=S.prototype;return v.parse=function(i){this.$d=function(c){var d=c.date,m=c.utc;if(d===null)return new Date(NaN);if($.u(d))return new Date;if(d instanceof Date)return new Date(d);if(typeof d=="string"&&!/Z$/i.test(d)){var p=d.match(B);if(p){var g=p[2]-1||0,E=(p[7]||"0").substring(0,3);return m?new Date(Date.UTC(p[1],g,p[3]||1,p[4]||0,p[5]||0,p[6]||0,E)):new Date(p[1],g,p[3]||1,p[4]||0,p[5]||0,p[6]||0,E)}}return new Date(d)}(i),this.$x=i.x||{},this.init()},v.init=function(){var i=this.$d;this.$y=i.getFullYear(),this.$M=i.getMonth(),this.$D=i.getDate(),this.$W=i.getDay(),this.$H=i.getHours(),this.$m=i.getMinutes(),this.$s=i.getSeconds(),this.$ms=i.getMilliseconds()},v.$utils=function(){return $},v.isValid=function(){return this.$d.toString()!==R},v.isSame=function(i,c){var d=w(i);return this.startOf(c)<=d&&d<=this.endOf(c)},v.isAfter=function(i,c){return w(i)<this.startOf(c)},v.isBefore=function(i,c){return this.endOf(c)<w(i)},v.$g=function(i,c,d){return $.u(i)?this[c]:this.set(d,i)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(i,c){var d=this,m=!!$.u(c)||c,p=$.p(i),g=function(G,re){var pe=$.w(d.$u?Date.UTC(d.$y,re,G):new Date(d.$y,re,G),d);return m?pe:pe.endOf(a)},E=function(G,re){return $.w(d.toDate()[G].apply(d.toDate("s"),(m?[0,0,0,0]:[23,59,59,999]).slice(re)),d)},T=this.$W,h=this.$M,O=this.$D,M="set"+(this.$u?"UTC":"");switch(p){case x:return m?g(1,0):g(31,11);case l:return m?g(1,h):g(0,h+1);case f:var V=this.$locale().weekStart||0,q=(T<V?T+7:T)-V;return g(m?O-q:O+(6-q),h);case a:case b:return E(M+"Hours",0);case u:return E(M+"Minutes",1);case s:return E(M+"Seconds",2);case n:return E(M+"Milliseconds",3);default:return this.clone()}},v.endOf=function(i){return this.startOf(i,!1)},v.$set=function(i,c){var d,m=$.p(i),p="set"+(this.$u?"UTC":""),g=(d={},d[a]=p+"Date",d[b]=p+"Date",d[l]=p+"Month",d[x]=p+"FullYear",d[u]=p+"Hours",d[s]=p+"Minutes",d[n]=p+"Seconds",d[o]=p+"Milliseconds",d)[m],E=m===a?this.$D+(c-this.$W):c;if(m===l||m===x){var T=this.clone().set(b,1);T.$d[g](E),T.init(),this.$d=T.set(b,Math.min(this.$D,T.daysInMonth())).$d}else g&&this.$d[g](E);return this.init(),this},v.set=function(i,c){return this.clone().$set(i,c)},v.get=function(i){return this[$.p(i)]()},v.add=function(i,c){var d,m=this;i=Number(i);var p=$.p(c),g=function(h){var O=w(m);return $.w(O.date(O.date()+Math.round(h*i)),m)};if(p===l)return this.set(l,this.$M+i);if(p===x)return this.set(x,this.$y+i);if(p===a)return g(1);if(p===f)return g(7);var E=(d={},d[s]=t,d[u]=r,d[n]=e,d)[p]||1,T=this.$d.getTime()+i*E;return $.w(T,this)},v.subtract=function(i,c){return this.add(-1*i,c)},v.format=function(i){var c=this,d=this.$locale();if(!this.isValid())return d.invalidDate||R;var m=i||"YYYY-MM-DDTHH:mm:ssZ",p=$.z(this),g=this.$H,E=this.$m,T=this.$M,h=d.weekdays,O=d.months,M=function(re,pe,nt,We){return re&&(re[pe]||re(c,m))||nt[pe].slice(0,We)},V=function(re){return $.s(g%12||12,re,"0")},q=d.meridiem||function(re,pe,nt){var We=re<12?"AM":"PM";return nt?We.toLowerCase():We},G={YY:String(this.$y).slice(-2),YYYY:this.$y,M:T+1,MM:$.s(T+1,2,"0"),MMM:M(d.monthsShort,T,O,3),MMMM:M(O,T),D:this.$D,DD:$.s(this.$D,2,"0"),d:String(this.$W),dd:M(d.weekdaysMin,this.$W,h,2),ddd:M(d.weekdaysShort,this.$W,h,3),dddd:h[this.$W],H:String(g),HH:$.s(g,2,"0"),h:V(1),hh:V(2),a:q(g,E,!0),A:q(g,E,!1),m:String(E),mm:$.s(E,2,"0"),s:String(this.$s),ss:$.s(this.$s,2,"0"),SSS:$.s(this.$ms,3,"0"),Z:p};return m.replace(D,function(re,pe){return pe||G[re]||p.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(i,c,d){var m,p=$.p(c),g=w(i),E=(g.utcOffset()-this.utcOffset())*t,T=this-g,h=$.m(this,g);return h=(m={},m[x]=h/12,m[l]=h,m[y]=h/3,m[f]=(T-E)/6048e5,m[a]=(T-E)/864e5,m[u]=T/r,m[s]=T/t,m[n]=T/e,m)[p]||T,d?h:$.a(h)},v.daysInMonth=function(){return this.endOf(l).$D},v.$locale=function(){return I[this.$L]},v.locale=function(i,c){if(!i)return this.$L;var d=this.clone(),m=z(i,c,!0);return m&&(d.$L=m),d},v.clone=function(){return $.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},S}(),U=A.prototype;return w.prototype=U,[["$ms",o],["$s",n],["$m",s],["$H",u],["$W",a],["$M",l],["$y",x],["$D",b]].forEach(function(S){U[S[1]]=function(v){return this.$g(v,S[0],S[1])}}),w.extend=function(S,v){return S.$i||(S(v,A,w),S.$i=!0),w},w.locale=z,w.isDayjs=H,w.unix=function(S){return w(1e3*S)},w.en=I[_],w.Ls=I,w.p={},w})});var Es={};fa(Es,{CalendarModal:()=>lr,Checkbox:()=>Tn,Confirm:()=>ds,DateInput:()=>qn,DialogButtonBar:()=>Jr,FieldErrorMessage:()=>to,IconButton:()=>nr,IconInput:()=>ro,LinearLoader:()=>$t,Modal:()=>fr,ModalContext:()=>ur,NumberInput:()=>Qn,Overlay:()=>Ze,ProgressBar:()=>ta,RequiredMark:()=>bs,ScreenLock:()=>os,SimpleButton:()=>Tt,focus:()=>Je,forceScreenLock:()=>es,forceWhiteScreen:()=>ts,getConfirmButton:()=>cs,getFieldErrorStyles:()=>oo,getFieldTouchedStyles:()=>ps,hasReleasedScreenLock:()=>as,isCurrentlyLocked:()=>Wr,lockController:()=>fe,lockScreen:()=>jr,onScreenLockReady:()=>ns,onScreenLockReleasedFirstTime:()=>qr,parseNumberInputValueToNumber:()=>ys,parseNumberValueToNumberInput:()=>vs,releaseScreenLock:()=>Xt,unlockScreen:()=>Jt,useModal:()=>Zr,useScreenLock:()=>rs});module.exports=la(Es);var ce=require("@apia/util");var ca=typeof global=="object"&&global&&global.Object===Object&&global,po=ca;var da=typeof self=="object"&&self&&self.Object===Object&&self,pa=po||da||Function("return this")(),mo=pa;var ma=mo.Symbol,ge=ma;var xo=Object.prototype,xa=xo.hasOwnProperty,ha=xo.toString,st=ge?ge.toStringTag:void 0;function ya(e){var t=xa.call(e,st),r=e[st];try{e[st]=void 0;var o=!0}catch(s){}var n=ha.call(e);return o&&(t?e[st]=r:delete e[st]),n}var ho=ya;var va=Object.prototype,ba=va.toString;function ga(e){return ba.call(e)}var yo=ga;var Ea="[object Null]",Ta="[object Undefined]",vo=ge?ge.toStringTag:void 0;function Sa(e){return e==null?e===void 0?Ta:Ea:vo&&vo in Object(e)?ho(e):yo(e)}var Lt=Sa;function Ca(e){return e!=null&&typeof e=="object"}var bo=Ca;var Ra="[object Symbol]";function Oa(e){return typeof e=="symbol"||bo(e)&&Lt(e)==Ra}var go=Oa;function Ma(e,t){for(var r=-1,o=e==null?0:e.length,n=Array(o);++r<o;)n[r]=t(e[r],r,e);return n}var Eo=Ma;var Ia=Array.isArray,To=Ia;var ka=1/0,So=ge?ge.prototype:void 0,Co=So?So.toString:void 0;function Ro(e){if(typeof e=="string")return e;if(To(e))return Eo(e,Ro)+"";if(go(e))return Co?Co.call(e):"";var t=e+"";return t=="0"&&1/e==-ka?"-0":t}var Oo=Ro;function wa(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Mo=wa;var La="[object AsyncFunction]",_a="[object Function]",$a="[object GeneratorFunction]",Ba="[object Proxy]";function Da(e){if(!Mo(e))return!1;var t=Lt(e);return t==_a||t==$a||t==La||t==Ba}var qe=Da;function Na(e){return e==null?"":Oo(e)}var Io=Na;var Pa=0;function Aa(e){var t=++Pa;return Io(e)+t}var it=Aa;var J=require("@apia/util"),ue=Y(require("react")),yt=require("theme-ui");var ko=require("@theme-ui/color"),wo=require("react-spinners"),ut=require("theme-ui"),_t=require("theme-ui/jsx-runtime"),Fa=()=>{let e=(0,ut.useThemeUI)();return(0,_t.jsx)(ut.Box,{sx:{"*":{height:"6.5px !important"}},children:(0,_t.jsx)(ut.Box,{sx:{zIndex:"tooltip",position:"fixed",top:0,left:0,right:0},className:"linearLoader",children:(0,_t.jsx)(wo.BarLoader,{width:"100%",color:(0,ko.getColor)(e.theme,"palette.primary.main")})})})},$t=Fa;var Qe=Y(require("react"));function Ye(){return Ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Ye.apply(this,arguments)}function ft(e,t){if(e==null)return{};var r={},o=Object.keys(e),n,s;for(s=0;s<o.length;s++)n=o[s],!(t.indexOf(n)>=0)&&(r[n]=e[n]);return r}function lt(e,t){return lt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,n){return o.__proto__=n,o},lt(e,t)}function ct(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,lt(e,t)}var $e=Y(zt());function Ir(e,t){return e.classList?!!t&&e.classList.contains(t):(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")!==-1}function kr(e,t){e.classList?e.classList.add(t):Ir(e,t)||(typeof e.className=="string"?e.className=e.className+" "+t:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+t))}function Xo(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function wr(e,t){e.classList?e.classList.remove(t):typeof e.className=="string"?e.className=Xo(e.className,t):e.setAttribute("class",Xo(e.className&&e.className.baseVal||"",t))}var Nr=Y(require("react"));var Z=Y(zt()),dt=Y(require("react")),pt=Y(require("react-dom"));var Lr={disabled:!1};var Q=Y(zt()),en=process.env.NODE_ENV!=="production"?Q.default.oneOfType([Q.default.number,Q.default.shape({enter:Q.default.number,exit:Q.default.number,appear:Q.default.number}).isRequired]):null,tn=process.env.NODE_ENV!=="production"?Q.default.oneOfType([Q.default.string,Q.default.shape({enter:Q.default.string,exit:Q.default.string,active:Q.default.string}),Q.default.shape({enter:Q.default.string,enterDone:Q.default.string,enterActive:Q.default.string,exit:Q.default.string,exitDone:Q.default.string,exitActive:Q.default.string})]):null;var rn=Y(require("react")),_r=rn.default.createContext(null);var Gt=function(t){return t.scrollTop};var mt="unmounted",Le="exited",_e="entering",Ke="entered",$r="exiting",Ee=function(e){ct(t,e);function t(o,n){var s;s=e.call(this,o,n)||this;var u=n,a=u&&!u.isMounting?o.enter:o.appear,f;return s.appearStatus=null,o.in?a?(f=Le,s.appearStatus=_e):f=Ke:o.unmountOnExit||o.mountOnEnter?f=mt:f=Le,s.state={status:f},s.nextCallback=null,s}t.getDerivedStateFromProps=function(n,s){var u=n.in;return u&&s.status===mt?{status:Le}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(n){var s=null;if(n!==this.props){var u=this.state.status;this.props.in?u!==_e&&u!==Ke&&(s=_e):(u===_e||u===Ke)&&(s=$r)}this.updateStatus(!1,s)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var n=this.props.timeout,s,u,a;return s=u=a=n,n!=null&&typeof n!="number"&&(s=n.exit,u=n.enter,a=n.appear!==void 0?n.appear:u),{exit:s,enter:u,appear:a}},r.updateStatus=function(n,s){if(n===void 0&&(n=!1),s!==null)if(this.cancelNextCallback(),s===_e){if(this.props.unmountOnExit||this.props.mountOnEnter){var u=this.props.nodeRef?this.props.nodeRef.current:pt.default.findDOMNode(this);u&&Gt(u)}this.performEnter(n)}else this.performExit();else this.props.unmountOnExit&&this.state.status===Le&&this.setState({status:mt})},r.performEnter=function(n){var s=this,u=this.props.enter,a=this.context?this.context.isMounting:n,f=this.props.nodeRef?[a]:[pt.default.findDOMNode(this),a],l=f[0],y=f[1],x=this.getTimeouts(),b=a?x.appear:x.enter;if(!n&&!u||Lr.disabled){this.safeSetState({status:Ke},function(){s.props.onEntered(l)});return}this.props.onEnter(l,y),this.safeSetState({status:_e},function(){s.props.onEntering(l,y),s.onTransitionEnd(b,function(){s.safeSetState({status:Ke},function(){s.props.onEntered(l,y)})})})},r.performExit=function(){var n=this,s=this.props.exit,u=this.getTimeouts(),a=this.props.nodeRef?void 0:pt.default.findDOMNode(this);if(!s||Lr.disabled){this.safeSetState({status:Le},function(){n.props.onExited(a)});return}this.props.onExit(a),this.safeSetState({status:$r},function(){n.props.onExiting(a),n.onTransitionEnd(u.exit,function(){n.safeSetState({status:Le},function(){n.props.onExited(a)})})})},r.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(n,s){s=this.setNextCallback(s),this.setState(n,s)},r.setNextCallback=function(n){var s=this,u=!0;return this.nextCallback=function(a){u&&(u=!1,s.nextCallback=null,n(a))},this.nextCallback.cancel=function(){u=!1},this.nextCallback},r.onTransitionEnd=function(n,s){this.setNextCallback(s);var u=this.props.nodeRef?this.props.nodeRef.current:pt.default.findDOMNode(this),a=n==null&&!this.props.addEndListener;if(!u||a){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var f=this.props.nodeRef?[this.nextCallback]:[u,this.nextCallback],l=f[0],y=f[1];this.props.addEndListener(l,y)}n!=null&&setTimeout(this.nextCallback,n)},r.render=function(){var n=this.state.status;if(n===mt)return null;var s=this.props,u=s.children,a=s.in,f=s.mountOnEnter,l=s.unmountOnExit,y=s.appear,x=s.enter,b=s.exit,R=s.timeout,B=s.addEndListener,D=s.onEnter,k=s.onEntering,P=s.onEntered,F=s.onExit,_=s.onExiting,I=s.onExited,H=s.nodeRef,z=ft(s,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return dt.default.createElement(_r.Provider,{value:null},typeof u=="function"?u(n,z):dt.default.cloneElement(dt.default.Children.only(u),z))},t}(dt.default.Component);Ee.contextType=_r;Ee.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:Z.default.shape({current:typeof Element=="undefined"?Z.default.any:function(e,t,r,o,n,s){var u=e[t];return Z.default.instanceOf(u&&"ownerDocument"in u?u.ownerDocument.defaultView.Element:Element)(e,t,r,o,n,s)}}),children:Z.default.oneOfType([Z.default.func.isRequired,Z.default.element.isRequired]).isRequired,in:Z.default.bool,mountOnEnter:Z.default.bool,unmountOnExit:Z.default.bool,appear:Z.default.bool,enter:Z.default.bool,exit:Z.default.bool,timeout:function(t){var r=en;t.addEndListener||(r=r.isRequired);for(var o=arguments.length,n=new Array(o>1?o-1:0),s=1;s<o;s++)n[s-1]=arguments[s];return r.apply(void 0,[t].concat(n))},addEndListener:Z.default.func,onEnter:Z.default.func,onEntering:Z.default.func,onEntered:Z.default.func,onExit:Z.default.func,onExiting:Z.default.func,onExited:Z.default.func}:{};function Ge(){}Ee.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Ge,onEntering:Ge,onEntered:Ge,onExit:Ge,onExiting:Ge,onExited:Ge};Ee.UNMOUNTED=mt;Ee.EXITED=Le;Ee.ENTERING=_e;Ee.ENTERED=Ke;Ee.EXITING=$r;var Br=Ee;var Xa=function(t,r){return t&&r&&r.split(" ").forEach(function(o){return kr(t,o)})},Dr=function(t,r){return t&&r&&r.split(" ").forEach(function(o){return wr(t,o)})},Pr=function(e){ct(t,e);function t(){for(var o,n=arguments.length,s=new Array(n),u=0;u<n;u++)s[u]=arguments[u];return o=e.call.apply(e,[this].concat(s))||this,o.appliedClasses={appear:{},enter:{},exit:{}},o.onEnter=function(a,f){var l=o.resolveArguments(a,f),y=l[0],x=l[1];o.removeClasses(y,"exit"),o.addClass(y,x?"appear":"enter","base"),o.props.onEnter&&o.props.onEnter(a,f)},o.onEntering=function(a,f){var l=o.resolveArguments(a,f),y=l[0],x=l[1],b=x?"appear":"enter";o.addClass(y,b,"active"),o.props.onEntering&&o.props.onEntering(a,f)},o.onEntered=function(a,f){var l=o.resolveArguments(a,f),y=l[0],x=l[1],b=x?"appear":"enter";o.removeClasses(y,b),o.addClass(y,b,"done"),o.props.onEntered&&o.props.onEntered(a,f)},o.onExit=function(a){var f=o.resolveArguments(a),l=f[0];o.removeClasses(l,"appear"),o.removeClasses(l,"enter"),o.addClass(l,"exit","base"),o.props.onExit&&o.props.onExit(a)},o.onExiting=function(a){var f=o.resolveArguments(a),l=f[0];o.addClass(l,"exit","active"),o.props.onExiting&&o.props.onExiting(a)},o.onExited=function(a){var f=o.resolveArguments(a),l=f[0];o.removeClasses(l,"exit"),o.addClass(l,"exit","done"),o.props.onExited&&o.props.onExited(a)},o.resolveArguments=function(a,f){return o.props.nodeRef?[o.props.nodeRef.current,a]:[a,f]},o.getClassNames=function(a){var f=o.props.classNames,l=typeof f=="string",y=l&&f?f+"-":"",x=l?""+y+a:f[a],b=l?x+"-active":f[a+"Active"],R=l?x+"-done":f[a+"Done"];return{baseClassName:x,activeClassName:b,doneClassName:R}},o}var r=t.prototype;return r.addClass=function(n,s,u){var a=this.getClassNames(s)[u+"ClassName"],f=this.getClassNames("enter"),l=f.doneClassName;s==="appear"&&u==="done"&&l&&(a+=" "+l),u==="active"&&n&&Gt(n),a&&(this.appliedClasses[s][u]=a,Xa(n,a))},r.removeClasses=function(n,s){var u=this.appliedClasses[s],a=u.base,f=u.active,l=u.done;this.appliedClasses[s]={},a&&Dr(n,a),f&&Dr(n,f),l&&Dr(n,l)},r.render=function(){var n=this.props,s=n.classNames,u=ft(n,["classNames"]);return Nr.default.createElement(Br,Ye({},u,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(Nr.default.Component);Pr.defaultProps={classNames:""};Pr.propTypes=process.env.NODE_ENV!=="production"?Ye({},Br.propTypes,{classNames:tn,onEnter:$e.default.func,onEntering:$e.default.func,onEntered:$e.default.func,onExit:$e.default.func,onExiting:$e.default.func,onExited:$e.default.func}):{};var xt=Pr;var an=require("theme-ui"),sn=Y(require("react-focus-lock")),un=require("@apia/theme"),fn=require("@apia/util");var Kt=require("react"),Qt=require("@apia/util");var ht,Fr,on,Ar=new(on=class{constructor(){oe(this,ht);this.locks=0}lock(){this.locks++,se(this,ht,Fr).call(this)}unlock(){this.locks--,se(this,ht,Fr).call(this)}},ht=new WeakSet,Fr=function(){this.locks<0&&(this.locks=0);let t=this.locks>0;document.body.style.maxHeight="100vh",t&&document.body.scrollHeight>document.body.clientHeight&&(document.body.style.paddingRight="10px"),document.body.style.overflow=t?"hidden":"auto",t&&document.body.scrollHeight>document.body.clientHeight||(document.body.style.paddingRight="0px")},on);function nn(e){let t=(0,Kt.useRef)(!1);(0,Kt.useEffect)(()=>{e?Ar.lock():t.current&&Ar.unlock(),t.current=!0},[e]);let r=(0,Qt.useLatest)(e);(0,Qt.useUnmount)(()=>{r.current&&Ar.unlock()})}var Zt=require("theme-ui/jsx-runtime"),Ze=Qe.forwardRef((y,l)=>{var x=y,{children:e,className:t="",onExited:r,onOverlayClicked:o,isOpen:n=!1,shouldAvoidInitialFocusTrap:s,stretch:u,transitionDuration:a=150}=x,f=X(x,["children","className","onExited","onOverlayClicked","isOpen","shouldAvoidInitialFocusTrap","stretch","transitionDuration"]);var B,D;let b=Qe.useRef(null),R=(0,fn.useCombinedRefs)(b,l);return nn(n),(0,Zt.jsx)(xt,{in:n,timeout:a,onExited:r,classNames:"overlayAnimation",appear:!0,unmountOnExit:!0,children:(0,Zt.jsx)(an.Box,N(L(N(L({className:`${t} overlay`,ref:R},f),{"data-type":"overlay",role:"presentation",onClick:Qe.useCallback(k=>{k.target===b.current&&o(k)},[o])}),(0,un.getVariant)((B=f.variant)!=null?B:`layout.common.modals.overlay${u?"--stretch":""}`)),{children:(0,Zt.jsx)(sn.default,{autoFocus:s?!1:void 0,returnFocus:!1,crossFrame:!1,disabled:((D=document.activeElement)==null?void 0:D.classList.contains("filter"))&&document.activeElement.tagName==="INPUT",children:e})}))})});Ze.displayName="Overlay";var Be=require("theme-ui/jsx-runtime"),fe=new class extends J.EventEmitter{};function jr(e){fe.emit(e?"lockLinear":"lock",null);let t=!1;return()=>{t||(t=!0,fe.emit("unlock",null))}}function Jt(){fe.emit("unlock",null)}function es(){fe.emit("forceLock",null)}function ts(){fe.emit("forceWhiteScreen",null)}function Xt(){fe.emit("forceUnlock",null)}function rs(){let[e,t]=ue.default.useState(!1),r=(0,J.usePrevious)(e),o=ue.default.useCallback(()=>{t(!1)},[t]),n=ue.default.useCallback(()=>{t(!0)},[t]);return(0,J.useUpdateEffect)(()=>{e&&!r?jr():!e&&r&&Jt()},[e]),{lockScreen:n,unlockScreen:o}}J.debugDispatcher.on("lockScreen",([e])=>{jr(e)},"");J.debugDispatcher.on("unlockScreen",()=>{Jt(),Xt()},"");J.shortcutController.on("lock".split(""),()=>{Xt(),Jt()},"dev");var Hr=!1;function Wr(){return Hr}var os=()=>{let[e,t]=ue.default.useState(0),r=ue.default.useRef(null),[o,n]=ue.default.useState(1),[s,u]=ue.default.useState(!0),[a,f]=ue.default.useState(!1),[l,y]=ue.default.useState(!1);ue.default.useLayoutEffect(()=>{a&&dn.forEach(k=>k())},[a]);let x=(0,J.useLatest)(e),b=(0,J.usePrevious)(e),R=(0,J.useLatest)(b.current),B=(0,J.useLatest)(s);(0,J.useUpdateEffect)(()=>{var k;!B.current&&x.current===0&&((k=R.current)!=null?k:0)>0?n(0):(x.current>0&&n(1),r.current&&x.current>0&&R.current===0&&Je.on(r.current))},[e]),ue.default.useEffect(()=>{function k(){t(w=>w+1)}function P(){y(!0)}function F(){t(w=>(0,J.addBoundary)(w-1,0)),y(!1)}function _(){u(!0)}function I(){f(!1),u(!0)}function H(){u(!1),f(!0),Ur=!0}ln=!0,cn.forEach(w=>w({releaseScreenLock:H}));let z=[fe.on("lock",k),fe.on("lockLinear",P),fe.on("unlock",F),fe.on("forceLock",_),fe.on("forceUnlock",H),fe.on("forceWhiteScreen",I)];return()=>z.forEach(w=>w())},[]);let D=ue.default.useMemo(()=>({backgroundColor:"transparent","&:not(body.editionForm *)":{backgroundColor:l?"transparent":a?"palette.background.overlay":"palette.background.default"}}),[a,l]);return Hr=e===0&&!s&&!l,Hr?null:(0,Be.jsx)(yt.Box,{sx:{opacity:o},"data-testid":"Overlay",children:(0,Be.jsxs)(Ze,{isOpen:!0,onExited:()=>{},onOverlayClicked:()=>{},sx:D,className:`${a?"":"not-released"} screenLock`,transitionDuration:a?void 0:0,children:[l?(0,Be.jsx)($t,{}):(0,Be.jsx)(yt.Spinner,{ref:r,sx:{"*":{color:"primary"}}}),(0,Be.jsx)(yt.Box,{tabIndex:0,title:window.WAIT_A_SECOND})]})})},ln=!1,cn=[];function ns(e){ln?e({releaseScreenLock:Xt}):cn.push(e)}var Ur=!1,dn=[];function qr(e){dn.push(e),Ur&&e()}function as(){return Ur}var xn=require("@apia/util");var pn=50,De,mn,ss=new(mn=class{constructor(){this.focused=[];oe(this,De,[]);xn.debugDispatcher.on("focusHistory",()=>{console.info(this.focused)},"Muestra el historial de elementos que recibieron foco.")}offFocus(e){ae(this,De,K(this,De).filter(t=>t!==e))}onFocus(e){return K(this,De).push(e),()=>{this.offFocus(e)}}inDocument(e){return e instanceof Function||e instanceof HTMLElement&&e.offsetParent!==null}set focus(e){this.focused=this.focused.filter(t=>this.inDocument(t)&&e!==t),this.focused.unshift(e),this.focused.length>pn&&(this.focused=this.focused.splice(0,pn)),K(this,De).forEach(t=>t())}get list(){return[...this.focused]}last(e,t=0){if(e)for(let r=t;r<=this.focused.length;r++){let o=this.focused[r],n=(o==null?void 0:o.id)!==void 0?o:qe(o)?o(!1):null;if(n&&this.inDocument(n)&&n.matches&&n.matches(e))return n}else return this.focused[this.focused.length-1];return null}},De=new WeakMap,mn),Ne=ss;var Te,et,er,tr,Pe,me,Oe,us,vt,Re,Xe,bt,Yr,gt,Vr,Et,zr,hn,is=new(hn=class{constructor(t,r){this.root=t;this.props=r;oe(this,Oe);oe(this,Re);oe(this,bt);oe(this,gt);oe(this,Et);this.afterNotificationFocus=void 0;oe(this,Te,[]);oe(this,et,0);oe(this,er,300);oe(this,tr,3);oe(this,Pe,-1);oe(this,me,!1);this.focusOnReload=null;window.focusStatus={},Ne.onFocus(()=>{se(this,gt,Vr).call(this)})}afterNotifications(t,r){t&&this.on(t,r)}afterReload({className:t,id:r,name:o,selector:n}){ce.persistentStorage.focusOnReload=[r?`#${r}`:void 0,o?`[name="${o}"]`:void 0,t?`.${t}`:void 0,n].filter(s=>s!==void 0).join(",")}on(t,r){return Ue(this,null,function*(){if(t){let o={element:t,configuration:r};for(let n=0;n<K(this,tr);n++)K(this,Oe,vt).unshift(o);return se(this,gt,Vr).call(this),se(this,Et,zr).call(this,o)}return!1})}restore(){this.on(Ne.last(":not(body), body#tinymce")||document.querySelector(ce.focusSelector))}init(){var o,n;let t=new MutationObserver(s=>{s[0].removedNodes.length!==0&&this.afterNotifications(Ne.last(":not(body):not(.notificationsView *), body#tinymce"))}),r=((n=(o=this.props)==null?void 0:o.modalsContainerRetriever)!=null?n:()=>this.root.querySelector("#AppModals"))();r&&t.observe(r,{childList:!0}),qr(()=>{ce.persistentStorage.focusOnReload&&(this.focusOnReload=ce.persistentStorage.focusOnReload),ce.persistentStorage.focusOnReload=null,this.afterNotifications(()=>{var s;if(this.focusOnReload){let u=document.querySelector(this.focusOnReload),a=(0,ce.noNaN)((s=window.CURRENT_TAB)==null?void 0:s.split("~")[1]);return document.scrollingElement&&(document.scrollingElement.scrollTop=a),u}return!1})})}},Te=new WeakMap,et=new WeakMap,er=new WeakMap,tr=new WeakMap,Pe=new WeakMap,me=new WeakMap,Oe=new WeakSet,us=function(t){ae(this,Te,t)},vt=function(){return new Proxy(K(this,Te),{get:(t,r)=>{if(r in t){let o=t[r];return qe(o)?(...n)=>t[r].bind(t,...n)():o}}})},Re=new WeakSet,Xe=function(t){return t.currentInstruction===K(this,et)},bt=new WeakSet,Yr=function(t,r,o,n){return Ue(this,null,function*(){if(Wr()&&!(n!=null&&n.focusEvenWhenScreenLocked))return null;let s=qe(t)?t(o):t;return s&&(s.disabled?!1:(s.focus(),new Promise(u=>{if((n==null?void 0:n.dispatchCustomEvent)!==!1){let a=new CustomEvent(ce.customEvents.focus,{bubbles:!0});s.dispatchEvent(a)}setTimeout(()=>{if(!se(this,Re,Xe).call(this,r)){u(!1);return}try{n!=null&&n.scrollIntoViewOptions&&(s==null||s.scrollIntoView(n.scrollIntoViewOptions))}catch(a){console.error(a)}setTimeout(()=>{var a,f;se(this,Re,Xe).call(this,r)?((a=document.activeElement)==null?void 0:a.tagName)==="IFRAME"?u((f=document.activeElement.contentDocument)!=null&&f.contains(s)?s:null):u(document.activeElement===s?s:null):u(!1)},0)},0)})))})},gt=new WeakSet,Vr=function(){clearTimeout(K(this,Pe)),ae(this,Pe,-1),ae(this,me,!1),co(this,et)._++},Et=new WeakSet,zr=function(t,r){return Ue(this,null,function*(){if(!r&&(K(this,Pe)!==-1||K(this,me)))return!1;let o={currentInstruction:K(this,et)};return ae(this,me,!0),new Promise(n=>{(()=>Ue(this,null,function*(){let u=t!=null?t:K(this,Oe,vt).shift();if(u){let a=yield se(this,bt,Yr).call(this,u.element,o,u!==K(this,Oe,vt)[0],u.configuration);if(!se(this,Re,Xe).call(this,o)){n(!1);return}if(a!==null&&a!==!1){ae(this,Te,[]),n(a),ae(this,me,!1);return}a===!1&&ae(this,Te,K(this,Te).filter(f=>f!==u))}if(!se(this,Re,Xe).call(this,o)){n(!1);return}if(K(this,Te).length>0)ae(this,Pe,setTimeout(()=>{(()=>Ue(this,null,function*(){let f=yield se(this,Et,zr).call(this,void 0,!0);n(f),ae(this,me,!0)}))()},K(this,er)));else{let a=Ne.last(":not(body)");if(a){let f=yield se(this,bt,Yr).call(this,a,o,u!==K(this,Oe,vt)[0],u==null?void 0:u.configuration);if(!se(this,Re,Xe).call(this,o)){n(!1);return}n(f||!1),ae(this,me,!0)}n(!1),ae(this,me,!0)}}))()})})},hn)(document.getElementById("root")),Je=is;var Ae=Y(require("react")),or=require("theme-ui"),yn=require("@apia/icons"),vn=require("@apia/theme");var rr=require("theme-ui/jsx-runtime"),nr=Ae.forwardRef((P,k)=>{var F=P,{className:e,disabled:t=!1,icon:r,iconSize:o,id:n,isLoading:s=!1,isToggled:u=!1,href:a,onClick:f=()=>{},onMouseOver:l=()=>{},onMouseOut:y=()=>{},size:x="sm",title:b,type:R="button",variant:B="icon"}=F,D=X(F,["className","disabled","icon","iconSize","id","isLoading","isToggled","href","onClick","onMouseOver","onMouseOut","size","title","type","variant"]);let _=["xs","sm","md","lg","xl"],I=o!=null?o:_[Math.max(0,_.indexOf(x)-1)],H=Ae.useMemo(()=>({width:`icon${x}`,minWidth:`icon${x}`,height:`icon${x}`,minHeight:`icon${x}`,svg:{width:`icon${I}`,minWidth:`icon${I}`,height:`icon${I}`,minHeight:`icon${I}`}}),[I,x]),z=Ae.useMemo(()=>typeof r=="string"?yn.icons[r]:r,[r]);return(0,rr.jsx)(or.IconButton,N(L(N(L({id:n,ref:k,onClick:Ae.useCallback(w=>{a&&window.open(a,"_blank"),f==null||f(w)},[a,f]),onMouseOver:l,onMouseOut:y},(0,vn.getVariant)(B)),{sx:H,disabled:s||t,className:`${e!=null?e:""} iconButton ${u?"isToggled":""}`,title:b,"aria-label":D.as!==void 0?void 0:b,type:D.as!==void 0?void 0:R,role:a?"link":void 0}),D),{children:s?(0,rr.jsx)(or.Spinner,{color:"inherit"}):(0,rr.jsx)(z,{})}))});nr.displayName="IconButton";var ar=require("@apia/theme"),tt=Y(require("react")),Fe=require("theme-ui");var Me=require("theme-ui/jsx-runtime"),fs={display:"inline-flex",gap:(0,ar.spacing)(3),position:"relative",alignItems:"center",justifyContent:"center",".toggled":{backgroundColor:"primary"}},Tt=tt.forwardRef((P,k)=>{var F=P,{children:e=null,className:t,disabled:r=!1,icon:o,iconPosition:n="left",iconSize:s,id:u,isLoading:a,name:f,onClick:l,size:y,spinnerSize:x=16,title:b,type:R="button",variant:B="primary"}=F,D=X(F,["children","className","disabled","icon","iconPosition","iconSize","id","isLoading","name","onClick","size","spinnerSize","title","type","variant"]);let _=tt.useMemo(()=>({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",justifyContent:"center",alignItems:"center"}),[]),I=tt.useMemo(()=>({color:a?"transparent":void 0}),[a]),H=tt.useMemo(()=>o,[o]);return(0,Me.jsxs)(Fe.Button,N(L(N(L({ref:k,id:u,name:f,title:b,"aria-label":b,onClick:l,type:R,disabled:a!=null?a:r,className:t},(0,ar.getVariant)(`${B}${y!=="md"&&y?`-${y}`:""}`)),{sx:fs}),D),{children:[H&&n==="left"&&(0,Me.jsx)(H,{size:s}),(0,Me.jsx)(Fe.Box,{as:"span",className:"button__content",sx:I,children:e!=null?e:b}),H&&n==="right"&&(0,Me.jsx)(H,{size:s}),a&&(0,Me.jsx)(Fe.Box,{className:"spinner",sx:_,children:(0,Me.jsx)(Fe.Spinner,{size:x,color:"inherit"})})]}))});Tt.displayName="SimpleButton";var bn=require("@meronex/icons/fa"),sr=require("theme-ui"),gn=require("@apia/util"),de=require("react"),En=require("@apia/theme");var Se=require("theme-ui/jsx-runtime"),Tn=(0,de.forwardRef)((l,f)=>{var y=l,{onChange:e,required:t,disabled:r,readOnly:o,name:n,native:s,indeterminate:u}=y,a=X(y,["onChange","required","disabled","readOnly","name","native","indeterminate"]);var k,P,F;let[x,b]=(0,de.useState)((P=(k=a.defaultChecked)!=null?k:a.checked)!=null?P:!1),R=(0,de.useRef)(null);(0,gn.useUpdateEffect)(()=>{var _;return b((_=a.checked)!=null?_:!1)},[a.checked]);let B=(0,de.useMemo)(()=>{var _,I,H;return{bg:(_=a.background)!=null?_:void 0,color:(I=a.color)!=null?I:void 0,'&[aria-checked="false"]':{bg:(H=a.background)!=null?H:void 0,color:"transparent"}}},[a.background,a.color]);(0,de.useEffect)(()=>{R.current&&u!==void 0&&(R.current.indeterminate=u)},[u]);let D=(0,de.useMemo)(()=>({variant:"forms.checkbox"}),[]);return s?(0,Se.jsx)("input",L({type:"checkbox",onClick:a.onClick,"aria-checked":x,sx:D,ref:R,disabled:r,name:n,checked:x,onChange:_=>{a.checked===void 0&&b(_.target.checked),e&&e(_)},required:t,className:` ${(F=a.className)!=null?F:""} nativeCheckbox `},a)):(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(sr.Button,N(L(N(L({},a),{onClick:_=>{var I;o||_.target.type==="button"&&(a.onClick&&a.onClick(_),(I=R.current)==null||I.click())},type:"button"}),(0,En.getVariant)("forms.customCheckbox")),{role:"checkbox","aria-checked":x,sx:B,ref:f,disabled:r,children:x?(0,Se.jsx)(bn.FaCheck,{sx:{pointerEvents:"none"},size:"32px"}):null})),(0,Se.jsx)(sr.Input,{type:"checkbox",sx:{display:"none"},ref:R,onClick:_=>{_.stopPropagation()},name:n,checked:x,onChange:_=>{a.checked===void 0&&b(_.target.checked),e&&e(_)},required:t,disabled:r})]})});Tn.displayName="Checkbox";var Wn=require("@apia/theme"),we=require("@apia/util"),Un=require("@meronex/icons/fa"),He=Y(Sn());var ne=Y(require("react")),dr=require("theme-ui");var In=Y(require("react")),kn=Y(require("react-calendar"));var te=Y(require("react"));var ir=require("theme-ui");var rt=require("@apia/util"),Mn=require("@apia/theme");var Ce=require("theme-ui"),Cn=require("@theme-ui/match-media"),Rn=Y(require("react")),xe=require("@apia/theme"),Ie=require("theme-ui/jsx-runtime"),ls=({className:e,close:t,hideCloseButton:r,id:o,NavBar:n,title:s=""})=>{let u=(0,Cn.useBreakpointIndex)(),a=(0,Ie.jsx)(Ce.Heading,{as:"h3",sx:{wordBreak:"break-word",m:"0",flex:"2 0",color:"title"},className:"modal__title",id:o?`modal-${o}-title`:"",children:s}),f=Rn.default.useMemo(()=>r?null:(0,Ie.jsx)(Ce.Close,{role:"button",type:"button","aria-label":window.BTN_CLOSE,onClick:t,title:window.BTN_CLOSE,sx:{mr:"unset"},className:"modal__closeButton"}),[t,r]),l=n&&(0,Ie.jsx)(Ce.Box,{sx:{display:"flex",gap:(0,xe.responsive)({0:2,1:"3px",2:2}),justifyContent:"end",flexDirection:(0,xe.responsive)({0:"row",1:"column",3:"row"}),width:(0,xe.responsive)({0:"auto",1:"100%",2:"auto"}),flexBasis:"max-content",height:"100%"},className:"modal__headerBar",children:n});return u>3?(0,Ie.jsxs)(Ce.Box,{className:e,sx:{display:"flex",flexDirection:"row",alignItems:"start",mb:(0,xe.spacing)(0),justifyContent:"space-between",width:"100%",gap:(0,xe.spacing)(2),flexWrap:"nowrap"},children:[a,l,f]}):(0,Ie.jsxs)(Ce.Box,{className:e,sx:{display:"flex",flexDirection:"column",alignItems:(0,xe.responsive)({0:"center",2:"end"}),mb:(0,xe.spacing)(0),justifyContent:"space-between",width:"100%",gap:(0,xe.spacing)(2)},children:[(0,Ie.jsxs)(Ce.Box,{sx:{display:"flex",width:"100%"},children:[a,f]}),l]})},On=ls;var he=require("theme-ui/jsx-runtime"),ur=te.default.createContext({}),fr=(0,te.forwardRef)(({animationDuration:e=150,children:t=null,className:r,hideCloseButton:o,id:n,initialFocusConfiguration:s,initialFocusGetter:u,initialFocusRef:a,isOpen:f=!1,maxWidth:l,NavBar:y,noFocus:x,noHeader:b=!1,onClose:R=()=>{},onExited:B=()=>{},Portal:D,shouldCloseOnEsc:k=!0,shouldCloseOnOverlayClick:P=!0,size:F="md",stretch:_,title:I="",variant:H},z)=>{let[w,$]=(0,te.useState)(f),A=te.default.useMemo(()=>`Modal${it()}`,[]);(0,te.useEffect)(()=>{$(f)},[f]);let U=(0,te.useCallback)(()=>{$(!1),R()},[R]),[S,v]=te.default.useState(),i=(0,rt.useCombinedRefs)(v,z),c=m=>{P&&m.target.getAttribute("data-type")==="overlay"&&U()};(0,te.useEffect)(()=>{function m(p){var E;let g=[...document.querySelectorAll(".overlay")];return g.length>0&&((E=g[g.length-1])==null?void 0:E.id)===A&&p.key==="Escape"?(p.preventDefault(),p.stopPropagation(),U(),!1):!0}return w&&k&&document.addEventListener("keydown",m,!1),()=>{document.removeEventListener("keydown",m,!1)}},[k,w,U,A]),te.default.useEffect(()=>{!x&&w&&S&&Je.on(()=>u?u(S):a!=null&&a.current?((a==null?void 0:a.current)||S).querySelector(rt.focusSelector):S.querySelector((0,rt.getFocusSelector)(":not(.modal__closeButton)")),N(L({},s),{focusEvenWhenScreenLocked:!0}))},[S]);let d=te.default.useMemo(()=>D!=null?D:te.default.Fragment,[]);return(0,he.jsx)(ur.Provider,{value:te.default.useMemo(()=>({descriptionId:`${A}_Description`}),[A]),children:(0,he.jsx)(d,{children:(0,he.jsx)(Ze,{onOverlayClicked:c,isOpen:f,className:r,stretch:_,ref:i,onExited:B,id:A,shouldAvoidInitialFocusTrap:x,children:(0,he.jsx)(xt,{in:f,timeout:e,classNames:"modal",appear:!0,unmountOnExit:!0,children:(0,he.jsx)(ir.Box,N(L({className:"modal__variantWrapper"},H?(0,Mn.getVariant)(H):{}),{children:(0,he.jsxs)(ir.Box,{id:n,role:"dialog","aria-modal":"true","aria-label":I,"aria-describedby":`${A}_Description`,"aria-hidden":"false",className:"modal__main","data-scroll-lock-scrollable":!0,sx:te.default.useMemo(()=>L({variant:`layout.common.modals.${F}`},l!==void 0?{maxWidth:l}:{}),[l,F]),"data-variant":`layout.common.modals.${F}`,children:[!b&&(0,he.jsx)(On,{className:"modal__header",NavBar:y,title:I,close:U,hideCloseButton:o,id:`${A}_Header`}),(0,he.jsx)(ir.Box,{className:"modal__content",id:typeof t=="string"?`${A}_Description`:void 0,children:t})]})}))})})})})});fr.displayName="Modal";var Qr=require("theme-ui/jsx-runtime"),lr=In.default.forwardRef((a,u)=>{var f=a,{handleClickDay:e,onCancel:t,calValue:r,locale:o,size:n}=f,s=X(f,["handleClickDay","onCancel","calValue","locale","size"]);return(0,Qr.jsx)(fr,N(L({noHeader:!0,size:n!=null?n:"cal",shouldCloseOnEsc:!0,shouldCloseOnOverlayClick:!0,ref:u},s),{initialFocusGetter:l=>l==null?void 0:l.querySelector(".react-calendar__tile--active"),children:(0,Qr.jsx)(kn.default,{onClickDay:e,locale:o,value:r!=null?r:new Date,nextLabel:"\u203A",next2Label:"\xBB",prevLabel:"\u2039",prev2Label:"\xAB"})}))});lr.displayName="CalendarModal";var wn=require("@apia/util"),ke=Y(require("react")),Ln=Y(require("react-cool-portal"));function Zr(e){var R,B,D;let[t,r]=ke.default.useState(!1),[o,n]=ke.default.useState((D=(B=(R=e==null?void 0:e.portalArgs)==null?void 0:R.defaultShow)!=null?B:e==null?void 0:e.isDefaultOpen)!=null?D:!1),{Portal:s,hide:u,show:a}=(0,Ln.default)(N(L({},e==null?void 0:e.portalArgs),{containerId:"AppModals",autoRemoveContainer:!1,escToHide:!1,clickOutsideToHide:!1,defaultShow:!1,internalShowHide:!1})),f=ke.default.useCallback(()=>{n(!1)},[]),l=ke.default.useCallback(()=>{e!=null&&e.preFetcher?(r(!0),e.preFetcher().then(()=>{n(!0),r(!1)}).catch(console.error)):n(!0)},[e]),y=ke.default.useCallback(()=>{n(!1),e!=null&&e.onClose&&e.onClose()},[e]),x=ke.default.useCallback(()=>{u(),e!=null&&e.onExited&&e.onExited()},[e,u]),b=ke.default.useMemo(()=>({isLoading:t,show:l}),[t,l]);return(0,wn.useUpdateEffect)(()=>{o?(e!=null&&e.onOpen&&e.onOpen(),a()):y==null||y()},[o]),{hide:f,isLoading:t,isOpen:o,onClose:y,onExited:x,openModalContextValue:b,Portal:s,show:l}}var Xr=require("@apia/theme"),eo=require("@apia/util"),St=Y(require("react")),ot=require("theme-ui");var _n=require("@apia/theme"),$n=require("theme-ui");var Bn=require("theme-ui/jsx-runtime"),Jr=({children:e,className:t})=>(0,Bn.jsx)($n.Box,N(L({className:`${t!=null?t:""} buttonsBar`},(0,_n.getVariant)("layout.common.modals.buttonsBar")),{children:e}));var ye=require("theme-ui/jsx-runtime");function cs(e){return e==null?void 0:e.querySelector('button[type="submit"]')}var ds=({additionalButtons:e,additionalButtonsOnRight:t,children:r,confirmButtonText:o=window.BTN_CONFIRM,cancelButtonText:n=window.BTN_CANCEL,confirmButtonVariant:s="primary",disabled:u,hideCancelButton:a,hideConfirmButton:f,onConfirm:l,onCancel:y,isLoading:x,contentRef:b,className:R,variant:B})=>{let{descriptionId:D}=St.useContext(ur);return(0,ye.jsxs)(ot.Box,N(L({},(0,Xr.getVariant)(B!=null?B:"layout.common.modals.confirm")),{className:`${R!=null?R:""} confirm`,children:[(0,ye.jsx)(ot.Box,{ref:b,className:"confirm__content",id:D,children:r}),(0,ye.jsxs)(Jr,{className:"confirm__buttonBar",children:[(0,ye.jsx)(ot.Box,{className:"confirm__customButtons",onClick:St.useCallback(k=>{(0,eo.getSpecificParent)(k.target,P=>P.tagName==="BUTTON")&&(y==null||y(k))},[y]),children:e}),(0,ye.jsxs)(ot.Box,{className:"confirm__defaultButtons",children:[(0,ye.jsx)(ot.Box,{className:"confirm__customButtonsOnRight",onClick:St.useCallback(k=>{(0,eo.getSpecificParent)(k.target,P=>P.tagName==="BUTTON")&&(y==null||y(k))},[y]),children:t}),!f&&(0,ye.jsx)(Tt,{onClick:l,title:o,variant:s,disabled:x!=null?x:u,isLoading:x,className:"confirm__confirmButton",type:"submit",children:o}),y&&!a&&(0,ye.jsx)(Tt,N(L({onClick:y,title:n},(0,Xr.getVariant)("secondary")),{disabled:x,className:"confirm__cancelButton",children:n}))]})]})]}))};var Dn=require("@apia/util"),cr=Y(require("react")),Nn=require("theme-ui"),Pn=require("theme-ui/jsx-runtime"),to=({children:e,name:t})=>{let[r,o]=cr.useState(null);return cr.useEffect(()=>{if(e){let n=new CustomEvent(Dn.customEvents.focus,{bubbles:!0});r==null||r.dispatchEvent(n)}},[e,r]),e?(0,Pn.jsx)(Nn.Box,{ref:o,role:"alert","data-testid":t?`err_${t}`:null,sx:{mb:"0",color:"danger",pt:"2"},children:e}):null};var An=require("@apia/theme"),Rt=require("@apia/util"),Fn=require("@meronex/icons/go"),Ct=Y(require("react")),Hn=Y(require("react-input-mask")),jn=require("theme-ui");var Ot=require("theme-ui/jsx-runtime"),ro=D=>{var k=D,{additionalButtons:e,buttonProps:t,buttonRef:r,className:o,disabled:n,hideButton:s,icon:u=Fn.GoSearch,inputProps:a,inputRef:f,isLoading:l,mask:y,onClick:x,onBlur:b,readOnly:R}=k,B=X(k,["additionalButtons","buttonProps","buttonRef","className","disabled","hideButton","icon","inputProps","inputRef","isLoading","mask","onClick","onBlur","readOnly"]);let U=a!=null?a:{},{sx:P}=U,F=X(U,["sx"]),_=Ct.default.useRef(null),I=(0,Rt.useCombinedRefs)(r,_),H=Ct.default.useRef(null),z=(0,Rt.useCombinedRefs)(f,H),[w,$]=Ct.default.useState(null),A=Ct.default.useCallback(S=>{b&&(!S.relatedTarget||S.relatedTarget&&!(0,Rt.isChild)(S.relatedTarget,v=>v===w))&&b(S)},[b,w]);return(0,Ot.jsxs)(jn.Box,N(L({},(0,An.getVariant)("forms.iconInput")),{className:`${o!=null?o:""} iconInput`,ref:$,children:[(0,Ot.jsx)(Hn.default,N(L(L({mask:y!=null?y:"",onBlur:A,disabled:l!=null?l:n,ref:z,readOnly:R,sx:L({variant:"forms.input"},P),"data-variant":"forms.input"},B),F),{maxLength:y||a==null?void 0:a.maxLength})),e,!s&&(0,Ot.jsx)(nr,L({onBlur:A,onClick:x,icon:u,disabled:R!=null?R:n,isLoading:l,ref:I},t))]}))};var oo=e=>({borderLeftStyle:e?null:"solid",borderLeftWidth:e?null:"4px",borderLeftColor:e?void 0:"danger"}),ps=e=>({borderStyle:e?"solid":null,borderWidth:e?"1px":null,borderColor:e?"orange":void 0});var ve=require("theme-ui/jsx-runtime"),ms=window.LANG_CODE,no="_",Mt=(0,we.getDateFormat)(),ao=()=>Mt==="YYYY/MM/DD"?"9999/99/99":"99/99/9999",qn=ne.default.forwardRef((B,R)=>{var D=B,{allowPickBeforeToday:e,buttonProps:t,className:r,error:o,getCustomMask:n,isLoading:s,onBlur:u,onChange:a,onDelete:f,onError:l,renderLabel:y,value:x}=D,b=X(D,["allowPickBeforeToday","buttonProps","className","error","getCustomMask","isLoading","onBlur","onChange","onDelete","onError","renderLabel","value"]);let k=ne.default.useMemo(it,[]),[P,F]=ne.default.useState(x!=null?x:""),[_,I]=ne.default.useState(),H=ne.default.useRef(null),T=Zr({preFetcher(){return Ne.focus=()=>{var h;return(h=H.current)==null?void 0:h.querySelector(".iconButton")},new Promise(h=>{let O=(0,He.default)(P,Mt);O.isValid()||(O=(0,He.default)(new Date)),I(O.toDate()),h()})}}),{show:z,hide:w}=T,$=X(T,["show","hide"]),[A,U]=ne.default.useState(o!=null?o:null),S=ne.default.useRef(x!=null?x:"");(0,we.useUpdateEffect)(()=>{F(x!=null?x:""),S.current=x},[x]),(0,we.useUpdateEffect)(()=>{U(o!=null?o:null)},[o]),(0,we.useUpdateEffect)(()=>{l&&l(A)},[A]);let v=ne.default.useCallback(h=>h!==S.current&&a?(S.current=h,a(h)):!0,[a]),i=ne.default.useCallback((h,O)=>{if(h===""){v(""),F("");return}let M;h!==""?(M=(0,He.default)(h,Mt),M.isValid()||(M=(0,He.default)(new Date))):M=(0,He.default)(new Date);let V=M.format(Mt),q=new Date;if(q.setHours(0,0,0,0),V!==P&&O!==!0)v(""),F(""),U(window.MSG_INVALID_DATE);else if(e===!1&&M.isBefore(q))v(""),F(""),U(window.MSG_FEC_FIN_MAY_FEC_INI);else{let G=v(h===""?"":V);G===!1?(F(G||""),U(null)):typeof G=="string"?(F(""),U(G)):(F(V),U(null))}},[e,P,v]),c=ne.default.useCallback(h=>{w();let O=(0,He.default)(h).format(Mt);i(O,!0)},[w,i]),d=ne.default.useCallback(()=>{w()},[w]),m=ne.default.useCallback(h=>{u&&!(0,we.isChild)(h.relatedTarget,O=>O.id===`DateModal${k}`||O.id===`DateInput${k}`)&&u(h)},[k,u]),p=ne.default.useMemo(()=>N(L({},b),{className:"dateInput",value:y?y(P):P,ref:R,onChange:h=>{F(h.target.value),ao().replaceAll("9",no)!==h.target.value&&h.target.value!==""&&U(null)},onBlur:h=>{b.readOnly||n||i(h.target.value),m(h)},onKeyDown:h=>{h.key==="Enter"&&i(P)}}),[n,m,P,b,R,y,i]),g=ne.default.useMemo(()=>{var h;return L({disabled:(h=b.disabled)!=null?h:b.readOnly,"aria-label":window.LBL_PICK_DATE},t)},[t,b.disabled,b.readOnly]),E=ne.default.useMemo(()=>(0,ve.jsx)(dr.Close,{className:"delete_date_button",onClick:()=>{var h;i(""),f==null||f(),(h=document.querySelector(`#DateInput${k} input`))==null||h.focus()},type:"button"}),[k,f,i]);return(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(lr,N(L({},$),{calValue:_,locale:ms,handleClickDay:c,onCancel:d,id:`DateModal${k}`})),(0,ve.jsxs)(dr.Box,N(L({},(0,Wn.getVariant)("forms.dateInput")),{className:`${r!=null?r:""} dateInput`,id:`DateInput${k}`,ref:H,children:[(0,ve.jsx)(ro,{additionalButtons:P&&P!==ao().replaceAll("9",no)&&!b.readOnly&&!b.disabled?E:void 0,isLoading:s,maskPlaceholder:no,mask:n?n():ao(),icon:Un.FaCalendarAlt,onBlur:m,buttonProps:g,inputProps:p,readOnly:b.readOnly,sx:oo(A===null),onClick:z}),A&&(0,ve.jsx)(to,{children:A})]}))]})});qn.displayName="DateInput";var be=Y(require("react")),zn=require("theme-ui");var Zn=require("theme-ui/jsx-runtime");function so(e){return Array(Math.max(0,e)).fill(0).join("")}function xs(e){let t=String(e);return`${so(3-t.length)}${String(e)}`}var pr=Number(window.AMOUNT_DECIMAL_SEPARATOR),hs=Number(window.AMOUNT_DECIMAL_ZEROS),mr=window.CHAR_DECIMAL_SEPARATOR,It=window.CHAR_THOUS_SEPARATOR,Yn=It==="."?"\\.":It,Gn=mr==="."?"\\.":mr,Vn=!1;function ys(e){return Number.parseFloat(e.replaceAll(It,"").replaceAll(mr,"."))}function vs(e){var a;let r=String(e).match(/(-?)(\d+)(?:\.(\d+))/);if(!r)return"";let o=!!r[1],n=r[2],s=r[3],u=s?`${Gn}${s}`:"";return(a=Kn(`${o?"-":""}${n}${u}`))!=null?a:""}function Kn(e,t=!1){var f,l,y,x;let r=e.match(new RegExp(`^(-)?((?:(?:\\d{1,3})${Yn}(?:\\d{3}${Yn})*(?:\\d{3}))?|(?:\\d*))(?:(?:${Gn})(\\d+))?$`));if(!r)return null;let o=!!r[1],n=Number(r[2].replaceAll(It,"")),s=t?r[3]:(l=(f=r[3])==null?void 0:f.slice(0,pr+1))!=null?l:"",u;if(t)u=s;else{let b=(x=(y=(s?`${String(Math.round(+`${s}${so((Vn?pr+1:pr)-s.length)}`/(Vn?10:1)))}`:"").slice(0,pr).match(/(\d*[1-9])0*/))==null?void 0:y[1])!=null?x:"";u=`${b}${so(hs-b.length)}`}let a=[];for(;n>=1e3;){n/=1e3;let b=Math.trunc(n);a.unshift(xs(Math.round((n-b)*1e3))),n=b}return a.unshift(String(n)),`${o?"-":""}${a.join(window.ADD_THOUSAND_SEPARATOR?window.CHAR_THOUS_SEPARATOR:"")}${u.length>0?`${mr}${u}`:""}`}var Qn=be.default.forwardRef((n,o)=>{var s=n,{value:e,avoidDecimalRestriction:t}=s,r=X(s,["value","avoidDecimalRestriction"]);let[u,a]=be.default.useState(""),[f,l]=be.default.useState(""),y=be.default.useRef(""),x=be.default.useCallback(b=>{var R,B,D;if(b===""){if(b===y.current)return;a(""),l(""),(R=r.onChange)==null||R.call(r,{value:"",error:!1})}else{let k=Kn(b,t);if(k===null)a(""),l(""),(B=r.onChange)==null||B.call(r,{value:"",error:!0});else{if(b===y.current)return;a(b),l(k),(D=r.onChange)==null||D.call(r,{value:k,error:!1})}}y.current=b},[t,r]);return be.default.useEffect(()=>{e!==u&&x(e!=null?e:"")},[e]),(0,Zn.jsx)(zn.Input,N(L({},r),{onFocus:be.default.useCallback(b=>{var R;(R=r.onFocus)==null||R.call(r,b),l(String(u).replaceAll(It,""))},[u,r]),onBlur:be.default.useCallback(b=>{x(b.target.value)},[x]),onChange:be.default.useCallback(b=>{l(b.target.value)},[]),type:"text",ref:o,value:f}))});Qn.displayName="NumberInput";var Jn=require("@apia/util"),Xn=require("theme-ui/jsx-runtime"),bs=({isFormReadonly:e=!1,isRequired:t=!1,isReadonly:r=!1})=>t&&!r&&!e?(0,Xn.jsx)("abbr",{className:"required",title:(0,Jn.getLabel)("MSG_REQ_FIELD"),children:"*"}):null;var ea=require("@apia/theme"),xr=require("theme-ui");var je=require("theme-ui/jsx-runtime"),gs=({id:e,progress:t=0,loading:r=!1})=>(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(xr.Label,{htmlFor:e,sx:{display:r?"block":"none",m:"0px"},children:`${t}%`}),(0,je.jsx)(xr.Progress,N(L({id:e,max:100,value:t},(0,ea.getVariant)("styles.progress")),{sx:{display:r?"block":"none"},children:`${t}%`}))]}),ta=gs;0&&(module.exports={CalendarModal,Checkbox,Confirm,DateInput,DialogButtonBar,FieldErrorMessage,IconButton,IconInput,LinearLoader,Modal,ModalContext,NumberInput,Overlay,ProgressBar,RequiredMark,ScreenLock,SimpleButton,focus,forceScreenLock,forceWhiteScreen,getConfirmButton,getFieldErrorStyles,getFieldTouchedStyles,hasReleasedScreenLock,isCurrentlyLocked,lockController,lockScreen,onScreenLockReady,onScreenLockReleasedFirstTime,parseNumberInputValueToNumber,parseNumberValueToNumberInput,releaseScreenLock,unlockScreen,useModal,useScreenLock});
+/*! Bundled license information:
+
+react-is/cjs/react-is.production.min.js:
+  (** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react-is/cjs/react-is.development.js:
+  (** @license React v16.13.1
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+object-assign/index.js:
+  (*
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  *)
+
+lodash-es/lodash.js:
+  (**
+   * @license
+   * Lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="es" -o ./`
+   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   *)
+*/

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx","../src/components/IconButton.tsx"],"sourcesContent":["export * from './components/IconButton';\n","import { IconType } from '@meronex/icons/lib';\r\nimport * as React from 'react';\r\nimport {\r\n  IconButton as IconButtonThemeUI,\r\n  Spinner,\r\n  IconButtonProps,\r\n  ThemeUIStyleObject,\r\n} from 'theme-ui';\r\nimport { icons, TIconName } from '@apia/icons';\r\nimport { getVariant } from '@apia/theme';\r\n\r\nexport type TIconSize = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\r\n\r\nexport type TApiaIconButton =\r\n  | 'icon'\r\n  | 'icon-primary'\r\n  | 'icon-outline'\r\n  | 'icon-only';\r\n\r\nexport type TIconButton = IconButtonProps &\r\n  React.AriaAttributes & {\r\n    className?: string;\r\n    /**\r\n     * Es posible pasar explícitamente un ícono o el nombre del ícono de\r\n     * acuerdo a la librería de la aplicación. Ver Icon.tsx\r\n     */\r\n    icon: IconType | TIconName;\r\n    iconSize?: TIconSize;\r\n    id?: string;\r\n    disabled?: boolean;\r\n    href?: string;\r\n    isLoading?: boolean;\r\n    isToggled?: boolean;\r\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;\r\n    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\r\n    size?: TIconSize;\r\n    title?: string;\r\n    variant?: string;\r\n  };\r\n\r\n/**\r\n * Renderiza un botón con un ícono adentro.\r\n *\r\n * La variante por defecto de este componente es buttons.icon\r\n *\r\n * Si se pasa solamente size, el iconSize será\r\n */\r\nexport const IconButton = React.forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      disabled = false,\r\n      icon,\r\n      iconSize: outerIconSize,\r\n      id,\r\n      isLoading = false,\r\n      isToggled = false,\r\n      href,\r\n      onClick = () => {},\r\n      onMouseOver = () => {},\r\n      onMouseOut = () => {},\r\n      size = 'sm',\r\n      title,\r\n      type = 'button',\r\n      variant = 'icon',\r\n      ...rest\r\n    }: TIconButton,\r\n    ref: React.Ref<HTMLButtonElement>,\r\n  ) => {\r\n    const sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\r\n    const iconSize =\r\n      outerIconSize ?? sizes[Math.max(0, sizes.indexOf(size as string) - 1)];\r\n\r\n    const sx: ThemeUIStyleObject = React.useMemo(() => {\r\n      return {\r\n        width: `icon${size}`,\r\n        minWidth: `icon${size}`,\r\n        height: `icon${size}`,\r\n        minHeight: `icon${size}`,\r\n        svg: {\r\n          width: `icon${iconSize}`,\r\n          minWidth: `icon${iconSize}`,\r\n          height: `icon${iconSize}`,\r\n          minHeight: `icon${iconSize}`,\r\n        },\r\n      };\r\n    }, [iconSize, size]);\r\n\r\n    console.log(sx);\r\n\r\n    const ActualIcon = React.useMemo(() => {\r\n      return typeof icon === 'string' ? icons[icon] : icon;\r\n    }, [icon]);\r\n\r\n    return (\r\n      <IconButtonThemeUI\r\n        id={id}\r\n        ref={ref}\r\n        onClick={React.useCallback(\r\n          (ev: React.MouseEvent<HTMLButtonElement>) => {\r\n            if (href) window.open(href, '_blank');\r\n            onClick?.(ev);\r\n          },\r\n          [href, onClick],\r\n        )}\r\n        onMouseOver={onMouseOver}\r\n        onMouseOut={onMouseOut}\r\n        {...getVariant(variant)}\r\n        sx={sx}\r\n        disabled={isLoading || disabled}\r\n        className={`${className ?? ''} iconButton ${\r\n          isToggled ? 'isToggled' : ''\r\n        }`}\r\n        title={title}\r\n        aria-label={rest.as !== undefined ? undefined : title}\r\n        type={rest.as !== undefined ? undefined : type}\r\n        role={href ? 'link' : undefined}\r\n        {...rest}\r\n      >\r\n        {isLoading ? <Spinner color=\"inherit\" /> : <ActualIcon />}\r\n      </IconButtonThemeUI>\r\n    );\r\n  },\r\n);\r\n\r\nIconButton.displayName = 'IconButton';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,YAAuB;AACvB,sBAKO;AACP,mBAAiC;AACjC,mBAA2B;AA+GN;AAxEd,IAAM,aAAmB;AAAA,EAC9B,CACE,IAkBA,QACG;AAnBH,iBACE;AAAA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,cAAc,MAAM;AAAA,MAAC;AAAA,MACrB,aAAa,MAAM;AAAA,MAAC;AAAA,MACpB,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IAjEhB,IAkDI,IAgBK,iBAhBL,IAgBK;AAAA,MAfH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAC3C,UAAM,WACJ,wCAAiB,MAAM,KAAK,IAAI,GAAG,MAAM,QAAQ,IAAc,IAAI,CAAC,CAAC;AAEvE,UAAM,KAA+B,cAAQ,MAAM;AACjD,aAAO;AAAA,QACL,OAAO,OAAO;AAAA,QACd,UAAU,OAAO;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW,OAAO;AAAA,QAClB,KAAK;AAAA,UACH,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,UACjB,QAAQ,OAAO;AAAA,UACf,WAAW,OAAO;AAAA,QACpB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,YAAQ,IAAI,EAAE;AAEd,UAAM,aAAmB,cAAQ,MAAM;AACrC,aAAO,OAAO,SAAS,WAAW,mBAAM,IAAI,IAAI;AAAA,IAClD,GAAG,CAAC,IAAI,CAAC;AAET,WACE;AAAA,MAAC,gBAAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAe;AAAA,UACb,CAAC,OAA4C;AAC3C,gBAAI;AAAM,qBAAO,KAAK,MAAM,QAAQ;AACpC,+CAAU;AAAA,UACZ;AAAA,UACA,CAAC,MAAM,OAAO;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,aACI,yBAAW,OAAO,IAZvB;AAAA,QAaC;AAAA,QACA,UAAU,aAAa;AAAA,QACvB,WAAW,GAAG,gCAAa,iBACzB,YAAY,cAAc;AAAA,QAE5B;AAAA,QACA,cAAY,KAAK,OAAO,SAAY,SAAY;AAAA,QAChD,MAAM,KAAK,OAAO,SAAY,SAAY;AAAA,QAC1C,MAAM,OAAO,SAAS;AAAA,UAClB,OAtBL;AAAA,QAwBE,sBAAY,4CAAC,2BAAQ,OAAM,WAAU,IAAK,4CAAC,cAAW;AAAA;AAAA,IACzD;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":["IconButtonThemeUI"]}

package/entries.json

@@ -0,0 +1 @@
+["./src/index.tsx"]

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@apia/components",
+  "version": "0.0.7",
+  "author": "alexisleite <alexisleite@live.com>",
+  "homepage": "",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "buildDev": "tsup",
+    "test": "node ./__tests__/components.test.js"
+  },
+  "devDependencies": {
+    "@types/react-calendar": "^3.4.3",
+    "@types/react-input-mask": "^3.0.2",
+    "tsup": "^6.6.3",
+    "type-fest": "^3.6.1",
+    "typescript": "^4.9.5"
+  },
+  "dependencies": {
+    "@apia/icons": "^0.0.7",
+    "@apia/notifications": "^0.0.7",
+    "@apia/util": "^0.0.7",
+    "@meronex/icons": "^4.0.0",
+    "@theme-ui/color": "^0.15.5",
+    "@theme-ui/match-media": "^0.15.5",
+    "react-calendar": "^3.4.0",
+    "react-cool-portal": "^1.2.0",
+    "react-focus-lock": "^2.9.4",
+    "react-input-mask": "^2.0.4",
+    "react-spinners": "^0.13.8"
+  },
+  "peerDependencies": {
+    "@apia/theme": "^0.0.7-alpha.0",
+    "@emotion/react": "^11.10.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "theme-ui": "^0.15.5"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",
+    "directory": "packages/components"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "a3010b3c00d9f5eac216a167418750c391f4201d"
+}