@apia/components 3.0.1 → 3.0.6

package/dist/components/modals/StaticModal.js

@@ -1,175 +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 } from '@apia/util';
-import { Overlay } from './Overlay.js';
-import DialogHeader from './layout/DialogHeader.js';
-import { ModalContext } from './ModalContext.js';
-import { useEscapeKey } from './hooks/useEscapeKey.js';
-import { useInitialFocus } from './hooks/useInitialFocus.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();
-        }
-      }
-    };
-    useEscapeKey({ closeHandler, id: innerId, isOpenInner, shouldCloseOnEsc });
-    useInitialFocus({
-      isOpenInner,
-      initialFocusConfiguration,
-      initialFocusGetter,
-      initialFocusRef,
-      noFocus,
-      parentElement: 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 { useCombinedRefs } 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';\nimport { useEscapeKey } from './hooks/useEscapeKey';\nimport { useInitialFocus } from './hooks/useInitialFocus';\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    useEscapeKey({ closeHandler, id: innerId, isOpenInner, shouldCloseOnEsc });\n    useInitialFocus({\n      isOpenInner,\n      initialFocusConfiguration,\n      initialFocusGetter,\n      initialFocusRef,\n      noFocus,\n      parentElement: 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,214 +0,0 @@
-import { jsx, jsxs } from '@apia/theme/jsx-runtime';
-import { forwardRef, useMemo, useRef, useState, useEffect, useCallback, Fragment } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { Box, getVariant } from '@apia/theme';
-import DialogHeader from './layout/DialogHeader.js';
-import { ModalContext } from './ModalContext.js';
-import { useEscapeKey } from './hooks/useEscapeKey.js';
-import { useInitialFocus } from './hooks/useInitialFocus.js';
-import { useCombinedRefs } from '@apia/util';
-import { useStyleState } from './hooks/useStyleState.js';
-import { uniqueId } from '@apia/notifications';
-
-const WindowModal = forwardRef(
-  ({
-    animationDuration = 150,
-    children = null,
-    className,
-    hideCloseButton,
-    id,
-    initialFocusConfiguration,
-    initialFocusGetter,
-    initialFocusRef,
-    isOpen = false,
-    maxWidth,
-    NavBar,
-    noFocus,
-    noHeader = false,
-    onClose = () => {
-    },
-    onDragStart = () => {
-    },
-    onExited = () => {
-    },
-    Portal,
-    shouldCloseOnEsc = true,
-    size = "md",
-    title = "",
-    variant
-  }, ref) => {
-    const innerId = useMemo(() => {
-      return `Modal${uniqueId()}`;
-    }, []);
-    const nodeRef = useRef(null);
-    const lastTitle = useRef(title);
-    const [innerTitle, setInnerTitle] = useState(title);
-    if (lastTitle.current !== title && innerTitle !== title) {
-      setInnerTitle(title);
-    }
-    const [isOpenInner, setIsOpen] = useState(isOpen);
-    useEffect(() => {
-      setIsOpen(isOpen);
-    }, [isOpen]);
-    const closeHandler = useCallback(() => {
-      setIsOpen(false);
-      onClose();
-    }, [onClose]);
-    useEscapeKey({ closeHandler, id: innerId, isOpenInner, shouldCloseOnEsc });
-    useInitialFocus({
-      isOpenInner,
-      initialFocusConfiguration,
-      initialFocusGetter,
-      initialFocusRef,
-      noFocus,
-      parentElement: nodeRef.current
-    });
-    const Wrapper = useMemo(() => {
-      return Portal ?? Fragment;
-    }, []);
-    const { ref: stylesRef, setState: setStyle } = useStyleState((el) => {
-      const box = el.getBoundingClientRect();
-      return {
-        left: `${window.innerWidth - box.width / 2}`,
-        top: `${window.innerHeight - box.height / 2}`,
-        position: "fixed",
-        zIndex: "1201"
-      };
-    });
-    const unSubscribe = useRef(() => {
-    });
-    const initialPosition = useRef(null);
-    const initialMousePosition = useRef(null);
-    const assignRefs = useCombinedRefs(
-      nodeRef,
-      ref,
-      stylesRef
-    );
-    return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(
-      ModalContext.Provider,
-      {
-        value: useMemo(() => {
-          return {
-            changeTitle: (newTitle) => {
-              setInnerTitle(newTitle);
-            },
-            close: () => {
-              closeHandler();
-            },
-            descriptionId: `${innerId}_Description`
-          };
-        }, [closeHandler, innerId]),
-        children: /* @__PURE__ */ jsx(
-          CSSTransition,
-          {
-            in: isOpen,
-            timeout: animationDuration,
-            classNames: "modal",
-            appear: true,
-            unmountOnExit: true,
-            nodeRef,
-            onExited,
-            children: /* @__PURE__ */ jsx(
-              Box,
-              {
-                ref: assignRefs,
-                className: `modal__variantWrapper ${className ?? ""}`,
-                id: `modal__${innerId}`,
-                ...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: useMemo(() => {
-                      return {
-                        variant: `layout.common.modals.${size}`,
-                        ...maxWidth !== void 0 ? { maxWidth } : {}
-                      };
-                    }, [maxWidth, size]),
-                    "data-variant": `layout.common.modals.${size}`,
-                    ref: useCallback(
-                      (el) => {
-                        unSubscribe.current();
-                        unSubscribe.current = () => {
-                        };
-                        if (el) {
-                          const handleMouseDown = (ev) => {
-                            const res = onDragStart?.(ev);
-                            if (res === false)
-                              return;
-                            const rect = el.getBoundingClientRect();
-                            initialPosition.current = rect;
-                            initialMousePosition.current = {
-                              x: ev.clientX,
-                              y: ev.clientY
-                            };
-                          };
-                          const handleMouseMove = (ev) => {
-                            if (initialPosition.current) {
-                              const diffX = ev.clientX - initialMousePosition.current.x;
-                              const diffY = ev.clientY - initialMousePosition.current.y;
-                              setStyle({
-                                left: `${initialPosition.current.left + diffX}px`,
-                                top: `${initialPosition.current.top + diffY}px`
-                              });
-                            }
-                          };
-                          const handleMouseUp = () => {
-                            initialPosition.current = null;
-                          };
-                          el.addEventListener("mousedown", handleMouseDown);
-                          document.addEventListener("mousemove", handleMouseMove);
-                          document.addEventListener("mouseup", handleMouseUp);
-                          unSubscribe.current = () => {
-                            el.removeEventListener("mousedown", handleMouseDown);
-                            document.removeEventListener(
-                              "mousemove",
-                              handleMouseMove
-                            );
-                            document.removeEventListener("mouseup", handleMouseUp);
-                          };
-                        }
-                      },
-                      [onDragStart, setStyle]
-                    ),
-                    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
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
-          }
-        )
-      }
-    ) });
-  }
-);
-
-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 {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  Fragment,\n} from 'react';\nimport { TModal } from './Modal';\nimport { CSSTransition } from 'react-transition-group';\nimport { Box, getVariant } from '@apia/theme';\nimport DialogHeader from './layout/DialogHeader';\nimport { ModalContext } from './ModalContext';\nimport { useEscapeKey } from './hooks/useEscapeKey';\nimport { useInitialFocus } from './hooks/useInitialFocus';\nimport { useCombinedRefs } from '@apia/util';\nimport { useStyleState } from './hooks/useStyleState';\nimport { uniqueId } from '@apia/notifications';\n\nexport const WindowModal = forwardRef<HTMLDivElement, TModal>(\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      onDragStart = () => {},\n      onExited = () => {},\n      Portal,\n      shouldCloseOnEsc = true,\n      size = 'md',\n      title = '',\n      variant,\n    },\n    ref,\n  ) => {\n    const innerId = useMemo(() => {\n      return `Modal${uniqueId()}`;\n    }, []);\n    const nodeRef = useRef<HTMLElement | null>(null);\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    useEffect(() => {\n      setIsOpen(isOpen);\n    }, [isOpen]);\n\n    const closeHandler = useCallback(() => {\n      setIsOpen(false);\n      onClose();\n    }, [onClose]);\n\n    useEscapeKey({ closeHandler, id: innerId, isOpenInner, shouldCloseOnEsc });\n    useInitialFocus({\n      isOpenInner,\n      initialFocusConfiguration,\n      initialFocusGetter,\n      initialFocusRef,\n      noFocus,\n      parentElement: nodeRef.current,\n    });\n\n    const Wrapper = useMemo(() => {\n      return Portal ?? Fragment;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const { ref: stylesRef, setState: setStyle } = useStyleState((el) => {\n      const box = el.getBoundingClientRect();\n      return {\n        left: `${window.innerWidth - box.width / 2}`,\n        top: `${window.innerHeight - box.height / 2}`,\n        position: 'fixed',\n        zIndex: '1201',\n      };\n    });\n\n    const unSubscribe = useRef(() => {});\n    const initialPosition = useRef<null | DOMRect>(null);\n    const initialMousePosition = useRef<null | { x: number; y: number }>(null);\n    const assignRefs = useCombinedRefs(\n      nodeRef as unknown as React.ForwardedRef<unknown>,\n      ref as unknown as React.Ref<unknown>,\n      stylesRef as unknown as React.Ref<unknown>,\n    );\n\n    return (\n      <Wrapper>\n        <ModalContext.Provider\n          value={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          <CSSTransition\n            in={isOpen}\n            timeout={animationDuration}\n            classNames=\"modal\"\n            appear\n            unmountOnExit\n            nodeRef={nodeRef}\n            onExited={onExited}\n          >\n            <Box\n              ref={assignRefs}\n              className={`modal__variantWrapper ${className ?? ''}`}\n              id={`modal__${innerId}`}\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={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                ref={useCallback(\n                  (el: null | HTMLElement) => {\n                    unSubscribe.current();\n                    unSubscribe.current = () => {};\n\n                    if (el) {\n                      const handleMouseDown = (ev: MouseEvent) => {\n                        const res = onDragStart?.(ev);\n                        if (res === false) return;\n\n                        const rect = el.getBoundingClientRect();\n                        initialPosition.current = rect;\n                        initialMousePosition.current = {\n                          x: ev.clientX,\n                          y: ev.clientY,\n                        };\n                      };\n                      const handleMouseMove = (ev: MouseEvent) => {\n                        if (initialPosition.current) {\n                          const diffX =\n                            ev.clientX - initialMousePosition.current!.x;\n                          const diffY =\n                            ev.clientY - initialMousePosition.current!.y;\n\n                          setStyle({\n                            left: `${initialPosition.current.left + diffX}px`,\n                            top: `${initialPosition.current.top + diffY}px`,\n                          });\n                        }\n                      };\n\n                      const handleMouseUp = () => {\n                        initialPosition.current = null;\n                      };\n\n                      el.addEventListener('mousedown', handleMouseDown);\n                      document.addEventListener('mousemove', handleMouseMove);\n                      document.addEventListener('mouseup', handleMouseUp);\n\n                      unSubscribe.current = () => {\n                        el.removeEventListener('mousedown', handleMouseDown);\n                        document.removeEventListener(\n                          'mousemove',\n                          handleMouseMove,\n                        );\n                        document.removeEventListener('mouseup', handleMouseUp);\n                      };\n                    }\n                  },\n                  [onDragStart, setStyle],\n                )}\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        </ModalContext.Provider>\n      </Wrapper>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}

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

@@ -1,32 +0,0 @@
-import { useEffect } from 'react';
-
-function useEscapeKey({
-  closeHandler,
-  id,
-  isOpenInner,
-  shouldCloseOnEsc
-}) {
-  useEffect(() => {
-    function handleEscape(event) {
-      const overlays = [...document.querySelectorAll(".overlay")];
-      const modal = event.target.closest(`#modal__${id}`);
-      if (modal && event.key === "Escape") {
-        event.preventDefault();
-        event.stopPropagation();
-        closeHandler();
-      } else if (overlays.length > 0 && overlays[overlays.length - 1]?.id === id && event.key === "Escape") {
-        event.preventDefault();
-        event.stopPropagation();
-        closeHandler();
-      }
-    }
-    if (isOpenInner && shouldCloseOnEsc)
-      document.addEventListener("keydown", handleEscape, false);
-    return () => {
-      document.removeEventListener("keydown", handleEscape, false);
-    };
-  }, [shouldCloseOnEsc, isOpenInner, closeHandler, id]);
-}
-
-export { useEscapeKey };
-//# sourceMappingURL=useEscapeKey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useEscapeKey.js","sources":["../../../../src/components/modals/hooks/useEscapeKey.ts"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\n/**\r\n * Contorla la lógica encargada de cerrar el modal al presionar la tecla escape.\r\n */\r\nexport function useEscapeKey({\r\n  closeHandler,\r\n  id,\r\n  isOpenInner,\r\n  shouldCloseOnEsc,\r\n}: {\r\n  id: string;\r\n  closeHandler: () => void;\r\n  isOpenInner: boolean;\r\n  shouldCloseOnEsc?: boolean;\r\n}) {\r\n  useEffect(() => {\r\n    function handleEscape(event: KeyboardEvent) {\r\n      const overlays = [...document.querySelectorAll('.overlay')];\r\n\r\n      const modal = (event.target as HTMLElement).closest(`#modal__${id}`);\r\n      if (modal && event.key === 'Escape') {\r\n        /**\r\n         * Funcionamiento para el WindowModal\r\n         */\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        closeHandler();\r\n      } else if (\r\n        overlays.length > 0 &&\r\n        overlays[overlays.length - 1]?.id === id &&\r\n        event.key === 'Escape'\r\n      ) {\r\n        /**\r\n         * Legacy, para el StaticModal\r\n         */\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        closeHandler();\r\n      }\r\n    }\r\n    if (isOpenInner && shouldCloseOnEsc)\r\n      document.addEventListener('keydown', handleEscape, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleEscape, false);\r\n    };\r\n  }, [shouldCloseOnEsc, isOpenInner, closeHandler, id]);\r\n}\r\n"],"names":[],"mappings":";;AAKO,SAAS,YAAa,CAAA;AAAA,EAC3B,YAAA;AAAA,EACA,EAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AACF,CAKG,EAAA;AACD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,aAAa,KAAsB,EAAA;AAC1C,MAAA,MAAM,WAAW,CAAC,GAAG,QAAS,CAAA,gBAAA,CAAiB,UAAU,CAAC,CAAA,CAAA;AAE1D,MAAA,MAAM,QAAS,KAAM,CAAA,MAAA,CAAuB,OAAQ,CAAA,CAAA,QAAA,EAAW,EAAE,CAAE,CAAA,CAAA,CAAA;AACnE,MAAI,IAAA,KAAA,IAAS,KAAM,CAAA,GAAA,KAAQ,QAAU,EAAA;AAInC,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,QAAa,YAAA,EAAA,CAAA;AAAA,OAEb,MAAA,IAAA,QAAA,CAAS,MAAS,GAAA,CAAA,IAClB,QAAS,CAAA,QAAA,CAAS,MAAS,GAAA,CAAC,CAAG,EAAA,EAAA,KAAO,EACtC,IAAA,KAAA,CAAM,QAAQ,QACd,EAAA;AAIA,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,QAAa,YAAA,EAAA,CAAA;AAAA,OACf;AAAA,KACF;AACA,IAAA,IAAI,WAAe,IAAA,gBAAA;AACjB,MAAS,QAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAC1D,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAAA,KAC7D,CAAA;AAAA,KACC,CAAC,gBAAA,EAAkB,WAAa,EAAA,YAAA,EAAc,EAAE,CAAC,CAAA,CAAA;AACtD;;;;"}

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

@@ -1,37 +0,0 @@
-import { useEffect } from 'react';
-import { focus, focusSelector, getFocusSelector } from '@apia/util';
-
-function useInitialFocus({
-  isOpenInner,
-  initialFocusConfiguration,
-  initialFocusGetter,
-  initialFocusRef,
-  noFocus,
-  parentElement
-}) {
-  useEffect(
-    () => {
-      if (!noFocus && isOpenInner) {
-        if (parentElement) {
-          void focus.on(
-            () => {
-              if (initialFocusGetter)
-                return initialFocusGetter(parentElement);
-              if (initialFocusRef?.current)
-                return (initialFocusRef?.current || parentElement).querySelector(focusSelector);
-              return parentElement.querySelector(
-                getFocusSelector(":not(.modal__closeButton)")
-              );
-            },
-            { ...initialFocusConfiguration, focusEvenWhenScreenLocked: true }
-          );
-        }
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [parentElement]
-  );
-}
-
-export { useInitialFocus };
-//# sourceMappingURL=useInitialFocus.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useInitialFocus.js","sources":["../../../../src/components/modals/hooks/useInitialFocus.ts"],"sourcesContent":["import { useEffect } from 'react';\r\nimport { TModal } from '../Modal';\r\nimport { focus, focusSelector, getFocusSelector } from '@apia/util';\r\n\r\nexport function useInitialFocus({\r\n  isOpenInner,\r\n  initialFocusConfiguration,\r\n  initialFocusGetter,\r\n  initialFocusRef,\r\n  noFocus,\r\n  parentElement,\r\n}: { isOpenInner: boolean; parentElement?: HTMLElement | null } & Pick<\r\n  TModal,\r\n  | 'noFocus'\r\n  | 'initialFocusGetter'\r\n  | 'initialFocusRef'\r\n  | 'initialFocusConfiguration'\r\n>) {\r\n  useEffect(\r\n    () => {\r\n      if (!noFocus && isOpenInner) {\r\n        if (parentElement) {\r\n          void focus.on(\r\n            () => {\r\n              if (initialFocusGetter) return initialFocusGetter(parentElement);\r\n              if (initialFocusRef?.current)\r\n                return (\r\n                  (initialFocusRef?.current || parentElement) as HTMLElement\r\n                ).querySelector(focusSelector) as HTMLElement;\r\n              return parentElement.querySelector(\r\n                getFocusSelector(':not(.modal__closeButton)'),\r\n              ) as HTMLElement;\r\n            },\r\n            { ...initialFocusConfiguration, focusEvenWhenScreenLocked: true },\r\n          );\r\n        }\r\n      }\r\n    },\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    [parentElement],\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;AAIO,SAAS,eAAgB,CAAA;AAAA,EAC9B,WAAA;AAAA,EACA,yBAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AACF,CAMG,EAAA;AACD,EAAA,SAAA;AAAA,IACE,MAAM;AACJ,MAAI,IAAA,CAAC,WAAW,WAAa,EAAA;AAC3B,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,KAAK,KAAM,CAAA,EAAA;AAAA,YACT,MAAM;AACJ,cAAI,IAAA,kBAAA;AAAoB,gBAAA,OAAO,mBAAmB,aAAa,CAAA,CAAA;AAC/D,cAAA,IAAI,eAAiB,EAAA,OAAA;AACnB,gBAAA,OAAA,CACG,eAAiB,EAAA,OAAA,IAAW,aAC7B,EAAA,aAAA,CAAc,aAAa,CAAA,CAAA;AAC/B,cAAA,OAAO,aAAc,CAAA,aAAA;AAAA,gBACnB,iBAAiB,2BAA2B,CAAA;AAAA,eAC9C,CAAA;AAAA,aACF;AAAA,YACA,EAAE,GAAG,yBAA2B,EAAA,yBAAA,EAA2B,IAAK,EAAA;AAAA,WAClE,CAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA;AAAA,IAEA,CAAC,aAAa,CAAA;AAAA,GAChB,CAAA;AACF;;;;"}

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":""}