@salt-ds/lab 1.0.0-alpha.16 → 1.0.0-alpha.18

package/dist-types/drawer/useDrawer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseFloatingUIProps } from "@salt-ds/core";
 export declare type UseDrawerProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
 export declare function useDrawer(props: UseDrawerProps): {
@@ -8,12 +7,12 @@ export declare function useDrawer(props: UseDrawerProps): {
     context: {
         x: number | null;
         y: number | null;
-        placement: import("@floating-ui/react").Placement;
-        strategy: import("@floating-ui/react").Strategy;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
-        update: () => void;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
         floating: (node: HTMLElement | null) => void;
+        update: () => void;
         isPositioned: boolean;
         open: boolean;
         onOpenChange: (open: boolean) => void;

package/dist-types/dropdown/DropdownBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownBaseProps } from "./dropdownTypes";
 export declare type MaybeChildProps = {
     className?: string;

package/dist-types/dropdown-next/DropdownNext.d.ts

@@ -1,8 +1,7 @@
 import { ListNextProps } from "../list-next";
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { HTMLAttributes, Ref } from "react";
+import { Ref, SyntheticEvent, ComponentPropsWithoutRef } from "react";
 import { Placement } from "@floating-ui/react";
-export interface DropdownNextProps extends Pick<UseFloatingUIProps, "open" | "onOpenChange" | "placement">, HTMLAttributes<HTMLButtonElement> {
+export interface DropdownNextProps extends Omit<ComponentPropsWithoutRef<"button">, "onSelect"> {
     /**
      * If `true`, dropdown will be disabled.
      */
@@ -36,6 +35,14 @@ export interface DropdownNextProps extends Pick<UseFloatingUIProps, "open" | "on
      */
     ListProps?: ListNextProps;
     open?: boolean;
+    /**
+     * Callback for list selection event
+     */
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+    /* Selected prop for use in controlled component. */
     selected?: string;
     highlightedItem?: string;
 }

package/dist-types/dropdown-next/useDropdownNext.d.ts

@@ -26,6 +26,13 @@ export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChang
         floating: (node: HTMLElement | null) => void;
         reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
         getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
+        getPosition: () => {
+            top: number;
+            left: number;
+            position: import("@floating-ui/utils").Strategy;
+            width: number | undefined;
+            height: number | undefined;
+        };
     };
 };
 export {};

package/dist-types/form-field-legacy/FormActivationIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
 export interface FormActivationIndicatorProps extends Pick<FormFieldProps, "validationStatus"> {
     hasIcon?: boolean;

package/dist-types/form-field-legacy/FormControlContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FormControlContext: import("react").Context<{
     focused: boolean;
 }>;

package/dist-types/formatted-input/FormattedInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputLegacyProps as InputProps } from "../input-legacy";
 export declare type MaskFunction = (value: string | undefined) => boolean;
 export interface RifmOptions {

package/dist-types/layer-layout/LayerLayout.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes } from "react";
 import { ScrimProps } from "../scrim";
 import { Breakpoints } from "@salt-ds/core";
 export declare const LAYER_POSITIONS: readonly ["center", "left", "top", "right", "bottom"];
-export declare type LayerPositions = typeof LAYER_POSITIONS[number];
+export declare type LayerPositions = (typeof LAYER_POSITIONS)[number];
 export interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Disable the scrim.

package/dist-types/list-next/ListNext.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange"> {
+export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange" | "onSelect"> {
     /**
      * If true, all items in list will be disabled.
      */
@@ -8,6 +8,9 @@ export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onC
     highlightedItem?: string;
     selected?: string;
     onChange?: (event: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (event: SyntheticEvent, data: {
         value: string;
     }) => void;
     defaultSelected?: string;

package/dist-types/list-next/useList.d.ts

@@ -8,12 +8,15 @@ export interface UseListProps {
     selected?: string;
     defaultSelected?: string;
     onChange?: (e: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (e: SyntheticEvent, data: {
         value: string;
     }) => void;
     id?: string;
     ref: RefObject<HTMLUListElement>;
 }
-export declare const useList: ({ disabled, highlightedItem: highLightedItemProp, selected: selectedProp, defaultSelected, onChange, id, ref, }: UseListProps) => {
+export declare const useList: ({ disabled, highlightedItem: highlightedItemProp, selected: selectedProp, defaultSelected, onChange, onSelect, id, ref, }: UseListProps) => {
     focusHandler: (event: FocusEvent<HTMLUListElement | HTMLElement>) => void;
     keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
     blurHandler: () => void;

package/dist-types/metric/internal/MetricContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MetricContextValue {
     /**
      * Text and value alignment.

package/dist-types/navigation-item/ConditionalWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { NavigationItemProps } from "./NavigationItem";
+interface ConditionalWrapperProps extends Pick<NavigationItemProps, "parent" | "expanded" | "onExpand" | "active" | "href"> {
+    children: ReactNode;
+    className: string;
+}
+export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => JSX.Element;
+export {};

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { NavigationItemProps } from "./NavigationItem";
 export declare function ExpansionIcon({ expanded, orientation, className, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;

package/dist-types/navigation-item/NavigationItem.d.ts

@@ -5,9 +5,9 @@ export interface NavigationItemProps extends ComponentPropsWithoutRef<"div"> {
      */
     active?: boolean;
     /**
-     * Whether the parent navigation item has active nested items.
+     * Whether the nested group is collapsed and there is an active nested item within it.
      */
-    blurSelected?: boolean;
+    blurActive?: boolean;
     /**
      * Whether the navigation item is expanded.
      */

package/dist-types/pagination/ArrowButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export declare type ArrowButtonType = "previous" | "next";
 export interface ArrowButtonProps extends ButtonProps {

package/dist-types/pagination/CompactControls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
 export interface CompactControlsProps {
     count: number;

package/dist-types/pagination/CompactInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
 export interface CompactInputProps {
     count: number;

package/dist-types/pagination/PageButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PageButtonProps {
     page: number;
     isSelected?: boolean;

package/dist-types/pagination/PaginationContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PaginationContext {
     page: number;
     count: number;

package/dist-types/pagination/RegularControls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RegularControlsProps {
     count: number;
     page: number;

package/dist-types/pill/ClosablePill.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PillBaseProps } from "./PillBase";
 export interface ClosablePillProps extends Omit<PillBaseProps, "clickable"> {
     /**

package/dist-types/pill/internal/DeleteButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export interface DeleteButtonProps extends ButtonProps {
     /**

package/dist-types/pill/internal/PillCheckbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const PillCheckbox: (props: {
     checked?: boolean;
 }) => JSX.Element;

package/dist-types/progress/Info.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     className: string;
     unit: string;

package/dist-types/query-input/internal/CategoryListContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CategoryListContext {
     width: number;
 }

package/dist-types/responsive/overflowUtils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
 export declare const DropdownPlaceholder: () => null;
 export declare const getDropdownPlaceholder: () => JSX.Element;

package/dist-types/scrim/ScrimContext.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ScrimContext: import("react").Context<(() => void) | undefined>;

package/dist-types/skip-link/internal/useManageFocusOnTarget.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="cypress" />
 /// <reference types="node" />
-/// <reference types="webpack-env" />
 import { RefObject } from "react";
 export declare const useManageFocusOnTarget: ({ targetRef, targetClass, }: {
     targetRef: RefObject<HTMLElement> | undefined;

package/dist-types/slider/internal/SliderMarkLabels.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SliderMark } from "./SliderRailMarks";
 export interface SliderMarkLabelsProps {
     min: number;

package/dist-types/slider/internal/SliderRail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SliderRailProps {
 }
 export declare function SliderRail(props: SliderRailProps): JSX.Element;

package/dist-types/slider/internal/SliderSelection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SliderSelectionProps {
     valueLength: number;
 }

package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts

@@ -1,3 +1,8 @@
-import { ComponentPropsWithoutRef } from "react";
-export declare type StepLabelProps = ComponentPropsWithoutRef<"label">;
-export declare const StepLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface StepLabelProps extends ComponentPropsWithoutRef<"label"> {
+    /**
+     * The content of Step Label
+     */
+    children?: ReactNode;
+}
+export declare const StepLabel: import("react").ForwardRefExoticComponent<StepLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type ConnectorState = "default" | "active";
 declare type TrackerConnectorProps = {
     /**

package/dist-types/stepper-input/internal/useDynamicAriaLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useDynamicAriaLabel: (appendLabel: string, hasLiveValue: boolean, inputRef: React.MutableRefObject<HTMLInputElement | null>, value: number | string | undefined, valuesHaveDiverged: () => boolean) => {
     setHasAnnounced: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/dist-types/tabs/TabActivationIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TabActivationIndicatorProps {
     hideThumb?: boolean;
     orientation?: "horizontal" | "vertical";

package/dist-types/tabs/Tabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FocusAPI, TabstripProps } from "./TabsTypes";
 export declare type TabsProps = Omit<TabstripProps, "defaultSource">;
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<FocusAPI>>;

package/dist-types/tabs/drag-drop/DropIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Rect } from "./dragDropTypes";
 export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
     className?: string | undefined;

package/dist-types/toolbar/Toolbar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToolbarProps } from "./ToolbarProps";
 /**
  * The core Toolbar implementation, without the external wrapper provided by Toolbar.js

package/dist-types/toolbar/ToolbarButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export declare type ToolbarButtonProps = ButtonProps & {
     overflowLabel?: string;

package/dist-types/toolbar/Tooltray.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TooltrayProps } from "./TooltrayProps";
 export declare const Tooltray: (props: TooltrayProps) => JSX.Element;

package/dist-types/toolbar/internal/ToolbarHiddenItemIdsContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").Context<{}>;
 export default _default;

package/dist-types/toolbar/internal/renderToolbarItems.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { orientationType, OverflowCollectionHookResult, OverflowItem } from "../../responsive";
 export declare const renderToolbarItems: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem<"child">[] | undefined, orientation: orientationType) => JSX.Element[];

package/dist-types/toolbar/toolbar-field/ToolbarField.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ToolbarFieldProps } from "./toolbarFieldTypes";
 export declare const ToolbarField: import("react").ForwardRefExoticComponent<ToolbarFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tree/Tree.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectionStrategy } from "../common-hooks";
 import { TreeProps } from "./treeTypes";
 export declare const Tree: import("react").ForwardRefExoticComponent<TreeProps<unknown, SelectionStrategy> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/window/ElectronWindow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ElectronWindow: import("react").ForwardRefExoticComponent<{
     open?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/window/desktop-utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WindowParentContext: import("react").Context<{
     top: number;
     left: number;

package/package.json

@@ -1,9 +1,36 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.16",
+  "version": "1.0.0-alpha.18",
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jpmorganchase/salt-ds.git",
+    "directory": "packages/lab"
+  },
+  "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
+  "dependencies": {
+    "@floating-ui/react": "^0.23.0",
+    "@fluentui/react-overflow": "^9.0.19",
+    "@internationalized/date": "^3.0.0",
+    "@types/react-window": "^1.8.2",
+    "aria-hidden": "^1.1.1",
+    "attr-accept": "^2.0.0",
+    "clipboard-copy": "^4.0.1",
+    "clsx": "^2.0.0",
+    "compute-scroll-into-view": "^3.0.0",
+    "deepmerge": "^4.2.2",
+    "no-scroll": "^2.1.1",
+    "react-color": "^2.19.3",
+    "react-window": "^1.8.6",
+    "rifm": "^0.12.0",
+    "tinycolor2": "^1.4.2",
+    "@salt-ds/core": "^1.9.0",
+    "@salt-ds/window": "^0.1.1",
+    "@salt-ds/styles": "^0.1.1",
+    "@salt-ds/icons": "^1.7.0"
+  },
   "peerDependencies": {
     "@types/react": ">=16.14.0",
     "react": ">=16.14.0",
@@ -20,35 +47,10 @@
   },
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
-  "dependencies": {
-    "@salt-ds/core": "^1.8.1",
-    "clsx": "^2.0.0",
-    "react-window": "^1.8.6",
-    "compute-scroll-into-view": "^3.0.0",
-    "@salt-ds/window": "^0.1.1",
-    "@salt-ds/styles": "^0.1.1",
-    "@salt-ds/icons": "^1.6.0",
-    "@floating-ui/react": "^0.23.0",
-    "@internationalized/date": "^3.0.0",
-    "tinycolor2": "^1.4.2",
-    "react-color": "^2.19.3",
-    "deepmerge": "^4.2.2",
-    "clipboard-copy": "^4.0.1",
-    "attr-accept": "^2.0.0",
-    "rifm": "^0.12.0",
-    "aria-hidden": "^1.1.1",
-    "no-scroll": "^2.1.1",
-    "@fluentui/react-overflow": "^9.0.19"
-  },
   "files": [
     "dist-cjs",
     "dist-es",
     "dist-types",
     "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/jpmorganchase/salt-ds",
-    "directory": "packages/lab"
-  }
+  ]
 }