@salt-ds/core 1.25.0 → 1.27.0

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

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+import { ReferenceType } from "@floating-ui/react";
+import { UseFloatingUIProps } from "../utils";
+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

@@ -0,0 +1,16 @@
+import { Dispatch, MutableRefObject, SetStateAction } from "react";
+import { useInteractions } from "@floating-ui/react";
+import { UseFloatingUIReturn } from "../utils";
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,6 @@
+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

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

package/dist-types/tooltip/useTooltip.d.ts

@@ -1,6 +1,10 @@
 import { HTMLProps } from "react";
 import { UseFloatingUIProps } from "../utils";
 export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
+    /**
+     * When `true`, the tooltip will be disabled.
+     */
+    disabled?: boolean;
     /**
      * Do not respond to focus events.
      */

package/dist-types/utils/useResponsiveProp.d.ts

@@ -7,4 +7,5 @@ export declare const getCurrentBreakpoint: (breakpoints: Breakpoints, width: num
 export declare const useCurrentBreakpoint: () => keyof Breakpoints;
 export declare const useOrderedBreakpoints: () => string[];
 export declare const useResponsiveProp: <T>(value: ResponsiveProp<T>, defaultValue: T) => T;
+export declare function resolveResponsiveValue<Value>(value: ResponsiveProp<Value>, matchedBreakpoints: (keyof Breakpoints)[]): Value | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.25.0",
+  "version": "1.27.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
     "clsx": "^2.0.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
-    "@salt-ds/icons": "^1.11.0"
+    "@salt-ds/icons": "^1.11.2"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",