@feathery/react 2.10.3 → 2.11.0

package/dist/elements/fields/DropdownField/tests/test-utils.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-/// <reference types="jest" />
-import { mockResponsiveStyles, setMockFieldValue, getMockFieldValue, resetMockFieldValue, expectFieldToBeDisabled, expectFieldToBeRequired, expectFieldToHaveAriaLabel } from '../../shared/tests/field-test-utils';
-export { mockResponsiveStyles, setMockFieldValue, getMockFieldValue, resetMockFieldValue, expectFieldToBeDisabled, expectFieldToBeRequired, expectFieldToHaveAriaLabel };
-export declare const createDropdownElement: (type: string, metadata?: any, styles?: any) => {
-    id: string;
-    servar: any;
-    properties: any;
-    styles: any;
-    repeat: boolean;
-};
-export declare const createDropdownProps: (element: any, customProps?: any) => any;
-export declare const createStatefulOnChange: () => jest.Mock<void, [e: import("react").ChangeEvent<HTMLSelectElement>]>;
-export declare const createOptionsMetadata: (options: string[], labels?: string[], tooltips?: string[]) => {
-    option_tooltips?: string[] | undefined;
-    option_labels?: string[] | undefined;
-    options: string[];
-};
-export declare const createRepeatOptionsMetadata: (repeatOptions: any[]) => {
-    repeat_options: any[][];
-};
-export declare const getSelectElement: () => HTMLSelectElement;
-export declare const getOptionElements: () => HTMLOptionElement[];
-export declare const getOptionByValue: (value: string) => HTMLOptionElement | undefined;
-export declare const getOptionByText: (text: string) => HTMLOptionElement | undefined;
-export declare const expectOptionToHaveTooltip: (option: HTMLOptionElement, tooltip: string) => void;
-export declare const expectSelectToHaveValue: (value: string) => void;
-export declare const expectSelectToHaveOptionCount: (count: number) => void;
+/// <reference types="react" />
+/// <reference types="jest" />
+import { mockResponsiveStyles, setMockFieldValue, getMockFieldValue, resetMockFieldValue, expectFieldToBeDisabled, expectFieldToBeRequired, expectFieldToHaveAriaLabel } from '../../shared/tests/field-test-utils';
+export { mockResponsiveStyles, setMockFieldValue, getMockFieldValue, resetMockFieldValue, expectFieldToBeDisabled, expectFieldToBeRequired, expectFieldToHaveAriaLabel };
+export declare const createDropdownElement: (type: string, metadata?: any, styles?: any) => {
+    id: string;
+    servar: any;
+    properties: any;
+    styles: any;
+    repeat: boolean;
+};
+export declare const createDropdownProps: (element: any, customProps?: any) => any;
+export declare const createStatefulOnChange: () => jest.Mock<void, [e: import("react").ChangeEvent<HTMLSelectElement>]>;
+export declare const createOptionsMetadata: (options: string[], labels?: string[], tooltips?: string[]) => {
+    option_tooltips?: string[] | undefined;
+    option_labels?: string[] | undefined;
+    options: string[];
+};
+export declare const createRepeatOptionsMetadata: (repeatOptions: any[]) => {
+    repeat_options: any[][];
+};
+export declare const getSelectElement: () => HTMLSelectElement;
+export declare const getOptionElements: () => HTMLOptionElement[];
+export declare const getOptionByValue: (value: string) => HTMLOptionElement | undefined;
+export declare const getOptionByText: (text: string) => HTMLOptionElement | undefined;
+export declare const expectOptionToHaveTooltip: (option: HTMLOptionElement, tooltip: string) => void;
+export declare const expectSelectToHaveValue: (value: string) => void;
+export declare const expectSelectToHaveOptionCount: (count: number) => void;
 //# sourceMappingURL=test-utils.d.ts.map

package/dist/elements/fields/DropdownMultiField/DropdownMultiFieldSelectComponents.d.ts

@@ -1,9 +1,9 @@
-import { type ControlProps, type MultiValueGenericProps, type MultiValueProps, type MultiValueRemoveProps, type OptionProps } from 'react-select';
-import type { OptionData } from './types';
-declare const TooltipOption: ({ children, ...props }: OptionProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
-declare const CollapsibleMultiValueRemove: (props: MultiValueRemoveProps<OptionData>) => import("@emotion/react/jsx-runtime").JSX.Element;
-declare const Control: (props: ControlProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
-declare const CollapsibleMultiValueContainer: (props: MultiValueGenericProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
-declare const CollapsibleMultiValue: (props: MultiValueProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export { Control, CollapsibleMultiValue, CollapsibleMultiValueContainer, CollapsibleMultiValueRemove, TooltipOption };
+import { type ControlProps, type MultiValueGenericProps, type MultiValueProps, type MultiValueRemoveProps, type OptionProps } from 'react-select';
+import type { OptionData } from './types';
+declare const TooltipOption: ({ children, ...props }: OptionProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const CollapsibleMultiValueRemove: (props: MultiValueRemoveProps<OptionData>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Control: (props: ControlProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const CollapsibleMultiValueContainer: (props: MultiValueGenericProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const CollapsibleMultiValue: (props: MultiValueProps<OptionData, true>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { Control, CollapsibleMultiValue, CollapsibleMultiValueContainer, CollapsibleMultiValueRemove, TooltipOption };
 //# sourceMappingURL=DropdownMultiFieldSelectComponents.d.ts.map

package/dist/elements/fields/DropdownMultiField/createDropdownSelect.d.ts

@@ -1,191 +1,191 @@
-import React from 'react';
-import type { SelectInstance } from 'react-select';
-import type { OptionData } from './types';
-declare const DropdownSelect: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
-    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
-    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
-    isMulti?: true | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: import("react-select").MenuPlacement | undefined;
-    menuPosition?: import("react-select").MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
-    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
-    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
-    isMulti?: true | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: import("react-select").MenuPlacement | undefined;
-    menuPosition?: import("react-select").MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionData> & import("./types").DropdownSelectExtraProps & React.RefAttributes<SelectInstance<OptionData, true, import("react-select").GroupBase<OptionData>>>>;
-declare const DropdownCreatableSelect: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
-    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
-    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
-    isMulti?: true | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: import("react-select").MenuPlacement | undefined;
-    menuPosition?: import("react-select").MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
-    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
-    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
-    isMulti?: true | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: import("react-select").MenuPlacement | undefined;
-    menuPosition?: import("react-select").MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionData> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionData, import("react-select").GroupBase<OptionData>> & import("./types").DropdownSelectExtraProps & React.RefAttributes<SelectInstance<OptionData, true, import("react-select").GroupBase<OptionData>>>>;
-export { DropdownSelect, DropdownCreatableSelect };
+import React from 'react';
+import type { SelectInstance } from 'react-select';
+import type { OptionData } from './types';
+declare const DropdownSelect: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "onChange" | "required" | "className" | "value" | "form" | "autoFocus" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "theme" | "isClearable" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React.ReactNode;
+    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
+    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    isDisabled?: boolean | undefined;
+    isMulti?: true | undefined;
+    isRtl?: boolean | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "onChange" | "required" | "className" | "value" | "form" | "autoFocus" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "theme" | "isClearable" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React.ReactNode;
+    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
+    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    isDisabled?: boolean | undefined;
+    isMulti?: true | undefined;
+    isRtl?: boolean | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionData> & import("./types").DropdownSelectExtraProps & React.RefAttributes<SelectInstance<OptionData, true, import("react-select").GroupBase<OptionData>>>>;
+declare const DropdownCreatableSelect: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "onChange" | "required" | "className" | "value" | "form" | "autoFocus" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "theme" | "isClearable" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React.ReactNode;
+    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
+    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    isDisabled?: boolean | undefined;
+    isMulti?: true | undefined;
+    isRtl?: boolean | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionData, true, import("react-select").GroupBase<OptionData>>, "onChange" | "required" | "className" | "value" | "form" | "autoFocus" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "theme" | "isClearable" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React.ReactNode;
+    options?: import("react-select").OptionsOrGroups<OptionData, import("react-select").GroupBase<OptionData>> | undefined;
+    styles?: import("react-select").StylesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    classNames?: import("react-select").ClassNamesConfig<OptionData, true, import("react-select").GroupBase<OptionData>> | undefined;
+    isDisabled?: boolean | undefined;
+    isMulti?: true | undefined;
+    isRtl?: boolean | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<OptionData, true, import("react-select").GroupBase<OptionData>>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select").FilterOptionOption<OptionData>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: import("react-select").GroupBase<OptionData>) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<OptionData> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<OptionData> | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: OptionData, selectValue: import("react-select").Options<OptionData>) => boolean) | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionData> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionData, import("react-select").GroupBase<OptionData>> & import("./types").DropdownSelectExtraProps & React.RefAttributes<SelectInstance<OptionData, true, import("react-select").GroupBase<OptionData>>>>;
+export { DropdownSelect, DropdownCreatableSelect };
 //# sourceMappingURL=createDropdownSelect.d.ts.map

package/dist/elements/fields/DropdownMultiField/index.d.ts

@@ -1,2 +1,2 @@
-export default function DropdownMultiField({ element, responsiveStyles, fieldLabel, inlineError, required, disabled, fieldVal, repeatIndex, editMode, onChange, elementProps, rightToLeft, children }: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function DropdownMultiField({ element, responsiveStyles, fieldLabel, inlineError, required, disabled, fieldVal, repeatIndex, editMode, onChange, elementProps, rightToLeft, children }: any): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/fields/DropdownMultiField/optionNormalization.d.ts

@@ -1,10 +1,10 @@
-import type { OptionData, Options, DropdownOptionsInput, NormalizeDropdownOptionParams, BuildDropdownOptionsParams } from './types';
-/**
- * Normalizes a raw dropdown option into the OptionData shape, emitting warnings for invalid entries.
- */
-export declare const normalizeDropdownOption: ({ warningState, option, fieldKey, context, entityLabel }: NormalizeDropdownOptionParams) => OptionData | null;
-/**
- * Builds a normalized options array while applying label/tooltip overrides and populating lookup maps.
- */
-export declare const buildDropdownOptions: (rawOptions: Options | DropdownOptionsInput, { warningState, fieldKey, contextPrefix, labelOverrides, tooltipOverrides, labelMap, tooltipMap, entityLabel }: BuildDropdownOptionsParams) => OptionData[];
+import type { OptionData, Options, DropdownOptionsInput, NormalizeDropdownOptionParams, BuildDropdownOptionsParams } from './types';
+/**
+ * Normalizes a raw dropdown option into the OptionData shape, emitting warnings for invalid entries.
+ */
+export declare const normalizeDropdownOption: ({ warningState, option, fieldKey, context, entityLabel }: NormalizeDropdownOptionParams) => OptionData | null;
+/**
+ * Builds a normalized options array while applying label/tooltip overrides and populating lookup maps.
+ */
+export declare const buildDropdownOptions: (rawOptions: Options | DropdownOptionsInput, { warningState, fieldKey, contextPrefix, labelOverrides, tooltipOverrides, labelMap, tooltipMap, entityLabel }: BuildDropdownOptionsParams) => OptionData[];
 //# sourceMappingURL=optionNormalization.d.ts.map

package/dist/elements/fields/DropdownMultiField/selectStyles.d.ts

@@ -1,13 +1,13 @@
-import type { StylesConfig } from 'react-select';
-import type ResponsiveStyles from '../../styles';
-import type { OptionData } from './types';
-declare type SelectStylesParams = {
-    chevronPosition: number;
-    fontColor: string;
-    menuZIndex: number;
-    responsiveStyles: ResponsiveStyles;
-    rightToLeft: boolean | undefined;
-};
-export declare function createSelectStyles({ chevronPosition, fontColor, menuZIndex, responsiveStyles, rightToLeft }: SelectStylesParams): StylesConfig<OptionData, true>;
-export {};
+import type { StylesConfig } from 'react-select';
+import type ResponsiveStyles from '../../styles';
+import type { OptionData } from './types';
+declare type SelectStylesParams = {
+    chevronPosition: number;
+    fontColor: string;
+    menuZIndex: number;
+    responsiveStyles: ResponsiveStyles;
+    rightToLeft: boolean | undefined;
+};
+export declare function createSelectStyles({ chevronPosition, fontColor, menuZIndex, responsiveStyles, rightToLeft }: SelectStylesParams): StylesConfig<OptionData, true>;
+export {};
 //# sourceMappingURL=selectStyles.d.ts.map