@salt-ds/lab 1.0.0-alpha.41 → 1.0.0-alpha.43

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,22 +0,0 @@
-import { ReactNode } from "react";
-import { UseFloatingUIProps } from "@salt-ds/core";
-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"];
-}
-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";