@apia/components 2.0.8 → 2.0.9

package/dist/components/modals/ModalContext.js

@@ -1,12 +0,0 @@
-import { createContext, useContext } from 'react';
-
-const ModalContext = createContext(null);
-function useModalContext() {
-  const context = useContext(ModalContext);
-  if (!context)
-    throw new Error("There is no ModalContext");
-  return context;
-}
-
-export { ModalContext, useModalContext };
-//# sourceMappingURL=ModalContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContext.js","sources":["../../../src/components/modals/ModalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nexport type TModalContext = {\r\n  changeTitle: (newTitle: string) => void;\r\n  close: () => unknown;\r\n  descriptionId: string;\r\n};\r\n\r\nexport const ModalContext = createContext<TModalContext | null>(null);\r\n\r\nexport function useModalContext() {\r\n  const context = useContext(ModalContext);\r\n\r\n  if (!context) throw new Error('There is no ModalContext');\r\n\r\n  return context;\r\n}\r\n"],"names":[],"mappings":";;AAQa,MAAA,YAAA,GAAe,cAAoC,IAAI,EAAA;AAE7D,SAAS,eAAkB,GAAA;AAChC,EAAM,MAAA,OAAA,GAAU,WAAW,YAAY,CAAA,CAAA;AAEvC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,0BAA0B,CAAA,CAAA;AAExD,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist/components/modals/Overlay.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { BoxProps } from '@apia/theme';
-
-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>>;
-
-export { type IOverlay, Overlay };
-//# sourceMappingURL=Overlay.d.ts.map

package/dist/components/modals/Overlay.d.ts.map

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

package/dist/components/modals/Overlay.js

@@ -1,74 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import * as React from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { Box, getVariant } from '@apia/theme';
-import ReactFocusLock from 'react-focus-lock';
-import { useCombinedRefs } from '@apia/util';
-import { useBodyScrollLock } from '../../hooks/useBodyScrollLock.js';
-
-const Overlay = React.forwardRef(
-  ({
-    children,
-    className = "",
-    onExited,
-    onOverlayClicked,
-    isOpen: open = false,
-    shouldAvoidInitialFocusTrap,
-    stretch,
-    transitionDuration = 150,
-    ...props
-  }, ref) => {
-    const innerRef = React.useRef(null);
-    const assignRefs = useCombinedRefs(innerRef, ref);
-    useBodyScrollLock(open);
-    return /* @__PURE__ */ jsx(
-      CSSTransition,
-      {
-        in: open,
-        timeout: transitionDuration,
-        onExited,
-        classNames: "overlayAnimation",
-        appear: true,
-        nodeRef: innerRef,
-        unmountOnExit: true,
-        children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: `${className} overlay`,
-            ref: assignRefs,
-            ...props,
-            "data-type": "overlay",
-            role: "presentation",
-            onClick: React.useCallback(
-              (ev) => {
-                if (ev.target === innerRef.current)
-                  onOverlayClicked(ev);
-              },
-              [onOverlayClicked]
-            ),
-            ...getVariant(
-              props.variant ?? `layout.common.modals.overlay${stretch ? "--stretch" : ""}`
-            ),
-            children: /* @__PURE__ */ jsx(
-              ReactFocusLock,
-              {
-                autoFocus: shouldAvoidInitialFocusTrap ? false : void 0,
-                returnFocus: false,
-                crossFrame: false,
-                disabled: document.activeElement?.classList.contains("filter") && document.activeElement.tagName === "INPUT",
-                whiteList: (el) => {
-                  return !el.closest('[role="menu"]');
-                },
-                children
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Overlay.displayName = "Overlay";
-
-export { Overlay };
-//# sourceMappingURL=Overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","sources":["../../../src/components/modals/Overlay.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport { Box, BoxProps } from '@apia/theme';\r\nimport ReactFocusLock from 'react-focus-lock';\r\nimport { getVariant } from '@apia/theme';\r\nimport { useCombinedRefs } from '@apia/util';\r\nimport { useBodyScrollLock } from '../../hooks';\r\n\r\nexport interface IOverlay extends BoxProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onOverlayClicked: (event: React.MouseEvent<HTMLDivElement>) => void;\r\n  /**\r\n   * Permite pasar un callback que será llamado una vez que el overlay termine\r\n   * de cerrarse.\r\n   */\r\n  onExited: () => void;\r\n  isOpen?: boolean;\r\n  shouldAvoidInitialFocusTrap?: boolean;\r\n  stretch?: boolean;\r\n  transitionDuration?: number;\r\n}\r\n\r\nexport const Overlay = React.forwardRef<unknown, IOverlay>(\r\n  (\r\n    {\r\n      children,\r\n      className = '',\r\n      onExited,\r\n      onOverlayClicked,\r\n      isOpen: open = false,\r\n      shouldAvoidInitialFocusTrap,\r\n      stretch,\r\n      transitionDuration = 150,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const innerRef = React.useRef<HTMLDivElement>(null);\r\n    const assignRefs = useCombinedRefs(innerRef, ref);\r\n    useBodyScrollLock(open);\r\n    return (\r\n      <CSSTransition\r\n        in={open}\r\n        timeout={transitionDuration}\r\n        onExited={onExited}\r\n        classNames=\"overlayAnimation\"\r\n        appear\r\n        nodeRef={innerRef}\r\n        unmountOnExit\r\n      >\r\n        <Box\r\n          className={`${className} overlay`}\r\n          ref={assignRefs}\r\n          {...props}\r\n          data-type=\"overlay\"\r\n          role=\"presentation\"\r\n          onClick={React.useCallback(\r\n            (ev: React.MouseEvent<HTMLDivElement>) => {\r\n              if (ev.target === innerRef.current) onOverlayClicked(ev);\r\n            },\r\n            [onOverlayClicked],\r\n          )}\r\n          {...getVariant(\r\n            props.variant ??\r\n              `layout.common.modals.overlay${stretch ? '--stretch' : ''}`,\r\n          )}\r\n        >\r\n          <ReactFocusLock\r\n            autoFocus={shouldAvoidInitialFocusTrap ? false : undefined}\r\n            returnFocus={false}\r\n            crossFrame={false}\r\n            disabled={\r\n              document.activeElement?.classList.contains('filter') &&\r\n              document.activeElement.tagName === 'INPUT'\r\n            }\r\n            whiteList={(el) => {\r\n              return !el.closest('[role=\"menu\"]');\r\n            }}\r\n          >\r\n            {children}\r\n          </ReactFocusLock>\r\n        </Box>\r\n      </CSSTransition>\r\n    );\r\n  },\r\n);\r\n\r\nOverlay.displayName = 'Overlay';\r\n"],"names":[],"mappings":";;;;;;;;AAuBO,MAAM,UAAU,KAAM,CAAA,UAAA;AAAA,EAC3B,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAY,GAAA,EAAA;AAAA,IACZ,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAQ,IAAO,GAAA,KAAA;AAAA,IACf,2BAAA;AAAA,IACA,OAAA;AAAA,IACA,kBAAqB,GAAA,GAAA;AAAA,IACrB,GAAG,KAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,MAAA,CAAuB,IAAI,CAAA,CAAA;AAClD,IAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,QAAA,EAAU,GAAG,CAAA,CAAA;AAChD,IAAA,iBAAA,CAAkB,IAAI,CAAA,CAAA;AACtB,IACE,uBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,IAAA;AAAA,QACJ,OAAS,EAAA,kBAAA;AAAA,QACT,QAAA;AAAA,QACA,UAAW,EAAA,kBAAA;AAAA,QACX,MAAM,EAAA,IAAA;AAAA,QACN,OAAS,EAAA,QAAA;AAAA,QACT,aAAa,EAAA,IAAA;AAAA,QAEb,QAAA,kBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,GAAG,SAAS,CAAA,QAAA,CAAA;AAAA,YACvB,GAAK,EAAA,UAAA;AAAA,YACJ,GAAG,KAAA;AAAA,YACJ,WAAU,EAAA,SAAA;AAAA,YACV,IAAK,EAAA,cAAA;AAAA,YACL,SAAS,KAAM,CAAA,WAAA;AAAA,cACb,CAAC,EAAyC,KAAA;AACxC,gBAAI,IAAA,EAAA,CAAG,WAAW,QAAS,CAAA,OAAA;AAAS,kBAAA,gBAAA,CAAiB,EAAE,CAAA,CAAA;AAAA,eACzD;AAAA,cACA,CAAC,gBAAgB,CAAA;AAAA,aACnB;AAAA,YACC,GAAG,UAAA;AAAA,cACF,KAAM,CAAA,OAAA,IACJ,CAA+B,4BAAA,EAAA,OAAA,GAAU,cAAc,EAAE,CAAA,CAAA;AAAA,aAC7D;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,8BAA8B,KAAQ,GAAA,KAAA,CAAA;AAAA,gBACjD,WAAa,EAAA,KAAA;AAAA,gBACb,UAAY,EAAA,KAAA;AAAA,gBACZ,QAAA,EACE,SAAS,aAAe,EAAA,SAAA,CAAU,SAAS,QAAQ,CAAA,IACnD,QAAS,CAAA,aAAA,CAAc,OAAY,KAAA,OAAA;AAAA,gBAErC,SAAA,EAAW,CAAC,EAAO,KAAA;AACjB,kBAAO,OAAA,CAAC,EAAG,CAAA,OAAA,CAAQ,eAAe,CAAA,CAAA;AAAA,iBACpC;AAAA,gBAEC,QAAA;AAAA,eAAA;AAAA,aACH;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

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

package/dist/components/modals/WindowModal.js

@@ -1,229 +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, addBoundary } from '@apia/util';
-import { useStyleState } from './hooks/useStyleState.js';
-import { uniqueId } from '@apia/notifications';
-
-const WindowModal = forwardRef(
-  ({
-    animationDuration = 150,
-    children = null,
-    className,
-    defaultPosition,
-    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(() => {
-      return {
-        position: "fixed",
-        ...defaultPosition ?? {
-          left: "50%",
-          top: "50%"
-        }
-      };
-    });
-    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 window__modal ${className ?? ""}`,
-                id: `modal__${innerId}`,
-                ...variant ? getVariant(variant) : {},
-                sx: { zIndex: "modal" },
-                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) {
-                              ev.preventDefault();
-                              const diffX = ev.clientX - initialMousePosition.current.x;
-                              const diffY = ev.clientY - initialMousePosition.current.y;
-                              const newLeft = addBoundary(
-                                initialPosition.current.left + diffX,
-                                0,
-                                window.innerWidth - 50
-                              );
-                              const newTop = addBoundary(
-                                initialPosition.current.top + diffY,
-                                0,
-                                window.innerHeight - 50
-                              );
-                              setStyle({
-                                left: `${newLeft}px`,
-                                top: `${newTop}px`,
-                                right: "unset",
-                                bottom: "unset"
-                              });
-                            }
-                          };
-                          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 {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n  Fragment,\r\n} from 'react';\r\nimport { TModal } from './Modal';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport { Box, getVariant } from '@apia/theme';\r\nimport DialogHeader from './layout/DialogHeader';\r\nimport { ModalContext } from './ModalContext';\r\nimport { useEscapeKey } from './hooks/useEscapeKey';\r\nimport { useInitialFocus } from './hooks/useInitialFocus';\r\nimport { addBoundary, useCombinedRefs } from '@apia/util';\r\nimport { useStyleState } from './hooks/useStyleState';\r\nimport { uniqueId } from '@apia/notifications';\r\n\r\nexport const WindowModal = forwardRef<HTMLDivElement, TModal>(\r\n  (\r\n    {\r\n      animationDuration = 150,\r\n      children = null,\r\n      className,\r\n      defaultPosition,\r\n      hideCloseButton,\r\n      id,\r\n      initialFocusConfiguration,\r\n      initialFocusGetter,\r\n      initialFocusRef,\r\n      isOpen = false,\r\n      maxWidth,\r\n      NavBar,\r\n      noFocus,\r\n      noHeader = false,\r\n      onClose = () => {},\r\n      onDragStart = () => {},\r\n      onExited = () => {},\r\n      Portal,\r\n      shouldCloseOnEsc = true,\r\n      size = 'md',\r\n      title = '',\r\n      variant,\r\n    },\r\n    ref,\r\n  ) => {\r\n    const innerId = useMemo(() => {\r\n      return `Modal${uniqueId()}`;\r\n    }, []);\r\n    const nodeRef = useRef<HTMLElement | null>(null);\r\n\r\n    const lastTitle = useRef(title);\r\n    const [innerTitle, setInnerTitle] = useState(title);\r\n    if (lastTitle.current !== title && innerTitle !== title) {\r\n      setInnerTitle(title);\r\n    }\r\n    const [isOpenInner, setIsOpen] = useState(isOpen);\r\n    useEffect(() => {\r\n      setIsOpen(isOpen);\r\n    }, [isOpen]);\r\n\r\n    const closeHandler = useCallback(() => {\r\n      setIsOpen(false);\r\n      onClose();\r\n    }, [onClose]);\r\n\r\n    useEscapeKey({ closeHandler, id: innerId, isOpenInner, shouldCloseOnEsc });\r\n    useInitialFocus({\r\n      isOpenInner,\r\n      initialFocusConfiguration,\r\n      initialFocusGetter,\r\n      initialFocusRef,\r\n      noFocus,\r\n      parentElement: nodeRef.current,\r\n    });\r\n\r\n    const Wrapper = useMemo(() => {\r\n      return Portal ?? Fragment;\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, []);\r\n\r\n    const { ref: stylesRef, setState: setStyle } = useStyleState(() => {\r\n      return {\r\n        position: 'fixed',\r\n        ...(defaultPosition ?? {\r\n          left: '50%',\r\n          top: '50%',\r\n        }),\r\n      };\r\n    });\r\n\r\n    const unSubscribe = useRef(() => {});\r\n    const initialPosition = useRef<null | DOMRect>(null);\r\n    const initialMousePosition = useRef<null | { x: number; y: number }>(null);\r\n    const assignRefs = useCombinedRefs(\r\n      nodeRef as unknown as React.ForwardedRef<unknown>,\r\n      ref as unknown as React.Ref<unknown>,\r\n      stylesRef as unknown as React.Ref<unknown>,\r\n    );\r\n\r\n    return (\r\n      <Wrapper>\r\n        <ModalContext.Provider\r\n          value={useMemo(() => {\r\n            return {\r\n              changeTitle: (newTitle) => {\r\n                setInnerTitle(newTitle);\r\n              },\r\n              close: () => {\r\n                closeHandler();\r\n              },\r\n              descriptionId: `${innerId}_Description`,\r\n            };\r\n          }, [closeHandler, innerId])}\r\n        >\r\n          <CSSTransition\r\n            in={isOpen}\r\n            timeout={animationDuration}\r\n            classNames=\"modal\"\r\n            appear\r\n            unmountOnExit\r\n            nodeRef={nodeRef}\r\n            onExited={onExited}\r\n          >\r\n            <Box\r\n              ref={assignRefs}\r\n              className={`modal__variantWrapper window__modal ${className ?? ''}`}\r\n              id={`modal__${innerId}`}\r\n              {...(variant ? getVariant(variant) : {})}\r\n              sx={{ zIndex: 'modal' }}\r\n            >\r\n              <Box\r\n                id={id}\r\n                role=\"dialog\"\r\n                aria-modal=\"true\"\r\n                aria-label={title}\r\n                aria-describedby={`${innerId}_Description`}\r\n                aria-hidden=\"false\"\r\n                className=\"modal__main\"\r\n                // allows scrolling within element, despite body lock\r\n                data-scroll-lock-scrollable\r\n                sx={useMemo(() => {\r\n                  return {\r\n                    variant: `layout.common.modals.${size}`,\r\n                    ...(maxWidth !== undefined ? { maxWidth } : {}),\r\n                  };\r\n                }, [maxWidth, size])}\r\n                data-variant={`layout.common.modals.${size}`}\r\n                ref={useCallback(\r\n                  (el: null | HTMLElement) => {\r\n                    unSubscribe.current();\r\n                    unSubscribe.current = () => {};\r\n\r\n                    if (el) {\r\n                      const handleMouseDown = (ev: MouseEvent) => {\r\n                        const res = onDragStart?.(ev);\r\n                        if (res === false) return;\r\n\r\n                        const rect = el.getBoundingClientRect();\r\n                        initialPosition.current = rect;\r\n                        initialMousePosition.current = {\r\n                          x: ev.clientX,\r\n                          y: ev.clientY,\r\n                        };\r\n                      };\r\n                      const handleMouseMove = (ev: MouseEvent) => {\r\n                        if (initialPosition.current) {\r\n                          ev.preventDefault();\r\n                          const diffX =\r\n                            ev.clientX - initialMousePosition.current!.x;\r\n                          const diffY =\r\n                            ev.clientY - initialMousePosition.current!.y;\r\n\r\n                          const newLeft = addBoundary(\r\n                            initialPosition.current.left + diffX,\r\n                            0,\r\n                            window.innerWidth - 50,\r\n                          );\r\n                          const newTop = addBoundary(\r\n                            initialPosition.current.top + diffY,\r\n                            0,\r\n                            window.innerHeight - 50,\r\n                          );\r\n\r\n                          setStyle({\r\n                            left: `${newLeft}px`,\r\n                            top: `${newTop}px`,\r\n                            right: 'unset',\r\n                            bottom: 'unset',\r\n                          });\r\n                        }\r\n                      };\r\n\r\n                      const handleMouseUp = () => {\r\n                        initialPosition.current = null;\r\n                      };\r\n\r\n                      el.addEventListener('mousedown', handleMouseDown);\r\n                      document.addEventListener('mousemove', handleMouseMove);\r\n                      document.addEventListener('mouseup', handleMouseUp);\r\n\r\n                      unSubscribe.current = () => {\r\n                        el.removeEventListener('mousedown', handleMouseDown);\r\n                        document.removeEventListener(\r\n                          'mousemove',\r\n                          handleMouseMove,\r\n                        );\r\n                        document.removeEventListener('mouseup', handleMouseUp);\r\n                      };\r\n                    }\r\n                  },\r\n                  [onDragStart, setStyle],\r\n                )}\r\n              >\r\n                {!noHeader && (\r\n                  <DialogHeader\r\n                    className=\"modal__header\"\r\n                    NavBar={NavBar}\r\n                    title={innerTitle}\r\n                    close={closeHandler}\r\n                    hideCloseButton={hideCloseButton}\r\n                    id={`${innerId}_Header`}\r\n                  />\r\n                )}\r\n                <Box\r\n                  className=\"modal__content\"\r\n                  id={\r\n                    typeof children === 'string'\r\n                      ? `${innerId}_Description`\r\n                      : undefined\r\n                  }\r\n                >\r\n                  {children}\r\n                </Box>\r\n              </Box>\r\n            </Box>\r\n          </CSSTransition>\r\n        </ModalContext.Provider>\r\n      </Wrapper>\r\n    );\r\n  },\r\n);\r\n"],"names":[],"mappings":"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"}

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

@@ -1,36 +0,0 @@
-import { useEffect } from 'react';
-
-function useEscapeKey({
-  closeHandler,
-  id,
-  isOpenInner,
-  shouldCloseOnEsc
-}) {
-  useEffect(() => {
-    function handleEscape(event) {
-      if (event.code !== "Escape")
-        return;
-      const overlays = [
-        ...document.querySelectorAll(".overlay, .window__modal")
-      ];
-      const modal = event.target.closest(`#modal__${id}`);
-      if (modal) {
-        event.preventDefault();
-        event.stopPropagation();
-        closeHandler();
-      } else if (overlays.length > 0 && (overlays[overlays.length - 1]?.id === id || overlays[overlays.length - 1]?.id === `modal__${id}`)) {
-        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