@apia/components 2.0.0 → 2.0.2

package/dist/components/modals/WindowModal.js

@@ -1,214 +1,8 @@
-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';
+import { forwardRef } from 'react';
 
-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
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
-          }
-        )
-      }
-    ) });
-  }
-);
+const WindowModal = forwardRef((props, ref) => {
+  return null;
+});
 
 export { WindowModal };
 //# sourceMappingURL=WindowModal.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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/layout/DialogHeader.js

@@ -62,7 +62,7 @@ const DialogHeader = ({
   return breakpointIndex > 3 ? /* @__PURE__ */ jsxs(
     Box,
     {
-      className: `${className} modal__header`,
+      className,
       sx: {
         display: "flex",
         flexDirection: "row",
@@ -82,7 +82,7 @@ const DialogHeader = ({
   ) : /* @__PURE__ */ jsxs(
     Box,
     {
-      className: `${className} modal__header`,
+      className,
       sx: {
         display: "flex",
         flexDirection: "column",

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

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.js","sources":["../../../../src/components/modals/layout/DialogHeader.tsx"],"sourcesContent":["import { Box, Close, Heading, useBreakpointIndex } from '@apia/theme';\nimport React, { FC } from 'react';\nimport { responsive, spacing } from '@apia/theme';\n\nexport interface IDialogHeader {\n  className?: string;\n  close: () => void;\n  hideCloseButton?: boolean;\n  id?: string;\n  NavBar?: React.ReactNode;\n  title?: string;\n}\n\ndeclare global {\n  interface Window {\n    BTN_CLOSE: string;\n  }\n}\n\nconst DialogHeader: FC<IDialogHeader> = ({\n  className,\n  close,\n  hideCloseButton,\n  id,\n  NavBar,\n  title = '',\n}) => {\n  const breakpointIndex = useBreakpointIndex();\n\n  const Title = (\n    <Heading\n      as=\"h3\"\n      sx={{\n        wordBreak: 'break-word',\n        m: '0',\n        flex: '2 0',\n        color: 'title',\n      }}\n      className=\"modal__title\"\n      id={id ? `modal-${id}-title` : ''}\n    >\n      {title}\n    </Heading>\n  );\n\n  const CloseButton = React.useMemo(\n    () =>\n      hideCloseButton ? null : (\n        <Close\n          role=\"button\"\n          type=\"button\"\n          aria-label={window.BTN_CLOSE}\n          onClick={close}\n          title={window.BTN_CLOSE}\n          sx={{\n            mr: 'unset',\n          }}\n          className=\"modal__closeButton\"\n        />\n      ),\n    [close, hideCloseButton],\n  );\n\n  const NavBarElement = NavBar && (\n    <Box\n      sx={{\n        display: 'flex',\n        gap: responsive({ 0: 2, 1: '3px', 2: 2 }),\n        justifyContent: 'end',\n        flexDirection: responsive({ 0: 'row', 1: 'column', 3: 'row' }),\n        width: responsive({ 0: 'auto', 1: '100%', 2: 'auto' }),\n        flexBasis: 'max-content',\n        height: '100%',\n      }}\n      className=\"modal__headerBar\"\n    >\n      {NavBar}\n    </Box>\n  );\n\n  return breakpointIndex > 3 ? (\n    <Box\n      className={`${className} modal__header`}\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'start',\n        mb: spacing(0),\n        justifyContent: 'space-between',\n        width: '100%',\n        gap: spacing(2),\n        flexWrap: 'nowrap',\n      }}\n    >\n      {Title}\n      {NavBarElement}\n      {CloseButton}\n    </Box>\n  ) : (\n    <Box\n      className={`${className} modal__header`}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: responsive({ 0: 'center', 2: 'end' }),\n        mb: spacing(0),\n        justifyContent: 'space-between',\n        width: '100%',\n        gap: spacing(2),\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          width: '100%',\n        }}\n      >\n        {Title}\n        {CloseButton}\n      </Box>\n      {NavBarElement}\n    </Box>\n  );\n};\n\nexport default DialogHeader;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DialogHeader.js","sources":["../../../../src/components/modals/layout/DialogHeader.tsx"],"sourcesContent":["import { Box, Close, Heading, useBreakpointIndex } from '@apia/theme';\nimport React, { FC } from 'react';\nimport { responsive, spacing } from '@apia/theme';\n\nexport interface IDialogHeader {\n  className?: string;\n  close: () => void;\n  hideCloseButton?: boolean;\n  id?: string;\n  NavBar?: React.ReactNode;\n  title?: string;\n}\n\ndeclare global {\n  interface Window {\n    BTN_CLOSE: string;\n  }\n}\n\nconst DialogHeader: FC<IDialogHeader> = ({\n  className,\n  close,\n  hideCloseButton,\n  id,\n  NavBar,\n  title = '',\n}) => {\n  const breakpointIndex = useBreakpointIndex();\n\n  const Title = (\n    <Heading\n      as=\"h3\"\n      sx={{\n        wordBreak: 'break-word',\n        m: '0',\n        flex: '2 0',\n        color: 'title',\n      }}\n      className=\"modal__title\"\n      id={id ? `modal-${id}-title` : ''}\n    >\n      {title}\n    </Heading>\n  );\n\n  const CloseButton = React.useMemo(\n    () =>\n      hideCloseButton ? null : (\n        <Close\n          role=\"button\"\n          type=\"button\"\n          aria-label={window.BTN_CLOSE}\n          onClick={close}\n          title={window.BTN_CLOSE}\n          sx={{\n            mr: 'unset',\n          }}\n          className=\"modal__closeButton\"\n        />\n      ),\n    [close, hideCloseButton],\n  );\n\n  const NavBarElement = NavBar && (\n    <Box\n      sx={{\n        display: 'flex',\n        gap: responsive({ 0: 2, 1: '3px', 2: 2 }),\n        justifyContent: 'end',\n        flexDirection: responsive({ 0: 'row', 1: 'column', 3: 'row' }),\n        width: responsive({ 0: 'auto', 1: '100%', 2: 'auto' }),\n        flexBasis: 'max-content',\n        height: '100%',\n      }}\n      className=\"modal__headerBar\"\n    >\n      {NavBar}\n    </Box>\n  );\n\n  return breakpointIndex > 3 ? (\n    <Box\n      className={className}\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'start',\n        mb: spacing(0),\n        justifyContent: 'space-between',\n        width: '100%',\n        gap: spacing(2),\n        flexWrap: 'nowrap',\n      }}\n    >\n      {Title}\n      {NavBarElement}\n      {CloseButton}\n    </Box>\n  ) : (\n    <Box\n      className={className}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: responsive({ 0: 'center', 2: 'end' }),\n        mb: spacing(0),\n        justifyContent: 'space-between',\n        width: '100%',\n        gap: spacing(2),\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          width: '100%',\n        }}\n      >\n        {Title}\n        {CloseButton}\n      </Box>\n      {NavBarElement}\n    </Box>\n  );\n};\n\nexport default DialogHeader;\n"],"names":["React"],"mappings":"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"}

package/dist/objects/ApiaUtil/index.d.ts

@@ -11,7 +11,7 @@ import { ApiaUtilMouse } from './mouse/ApiaUtilMouse.js';
 declare class ApiaUtil {
     #private;
     static get instance(): ApiaUtil;
-    private constructor();
+    constructor();
     dialogs: ApiaUtilDialogs;
     menu: ApiaUtilMenu;
     modals: ApiaUtilModals;

package/dist/objects/ApiaUtil/index.js

@@ -52,18 +52,31 @@ const _ApiaUtil = class _ApiaUtil {
         /* @__PURE__ */ jsx(this.menu.Component, {})
       ] });
     });
-    this.dialogs = new ApiaUtilDialogs();
-    this.menu = new ApiaUtilMenu();
-    this.modals = new ApiaUtilModals();
-    this.mouse = new ApiaUtilMouse();
-    this.notifications = new ApiaUtilNotifications();
-    this.parsers = new ApiaUtilParsers();
-    this.tabs = new ApiaUtilTabsController();
-    this.tooltips = new ApiaUtilTooltips();
+    if (void 0 === __privateGet(_ApiaUtil, _instance)) {
+      __privateSet(_ApiaUtil, _instance, this);
+      this.dialogs = new ApiaUtilDialogs();
+      this.menu = new ApiaUtilMenu();
+      this.modals = new ApiaUtilModals();
+      this.mouse = new ApiaUtilMouse();
+      this.notifications = new ApiaUtilNotifications();
+      this.parsers = new ApiaUtilParsers();
+      this.tabs = new ApiaUtilTabsController();
+      this.tooltips = new ApiaUtilTooltips();
+    } else {
+      this.dialogs = __privateGet(_ApiaUtil, _instance).dialogs;
+      this.menu = __privateGet(_ApiaUtil, _instance).menu;
+      this.modals = __privateGet(_ApiaUtil, _instance).modals;
+      this.mouse = __privateGet(_ApiaUtil, _instance).mouse;
+      this.notifications = __privateGet(_ApiaUtil, _instance).notifications;
+      this.parsers = __privateGet(_ApiaUtil, _instance).parsers;
+      this.tabs = __privateGet(_ApiaUtil, _instance).tabs;
+      this.tooltips = __privateGet(_ApiaUtil, _instance).tooltips;
+    }
+    return __privateGet(_ApiaUtil, _instance);
   }
   static get instance() {
     if (!__privateGet(this, _instance)) {
-      __privateSet(this, _instance, new _ApiaUtil());
+      new _ApiaUtil();
     }
     return __privateGet(this, _instance);
   }

package/dist/objects/ApiaUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/objects/ApiaUtil/index.tsx"],"sourcesContent":["import { ApiaUtilModals } from './modals/ApiaUtilModals';\nimport { ApiaUtilNotifications } from './notifications/ApiaUtilNotifications';\nimport { ApiaUtilTabsController } from './tabs/ApiaUtilTabsController';\nimport { ApiaUtilDialogs } from './dialogs/ApiaUtilDialogs';\nimport { ApiaUtilParsers } from './parsers/ApiaUtilParsers';\nimport { ApiaUtilTooltips } from './tooltips/ApiaUtilTooltips';\nimport { ApiaUtilMenu } from './menu/ApiaUtilMenu';\nimport { ApiaUtilMouse } from './mouse/ApiaUtilMouse';\n\nexport class ApiaUtil {\n  static #instance: ApiaUtil;\n  public static get instance() {\n    if (!this.#instance) {\n      this.#instance = new ApiaUtil();\n    }\n\n    return this.#instance;\n  }\n\n  private constructor() {\n    this.dialogs = new ApiaUtilDialogs();\n    this.menu = new ApiaUtilMenu();\n    this.modals = new ApiaUtilModals();\n    this.mouse = new ApiaUtilMouse();\n    this.notifications = new ApiaUtilNotifications();\n    this.parsers = new ApiaUtilParsers();\n    this.tabs = new ApiaUtilTabsController();\n    this.tooltips = new ApiaUtilTooltips();\n  }\n\n  dialogs: ApiaUtilDialogs;\n  menu: ApiaUtilMenu;\n  modals: ApiaUtilModals;\n  mouse: ApiaUtilMouse;\n  notifications: ApiaUtilNotifications;\n  parsers: ApiaUtilParsers;\n  tabs: ApiaUtilTabsController;\n  tooltips: ApiaUtilTooltips;\n\n  Component = () => {\n    return (\n      <>\n        <this.dialogs.Component />\n        <this.modals.Component />\n        <this.notifications.Component />\n        <this.tooltips.Component />\n        <this.menu.Component />\n      </>\n    );\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA;AASO,MAAM,SAAA,GAAN,MAAM,SAAS,CAAA;AAAA,EAUZ,WAAc,GAAA;AAWtB,IAAA,aAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,eAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA;AAEA,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAY,MAAM;AAChB,MAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,CAAK,OAAQ,CAAA,SAAA,EAAb,EAAuB,CAAA;AAAA,wBACvB,GAAA,CAAA,IAAA,CAAK,MAAO,CAAA,SAAA,EAAZ,EAAsB,CAAA;AAAA,wBACtB,GAAA,CAAA,IAAA,CAAK,aAAc,CAAA,SAAA,EAAnB,EAA6B,CAAA;AAAA,wBAC7B,GAAA,CAAA,IAAA,CAAK,QAAS,CAAA,SAAA,EAAd,EAAwB,CAAA;AAAA,wBACxB,GAAA,CAAA,IAAA,CAAK,IAAK,CAAA,SAAA,EAAV,EAAoB,CAAA;AAAA,OACvB,EAAA,CAAA,CAAA;AAAA,KAEJ,CAAA,CAAA;AA7BE,IAAK,IAAA,CAAA,OAAA,GAAU,IAAI,eAAgB,EAAA,CAAA;AACnC,IAAK,IAAA,CAAA,IAAA,GAAO,IAAI,YAAa,EAAA,CAAA;AAC7B,IAAK,IAAA,CAAA,MAAA,GAAS,IAAI,cAAe,EAAA,CAAA;AACjC,IAAK,IAAA,CAAA,KAAA,GAAQ,IAAI,aAAc,EAAA,CAAA;AAC/B,IAAK,IAAA,CAAA,aAAA,GAAgB,IAAI,qBAAsB,EAAA,CAAA;AAC/C,IAAK,IAAA,CAAA,OAAA,GAAU,IAAI,eAAgB,EAAA,CAAA;AACnC,IAAK,IAAA,CAAA,IAAA,GAAO,IAAI,sBAAuB,EAAA,CAAA;AACvC,IAAK,IAAA,CAAA,QAAA,GAAW,IAAI,gBAAiB,EAAA,CAAA;AAAA,GACvC;AAAA,EAjBA,WAAkB,QAAW,GAAA;AAC3B,IAAI,IAAA,CAAC,mBAAK,SAAW,CAAA,EAAA;AACnB,MAAK,YAAA,CAAA,IAAA,EAAA,SAAA,EAAY,IAAI,SAAS,EAAA,CAAA,CAAA;AAAA,KAChC;AAEA,IAAA,OAAO,YAAK,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GACd;AAiCF,CAAA,CAAA;AAxCS,SAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAAP,YAAA,CADW,WACJ,SAAP,EAAA,KAAA,CAAA,CAAA,CAAA;AADK,IAAM,QAAN,GAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/objects/ApiaUtil/index.tsx"],"sourcesContent":["import { ApiaUtilModals } from './modals/ApiaUtilModals';\nimport { ApiaUtilNotifications } from './notifications/ApiaUtilNotifications';\nimport { ApiaUtilTabsController } from './tabs/ApiaUtilTabsController';\nimport { ApiaUtilDialogs } from './dialogs/ApiaUtilDialogs';\nimport { ApiaUtilParsers } from './parsers/ApiaUtilParsers';\nimport { ApiaUtilTooltips } from './tooltips/ApiaUtilTooltips';\nimport { ApiaUtilMenu } from './menu/ApiaUtilMenu';\nimport { ApiaUtilMouse } from './mouse/ApiaUtilMouse';\n\nexport class ApiaUtil {\n  static #instance: ApiaUtil;\n  public static get instance() {\n    if (!this.#instance) {\n      new ApiaUtil();\n    }\n\n    return this.#instance;\n  }\n\n  constructor() {\n    if (undefined === ApiaUtil.#instance) {\n      ApiaUtil.#instance = this;\n      this.dialogs = new ApiaUtilDialogs();\n      this.menu = new ApiaUtilMenu();\n      this.modals = new ApiaUtilModals();\n      this.mouse = new ApiaUtilMouse();\n      this.notifications = new ApiaUtilNotifications();\n      this.parsers = new ApiaUtilParsers();\n      this.tabs = new ApiaUtilTabsController();\n      this.tooltips = new ApiaUtilTooltips();\n    } else {\n      this.dialogs = ApiaUtil.#instance.dialogs;\n      this.menu = ApiaUtil.#instance.menu;\n      this.modals = ApiaUtil.#instance.modals;\n      this.mouse = ApiaUtil.#instance.mouse;\n      this.notifications = ApiaUtil.#instance.notifications;\n      this.parsers = ApiaUtil.#instance.parsers;\n      this.tabs = ApiaUtil.#instance.tabs;\n      this.tooltips = ApiaUtil.#instance.tooltips;\n    }\n\n    return ApiaUtil.#instance;\n  }\n\n  dialogs: ApiaUtilDialogs;\n  menu: ApiaUtilMenu;\n  modals: ApiaUtilModals;\n  mouse: ApiaUtilMouse;\n  notifications: ApiaUtilNotifications;\n  parsers: ApiaUtilParsers;\n  tabs: ApiaUtilTabsController;\n  tooltips: ApiaUtilTooltips;\n\n  Component = () => {\n    return (\n      <>\n        <this.dialogs.Component />\n        <this.modals.Component />\n        <this.notifications.Component />\n        <this.tooltips.Component />\n        <this.menu.Component />\n      </>\n    );\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts

@@ -11,7 +11,6 @@ type TMenuItem = (MenuItemProps & {
 type TMenuItems = TMenuItem[];
 declare class ApiaUtilMenu {
     #private;
-    menuProps: ControlledMenuProps | null;
     close: () => void;
     open: ({ menuProps, items, }: {
         menuProps: ControlledMenuProps;

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js

@@ -36,7 +36,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return __privateGet(obj, member, getter);
   }
 });
-var _emitter, _items, _hooks, _maxId, _RenderMenu;
+var _emitter, _items, _menuProps, _hooks, _maxId, _RenderMenu;
 function isSubmenu(item) {
   return Array.isArray(item.items);
 }
@@ -44,7 +44,7 @@ class ApiaUtilMenu {
   constructor() {
     __privateAdd(this, _emitter, new EventEmitter());
     __privateAdd(this, _items, []);
-    __publicField(this, "menuProps", null);
+    __privateAdd(this, _menuProps, null);
     __privateAdd(this, _hooks, {
       useIsOpen: () => {
         const [isOpen, setIsOpen] = useState(false);
@@ -67,7 +67,7 @@ class ApiaUtilMenu {
       items
     }) => {
       __privateSet(this, _items, items);
-      this.menuProps = menuProps;
+      __privateSet(this, _menuProps, menuProps);
       __privateGet(this, _emitter).emit("toggle", true);
     });
     __privateAdd(this, _maxId, 0);
@@ -88,12 +88,9 @@ class ApiaUtilMenu {
       return /* @__PURE__ */ jsx(
         ControlledMenu,
         {
-          ...this.menuProps,
+          ...__privateGet(this, _menuProps),
           state: isOpen ? "open" : "closed",
-          onClose: (ev) => {
-            close();
-            this.menuProps?.onClose?.(ev);
-          },
+          onClose: close,
           children: __privateGet(this, _RenderMenu).call(this, { label: "", items: __privateGet(this, _items) })
         }
       );
@@ -102,6 +99,7 @@ class ApiaUtilMenu {
 }
 _emitter = new WeakMap();
 _items = new WeakMap();
+_menuProps = new WeakMap();
 _hooks = new WeakMap();
 _maxId = new WeakMap();
 _RenderMenu = new WeakMap();

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiaUtilMenu.js","sources":["../../../../src/objects/ApiaUtil/menu/ApiaUtilMenu.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\nimport {\n  ControlledMenu,\n  MenuItem,\n  MenuItemProps,\n  ControlledMenuProps,\n  MenuDivider,\n  SubMenu,\n} from '@szhsin/react-menu';\nimport { useCallback, useState } from 'react';\n\nexport type TSubmenu = { label: string; items: TMenuItems };\n\nexport type TMenuItem =\n  | (MenuItemProps & { key: string })\n  | 'separator'\n  | TSubmenu;\n\nexport type TMenuItems = TMenuItem[];\n\nfunction isSubmenu(item: TMenuItem): item is TSubmenu {\n  return Array.isArray((item as TSubmenu).items);\n}\n\nexport class ApiaUtilMenu {\n  #emitter = new EventEmitter<{ toggle: boolean }>();\n  #items: TMenuItems = [];\n  menuProps: ControlledMenuProps | null = null;\n\n  #hooks = {\n    useIsOpen: (): [boolean, () => void] => {\n      const [isOpen, setIsOpen] = useState(false);\n\n      useMount(() => {\n        return this.#emitter.on('toggle', setIsOpen);\n      });\n\n      return [\n        isOpen,\n        useCallback(() => {\n          setIsOpen(false);\n        }, []),\n      ];\n    },\n  };\n\n  close = () => {\n    this.#emitter.emit('toggle', false);\n  };\n\n  open = ({\n    menuProps,\n    items,\n  }: {\n    menuProps: ControlledMenuProps;\n    items: TMenuItems;\n  }) => {\n    this.#items = items;\n    this.menuProps = menuProps;\n\n    this.#emitter.emit('toggle', true);\n  };\n\n  #maxId = 0;\n\n  #RenderMenu = (submenu: TSubmenu) => {\n    return (\n      <>\n        {submenu.items.map((current, i) => {\n          if (current === 'separator')\n            return <MenuDivider key={`separator${i}`} />;\n\n          if (isSubmenu(current)) {\n            return (\n              <SubMenu label={current.label} key={`submenu${this.#maxId++}`}>\n                {this.#RenderMenu(current)}\n              </SubMenu>\n            );\n          }\n\n          return <MenuItem {...current} key={current.key} />;\n        })}\n      </>\n    );\n  };\n\n  Component = () => {\n    const [isOpen, close] = this.#hooks.useIsOpen();\n\n    if (!isOpen) return null;\n\n    return (\n      <ControlledMenu\n        {...this.menuProps}\n        state={isOpen ? 'open' : 'closed'}\n        onClose={(ev) => {\n          close();\n          this.menuProps?.onClose?.(ev);\n        }}\n      >\n        {this.#RenderMenu({ label: '', items: this.#items })}\n      </ControlledMenu>\n    );\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApiaUtilMenu.js","sources":["../../../../src/objects/ApiaUtil/menu/ApiaUtilMenu.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\nimport {\n  ControlledMenu,\n  MenuItem,\n  MenuItemProps,\n  ControlledMenuProps,\n  MenuDivider,\n  SubMenu,\n} from '@szhsin/react-menu';\nimport { useCallback, useState } from 'react';\n\nexport type TSubmenu = { label: string; items: TMenuItems };\n\nexport type TMenuItem =\n  | (MenuItemProps & { key: string })\n  | 'separator'\n  | TSubmenu;\n\nexport type TMenuItems = TMenuItem[];\n\nfunction isSubmenu(item: TMenuItem): item is TSubmenu {\n  return Array.isArray((item as TSubmenu).items);\n}\n\nexport class ApiaUtilMenu {\n  #emitter = new EventEmitter<{ toggle: boolean }>();\n  #items: TMenuItems = [];\n  #menuProps: ControlledMenuProps | null = null;\n\n  #hooks = {\n    useIsOpen: (): [boolean, () => void] => {\n      const [isOpen, setIsOpen] = useState(false);\n\n      useMount(() => {\n        return this.#emitter.on('toggle', setIsOpen);\n      });\n\n      return [\n        isOpen,\n        useCallback(() => {\n          setIsOpen(false);\n        }, []),\n      ];\n    },\n  };\n\n  close = () => {\n    this.#emitter.emit('toggle', false);\n  };\n\n  open = ({\n    menuProps,\n    items,\n  }: {\n    menuProps: ControlledMenuProps;\n    items: TMenuItems;\n  }) => {\n    this.#items = items;\n    this.#menuProps = menuProps;\n\n    this.#emitter.emit('toggle', true);\n  };\n\n  #maxId = 0;\n\n  #RenderMenu = (submenu: TSubmenu) => {\n    return (\n      <>\n        {submenu.items.map((current, i) => {\n          if (current === 'separator')\n            return <MenuDivider key={`separator${i}`} />;\n\n          if (isSubmenu(current)) {\n            return (\n              <SubMenu label={current.label} key={`submenu${this.#maxId++}`}>\n                {this.#RenderMenu(current)}\n              </SubMenu>\n            );\n          }\n\n          return <MenuItem {...current} key={current.key} />;\n        })}\n      </>\n    );\n  };\n\n  Component = () => {\n    const [isOpen, close] = this.#hooks.useIsOpen();\n\n    if (!isOpen) return null;\n\n    return (\n      <ControlledMenu\n        {...this.#menuProps}\n        state={isOpen ? 'open' : 'closed'}\n        onClose={close}\n      >\n        {this.#RenderMenu({ label: '', items: this.#items })}\n      </ControlledMenu>\n    );\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiaUtilModals.js","sources":["../../../../src/objects/ApiaUtil/modals/ApiaUtilModals.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\nimport { useState } from 'react';\nimport { OpenModal, TOpenModal } from './OpenModal';\n\nexport class ApiaUtilModalHandler {\n  constructor(\n    private id: string,\n    public close: () => void,\n  ) {}\n}\n\nexport class ApiaUtilModals {\n  #emitter = new EventEmitter<{\n    close: string;\n    closeAll: boolean;\n    open: TOpenModal;\n  }>();\n  #maxId = 0;\n\n  constructor() {\n    document.addEventListener('openModal', (event) => {\n      const cevent = event as CustomEvent;\n\n      this.open(cevent.detail as TOpenModal);\n    });\n  }\n\n  open(props: TOpenModal) {\n    const id = props.id ?? `modal_${this.#maxId++}`;\n\n    this.#emitter.emit('open', { ...props, id });\n\n    return new ApiaUtilModalHandler(id, () => {\n      this.#emitter.emit('close', id);\n    });\n  }\n\n  #useModalsList = () => {\n    const [modals, setModals] = useState<(TOpenModal & { isOpen: boolean })[]>(\n      [],\n    );\n\n    useMount(() => {\n      const u1 = this.#emitter.on('open', (ev) => {\n        setModals((current) => [\n          ...current,\n          {\n            ...ev,\n            isOpen: true,\n            onExited: () => {\n              ev.onExited?.();\n              setModals((current) =>\n                current.filter((modal) => modal.id !== ev.id),\n              );\n            },\n          },\n        ]);\n      });\n      const u2 = this.#emitter.on('closeAll', () => {\n        setModals((current) =>\n          current.map((modal) => ({ ...modal, isOpen: false })),\n        );\n      });\n      const u3 = this.#emitter.on('close', (modalId) => {\n        setModals((current) =>\n          current.map((modal) =>\n            modal.id === modalId ? { ...modal, isOpen: false } : modal,\n          ),\n        );\n      });\n\n      return () => {\n        u1();\n        u2();\n        u3();\n      };\n    });\n\n    return modals;\n  };\n\n  Component = () => {\n    const modals = this.#useModalsList();\n\n    return (\n      <>\n        {modals.map((current) => (\n          <OpenModal key={current.id} {...current} />\n        ))}\n      </>\n    );\n  };\n}\n"],"names":["current"],"mappings":"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"}
+{"version":3,"file":"ApiaUtilModals.js","sources":["../../../../src/objects/ApiaUtil/modals/ApiaUtilModals.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\nimport { useState } from 'react';\nimport { OpenModal, TOpenModal } from './OpenModal';\n\nexport class ApiaUtilModalHandler {\n  constructor(private id: string, public close: () => void) {}\n}\n\nexport class ApiaUtilModals {\n  #emitter = new EventEmitter<{\n    close: string;\n    closeAll: boolean;\n    open: TOpenModal;\n  }>();\n  #maxId = 0;\n\n  constructor() {\n    document.addEventListener('openModal', (event) => {\n      const cevent = event as CustomEvent;\n\n      this.open(cevent.detail as TOpenModal);\n    });\n  }\n\n  open(props: TOpenModal) {\n    const id = props.id ?? `modal_${this.#maxId++}`;\n\n    this.#emitter.emit('open', { ...props, id });\n\n    return new ApiaUtilModalHandler(id, () => {\n      this.#emitter.emit('close', id);\n    });\n  }\n\n  #useModalsList = () => {\n    const [modals, setModals] = useState<(TOpenModal & { isOpen: boolean })[]>(\n      [],\n    );\n\n    useMount(() => {\n      const u1 = this.#emitter.on('open', (ev) => {\n        setModals((current) => [\n          ...current,\n          {\n            ...ev,\n            isOpen: true,\n            onExited: () => {\n              ev.onExited?.();\n              setModals((current) =>\n                current.filter((modal) => modal.id !== ev.id),\n              );\n            },\n          },\n        ]);\n      });\n      const u2 = this.#emitter.on('closeAll', () => {\n        setModals((current) =>\n          current.map((modal) => ({ ...modal, isOpen: false })),\n        );\n      });\n      const u3 = this.#emitter.on('close', (modalId) => {\n        setModals((current) =>\n          current.map((modal) =>\n            modal.id === modalId ? { ...modal, isOpen: false } : modal,\n          ),\n        );\n      });\n\n      return () => {\n        u1();\n        u2();\n        u3();\n      };\n    });\n\n    return modals;\n  };\n\n  Component = () => {\n    const modals = this.#useModalsList();\n\n    return (\n      <>\n        {modals.map((current) => (\n          <OpenModal key={current.id} {...current} />\n        ))}\n      </>\n    );\n  };\n}\n"],"names":["current"],"mappings":"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"}

package/dist/objects/ApiaUtil/modals/OpenModal.d.ts

@@ -1,6 +1,6 @@
 import { TModal } from '../../../components/modals/Modal.js';
 
-type TOpenModal = Pick<TModal, 'NavBar' | 'Portal' | 'children' | 'className' | 'hideCloseButton' | 'initialFocusGetter' | 'initialFocusConfiguration' | 'maxWidth' | 'noHeader' | 'onExited' | 'shouldCloseOnEsc' | 'shouldCloseOnOverlayClick' | 'size' | 'stretch' | 'title' | 'variant' | 'draggable' | 'onClose' | 'onDragStart'> & {
+type TOpenModal = Pick<TModal, 'NavBar' | 'Portal' | 'children' | 'className' | 'hideCloseButton' | 'initialFocusGetter' | 'initialFocusConfiguration' | 'maxWidth' | 'noHeader' | 'onExited' | 'shouldCloseOnEsc' | 'shouldCloseOnOverlayClick' | 'size' | 'stretch' | 'title' | 'variant'> & {
     id?: string;
 };
 

package/dist/objects/ApiaUtil/modals/OpenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenModal.js","sources":["../../../../src/objects/ApiaUtil/modals/OpenModal.tsx"],"sourcesContent":["import { usePrevious } from '@apia/util';\nimport { useModal } from '../../../components/modals/hooks/useModal';\nimport { Modal, TModal } from '../../../components/modals/Modal';\n\nexport type TOpenModal = Pick<\n  TModal,\n  | 'NavBar'\n  | 'Portal'\n  | 'children'\n  | 'className'\n  | 'hideCloseButton'\n  | 'initialFocusGetter'\n  | 'initialFocusConfiguration'\n  | 'maxWidth'\n  | 'noHeader'\n  | 'onExited'\n  | 'shouldCloseOnEsc'\n  | 'shouldCloseOnOverlayClick'\n  | 'size'\n  | 'stretch'\n  | 'title'\n  | 'variant'\n  | 'draggable'\n  | 'onClose'\n  | 'onDragStart'\n> & { id?: string };\n\nexport const OpenModal = (props: TOpenModal & { isOpen: boolean }) => {\n  const modalProps = useModal({\n    isDefaultOpen: true,\n    onExited: props.onExited,\n  });\n\n  const previousOpenProp = usePrevious(props.isOpen);\n  if (previousOpenProp.current !== props.isOpen && !props.isOpen) {\n    modalProps.hide();\n  }\n\n  return <Modal {...props} {...modalProps} />;\n};\n"],"names":[],"mappings":";;;;;AA2Ba,MAAA,SAAA,GAAY,CAAC,KAA4C,KAAA;AACpE,EAAA,MAAM,aAAa,QAAS,CAAA;AAAA,IAC1B,aAAe,EAAA,IAAA;AAAA,IACf,UAAU,KAAM,CAAA,QAAA;AAAA,GACjB,CAAA,CAAA;AAED,EAAM,MAAA,gBAAA,GAAmB,WAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AACjD,EAAA,IAAI,iBAAiB,OAAY,KAAA,KAAA,CAAM,MAAU,IAAA,CAAC,MAAM,MAAQ,EAAA;AAC9D,IAAA,UAAA,CAAW,IAAK,EAAA,CAAA;AAAA,GAClB;AAEA,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,KAAA,EAAQ,GAAG,UAAY,EAAA,CAAA,CAAA;AAC3C;;;;"}
+{"version":3,"file":"OpenModal.js","sources":["../../../../src/objects/ApiaUtil/modals/OpenModal.tsx"],"sourcesContent":["import { usePrevious } from '@apia/util';\nimport { useModal } from '../../../components/modals/hooks/useModal';\nimport { Modal, TModal } from '../../../components/modals/Modal';\n\nexport type TOpenModal = Pick<\n  TModal,\n  | 'NavBar'\n  | 'Portal'\n  | 'children'\n  | 'className'\n  | 'hideCloseButton'\n  | 'initialFocusGetter'\n  | 'initialFocusConfiguration'\n  | 'maxWidth'\n  | 'noHeader'\n  | 'onExited'\n  | 'shouldCloseOnEsc'\n  | 'shouldCloseOnOverlayClick'\n  | 'size'\n  | 'stretch'\n  | 'title'\n  | 'variant'\n> & { id?: string };\n\nexport const OpenModal = (props: TOpenModal & { isOpen: boolean }) => {\n  const modalProps = useModal({\n    isDefaultOpen: true,\n    onExited: props.onExited,\n  });\n\n  const previousOpenProp = usePrevious(props.isOpen);\n  if (previousOpenProp.current !== props.isOpen && !props.isOpen) {\n    modalProps.hide();\n  }\n\n  return <Modal {...props} {...modalProps} />;\n};\n"],"names":[],"mappings":";;;;;AAwBa,MAAA,SAAA,GAAY,CAAC,KAA4C,KAAA;AACpE,EAAA,MAAM,aAAa,QAAS,CAAA;AAAA,IAC1B,aAAe,EAAA,IAAA;AAAA,IACf,UAAU,KAAM,CAAA,QAAA;AAAA,GACjB,CAAA,CAAA;AAED,EAAM,MAAA,gBAAA,GAAmB,WAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AACjD,EAAA,IAAI,iBAAiB,OAAY,KAAA,KAAA,CAAM,MAAU,IAAA,CAAC,MAAM,MAAQ,EAAA;AAC9D,IAAA,UAAA,CAAW,IAAK,EAAA,CAAA;AAAA,GAClB;AAEA,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,KAAA,EAAQ,GAAG,UAAY,EAAA,CAAA,CAAA;AAC3C;;;;"}

package/dist/tabs/tabsController.js

@@ -55,7 +55,7 @@ class TabsController {
    */
   append(tab) {
     if (this.propsStore.getFieldProps(tab.id)) {
-      void ApiaUtil.instance.dialogs.confirm({
+      void new ApiaUtil().dialogs.confirm({
         children: getLabel("msgTabIsOpen").text,
         title: getLabel("titMsgWarning").text
       }).then((hasConfirmed) => {
@@ -114,7 +114,7 @@ class TabsController {
       const canClose = await onBeforeClose();
       const message = canClose === false ? getLabel("msgPerDatIng").text : canClose;
       if (message !== true && !force) {
-        const hasConfirmed = await ApiaUtil.instance.dialogs.confirm({
+        const hasConfirmed = await new ApiaUtil().dialogs.confirm({
           children: message,
           title: getLabel("lbl_atention").text
         });