zds-pickers 4.0.18 → 4.0.20

package/dist/types/pickers/KnobPicker.d.ts

@@ -12,7 +12,32 @@ type KnobPickerProps = SelectProps<number> & {
     value: number;
 };
 type KnobPickerRef = SelectInstance<Option<number>, false, GroupBase<Option<number>>>;
-declare const KnobPicker: import("react").ForwardRefExoticComponent<SelectProps<number> & {
+declare const KnobPicker: import("react").ForwardRefExoticComponent<Partial<import("node_modules/react-select/dist/declarations/src/components").SelectComponents<Option<number>, false, GroupBase<Option<number>>>> & {
+    className?: string;
+    components?: object;
+    disabled?: boolean;
+    filterOptions?: ((candidate: Option<number>, inputValue: string) => boolean) | undefined;
+    formatOptionLabel?: (option: Option<unknown>, { context }: {
+        context: "menu" | "value";
+    }) => React.ReactNode;
+    isSearchable?: boolean;
+    label?: string;
+    menuPortalTarget?: HTMLElement | null;
+    menuPosition?: "fixed" | "absolute";
+    menuShouldScrollIntoView?: boolean;
+    onChange: (value: number) => void;
+    options: Option<number>[] | {
+        entries: Option<number>[];
+    }[];
+    preserveMenuWidth?: boolean;
+    selectProps?: {
+        actionButton?: React.ReactNode;
+        inputValue?: string;
+        placeholder?: React.ReactNode;
+    };
+    shrinkLabel?: boolean;
+    value: number;
+} & {
     highToLow?: boolean;
     includeLabel?: boolean;
     includePicker?: boolean;

package/dist/types/pickers/ResponseCurvePicker.d.ts

@@ -7,7 +7,32 @@ type ResponseCurvePickerProps = SelectProps<Curve> & {
     Tooltip?: React.FC<TooltipProps>;
 };
 type ResponseCurvePickerRef = SelectInstance<Option<Curve>, false, GroupBase<Option<Curve>>>;
-declare const ResponseCurvePicker: import("react").ForwardRefExoticComponent<SelectProps<Curve> & {
+declare const ResponseCurvePicker: import("react").ForwardRefExoticComponent<Partial<import("node_modules/react-select/dist/declarations/src/components").SelectComponents<Option<Curve>, false, GroupBase<Option<Curve>>>> & {
+    className?: string;
+    components?: object;
+    disabled?: boolean;
+    filterOptions?: ((candidate: Option<Curve>, inputValue: string) => boolean) | undefined;
+    formatOptionLabel?: (option: Option<unknown>, { context }: {
+        context: "menu" | "value";
+    }) => React.ReactNode;
+    isSearchable?: boolean;
+    label?: string;
+    menuPortalTarget?: HTMLElement | null;
+    menuPosition?: "fixed" | "absolute";
+    menuShouldScrollIntoView?: boolean;
+    onChange: (value: Curve) => void;
+    options: Option<Curve>[] | {
+        entries: Option<Curve>[];
+    }[];
+    preserveMenuWidth?: boolean;
+    selectProps?: {
+        actionButton?: React.ReactNode;
+        inputValue?: string;
+        placeholder?: React.ReactNode;
+    };
+    shrinkLabel?: boolean;
+    value: Curve;
+} & {
     inverted?: boolean;
     Tooltip?: React.FC<TooltipProps>;
 } & import("react").RefAttributes<SelectInstance<Option<Curve>, false, GroupBase<Option<Curve>>>>>;

package/dist/types/pickers/Select.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { type GroupBase, type SelectInstance } from 'react-select';
+import { type GroupBase, type SelectComponentsConfig, type SelectInstance } from 'react-select';
 type PassedSelectProps = {
     actionButton?: React.ReactNode;
     inputValue?: string;
@@ -9,7 +9,7 @@ type Option<T> = {
     label: React.ReactNode;
     value: T;
 };
-type SelectProps<T> = {
+type SelectProps<T> = SelectComponentsConfig<Option<T>, false, GroupBase<Option<T>>> & {
     className?: string;
     components?: object;
     disabled?: boolean;
@@ -19,6 +19,9 @@ type SelectProps<T> = {
     }) => React.ReactNode;
     isSearchable?: boolean;
     label?: string;
+    menuPortalTarget?: HTMLElement | null;
+    menuPosition?: 'fixed' | 'absolute';
+    menuShouldScrollIntoView?: boolean;
     onChange: (value: Option<T>['value']) => void;
     options: Option<T>[] | {
         entries: Option<T>[];

package/lib/pickers/Select.tsx

@@ -11,6 +11,7 @@ import ReactSelect, {
   type IndicatorsContainerProps,
   components as originalComponents,
   type PlaceholderProps,
+  type SelectComponentsConfig,
   type SelectInstance,
   type SingleValue,
   type StylesConfig,
@@ -86,7 +87,11 @@ const CustomValueContainer = <T,>({
   </ValueContainer>
 )
 
-type SelectProps<T> = {
+type SelectProps<T> = SelectComponentsConfig<
+  Option<T>,
+  false,
+  GroupBase<Option<T>>
+> & {
   className?: string
   components?: object
   disabled?: boolean
@@ -97,6 +102,9 @@ type SelectProps<T> = {
   ) => React.ReactNode
   isSearchable?: boolean
   label?: string
+  menuPortalTarget?: HTMLElement | null
+  menuPosition?: 'fixed' | 'absolute'
+  menuShouldScrollIntoView?: boolean
   onChange: (value: Option<T>['value']) => void
   options: Option<T>[] | { entries: Option<T>[] }[]
   preserveMenuWidth?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "4.0.18",
+  "version": "4.0.20",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",