@ariakit/react 0.4.25 → 0.4.27

package/cjs/__chunks/C4NVIV6V.cjs

@@ -0,0 +1,455 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _IHVFJGGNcjs = require('./IHVFJGGN.cjs');
+
+
+var _FHQ5DVYQcjs = require('./FHQ5DVYQ.cjs');
+
+
+
+
+var _NMUCJYMRcjs = require('./NMUCJYMR.cjs');
+
+
+
+var _SQ72MZ63cjs = require('./SQ72MZ63.cjs');
+
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+
+var _GUB6WHB6cjs = require('./GUB6WHB6.cjs');
+
+
+var _XPQIHUQ7cjs = require('./XPQIHUQ7.cjs');
+
+
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+
+
+
+
+
+
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+var _NG34QRI6cjs = require('./NG34QRI6.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/tab/tab-context.js
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_L2IFVMDUcjs.CompositeContextProvider], [_L2IFVMDUcjs.CompositeScopedContextProvider]);
+var useTabContext = ctx.useContext;
+var useTabScopedContext = ctx.useScopedContext;
+var useTabProviderContext = ctx.useProviderContext;
+var TabContextProvider = ctx.ContextProvider;
+var TabScopedContextProvider = ctx.ScopedContextProvider;
+
+// ../ariakit-react-components/dist/tab/tab.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
+var useTab = _QAUJZR6Ycjs.createHook.call(void 0, function useTab2({ store, getItem: getItemProp, ...props }) {
+  var _a;
+  const context = useTabScopedContext();
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "Tab must be wrapped in a TabList component.");
+  const defaultId = _QAUJZR6Ycjs.useId.call(void 0, );
+  const id = props.id || defaultId;
+  const dimmed = _QAUJZR6Ycjs.disabledFromProps.call(void 0, props);
+  const getItem = _react.useCallback.call(void 0, (item) => {
+    const nextItem = {
+      ...item,
+      dimmed
+    };
+    if (getItemProp) return getItemProp(nextItem);
+    return nextItem;
+  }, [dimmed, getItemProp]);
+  const onClickProp = props.onClick;
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    store == null ? void 0 : store.setSelectedId(id);
+  });
+  const panelId = _D4HCGWOUcjs.useStoreState.call(void 0, store.panels, (state) => {
+    var _a2;
+    return (_a2 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a2.id;
+  });
+  const shouldRegisterItem = defaultId ? props.shouldRegisterItem : false;
+  const isActive = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!id && state.activeId === id);
+  const selected = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!id && state.selectedId === id);
+  const hasActiveItem = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!store.item(state.activeId));
+  const canRegisterComposedItem = isActive || selected && !hasActiveItem;
+  const accessibleWhenDisabled = selected || ((_a = props.accessibleWhenDisabled) != null ? _a : true);
+  if (_D4HCGWOUcjs.useStoreState.call(void 0, store.combobox || store.composite, "virtualFocus")) props = {
+    ...props,
+    tabIndex: -1
+  };
+  props = {
+    role: "tab",
+    "aria-selected": selected,
+    "aria-controls": panelId || void 0,
+    ...props,
+    id,
+    onClick
+  };
+  if (store.composite) {
+    const defaultProps = {
+      id,
+      accessibleWhenDisabled,
+      store: store.composite,
+      shouldRegisterItem: canRegisterComposedItem && shouldRegisterItem,
+      rowId: props.rowId,
+      render: props.render
+    };
+    props = {
+      ...props,
+      render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQ72MZ63cjs.CompositeItem, {
+        ...defaultProps,
+        render: store.combobox && store.composite !== store.combobox ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQ72MZ63cjs.CompositeItem, {
+          ...defaultProps,
+          store: store.combobox
+        }) : defaultProps.render
+      })
+    };
+  }
+  props = _SQ72MZ63cjs.useCompositeItem.call(void 0, {
+    store,
+    ...props,
+    accessibleWhenDisabled,
+    getItem,
+    shouldRegisterItem
+  });
+  return props;
+});
+var Tab = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function Tab2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useTab(props));
+}));
+
+// ../ariakit-react-components/dist/tab/tab-list.js
+
+var TagName2 = "div";
+var useTabList = _QAUJZR6Ycjs.createHook.call(void 0, function useTabList2({ store, ...props }) {
+  const context = useTabProviderContext();
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "TabList must receive a `store` prop or be wrapped in a TabProvider component.");
+  const orientation = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => state.orientation === "both" ? void 0 : state.orientation);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabScopedContextProvider, {
+    value: store,
+    children: element
+  }), [store]);
+  if (store.composite) props = {
+    focusable: false,
+    ...props
+  };
+  props = {
+    role: "tablist",
+    "aria-orientation": orientation,
+    ...props
+  };
+  props = _NMUCJYMRcjs.useComposite.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var TabList = _QAUJZR6Ycjs.forwardRef.call(void 0, function TabList2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName2, useTabList(props));
+});
+
+// ../ariakit-react-components/dist/tab/tab-panel.js
+
+
+var TagName3 = "div";
+var useTabPanel = _QAUJZR6Ycjs.createHook.call(void 0, function useTabPanel2({ store, unmountOnHide, tabId: tabIdProp, getItem: getItemProp, scrollRestoration, scrollElement, ...props }) {
+  const context = useTabProviderContext();
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");
+  const ref = _react.useRef.call(void 0, null);
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const tabId = _D4HCGWOUcjs.useStoreState.call(void 0, store.panels, () => {
+    var _a;
+    return tabIdProp || ((_a = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a.tabId);
+  });
+  const disclosure = _7M4GY5DScjs.useDisclosureStore.call(void 0, { open: _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => !!tabId && state.selectedId === tabId) });
+  const mounted = _D4HCGWOUcjs.useStoreState.call(void 0, disclosure, "mounted");
+  const scrollPositionRef = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const getScrollElement = _QAUJZR6Ycjs.useEvent.call(void 0, () => {
+    const panelElement = ref.current;
+    if (!panelElement) return null;
+    if (!scrollElement) return panelElement;
+    if (typeof scrollElement === "function") return scrollElement(panelElement);
+    if ("current" in scrollElement) return scrollElement.current;
+    return scrollElement;
+  });
+  _react.useEffect.call(void 0, () => {
+    var _a, _b;
+    if (!scrollRestoration) return;
+    if (!mounted) return;
+    const element = getScrollElement();
+    if (!element) return;
+    if (scrollRestoration === "reset") {
+      element.scroll(0, 0);
+      return;
+    }
+    if (!tabId) return;
+    const position = scrollPositionRef.current.get(tabId);
+    element.scroll((_a = position == null ? void 0 : position.x) != null ? _a : 0, (_b = position == null ? void 0 : position.y) != null ? _b : 0);
+    const onScroll = () => {
+      scrollPositionRef.current.set(tabId, {
+        x: element.scrollLeft,
+        y: element.scrollTop
+      });
+    };
+    element.addEventListener("scroll", onScroll);
+    return () => {
+      element.removeEventListener("scroll", onScroll);
+    };
+  }, [
+    scrollRestoration,
+    mounted,
+    tabId,
+    getScrollElement,
+    store
+  ]);
+  const [hasTabbableChildren, setHasTabbableChildren] = _react.useState.call(void 0, false);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!mounted) return;
+    const element = ref.current;
+    if (!element) return;
+    setHasTabbableChildren(!!_QAUJZR6Ycjs.getAllTabbableIn.call(void 0, element).length);
+  }, [mounted]);
+  const getItem = _react.useCallback.call(void 0, (item) => {
+    const nextItem = {
+      ...item,
+      id: id || item.id,
+      tabId: tabIdProp
+    };
+    if (getItemProp) return getItemProp(nextItem);
+    return nextItem;
+  }, [
+    id,
+    tabIdProp,
+    getItemProp
+  ]);
+  const onKeyDownProp = props.onKeyDown;
+  const onKeyDown = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+    if (event.defaultPrevented) return;
+    if (!(store == null ? void 0 : store.composite)) return;
+    const action = {
+      ArrowLeft: store.previous,
+      ArrowRight: store.next,
+      Home: store.first,
+      End: store.last
+    }[event.key];
+    if (!action) return;
+    const { selectedId } = store.getState();
+    const nextId = action({ activeId: selectedId });
+    if (!nextId) return;
+    event.preventDefault();
+    store.move(nextId);
+  });
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabScopedContextProvider, {
+    value: store,
+    children: element
+  }), [store]);
+  props = {
+    role: "tabpanel",
+    "aria-labelledby": props["aria-label"] != null ? void 0 : tabId || void 0,
+    ...props,
+    id,
+    children: unmountOnHide && !mounted ? null : props.children,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref),
+    onKeyDown
+  };
+  props = _NG34QRI6cjs.useFocusable.call(void 0, {
+    focusable: !store.composite && !hasTabbableChildren,
+    ...props
+  });
+  props = _7M4GY5DScjs.useDisclosureContent.call(void 0, {
+    store: disclosure,
+    ...props
+  });
+  props = _GUB6WHB6cjs.useCollectionItem.call(void 0, {
+    store: store.panels,
+    ...props,
+    getItem
+  });
+  return props;
+});
+var TabPanel = _QAUJZR6Ycjs.forwardRef.call(void 0, function TabPanel2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName3, useTabPanel(props));
+});
+
+// ../ariakit-react-components/dist/tab/tab-store.js
+
+
+// ../ariakit-components/dist/tab/tab-store.js
+function createTabStore({ composite: parentComposite, combobox, ...props } = {}) {
+  const independentKeys = [
+    "items",
+    "renderedItems",
+    "moves",
+    "orientation",
+    "virtualFocus",
+    "includesBaseElement",
+    "baseElement",
+    "focusLoop",
+    "focusShift",
+    "focusWrap"
+  ];
+  const store = _D4HCGWOUcjs.mergeStore.call(void 0, props.store, _D4HCGWOUcjs.omit.call(void 0, parentComposite, independentKeys), _D4HCGWOUcjs.omit.call(void 0, combobox, independentKeys));
+  const syncState = store == null ? void 0 : store.getState();
+  const composite = _NMUCJYMRcjs.createCompositeStore.call(void 0, {
+    ...props,
+    store,
+    includesBaseElement: _QAUJZR6Ycjs.defaultValue.call(void 0, props.includesBaseElement, syncState == null ? void 0 : syncState.includesBaseElement, false),
+    orientation: _QAUJZR6Ycjs.defaultValue.call(void 0, props.orientation, syncState == null ? void 0 : syncState.orientation, "horizontal"),
+    focusLoop: _QAUJZR6Ycjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  });
+  const panels = _XPQIHUQ7cjs.createCollectionStore.call(void 0, );
+  const tab = _D4HCGWOUcjs.createStore.call(void 0, {
+    ...composite.getState(),
+    selectedId: _QAUJZR6Ycjs.defaultValue.call(void 0, props.selectedId, syncState == null ? void 0 : syncState.selectedId, props.defaultSelectedId),
+    selectOnMove: _QAUJZR6Ycjs.defaultValue.call(void 0, props.selectOnMove, syncState == null ? void 0 : syncState.selectOnMove, true)
+  }, composite, store);
+  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.sync.call(void 0, tab, ["moves"], () => {
+    const { activeId, selectOnMove } = tab.getState();
+    if (!selectOnMove) return;
+    if (!activeId) return;
+    const tabItem = composite.item(activeId);
+    if (!tabItem) return;
+    if (tabItem.dimmed) return;
+    if (tabItem.disabled) return;
+    tab.setState("selectedId", tabItem.id);
+  }));
+  let syncActiveId = true;
+  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.batch.call(void 0, tab, ["selectedId"], (state, prev) => {
+    if (!syncActiveId) {
+      syncActiveId = true;
+      return;
+    }
+    if (parentComposite && state.selectedId === prev.selectedId) return;
+    tab.setState("activeId", state.selectedId);
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
+    if (state.selectedId !== void 0) return;
+    const { activeId, renderedItems } = tab.getState();
+    const tabItem = composite.item(activeId);
+    if (tabItem && !tabItem.disabled && !tabItem.dimmed) tab.setState("selectedId", tabItem.id);
+    else {
+      const tabItem2 = renderedItems.find((item) => !item.disabled && !item.dimmed);
+      tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);
+    }
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, tab, () => _D4HCGWOUcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
+    const tabs = state.renderedItems;
+    if (!tabs.length) return;
+    return _D4HCGWOUcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
+      const items = state2.renderedItems;
+      if (!items.some((panel) => !panel.tabId)) return;
+      items.forEach((panel, i) => {
+        if (panel.tabId) return;
+        const tabItem = tabs[i];
+        if (!tabItem) return;
+        panels.renderItem({
+          ...panel,
+          tabId: tabItem.id
+        });
+      });
+    });
+  }));
+  let selectedIdFromSelectedValue = null;
+  _D4HCGWOUcjs.setup.call(void 0, tab, () => {
+    const backupSelectedId = () => {
+      selectedIdFromSelectedValue = tab.getState().selectedId;
+    };
+    const restoreSelectedId = () => {
+      syncActiveId = false;
+      tab.setState("selectedId", selectedIdFromSelectedValue);
+    };
+    if (parentComposite && "setSelectElement" in parentComposite) return _QAUJZR6Ycjs.chain.call(void 0, _D4HCGWOUcjs.sync.call(void 0, parentComposite, ["value"], backupSelectedId), _D4HCGWOUcjs.sync.call(void 0, parentComposite, ["mounted"], restoreSelectedId));
+    if (!combobox) return;
+    return _QAUJZR6Ycjs.chain.call(void 0, _D4HCGWOUcjs.sync.call(void 0, combobox, ["selectedValue"], backupSelectedId), _D4HCGWOUcjs.sync.call(void 0, combobox, ["mounted"], restoreSelectedId));
+  });
+  return {
+    ...composite,
+    ...tab,
+    panels,
+    setSelectedId: (id) => tab.setState("selectedId", id),
+    select: (id) => {
+      tab.setState("selectedId", id);
+      composite.move(id);
+    }
+  };
+}
+
+// ../ariakit-react-components/dist/tab/tab-store.js
+function useTabStoreProps(store, update, props) {
+  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, update, [props.composite, props.combobox]);
+  store = _NMUCJYMRcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels, updatePanels] = _D4HCGWOUcjs.useStore.call(void 0, () => store.panels, {});
+  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, updatePanels, [store, updatePanels]);
+  return Object.assign(_react.useMemo.call(void 0, () => ({
+    ...store,
+    panels
+  }), [store, panels]), {
+    composite: props.composite,
+    combobox: props.combobox
+  });
+}
+function useTabStore(props = {}) {
+  const combobox = _FHQ5DVYQcjs.useComboboxContext.call(void 0, );
+  const composite = _IHVFJGGNcjs.useSelectContext.call(void 0, ) || combobox;
+  props = {
+    ...props,
+    composite: props.composite !== void 0 ? props.composite : composite,
+    combobox: props.combobox !== void 0 ? props.combobox : combobox
+  };
+  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createTabStore, props);
+  return useTabStoreProps(store, update, props);
+}
+
+// ../ariakit-react-components/dist/tab/tab-provider.js
+
+function TabProvider(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabContextProvider, {
+    value: useTabStore(props),
+    children: props.children
+  });
+}
+
+
+
+
+
+
+
+
+exports.useTabContext = useTabContext; exports.Tab = Tab; exports.TabList = TabList; exports.TabPanel = TabPanel; exports.useTabStore = useTabStore; exports.TabProvider = TabProvider;

package/cjs/__chunks/CR6AS7WL.cjs

@@ -0,0 +1 @@
+"use strict";