@nulogy/components 9.0.3 → 10.0.1

package/dist/src/Select/Select.d.ts

@@ -1,44 +1,32 @@
-import React from "react";
+import React, { ReactNode } from "react";
+import { GroupBase } from "react-windowed-select";
+import type { MenuPlacement, MenuPosition, Props as SelectProps } from "react-select";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-export type SelectProps = {
-    options?: any[];
+interface WindowedSelectProps extends SelectProps {
     windowThreshold?: number;
-    filterOption?: (...args: any[]) => any;
-    autocomplete?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    errorMessage?: string;
-    errorList?: string[];
+}
+interface NDSOptionType {
+    label: string;
+    value: unknown;
+}
+interface CustomProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+    autocomplete?: SelectProps<Option, IsMulti, Group>["isSearchable"];
     labelText?: string;
-    helpText?: any;
-    noOptionsMessage?: Function;
     requirementText?: string;
-    id?: string;
-    initialIsOpen?: boolean;
-    menuPosition?: string;
-    menuPlacement?: string;
+    helpText?: ReactNode;
+    disabled?: SelectProps<Option, IsMulti, Group>["isDisabled"];
+    errorMessage?: string;
+    errorList?: string[];
+    initialIsOpen?: SelectProps<Option, IsMulti, Group>["defaultMenuIsOpen"];
+    multiselect?: SelectProps<Option, IsMulti, Group>["isMulti"];
     maxHeight?: string;
-    multiselect?: boolean;
-    name?: string;
-    onBlur?: (...args: any[]) => any;
-    onChange?: (...args: any[]) => any;
-    placeholder?: string;
-    required?: boolean;
-    value?: any;
-    defaultValue?: any;
-    className?: string;
-    classNamePrefix?: string;
-    menuIsOpen?: boolean;
-    onMenuOpen?: (...args: any[]) => any;
-    onMenuClose?: (...args: any[]) => any;
-    onInputChange?: (...args: any[]) => any;
-    components?: any;
-    closeMenuOnSelect?: boolean;
-    "aria-label"?: string;
     size?: ComponentSize;
-    isClearable?: boolean;
+    error?: boolean;
+    options: NDSOptionType[];
+    onChange?: (newValue: unknown) => void;
     [key: string]: any;
-};
+}
+export type NDSSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Omit<WindowedSelectProps, "isSearchable" | "isDisabled" | "isMulti" | "defaultMenuIsOpen" | "defaultInputValue" | "options" | "onChange"> & CustomProps<Option, IsMulti, Group>;
 export declare const SelectDefaultProps: {
     autocomplete: boolean;
     disabled: any;
@@ -53,8 +41,8 @@ export declare const SelectDefaultProps: {
     id: any;
     initialIsOpen: any;
     maxHeight: string;
-    menuPosition: string;
-    menuPlacement: string;
+    menuPosition: MenuPosition;
+    menuPlacement: MenuPlacement;
     multiselect: boolean;
     name: any;
     onBlur: any;
@@ -71,6 +59,6 @@ export declare const SelectDefaultProps: {
     components: any;
     closeMenuOnSelect: boolean;
 };
-declare const ReactSelect: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<unknown>>;
-export declare const getOption: (options: any, value: any) => any;
+declare const ReactSelect: React.ForwardRefExoticComponent<Omit<Omit<WindowedSelectProps, "isDisabled" | "isMulti" | "isSearchable" | "onChange" | "options" | "defaultMenuIsOpen" | "defaultInputValue"> & CustomProps<unknown, boolean, GroupBase<unknown>>, "ref"> & React.RefAttributes<unknown>>;
+export declare const getOption: (options: NDSOptionType[], value: unknown) => unknown;
 export default ReactSelect;

package/dist/src/Select/Select.spec-utils.d.ts

@@ -1,2 +1,5 @@
-export function openDropdown(container: any, i?: number): void;
-export function selectOption(optionText: any, container: any, queryByText: any, i: any): void;
+import { Matcher, SelectorMatcherOptions } from "@testing-library/react";
+type QueryByText = (id: Matcher, options?: SelectorMatcherOptions) => HTMLElement;
+export declare const openDropdown: (element: HTMLElement, i: number) => void;
+export declare const selectOption: (optionText: string, container: HTMLElement, queryByText: QueryByText, i?: number) => void;
+export {};

package/dist/src/Select/Select.story.d.ts

@@ -109,5 +109,5 @@ export declare const UsingRefToControlFocus: {
         name: string;
     };
 };
-export declare const WithCustomProps: () => React.JSX.Element;
 export declare const WithTopMenuPlacement: () => React.JSX.Element;
+export declare const WithCustomProps: () => React.JSX.Element;

package/dist/src/Select/SelectOption.d.ts

@@ -1,2 +1,7 @@
 import React from "react";
-export declare const SelectOption: (props: any) => React.JSX.Element;
+import { OptionProps } from "react-windowed-select";
+import { GroupBase } from "react-select";
+import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+export declare function SelectOption<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group> & {
+    size: ComponentSize;
+}): React.JSX.Element;