@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha51

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

@@ -1,3 +1,3 @@
-import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
+import { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
 export declare const MultiSelectLocales: Record<string, IMultiSelectLocale>;
 export declare const DEFAULT_LOCALE: IMultiSelectLocaleKey;

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

@@ -1,3 +1,3 @@
-import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
+import { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
 export declare const defaultConvertFunction: (val: unknown) => string;
 export declare const getLocale: (key?: IMultiSelectLocaleKey, custom?: Partial<IMultiSelectLocale>, custom2?: Partial<IMultiSelectLocale>) => IMultiSelectLocale;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
 import { IWithPopupStyles } from '../WithPopup';
-export declare const useStyles: import("../../theme").IUseStyles<"button" | "icon" | "active" | "disabled" | "hasCircle", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"button" | "icon" | "active" | "disabled" | "hasCircle">;
 export type INewMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
     tweakWithPopup: IWithPopupStyles;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "custom" | "s" | "m" | "l" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "custom" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "title" | "info" | "body" | "withText" | "withTitle" | "ok" | "not-ok">;
 export type INotificationStyles = ITweakStyles<typeof useStyles>;

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IChangeInputEvent, IInputProps } from '../Input';
 export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
     value?: number;
@@ -15,4 +14,4 @@ export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange
     max?: number;
     onChange: (value: number | undefined, event?: IChangeInputEvent) => void;
 }
-export declare const NumberInput: import("react").ForwardRefExoticComponent<INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: import('react').ForwardRefExoticComponent<INumberInputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
-import type { INumberInputProps } from './NumberInput';
+import { INumberInputProps } from './NumberInput';
 export declare const getNewCaretPosition: (defaultPosition: number, oldValue: string, newValue: string, isDeleteForwardAction?: boolean) => number;
 export declare const formatNumberWithDefault: (value: number | undefined, defaultValue?: number) => string;
-export declare const constructRegExp: ({ canBeFloat, canBeNegative, intPartPrecision, precision, }: Pick<INumberInputProps, 'canBeFloat' | 'canBeNegative' | 'intPartPrecision' | 'precision'>) => string;
+export declare const constructRegExp: ({ canBeFloat, canBeNegative, intPartPrecision, precision, }: Pick<INumberInputProps, "canBeFloat" | "canBeNegative" | "intPartPrecision" | "precision">) => string;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
 import { IPhoneInputCountryListStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "arrow" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "arrow" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer">;
 export declare const inputStyles: IInputStyles;
 export type IPhoneInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IInputStyles } from '../../../Input';
-export declare const useStyles: import("../../../../theme").IUseStyles<"dialCode" | "root" | "icon" | "flag" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "countryName" | "emptyResult", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "icon" | "flag" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "countryName" | "dialCode" | "emptyResult">;
 export declare const inputStyles: IInputStyles;
 export type IPhoneInputCountryListStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { IRadioButtonSize } from './types';
 import { IRadioButtonStyles } from './RadioButton.styles';
 export interface IRadioButtonProps<Value extends string> extends ICommonProps<IRadioButtonStyles> {
     children?: ReactNode;
     value: Value;
     groupName: string;
+    size?: IRadioButtonSize;
     isChecked?: boolean;
     /** @default false */
     isDisabled?: boolean;
@@ -12,4 +14,4 @@ export interface IRadioButtonProps<Value extends string> extends ICommonProps<IR
     isInvalid?: boolean;
     onChange: (value: Value) => void | Promise<void>;
 }
-export declare function RadioButton<Value extends string>({ children, value, groupName, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;
+export declare function RadioButton<Value extends string>({ children, value, groupName, size, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;

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

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "input" | "label" | "isDisabled" | "isInvalid", unknown>;
-export type IRadioButtonStyles = ITweakStyles<typeof useStyles>;
+import { IRadioButtonSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "input" | "isDisabled" | "label" | "isInvalid">;
+export type IRadioButtonStyles = ITweakStyles<typeof useStyles, IRadioButtonSizes>;

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

@@ -1,2 +1,3 @@
 export * from './RadioButton';
 export type { IRadioButtonStyles } from './RadioButton.styles';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export interface IRadioButtonSizes {
+}
+export type IRadioButtonSize = keyof IRadioButtonSizes;

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

@@ -1,4 +1,4 @@
-import { HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
+import { DOMElement, HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
 import { StandardBehaviorOptions } from 'scroll-into-view-if-needed';
 export interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
     active?: boolean;
@@ -7,380 +7,10 @@ export interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
     options?: StandardBehaviorOptions;
 }
 export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeededProps> {
-    node: RefObject<HTMLElement>;
     static defaultProps: IScrollIntoViewIfNeededProps;
+    node: RefObject<HTMLElement>;
     componentDidMount(): void;
     componentDidUpdate({ active }: IScrollIntoViewIfNeededProps): void;
     handleScrollIntoViewIfNeeded: () => void;
-    render(): import("react").DOMElement<{
-        accept?: string | undefined;
-        acceptCharset?: string | undefined;
-        action?: string | undefined;
-        allowFullScreen?: boolean | undefined;
-        allowTransparency?: boolean | undefined;
-        alt?: string | undefined;
-        as?: string | undefined;
-        async?: boolean | undefined;
-        autoComplete?: string | undefined;
-        autoPlay?: boolean | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        cellPadding?: string | number | undefined;
-        cellSpacing?: string | number | undefined;
-        charSet?: string | undefined;
-        challenge?: string | undefined;
-        checked?: boolean | undefined;
-        cite?: string | undefined;
-        classID?: string | undefined;
-        cols?: number | undefined;
-        colSpan?: number | undefined;
-        controls?: boolean | undefined;
-        coords?: string | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        data?: string | undefined;
-        dateTime?: string | undefined;
-        default?: boolean | undefined;
-        defer?: boolean | undefined;
-        disabled?: boolean | undefined;
-        download?: any;
-        encType?: string | undefined;
-        form?: string | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        frameBorder?: string | number | undefined;
-        headers?: string | undefined;
-        height?: string | number | undefined;
-        high?: number | undefined;
-        href?: string | undefined;
-        hrefLang?: string | undefined;
-        htmlFor?: string | undefined;
-        httpEquiv?: string | undefined;
-        integrity?: string | undefined;
-        keyParams?: string | undefined;
-        keyType?: string | undefined;
-        kind?: string | undefined;
-        label?: string | undefined;
-        list?: string | undefined;
-        loop?: boolean | undefined;
-        low?: number | undefined;
-        manifest?: string | undefined;
-        marginHeight?: number | undefined;
-        marginWidth?: number | undefined;
-        max?: string | number | undefined;
-        maxLength?: number | undefined;
-        media?: string | undefined;
-        mediaGroup?: string | undefined;
-        method?: string | undefined;
-        min?: string | number | undefined;
-        minLength?: number | undefined;
-        multiple?: boolean | undefined;
-        muted?: boolean | undefined;
-        name?: string | undefined;
-        noValidate?: boolean | undefined;
-        open?: boolean | undefined;
-        optimum?: number | undefined;
-        pattern?: string | undefined;
-        placeholder?: string | undefined;
-        playsInline?: boolean | undefined;
-        poster?: string | undefined;
-        preload?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: boolean | undefined;
-        reversed?: boolean | undefined;
-        rows?: number | undefined;
-        rowSpan?: number | undefined;
-        sandbox?: string | undefined;
-        scope?: string | undefined;
-        scoped?: boolean | undefined;
-        scrolling?: string | undefined;
-        seamless?: boolean | undefined;
-        selected?: boolean | undefined;
-        shape?: string | undefined;
-        size?: number | undefined;
-        sizes?: string | undefined;
-        span?: number | undefined;
-        src?: string | undefined;
-        srcDoc?: string | undefined;
-        srcLang?: string | undefined;
-        srcSet?: string | undefined;
-        start?: number | undefined;
-        step?: string | number | undefined;
-        summary?: string | undefined;
-        target?: string | undefined;
-        type?: string | undefined;
-        useMap?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        width?: string | number | undefined;
-        wmode?: string | undefined;
-        wrap?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
-        style?: import("react").CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "both" | "list" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "copy" | "link" | "none" | "move" | "popup" | "execute" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
-        onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
-        onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
-        onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
-        onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
-        ref: import("react").LegacyRef<HTMLElement>;
-        key?: import("react").Key | null | undefined;
-    }, HTMLElement>;
+    render(): DOMElement<any, any>;
 }
-export default ScrollIntoViewIfNeeded;

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

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

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

@@ -1,6 +1,5 @@
-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>;
+export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import('../../types').IDataAttributesProps & import('../../types').ITweakStylesProps<ISearchInputStyles> & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,13 +1,13 @@
-import { ReactNode, SyntheticEvent } from 'react';
+import { ReactNode, Ref, 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 { IChangeSelectEvent, IMultipleSelectValue, ISelectFooter } 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;
+    footer?: ISelectFooter<Value>;
     defaultOptionLabel?: ReactNode;
     allOptionsLabel?: string;
     noMatchesLabel?: string;
@@ -21,14 +21,16 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     dropdownOptions?: IDropdownWithPopperOptions;
     /** @default 'chevron-down' */
     dropdownIcon?: IIcon;
-    options: Value[] | Readonly<Value[]>;
+    options: Value[] | readonly Value[];
     value: Value | undefined;
     /** @default true */
     shouldScrollToList?: boolean;
     isMultiSelect?: false;
     searchInput?: {
-        shouldRenderInList: true;
-    } & Pick<ISearchInputProps, 'placeholder'>;
+        /** @default false */
+        shouldRenderInList?: boolean;
+        ref?: Ref<HTMLInputElement>;
+    } & Pick<ISearchInputProps, 'placeholder' | 'shouldFocusOnMount'>;
     isOptionDisabled?: (option: Value) => boolean;
     onChange: (value: Value | undefined, event: IChangeSelectEvent) => void;
     onBlur?: (event: Event | SyntheticEvent) => void;

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

@@ -1,30 +1,20 @@
-import { type ITweakStyles } from '../../theme';
-import { type IInputStyles } from '../Input';
-import { type ISearchInputStyles } from '../SearchInput';
+import { ITweakStyles } from '../../theme';
+import { IInputStyles } from '../Input';
+import { 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>;
+import { ISelectListStyles } from './components';
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter">;
+export declare const readonlyInputStyles: Partial<import('jss').Styles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>> & Partial<{
+    tweakControlWrapper: import('..').IControlWrapperStyles;
+    tweakWithMessages: IWithMessagesStyles;
 }>;
-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 readonlyMultiSelectStyles: Partial<import('jss').Styles<"input" | "withValue" | "inputContent" | "defaultWrapper" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>> & Partial<{
+    tweakControlWrapper: import('..').IControlWrapperStyles;
+    tweakWithMessages: IWithMessagesStyles;
 }>;
 export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
     hasReadonlyInput: boolean;
-    isMultiSelect?: boolean | undefined;
+    isMultiSelect?: boolean;
 }) => IInputStyles;
 export type ISelectStyles = ITweakStyles<typeof useStyles, {
     tweakWithMessages: IWithMessagesStyles;

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

@@ -1,9 +1,9 @@
-import { type ReactNode } from 'react';
-import { type ICommonProps } from '../../../../types';
-import { type ISelectListItemProps } from '../SelectListItem';
-import { type ISelectListStyles } from './SelectList.styles';
+import { ReactNode } from 'react';
+import { ICommonProps } from '../../../../types';
+import { ISelectListItemProps } from '../SelectListItem';
+import { ISelectListStyles } from './SelectList.styles';
 export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>, Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
-    options: Value[] | Readonly<Value[]>;
+    options: Value[] | readonly Value[];
     focusedIndex?: number;
     activeValue?: Value | Value[];
     noMatchesLabel?: string;