@apia/components 2.0.7 → 2.0.9

package/dist/components/modals/StaticModal.js

@@ -1,203 +0,0 @@
-import { jsx, jsxs } from '@apia/theme/jsx-runtime';
-import React__default, { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { Box, getVariant } from '@apia/theme';
-import uniqueId from 'lodash-es/uniqueId';
-import { useCombinedRefs, focus, focusSelector, getFocusSelector } from '@apia/util';
-import { Overlay } from './Overlay.js';
-import DialogHeader from './layout/DialogHeader.js';
-import { ModalContext } from './ModalContext.js';
-
-const StaticModal = forwardRef(
-  ({
-    animationDuration = 150,
-    children = null,
-    className,
-    hideCloseButton,
-    id,
-    initialFocusConfiguration,
-    initialFocusGetter,
-    initialFocusRef,
-    isOpen = false,
-    maxWidth,
-    NavBar,
-    noFocus,
-    noHeader = false,
-    onClose = () => {
-    },
-    onExited = () => {
-    },
-    Portal,
-    shouldCloseOnEsc = true,
-    shouldCloseOnOverlayClick = true,
-    size = "md",
-    stretch,
-    title = "",
-    variant
-  }, ref) => {
-    const lastTitle = useRef(title);
-    const [innerTitle, setInnerTitle] = useState(title);
-    if (lastTitle.current !== title && innerTitle !== title) {
-      setInnerTitle(title);
-    }
-    const [isOpenInner, setIsOpen] = useState(isOpen);
-    const innerId = React__default.useMemo(() => {
-      return `Modal${uniqueId()}`;
-    }, []);
-    useEffect(() => {
-      setIsOpen(isOpen);
-    }, [isOpen]);
-    const closeHandler = useCallback(() => {
-      setIsOpen(false);
-      onClose();
-    }, [onClose]);
-    const [overlayElement, setInnerRef] = React__default.useState();
-    const assignRefs = useCombinedRefs(
-      setInnerRef,
-      ref
-    );
-    const overlayClickedHandle = (event) => {
-      if (shouldCloseOnOverlayClick) {
-        if (event.target.getAttribute("data-type") === "overlay") {
-          closeHandler();
-        }
-      }
-    };
-    useEffect(() => {
-      function handleEscape(event) {
-        const overlays = [...document.querySelectorAll(".overlay")];
-        if (overlays.length > 0 && overlays[overlays.length - 1]?.id === innerId && event.key === "Escape") {
-          event.preventDefault();
-          event.stopPropagation();
-          closeHandler();
-          return false;
-        }
-        return true;
-      }
-      if (isOpenInner && shouldCloseOnEsc)
-        document.addEventListener("keydown", handleEscape, false);
-      return () => {
-        document.removeEventListener("keydown", handleEscape, false);
-      };
-    }, [shouldCloseOnEsc, isOpenInner, closeHandler, innerId]);
-    React__default.useEffect(
-      () => {
-        if (!noFocus && isOpenInner) {
-          if (overlayElement) {
-            void focus.on(
-              () => {
-                if (initialFocusGetter)
-                  return initialFocusGetter(overlayElement);
-                if (initialFocusRef?.current)
-                  return (initialFocusRef?.current || overlayElement).querySelector(focusSelector);
-                return overlayElement.querySelector(
-                  getFocusSelector(":not(.modal__closeButton)")
-                );
-              },
-              { ...initialFocusConfiguration, focusEvenWhenScreenLocked: true }
-            );
-          }
-        }
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [overlayElement]
-    );
-    const Wrapper = React__default.useMemo(() => {
-      return Portal ?? React__default.Fragment;
-    }, []);
-    const nodeRef = useRef(null);
-    return /* @__PURE__ */ jsx(
-      ModalContext.Provider,
-      {
-        value: React__default.useMemo(() => {
-          return {
-            changeTitle: (newTitle) => {
-              setInnerTitle(newTitle);
-            },
-            close: () => {
-              closeHandler();
-            },
-            descriptionId: `${innerId}_Description`
-          };
-        }, [closeHandler, innerId]),
-        children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(
-          Overlay,
-          {
-            onOverlayClicked: overlayClickedHandle,
-            isOpen,
-            className,
-            stretch,
-            ref: assignRefs,
-            onExited,
-            id: innerId,
-            shouldAvoidInitialFocusTrap: noFocus,
-            children: /* @__PURE__ */ jsx(
-              CSSTransition,
-              {
-                in: isOpen,
-                timeout: animationDuration,
-                classNames: "modal",
-                appear: true,
-                unmountOnExit: true,
-                nodeRef,
-                children: /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    ref: nodeRef,
-                    className: "modal__variantWrapper",
-                    ...variant ? getVariant(variant) : {},
-                    children: /* @__PURE__ */ jsxs(
-                      Box,
-                      {
-                        id,
-                        role: "dialog",
-                        "aria-modal": "true",
-                        "aria-label": title,
-                        "aria-describedby": `${innerId}_Description`,
-                        "aria-hidden": "false",
-                        className: "modal__main",
-                        "data-scroll-lock-scrollable": true,
-                        sx: React__default.useMemo(() => {
-                          return {
-                            variant: `layout.common.modals.${size}`,
-                            ...maxWidth !== void 0 ? { maxWidth } : {}
-                          };
-                        }, [maxWidth, size]),
-                        "data-variant": `layout.common.modals.${size}`,
-                        children: [
-                          !noHeader && /* @__PURE__ */ jsx(
-                            DialogHeader,
-                            {
-                              className: "modal__header",
-                              NavBar,
-                              title: innerTitle,
-                              close: closeHandler,
-                              hideCloseButton,
-                              id: `${innerId}_Header`
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            Box,
-                            {
-                              className: "modal__content",
-                              id: typeof children === "string" ? `${innerId}_Description` : void 0,
-                              children
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-StaticModal.displayName = "StaticModal";
-
-export { StaticModal };
-//# sourceMappingURL=StaticModal.js.map

package/dist/components/modals/StaticModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticModal.js","sources":["../../../src/components/modals/StaticModal.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n  useCallback,\n  forwardRef,\n  useRef,\n} from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { Box } from '@apia/theme';\nimport uniqueId from 'lodash-es/uniqueId';\nimport {\n  focus,\n  focusSelector,\n  getFocusSelector,\n  useCombinedRefs,\n} from '@apia/util';\nimport { getVariant } from '@apia/theme';\nimport { Overlay } from './Overlay';\nimport DialogHeader from './layout/DialogHeader';\nimport { ModalContext } from './ModalContext';\nimport { TModal } from './Modal';\n\nexport const StaticModal = forwardRef(\n  (\n    {\n      animationDuration = 150,\n      children = null,\n      className,\n      hideCloseButton,\n      id,\n      initialFocusConfiguration,\n      initialFocusGetter,\n      initialFocusRef,\n      isOpen = false,\n      maxWidth,\n      NavBar,\n      noFocus,\n      noHeader = false,\n      onClose = () => {},\n      onExited = () => {},\n      Portal,\n      shouldCloseOnEsc = true,\n      shouldCloseOnOverlayClick = true,\n      size = 'md',\n      stretch,\n      title = '',\n      variant,\n    }: Omit<TModal, 'asWindow'>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const lastTitle = useRef(title);\n    const [innerTitle, setInnerTitle] = useState(title);\n    if (lastTitle.current !== title && innerTitle !== title) {\n      setInnerTitle(title);\n    }\n    const [isOpenInner, setIsOpen] = useState(isOpen);\n    const innerId = React.useMemo(() => {\n      return `Modal${uniqueId()}`;\n    }, []);\n\n    useEffect(() => {\n      setIsOpen(isOpen);\n    }, [isOpen]);\n\n    const closeHandler = useCallback(() => {\n      setIsOpen(false);\n      onClose();\n    }, [onClose]);\n    const [overlayElement, setInnerRef] = React.useState<HTMLElement>();\n    const assignRefs = useCombinedRefs(\n      setInnerRef as unknown as React.ForwardedRef<unknown>,\n      ref as unknown as React.Ref<unknown>,\n    );\n\n    const overlayClickedHandle = (event: React.MouseEvent<HTMLDivElement>) => {\n      if (shouldCloseOnOverlayClick) {\n        if (\n          (event.target as HTMLDivElement).getAttribute('data-type') ===\n          'overlay'\n        ) {\n          closeHandler();\n        }\n      }\n    };\n\n    useEffect(() => {\n      function handleEscape(event: KeyboardEvent) {\n        const overlays = [...document.querySelectorAll('.overlay')];\n\n        if (\n          overlays.length > 0 &&\n          overlays[overlays.length - 1]?.id === innerId &&\n          event.key === 'Escape'\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n\n          closeHandler();\n\n          return false;\n        }\n\n        return true;\n      }\n      if (isOpenInner && shouldCloseOnEsc)\n        document.addEventListener('keydown', handleEscape, false);\n      return () => {\n        document.removeEventListener('keydown', handleEscape, false);\n      };\n    }, [shouldCloseOnEsc, isOpenInner, closeHandler, innerId]);\n\n    React.useEffect(\n      () => {\n        if (!noFocus && isOpenInner) {\n          if (overlayElement) {\n            void focus.on(\n              () => {\n                if (initialFocusGetter)\n                  return initialFocusGetter(overlayElement);\n                if (initialFocusRef?.current)\n                  return (\n                    (initialFocusRef?.current || overlayElement) as HTMLElement\n                  ).querySelector(focusSelector) as HTMLElement;\n                return overlayElement.querySelector(\n                  getFocusSelector(':not(.modal__closeButton)'),\n                ) as HTMLElement;\n              },\n              { ...initialFocusConfiguration, focusEvenWhenScreenLocked: true },\n            );\n          }\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [overlayElement],\n    );\n\n    const Wrapper = React.useMemo(() => {\n      return Portal ?? React.Fragment;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const nodeRef = useRef<HTMLElement | null>(null);\n\n    return (\n      <ModalContext.Provider\n        value={React.useMemo(() => {\n          return {\n            changeTitle: (newTitle) => {\n              setInnerTitle(newTitle);\n            },\n            close: () => {\n              closeHandler();\n            },\n            descriptionId: `${innerId}_Description`,\n          };\n        }, [closeHandler, innerId])}\n      >\n        <Wrapper>\n          <Overlay\n            onOverlayClicked={overlayClickedHandle}\n            isOpen={isOpen}\n            className={className}\n            stretch={stretch}\n            ref={assignRefs}\n            onExited={onExited}\n            id={innerId}\n            shouldAvoidInitialFocusTrap={noFocus}\n          >\n            <CSSTransition\n              in={isOpen}\n              timeout={animationDuration}\n              classNames=\"modal\"\n              appear\n              unmountOnExit\n              nodeRef={nodeRef}\n            >\n              <Box\n                ref={nodeRef}\n                className=\"modal__variantWrapper\"\n                {...(variant ? getVariant(variant) : {})}\n              >\n                <Box\n                  id={id}\n                  role=\"dialog\"\n                  aria-modal=\"true\"\n                  aria-label={title}\n                  aria-describedby={`${innerId}_Description`}\n                  aria-hidden=\"false\"\n                  className=\"modal__main\"\n                  // allows scrolling within element, despite body lock\n                  data-scroll-lock-scrollable\n                  sx={React.useMemo(() => {\n                    return {\n                      variant: `layout.common.modals.${size}`,\n                      ...(maxWidth !== undefined ? { maxWidth } : {}),\n                    };\n                  }, [maxWidth, size])}\n                  data-variant={`layout.common.modals.${size}`}\n                >\n                  {!noHeader && (\n                    <DialogHeader\n                      className=\"modal__header\"\n                      NavBar={NavBar}\n                      title={innerTitle}\n                      close={closeHandler}\n                      hideCloseButton={hideCloseButton}\n                      id={`${innerId}_Header`}\n                    />\n                  )}\n                  <Box\n                    className=\"modal__content\"\n                    id={\n                      typeof children === 'string'\n                        ? `${innerId}_Description`\n                        : undefined\n                    }\n                  >\n                    {children}\n                  </Box>\n                </Box>\n              </Box>\n            </CSSTransition>\n          </Overlay>\n        </Wrapper>\n      </ModalContext.Provider>\n    );\n  },\n);\n\nStaticModal.displayName = 'StaticModal';\n"],"names":["React"],"mappings":"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"}

package/dist/components/modals/WindowModal.js

@@ -1,8 +0,0 @@
-import { forwardRef } from 'react';
-
-const WindowModal = forwardRef((props, ref) => {
-  return null;
-});
-
-export { WindowModal };
-//# sourceMappingURL=WindowModal.js.map

package/dist/components/modals/WindowModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WindowModal.js","sources":["../../../src/components/modals/WindowModal.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { TModal } from './Modal';\n\nexport const WindowModal = forwardRef<HTMLDivElement, TModal>((props, ref) => {\n  props;\n  ref;\n\n  return null;\n});\n"],"names":[],"mappings":";;AAGO,MAAM,WAAc,GAAA,UAAA,CAAmC,CAAC,KAAA,EAAO,GAAQ,KAAA;AAI5E,EAAO,OAAA,IAAA,CAAA;AACT,CAAC;;;;"}

package/dist/components/modals/hooks/useModal.d.ts

@@ -1,97 +0,0 @@
-import React__default from 'react';
-import { Args } from 'react-cool-portal';
-import { TModal } from '../Modal.js';
-
-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;
-};
-
-export { type TUseModalConfiguration, useModal };
-//# sourceMappingURL=useModal.d.ts.map

package/dist/components/modals/hooks/useModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/hooks/useModal.js

@@ -1,73 +0,0 @@
-import { useUpdateEffect } from '@apia/util';
-import React__default from 'react';
-import usePortal from 'react-cool-portal';
-
-function useModal(configuration) {
-  const [isLoading, setIsLoading] = React__default.useState(false);
-  const [isOpen, setIsOpen] = React__default.useState(
-    configuration?.portalArgs?.defaultShow ?? configuration?.isDefaultOpen ?? false
-  );
-  const {
-    Portal,
-    hide: hidePortal,
-    show: showPortal
-  } = usePortal({
-    ...configuration?.portalArgs,
-    containerId: "AppModals",
-    autoRemoveContainer: false,
-    escToHide: false,
-    clickOutsideToHide: false,
-    defaultShow: false,
-    internalShowHide: false
-  });
-  const hide = React__default.useCallback(() => {
-    setIsOpen(false);
-  }, []);
-  const show = React__default.useCallback(() => {
-    if (configuration?.preFetcher) {
-      setIsLoading(true);
-      configuration.preFetcher().then(() => {
-        setIsOpen(true);
-        setIsLoading(false);
-      }).catch(console.error);
-    } else
-      setIsOpen(true);
-  }, [configuration]);
-  const onClose = React__default.useCallback(() => {
-    setIsOpen(false);
-    if (configuration?.onClose)
-      configuration.onClose();
-  }, [configuration]);
-  const onExited = React__default.useCallback(() => {
-    hidePortal();
-    if (configuration?.onExited)
-      configuration.onExited();
-  }, [configuration, hidePortal]);
-  const openModalContextValue = React__default.useMemo(() => {
-    return {
-      isLoading,
-      show
-    };
-  }, [isLoading, show]);
-  useUpdateEffect(() => {
-    if (isOpen) {
-      if (configuration?.onOpen)
-        configuration.onOpen();
-      showPortal();
-    } else
-      onClose?.();
-  }, [isOpen]);
-  return {
-    hide,
-    isLoading,
-    isOpen,
-    onClose,
-    onExited,
-    openModalContextValue,
-    Portal,
-    show
-  };
-}
-
-export { useModal };
-//# sourceMappingURL=useModal.js.map

package/dist/components/modals/hooks/useModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.js","sources":["../../../../src/components/modals/hooks/useModal.tsx"],"sourcesContent":["import { useUpdateEffect } from '@apia/util';\nimport React from 'react';\nimport usePortal, { Args } from 'react-cool-portal';\nimport { TModal } from '../Modal';\n\nexport type TUseModalConfiguration = Pick<TModal, 'onClose' | 'onExited'> & {\n  debugPerformanceName?: string;\n  isDefaultOpen?: boolean;\n  onOpen?: () => unknown;\n  portalArgs?: Omit<Args, 'containerId'>;\n  preFetcher?: () => Promise<void>;\n};\n\n/**\n * Este hook provee una forma muy sencilla de utilizar nuestro modal. Provee\n * varias funcionalidades interesantes para poder manipular el modal en\n * distintas circunstancias:\n *\n * Objeto parámetro:\n *\n * - **defaultOpen**, Boolean, si es true el modal aparecerá abierto al montar\n * y sino aparecerá cerrado.\n * - **onOpen**: Event listener que será llamado en el momento exacto en que la\n * orden de apertura del modal fue dada.\n * - **onClose**: Event listener que será llamado en el momento exacto en que\n * el modal es cerrado, ya sea por un click en el overlay o porque la tecla\n * escape fue presionada.\n * - **onExited**, Event listener que será llamado luego de que la animación de\n * cierre del modal terminó.\n * - **preFetcher**, este método deberá devolver una promesa y en dicha promesa\n * deberá realizar cualquier operación que fuera necesaria antes de abrir el\n * modal, ejemplo: cargar la información que el modal debe mostrar. Si este\n * método es pasado, será llamado antes de abrir el modal y la vista se pondrá\n * en modo de carga (la propiedad isLoading devuelta y la propiedad isLoading\n * del OpenModalContextProvider estarán en true), hasta que la promesa sea\n * resuelta, momento en que se abrirá el modal e isLoading será puesto en false.\n * - **portalArgs**, objeto de configuración aceptado por el hook usePortal de\n * **react-cool-portal**.\n *\n * Objeto devuelto:\n *\n * - Para un modal en donde el botón de abrir el modal esté inserto dentro del\n * componente que lo utiliza, se devuelven los métodos **show** y **hide**.\n * - Para un modal en donde el botón de abrir el modal esté fuera del\n * componente, se devuelve **openModalContextValue**, que es el valor que debe\n * pasarse al contexto de tipo OpenModalContextProvider, un contexto que\n * puede ser utilizado para renderizar el botón encargado de abrir el modal,\n * fuera del alcance del componente que define el modal en sí. Se muestra un\n * ejemplo más abajo.\n * - Todos los demás elementos devueltos son para pasar directamente al modal,\n * entre ellos se encuentran las propiedades que el modal utiliza para saber si\n * debe estar abierto, los event listeners correspondientes y un portal, que el\n * modal usará para mostrarse dentro del área de modales, lo cual es sumamente\n * importante para que el focusController funcione correctamente.\n *\n * @see OpenModalContextProvider\n * @see usePortal\n *\n * @example\n *\n  const { openModalContextValue, ...modalProps } = useModal(\n    React.useMemo(() => ({\n      onClose: () => console.log(\"Al presionar en cerrar.\"),\n      onExited: () => console.log(\"Al terminar la animación de cierre.\"),\n      onOpen: () => console.log(\"Al abrir.\"),\n    }), [])\n  );\n\n  return (\n    <OpenModalContext.Provider value={openModalContextValue}>\n      <OpenModalContext.Consumer>\n        {({ isLoading, show }) => (\n          <Button isLoading={isLoading} onClick={show}>Open modal</Button>\n        )}\n      </OpenModalContext.Consumer>\n      <Modal shouldCloseOnEsc shouldCloseOnOverlayClick {...modalProps}>\n        Hello world\n      </Modal>\n    </OpenModalContext.Provider>\n  );\n */\nexport function useModal(configuration?: TUseModalConfiguration) {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [isOpen, setIsOpen] = React.useState(\n    configuration?.portalArgs?.defaultShow ??\n      configuration?.isDefaultOpen ??\n      false,\n  );\n\n  const {\n    Portal,\n    hide: hidePortal,\n    show: showPortal,\n  } = usePortal({\n    ...configuration?.portalArgs,\n    containerId: 'AppModals',\n    autoRemoveContainer: false,\n    escToHide: false,\n    clickOutsideToHide: false,\n    defaultShow: false,\n    internalShowHide: false,\n  });\n\n  const hide = React.useCallback(() => {\n    setIsOpen(false);\n  }, []);\n  const show = React.useCallback(() => {\n    if (configuration?.preFetcher) {\n      setIsLoading(true);\n      configuration\n        .preFetcher()\n        .then(() => {\n          setIsOpen(true);\n          setIsLoading(false);\n        })\n        .catch(console.error);\n    } else setIsOpen(true);\n  }, [configuration]);\n  const onClose = React.useCallback(() => {\n    setIsOpen(false);\n    if (configuration?.onClose) configuration.onClose();\n  }, [configuration]);\n  const onExited = React.useCallback(() => {\n    hidePortal();\n    if (configuration?.onExited) configuration.onExited();\n  }, [configuration, hidePortal]);\n  const openModalContextValue = React.useMemo(() => {\n    return {\n      isLoading,\n      show,\n    };\n  }, [isLoading, show]);\n\n  useUpdateEffect(() => {\n    if (isOpen) {\n      if (configuration?.onOpen) configuration.onOpen();\n      showPortal();\n    } else onClose?.();\n  }, [isOpen]);\n\n  return {\n    hide,\n    isLoading,\n    isOpen,\n    onClose,\n    onExited,\n    openModalContextValue,\n    Portal,\n    show,\n  };\n}\n"],"names":["React"],"mappings":";;;;AAiFO,SAAS,SAAS,aAAwC,EAAA;AAC/D,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AACtD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IAChC,aAAe,EAAA,UAAA,EAAY,WACzB,IAAA,aAAA,EAAe,aACf,IAAA,KAAA;AAAA,GACJ,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,IAAM,EAAA,UAAA;AAAA,IACN,IAAM,EAAA,UAAA;AAAA,MACJ,SAAU,CAAA;AAAA,IACZ,GAAG,aAAe,EAAA,UAAA;AAAA,IAClB,WAAa,EAAA,WAAA;AAAA,IACb,mBAAqB,EAAA,KAAA;AAAA,IACrB,SAAW,EAAA,KAAA;AAAA,IACX,kBAAoB,EAAA,KAAA;AAAA,IACpB,WAAa,EAAA,KAAA;AAAA,IACb,gBAAkB,EAAA,KAAA;AAAA,GACnB,CAAA,CAAA;AAED,EAAM,MAAA,IAAA,GAAOA,cAAM,CAAA,WAAA,CAAY,MAAM;AACnC,IAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,GACjB,EAAG,EAAE,CAAA,CAAA;AACL,EAAM,MAAA,IAAA,GAAOA,cAAM,CAAA,WAAA,CAAY,MAAM;AACnC,IAAA,IAAI,eAAe,UAAY,EAAA;AAC7B,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MACG,aAAA,CAAA,UAAA,EACA,CAAA,IAAA,CAAK,MAAM;AACV,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AACd,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACnB,CAAA,CACA,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACxB;AAAO,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,GACvB,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAClB,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,WAAA,CAAY,MAAM;AACtC,IAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACf,IAAA,IAAI,aAAe,EAAA,OAAA;AAAS,MAAA,aAAA,CAAc,OAAQ,EAAA,CAAA;AAAA,GACpD,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAClB,EAAM,MAAA,QAAA,GAAWA,cAAM,CAAA,WAAA,CAAY,MAAM;AACvC,IAAW,UAAA,EAAA,CAAA;AACX,IAAA,IAAI,aAAe,EAAA,QAAA;AAAU,MAAA,aAAA,CAAc,QAAS,EAAA,CAAA;AAAA,GACnD,EAAA,CAAC,aAAe,EAAA,UAAU,CAAC,CAAA,CAAA;AAC9B,EAAM,MAAA,qBAAA,GAAwBA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAChD,IAAO,OAAA;AAAA,MACL,SAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,IAAI,CAAC,CAAA,CAAA;AAEpB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,IAAI,aAAe,EAAA,MAAA;AAAQ,QAAA,aAAA,CAAc,MAAO,EAAA,CAAA;AAChD,MAAW,UAAA,EAAA,CAAA;AAAA,KACb;AAAO,MAAU,OAAA,IAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/modals/layout/Confirm.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { IConfirm } from '../../dialogs/ConfirmModal.js';
-
-declare const Confirm: ({ children, additionalButtons, additionalButtonsOnRight, cancelButtonText: cancelText, className, confirmButtonText: confirmText, confirmButtonVariant, contentRef, disabled, hideCancelButton, hideConfirmButton, isLoading, onCancel, onConfirm, variant, }: Omit<IConfirm, 'title'>) => React.JSX.Element;
-
-export { Confirm };
-//# sourceMappingURL=Confirm.d.ts.map

package/dist/components/modals/layout/Confirm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Confirm.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/layout/Confirm.js

@@ -1,96 +0,0 @@
-import { jsxs, jsx } from '@apia/theme/jsx-runtime';
-import { Box, getVariant } from '@apia/theme';
-import { getLabel } from '@apia/util';
-import { useCallback } from 'react';
-import { DialogButtonBar } from './DialogButtonBar.js';
-import { SimpleButton } from '../../forms/buttons/SimpleButton.js';
-import { useModalContext } from '../ModalContext.js';
-
-const Confirm = ({
-  children,
-  additionalButtons,
-  additionalButtonsOnRight,
-  cancelButtonText: cancelText = getLabel("btnCan").text,
-  className,
-  confirmButtonText: confirmText = getLabel("btnCon").text,
-  confirmButtonVariant = "primary",
-  contentRef,
-  disabled,
-  hideCancelButton,
-  hideConfirmButton,
-  isLoading,
-  onCancel,
-  onConfirm,
-  variant
-}) => {
-  const { descriptionId } = useModalContext();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ...getVariant(variant ?? "layout.common.modals.confirm"),
-      className: `${className ?? ""} confirm`,
-      children: [
-        /* @__PURE__ */ jsx(Box, { ref: contentRef, className: "confirm__content", id: descriptionId, children }),
-        /* @__PURE__ */ jsxs(DialogButtonBar, { className: "confirm__buttonBar", children: [
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              className: "confirm__customButtons",
-              onClick: useCallback(
-                (ev) => {
-                  if (ev.target.closest("button"))
-                    onCancel?.();
-                },
-                [onCancel]
-              ),
-              children: additionalButtons
-            }
-          ),
-          /* @__PURE__ */ jsxs(Box, { className: "confirm__defaultButtons", children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: "confirm__customButtonsOnRight",
-                onClick: useCallback(
-                  (ev) => {
-                    if (ev.target.closest("button"))
-                      onCancel?.();
-                  },
-                  [onCancel]
-                ),
-                children: additionalButtonsOnRight
-              }
-            ),
-            !hideConfirmButton && /* @__PURE__ */ jsx(
-              SimpleButton,
-              {
-                onClick: onConfirm,
-                title: confirmText,
-                variant: confirmButtonVariant,
-                disabled: isLoading ?? disabled,
-                isLoading,
-                className: "confirm__confirmButton",
-                type: "submit",
-                children: confirmText
-              }
-            ),
-            onCancel && !hideCancelButton && /* @__PURE__ */ jsx(
-              SimpleButton,
-              {
-                onClick: onCancel,
-                title: cancelText,
-                ...getVariant("secondary"),
-                disabled: isLoading,
-                className: "confirm__cancelButton",
-                children: cancelText
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-
-export { Confirm };
-//# sourceMappingURL=Confirm.js.map

package/dist/components/modals/layout/Confirm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Confirm.js","sources":["../../../../src/components/modals/layout/Confirm.tsx"],"sourcesContent":["import { Box, getVariant } from '@apia/theme';\nimport { IConfirm } from '../../dialogs';\nimport { getLabel } from '@apia/util';\nimport { MouseEvent, useCallback } from 'react';\nimport { DialogButtonBar } from './DialogButtonBar';\nimport { SimpleButton } from '../../forms/buttons/SimpleButton';\nimport { useModalContext } from '../ModalContext';\n\nexport const Confirm = ({\n  children,\n  additionalButtons,\n  additionalButtonsOnRight,\n  cancelButtonText: cancelText = getLabel('btnCan').text,\n  className,\n  confirmButtonText: confirmText = getLabel('btnCon').text,\n  confirmButtonVariant = 'primary',\n  contentRef,\n  disabled,\n  hideCancelButton,\n  hideConfirmButton,\n  isLoading,\n  onCancel,\n  onConfirm,\n  variant,\n}: Omit<IConfirm, 'title'>) => {\n  const { descriptionId } = useModalContext();\n\n  return (\n    <Box\n      {...getVariant(variant ?? 'layout.common.modals.confirm')}\n      className={`${className ?? ''} confirm`}\n    >\n      <Box ref={contentRef} className=\"confirm__content\" id={descriptionId}>\n        {children}\n      </Box>\n      <DialogButtonBar className=\"confirm__buttonBar\">\n        <Box\n          className=\"confirm__customButtons\"\n          onClick={useCallback(\n            (ev: MouseEvent) => {\n              if ((ev.target as HTMLElement).closest('button')) onCancel?.();\n            },\n            [onCancel],\n          )}\n        >\n          {additionalButtons}\n        </Box>\n\n        <Box className=\"confirm__defaultButtons\">\n          <Box\n            className=\"confirm__customButtonsOnRight\"\n            onClick={useCallback(\n              (ev: MouseEvent) => {\n                if ((ev.target as HTMLElement).closest('button')) onCancel?.();\n              },\n              [onCancel],\n            )}\n          >\n            {additionalButtonsOnRight}\n          </Box>\n          {!hideConfirmButton && (\n            <SimpleButton\n              onClick={onConfirm}\n              title={confirmText}\n              variant={confirmButtonVariant}\n              disabled={isLoading ?? disabled}\n              isLoading={isLoading}\n              className=\"confirm__confirmButton\"\n              type=\"submit\"\n            >\n              {confirmText}\n            </SimpleButton>\n          )}\n          {onCancel && !hideCancelButton && (\n            <SimpleButton\n              onClick={onCancel}\n              title={cancelText}\n              {...getVariant('secondary')}\n              disabled={isLoading}\n              className=\"confirm__cancelButton\"\n            >\n              {cancelText}\n            </SimpleButton>\n          )}\n        </Box>\n      </DialogButtonBar>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/modals/layout/DialogButtonBar.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface IDialogButtonBar {
-    children: React.ReactNode;
-    className?: string;
-}
-declare const DialogButtonBar: React.FC<IDialogButtonBar>;
-
-export { DialogButtonBar, type IDialogButtonBar };
-//# sourceMappingURL=DialogButtonBar.d.ts.map

package/dist/components/modals/layout/DialogButtonBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButtonBar.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/layout/DialogButtonBar.js

@@ -1,19 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Box, getVariant } from '@apia/theme';
-
-const DialogButtonBar = ({
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className: `${className ?? ""} buttonsBar`,
-      ...getVariant("layout.common.modals.buttonsBar"),
-      children
-    }
-  );
-};
-
-export { DialogButtonBar };
-//# sourceMappingURL=DialogButtonBar.js.map

package/dist/components/modals/layout/DialogButtonBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButtonBar.js","sources":["../../../../src/components/modals/layout/DialogButtonBar.tsx"],"sourcesContent":["import { getVariant } from '@apia/theme';\nimport * as React from 'react';\nimport { Box } from '@apia/theme';\n\nexport interface IDialogButtonBar {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const DialogButtonBar: React.FC<IDialogButtonBar> = ({\n  children,\n  className,\n}) => {\n  return (\n    <Box\n      className={`${className ?? ''} buttonsBar`}\n      {...getVariant('layout.common.modals.buttonsBar')}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;AASO,MAAM,kBAA8C,CAAC;AAAA,EAC1D,QAAA;AAAA,EACA,SAAA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAG,EAAA,SAAA,IAAa,EAAE,CAAA,WAAA,CAAA;AAAA,MAC5B,GAAG,WAAW,iCAAiC,CAAA;AAAA,MAE/C,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/components/modals/layout/DialogHeader.d.ts

@@ -1,18 +0,0 @@
-import React__default from 'react';
-
-interface IDialogHeader {
-    className?: string;
-    close: () => void;
-    hideCloseButton?: boolean;
-    id?: string;
-    NavBar?: React__default.ReactNode;
-    title?: string;
-}
-declare global {
-    interface Window {
-        BTN_CLOSE: string;
-    }
-}
-
-export type { IDialogHeader };
-//# sourceMappingURL=DialogHeader.d.ts.map

package/dist/components/modals/layout/DialogHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogHeader.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}