@apia/components 2.0.10 → 2.0.12

package/dist/components/SortableList/SortableListHandler.js

@@ -24,7 +24,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _emitter, _items, _moveItem;

package/dist/components/Toolbar/ToolbarIconButton.js

@@ -81,12 +81,12 @@ const ToolbarIconButton = ({
       if (context.itemsState[id].toggled !== void 0) {
         setInnerIsToggled(!!context.itemsState[id].toggled);
       }
-    } else
+    } else {
       context.itemsState[id] = {
         disabled: isDisabled,
-        toggled: innerIsToggled,
-        ...context.itemsState[id]
+        toggled: innerIsToggled
       };
+    }
   });
   return /* @__PURE__ */ jsx(
     IconButton,

package/dist/components/Toolbar/ToolbarIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarIconButton.js","sources":["../../../src/components/Toolbar/ToolbarIconButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { useToolbarControllerContext } from './ToolbarController';\r\nimport { TToolbarIconButton } from './types';\r\nimport { useMount, usePrevious } from '@apia/util';\r\nimport { IconButton } from '../forms';\r\n\r\nexport const ToolbarIconButton = ({\r\n  id,\r\n  action,\r\n  allowToggle,\r\n  defaultToggled,\r\n  disabled,\r\n  icon,\r\n  iconSize,\r\n  isLoading: outerIsLoading,\r\n  title,\r\n  toggled: toggledProp,\r\n}: TToolbarIconButton) => {\r\n  const [innerIsToggled, setInnerIsToggled] = useState<boolean>(\r\n    toggledProp ?? (allowToggle ? defaultToggled ?? false : false),\r\n  );\r\n  const [isDisabled, setIsDisabled] = useState(!!disabled);\r\n  const context = useToolbarControllerContext();\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  const previousIsLoading = usePrevious(outerIsLoading);\r\n  if (previousIsLoading.current !== outerIsLoading)\r\n    setIsLoading(!!outerIsLoading);\r\n\r\n  const lastDisabledProp = usePrevious(disabled);\r\n  if (lastDisabledProp.current !== disabled) {\r\n    setIsDisabled(!!disabled);\r\n  }\r\n\r\n  /**\r\n   * Si la prop toggled cambia y no está undefined, se debe actualizar el\r\n   * estado interno.\r\n   */\r\n  const lastToggledProp = useRef<boolean | undefined>(toggledProp);\r\n  if (\r\n    toggledProp !== undefined &&\r\n    innerIsToggled !== toggledProp &&\r\n    lastToggledProp.current !== toggledProp\r\n  ) {\r\n    lastToggledProp.current = toggledProp;\r\n    setInnerIsToggled(toggledProp);\r\n  }\r\n\r\n  const handleClick = useCallback(async () => {\r\n    setIsLoading(true);\r\n    try {\r\n      if (lastToggledProp.current !== undefined) {\r\n        await action(\r\n          { isToggled: !lastToggledProp.current, isLoading },\r\n          context,\r\n        );\r\n      } else if (allowToggle) {\r\n        let isToggled = false;\r\n        setInnerIsToggled((current) => {\r\n          isToggled = !current;\r\n          return isToggled;\r\n        });\r\n        await action({ isToggled, isLoading }, context);\r\n      } else {\r\n        await action({ isToggled: false, isLoading }, context);\r\n      }\r\n    } catch (e) {\r\n      console.error(e);\r\n    }\r\n    setIsLoading(false);\r\n  }, [action, allowToggle, context, isLoading]);\r\n\r\n  /**\r\n   * Se maneja el uso de teclado para hacer click sobre el elemento\r\n   */\r\n  useEffect(() => {\r\n    const unsuscribe1 = context.on('updateItemState', (evId) => {\r\n      if (evId === id) {\r\n        setInnerIsToggled(!!context.itemsState[evId].toggled);\r\n        setIsDisabled(!!context.itemsState[evId].disabled);\r\n      }\r\n    });\r\n    const unsuscribe2 = context.on('pressEnter', (evId) => {\r\n      if (evId === id) void handleClick();\r\n    });\r\n\r\n    return () => {\r\n      unsuscribe1();\r\n      unsuscribe2();\r\n    };\r\n  }, [context, id, handleClick]);\r\n\r\n  useMount(() => {\r\n    if (context.itemsState[id]) {\r\n      if (context.itemsState[id].disabled !== undefined) {\r\n        setIsDisabled(!!context.itemsState[id].disabled);\r\n      }\r\n      if (context.itemsState[id].toggled !== undefined) {\r\n        setInnerIsToggled(!!context.itemsState[id].toggled);\r\n      }\r\n    } else\r\n      context.itemsState[id] = {\r\n        disabled: isDisabled,\r\n        toggled: innerIsToggled,\r\n        ...context.itemsState[id],\r\n      };\r\n  });\r\n\r\n  return (\r\n    <IconButton\r\n      className={`toolbar__button ${innerIsToggled ? 'toggled' : ''}`}\r\n      size={iconSize ?? 'Md'}\r\n      icon={icon}\r\n      onClick={handleClick}\r\n      data-id={id}\r\n      title={title}\r\n      disabled={isDisabled}\r\n      variant=\"icon-outline\"\r\n      isLoading={isLoading}\r\n    />\r\n  );\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarIconButton.js","sources":["../../../src/components/Toolbar/ToolbarIconButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { useToolbarControllerContext } from './ToolbarController';\r\nimport { TToolbarIconButton } from './types';\r\nimport { useMount, usePrevious } from '@apia/util';\r\nimport { IconButton } from '../forms';\r\n\r\nexport const ToolbarIconButton = ({\r\n  id,\r\n  action,\r\n  allowToggle,\r\n  defaultToggled,\r\n  disabled,\r\n  icon,\r\n  iconSize,\r\n  isLoading: outerIsLoading,\r\n  title,\r\n  toggled: toggledProp,\r\n}: TToolbarIconButton) => {\r\n  const [innerIsToggled, setInnerIsToggled] = useState<boolean>(\r\n    toggledProp ?? (allowToggle ? defaultToggled ?? false : false),\r\n  );\r\n  const [isDisabled, setIsDisabled] = useState(!!disabled);\r\n  const context = useToolbarControllerContext();\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  const previousIsLoading = usePrevious(outerIsLoading);\r\n  if (previousIsLoading.current !== outerIsLoading)\r\n    setIsLoading(!!outerIsLoading);\r\n\r\n  const lastDisabledProp = usePrevious(disabled);\r\n  if (lastDisabledProp.current !== disabled) {\r\n    setIsDisabled(!!disabled);\r\n  }\r\n\r\n  /**\r\n   * Si la prop toggled cambia y no está undefined, se debe actualizar el\r\n   * estado interno.\r\n   */\r\n  const lastToggledProp = useRef<boolean | undefined>(toggledProp);\r\n  if (\r\n    toggledProp !== undefined &&\r\n    innerIsToggled !== toggledProp &&\r\n    lastToggledProp.current !== toggledProp\r\n  ) {\r\n    lastToggledProp.current = toggledProp;\r\n    setInnerIsToggled(toggledProp);\r\n  }\r\n\r\n  const handleClick = useCallback(async () => {\r\n    setIsLoading(true);\r\n    try {\r\n      if (lastToggledProp.current !== undefined) {\r\n        await action(\r\n          { isToggled: !lastToggledProp.current, isLoading },\r\n          context,\r\n        );\r\n      } else if (allowToggle) {\r\n        let isToggled = false;\r\n        setInnerIsToggled((current) => {\r\n          isToggled = !current;\r\n          return isToggled;\r\n        });\r\n        await action({ isToggled, isLoading }, context);\r\n      } else {\r\n        await action({ isToggled: false, isLoading }, context);\r\n      }\r\n    } catch (e) {\r\n      console.error(e);\r\n    }\r\n    setIsLoading(false);\r\n  }, [action, allowToggle, context, isLoading]);\r\n\r\n  /**\r\n   * Se maneja el uso de teclado para hacer click sobre el elemento\r\n   */\r\n  useEffect(() => {\r\n    const unsuscribe1 = context.on('updateItemState', (evId) => {\r\n      if (evId === id) {\r\n        setInnerIsToggled(!!context.itemsState[evId].toggled);\r\n        setIsDisabled(!!context.itemsState[evId].disabled);\r\n      }\r\n    });\r\n    const unsuscribe2 = context.on('pressEnter', (evId) => {\r\n      if (evId === id) void handleClick();\r\n    });\r\n\r\n    return () => {\r\n      unsuscribe1();\r\n      unsuscribe2();\r\n    };\r\n  }, [context, id, handleClick]);\r\n\r\n  useMount(() => {\r\n    if (context.itemsState[id]) {\r\n      if (context.itemsState[id].disabled !== undefined) {\r\n        setIsDisabled(!!context.itemsState[id].disabled);\r\n      }\r\n      if (context.itemsState[id].toggled !== undefined) {\r\n        setInnerIsToggled(!!context.itemsState[id].toggled);\r\n      }\r\n    } else {\r\n      context.itemsState[id] = {\r\n        disabled: isDisabled,\r\n        toggled: innerIsToggled,\r\n      };\r\n    }\r\n  });\r\n\r\n  return (\r\n    <IconButton\r\n      className={`toolbar__button ${innerIsToggled ? 'toggled' : ''}`}\r\n      size={iconSize ?? 'Md'}\r\n      icon={icon}\r\n      onClick={handleClick}\r\n      data-id={id}\r\n      title={title}\r\n      disabled={isDisabled}\r\n      variant=\"icon-outline\"\r\n      isLoading={isLoading}\r\n    />\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,oBAAoB,CAAC;AAAA,EAChC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,cAAA;AAAA,EACX,KAAA;AAAA,EACA,OAAS,EAAA,WAAA;AACX,CAA0B,KAAA;AACxB,EAAM,MAAA,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,QAAA;AAAA,IAC1C,WAAA,KAAgB,WAAc,GAAA,cAAA,IAAkB,KAAQ,GAAA,KAAA,CAAA;AAAA,GAC1D,CAAA;AACA,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,IAAI,QAAS,CAAA,CAAC,CAAC,QAAQ,CAAA,CAAA;AACvD,EAAA,MAAM,UAAU,2BAA4B,EAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEhD,EAAM,MAAA,iBAAA,GAAoB,YAAY,cAAc,CAAA,CAAA;AACpD,EAAA,IAAI,kBAAkB,OAAY,KAAA,cAAA;AAChC,IAAa,YAAA,CAAA,CAAC,CAAC,cAAc,CAAA,CAAA;AAE/B,EAAM,MAAA,gBAAA,GAAmB,YAAY,QAAQ,CAAA,CAAA;AAC7C,EAAI,IAAA,gBAAA,CAAiB,YAAY,QAAU,EAAA;AACzC,IAAc,aAAA,CAAA,CAAC,CAAC,QAAQ,CAAA,CAAA;AAAA,GAC1B;AAMA,EAAM,MAAA,eAAA,GAAkB,OAA4B,WAAW,CAAA,CAAA;AAC/D,EAAA,IACE,gBAAgB,KAChB,CAAA,IAAA,cAAA,KAAmB,WACnB,IAAA,eAAA,CAAgB,YAAY,WAC5B,EAAA;AACA,IAAA,eAAA,CAAgB,OAAU,GAAA,WAAA,CAAA;AAC1B,IAAA,iBAAA,CAAkB,WAAW,CAAA,CAAA;AAAA,GAC/B;AAEA,EAAM,MAAA,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,IAAI,IAAA;AACF,MAAI,IAAA,eAAA,CAAgB,YAAY,KAAW,CAAA,EAAA;AACzC,QAAM,MAAA,MAAA;AAAA,UACJ,EAAE,SAAA,EAAW,CAAC,eAAA,CAAgB,SAAS,SAAU,EAAA;AAAA,UACjD,OAAA;AAAA,SACF,CAAA;AAAA,iBACS,WAAa,EAAA;AACtB,QAAA,IAAI,SAAY,GAAA,KAAA,CAAA;AAChB,QAAA,iBAAA,CAAkB,CAAC,OAAY,KAAA;AAC7B,UAAA,SAAA,GAAY,CAAC,OAAA,CAAA;AACb,UAAO,OAAA,SAAA,CAAA;AAAA,SACR,CAAA,CAAA;AACD,QAAA,MAAM,MAAO,CAAA,EAAE,SAAW,EAAA,SAAA,IAAa,OAAO,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAA,MAAM,OAAO,EAAE,SAAA,EAAW,KAAO,EAAA,SAAA,IAAa,OAAO,CAAA,CAAA;AAAA,OACvD;AAAA,aACO,CAAG,EAAA;AACV,MAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AAAA,KACjB;AACA,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KACjB,CAAC,MAAA,EAAQ,WAAa,EAAA,OAAA,EAAS,SAAS,CAAC,CAAA,CAAA;AAK5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAc,GAAA,OAAA,CAAQ,EAAG,CAAA,iBAAA,EAAmB,CAAC,IAAS,KAAA;AAC1D,MAAA,IAAI,SAAS,EAAI,EAAA;AACf,QAAA,iBAAA,CAAkB,CAAC,CAAC,OAAA,CAAQ,UAAW,CAAA,IAAI,EAAE,OAAO,CAAA,CAAA;AACpD,QAAA,aAAA,CAAc,CAAC,CAAC,OAAA,CAAQ,UAAW,CAAA,IAAI,EAAE,QAAQ,CAAA,CAAA;AAAA,OACnD;AAAA,KACD,CAAA,CAAA;AACD,IAAA,MAAM,WAAc,GAAA,OAAA,CAAQ,EAAG,CAAA,YAAA,EAAc,CAAC,IAAS,KAAA;AACrD,MAAA,IAAI,IAAS,KAAA,EAAA;AAAI,QAAA,KAAK,WAAY,EAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAY,WAAA,EAAA,CAAA;AACZ,MAAY,WAAA,EAAA,CAAA;AAAA,KACd,CAAA;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,EAAA,EAAI,WAAW,CAAC,CAAA,CAAA;AAE7B,EAAA,QAAA,CAAS,MAAM;AACb,IAAI,IAAA,OAAA,CAAQ,UAAW,CAAA,EAAE,CAAG,EAAA;AAC1B,MAAA,IAAI,OAAQ,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,aAAa,KAAW,CAAA,EAAA;AACjD,QAAA,aAAA,CAAc,CAAC,CAAC,OAAA,CAAQ,UAAW,CAAA,EAAE,EAAE,QAAQ,CAAA,CAAA;AAAA,OACjD;AACA,MAAA,IAAI,OAAQ,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,YAAY,KAAW,CAAA,EAAA;AAChD,QAAA,iBAAA,CAAkB,CAAC,CAAC,OAAA,CAAQ,UAAW,CAAA,EAAE,EAAE,OAAO,CAAA,CAAA;AAAA,OACpD;AAAA,KACK,MAAA;AACL,MAAQ,OAAA,CAAA,UAAA,CAAW,EAAE,CAAI,GAAA;AAAA,QACvB,QAAU,EAAA,UAAA;AAAA,QACV,OAAS,EAAA,cAAA;AAAA,OACX,CAAA;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA,gBAAA,EAAmB,cAAiB,GAAA,SAAA,GAAY,EAAE,CAAA,CAAA;AAAA,MAC7D,MAAM,QAAY,IAAA,IAAA;AAAA,MAClB,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,SAAS,EAAA,EAAA;AAAA,MACT,KAAA;AAAA,MACA,QAAU,EAAA,UAAA;AAAA,MACV,OAAQ,EAAA,cAAA;AAAA,MACR,SAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/modals/Overlay.js

@@ -2,7 +2,7 @@ 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 ReactFocusLock, { FreeFocusInside } from 'react-focus-lock';
 import { useCombinedRefs } from '@apia/util';
 import { useBodyScrollLock } from '../../hooks/useBodyScrollLock.js';
 
@@ -53,13 +53,9 @@ const Overlay = React.forwardRef(
               ReactFocusLock,
               {
                 autoFocus: shouldAvoidInitialFocusTrap ? false : void 0,
-                returnFocus: false,
+                returnFocus: true,
                 crossFrame: false,
-                disabled: document.activeElement?.classList.contains("filter") && document.activeElement.tagName === "INPUT",
-                whiteList: (el) => {
-                  return !el.closest('[role="menu"]');
-                },
-                children
+                children: /* @__PURE__ */ jsx(FreeFocusInside, { children })
               }
             )
           }

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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, { FreeFocusInside } 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\r\n            crossFrame={false}\r\n          >\r\n            <FreeFocusInside>{children}</FreeFocusInside>\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,WAAW,EAAA,IAAA;AAAA,gBACX,UAAY,EAAA,KAAA;AAAA,gBAEZ,QAAA,kBAAA,GAAA,CAAC,mBAAiB,QAAS,EAAA,CAAA;AAAA,eAAA;AAAA,aAC7B;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/dist/components/modals/WindowModal.js

@@ -9,6 +9,7 @@ import { useInitialFocus } from './hooks/useInitialFocus.js';
 import { useCombinedRefs, addBoundary } from '@apia/util';
 import { useStyleState } from './hooks/useStyleState.js';
 import { uniqueId } from '@apia/notifications';
+import { FreeFocusInside } from 'react-focus-lock';
 
 const WindowModal = forwardRef(
   ({
@@ -117,7 +118,7 @@ const WindowModal = forwardRef(
                 id: `modal__${innerId}`,
                 ...variant ? getVariant(variant) : {},
                 sx: { zIndex: "modal" },
-                children: /* @__PURE__ */ jsxs(
+                children: /* @__PURE__ */ jsx(FreeFocusInside, { children: /* @__PURE__ */ jsxs(
                   Box,
                   {
                     id,
@@ -187,7 +188,10 @@ const WindowModal = forwardRef(
                               "mousemove",
                               handleMouseMove
                             );
-                            document.removeEventListener("mouseup", handleMouseUp);
+                            document.removeEventListener(
+                              "mouseup",
+                              handleMouseUp
+                            );
                           };
                         }
                       },
@@ -215,7 +219,7 @@ const WindowModal = forwardRef(
                       )
                     ]
                   }
-                )
+                ) })
               }
             )
           }

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

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;AAoBO,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,iBAAoB,GAAA,GAAA;AAAA,IACpB,QAAW,GAAA,IAAA;AAAA,IACX,SAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,EAAA;AAAA,IACA,yBAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAS,GAAA,KAAA;AAAA,IACT,QAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,UAAU,MAAM;AAAA,KAAC;AAAA,IACjB,cAAc,MAAM;AAAA,KAAC;AAAA,IACrB,WAAW,MAAM;AAAA,KAAC;AAAA,IAClB,MAAA;AAAA,IACA,gBAAmB,GAAA,IAAA;AAAA,IACnB,IAAO,GAAA,IAAA;AAAA,IACP,KAAQ,GAAA,EAAA;AAAA,IACR,OAAA;AAAA,KAEF,GACG,KAAA;AACH,IAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC5B,MAAO,OAAA,CAAA,KAAA,EAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,KAC3B,EAAG,EAAE,CAAA,CAAA;AACL,IAAM,MAAA,OAAA,GAAU,OAA2B,IAAI,CAAA,CAAA;AAE/C,IAAM,MAAA,SAAA,GAAY,OAAO,KAAK,CAAA,CAAA;AAC9B,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAClD,IAAA,IAAI,SAAU,CAAA,OAAA,KAAY,KAAS,IAAA,UAAA,KAAe,KAAO,EAAA;AACvD,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,KACrB;AACA,IAAA,MAAM,CAAC,WAAA,EAAa,SAAS,CAAA,GAAI,SAAS,MAAM,CAAA,CAAA;AAChD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,SAAA,CAAU,MAAM,CAAA,CAAA;AAAA,KAClB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,IAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACf,MAAQ,OAAA,EAAA,CAAA;AAAA,KACV,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,IAAA,YAAA,CAAa,EAAE,YAAc,EAAA,EAAA,EAAI,OAAS,EAAA,WAAA,EAAa,kBAAkB,CAAA,CAAA;AACzE,IAAgB,eAAA,CAAA;AAAA,MACd,WAAA;AAAA,MACA,yBAAA;AAAA,MACA,kBAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAA;AAAA,MACA,eAAe,OAAQ,CAAA,OAAA;AAAA,KACxB,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC5B,MAAA,OAAO,MAAU,IAAA,QAAA,CAAA;AAAA,KAEnB,EAAG,EAAE,CAAA,CAAA;AAEL,IAAA,MAAM,EAAE,GAAK,EAAA,SAAA,EAAW,UAAU,QAAS,EAAA,GAAI,cAAc,MAAM;AACjE,MAAO,OAAA;AAAA,QACL,QAAU,EAAA,OAAA;AAAA,QACV,GAAI,eAAmB,IAAA;AAAA,UACrB,IAAM,EAAA,KAAA;AAAA,UACN,GAAK,EAAA,KAAA;AAAA,SACP;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAc,OAAO,MAAM;AAAA,KAAE,CAAA,CAAA;AACnC,IAAM,MAAA,eAAA,GAAkB,OAAuB,IAAI,CAAA,CAAA;AACnD,IAAM,MAAA,oBAAA,GAAuB,OAAwC,IAAI,CAAA,CAAA;AACzE,IAAA,MAAM,UAAa,GAAA,eAAA;AAAA,MACjB,OAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,KACF,CAAA;AAEA,IAAA,2BACG,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAa,CAAA,QAAA;AAAA,MAAb;AAAA,QACC,KAAA,EAAO,QAAQ,MAAM;AACnB,UAAO,OAAA;AAAA,YACL,WAAA,EAAa,CAAC,QAAa,KAAA;AACzB,cAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AAAA,aACxB;AAAA,YACA,OAAO,MAAM;AACX,cAAa,YAAA,EAAA,CAAA;AAAA,aACf;AAAA,YACA,aAAA,EAAe,GAAG,OAAO,CAAA,YAAA,CAAA;AAAA,WAC3B,CAAA;AAAA,SACC,EAAA,CAAC,YAAc,EAAA,OAAO,CAAC,CAAA;AAAA,QAE1B,QAAA,kBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA,MAAA;AAAA,YACJ,OAAS,EAAA,iBAAA;AAAA,YACT,UAAW,EAAA,OAAA;AAAA,YACX,MAAM,EAAA,IAAA;AAAA,YACN,aAAa,EAAA,IAAA;AAAA,YACb,OAAA;AAAA,YACA,QAAA;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,GAAK,EAAA,UAAA;AAAA,gBACL,SAAA,EAAW,CAAuC,oCAAA,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,gBACjE,EAAA,EAAI,UAAU,OAAO,CAAA,CAAA;AAAA,gBACpB,GAAI,OAAA,GAAU,UAAW,CAAA,OAAO,IAAI,EAAC;AAAA,gBACtC,EAAA,EAAI,EAAE,MAAA,EAAQ,OAAQ,EAAA;AAAA,gBAEtB,QAAA,kBAAA,IAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,EAAA;AAAA,oBACA,IAAK,EAAA,QAAA;AAAA,oBACL,YAAW,EAAA,MAAA;AAAA,oBACX,YAAY,EAAA,KAAA;AAAA,oBACZ,kBAAA,EAAkB,GAAG,OAAO,CAAA,YAAA,CAAA;AAAA,oBAC5B,aAAY,EAAA,OAAA;AAAA,oBACZ,SAAU,EAAA,aAAA;AAAA,oBAEV,6BAA2B,EAAA,IAAA;AAAA,oBAC3B,EAAA,EAAI,QAAQ,MAAM;AAChB,sBAAO,OAAA;AAAA,wBACL,OAAA,EAAS,wBAAwB,IAAI,CAAA,CAAA;AAAA,wBACrC,GAAI,QAAa,KAAA,KAAA,CAAA,GAAY,EAAE,QAAA,KAAa,EAAC;AAAA,uBAC/C,CAAA;AAAA,qBACC,EAAA,CAAC,QAAU,EAAA,IAAI,CAAC,CAAA;AAAA,oBACnB,cAAA,EAAc,wBAAwB,IAAI,CAAA,CAAA;AAAA,oBAC1C,GAAK,EAAA,WAAA;AAAA,sBACH,CAAC,EAA2B,KAAA;AAC1B,wBAAA,WAAA,CAAY,OAAQ,EAAA,CAAA;AACpB,wBAAA,WAAA,CAAY,UAAU,MAAM;AAAA,yBAAC,CAAA;AAE7B,wBAAA,IAAI,EAAI,EAAA;AACN,0BAAM,MAAA,eAAA,GAAkB,CAAC,EAAmB,KAAA;AAC1C,4BAAM,MAAA,GAAA,GAAM,cAAc,EAAE,CAAA,CAAA;AAC5B,4BAAA,IAAI,GAAQ,KAAA,KAAA;AAAO,8BAAA,OAAA;AAEnB,4BAAM,MAAA,IAAA,GAAO,GAAG,qBAAsB,EAAA,CAAA;AACtC,4BAAA,eAAA,CAAgB,OAAU,GAAA,IAAA,CAAA;AAC1B,4BAAA,oBAAA,CAAqB,OAAU,GAAA;AAAA,8BAC7B,GAAG,EAAG,CAAA,OAAA;AAAA,8BACN,GAAG,EAAG,CAAA,OAAA;AAAA,6BACR,CAAA;AAAA,2BACF,CAAA;AACA,0BAAM,MAAA,eAAA,GAAkB,CAAC,EAAmB,KAAA;AAC1C,4BAAA,IAAI,gBAAgB,OAAS,EAAA;AAC3B,8BAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,8BAAA,MAAM,KACJ,GAAA,EAAA,CAAG,OAAU,GAAA,oBAAA,CAAqB,OAAS,CAAA,CAAA,CAAA;AAC7C,8BAAA,MAAM,KACJ,GAAA,EAAA,CAAG,OAAU,GAAA,oBAAA,CAAqB,OAAS,CAAA,CAAA,CAAA;AAE7C,8BAAA,MAAM,OAAU,GAAA,WAAA;AAAA,gCACd,eAAA,CAAgB,QAAQ,IAAO,GAAA,KAAA;AAAA,gCAC/B,CAAA;AAAA,gCACA,OAAO,UAAa,GAAA,EAAA;AAAA,+BACtB,CAAA;AACA,8BAAA,MAAM,MAAS,GAAA,WAAA;AAAA,gCACb,eAAA,CAAgB,QAAQ,GAAM,GAAA,KAAA;AAAA,gCAC9B,CAAA;AAAA,gCACA,OAAO,WAAc,GAAA,EAAA;AAAA,+BACvB,CAAA;AAEA,8BAAS,QAAA,CAAA;AAAA,gCACP,IAAA,EAAM,GAAG,OAAO,CAAA,EAAA,CAAA;AAAA,gCAChB,GAAA,EAAK,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,gCACd,KAAO,EAAA,OAAA;AAAA,gCACP,MAAQ,EAAA,OAAA;AAAA,+BACT,CAAA,CAAA;AAAA,6BACH;AAAA,2BACF,CAAA;AAEA,0BAAA,MAAM,gBAAgB,MAAM;AAC1B,4BAAA,eAAA,CAAgB,OAAU,GAAA,IAAA,CAAA;AAAA,2BAC5B,CAAA;AAEA,0BAAG,EAAA,CAAA,gBAAA,CAAiB,aAAa,eAAe,CAAA,CAAA;AAChD,0BAAS,QAAA,CAAA,gBAAA,CAAiB,aAAa,eAAe,CAAA,CAAA;AACtD,0BAAS,QAAA,CAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA,CAAA;AAElD,0BAAA,WAAA,CAAY,UAAU,MAAM;AAC1B,4BAAG,EAAA,CAAA,mBAAA,CAAoB,aAAa,eAAe,CAAA,CAAA;AACnD,4BAAS,QAAA,CAAA,mBAAA;AAAA,8BACP,WAAA;AAAA,8BACA,eAAA;AAAA,6BACF,CAAA;AACA,4BAAS,QAAA,CAAA,mBAAA,CAAoB,WAAW,aAAa,CAAA,CAAA;AAAA,2BACvD,CAAA;AAAA,yBACF;AAAA,uBACF;AAAA,sBACA,CAAC,aAAa,QAAQ,CAAA;AAAA,qBACxB;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,CAAC,QACA,oBAAA,GAAA;AAAA,wBAAC,YAAA;AAAA,wBAAA;AAAA,0BACC,SAAU,EAAA,eAAA;AAAA,0BACV,MAAA;AAAA,0BACA,KAAO,EAAA,UAAA;AAAA,0BACP,KAAO,EAAA,YAAA;AAAA,0BACP,eAAA;AAAA,0BACA,EAAA,EAAI,GAAG,OAAO,CAAA,OAAA,CAAA;AAAA,yBAAA;AAAA,uBAChB;AAAA,sCAEF,GAAA;AAAA,wBAAC,GAAA;AAAA,wBAAA;AAAA,0BACC,SAAU,EAAA,gBAAA;AAAA,0BACV,IACE,OAAO,QAAA,KAAa,QAChB,GAAA,CAAA,EAAG,OAAO,CACV,YAAA,CAAA,GAAA,KAAA,CAAA;AAAA,0BAGL,QAAA;AAAA,yBAAA;AAAA,uBACH;AAAA,qBAAA;AAAA,mBAAA;AAAA,iBACF;AAAA,eAAA;AAAA,aACF;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,KAEJ,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"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\nimport { FreeFocusInside } from 'react-focus-lock';\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              <FreeFocusInside>\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(\r\n                            'mouseup',\r\n                            handleMouseUp,\r\n                          );\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              </FreeFocusInside>\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/layout/DialogHeader.js

@@ -111,6 +111,7 @@ const DialogHeader = ({
     }
   );
 };
+var DialogHeader$1 = DialogHeader;
 
-export { DialogHeader as default };
+export { DialogHeader$1 as default };
 //# sourceMappingURL=DialogHeader.js.map

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

package/dist/globalFocus.js

@@ -4,7 +4,7 @@ import isFunction from 'lodash-es/isFunction';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -22,7 +22,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _onFocusCallbacks, _a;

package/dist/hooks/useBodyScrollLock.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -21,7 +21,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateMethod = (obj, member, method) => {

package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js

@@ -8,7 +8,7 @@ import { AlertModal } from '../../../components/dialogs/AlertModal.js';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -26,12 +26,12 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateWrapper = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet(obj, member, value);
+    __privateSet(obj, member, value, setter);
   },
   get _() {
     return __privateGet(obj, member, getter);

package/dist/objects/ApiaUtil/index.js

@@ -29,7 +29,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _instance;

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

@@ -25,12 +25,12 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateWrapper = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet(obj, member, value);
+    __privateSet(obj, member, value, setter);
   },
   get _() {
     return __privateGet(obj, member, getter);

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

@@ -6,7 +6,7 @@ import { OpenModal } from './OpenModal.js';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -24,12 +24,12 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateWrapper = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet(obj, member, value);
+    __privateSet(obj, member, value, setter);
   },
   get _() {
     return __privateGet(obj, member, getter);

package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.js

@@ -4,7 +4,7 @@ import { getTabContainer } from './util.js';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ApiaUtilTabsController {

package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 let maxId = 0;

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js

@@ -19,7 +19,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _tooltipTimeout, _unsuscribe, _tooltip;

package/dist/tabs/ContextMenu.js

@@ -71,6 +71,7 @@ const ContextMenu = ({
     }
   );
 };
+var ContextMenu$1 = ContextMenu;
 
-export { ContextMenu as default };
+export { ContextMenu$1 as default };
 //# sourceMappingURL=ContextMenu.js.map

package/dist/tabs/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../src/tabs/ContextMenu.tsx"],"sourcesContent":["import { ControlledMenu, MenuItem, useMenuState } from '@szhsin/react-menu';\r\nimport React from 'react';\r\nimport { useTabsContext } from './util';\r\nimport { TId, getLabel } from '@apia/util';\r\n\r\nconst ContextMenu = ({\r\n  anchorPoint,\r\n  isOpen,\r\n  onClose,\r\n  targetId,\r\n}: {\r\n  anchorPoint: {\r\n    x: number;\r\n    y: number;\r\n  };\r\n  isOpen: boolean;\r\n  onClose: () => unknown;\r\n  targetId: TId;\r\n}) => {\r\n  const [menuProps, toggleMenu] = useMenuState();\r\n  React.useEffect(() => {\r\n    toggleMenu(isOpen);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isOpen]);\r\n\r\n  const { handler } = useTabsContext();\r\n\r\n  const closeOthers = React.useCallback(() => {\r\n    void handler.closeOthers(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const closeToLeft = React.useCallback(() => {\r\n    void handler.closeToLeft(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const closeToRight = React.useCallback(() => {\r\n    void handler.closeToRight(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const firstNonFixedTab = handler.tabsList?.find(\r\n    (current) => !handler.propsStore.getFieldProps(current).isFixed,\r\n  );\r\n\r\n  let lastNonFixedTab: TId | null = null;\r\n  if (handler.tabsList)\r\n    for (let i = handler.tabsList.length - 1; i >= 0; i--) {\r\n      if (!handler.propsStore.getFieldProps(handler.tabsList[i]).isFixed) {\r\n        lastNonFixedTab = handler.tabsList[i];\r\n        break;\r\n      }\r\n    }\r\n\r\n  const nonFixedTabsLength =\r\n    handler.tabsList?.filter(\r\n      (current) => !handler.propsStore.getFieldProps(current).isFixed,\r\n    ).length ?? 0;\r\n\r\n  return (\r\n    <ControlledMenu\r\n      {...menuProps}\r\n      anchorPoint={anchorPoint}\r\n      onClose={onClose}\r\n      portal={{ target: document.getElementById('AppModals') as Element }}\r\n    >\r\n      {/* // No está bien implementado todavía\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          handler.propsStore.updateField(targetId, { isFixed: true });\r\n        }, [handler.propsStore, targetId])}\r\n      >\r\n        {window.LBL_FIX_TAB}\r\n      </MenuItem> */}\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          void handler.closeTab(targetId);\r\n        }, [handler, targetId])}\r\n      >\r\n        {window.BTN_CLOSE}\r\n      </MenuItem>\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          void handler.closeAll();\r\n        }, [handler])}\r\n      >\r\n        {getLabel('lblCloseAll').text}\r\n      </MenuItem>\r\n      {firstNonFixedTab !== targetId && (\r\n        <MenuItem onClick={closeToLeft}>\r\n          {getLabel('lblCloseToLeft').text}\r\n        </MenuItem>\r\n      )}\r\n      {lastNonFixedTab !== targetId && (\r\n        <MenuItem onClick={closeToRight}>\r\n          {getLabel('lblCloseToRight').text}\r\n        </MenuItem>\r\n      )}\r\n      {nonFixedTabsLength > 1 && (\r\n        <MenuItem onClick={closeOthers}>\r\n          {getLabel('lblCloseOthers').text}\r\n        </MenuItem>\r\n      )}\r\n    </ControlledMenu>\r\n  );\r\n};\r\n\r\nexport default ContextMenu;\r\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../src/tabs/ContextMenu.tsx"],"sourcesContent":["import { ControlledMenu, MenuItem, useMenuState } from '@szhsin/react-menu';\r\nimport React from 'react';\r\nimport { useTabsContext } from './util';\r\nimport { TId, getLabel } from '@apia/util';\r\n\r\nconst ContextMenu = ({\r\n  anchorPoint,\r\n  isOpen,\r\n  onClose,\r\n  targetId,\r\n}: {\r\n  anchorPoint: {\r\n    x: number;\r\n    y: number;\r\n  };\r\n  isOpen: boolean;\r\n  onClose: () => unknown;\r\n  targetId: TId;\r\n}) => {\r\n  const [menuProps, toggleMenu] = useMenuState();\r\n  React.useEffect(() => {\r\n    toggleMenu(isOpen);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isOpen]);\r\n\r\n  const { handler } = useTabsContext();\r\n\r\n  const closeOthers = React.useCallback(() => {\r\n    void handler.closeOthers(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const closeToLeft = React.useCallback(() => {\r\n    void handler.closeToLeft(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const closeToRight = React.useCallback(() => {\r\n    void handler.closeToRight(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const firstNonFixedTab = handler.tabsList?.find(\r\n    (current) => !handler.propsStore.getFieldProps(current).isFixed,\r\n  );\r\n\r\n  let lastNonFixedTab: TId | null = null;\r\n  if (handler.tabsList)\r\n    for (let i = handler.tabsList.length - 1; i >= 0; i--) {\r\n      if (!handler.propsStore.getFieldProps(handler.tabsList[i]).isFixed) {\r\n        lastNonFixedTab = handler.tabsList[i];\r\n        break;\r\n      }\r\n    }\r\n\r\n  const nonFixedTabsLength =\r\n    handler.tabsList?.filter(\r\n      (current) => !handler.propsStore.getFieldProps(current).isFixed,\r\n    ).length ?? 0;\r\n\r\n  return (\r\n    <ControlledMenu\r\n      {...menuProps}\r\n      anchorPoint={anchorPoint}\r\n      onClose={onClose}\r\n      portal={{ target: document.getElementById('AppModals') as Element }}\r\n    >\r\n      {/* // No está bien implementado todavía\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          handler.propsStore.updateField(targetId, { isFixed: true });\r\n        }, [handler.propsStore, targetId])}\r\n      >\r\n        {window.LBL_FIX_TAB}\r\n      </MenuItem> */}\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          void handler.closeTab(targetId);\r\n        }, [handler, targetId])}\r\n      >\r\n        {window.BTN_CLOSE}\r\n      </MenuItem>\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          void handler.closeAll();\r\n        }, [handler])}\r\n      >\r\n        {getLabel('lblCloseAll').text}\r\n      </MenuItem>\r\n      {firstNonFixedTab !== targetId && (\r\n        <MenuItem onClick={closeToLeft}>\r\n          {getLabel('lblCloseToLeft').text}\r\n        </MenuItem>\r\n      )}\r\n      {lastNonFixedTab !== targetId && (\r\n        <MenuItem onClick={closeToRight}>\r\n          {getLabel('lblCloseToRight').text}\r\n        </MenuItem>\r\n      )}\r\n      {nonFixedTabsLength > 1 && (\r\n        <MenuItem onClick={closeOthers}>\r\n          {getLabel('lblCloseOthers').text}\r\n        </MenuItem>\r\n      )}\r\n    </ControlledMenu>\r\n  );\r\n};\r\n\r\nexport default ContextMenu;\r\n"],"names":["React"],"mappings":"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"}

package/dist/tabs/Item.js

@@ -58,6 +58,7 @@ const Item = ({ tabId }) => {
   };
   return /* @__PURE__ */ jsx(SimpleButton, { "data-id": tabId, ref, ...buttonProps, children: Renderer ? /* @__PURE__ */ jsx(Renderer, { tab }) : /* @__PURE__ */ jsx(DefaultTabsLabelRenderer, { tab }) });
 };
+var Item$1 = Item;
 
-export { Item as default };
+export { Item$1 as default };
 //# sourceMappingURL=Item.js.map

package/dist/tabs/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../src/tabs/Item.tsx"],"sourcesContent":["import { useUpdateEffect } from 'ahooks';\r\nimport React from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { TTab, TTabsItem } from './types';\r\nimport { useTabsContext } from './util';\r\nimport { getSpecificParent, usePropsSelector } from '@apia/util';\r\nimport { SimpleButton } from '../components';\r\nimport { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer';\r\n\r\nconst Item = ({ tabId }: TTabsItem) => {\r\n  const { handler, id, onCloseTab, onOpenTab } = useTabsContext();\r\n\r\n  const tab = usePropsSelector<TTab, TTab>(tabId, {\r\n    propsStore: handler.propsStore,\r\n    comparator: shallowEqual,\r\n  });\r\n\r\n  const Renderer = React.useMemo(\r\n    () => tab.labelRenderer ?? null,\r\n    [tab.labelRenderer],\r\n  );\r\n\r\n  const ref = React.useRef<HTMLButtonElement>({} as HTMLButtonElement);\r\n  useUpdateEffect(() => {\r\n    if (tab.isFocused) {\r\n      ref.current?.focus({\r\n        preventScroll: true,\r\n      });\r\n    }\r\n  }, [tab.isFocused]);\r\n  React.useEffect(() => {\r\n    if (tab.isOpen) {\r\n      const scrollParent = getSpecificParent(ref.current, (current) =>\r\n        current.classList.contains('tabs__list'),\r\n      ) as HTMLElement;\r\n\r\n      scrollParent?.scroll({\r\n        left: ref.current.offsetLeft - 100,\r\n      });\r\n    }\r\n  }, [tab.isOpen]);\r\n\r\n  const handleOpen = React.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);\r\n  const buttonProps = {\r\n    className: `tabs__item__wrapper ${tab.isOpen ? 'open' : ''} ${\r\n      tab.isDisabled ? 'disabled' : ''\r\n    }`,\r\n    title: tab.title ?? tab.label,\r\n    onMouseDown: React.useCallback(\r\n      (ev: React.MouseEvent) => {\r\n        if (ev.button === 1) {\r\n          onCloseTab(tab);\r\n        } else if (ev.button === 0) handleOpen();\r\n      },\r\n      [handleOpen, onCloseTab, tab],\r\n    ),\r\n    'aria-controls': `tabpanel-${id}-${tab.id}`,\r\n    'aria-selected': tab.isOpen ?? false,\r\n    id: `tab-${id}-${tab.id}`,\r\n    tabIndex: tab.isFocused ? 0 : -1,\r\n    role: 'tab',\r\n    variant: 'inherit',\r\n  };\r\n\r\n  return (\r\n    <SimpleButton data-id={tabId} ref={ref} {...buttonProps}>\r\n      {Renderer ? (\r\n        <Renderer tab={tab} />\r\n      ) : (\r\n        <DefaultTabsLabelRenderer tab={tab} />\r\n      )}\r\n    </SimpleButton>\r\n  );\r\n};\r\n\r\nexport default Item;\r\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../src/tabs/Item.tsx"],"sourcesContent":["import { useUpdateEffect } from 'ahooks';\r\nimport React from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { TTab, TTabsItem } from './types';\r\nimport { useTabsContext } from './util';\r\nimport { getSpecificParent, usePropsSelector } from '@apia/util';\r\nimport { SimpleButton } from '../components';\r\nimport { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer';\r\n\r\nconst Item = ({ tabId }: TTabsItem) => {\r\n  const { handler, id, onCloseTab, onOpenTab } = useTabsContext();\r\n\r\n  const tab = usePropsSelector<TTab, TTab>(tabId, {\r\n    propsStore: handler.propsStore,\r\n    comparator: shallowEqual,\r\n  });\r\n\r\n  const Renderer = React.useMemo(\r\n    () => tab.labelRenderer ?? null,\r\n    [tab.labelRenderer],\r\n  );\r\n\r\n  const ref = React.useRef<HTMLButtonElement>({} as HTMLButtonElement);\r\n  useUpdateEffect(() => {\r\n    if (tab.isFocused) {\r\n      ref.current?.focus({\r\n        preventScroll: true,\r\n      });\r\n    }\r\n  }, [tab.isFocused]);\r\n  React.useEffect(() => {\r\n    if (tab.isOpen) {\r\n      const scrollParent = getSpecificParent(ref.current, (current) =>\r\n        current.classList.contains('tabs__list'),\r\n      ) as HTMLElement;\r\n\r\n      scrollParent?.scroll({\r\n        left: ref.current.offsetLeft - 100,\r\n      });\r\n    }\r\n  }, [tab.isOpen]);\r\n\r\n  const handleOpen = React.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);\r\n  const buttonProps = {\r\n    className: `tabs__item__wrapper ${tab.isOpen ? 'open' : ''} ${\r\n      tab.isDisabled ? 'disabled' : ''\r\n    }`,\r\n    title: tab.title ?? tab.label,\r\n    onMouseDown: React.useCallback(\r\n      (ev: React.MouseEvent) => {\r\n        if (ev.button === 1) {\r\n          onCloseTab(tab);\r\n        } else if (ev.button === 0) handleOpen();\r\n      },\r\n      [handleOpen, onCloseTab, tab],\r\n    ),\r\n    'aria-controls': `tabpanel-${id}-${tab.id}`,\r\n    'aria-selected': tab.isOpen ?? false,\r\n    id: `tab-${id}-${tab.id}`,\r\n    tabIndex: tab.isFocused ? 0 : -1,\r\n    role: 'tab',\r\n    variant: 'inherit',\r\n  };\r\n\r\n  return (\r\n    <SimpleButton data-id={tabId} ref={ref} {...buttonProps}>\r\n      {Renderer ? (\r\n        <Renderer tab={tab} />\r\n      ) : (\r\n        <DefaultTabsLabelRenderer tab={tab} />\r\n      )}\r\n    </SimpleButton>\r\n  );\r\n};\r\n\r\nexport default Item;\r\n"],"names":["React"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/components",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -13,12 +13,12 @@
     "libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.tsx,WATCH:true"
   },
   "dependencies": {
-    "@apia/dom-store": "^2.0.8",
-    "@apia/icons": "^2.0.8",
-    "@apia/notifications": "^2.0.8",
-    "@apia/store": "^2.0.8",
-    "@apia/theme": "^2.0.8",
-    "@apia/util": "^2.0.8",
+    "@apia/dom-store": "^2.0.12",
+    "@apia/icons": "^2.0.12",
+    "@apia/notifications": "^2.0.12",
+    "@apia/store": "^2.0.12",
+    "@apia/theme": "^2.0.12",
+    "@apia/util": "^2.0.12",
     "@theme-ui/color": "0.16.2",
     "@theme-ui/match-media": "0.16.2",
     "react-animate-height": "^3.2.2",
@@ -47,5 +47,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "7c24cfee81e9960f174af5ede68e8f9f514db1d9"
+  "gitHead": "15cb0d39b557de0e9b6ce2439f6bef5d8da5758f"
 }