@true-engineering/true-react-common-ui-kit 3.45.2 → 4.0.0-alpha1

package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts

@@ -1,3 +1,3 @@
-import type { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
-export declare const ScrollIntoViewIfNeededDefaultElementType = "div";
-export declare const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps;
+import type { IScrollIntoViewIfNeededProps } from './ScrollIntoViewIfNeeded';
+export declare const ScrollIntoViewIfNeededDefaultElementType = "div";
+export declare const ScrollIntoViewIfNeededDefaultProps: IScrollIntoViewIfNeededProps;

package/dist/components/ScrollIntoViewIfNeeded/index.d.ts

@@ -1 +1 @@
-export * from './ScrollIntoViewIfNeeded';
+export * from './ScrollIntoViewIfNeeded';

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,8 +1,6 @@
-import { FC } from 'react';
-import { ICommonProps } from '../../types';
-import { IInputProps } from '../Input';
-import { ISearchInputStyles } from './SearchInput.styles';
-export interface ISearchInputProps extends ICommonProps<ISearchInputStyles>, Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border' | 'tweakStyles'> {
-    onSearchIconClick?: () => void;
-}
-export declare const SearchInput: FC<ISearchInputProps>;
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { IInputProps } from '../Input';
+import { ISearchInputStyles } from './SearchInput.styles';
+export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
+export declare const SearchInput: FC<ISearchInputProps>;

package/dist/components/SearchInput/SearchInput.stories.d.ts

@@ -1,6 +1,16 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./SearchInput").ISearchInputProps>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./SearchInput").ISearchInputProps>;
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./SearchInput").ISearchInputProps>;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<Partial<import("jss").Styles<"root" | "icon", unknown, undefined>> & Partial<{
+    tweakInput: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
+        tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
+            tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
+                tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
+                tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
+            }>;
+        }>;
+        tweakWithMessages: Partial<import("jss").Styles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+    }>;
+}>>>;

package/dist/components/SearchInput/SearchInput.styles.d.ts

@@ -1,7 +1,7 @@
-import { ITweakStyles } from '../../theme';
-import { IInputStyles } from '../Input';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "iconClickable", unknown>;
-export declare const inputStyles: IInputStyles;
-export type ISearchInputStyles = ITweakStyles<typeof useStyles, {
-    tweakInput: IInputStyles;
-}>;
+import { ITweakStyles } from '../../theme';
+import { IInputStyles } from '../Input';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon", unknown>;
+export declare const inputStyles: IInputStyles;
+export type ISearchInputStyles = ITweakStyles<typeof useStyles, {
+    tweakInput: IInputStyles;
+}>;

package/dist/components/SearchInput/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SearchInput';
-export type { ISearchInputStyles } from './SearchInput.styles';
+export * from './SearchInput';
+export type { ISearchInputStyles } from './SearchInput.styles';

package/dist/components/Select/CustomSelect.stories.d.ts

@@ -1,11 +1,11 @@
-import { type ISelectProps } from './Select';
-interface ISelectWithCustomProps<Option> extends ISelectProps<Option> {
-    shouldUsePopper?: boolean;
-    shouldRenderInBody?: boolean;
-    shouldHideOnScroll?: boolean;
-    canBeFlipped?: boolean;
-    scrollParent?: 'document' | 'auto';
-}
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
-export default _default;
-export declare const CustomSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
+import { type ISelectProps } from './Select';
+interface ISelectWithCustomProps<Option> extends ISelectProps<Option> {
+    shouldUsePopper?: boolean;
+    shouldRenderInBody?: boolean;
+    shouldHideOnScroll?: boolean;
+    canBeFlipped?: boolean;
+    scrollParent?: 'document' | 'auto';
+}
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;
+export default _default;
+export declare const CustomSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<string>>;

package/dist/components/Select/MultiSelect.stories.d.ts

@@ -1,15 +1,15 @@
-import { IMultipleSelectProps } from './Select';
-interface ISelectWithCustomProps<T> extends IMultipleSelectProps<T> {
-    valuesType: 'strings' | 'objects';
-    shouldUseReactNodes?: boolean;
-    shouldUsePopper?: boolean;
-    shouldRenderInBody?: boolean;
-    shouldHideOnScroll?: boolean;
-    shouldUseCustomIsDisabledFunction?: boolean;
-    shouldRenderSearchInputInList?: boolean;
-    canBeFlipped?: boolean;
-    scrollParent?: 'document' | 'auto';
-}
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
-export default _default;
-export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
+import { IMultipleSelectProps } from './Select';
+interface ISelectWithCustomProps<T> extends IMultipleSelectProps<T> {
+    valuesType: 'strings' | 'objects';
+    shouldUseReactNodes?: boolean;
+    shouldUsePopper?: boolean;
+    shouldRenderInBody?: boolean;
+    shouldHideOnScroll?: boolean;
+    shouldUseCustomIsDisabledFunction?: boolean;
+    shouldRenderSearchInputInList?: boolean;
+    canBeFlipped?: boolean;
+    scrollParent?: 'document' | 'auto';
+}
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
+export default _default;
+export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;

package/dist/components/Select/Select.d.ts

@@ -1,52 +1,52 @@
-import { ChangeEvent, FormEvent, KeyboardEvent, MouseEvent, ReactNode, SyntheticEvent } from 'react';
-import { IDropdownWithPopperOptions, ICommonProps } from '../../types';
-import { IIcon } from '../Icon';
-import { IInputProps } from '../Input';
-import { ISearchInputProps } from '../SearchInput';
-import { IMultipleSelectValue } from './types';
-import { ISelectStyles } from './Select.styles';
-export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'onBlur' | 'type' | 'tweakStyles'>, ICommonProps<ISelectStyles> {
-    header?: ReactNode;
-    footer?: ReactNode;
-    defaultOptionLabel?: ReactNode;
-    allOptionsLabel?: string;
-    noMatchesLabel?: string;
-    loadingLabel?: ReactNode;
-    /** @default 'normal' */
-    optionsMode?: 'search' | 'dynamic' | 'normal';
-    /** @default 400 */
-    debounceTime?: number;
-    /** @default 0 */
-    minSymbolsCountToOpenList?: number;
-    dropdownOptions?: IDropdownWithPopperOptions;
-    /** @default 'chevron-down' */
-    dropdownIcon?: IIcon;
-    options: Value[] | Readonly<Value[]>;
-    value: Value | undefined;
-    /** @default true */
-    shouldScrollToList?: boolean;
-    isMultiSelect?: false;
-    searchInput?: {
-        shouldRenderInList: true;
-    } & Pick<ISearchInputProps, 'placeholder'>;
-    isOptionDisabled?: (option: Value) => boolean;
-    onChange: (value: Value | undefined, event: MouseEvent<HTMLElement> | KeyboardEvent | ChangeEvent<HTMLElement> | FormEvent<HTMLElement>) => void;
-    onBlur?: (event: Event | SyntheticEvent) => void;
-    onType?: (value: string) => Promise<void>;
-    optionsFilter?: (options: Value[], query: string) => Value[];
-    onOpen?: () => void;
-    compareValuesOnChange?: (v1?: Value, v2?: Value) => boolean;
-    /** @description Функция должна быть мемоизирована с целью избежания ререндера */
-    convertValueToString?: (value: Value) => string | undefined;
-    /** @description Функция должна быть мемоизирована с целью избежания ререндера */
-    convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
-    /** @description Функция должна быть мемоизирована с целью избежания ререндера */
-    convertValueToId?: (value: Value) => string | undefined;
-}
-export interface IMultipleSelectProps<Value> extends Omit<ISelectProps<Value>, 'value' | 'onChange' | 'compareValuesOnChange' | 'isMultiSelect'> {
-    isMultiSelect: true;
-    value: IMultipleSelectValue<Value> | undefined;
-    onChange: (value: IMultipleSelectValue<Value> | undefined, event: MouseEvent<HTMLElement> | KeyboardEvent | ChangeEvent<HTMLElement> | FormEvent<HTMLElement>) => void;
-    compareValuesOnChange?: (v1?: IMultipleSelectValue<Value>, v2?: IMultipleSelectValue<Value>) => boolean;
-}
-export declare function Select<Value>(props: ISelectProps<Value> | IMultipleSelectProps<Value>): JSX.Element;
+import { ReactNode, SyntheticEvent } from 'react';
+import { ICommonProps, IDropdownWithPopperOptions } from '../../types';
+import { IIcon } from '../Icon';
+import { IInputProps } from '../Input';
+import { ISearchInputProps } from '../SearchInput';
+import { IChangeSelectEvent, IMultipleSelectValue } from './types';
+import { ISelectStyles } from './Select.styles';
+export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'onBlur' | 'type' | 'tweakStyles'>, ICommonProps<ISelectStyles> {
+    header?: ReactNode;
+    footer?: ReactNode;
+    defaultOptionLabel?: ReactNode;
+    allOptionsLabel?: string;
+    noMatchesLabel?: string;
+    loadingLabel?: ReactNode;
+    /** @default 'normal' */
+    optionsMode?: 'search' | 'dynamic' | 'normal';
+    /** @default 400 */
+    debounceTime?: number;
+    /** @default 0 */
+    minSymbolsCountToOpenList?: number;
+    dropdownOptions?: IDropdownWithPopperOptions;
+    /** @default 'chevron-down' */
+    dropdownIcon?: IIcon;
+    options: Value[] | Readonly<Value[]>;
+    value: Value | undefined;
+    /** @default true */
+    shouldScrollToList?: boolean;
+    isMultiSelect?: false;
+    searchInput?: {
+        shouldRenderInList: true;
+    } & Pick<ISearchInputProps, 'placeholder'>;
+    isOptionDisabled?: (option: Value) => boolean;
+    onChange: (value: Value | undefined, event: IChangeSelectEvent) => void;
+    onBlur?: (event: Event | SyntheticEvent) => void;
+    onType?: (value: string) => Promise<void>;
+    optionsFilter?: (options: Value[], query: string) => Value[];
+    onOpen?: () => void;
+    compareValuesOnChange?: (v1?: Value, v2?: Value) => boolean;
+    /** @description Функция должна быть мемоизирована с целью избежания ререндера */
+    convertValueToString?: (value: Value) => string | undefined;
+    /** @description Функция должна быть мемоизирована с целью избежания ререндера */
+    convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
+    /** @description Функция должна быть мемоизирована с целью избежания ререндера */
+    convertValueToId?: (value: Value) => string | undefined;
+}
+export interface IMultipleSelectProps<Value> extends Omit<ISelectProps<Value>, 'value' | 'onChange' | 'compareValuesOnChange' | 'isMultiSelect'> {
+    isMultiSelect: true;
+    value: IMultipleSelectValue<Value> | undefined;
+    onChange: (value: IMultipleSelectValue<Value> | undefined, event: IChangeSelectEvent) => void;
+    compareValuesOnChange?: (v1?: IMultipleSelectValue<Value>, v2?: IMultipleSelectValue<Value>) => boolean;
+}
+export declare function Select<Value>(props: ISelectProps<Value> | IMultipleSelectProps<Value>): JSX.Element;

package/dist/components/Select/Select.stories.d.ts

@@ -1,15 +1,15 @@
-import { ISelectProps } from './Select';
-interface ISelectWithCustomProps<T> extends ISelectProps<T> {
-    valuesType: 'strings' | 'objects';
-    shouldUseReactNodes?: boolean;
-    shouldUsePopper?: boolean;
-    shouldRenderInBody?: boolean;
-    shouldHideOnScroll?: boolean;
-    shouldUseCustomIsDisabledFunction?: boolean;
-    shouldRenderSearchInputInList?: boolean;
-    canBeFlipped?: boolean;
-    scrollParent?: 'document' | 'auto';
-}
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
+import { ISelectProps } from './Select';
+interface ISelectWithCustomProps<T> extends ISelectProps<T> {
+    valuesType: 'strings' | 'objects';
+    shouldUseReactNodes?: boolean;
+    shouldUsePopper?: boolean;
+    shouldRenderInBody?: boolean;
+    shouldHideOnScroll?: boolean;
+    shouldUseCustomIsDisabledFunction?: boolean;
+    shouldRenderSearchInputInList?: boolean;
+    canBeFlipped?: boolean;
+    scrollParent?: 'document' | 'auto';
+}
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISelectWithCustomProps<unknown>>;

package/dist/components/Select/Select.styles.d.ts

@@ -1,33 +1,34 @@
-import { type ITweakStyles } from '../../theme';
-import { type IInputStyles } from '../Input';
-import { type ISearchInputStyles } from '../SearchInput';
-import { type ISelectListStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter", unknown>;
-export declare const readonlyInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "clearIcon" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-        tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-        tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-    }>;
-}>;
-export declare const multiSelectInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "clearIcon" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-        tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-        tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-    }>;
-}>;
-export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "clearIcon" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-    tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-        tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-        tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-    }>;
-}>;
-export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
-    hasReadonlyInput: boolean;
-    isMultiSelect?: boolean | undefined;
-}) => IInputStyles;
-export declare const searchInputStyles: ISearchInputStyles;
-export type ISelectStyles = ITweakStyles<typeof useStyles, {
-    tweakInput: IInputStyles;
-    tweakSelectList: ISelectListStyles;
-    tweakSearchInput: ISearchInputStyles;
-}>;
+import { type ITweakStyles } from '../../theme';
+import { type IInputStyles } from '../Input';
+import { type ISearchInputStyles } from '../SearchInput';
+import { IWithMessagesStyles } from '../WithMessages';
+import { type ISelectListStyles } from './components';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter" | "iconWrapper", unknown>;
+export declare const readonlyInputStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
+    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
+        tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
+            tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
+            tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
+        }>;
+    }>;
+    tweakWithMessages: Partial<import("jss").Styles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+}>;
+export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
+    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
+        tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
+            tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
+            tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
+        }>;
+    }>;
+    tweakWithMessages: Partial<import("jss").Styles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+}>;
+export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
+    hasReadonlyInput: boolean;
+    isMultiSelect?: boolean | undefined;
+}) => IInputStyles;
+export type ISelectStyles = ITweakStyles<typeof useStyles, {
+    tweakWithMessages: IWithMessagesStyles;
+    tweakInput: IInputStyles;
+    tweakSelectList: ISelectListStyles;
+    tweakSearchInput: ISearchInputStyles;
+}>;

package/dist/components/Select/components/SelectList/SelectList.d.ts

@@ -1,23 +1,23 @@
-import { type ReactNode } from 'react';
-import { type ICommonProps } from '../../../../types';
-import { type ISelectListItemProps } from '../SelectListItem';
-import { type ISelectListStyles } from './SelectList.styles';
-export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>, Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
-    options: Value[] | Readonly<Value[]>;
-    focusedIndex?: number;
-    activeValue?: Value | Value[];
-    noMatchesLabel?: string;
-    isLoading?: boolean;
-    loadingLabel?: ReactNode;
-    defaultOptionLabel?: ReactNode;
-    allOptionsLabel?: ReactNode;
-    areAllOptionsSelected?: boolean;
-    shouldScrollToList?: boolean;
-    customListHeader?: ReactNode;
-    customListFooter?: ReactNode;
-    isOptionDisabled: (value: Value) => boolean;
-    convertValueToString: (value: Value) => string | undefined;
-    convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
-    convertValueToId: (value: Value) => string | undefined;
-}
-export declare function SelectList<Value>({ options, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, customListFooter, isMultiSelect, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;
+import { type ReactNode } from 'react';
+import { type ICommonProps } from '../../../../types';
+import { type ISelectListItemProps } from '../SelectListItem';
+import { type ISelectListStyles } from './SelectList.styles';
+export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>, Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
+    options: Value[] | Readonly<Value[]>;
+    focusedIndex?: number;
+    activeValue?: Value | Value[];
+    noMatchesLabel?: string;
+    isLoading?: boolean;
+    loadingLabel?: ReactNode;
+    defaultOptionLabel?: ReactNode;
+    allOptionsLabel?: ReactNode;
+    areAllOptionsSelected?: boolean;
+    shouldScrollToList?: boolean;
+    customListHeader?: ReactNode;
+    customListFooter?: ReactNode;
+    isOptionDisabled: (value: Value) => boolean;
+    convertValueToString: (value: Value) => string | undefined;
+    convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
+    convertValueToId: (value: Value) => string | undefined;
+}
+export declare function SelectList<Value>({ options, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, customListFooter, isMultiSelect, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;

package/dist/components/Select/components/SelectList/SelectList.styles.d.ts

@@ -1,6 +1,6 @@
-import { ITweakStyles } from '../../../../theme';
-export declare const ROW_HEIGHT = 40;
-export declare const CONTAINER_PADDING = 10;
-export declare const CELL_PADDING: number[];
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell", unknown>;
-export type ISelectListStyles = ITweakStyles<typeof useStyles>;
+import { ITweakStyles } from '../../../../theme';
+export declare const ROW_HEIGHT = 40;
+export declare const CONTAINER_PADDING = 10;
+export declare const CELL_PADDING: number[];
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell", unknown>;
+export type ISelectListStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Select/components/SelectList/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SelectList';
-export type { ISelectListStyles } from './SelectList.styles';
+export * from './SelectList';
+export type { ISelectListStyles } from './SelectList.styles';

package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts

@@ -1,15 +1,15 @@
-import { type ChangeEvent, type FC, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
-import { type Classes } from 'jss';
-export interface ISelectListItemProps {
-    index: number;
-    isSemiChecked?: boolean;
-    isDisabled?: boolean;
-    isActive?: boolean;
-    isFocused?: boolean;
-    children: ReactNode;
-    classes: Classes<'cellWithCheckbox' | 'cell' | 'focused' | 'active' | 'disabled'>;
-    isMultiSelect?: boolean;
-    onOptionSelect: (index: number, event: MouseEvent<HTMLElement>) => void;
-    onToggleCheckbox: (index: number, isSelected: boolean, event: ChangeEvent<HTMLElement> | KeyboardEvent) => void;
-}
-export declare const SelectListItem: FC<ISelectListItemProps>;
+import { type ChangeEvent, type FC, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
+import { type Classes } from 'jss';
+export interface ISelectListItemProps {
+    index: number;
+    isSemiChecked?: boolean;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    children: ReactNode;
+    classes: Classes<'cellWithCheckbox' | 'cell' | 'focused' | 'active' | 'disabled'>;
+    isMultiSelect?: boolean;
+    onOptionSelect: (index: number, event: MouseEvent<HTMLElement>) => void;
+    onToggleCheckbox: (index: number, isSelected: boolean, event: ChangeEvent<HTMLElement> | KeyboardEvent) => void;
+}
+export declare const SelectListItem: FC<ISelectListItemProps>;

package/dist/components/Select/components/SelectListItem/SelectListItem.styles.d.ts

@@ -1,2 +1,2 @@
-import { ICheckboxStyles } from '../../../Checkbox';
-export declare const checkboxStyles: ICheckboxStyles;
+import { ICheckboxStyles } from '../../../Checkbox';
+export declare const checkboxStyles: ICheckboxStyles;

package/dist/components/Select/components/SelectListItem/index.d.ts

@@ -1 +1 @@
-export * from './SelectListItem';
+export * from './SelectListItem';

package/dist/components/Select/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SelectList';
-export * from './SelectListItem';
+export * from './SelectList';
+export * from './SelectListItem';

package/dist/components/Select/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const DEFAULT_OPTION_INDEX = -2;
-export declare const ALL_OPTION_INDEX = -1;
+export declare const DEFAULT_OPTION_INDEX = -2;
+export declare const ALL_OPTION_INDEX = -1;

package/dist/components/Select/helpers.d.ts

@@ -1,4 +1,4 @@
-export declare const defaultIsOptionDisabled: <Value>(option: Value) => boolean;
-export declare const defaultConvertFunction: (v: unknown) => string | undefined;
-export declare const defaultCompareFunction: <Value>(v1: Value, v2: Value) => boolean;
-export declare const getDefaultConvertToIdFunction: <Value>(convertValueToString: (value: Value) => string | undefined) => (value: Value) => string | undefined;
+export declare const defaultIsOptionDisabled: <Value>(option: Value) => boolean;
+export declare const defaultConvertFunction: (v: unknown) => string | undefined;
+export declare const defaultCompareFunction: <Value>(v1: Value, v2: Value) => boolean;
+export declare const getDefaultConvertToIdFunction: <Value>(convertValueToString: (value: Value) => string | undefined) => (value: Value) => string | undefined;

package/dist/components/Select/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Select';
-export * from './types';
-export type { ISelectStyles } from './Select.styles';
-export type { ISelectListStyles } from './components';
+export * from './Select';
+export * from './types';
+export type { ISelectStyles } from './Select.styles';
+export type { ISelectListStyles } from './components';

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

@@ -1 +1,4 @@
-export type IMultipleSelectValue<Value> = Array<NonNullable<Value>>;
+import { ChangeEvent, KeyboardEvent } from 'react';
+import { IChangeInputEvent } from '../Input';
+export type IMultipleSelectValue<Value> = Array<NonNullable<Value>>;
+export type IChangeSelectEvent = IChangeInputEvent | ChangeEvent<HTMLElement> | KeyboardEvent;

package/dist/components/Selector/Selector.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { ICommonProps } from '../../types';
-import { ISelectorOption, ISelectorValue } from './types';
-import { ISelectorStyles } from './Selector.styles';
-export interface ISelectorProps<V extends ISelectorValue> extends ICommonProps<ISelectorStyles> {
-    options: Array<ISelectorOption<V>>;
-    value?: V;
-    /** @default false */
-    isDisabled?: boolean;
-    /** @default false */
-    isRequired?: boolean;
-    /** @default false */
-    isInvalid?: boolean;
-    /** @default true */
-    hasSameOptionsWidth?: boolean;
-    /** @default 'left' */
-    iconPosition?: 'left' | 'right';
-    /** @default 'l' */
-    size?: 's' | 'm' | 'l';
-    onChange: (value: V) => void;
-}
-export declare function Selector<V extends ISelectorValue>({ options, value, isDisabled, isRequired, isInvalid, hasSameOptionsWidth, iconPosition, size, testId, data, tweakStyles, onChange, }: ISelectorProps<V>): JSX.Element;
+/// <reference types="react" />
+import { ICommonProps } from '../../types';
+import { ISelectorOption, ISelectorValue } from './types';
+import { ISelectorStyles } from './Selector.styles';
+export interface ISelectorProps<V extends ISelectorValue> extends ICommonProps<ISelectorStyles> {
+    options: Array<ISelectorOption<V>>;
+    value?: V;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isRequired?: boolean;
+    /** @default false */
+    isInvalid?: boolean;
+    /** @default true */
+    hasSameOptionsWidth?: boolean;
+    /** @default 'left' */
+    iconPosition?: 'left' | 'right';
+    /** @default 'l' */
+    size?: 's' | 'm' | 'l';
+    onChange: (value: V) => void;
+}
+export declare function Selector<V extends ISelectorValue>({ options, value, isDisabled, isRequired, isInvalid, hasSameOptionsWidth, iconPosition, size, testId, data, tweakStyles, onChange, }: ISelectorProps<V>): JSX.Element;

package/dist/components/Selector/Selector.stories.d.ts

@@ -1,7 +1,7 @@
-import { Selector } from './Selector';
-declare const _default: {
-    title: string;
-    component: typeof Selector;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Selector").ISelectorProps<import("./types").ISelectorValue>>;
+import { Selector } from './Selector';
+declare const _default: {
+    title: string;
+    component: typeof Selector;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Selector").ISelectorProps<import("./types").ISelectorValue>>;

package/dist/components/Selector/Selector.styles.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties } from 'react';
-import { ITweakStyles } from '../../theme';
-export declare const SELECTOR_GAP: number;
-export declare const getSelectorLineStyle: (activeElementData?: {
-    clientWidth: number;
-    offsetLeft: number;
-}) => CSSProperties | undefined;
-export declare const useStyles: import("../../theme").IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth", unknown>;
-export type ISelectorStyles = ITweakStyles<typeof useStyles>;
+import { CSSProperties } from 'react';
+import { ITweakStyles } from '../../theme';
+export declare const SELECTOR_GAP: number;
+export declare const getSelectorLineStyle: (activeElementData?: {
+    clientWidth: number;
+    offsetLeft: number;
+}) => CSSProperties | undefined;
+export declare const useStyles: import("../../theme").IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth", unknown>;
+export type ISelectorStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Selector/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Selector';
-export type { ISelectorStyles } from './Selector.styles';
+export * from './Selector';
+export type { ISelectorStyles } from './Selector.styles';