@salt-ds/lab 1.0.0-alpha.74 → 1.0.0-alpha.75

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, KeyboardEvent, ReactElement, RefObject } from "react";
+import type { CSSProperties, HTMLAttributes, KeyboardEvent, ReactElement, RefObject } from "react";
 import type { PortalProps } from "../portal";
 export type DropdownPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
 export interface DropdownBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect">, Pick<PortalProps, "disablePortal" | "container"> {
@@ -29,7 +29,7 @@ export interface DropdownHookTriggerProps {
     onFocus?: (e: FocusEvent) => void;
     role: string;
     onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
-    style?: any;
+    style?: CSSProperties;
 }
 interface ComponentProps extends HTMLAttributes<HTMLElement> {
     width?: number | string;

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

@@ -5,7 +5,7 @@ export interface DropdownListHookProps<Item, Strategy extends SelectionStrategy>
     itemToString?: (item: Item) => string;
 }
 export interface DropdownListHookResult<Item, Selection extends SelectionStrategy> extends Partial<ListHookResult<Item, Selection>>, Partial<DropdownHookResult> {
-    onOpenChange: any;
+    onOpenChange: (open: boolean) => void;
     triggerLabel?: string;
 }
 export declare const useDropdown: <Item, Selection extends SelectionStrategy = "default">({ collectionHook, defaultHighlightedIndex: defaultHighlightedIndexProp, defaultIsOpen, defaultSelected, highlightedIndex: highlightedIndexProp, isOpen: isOpenProp, itemToString, onHighlight, onOpenChange, onSelectionChange, onSelect, selected, selectionStrategy, }: DropdownListHookProps<Item, Selection>) => DropdownListHookResult<Item, Selection>;

package/dist-types/list/useListHeight.d.ts

@@ -12,4 +12,4 @@ export interface ListHeightHookProps {
 export interface HeightHookResult {
     preferredHeight: number | undefined;
 }
-export declare const useListHeight: ({ borderless, displayedItemCount, getItemHeight, height, itemCount, itemGapSize, itemHeight: itemHeightProp, rowHeightRef, }: ListHeightHookProps) => HeightHookResult;
+export declare const useListHeight: ({ borderless, displayedItemCount, getItemHeight, height: _height, itemCount, itemGapSize, itemHeight: itemHeightProp, rowHeightRef, }: ListHeightHookProps) => HeightHookResult;

package/dist-types/list-deprecated/ListBase.d.ts

@@ -1,20 +1,16 @@
-import { type ForwardedRef, type HTMLAttributes, type ReactElement, type Ref } from "react";
+import { type ComponentProps, type ForwardedRef, type HTMLAttributes, type ReactElement, type Ref, type UIEvent } from "react";
 import type { ListBaseProps } from "./ListProps";
-export interface ListboxContextProps<Item> {
+export interface ListboxContextProps<Item> extends Pick<ComponentProps<"div">, "style" | "className" | "onScroll" | "id"> {
     borderless?: boolean;
-    className?: string;
     disabled?: boolean;
     disableFocus?: boolean;
     getItemId?: (index: number) => string;
     getItemHeight?: (index?: number) => number;
-    id?: string;
     itemToString?: (item: Item) => string;
-    listRef?: Ref<any>;
-    style?: any;
-    onScroll?: (evt: any) => void;
+    listRef?: Ref<HTMLDivElement>;
 }
 export interface ListboxProps extends HTMLAttributes<HTMLDivElement> {
-    onScroll?: (evt: any) => void;
+    onScroll?: (evt: UIEvent<HTMLDivElement>) => void;
 }
 export interface ListScrollHandles<Item> {
     scrollToIndex: (itemIndex: number) => void;

package/dist-types/list-deprecated/ListProps.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, Ref, SyntheticEvent } from "react";
+import type { ComponentProps, ComponentType, HTMLAttributes, Ref, SyntheticEvent } from "react";
+import type { IndexedListItemProps } from "./useListItem";
 export type ListSingleSelectionVariant = "default" | "deselectable";
 export type ListMultiSelectionVariant = "multiple" | "extended";
 export type ListSelectionVariant = ListSingleSelectionVariant | ListMultiSelectionVariant;
@@ -8,11 +9,11 @@ export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDi
     /**
      * The component used for item instead of the default.
      */
-    ListItem?: any;
+    ListItem?: ComponentType<IndexedListItemProps<Item>>;
     /**
      * The component used when there are no items.
      */
-    ListPlaceholder?: any;
+    ListPlaceholder?: ComponentType<ComponentProps<"div">>;
     /**
      * If `true`, the component will have no border.
      */
@@ -105,10 +106,10 @@ export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDi
      */
     itemToString?: (item: Item) => string;
     /**
-     * Used for accessing the scrollable list node inside of the component. If you want to access
+     * Used for accessing the scrollable list node inside the component. If you want to access
      * the outer wrapper node use `ref` instead.
      */
-    listRef?: Ref<HTMLElement>;
+    listRef?: Ref<HTMLDivElement>;
     /**
      * Maximum list height.
      */
@@ -128,7 +129,7 @@ export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDi
     /**
      * @external - react-window
      *
-     * The number of items to render outside of the visible area.
+     * The number of items to render outside the visible area.
      */
     overscanCount?: number;
     /**

package/dist-types/list-deprecated/internal/helpers.d.ts

@@ -1,2 +1,3 @@
-export function isPlainObject(obj: any): boolean;
-export function calcPreferredListHeight(props?: {}): number | undefined;
+import type { ListBaseProps } from "../ListProps";
+export declare const isPlainObject: (obj: unknown) => obj is Record<string, unknown>;
+export declare const calcPreferredListHeight: (props?: Partial<ListBaseProps>) => number | undefined;

package/dist-types/list-deprecated/internal/useListAutoSizer.d.ts

@@ -1,12 +1,7 @@
-import { type Ref } from "react";
+import { type CSSProperties } from "react";
 export interface ListAutosizerProps {
     responsive: boolean;
     height?: number | string;
     width?: number | string;
 }
-interface size {
-    height?: number | string;
-    width?: number | string;
-}
-export declare function useListAutoSizer<Element extends HTMLElement>(props: ListAutosizerProps): [Ref<Element>, size];
-export {};
+export declare function useListAutoSizer<Element extends HTMLElement>(props: ListAutosizerProps): readonly [import("react").RefObject<Element>, CSSProperties];

package/dist-types/list-deprecated/itemToString.d.ts

@@ -1,2 +1,2 @@
-export type ItemToStringFunction = (item: any) => string;
-export declare function itemToString(item: any): string;
+export type ItemToStringFunction<Item = unknown> = (item: Item) => string;
+export declare function itemToString<Item>(item: Item): string;

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

@@ -22,7 +22,7 @@ export interface ListHelpers<Item = string, Variant extends ListSelectionVariant
     };
 }
 export declare function useList<Item, Variant extends ListSelectionVariant>(props?: ListProps<Item, Variant>): {
-    focusedRef: Ref<any>;
+    focusedRef: Ref<unknown>;
     listProps: Partial<ListProps<Item, Variant>> & listBoxAriaProps;
     state: ListState<Item, Variant>;
     helpers: ListHelpers<Item, Variant>;

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

@@ -1,4 +1,4 @@
 /**
  * This function only capitalise the first letter of a string.
  */
-export declare const capitalise: (target: any) => string;
+export declare function capitalise(value: string): string;

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

@@ -1,4 +1,4 @@
-import { type FocusEvent, type KeyboardEvent } from "react";
+import { type KeyboardEvent } from "react";
 export interface UsePopperStatusProps {
     initialOpen?: boolean;
     autoClose?: boolean;
@@ -6,8 +6,8 @@ export interface UsePopperStatusProps {
 export declare function usePopperStatus(props: UsePopperStatusProps): {
     isOpen: boolean;
     onKeyDown: (event: KeyboardEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onBlur: (event: FocusEvent) => void;
+    onFocus: () => void;
+    onBlur: () => void;
     onChange: () => void;
     onClick: () => void;
 };

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

@@ -52,7 +52,7 @@ export type OverflowItem<T extends overflowItemType = "child"> = {
     reclaimSpace?: boolean;
     reclaimedSpace?: boolean;
     size: number;
-    source: T extends "source" ? any : null;
+    source: T extends "source" ? unknown : null;
     type: overflowItemType;
     editable?: boolean;
     closeable?: boolean;

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

@@ -32,7 +32,7 @@ export declare const getOverflowIndicator: (managedItems: OverflowItem[]) => Ove
 export declare const popNextItemByPriority: (items: OverflowItem[]) => OverflowItem | null;
 export declare const measureOverflowItems: (items: OverflowItem[], dimension: heightOrWidth) => OverflowItem[];
 export declare const addAll: (sum: number, m: OverflowItem) => number;
-export declare const getElementForItem: (ref: ElementRef, item: OverflowItem) => HTMLElement;
+export declare const getElementForItem: (ref: ElementRef, item: OverflowItem) => HTMLElement | null | undefined;
 type dimension = "left" | "right" | "top" | "bottom";
 export declare const getRuntimePadding: (el: HTMLElement, ...dimensions: dimension[]) => number[];
 export {};

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

@@ -1,3 +1,3 @@
 import type { OverflowHookProps, OverflowHookResult, OverflowItem } from "./overflowTypes";
 export declare const addAllVisible: (sum: number, m: OverflowItem) => number;
-export declare const useReclaimSpace: ({ collectionHook, label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => OverflowHookResult;
+export declare const useReclaimSpace: ({ collectionHook, label: _label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => OverflowHookResult;

package/dist-types/search-input/SearchInput.d.ts

@@ -5,7 +5,7 @@ export interface SearchInputProps extends Omit<InputProps, "onSubmit"> {
      * Override "search" icon.
      * Set to `null` to hide.
      */
-    IconComponent?: ComponentType<any> | null;
+    IconComponent?: ComponentType | null;
     /**
      * Callback for when clear button is clicked.
      */

package/dist-types/vertical-navigation/VerticalNavigation.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef } from "react";
-export interface VerticalNavigationProps extends ComponentPropsWithoutRef<"ol"> {
+export interface VerticalNavigationProps extends ComponentPropsWithoutRef<"nav"> {
     appearance?: "indicator" | "bordered";
 }
-export declare const VerticalNavigation: import("react").ForwardRefExoticComponent<VerticalNavigationProps & import("react").RefAttributes<HTMLOListElement>>;
+export declare const VerticalNavigation: import("react").ForwardRefExoticComponent<VerticalNavigationProps & import("react").RefAttributes<HTMLElement>>;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.74",
+  "version": "1.0.0-alpha.75",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/jpmorganchase/salt-ds.git",
+    "url": "git+https://github.com/jpmorganchase/salt-ds.git",
     "directory": "packages/lab"
   },
   "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
@@ -21,19 +21,16 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.47.4",
+    "@salt-ds/core": "^1.47.5",
     "@salt-ds/date-adapters": "0.1.0-alpha.5",
     "@salt-ds/icons": "^1.14.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
     "@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",