@salt-ds/core 1.70.0 → 1.72.0

package/dist-types/list-control/ListControlState.d.ts

@@ -1,5 +1,7 @@
 import { type SyntheticEvent } from "react";
 import type { OptionValue } from "./ListControlContext";
+import { ListControlOptionStore } from "./ListControlOptionStore";
+import { type RegisteredOption } from "./ListControlRegistry";
 export type OpenChangeReason = "input" | "manual";
 export type ListControlProps<Item> = {
     /**
@@ -44,13 +46,14 @@ export type ListControlProps<Item> = {
     valueToString?: (item: Item) => string;
 };
 export declare function defaultValueToString<Item>(item: Item): string;
+export declare function findOptionFromSearch<Item>(options: readonly Pick<RegisteredOption<Item>, "data">[], search: string, valueToString: (item: Item) => string, startFrom?: OptionValue<Item>): OptionValue<Item> | undefined;
 export declare function useListControl<Item>(props: ListControlProps<Item>): {
     multiselect: boolean;
     openState: boolean;
     setOpen: (newOpen: boolean, reason?: OpenChangeReason, key?: string) => void;
     openKey: import("react").MutableRefObject<string | undefined>;
     activeState: OptionValue<Item> | undefined;
-    setActive: (option?: OptionValue<Item>) => void;
+    setActive: import("react").Dispatch<import("react").SetStateAction<OptionValue<Item> | undefined>>;
     selectedState: Item[];
     setSelectedState: import("react").Dispatch<import("react").SetStateAction<Item[]>>;
     select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
@@ -61,17 +64,13 @@ export declare function useListControl<Item>(props: ListControlProps<Item>): {
     setFocusedState: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setListRef: import("react").Ref<HTMLDivElement>;
     listRef: import("react").RefObject<HTMLDivElement>;
-    options: HTMLElement[];
     register: (optionValue: OptionValue<Item>, element: HTMLElement) => () => void;
     getOptionAtIndex: (index: number) => {
         data: OptionValue<Item>;
         element: HTMLElement;
     } | undefined;
     getIndexOfOption: (option: OptionValue<Item>) => number;
-    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => {
-        data: OptionValue<Item>;
-        element: HTMLElement;
-    }[];
+    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => RegisteredOption<Item>[];
     getOptionFromSearch: (search: string, startFrom?: OptionValue<Item>) => OptionValue<Item> | undefined;
     getOptionAfter: (option: OptionValue<Item>) => {
         data: OptionValue<Item>;
@@ -99,4 +98,5 @@ export declare function useListControl<Item>(props: ListControlProps<Item>): {
     } | undefined;
     valueToString: (item: Item) => string;
     disabled: boolean | undefined;
+    optionStateStore: ListControlOptionStore<Item>;
 };

package/dist-types/option/Option.d.ts

@@ -13,4 +13,6 @@ export interface OptionProps extends ComponentPropsWithoutRef<"div"> {
      */
     children?: ReactNode;
 }
-export declare const Option: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const OptionComponent: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Option: typeof OptionComponent;
+export {};

package/dist-types/overlay/Overlay.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from "react";
+import { type UseFloatingUIProps } from "../utils";
 export interface OverlayProps {
     /**
      * The content of the Overlay, typically an `OverlayTrigger` and `OverlayPanel`.
@@ -15,7 +16,7 @@ export interface OverlayProps {
     /**
      * Set the placement of the Overlay component relative to the trigger element. Defaults to `top`.
      */
-    placement?: "top" | "bottom" | "left" | "right";
+    placement?: UseFloatingUIProps["placement"];
     /**
      * When `true`, the arrow indicator is hidden
      */

package/dist-types/overlay/OverlayContext.d.ts

@@ -17,6 +17,10 @@ export interface OverlayContextValue {
     floating?: (node: HTMLElement | null) => void;
     getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
+    headerId?: string;
+    setHeaderId?: (id: string | undefined) => void;
+    descriptionId?: string;
+    setDescriptionId?: (id: string | undefined) => void;
 }
 export declare const OverlayContext: import("react").Context<OverlayContextValue>;
 export declare function useOverlayContext(): OverlayContextValue;

package/dist-types/overlay/OverlayFooter.d.ts

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

package/dist-types/overlay/hasOverlaySection.d.ts

@@ -0,0 +1,2 @@
+import { type ReactNode } from "react";
+export declare function hasOverlaySection(children: ReactNode): boolean;

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

@@ -1,4 +1,5 @@
 export * from "./Overlay";
+export * from "./OverlayFooter";
 export * from "./OverlayHeader";
 export * from "./OverlayPanel";
 export * from "./OverlayPanelCloseButton";

package/dist-types/panel/Panel.d.ts

@@ -11,6 +11,10 @@ import { type HTMLAttributes } from "react";
  *
  */
 export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Visual elevation.
+     */
+    elevation?: "flat" | "raised";
     /**
      * Styling variant; defaults to "primary".
      */

package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts

@@ -9,7 +9,8 @@ export interface ToggleButtonGroupContextValue {
     isSelected: (id: Value) => boolean;
     orientation: "horizontal" | "vertical";
     readOnly?: boolean;
-    select: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    registerButton: (value: Value, element: HTMLElement) => () => void;
+    select: (event: SyntheticEvent<HTMLButtonElement>, value?: Value) => void;
     sentiment?: ButtonSentiment;
 }
 export declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue | undefined>;

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

@@ -1,2 +1,2 @@
-import { useLayoutEffect } from "react";
-export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+import { useEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.70.0",
+  "version": "1.72.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -8,7 +8,12 @@
     "directory": "packages/core"
   },
   "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
+  "forbiddenDependencies": [
+    "@salt-ds/core",
+    "@salt-ds/lab"
+  ],
   "main": "dist-cjs/index.js",
+  "typings": "dist-types/index.d.ts",
   "sideEffects": [
     "*.css"
   ],
@@ -18,9 +23,9 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@salt-ds/icons": "^1.18.2",
-    "@salt-ds/styles": "0.4.0",
-    "@salt-ds/window": "0.1.1",
+    "@salt-ds/icons": "^1.18.3",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2",
     "clsx": "^2.0.0",
     "compute-scroll-into-view": "^3.0.0",
     "dom-accessibility-api": "^0.7.1",
@@ -38,7 +43,8 @@
     }
   },
   "publishConfig": {
-    "directory": "../../dist/salt-ds-core",
+    "main": "dist-cjs/index.js",
+    "module": "dist-es/index.js",
     "provenance": true
   },
   "scripts": {
@@ -49,9 +55,7 @@
     "css",
     "dist-cjs",
     "dist-es",
-    "dist-types",
-    "CHANGELOG.md"
+    "dist-types"
   ],
-  "module": "dist-es/index.js",
-  "typings": "dist-types/index.d.ts"
-}
+  "module": "dist-es/index.js"
+}