@salt-ds/lab 1.0.0-alpha.42 → 1.0.0-alpha.44

package/dist-es/menu/MenuItem.js

@@ -1,88 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer, useForkRef } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { ChevronRightIcon } from '@salt-ds/icons';
-import { useListItem, useFloatingTree } from '@floating-ui/react';
-import css_248z from './MenuItem.css.js';
-import { useIsMenuTrigger } from './MenuTriggerContext.js';
-import { useMenuPanelContext } from './MenuPanelContext.js';
-
-const withBaseName = makePrefixer("saltMenuItem");
-const MenuItem = forwardRef(
-  function MenuItem2(props, ref) {
-    const {
-      children,
-      className,
-      disabled,
-      onClick,
-      onFocus,
-      onKeyDown,
-      ...rest
-    } = props;
-    const { triggersSubmenu, blurActive } = useIsMenuTrigger();
-    const { activeIndex, getItemProps, setFocusInside } = useMenuPanelContext();
-    const item = useListItem();
-    const tree = useFloatingTree();
-    const active = item.index === activeIndex;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-menu-item",
-      css: css_248z,
-      window: targetWindow
-    });
-    const handleRef = useForkRef(ref, item.ref);
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        {
-          [withBaseName("blurActive")]: blurActive
-        },
-        className
-      ),
-      role: "menuitem",
-      "aria-disabled": disabled || void 0,
-      ...getItemProps({
-        tabIndex: disabled ? void 0 : active ? 0 : -1,
-        onKeyDown(event) {
-          const element = event.currentTarget;
-          onKeyDown == null ? void 0 : onKeyDown(event);
-          if ((event.key == " " || event.key == "Enter") && !triggersSubmenu && !disabled) {
-            event.preventDefault();
-            const { view, ...eventInit } = event;
-            queueMicrotask(() => {
-              element.dispatchEvent(
-                new window.MouseEvent("click", eventInit)
-              );
-            });
-            tree == null ? void 0 : tree.events.emit("click");
-          }
-        },
-        onClick(event) {
-          onClick == null ? void 0 : onClick(event);
-          if (!triggersSubmenu && !disabled) {
-            tree == null ? void 0 : tree.events.emit("click");
-          }
-        },
-        onFocus(event) {
-          onFocus == null ? void 0 : onFocus(event);
-          setFocusInside(true);
-        },
-        ...rest
-      }),
-      ref: handleRef,
-      children: [
-        children,
-        triggersSubmenu && /* @__PURE__ */ jsx(ChevronRightIcon, {
-          className: withBaseName("expandIcon"),
-          "aria-hidden": true
-        })
-      ]
-    });
-  }
-);
-
-export { MenuItem };
-//# sourceMappingURL=MenuItem.js.map

package/dist-es/menu/MenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.js","sources":["../src/menu/MenuItem.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { useFloatingTree, useListItem } from \"@floating-ui/react\";\n\nimport menuItemCss from \"./MenuItem.css\";\nimport { useIsMenuTrigger } from \"./MenuTriggerContext\";\nimport { useMenuPanelContext } from \"./MenuPanelContext\";\n\nexport interface MenuItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true`, the item will be disabled.\n   */\n  disabled?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltMenuItem\");\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  function MenuItem(props, ref) {\n    const {\n      children,\n      className,\n      disabled,\n      onClick,\n      onFocus,\n      onKeyDown,\n      ...rest\n    } = props;\n\n    const { triggersSubmenu, blurActive } = useIsMenuTrigger();\n    const { activeIndex, getItemProps, setFocusInside } = useMenuPanelContext();\n    const item = useListItem();\n    const tree = useFloatingTree();\n    const active = item.index === activeIndex;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-menu-item\",\n      css: menuItemCss,\n      window: targetWindow,\n    });\n    const handleRef = useForkRef<HTMLDivElement>(ref, item.ref);\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"blurActive\")]: blurActive,\n          },\n          className\n        )}\n        role=\"menuitem\"\n        aria-disabled={disabled || undefined}\n        {...getItemProps({\n          tabIndex: disabled ? undefined : active ? 0 : -1,\n          onKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n            const element = event.currentTarget;\n            onKeyDown?.(event);\n            if (\n              (event.key == \" \" || event.key == \"Enter\") &&\n              !triggersSubmenu &&\n              !disabled\n            ) {\n              event.preventDefault();\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars -- view is unused.\n              const { view, ...eventInit } = event;\n              queueMicrotask(() => {\n                element.dispatchEvent(\n                  new window.MouseEvent(\"click\", eventInit)\n                );\n              });\n              tree?.events.emit(\"click\");\n            }\n          },\n          onClick(event: MouseEvent<HTMLDivElement>) {\n            onClick?.(event);\n            if (!triggersSubmenu && !disabled) {\n              tree?.events.emit(\"click\");\n            }\n          },\n          onFocus(event: FocusEvent<HTMLDivElement>) {\n            onFocus?.(event);\n            setFocusInside(true);\n          },\n          ...rest,\n        })}\n        ref={handleRef}\n      >\n        {children}\n        {triggersSubmenu && (\n          <ChevronRightIcon\n            className={withBaseName(\"expandIcon\")}\n            aria-hidden\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["MenuItem","menuItemCss"],"mappings":";;;;;;;;;;;;AAyBA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,EAAE,eAAA,EAAiB,UAAW,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACzD,IAAA,MAAM,EAAE,WAAA,EAAa,YAAc,EAAA,cAAA,KAAmB,mBAAoB,EAAA,CAAA;AAC1E,IAAA,MAAM,OAAO,WAAY,EAAA,CAAA;AACzB,IAAA,MAAM,OAAO,eAAgB,EAAA,CAAA;AAC7B,IAAM,MAAA,MAAA,GAAS,KAAK,KAAU,KAAA,WAAA,CAAA;AAC9B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AACD,IAAA,MAAM,SAAY,GAAA,UAAA,CAA2B,GAAK,EAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC1D,IAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,SAChC;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,IAAK,EAAA,UAAA;AAAA,MACL,iBAAe,QAAY,IAAA,KAAA,CAAA;AAAA,MAC1B,GAAG,YAAa,CAAA;AAAA,QACf,QAAU,EAAA,QAAA,GAAW,KAAY,CAAA,GAAA,MAAA,GAAS,CAAI,GAAA,CAAA,CAAA;AAAA,QAC9C,UAAU,KAAsC,EAAA;AAC9C,UAAA,MAAM,UAAU,KAAM,CAAA,aAAA,CAAA;AACtB,UAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AACZ,UACG,IAAA,CAAA,KAAA,CAAM,OAAO,GAAO,IAAA,KAAA,CAAM,OAAO,OAClC,KAAA,CAAC,eACD,IAAA,CAAC,QACD,EAAA;AACA,YAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAErB,YAAM,MAAA,EAAE,IAAS,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC/B,YAAA,cAAA,CAAe,MAAM;AACnB,cAAQ,OAAA,CAAA,aAAA;AAAA,gBACN,IAAI,MAAA,CAAO,UAAW,CAAA,OAAA,EAAS,SAAS,CAAA;AAAA,eAC1C,CAAA;AAAA,aACD,CAAA,CAAA;AACD,YAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,OAAO,IAAK,CAAA,OAAA,CAAA,CAAA;AAAA,WACpB;AAAA,SACF;AAAA,QACA,QAAQ,KAAmC,EAAA;AACzC,UAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACV,UAAI,IAAA,CAAC,eAAmB,IAAA,CAAC,QAAU,EAAA;AACjC,YAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,OAAO,IAAK,CAAA,OAAA,CAAA,CAAA;AAAA,WACpB;AAAA,SACF;AAAA,QACA,QAAQ,KAAmC,EAAA;AACzC,UAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACV,UAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AAAA,SACrB;AAAA,QACA,GAAG,IAAA;AAAA,OACJ,CAAA;AAAA,MACD,GAAK,EAAA,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,mCACE,GAAA,CAAA,gBAAA,EAAA;AAAA,UACC,SAAA,EAAW,aAAa,YAAY,CAAA;AAAA,UACpC,aAAW,EAAA,IAAA;AAAA,SACb,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/menu/MenuPanel.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltMenuPanel {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n  overflow: hidden;\n  overflow-y: auto;\n  min-width: 10em;\n  position: relative;\n  z-index: var(--salt-zIndex-popout);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n}\n\n.saltMenuPanel-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-border);\n  max-height: inherit;\n  min-height: inherit;\n}\n\n.saltMenuPanel:focus-visible {\n  outline: none;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=MenuPanel.css.js.map

package/dist-es/menu/MenuPanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/menu/MenuPanel.js

@@ -1,57 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { makePrefixer, useFloatingComponent, useForkRef } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { useMenuContext } from './MenuContext.js';
-import { MenuPanelBase } from './MenuPanelBase.js';
-import { FloatingList } from '@floating-ui/react';
-import { MenuPanelContext } from './MenuPanelContext.js';
-
-const withBaseName = makePrefixer("saltMenuPanel");
-const MenuPanel = forwardRef(
-  function MenuPanel2(props, ref) {
-    const { children, className, ...rest } = props;
-    const { Component: FloatingComponent } = useFloatingComponent();
-    const {
-      getItemProps,
-      openState,
-      getFloatingProps,
-      refs,
-      getPanelPosition,
-      context,
-      elementsRef,
-      activeIndex,
-      setFocusInside,
-      isNested
-    } = useMenuContext();
-    const handleRef = useForkRef(ref, refs == null ? void 0 : refs.setFloating);
-    return /* @__PURE__ */ jsx(MenuPanelContext.Provider, {
-      value: { activeIndex, getItemProps, setFocusInside },
-      children: /* @__PURE__ */ jsx(FloatingList, {
-        elementsRef,
-        children: /* @__PURE__ */ jsx(FloatingComponent, {
-          open: openState,
-          role: "menu",
-          ...getFloatingProps(),
-          ...getPanelPosition(),
-          className: clsx(withBaseName(), className),
-          focusManagerProps: context ? {
-            context,
-            initialFocus: isNested ? -1 : 0,
-            returnFocus: !isNested,
-            modal: false
-          } : void 0,
-          tabIndex: -1,
-          ref: handleRef,
-          ...rest,
-          children: /* @__PURE__ */ jsx(MenuPanelBase, {
-            children
-          })
-        })
-      })
-    });
-  }
-);
-
-export { MenuPanel };
-//# sourceMappingURL=MenuPanel.js.map

package/dist-es/menu/MenuPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPanel.js","sources":["../src/menu/MenuPanel.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { makePrefixer, useFloatingComponent, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useMenuContext } from \"./MenuContext\";\nimport { MenuPanelBase } from \"./MenuPanelBase\";\nimport { FloatingList } from \"@floating-ui/react\";\nimport { MenuPanelContext } from \"./MenuPanelContext\";\n\nexport interface MenuPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the menu panel.\n   */\n  children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltMenuPanel\");\n\nexport const MenuPanel = forwardRef<HTMLDivElement, MenuPanelProps>(\n  function MenuPanel(props, ref) {\n    const { children, className, ...rest } = props;\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const {\n      getItemProps,\n      openState,\n      getFloatingProps,\n      refs,\n      getPanelPosition,\n      context,\n      elementsRef,\n      activeIndex,\n      setFocusInside,\n      isNested,\n    } = useMenuContext();\n\n    const handleRef = useForkRef<HTMLDivElement>(ref, refs?.setFloating);\n\n    return (\n      <MenuPanelContext.Provider\n        value={{ activeIndex, getItemProps, setFocusInside }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          <FloatingComponent\n            open={openState}\n            role=\"menu\"\n            {...getFloatingProps()}\n            {...getPanelPosition()}\n            className={clsx(withBaseName(), className)}\n            focusManagerProps={\n              context\n                ? {\n                    context,\n                    initialFocus: isNested ? -1 : 0,\n                    returnFocus: !isNested,\n                    modal: false,\n                  }\n                : undefined\n            }\n            tabIndex={-1}\n            ref={handleRef}\n            {...rest}\n          >\n            <MenuPanelBase>{children}</MenuPanelBase>\n          </FloatingComponent>\n        </FloatingList>\n      </MenuPanelContext.Provider>\n    );\n  }\n);\n"],"names":["MenuPanel"],"mappings":";;;;;;;;;AAeA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAI,oBAAqB,EAAA,CAAA;AAE9D,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MACA,IAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,QACE,cAAe,EAAA,CAAA;AAEnB,IAAA,MAAM,SAAY,GAAA,UAAA,CAA2B,GAAK,EAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,WAAW,CAAA,CAAA;AAEnE,IACE,uBAAA,GAAA,CAAC,iBAAiB,QAAjB,EAAA;AAAA,MACC,KAAO,EAAA,EAAE,WAAa,EAAA,YAAA,EAAc,cAAe,EAAA;AAAA,MAEnD,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,QAAa,WAAA;AAAA,QACZ,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA;AAAA,UACC,IAAM,EAAA,SAAA;AAAA,UACN,IAAK,EAAA,MAAA;AAAA,UACJ,GAAG,gBAAiB,EAAA;AAAA,UACpB,GAAG,gBAAiB,EAAA;AAAA,UACrB,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,UACzC,mBACE,OACI,GAAA;AAAA,YACE,OAAA;AAAA,YACA,YAAA,EAAc,WAAW,CAAK,CAAA,GAAA,CAAA;AAAA,YAC9B,aAAa,CAAC,QAAA;AAAA,YACd,KAAO,EAAA,KAAA;AAAA,WAET,GAAA,KAAA,CAAA;AAAA,UAEN,QAAU,EAAA,CAAA,CAAA;AAAA,UACV,GAAK,EAAA,SAAA;AAAA,UACJ,GAAG,IAAA;AAAA,UAEJ,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA;AAAA,YAAe,QAAA;AAAA,WAAS,CAAA;AAAA,SAC3B,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/menu/MenuPanelBase.js

@@ -1,25 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './MenuPanel.css.js';
-
-const MenuPanelBase = forwardRef(
-  function MenuPanelBase2(props, ref) {
-    const { children, ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-menu-panel",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx("div", {
-      ref,
-      ...rest,
-      children
-    });
-  }
-);
-
-export { MenuPanelBase };
-//# sourceMappingURL=MenuPanelBase.js.map

package/dist-es/menu/MenuPanelBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPanelBase.js","sources":["../src/menu/MenuPanelBase.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport menuPanelCss from \"./MenuPanel.css\";\n\nexport interface MenuPanelBaseProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const MenuPanelBase = forwardRef<HTMLDivElement, MenuPanelBaseProps>(\n  function MenuPanelBase(props, ref) {\n    const { children, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-menu-panel\",\n      css: menuPanelCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div ref={ref} {...rest}>\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["MenuPanelBase","menuPanelCss"],"mappings":";;;;;;AAOO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE9B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MAChB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/menu/MenuPanelContext.js

@@ -1,17 +0,0 @@
-import { createContext } from '@salt-ds/core';
-import { useContext } from 'react';
-
-const MenuPanelContext = createContext(
-  "MenuPanelContext",
-  {
-    activeIndex: null,
-    getItemProps: () => ({}),
-    setFocusInside: () => void 0
-  }
-);
-function useMenuPanelContext() {
-  return useContext(MenuPanelContext);
-}
-
-export { MenuPanelContext, useMenuPanelContext };
-//# sourceMappingURL=MenuPanelContext.js.map

package/dist-es/menu/MenuPanelContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPanelContext.js","sources":["../src/menu/MenuPanelContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { MenuContextValue } from \"./MenuContext\";\n\nexport interface MenuPanelContextValue\n  extends Pick<\n    MenuContextValue,\n    \"getItemProps\" | \"activeIndex\" | \"setFocusInside\"\n  > {}\n\nexport const MenuPanelContext = createContext<MenuPanelContextValue>(\n  \"MenuPanelContext\",\n  {\n    activeIndex: null,\n    getItemProps: () => ({}),\n    setFocusInside: () => undefined,\n  }\n);\n\nexport function useMenuPanelContext() {\n  return useContext(MenuPanelContext);\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B,kBAAA;AAAA,EACA;AAAA,IACE,WAAa,EAAA,IAAA;AAAA,IACb,YAAA,EAAc,OAAO,EAAC,CAAA;AAAA,IACtB,gBAAgB,MAAM,KAAA,CAAA;AAAA,GACxB;AACF,EAAA;AAEO,SAAS,mBAAsB,GAAA;AACpC,EAAA,OAAO,WAAW,gBAAgB,CAAA,CAAA;AACpC;;;;"}

package/dist-es/menu/MenuTrigger.js

@@ -1,39 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { isValidElement, cloneElement } from 'react';
-import { useForkRef, mergeProps } from '@salt-ds/core';
-import { useMenuContext } from './MenuContext.js';
-import { MenuTriggerContext } from './MenuTriggerContext.js';
-import { useMenuPanelContext } from './MenuPanelContext.js';
-
-function MenuTrigger(props) {
-  const { children } = props;
-  const { getReferenceProps, refs, setFocusInside, focusInside, openState } = useMenuContext();
-  const { setFocusInside: setFocusInsideParent } = useMenuPanelContext();
-  const handleRef = useForkRef(
-    isValidElement(children) ? children.ref : null,
-    refs == null ? void 0 : refs.setReference
-  );
-  if (!children || !isValidElement(children)) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children
-    });
-  }
-  return /* @__PURE__ */ jsx(MenuTriggerContext.Provider, {
-    value: { triggersSubmenu: true, blurActive: focusInside && openState },
-    children: cloneElement(children, {
-      ...mergeProps(
-        getReferenceProps({
-          onFocus() {
-            setFocusInsideParent(true);
-            setFocusInside(false);
-          }
-        }),
-        children.props
-      ),
-      ref: handleRef
-    })
-  });
-}
-
-export { MenuTrigger };
-//# sourceMappingURL=MenuTrigger.js.map

package/dist-es/menu/MenuTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuTrigger.js","sources":["../src/menu/MenuTrigger.tsx"],"sourcesContent":["import { cloneElement, isValidElement, ReactNode } from \"react\";\nimport { mergeProps, useForkRef } from \"@salt-ds/core\";\nimport { useMenuContext } from \"./MenuContext\";\nimport { MenuTriggerContext } from \"./MenuTriggerContext\";\nimport { useMenuPanelContext } from \"./MenuPanelContext\";\n\nexport interface MenuTriggerProps {\n  /**\n   * The trigger element for the menu. This should be a single child element and accept a ref.\n   */\n  children?: ReactNode;\n}\n\nexport function MenuTrigger(props: MenuTriggerProps) {\n  const { children } = props;\n\n  const { getReferenceProps, refs, setFocusInside, focusInside, openState } =\n    useMenuContext();\n  const { setFocusInside: setFocusInsideParent } = useMenuPanelContext();\n\n  const handleRef = useForkRef(\n    // @ts-expect-error error TS2339 missing property ref\n    isValidElement(children) ? children.ref : null,\n    refs?.setReference\n  );\n\n  if (!children || !isValidElement(children)) {\n    // Should we log or throw error?\n    return <>{children}</>;\n  }\n\n  return (\n    <MenuTriggerContext.Provider\n      value={{ triggersSubmenu: true, blurActive: focusInside && openState }}\n    >\n      {cloneElement(children, {\n        ...mergeProps(\n          getReferenceProps({\n            onFocus() {\n              setFocusInsideParent(true);\n              setFocusInside(false);\n            },\n          }),\n          children.props\n        ),\n        ref: handleRef,\n      })}\n    </MenuTriggerContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AAErB,EAAA,MAAM,EAAE,iBAAmB,EAAA,IAAA,EAAM,gBAAgB,WAAa,EAAA,SAAA,KAC5D,cAAe,EAAA,CAAA;AACjB,EAAA,MAAM,EAAE,cAAA,EAAgB,oBAAqB,EAAA,GAAI,mBAAoB,EAAA,CAAA;AAErE,EAAA,MAAM,SAAY,GAAA,UAAA;AAAA,IAEhB,cAAe,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,GAAM,GAAA,IAAA;AAAA,IAC1C,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,YAAA;AAAA,GACR,CAAA;AAEA,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,cAAA,CAAe,QAAQ,CAAG,EAAA;AAE1C,IAAO,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EACE,uBAAA,GAAA,CAAC,mBAAmB,QAAnB,EAAA;AAAA,IACC,OAAO,EAAE,eAAA,EAAiB,IAAM,EAAA,UAAA,EAAY,eAAe,SAAU,EAAA;AAAA,IAEpE,uBAAa,QAAU,EAAA;AAAA,MACtB,GAAG,UAAA;AAAA,QACD,iBAAkB,CAAA;AAAA,UAChB,OAAU,GAAA;AACR,YAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACzB,YAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,WACtB;AAAA,SACD,CAAA;AAAA,QACD,QAAS,CAAA,KAAA;AAAA,OACX;AAAA,MACA,GAAK,EAAA,SAAA;AAAA,KACN,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/menu/MenuTriggerContext.js

@@ -1,13 +0,0 @@
-import { createContext } from '@salt-ds/core';
-import { useContext } from 'react';
-
-const MenuTriggerContext = createContext(
-  "MenuTriggerContext",
-  { triggersSubmenu: false, blurActive: false }
-);
-function useIsMenuTrigger() {
-  return useContext(MenuTriggerContext);
-}
-
-export { MenuTriggerContext, useIsMenuTrigger };
-//# sourceMappingURL=MenuTriggerContext.js.map

package/dist-es/menu/MenuTriggerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuTriggerContext.js","sources":["../src/menu/MenuTriggerContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\n\nexport interface MenuTriggerContextValue {\n  triggersSubmenu: boolean;\n  blurActive: boolean;\n}\n\nexport const MenuTriggerContext = createContext<MenuTriggerContextValue>(\n  \"MenuTriggerContext\",\n  { triggersSubmenu: false, blurActive: false }\n);\n\nexport function useIsMenuTrigger() {\n  return useContext(MenuTriggerContext);\n}\n"],"names":[],"mappings":";;;AAQO,MAAM,kBAAqB,GAAA,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,EAAE,eAAA,EAAiB,KAAO,EAAA,UAAA,EAAY,KAAM,EAAA;AAC9C,EAAA;AAEO,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAO,WAAW,kBAAkB,CAAA,CAAA;AACtC;;;;"}

package/dist-types/menu/Menu.d.ts

@@ -1,4 +0,0 @@
-import { MenuBaseProps } from "./MenuBase";
-export interface MenuProps extends MenuBaseProps {
-}
-export declare function Menu(props: MenuProps): JSX.Element;

package/dist-types/menu/MenuBase.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from "react";
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { ReferenceType } from "@floating-ui/react";
-export interface MenuBaseProps {
-    children?: ReactNode;
-    /**
-     * Display or hide the component.
-     */
-    open?: boolean;
-    /**
-     * If true, the menu will be open by default.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Callback function triggered when open state changes.
-     */
-    onOpenChange?: (newOpen: boolean) => void;
-    /**
-     * Set the placement of the Menu component relative to the trigger element. Defaults to `bottom-start` if it's the root menu or `right-start` if it's nested.
-     */
-    placement?: UseFloatingUIProps["placement"];
-    /**
-     * Function that returns a [virtual element](https://floating-ui.com/docs/virtual-elements). If this is provided, it will override MenuTrigger.
-     */
-    getVirtualElement?: () => ReferenceType | null;
-}
-export declare function MenuBase(props: MenuBaseProps): JSX.Element;

package/dist-types/menu/MenuContext.d.ts

@@ -1,16 +0,0 @@
-import { UseFloatingUIReturn } from "@salt-ds/core";
-import { Dispatch, MutableRefObject, SetStateAction } from "react";
-import { useInteractions } from "@floating-ui/react";
-declare type UseInteractionsReturn = ReturnType<typeof useInteractions>;
-export interface MenuContextValue extends Pick<UseInteractionsReturn, "getItemProps" | "getReferenceProps" | "getFloatingProps">, Partial<Pick<UseFloatingUIReturn, "context" | "refs">> {
-    openState: boolean;
-    activeIndex: number | null;
-    getPanelPosition: () => Record<string, unknown>;
-    elementsRef: MutableRefObject<(HTMLDivElement | null)[]>;
-    focusInside: boolean;
-    setFocusInside: Dispatch<SetStateAction<boolean>>;
-    isNested: boolean;
-}
-export declare const MenuContext: import("react").Context<MenuContextValue>;
-export declare function useMenuContext(): MenuContextValue;
-export {};

package/dist-types/menu/MenuGroup.d.ts

@@ -1,12 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-export interface MenuGroupProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The label of the menu group.
-     */
-    label?: string;
-    /**
-     * Menus to be rendered inside the menu group.
-     */
-    children?: ReactNode;
-}
-export declare const MenuGroup: import("react").ForwardRefExoticComponent<MenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuItem.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface MenuItemProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * If `true`, the item will be disabled.
-     */
-    disabled?: boolean;
-}
-export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanel.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-export interface MenuPanelProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The content of the menu panel.
-     */
-    children?: ReactNode;
-}
-export declare const MenuPanel: import("react").ForwardRefExoticComponent<MenuPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanelBase.d.ts

@@ -1,4 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface MenuPanelBaseProps extends ComponentPropsWithoutRef<"div"> {
-}
-export declare const MenuPanelBase: import("react").ForwardRefExoticComponent<MenuPanelBaseProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanelContext.d.ts

@@ -1,5 +0,0 @@
-import { MenuContextValue } from "./MenuContext";
-export interface MenuPanelContextValue extends Pick<MenuContextValue, "getItemProps" | "activeIndex" | "setFocusInside"> {
-}
-export declare const MenuPanelContext: import("react").Context<MenuPanelContextValue>;
-export declare function useMenuPanelContext(): MenuPanelContextValue;

package/dist-types/menu/MenuTrigger.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-export interface MenuTriggerProps {
-    /**
-     * The trigger element for the menu. This should be a single child element and accept a ref.
-     */
-    children?: ReactNode;
-}
-export declare function MenuTrigger(props: MenuTriggerProps): JSX.Element;

package/dist-types/menu/MenuTriggerContext.d.ts

@@ -1,6 +0,0 @@
-export interface MenuTriggerContextValue {
-    triggersSubmenu: boolean;
-    blurActive: boolean;
-}
-export declare const MenuTriggerContext: import("react").Context<MenuTriggerContextValue>;
-export declare function useIsMenuTrigger(): MenuTriggerContextValue;

package/dist-types/menu/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./Menu";
-export * from "./MenuItem";
-export * from "./MenuPanel";
-export * from "./MenuTrigger";
-export * from "./MenuGroup";