@apia/components 1.0.4 → 2.0.0

package/dist/objects/ScreenLocker/index.js

@@ -0,0 +1,92 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { StatefulEmitter } from '@apia/util';
+
+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, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ScreenLocker {
+  constructor() {
+    __publicField(this, "emitter", new StatefulEmitter({
+      locks: {
+        common: { count: 0 },
+        linear: { count: 0 },
+        white: { count: 1 }
+      }
+    }));
+    __publicField(this, "lock", (options) => {
+      this.emitter.setState("locks", (s) => {
+        const key = options?.type ?? "common";
+        return {
+          ...s,
+          [key]: { count: (s[key].count ?? 0) + 1 }
+        };
+      });
+      return () => this.emitter.setState("locks", (s) => {
+        const key = options?.type ?? "common";
+        return {
+          ...s,
+          [key]: { count: (s[key].count ?? 0) - 1 }
+        };
+      });
+    });
+    __publicField(this, "hasReleased", false);
+    /**
+     * This method will work once, then, the action will be ignored. The ScreenLocker starts always locked on white, when this method is called, all listeners of onRelease will be called and the lock will be released.
+     */
+    __publicField(this, "release", () => {
+      if (this.hasReleased)
+        return;
+      this.hasReleased = true;
+      this.emitter.setState("locks", (s) => {
+        const key = "white";
+        return {
+          ...s,
+          [key]: { count: (s[key].count ?? 0) - 1 }
+        };
+      });
+      this.emitter.emit("release", true);
+    });
+    /**
+     * This method notifies when the screenLock is released by the first time.
+     */
+    __publicField(this, "onRelease", this.emitter.on.bind(this.emitter, "release"));
+    /**
+     * This component is the responsible for putting the lock courtain in the browser when it's required. It must be used once per application.
+     */
+    __publicField(this, "Component", () => {
+      const locks = this.emitter.useState("locks");
+      const style = {
+        alignItems: "center",
+        display: "flex",
+        inset: 0,
+        justifyContent: "center",
+        position: "fixed"
+      };
+      if (locks.white.count) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              ...style,
+              background: "white"
+            },
+            children: "White"
+          }
+        );
+      }
+      if (locks.linear.count) {
+        return /* @__PURE__ */ jsx("div", { style, children: "Linear" });
+      }
+      if (locks.common.count) {
+        return /* @__PURE__ */ jsx("div", { style, children: "Common" });
+      }
+      return null;
+    });
+  }
+}
+
+export { ScreenLocker };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/objects/ScreenLocker/index.tsx"],"sourcesContent":["import { CSSProperties } from '@apia/theme';\r\nimport { StatefulEmitter } from '@apia/util';\r\n\r\ntype LockTypes = 'linear' | 'white' | 'common';\r\ntype Lock = {\r\n  count: number;\r\n};\r\ntype LockOptions = Partial<{\r\n  type: LockTypes;\r\n}>;\r\n\r\nexport class ScreenLocker {\r\n  protected emitter = new StatefulEmitter<{\r\n    locks: Record<LockTypes, Lock>;\r\n    release: true;\r\n  }>({\r\n    locks: {\r\n      common: { count: 0 },\r\n      linear: { count: 0 },\r\n      white: { count: 1 },\r\n    },\r\n  });\r\n\r\n  lock = (options?: LockOptions) => {\r\n    this.emitter.setState('locks', (s) => {\r\n      const key = options?.type ?? 'common';\r\n\r\n      return {\r\n        ...s,\r\n        [key]: { count: (s[key].count ?? 0) + 1 },\r\n      };\r\n    });\r\n\r\n    return () =>\r\n      this.emitter.setState('locks', (s) => {\r\n        const key = options?.type ?? 'common';\r\n\r\n        return {\r\n          ...s,\r\n          [key]: { count: (s[key].count ?? 0) - 1 },\r\n        };\r\n      });\r\n  };\r\n\r\n  protected hasReleased = false;\r\n  /**\r\n   * This method will work once, then, the action will be ignored. The ScreenLocker starts always locked on white, when this method is called, all listeners of onRelease will be called and the lock will be released.\r\n   */\r\n  release = () => {\r\n    if (this.hasReleased) return;\r\n    this.hasReleased = true;\r\n\r\n    this.emitter.setState('locks', (s) => {\r\n      const key = 'white';\r\n\r\n      return {\r\n        ...s,\r\n        [key]: { count: (s[key].count ?? 0) - 1 },\r\n      };\r\n    });\r\n    this.emitter.emit('release', true);\r\n  };\r\n\r\n  /**\r\n   * This method notifies when the screenLock is released by the first time.\r\n   */\r\n  onRelease = this.emitter.on.bind(this.emitter, 'release');\r\n\r\n  /**\r\n   * This component is the responsible for putting the lock courtain in the browser when it's required. It must be used once per application.\r\n   */\r\n  Component = () => {\r\n    const locks = this.emitter.useState('locks');\r\n\r\n    const style: CSSProperties = {\r\n      alignItems: 'center',\r\n      display: 'flex',\r\n      inset: 0,\r\n      justifyContent: 'center',\r\n      position: 'fixed',\r\n    };\r\n\r\n    if (locks.white.count) {\r\n      return (\r\n        <div\r\n          style={{\r\n            ...style,\r\n            background: 'white',\r\n          }}\r\n        >\r\n          White\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (locks.linear.count) {\r\n      return <div style={style}>Linear</div>;\r\n    }\r\n\r\n    if (locks.common.count) {\r\n      return <div style={style}>Common</div>;\r\n    }\r\n\r\n    return null;\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/tabs/Content.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { BoxProps } from '@apia/theme';
+
+declare const TabsContent: (props: Omit<BoxProps, 'children'>) => React__default.JSX.Element;
+
+export { TabsContent };
+//# sourceMappingURL=Content.d.ts.map

package/dist/tabs/Content.d.ts.map

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

package/dist/tabs/Content.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from '@apia/theme/jsx-runtime';
+import React__default from 'react';
+import { Box, getVariant, Spinner } from '@apia/theme';
+import { useTabsContext } from './util.js';
+import { usePropsSelector } from '@apia/util';
+
+const TabsContent = (props) => {
+  const { handler, id } = useTabsContext();
+  const handlerRef = React__default.useRef(handler);
+  handlerRef.current = handler;
+  const tabs = usePropsSelector(handler.stateKey, {
+    propsStore: handler.stateStore,
+    selector: (current) => {
+      return (current.tabs ?? []).map(
+        (tabId) => handlerRef.current?.propsStore.getFieldProps(tabId)
+      );
+    },
+    comparator() {
+      return false;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tabs__content__wrapper",
+      ...getVariant("layout.common.tabs.primary.content"),
+      ...props,
+      children: tabs?.map((current) => {
+        const Render = current.content;
+        return /* @__PURE__ */ jsxs(
+          Box,
+          {
+            "aria-hidden": !current.isOpen,
+            "aria-labelledby": `tab-${id}-${current.id}`,
+            className: `tabs__content ${current.isOpen ? "open" : ""}`,
+            "data-id": current.id,
+            id: `tabpanel-${id}-${current.id}`,
+            role: "tabpanel",
+            children: [
+              /* @__PURE__ */ jsx(Render, { tab: current }),
+              current.isLoading && /* @__PURE__ */ jsx(Box, { className: "tabs__content__spinner__wrapper", children: /* @__PURE__ */ jsx(Spinner, {}) })
+            ]
+          },
+          current.id
+        );
+      })
+    }
+  );
+};
+
+export { TabsContent };
+//# sourceMappingURL=Content.js.map

package/dist/tabs/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../src/tabs/Content.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Spinner, getVariant } from '@apia/theme';\nimport { useTabsContext } from './util';\nimport { usePropsSelector } from '@apia/util';\n\nexport const TabsContent = (props: Omit<BoxProps, 'children'>) => {\n  const { handler, id } = useTabsContext();\n  const handlerRef = React.useRef(handler);\n  handlerRef.current = handler;\n  const tabs = usePropsSelector(handler.stateKey, {\n    propsStore: handler.stateStore,\n    selector: (current) => {\n      return (current.tabs ?? []).map((tabId) =>\n        handlerRef.current?.propsStore.getFieldProps(tabId),\n      );\n    },\n    comparator() {\n      return false;\n    },\n  });\n\n  return (\n    <Box\n      className=\"tabs__content__wrapper\"\n      {...getVariant('layout.common.tabs.primary.content')}\n      {...props}\n    >\n      {tabs?.map((current) => {\n        const Render = current.content;\n\n        return (\n          <Box\n            aria-hidden={!current.isOpen}\n            aria-labelledby={`tab-${id}-${current.id}`}\n            className={`tabs__content ${current.isOpen ? 'open' : ''}`}\n            data-id={current.id}\n            id={`tabpanel-${id}-${current.id}`}\n            key={current.id}\n            role=\"tabpanel\"\n          >\n            <Render tab={current} />\n            {current.isLoading && (\n              <Box className=\"tabs__content__spinner__wrapper\">\n                <Spinner />\n              </Box>\n            )}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAKa,MAAA,WAAA,GAAc,CAAC,KAAsC,KAAA;AAChE,EAAA,MAAM,EAAE,OAAA,EAAS,EAAG,EAAA,GAAI,cAAe,EAAA,CAAA;AACvC,EAAM,MAAA,UAAA,GAAaA,cAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACvC,EAAA,UAAA,CAAW,OAAU,GAAA,OAAA,CAAA;AACrB,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,OAAA,CAAQ,QAAU,EAAA;AAAA,IAC9C,YAAY,OAAQ,CAAA,UAAA;AAAA,IACpB,QAAA,EAAU,CAAC,OAAY,KAAA;AACrB,MAAQ,OAAA,CAAA,OAAA,CAAQ,IAAQ,IAAA,EAAI,EAAA,GAAA;AAAA,QAAI,CAAC,KAC/B,KAAA,UAAA,CAAW,OAAS,EAAA,UAAA,CAAW,cAAc,KAAK,CAAA;AAAA,OACpD,CAAA;AAAA,KACF;AAAA,IACA,UAAa,GAAA;AACX,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,wBAAA;AAAA,MACT,GAAG,WAAW,oCAAoC,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,EAAM,GAAI,CAAA,CAAC,OAAY,KAAA;AACtB,QAAA,MAAM,SAAS,OAAQ,CAAA,OAAA,CAAA;AAEvB,QACE,uBAAA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,CAAC,OAAQ,CAAA,MAAA;AAAA,YACtB,iBAAiB,EAAA,CAAA,IAAA,EAAO,EAAE,CAAA,CAAA,EAAI,QAAQ,EAAE,CAAA,CAAA;AAAA,YACxC,SAAW,EAAA,CAAA,cAAA,EAAiB,OAAQ,CAAA,MAAA,GAAS,SAAS,EAAE,CAAA,CAAA;AAAA,YACxD,WAAS,OAAQ,CAAA,EAAA;AAAA,YACjB,EAAI,EAAA,CAAA,SAAA,EAAY,EAAE,CAAA,CAAA,EAAI,QAAQ,EAAE,CAAA,CAAA;AAAA,YAEhC,IAAK,EAAA,UAAA;AAAA,YAEL,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,KAAK,OAAS,EAAA,CAAA;AAAA,cACrB,OAAA,CAAQ,6BACN,GAAA,CAAA,GAAA,EAAA,EAAI,WAAU,iCACb,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA;AAAA,aAAA;AAAA,WAAA;AAAA,UAPG,OAAQ,CAAA,EAAA;AAAA,SASf,CAAA;AAAA,OAEH,CAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/tabs/ContextMenu.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { useMenuState, ControlledMenu, MenuItem } from '@szhsin/react-menu';
+import React__default from 'react';
+import { useTabsContext } from './util.js';
+import { getLabel } from '@apia/util';
+
+const ContextMenu = ({
+  anchorPoint,
+  isOpen,
+  onClose,
+  targetId
+}) => {
+  const [menuProps, toggleMenu] = useMenuState();
+  React__default.useEffect(() => {
+    toggleMenu(isOpen);
+  }, [isOpen]);
+  const { handler } = useTabsContext();
+  const closeOthers = React__default.useCallback(() => {
+    void handler.closeOthers(targetId);
+  }, [handler, targetId]);
+  const closeToLeft = React__default.useCallback(() => {
+    void handler.closeToLeft(targetId);
+  }, [handler, targetId]);
+  const closeToRight = React__default.useCallback(() => {
+    void handler.closeToRight(targetId);
+  }, [handler, targetId]);
+  const firstNonFixedTab = handler.tabsList?.find(
+    (current) => !handler.propsStore.getFieldProps(current).isFixed
+  );
+  let lastNonFixedTab = null;
+  if (handler.tabsList)
+    for (let i = handler.tabsList.length - 1; i >= 0; i--) {
+      if (!handler.propsStore.getFieldProps(handler.tabsList[i]).isFixed) {
+        lastNonFixedTab = handler.tabsList[i];
+        break;
+      }
+    }
+  const nonFixedTabsLength = handler.tabsList?.filter(
+    (current) => !handler.propsStore.getFieldProps(current).isFixed
+  ).length ?? 0;
+  return /* @__PURE__ */ jsxs(
+    ControlledMenu,
+    {
+      ...menuProps,
+      anchorPoint,
+      onClose,
+      portal: { target: document.getElementById("AppModals") },
+      children: [
+        /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            onClick: React__default.useCallback(() => {
+              void handler.closeTab(targetId);
+            }, [handler, targetId]),
+            children: window.BTN_CLOSE
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            onClick: React__default.useCallback(() => {
+              void handler.closeAll();
+            }, [handler]),
+            children: getLabel("lblCloseAll").text
+          }
+        ),
+        firstNonFixedTab !== targetId && /* @__PURE__ */ jsx(MenuItem, { onClick: closeToLeft, children: getLabel("lblCloseToLeft").text }),
+        lastNonFixedTab !== targetId && /* @__PURE__ */ jsx(MenuItem, { onClick: closeToRight, children: getLabel("lblCloseToRight").text }),
+        nonFixedTabsLength > 1 && /* @__PURE__ */ jsx(MenuItem, { onClick: closeOthers, children: getLabel("lblCloseOthers").text })
+      ]
+    }
+  );
+};
+var ContextMenu$1 = ContextMenu;
+
+export { ContextMenu$1 as default };
+//# sourceMappingURL=ContextMenu.js.map

package/dist/tabs/ContextMenu.js.map

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

package/dist/tabs/Item.js

@@ -0,0 +1,64 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useUpdateEffect } from 'ahooks';
+import React__default from 'react';
+import { shallowEqual } from 'react-redux';
+import { useTabsContext } from './util.js';
+import { usePropsSelector, getSpecificParent } from '@apia/util';
+import { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer.js';
+import { SimpleButton } from '../components/forms/buttons/SimpleButton.js';
+
+const Item = ({ tabId }) => {
+  const { handler, id, onCloseTab, onOpenTab } = useTabsContext();
+  const tab = usePropsSelector(tabId, {
+    propsStore: handler.propsStore,
+    comparator: shallowEqual
+  });
+  const Renderer = React__default.useMemo(
+    () => tab.labelRenderer ?? null,
+    [tab.labelRenderer]
+  );
+  const ref = React__default.useRef({});
+  useUpdateEffect(() => {
+    if (tab.isFocused) {
+      ref.current?.focus({
+        preventScroll: true
+      });
+    }
+  }, [tab.isFocused]);
+  React__default.useEffect(() => {
+    if (tab.isOpen) {
+      const scrollParent = getSpecificParent(
+        ref.current,
+        (current) => current.classList.contains("tabs__list")
+      );
+      scrollParent?.scroll({
+        left: ref.current.offsetLeft - 100
+      });
+    }
+  }, [tab.isOpen]);
+  const handleOpen = React__default.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);
+  const buttonProps = {
+    className: `tabs__item__wrapper ${tab.isOpen ? "open" : ""} ${tab.isDisabled ? "disabled" : ""}`,
+    title: tab.title ?? tab.label,
+    onMouseDown: React__default.useCallback(
+      (ev) => {
+        if (ev.button === 1) {
+          onCloseTab(tab);
+        } else if (ev.button === 0)
+          handleOpen();
+      },
+      [handleOpen, onCloseTab, tab]
+    ),
+    "aria-controls": `tabpanel-${id}-${tab.id}`,
+    "aria-selected": tab.isOpen ?? false,
+    id: `tab-${id}-${tab.id}`,
+    tabIndex: tab.isFocused ? 0 : -1,
+    role: "tab",
+    variant: "inherit"
+  };
+  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$1 as default };
+//# sourceMappingURL=Item.js.map

package/dist/tabs/Item.js.map

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

package/dist/tabs/Tabs.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+import { BoxProps } from '@apia/theme';
+import { TTabs } from './types.js';
+
+declare const Tabs: <AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>>({ id, onCloseTab, onOpenTab, onRequestClose, className, orientation, getHandler, initialTabs, isMultiple, onKeyDown, ...props }: TTabs<AdditionalPropsType> & Omit<BoxProps, 'id' | 'as' | 'role'>, ref: React__default.ForwardedRef<HTMLDivElement>) => React__default.JSX.Element;
+
+export { Tabs };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/tabs/Tabs.d.ts.map

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

package/dist/tabs/Tabs.js

@@ -0,0 +1,78 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React__default from 'react';
+import { Box } from '@apia/theme';
+import TabsController from './tabsController.js';
+import { TabsContext } from './util.js';
+import { useMount } from '@apia/util';
+
+const NonForwardedTabs = ({
+  id,
+  onCloseTab,
+  onOpenTab,
+  onRequestClose,
+  className,
+  orientation,
+  getHandler,
+  initialTabs,
+  isMultiple,
+  onKeyDown,
+  ...props
+}, ref) => {
+  const [handler, setHandler] = React__default.useState({});
+  useMount(() => {
+    const newHandler = new TabsController(String(id), {
+      id,
+      onCloseTab,
+      onOpenTab,
+      onRequestClose,
+      orientation,
+      initialTabs,
+      isMultiple
+    });
+    setHandler(newHandler);
+    getHandler?.(newHandler);
+  });
+  const Context = React__default.useMemo(() => {
+    return TabsContext;
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Context.Provider,
+    {
+      value: React__default.useMemo(
+        () => ({
+          handler,
+          id,
+          onCloseTab(tab) {
+            void handler.closeTab(tab.id);
+          },
+          onOpenTab(tab) {
+            handler.openTab(tab.id, !isMultiple);
+            onOpenTab?.(tab);
+          },
+          orientation: orientation ?? "horizontal"
+        }),
+        [handler, id, isMultiple, onOpenTab, orientation]
+      ),
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          ...props,
+          onKeyDown: React__default.useCallback(
+            (ev) => {
+              onKeyDown?.(ev);
+              handler.handleKeyDown(ev);
+            },
+            [handler, onKeyDown]
+          ),
+          ref
+        }
+      )
+    }
+  );
+};
+const Tabs = React__default.forwardRef(
+  NonForwardedTabs
+);
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/dist/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@apia/theme';\nimport TabsController from './tabsController';\nimport { TTabs, TTabsContext } from './types';\nimport { TabsContext } from './util';\nimport { useMount } from '@apia/util';\n\nconst NonForwardedTabs = <\n  AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>,\n>(\n  {\n    id,\n    onCloseTab,\n    onOpenTab,\n    onRequestClose,\n    className,\n    orientation,\n    getHandler,\n    initialTabs,\n    isMultiple,\n    onKeyDown,\n    ...props\n  }: TTabs<AdditionalPropsType> & Omit<BoxProps, 'id' | 'as' | 'role'>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n  const [handler, setHandler] = React.useState<\n    TabsController<AdditionalPropsType>\n  >({} as TabsController<AdditionalPropsType>);\n\n  useMount(() => {\n    const newHandler = new TabsController<AdditionalPropsType>(String(id), {\n      id,\n      onCloseTab,\n      onOpenTab,\n      onRequestClose,\n      orientation,\n      initialTabs,\n      isMultiple,\n    });\n    setHandler(newHandler);\n    getHandler?.(newHandler);\n  });\n\n  const Context = React.useMemo(() => {\n    return TabsContext as React.Context<TTabsContext<AdditionalPropsType>>;\n  }, []);\n\n  return (\n    <Context.Provider\n      value={React.useMemo(\n        () => ({\n          handler,\n          id,\n          onCloseTab(tab) {\n            void handler.closeTab(tab.id);\n          },\n          onOpenTab(tab) {\n            handler.openTab(tab.id, !isMultiple);\n            onOpenTab?.(tab);\n          },\n          orientation: orientation ?? 'horizontal',\n        }),\n        [handler, id, isMultiple, onOpenTab, orientation],\n      )}\n    >\n      <Box\n        {...props}\n        onKeyDown={React.useCallback(\n          (ev: React.KeyboardEvent<HTMLDivElement>) => {\n            onKeyDown?.(ev);\n            handler.handleKeyDown(ev);\n          },\n          [handler, onKeyDown],\n        )}\n        ref={ref}\n      />\n    </Context.Provider>\n  );\n};\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TTabs>(\n  NonForwardedTabs,\n) as unknown as typeof NonForwardedTabs;\n"],"names":["React"],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,CAGvB;AAAA,EACE,EAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAA,EACA,GACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAIA,cAAM,CAAA,QAAA,CAElC,EAAyC,CAAA,CAAA;AAE3C,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,MAAM,UAAa,GAAA,IAAI,cAAoC,CAAA,MAAA,CAAO,EAAE,CAAG,EAAA;AAAA,MACrE,EAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,UAAA,CAAW,UAAU,CAAA,CAAA;AACrB,IAAA,UAAA,GAAa,UAAU,CAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AAED,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAClC,IAAO,OAAA,WAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,GAAA;AAAA,IAAC,OAAQ,CAAA,QAAA;AAAA,IAAR;AAAA,MACC,OAAOA,cAAM,CAAA,OAAA;AAAA,QACX,OAAO;AAAA,UACL,OAAA;AAAA,UACA,EAAA;AAAA,UACA,WAAW,GAAK,EAAA;AACd,YAAK,KAAA,OAAA,CAAQ,QAAS,CAAA,GAAA,CAAI,EAAE,CAAA,CAAA;AAAA,WAC9B;AAAA,UACA,UAAU,GAAK,EAAA;AACb,YAAA,OAAA,CAAQ,OAAQ,CAAA,GAAA,CAAI,EAAI,EAAA,CAAC,UAAU,CAAA,CAAA;AACnC,YAAA,SAAA,GAAY,GAAG,CAAA,CAAA;AAAA,WACjB;AAAA,UACA,aAAa,WAAe,IAAA,YAAA;AAAA,SAC9B,CAAA;AAAA,QACA,CAAC,OAAA,EAAS,EAAI,EAAA,UAAA,EAAY,WAAW,WAAW,CAAA;AAAA,OAClD;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,WAAWA,cAAM,CAAA,WAAA;AAAA,YACf,CAAC,EAA4C,KAAA;AAC3C,cAAA,SAAA,GAAY,EAAE,CAAA,CAAA;AACd,cAAA,OAAA,CAAQ,cAAc,EAAE,CAAA,CAAA;AAAA,aAC1B;AAAA,YACA,CAAC,SAAS,SAAS,CAAA;AAAA,WACrB;AAAA,UACA,GAAA;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,OAAOA,cAAM,CAAA,UAAA;AAAA,EACxB,gBAAA;AACF;;;;"}

package/dist/tabs/TabsList.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+declare const TabsList: ({ arrowsBehavior, }: {
+    arrowsBehavior?: "open" | "focus" | undefined;
+}) => React__default.JSX.Element;
+
+export { TabsList };
+//# sourceMappingURL=TabsList.d.ts.map

package/dist/tabs/TabsList.d.ts.map

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

package/dist/tabs/TabsList.js

@@ -0,0 +1,138 @@
+import { jsxs, jsx, Fragment } from '@apia/theme/jsx-runtime';
+import React__default from 'react';
+import { Box, getVariant } from '@apia/theme';
+import ContextMenu from './ContextMenu.js';
+import Item from './Item.js';
+import useTabsList from './useTabsList.js';
+import { useTabsContext } from './util.js';
+import { isChild, getSpecificParent, getLabel } from '@apia/util';
+import { IconButton } from '../components/forms/buttons/IconButton.js';
+
+const TabsList = ({
+  arrowsBehavior = "focus"
+}) => {
+  const { id, orientation, handler } = useTabsContext();
+  const tabs = useTabsList();
+  const fixedTabs = React__default.useMemo(
+    () => (tabs ?? []).filter((current) => current.isFixed),
+    [tabs]
+  );
+  const nonFixedTabs = React__default.useMemo(
+    () => (tabs ?? []).filter((current) => !current.isFixed),
+    [tabs]
+  );
+  const [showScrollButtons, setShowScrollButtons] = React__default.useState(true);
+  const [ref, setRef] = React__default.useState(null);
+  React__default.useEffect(() => {
+    if (ref) {
+      const observer = new MutationObserver(([{ addedNodes }]) => {
+        const fixedTabsElement = ref.querySelector(".tabsList__fixedTabs");
+        const hasFixedTabsScroll = (fixedTabsElement?.clientWidth ?? 0) < (fixedTabsElement?.scrollWidth ?? 0);
+        const nonFixedTabsElement = ref.querySelector(".tabs__list");
+        const hasFixedNonTabsScroll = (nonFixedTabsElement?.clientWidth ?? 0) < (nonFixedTabsElement?.scrollWidth ?? 0);
+        setShowScrollButtons(hasFixedTabsScroll || hasFixedNonTabsScroll);
+        if (addedNodes) {
+          ref.querySelector(".tabs__list").scrollLeft = 9999999;
+        }
+      });
+      observer.observe(ref, { childList: true, subtree: true });
+      return () => {
+        observer.disconnect();
+      };
+    }
+    return () => {
+    };
+  }, [ref]);
+  const onClickPrev = React__default.useCallback(() => {
+    if (arrowsBehavior === "focus")
+      handler.focusPreviousTab();
+    if (arrowsBehavior === "open")
+      handler.openPreviousTab();
+  }, [arrowsBehavior, handler]);
+  const onClickNext = React__default.useCallback(() => {
+    if (arrowsBehavior === "focus")
+      handler.focusNextTab();
+    if (arrowsBehavior === "open")
+      handler.openNextTab();
+  }, [arrowsBehavior, handler]);
+  const [anchorPoint, setAnchorPoint] = React__default.useState({ x: 0, y: 0 });
+  const [isOpen, setIsOpen] = React__default.useState(false);
+  const [targetId, setTargetId] = React__default.useState("");
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      id: `tabsList-${id}`,
+      className: "tabsList__wrapper",
+      role: "tablist",
+      ...getVariant("layout.common.tabs.primary"),
+      ref: setRef,
+      onBlur: React__default.useCallback((ev) => {
+        if (!isChild(
+          ev.relatedTarget,
+          (current) => current.classList.contains("tabsList__wrapper")
+        )) ;
+      }, []),
+      children: [
+        /* @__PURE__ */ jsx(Box, { className: "tabsList__fixedTabs", children: fixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tabId: current.id }, current.id)) }),
+        /* @__PURE__ */ jsx(
+          ContextMenu,
+          {
+            anchorPoint,
+            isOpen,
+            onClose: React__default.useCallback(() => setIsOpen(false), []),
+            targetId
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: `noScrollbar tabs__list ${orientation === "vertical" ? "vertical" : ""}`,
+            onContextMenu: React__default.useCallback((e) => {
+              const tabElement = getSpecificParent(
+                e.target,
+                (current) => current.classList.contains("tabs__item__wrapper")
+              );
+              if (tabElement) {
+                e.preventDefault();
+                e.stopPropagation();
+                setTargetId(tabElement.dataset.id);
+                setAnchorPoint({ x: e.clientX, y: e.clientY });
+                setIsOpen(true);
+              }
+            }, []),
+            children: nonFixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tabId: current.id }, current.id))
+          }
+        ),
+        showScrollButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": getLabel("lblTogglePrevTab").text,
+              className: "tabs__switch__left",
+              icon: "ArrowLeft",
+              iconSize: "Xs",
+              onClick: onClickPrev,
+              title: getLabel("lblTogglePrevTab").text,
+              ...getVariant("icon-primary")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": getLabel("lblToggleNextTab").text,
+              className: "tabs__switch__right",
+              icon: "ArrowRight",
+              iconSize: "Xs",
+              onClick: onClickNext,
+              title: getLabel("lblToggleNextTab").text,
+              ...getVariant("icon-primary")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+export { TabsList };
+//# sourceMappingURL=TabsList.js.map

package/dist/tabs/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.js","sources":["../../src/tabs/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, getVariant } from '@apia/theme';\nimport ContextMenu from './ContextMenu';\nimport Item from './Item';\nimport useTabsList from './useTabsList';\nimport { useTabsContext } from './util';\nimport { TId, getLabel, getSpecificParent, isChild } from '@apia/util';\nimport { IconButton } from '../components';\n\nexport const TabsList = ({\n  arrowsBehavior = 'focus',\n}: {\n  arrowsBehavior?: 'open' | 'focus';\n}) => {\n  const { id, orientation, handler } = useTabsContext();\n  const tabs = useTabsList();\n\n  const fixedTabs = React.useMemo(\n    () => (tabs ?? []).filter((current) => current.isFixed),\n    [tabs],\n  );\n  const nonFixedTabs = React.useMemo(\n    () => (tabs ?? []).filter((current) => !current.isFixed),\n    [tabs],\n  );\n\n  const [showScrollButtons, setShowScrollButtons] = React.useState(true);\n\n  const [ref, setRef] = React.useState<HTMLDivElement | null>(null);\n  React.useEffect(() => {\n    if (ref) {\n      const observer = new MutationObserver(([{ addedNodes }]) => {\n        const fixedTabsElement = ref.querySelector('.tabsList__fixedTabs');\n        const hasFixedTabsScroll =\n          (fixedTabsElement?.clientWidth ?? 0) <\n          (fixedTabsElement?.scrollWidth ?? 0);\n        const nonFixedTabsElement = ref.querySelector('.tabs__list');\n        const hasFixedNonTabsScroll =\n          (nonFixedTabsElement?.clientWidth ?? 0) <\n          (nonFixedTabsElement?.scrollWidth ?? 0);\n\n        setShowScrollButtons(hasFixedTabsScroll || hasFixedNonTabsScroll);\n\n        if (addedNodes) {\n          (\n            ref.querySelector('.tabs__list') as HTMLElement\n          ).scrollLeft = 9999999;\n        }\n      });\n      observer.observe(ref, { childList: true, subtree: true });\n      return () => {\n        observer.disconnect();\n      };\n    }\n\n    return () => {};\n  }, [ref]);\n\n  const onClickPrev = React.useCallback(() => {\n    if (arrowsBehavior === 'focus') handler.focusPreviousTab();\n    if (arrowsBehavior === 'open') handler.openPreviousTab();\n  }, [arrowsBehavior, handler]);\n\n  const onClickNext = React.useCallback(() => {\n    if (arrowsBehavior === 'focus') handler.focusNextTab();\n    if (arrowsBehavior === 'open') handler.openNextTab();\n  }, [arrowsBehavior, handler]);\n\n  const [anchorPoint, setAnchorPoint] = React.useState({ x: 0, y: 0 });\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [targetId, setTargetId] = React.useState<TId>('');\n\n  return (\n    <Box\n      id={`tabsList-${id}`}\n      className=\"tabsList__wrapper\"\n      role=\"tablist\"\n      {...getVariant('layout.common.tabs.primary')}\n      ref={setRef}\n      onBlur={React.useCallback((ev: React.FocusEvent) => {\n        if (\n          !isChild(ev.relatedTarget as HTMLElement, (current) =>\n            current.classList.contains('tabsList__wrapper'),\n          )\n        ) {\n        }\n      }, [])}\n    >\n      <Box className=\"tabsList__fixedTabs\">\n        {fixedTabs.map((current) => (\n          <Item key={current.id} tabId={current.id} />\n        ))}\n      </Box>\n      <ContextMenu\n        anchorPoint={anchorPoint}\n        isOpen={isOpen}\n        onClose={React.useCallback(() => setIsOpen(false), [])}\n        targetId={targetId}\n      />\n      <Box\n        className={`noScrollbar tabs__list ${\n          orientation === 'vertical' ? 'vertical' : ''\n        }`}\n        onContextMenu={React.useCallback((e: React.MouseEvent) => {\n          const tabElement = getSpecificParent(\n            e.target as HTMLElement,\n            (current) => current.classList.contains('tabs__item__wrapper'),\n          );\n          if (tabElement) {\n            e.preventDefault();\n            e.stopPropagation();\n            setTargetId(tabElement.dataset.id as string);\n            setAnchorPoint({ x: e.clientX, y: e.clientY });\n            setIsOpen(true);\n          }\n        }, [])}\n      >\n        {nonFixedTabs.map((current) => (\n          <Item key={current.id} tabId={current.id} />\n        ))}\n      </Box>\n      {showScrollButtons && (\n        <>\n          <IconButton\n            aria-label={getLabel('lblTogglePrevTab').text}\n            className=\"tabs__switch__left\"\n            icon=\"ArrowLeft\"\n            iconSize=\"Xs\"\n            onClick={onClickPrev}\n            title={getLabel('lblTogglePrevTab').text}\n            {...getVariant('icon-primary')}\n          />\n          <IconButton\n            aria-label={getLabel('lblToggleNextTab').text}\n            className=\"tabs__switch__right\"\n            icon=\"ArrowRight\"\n            iconSize=\"Xs\"\n            onClick={onClickNext}\n            title={getLabel('lblToggleNextTab').text}\n            {...getVariant('icon-primary')}\n          />\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/tabs/renderers/DefaultTabsLabelRenderer.d.ts

@@ -0,0 +1,6 @@
+import { TTabRenderer } from '../types.js';
+
+declare const DefaultTabsLabelRenderer: TTabRenderer;
+
+export { DefaultTabsLabelRenderer };
+//# sourceMappingURL=DefaultTabsLabelRenderer.d.ts.map

package/dist/tabs/renderers/DefaultTabsLabelRenderer.d.ts.map

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