@apia/components 2.0.10 → 2.0.11

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/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/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":";;;;;;AAKA,MAAM,cAAc,CAAC;AAAA,EACnB,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AACF,CAQM,KAAA;AACJ,EAAA,MAAM,CAAC,SAAA,EAAW,UAAU,CAAA,GAAI,YAAa,EAAA,CAAA;AAC7C,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,UAAA,CAAW,MAAM,CAAA,CAAA;AAAA,GAEnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,cAAe,EAAA,CAAA;AAEnC,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,WAAA,CAAY,MAAM;AAC1C,IAAK,KAAA,OAAA,CAAQ,YAAY,QAAQ,CAAA,CAAA;AAAA,GAChC,EAAA,CAAC,OAAS,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEtB,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,WAAA,CAAY,MAAM;AAC1C,IAAK,KAAA,OAAA,CAAQ,YAAY,QAAQ,CAAA,CAAA;AAAA,GAChC,EAAA,CAAC,OAAS,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEtB,EAAM,MAAA,YAAA,GAAeA,cAAM,CAAA,WAAA,CAAY,MAAM;AAC3C,IAAK,KAAA,OAAA,CAAQ,aAAa,QAAQ,CAAA,CAAA;AAAA,GACjC,EAAA,CAAC,OAAS,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEtB,EAAM,MAAA,gBAAA,GAAmB,QAAQ,QAAU,EAAA,IAAA;AAAA,IACzC,CAAC,OAAY,KAAA,CAAC,QAAQ,UAAW,CAAA,aAAA,CAAc,OAAO,CAAE,CAAA,OAAA;AAAA,GAC1D,CAAA;AAEA,EAAA,IAAI,eAA8B,GAAA,IAAA,CAAA;AAClC,EAAA,IAAI,OAAQ,CAAA,QAAA;AACV,IAAA,KAAA,IAAS,IAAI,OAAQ,CAAA,QAAA,CAAS,SAAS,CAAG,EAAA,CAAA,IAAK,GAAG,CAAK,EAAA,EAAA;AACrD,MAAI,IAAA,CAAC,QAAQ,UAAW,CAAA,aAAA,CAAc,QAAQ,QAAS,CAAA,CAAC,CAAC,CAAA,CAAE,OAAS,EAAA;AAClE,QAAkB,eAAA,GAAA,OAAA,CAAQ,SAAS,CAAC,CAAA,CAAA;AACpC,QAAA,MAAA;AAAA,OACF;AAAA,KACF;AAEF,EAAM,MAAA,kBAAA,GACJ,QAAQ,QAAU,EAAA,MAAA;AAAA,IAChB,CAAC,OAAY,KAAA,CAAC,QAAQ,UAAW,CAAA,aAAA,CAAc,OAAO,CAAE,CAAA,OAAA;AAAA,IACxD,MAAU,IAAA,CAAA,CAAA;AAEd,EACE,uBAAA,IAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,WAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAQ,EAAE,MAAA,EAAQ,QAAS,CAAA,cAAA,CAAe,WAAW,CAAa,EAAA;AAAA,MAUlE,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAASA,cAAM,CAAA,WAAA,CAAY,MAAM;AAC/B,cAAK,KAAA,OAAA,CAAQ,SAAS,QAAQ,CAAA,CAAA;AAAA,aAC7B,EAAA,CAAC,OAAS,EAAA,QAAQ,CAAC,CAAA;AAAA,YAErB,QAAO,EAAA,MAAA,CAAA,SAAA;AAAA,WAAA;AAAA,SACV;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAASA,cAAM,CAAA,WAAA,CAAY,MAAM;AAC/B,cAAA,KAAK,QAAQ,QAAS,EAAA,CAAA;AAAA,aACxB,EAAG,CAAC,OAAO,CAAC,CAAA;AAAA,YAEX,QAAA,EAAA,QAAA,CAAS,aAAa,CAAE,CAAA,IAAA;AAAA,WAAA;AAAA,SAC3B;AAAA,QACC,gBAAA,KAAqB,4BACnB,GAAA,CAAA,QAAA,EAAA,EAAS,SAAS,WAChB,EAAA,QAAA,EAAA,QAAA,CAAS,gBAAgB,CAAA,CAAE,IAC9B,EAAA,CAAA;AAAA,QAED,eAAA,KAAoB,4BAClB,GAAA,CAAA,QAAA,EAAA,EAAS,SAAS,YAChB,EAAA,QAAA,EAAA,QAAA,CAAS,iBAAiB,CAAA,CAAE,IAC/B,EAAA,CAAA;AAAA,QAED,kBAAA,GAAqB,qBACnB,GAAA,CAAA,QAAA,EAAA,EAAS,SAAS,WAChB,EAAA,QAAA,EAAA,QAAA,CAAS,gBAAgB,CAAA,CAAE,IAC9B,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ,CAAA,CAAA;AAEA,oBAAe,WAAA;;;;"}

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.11",
   "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.11",
+    "@apia/icons": "^2.0.11",
+    "@apia/notifications": "^2.0.11",
+    "@apia/store": "^2.0.11",
+    "@apia/theme": "^2.0.11",
+    "@apia/util": "^2.0.11",
     "@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": "2baba9f15d947ff574605579b8593604886f690f"
 }