@spscommerce/ds-react 6.37.2 → 7.0.0

package/lib/input-group/SpsInputGroup.d.ts

@@ -1,17 +1,12 @@
-import * as PropTypes from "../prop-types";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormArray } from "../form/hooks/formArray";
 import type { SpsFormGroup } from "../form/hooks/formGroup";
 import type { SpsFormSetMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    formArray: PropTypes.Requireable<SpsFormArray<any>>;
-    formGroup: PropTypes.Requireable<SpsFormGroup>;
-    formMeta: PropTypes.Requireable<SpsFormSetMeta<any, import("../form/hooks/useSpsForm").InferredSpsFormMetaSetMembers<any>>>;
-    stacked: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsInputGroupProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare type SpsInputGroupProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    formArray?: SpsFormArray<any>;
+    formGroup?: SpsFormGroup;
+    formMeta?: SpsFormSetMeta<any>;
+    stacked?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsInputGroup({ children, className, formArray, formGroup, formMeta, stacked, "data-testid": testId, unsafelyReplaceClassName, ...rest }: SpsInputGroupProps): JSX.Element;
-export {};

package/lib/insight-tile/SpsInsightTile.d.ts

@@ -1,18 +1,13 @@
-import { SpsInsightTileKind, SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    horizontal: PropTypes.Requireable<boolean>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    kind: PropTypes.Requireable<SpsInsightTileKind>;
-    title: PropTypes.Requireable<string>;
-    metric: PropTypes.Requireable<string> | PropTypes.Requireable<number>;
-    partnerCount: PropTypes.Requireable<number>;
-    totalPartners: PropTypes.Requireable<number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsInsightTileProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsInsightTileKind, SpsIcon } from "@spscommerce/ds-shared";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsInsightTileProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    horizontal?: boolean;
+    icon?: SpsIcon;
+    kind?: SpsInsightTileKind;
+    title?: string;
+    metric?: number | string;
+    partnerCount?: number;
+    totalPartners?: number;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsInsightTile(props: SpsInsightTileProps): JSX.Element;
-export {};

package/lib/insight-tile/SpsInsights.d.ts

@@ -1,10 +1,4 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsInsightsProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsInsightsProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsInsights(props: SpsInsightsProps): JSX.Element;
-export {};

package/lib/key-value-list/SpsKeyValueList.d.ts

@@ -1,11 +1,6 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    inline: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsKeyValueListProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsKeyValueListProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    inline?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsKeyValueList(props: SpsKeyValueListProps): JSX.Element;
-export {};

package/lib/key-value-list/SpsKeyValueListItem.d.ts

@@ -1,13 +1,8 @@
+import * as React from "react";
 import { KeyValueListTitleColor } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    itemKey: PropTypes.Validator<PropTypes.ReactNodeOrRenderFn>;
-    titleColor: PropTypes.Requireable<KeyValueListTitleColor>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsKeyValueListItemProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsKeyValueListItemProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    itemKey: string | React.ReactNode | (() => React.ReactNode);
+    titleColor?: KeyValueListTitleColor;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsKeyValueListItem(props: SpsKeyValueListItemProps): JSX.Element;
-export {};

package/lib/key-value-list/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./SpsKeyValueList";
 export * from "./SpsKeyValueListItem";
-export * from "./SpsKeyValueList.examples";

package/lib/key-value-tag/SpsKeyValueTag.d.ts

@@ -1,16 +1,11 @@
 import { SpsIcon, TagKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    color: PropTypes.Requireable<TagKind>;
-    href: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    tagKey: PropTypes.Validator<string>;
-    value: PropTypes.Validator<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsKeyValueTagProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsKeyValueTagProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    color?: TagKind;
+    href?: string;
+    icon?: SpsIcon;
+    tagKey: string;
+    value: string;
+}> & React.HTMLAttributes<HTMLSpanElement>;
 export declare function SpsKeyValueTag(props: SpsKeyValueTagProps): JSX.Element;
-export {};

package/lib/label/SpsLabel.d.ts

@@ -1,20 +1,15 @@
 import { SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormControl } from "../form/hooks/formControl";
 import { SpsFormMetaBase } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    description: PropTypes.Requireable<string>;
-    for: PropTypes.Validator<SpsFormMetaBase<any> | SpsFormControl<any>>;
-    stronglySuggested: PropTypes.Requireable<boolean>;
-    help: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    helpIcon: PropTypes.Requireable<SpsIcon>;
-    helpIconColor: PropTypes.Requireable<string>;
-    errors: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsLabelProps = PropTypes.InferTS<typeof propTypes, HTMLLabelElement>;
+export declare type SpsLabelProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    description?: string;
+    for: SpsFormMetaBase<any> | SpsFormControl<any>;
+    stronglySuggested?: boolean;
+    help?: React.ReactNode | (() => React.ReactNode);
+    helpIcon?: SpsIcon;
+    helpIconColor?: string;
+    errors?: React.ReactNode | (() => React.ReactNode);
+}> & React.HTMLAttributes<HTMLLabelElement>;
 export declare function SpsLabel({ children, className, description, for: forProp, stronglySuggested, help, helpIcon, helpIconColor, errors, unsafelyReplaceClassName, "data-testid": testId, ...rest }: SpsLabelProps): JSX.Element;
-export {};

package/lib/list-action-bar/SpsListActionBar.d.ts

@@ -1,12 +1,7 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    clearSelected: PropTypes.Validator<() => void>;
-    itemsSelected: PropTypes.Requireable<string | number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsListActionBarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsListActionBar(props: SpsListActionBarProps): JSX.Element;
-export {};
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsListActionBarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    clearSelected: () => void;
+    itemsSelected: string | number;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export declare function SpsListActionBar(props: SpsListActionBarProps): React.ReactElement;

package/lib/list-toolbar/SpsListToolbar.d.ts

@@ -1,27 +1,22 @@
 import type { SpsTab } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    activeTab: PropTypes.Requireable<SpsTab>;
-    advancedSearch: PropTypes.Requireable<PropTypes.InferProps<{
-        isOpen: PropTypes.Requireable<boolean>;
-        enteredFields: PropTypes.Requireable<number>;
-    }>>;
-    onToggleAdvancedSearch: PropTypes.Requireable<(boolean: any) => void>;
-    onTabChange: PropTypes.Requireable<(SpsTab: any) => void>;
-    title: PropTypes.Requireable<string>;
-    tabs: PropTypes.Requireable<SpsTab[]>;
-    onToolbarPinned: PropTypes.Requireable<(boolean: any) => void>;
-    selectable: PropTypes.Requireable<boolean>;
-    isSelected: PropTypes.Requireable<boolean>;
-    isIndeterminate: PropTypes.Requireable<boolean>;
-    onSelectionChange: PropTypes.Requireable<(boolean: any) => void>;
-    pinResultsBar: PropTypes.Requireable<boolean>;
-    pinToolbar: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsListToolbarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsListToolbarProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    activeTab?: SpsTab;
+    advancedSearch?: {
+        isOpen: boolean;
+        enteredFields?: number;
+    };
+    onToggleAdvancedSearch?: (boolean: any) => void;
+    onTabChange?: (SpsTab: any) => void;
+    title?: string;
+    tabs?: SpsTab[];
+    onToolbarPinned?: (boolean: any) => void;
+    selectable?: boolean;
+    isSelected?: boolean;
+    isIndeterminate?: boolean;
+    onSelectionChange?: (boolean: any) => void;
+    pinResultsBar?: boolean;
+    pinToolbar?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsListToolbar(props: SpsListToolbarProps): JSX.Element;
-export {};

package/lib/list-toolbar/SpsListToolbarSearch.d.ts

@@ -1,12 +1,6 @@
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    onSubmit: PropTypes.Requireable<React.FormEventHandler<Element>>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsListToolbarSearchProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsListToolbarSearchProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    onSubmit?: React.FormEventHandler;
+}> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsListToolbarSearch(props: SpsListToolbarSearchProps): JSX.Element;
-export {};

package/lib/list-toolbar/SpsListToolbarSearchInfo.d.ts

@@ -1,10 +1,4 @@
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsListToolbarSearchInfoProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsListToolbarSearchInfoProps = React.PropsWithChildren<SpsGlobalPropTypes> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsListToolbarSearchInfo(props: SpsListToolbarSearchInfoProps): JSX.Element;
-export {};

package/lib/list-toolbar/SpsListToolbarSortBy.d.ts

@@ -1,21 +1,16 @@
+import * as React from "react";
 import type { SortDirection, SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 export interface SortOption {
     label: string;
     key: string;
     direction: SortDirection;
     icon: SpsIcon;
 }
-declare const propTypes: {
-    options: PropTypes.Requireable<SortOption[]>;
-    activeOption: PropTypes.Requireable<SortOption>;
-    onSortChange: PropTypes.Requireable<(option: SortOption) => void>;
-    defaultOption: PropTypes.Requireable<SortOption>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsListToolbarSortByProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare type SpsListToolbarSortByProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    options?: SortOption[];
+    activeOption?: SortOption;
+    onSortChange?: (option: SortOption) => void;
+    defaultOption?: SortOption;
+}> & React.HTMLAttributes<HTMLElement>;
 export declare function SpsListToolbarSortBy(props: SpsListToolbarSortByProps): JSX.Element;
-export {};

package/lib/micro-block/SpsMicroBlock.d.ts

@@ -1,13 +1,8 @@
 import { FeedbackBlockKind } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    kind: PropTypes.Requireable<FeedbackBlockKind>;
-    message: PropTypes.Validator<PropTypes.ReactNodeLike>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsMicroBlockProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import * as React from "react";
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsMicroBlockProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    kind?: FeedbackBlockKind;
+    message: string;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsMicroBlock(props: SpsMicroBlockProps): JSX.Element;
-export {};

package/lib/modal/SpsModal.d.ts

@@ -1,19 +1,13 @@
 import { ModalKind, ModalSize } from "@spscommerce/ds-shared";
 import * as React from "react";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    kind: PropTypes.Requireable<ModalKind>;
-    size: PropTypes.Requireable<ModalSize>;
-    title: PropTypes.Requireable<string>;
-    onClose: PropTypes.Requireable<() => void>;
-    focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
-    fullHeight: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsModalProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+import type { SpsGlobalPropTypes } from "../prop-types";
+export declare type SpsModalProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    kind?: ModalKind;
+    size?: ModalSize;
+    title?: string;
+    onClose?: () => void;
+    focusElementOnOpen?: React.MutableRefObject<HTMLElement>;
+    fullHeight?: boolean;
+}> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsModalFooter({ children }: SpsModalProps): JSX.Element;
 export declare function SpsModal({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, fullHeight, ...rest }: SpsModalProps): JSX.Element;
-export {};

package/lib/multi-select/SpsMultiSelect.d.ts

@@ -1,39 +1,32 @@
 import * as React from "react";
 import type { Eventually } from "@spscommerce/utils";
-import type { SpsActionMethod } from "@spscommerce/ds-shared";
-import { SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
+import type { SpsActionMethod, SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormControl } from "../form/hooks/formControl";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    action: PropTypes.Requireable<SpsActionMethod>;
-    captionKey: PropTypes.Requireable<string>;
-    clearSearchOnBlur: PropTypes.Requireable<boolean>;
-    debounce: PropTypes.Requireable<number>;
-    disabled: PropTypes.Requireable<boolean>;
-    disableSelected: PropTypes.Requireable<boolean>;
-    comparisonKey: PropTypes.Requireable<string>;
-    formControl: PropTypes.Requireable<SpsFormControl<any[]>>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<any[]>>;
-    hideSelected: PropTypes.Requireable<boolean>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    onSearchChange: PropTypes.Requireable<(searchText: string) => void>;
-    options: PropTypes.Validator<any[] | Promise<any[]> | ((filter?: string) => Eventually<any[]>)>;
-    placeholder: PropTypes.Requireable<string>;
-    tallOptionList: PropTypes.Requireable<boolean>;
-    textKey: PropTypes.Requireable<string>;
-    value: PropTypes.Requireable<any>;
-    zeroState: PropTypes.Requireable<string>;
-    loading: PropTypes.Requireable<boolean>;
-    maxHeightOptionListPx: PropTypes.Requireable<number>;
-    maxHeightOptionListRem: PropTypes.Requireable<number>;
-    disableOptionsMemoization: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsMultiSelectProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare type SpsMultiSelectProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    action?: SpsActionMethod;
+    captionKey?: string;
+    clearSearchOnBlur?: boolean;
+    comparisonKey?: string;
+    debounce?: number;
+    disabled?: boolean;
+    disableOptionsMemoization?: boolean;
+    disableSelected?: boolean;
+    formControl?: SpsFormControl<any[]>;
+    formMeta?: SpsFormFieldMeta<any[]>;
+    hideSelected?: boolean;
+    icon?: SpsIcon;
+    loading?: boolean;
+    maxHeightOptionListPx?: number;
+    maxHeightOptionListRem?: number;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onSearchChange?: (searchText: string) => void;
+    options: Eventually<any[]> | ((filter?: string) => Eventually<any[]>);
+    placeholder?: string;
+    tallOptionList?: boolean;
+    textKey?: string;
+    value?: any;
+    zeroState?: string;
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsMultiSelect({ action, captionKey, className, clearSearchOnBlur, debounce, disabled, disableSelected, comparisonKey, formControl, formMeta, hideSelected, id, onChange, onSearchChange, options, placeholder, tallOptionList, textKey, unsafelyReplaceClassName, value, zeroState, loading, icon, maxHeightOptionListPx, maxHeightOptionListRem, disableOptionsMemoization, "data-testid": testId, ...rest }: SpsMultiSelectProps): JSX.Element;
-export {};

package/lib/multi-value-text-input/SpsMultiValueTextInput.d.ts

@@ -1,23 +1,17 @@
 import * as React from "react";
-import { SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
+import type { SpsIcon } from "@spscommerce/ds-shared";
+import type { SpsGlobalPropTypes } from "../prop-types";
 import type { SpsFormControl } from "../form/hooks/formControl";
 import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    formControl: PropTypes.Requireable<SpsFormControl<any[]>>;
-    formMeta: PropTypes.Requireable<SpsFormFieldMeta<any[]>>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
-    onEntryChange: PropTypes.Requireable<(searchText: string) => void>;
-    placeholder: PropTypes.Requireable<string>;
-    value: PropTypes.Requireable<any>;
-    createTagOptions: PropTypes.Requireable<string[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsMultiValueTextInputProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare type SpsMultiValueTextInputProps = React.PropsWithChildren<SpsGlobalPropTypes & {
+    disabled?: boolean;
+    formControl?: SpsFormControl<any[]>;
+    formMeta?: SpsFormFieldMeta<any[]>;
+    icon?: SpsIcon;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onEntryChange?: (searchText: string) => void;
+    placeholder?: string;
+    value?: string[];
+    createTagOptions?: string[];
+}> & React.HTMLAttributes<HTMLInputElement>;
 export declare function SpsMultiValueTextInput({ className, disabled, formControl, formMeta, id, onChange, onEntryChange, placeholder, unsafelyReplaceClassName, value, icon, createTagOptions, "data-testid": testId, ...rest }: SpsMultiValueTextInputProps): JSX.Element;
-export {};

package/lib/option-list/SpsOptionListProps.d.ts

@@ -1,8 +1,7 @@
-import type { ChangeEventHandler, KeyboardEvent } from "react";
-import type { SpsActionMethod } from "@spscommerce/ds-shared";
-import { Position } from "@spscommerce/ds-shared";
+import type { ChangeEventHandler, KeyboardEvent, MutableRefObject, PropsWithChildren, HTMLAttributes } from "react";
+import type { SpsActionMethod, Position } from "@spscommerce/ds-shared";
 import type { Eventually } from "@spscommerce/utils";
-import * as PropTypes from "../prop-types";
+import type { SpsGlobalPropTypes } from "../prop-types";
 export declare const spsOptionListPassthroughProps: {
     docs: {
         options: string;
@@ -18,69 +17,47 @@ export declare const spsOptionListPassthroughProps: {
         disableOptionsMemoization: string;
         onSpecialActionSelect: string;
     };
-    propTypes: {
-        captionKey: PropTypes.Requireable<string>;
-        comparisonKey: PropTypes.Requireable<string>;
-        disabledOptions: PropTypes.Requireable<any[]>;
-        options: PropTypes.Validator<any[] | Promise<any[]> | ((filter?: string) => Eventually<any[]>)>;
-        tall: PropTypes.Requireable<boolean>;
-        textKey: PropTypes.Requireable<string>;
-        valueKey: PropTypes.Requireable<string>;
-        zeroState: PropTypes.Requireable<string>;
-        maxHeightPx: PropTypes.Requireable<number>;
-        maxHeightRem: PropTypes.Requireable<number>;
-    };
-};
-export declare const searchableOptionListProps: {
-    hideInlineSearch: PropTypes.Requireable<boolean>;
-    onSearchChange: PropTypes.Requireable<ChangeEventHandler<Element>>;
-    search: PropTypes.Requireable<string>;
-    searchDebounce: PropTypes.Requireable<number>;
-    searchPlaceholder: PropTypes.Requireable<string>;
-    searchInputRef: PropTypes.Requireable<import("react").MutableRefObject<HTMLInputElement>>;
-    onSpecialActionSelect: PropTypes.Requireable<() => void>;
-};
-export declare const propTypes: {
-    attachTo: PropTypes.Validator<import("react").MutableRefObject<HTMLElement>>;
-    conformWidth: PropTypes.Requireable<boolean>;
-    id: PropTypes.Validator<string>;
-    isOpen: PropTypes.Requireable<boolean>;
-    keepOpen: PropTypes.Requireable<boolean>;
-    keyDown: PropTypes.Requireable<KeyboardEvent<Element>>;
-    nullOption: PropTypes.Requireable<string>;
-    offsets: PropTypes.Requireable<number[]>;
-    onOptionListChanged: PropTypes.Requireable<(filteredListLength: number) => void>;
-    onOptionSelected: PropTypes.Requireable<(option: any) => void>;
-    onPositionFlip: PropTypes.Requireable<(opensUpward: boolean) => void>;
-    onSelfToggle: PropTypes.Requireable<(isOpen: boolean) => void>;
-    optionRole: PropTypes.Requireable<string>;
-    positionOverride: PropTypes.Requireable<Position[]>;
-    selectedOption: PropTypes.Requireable<any>;
-    specialAction: PropTypes.Requireable<SpsActionMethod>;
-    ignoreWidthStyles: PropTypes.Requireable<boolean>;
-    loading: PropTypes.Requireable<boolean>;
-    filterByTextAndCaptionKey: PropTypes.Requireable<boolean>;
-    disableOptionsMemoization: PropTypes.Requireable<boolean>;
-    hideInlineSearch: PropTypes.Requireable<boolean>;
-    onSearchChange: PropTypes.Requireable<ChangeEventHandler<Element>>;
-    search: PropTypes.Requireable<string>;
-    searchDebounce: PropTypes.Requireable<number>;
-    searchPlaceholder: PropTypes.Requireable<string>;
-    searchInputRef: PropTypes.Requireable<import("react").MutableRefObject<HTMLInputElement>>;
-    onSpecialActionSelect: PropTypes.Requireable<() => void>;
-    captionKey: PropTypes.Requireable<string>;
-    comparisonKey: PropTypes.Requireable<string>;
-    disabledOptions: PropTypes.Requireable<any[]>;
-    options: PropTypes.Validator<any[] | Promise<any[]> | ((filter?: string) => Eventually<any[]>)>;
-    tall: PropTypes.Requireable<boolean>;
-    textKey: PropTypes.Requireable<string>;
-    valueKey: PropTypes.Requireable<string>;
-    zeroState: PropTypes.Requireable<string>;
-    maxHeightPx: PropTypes.Requireable<number>;
-    maxHeightRem: PropTypes.Requireable<number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
 };
-export declare type SpsOptionListProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export interface SpsOptionListPassthroughProps {
+    captionKey?: string;
+    comparisonKey?: string;
+    disabledOptions?: any[];
+    options: any[] | Promise<any[]> | ((filter?: string) => Eventually<any[]>);
+    tall?: boolean;
+    textKey?: string;
+    valueKey?: string;
+    zeroState?: string;
+    maxHeightPx?: number;
+    maxHeightRem?: number;
+}
+export interface SpsSearchableOptionListProps {
+    hideInlineSearch?: boolean;
+    onSearchChange?: ChangeEventHandler;
+    search?: string;
+    searchDebounce?: number;
+    searchPlaceholder?: string;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    onSpecialActionSelect?: () => void;
+}
+export declare type SpsOptionListProps = PropsWithChildren<SpsGlobalPropTypes & SpsOptionListPassthroughProps & SpsSearchableOptionListProps & {
+    attachTo: MutableRefObject<HTMLElement | null>;
+    conformWidth?: boolean;
+    id: string;
+    isOpen?: boolean;
+    keepOpen?: boolean;
+    keyDown?: KeyboardEvent | null;
+    nullOption?: string;
+    offsets?: number[];
+    onOptionListChanged?: (filteredListLength: number) => void;
+    onOptionSelected?: (option: any) => void;
+    onPositionFlip?: (opensUpward: boolean) => void;
+    onSelfToggle?: (isOpen: boolean) => void;
+    optionRole?: string;
+    positionOverride?: Position[];
+    selectedOption?: any;
+    specialAction?: SpsActionMethod;
+    ignoreWidthStyles?: boolean;
+    loading?: boolean;
+    filterByTextAndCaptionKey?: boolean;
+    disableOptionsMemoization?: boolean;
+}> & HTMLAttributes<HTMLDivElement>;

package/lib/option-list/useOptionListSearch.d.ts

@@ -4,7 +4,7 @@ export interface OptionListSearchState {
     isAsync: boolean;
     pending: boolean;
     value: string;
-    replacementPattern: RegExp;
+    replacementPattern: RegExp | null;
 }
 export declare function useOptionListSearch({ hideInlineSearch, options, onSearchChange, search, searchPlaceholder, searchInputRef, }: SpsOptionListProps): [
     JSX.Element,