@consta/uikit 5.20.0 → 5.20.2

package/__internal__/src/components/ResponsesNothingFound/ResponsesNothingFound.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ResponsesNothingFound: React.ForwardRefExoticComponent<Omit<import("../Responses").ResponsesProps, "image"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ResponsesNothingFound/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ResponsesNothingFound';
+export * from '../../responsesImages/ResponsesImageNothingFound/ResponsesImageNothingFound';

package/__internal__/src/components/ResponsesSuccess/ResponsesSuccess.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ResponsesSuccess: React.ForwardRefExoticComponent<Omit<import("../Responses").ResponsesProps, "image"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ResponsesSuccess/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ResponsesSuccess';
+export * from '../../responsesImages/ResponsesImageSuccess/ResponsesImageSuccess';

package/__internal__/src/components/Select/Select.d.ts

@@ -0,0 +1,4 @@
+import '../SelectComponents/Select.css';
+import { SelectComponent } from './helpers';
+export declare const Select: SelectComponent;
+export * from './helpers';

package/__internal__/src/components/Select/helpers.d.ts

@@ -0,0 +1,159 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponents/types';
+export type SelectItemDefault = {
+    label: string;
+    id: string | number;
+    groupId?: string | number;
+    disabled?: boolean;
+};
+export type SelectGroupDefault = {
+    label: string;
+    id: string | number;
+};
+type SelectPropValue<ITEM> = ITEM | null | undefined;
+type SelectRenderValueProps<ITEM> = {
+    item: ITEM;
+};
+export type SelectPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type SelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export type SelectPropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+export type SelectPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type SelectPropGetGroupKey<GROUP> = (group: GROUP) => string | number;
+export type SelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;
+export type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export type PropRenderValue<ITEM> = (props: SelectRenderValueProps<ITEM>) => React.ReactElement | null;
+export type SelectPropOnChange<ITEM> = (value: ITEM | null, props: {
+    e: React.SyntheticEvent;
+}) => void;
+export type SelectProps<ITEM = SelectItemDefault, GROUP = SelectGroupDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    onChange: SelectPropOnChange<ITEM>;
+    disabled?: boolean;
+    form?: PropForm;
+    dropdownForm?: 'default' | 'brick' | 'round';
+    size?: PropSize;
+    view?: PropView;
+    status?: PropStatus;
+    focused?: boolean;
+    placeholder?: string;
+    ariaLabel?: string;
+    dropdownClassName?: string;
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    required?: boolean;
+    name?: string;
+    isLoading?: boolean;
+    labelForEmptyItems?: string;
+    value?: SelectPropValue<ITEM>;
+    renderItem?: PropRenderItem<ITEM>;
+    renderValue?: PropRenderValue<ITEM>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    groups?: GROUP[];
+    getItemLabel?: SelectPropGetItemLabel<ITEM>;
+    getItemKey?: SelectPropGetItemKey<ITEM>;
+    getItemGroupKey?: SelectPropGetItemGroupKey<ITEM>;
+    getItemDisabled?: SelectPropGetItemDisabled<ITEM>;
+    getGroupLabel?: SelectPropGetGroupLabel<GROUP>;
+    getGroupKey?: SelectPropGetGroupKey<GROUP>;
+    label?: string;
+    labelIcon?: IconComponent;
+    labelPosition?: 'top' | 'left';
+    caption?: string;
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+}, HTMLDivElement> & (ITEM extends {
+    label: SelectItemDefault['label'];
+} ? {} : {
+    getItemLabel: SelectPropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: SelectItemDefault['id'];
+} ? {} : {
+    getItemKey: SelectPropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: SelectGroupDefault['label'];
+} ? {} : {
+    getGroupLabel: SelectPropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: SelectGroupDefault['id'];
+} ? {} : {
+    getGroupKey: SelectPropGetGroupKey<GROUP>;
+});
+export type SelectComponent = <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>(props: SelectProps<ITEM, GROUP>) => React.ReactElement | null;
+export declare const defaultGetItemKey: SelectPropGetItemKey<SelectItemDefault>;
+export declare const defaultGetItemLabel: SelectPropGetItemLabel<SelectItemDefault>;
+export declare const defaultGetItemGroupKey: SelectPropGetItemGroupKey<SelectItemDefault>;
+export declare const defaultGetItemDisabled: SelectPropGetItemDisabled<SelectItemDefault>;
+export declare const defaultGetGroupKey: SelectPropGetGroupKey<SelectGroupDefault>;
+export declare const defaultGetGroupLabel: SelectPropGetGroupLabel<SelectGroupDefault>;
+export declare function withDefaultGetters<ITEM, GROUP>(props: SelectProps<ITEM, GROUP>): {
+    items: ITEM[];
+    onChange: SelectPropOnChange<ITEM>;
+    disabled?: boolean;
+    form?: PropForm;
+    dropdownForm?: "default" | "brick" | "round";
+    size?: PropSize;
+    view?: PropView;
+    status?: PropStatus;
+    focused?: boolean;
+    placeholder?: string;
+    ariaLabel?: string;
+    dropdownClassName?: string;
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    required?: boolean;
+    name?: string;
+    isLoading?: boolean;
+    labelForEmptyItems?: string;
+    value?: SelectPropValue<ITEM>;
+    renderItem?: PropRenderItem<ITEM> | undefined;
+    renderValue?: PropRenderValue<ITEM> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    groups?: GROUP[] | undefined;
+    getItemLabel?: SelectPropGetItemLabel<ITEM> | undefined;
+    getItemKey?: SelectPropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: SelectPropGetItemGroupKey<ITEM> | undefined;
+    getItemDisabled?: SelectPropGetItemDisabled<ITEM> | undefined;
+    getGroupLabel?: SelectPropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: SelectPropGetGroupKey<GROUP> | undefined;
+    label?: string;
+    labelIcon?: IconComponent;
+    labelPosition?: "top" | "left";
+    caption?: string;
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "caption" | "form" | "label" | "status" | "name" | "disabled" | "value" | "required" | "inputRef" | "items" | "dropdownForm" | "focused" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: SelectItemDefault["label"];
+} ? {} : {
+    getItemLabel: SelectPropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: SelectItemDefault["id"];
+} ? {} : {
+    getItemKey: SelectPropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: SelectGroupDefault["label"];
+} ? {} : {
+    getGroupLabel: SelectPropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: SelectGroupDefault["id"];
+} ? {} : {
+    getGroupKey: SelectPropGetGroupKey<GROUP>;
+}) & {
+    getItemLabel: SelectPropGetItemLabel<SelectItemDefault> | SelectPropGetItemLabel<ITEM>;
+    getItemKey: SelectPropGetItemKey<SelectItemDefault> | SelectPropGetItemKey<ITEM>;
+    getItemGroupKey: SelectPropGetItemGroupKey<SelectItemDefault> | SelectPropGetItemGroupKey<ITEM>;
+    getItemDisabled: SelectPropGetItemDisabled<SelectItemDefault> | SelectPropGetItemDisabled<ITEM>;
+    getGroupLabel: SelectPropGetGroupLabel<SelectGroupDefault> | SelectPropGetGroupLabel<GROUP>;
+    getGroupKey: SelectPropGetGroupKey<SelectGroupDefault> | SelectPropGetGroupKey<GROUP>;
+};
+export declare const iconSizeMap: Record<PropSize, IconPropSize>;
+export {};

package/__internal__/src/components/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/__internal__/src/components/SelectCanary/SelectCanary.d.ts

@@ -0,0 +1,2 @@
+import { SelectComponent } from '.';
+export declare const Select: SelectComponent;

package/__internal__/src/components/SelectCanary/SelectControlLayout/SelectControlLayout.d.ts

@@ -0,0 +1,15 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+import { FieldControlLayoutProps } from '../../FieldComponents';
+type FieldButtonProps = Omit<FieldControlLayoutProps, 'leftSide' | 'rightSide'> & {
+    openAtom: AtomMut<boolean>;
+    focusAtom: AtomMut<boolean>;
+    clearButtonAtom: AtomMut<boolean>;
+    separator?: boolean;
+    onClear: (e: React.SyntheticEvent<Element, Event>) => void;
+    onDropdownButton?: (e: React.SyntheticEvent<Element, Event>) => void;
+    iconClear?: IconComponent;
+};
+export declare const SelectControlLayout: React.ForwardRefExoticComponent<Pick<FieldButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "view" | "form" | "separator" | "status" | "key" | "disabled" | "focused" | "onClear" | "leftSlotsRefs" | "rightSlotsRefs" | "alignSlots" | "iconClear" | "openAtom" | "focusAtom" | "onDropdownButton" | "clearButtonAtom"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/__internal__/src/components/SelectCanary/SelectControlLayout/cnSelectControlLayout.d.ts

@@ -0,0 +1,2 @@
+import './SelectControlLayout.css';
+export declare const cnSelectControlLayout: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/SelectCanary/SelectControlLayout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectControlLayout';
+export * from './cnSelectControlLayout';

package/__internal__/src/components/SelectCanary/SelectCreateButton/SelectCreateButton.d.ts

@@ -0,0 +1,19 @@
+import './SelectCreateButton.css';
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+import { FieldPropSize } from '../../FieldComponents';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+type LabelForCreate = ((label: string | undefined) => React.ReactNode) | React.ReactNode;
+type SelectCreateButtonProps = PropsWithHTMLAttributesAndRef<{
+    labelForCreate?: LabelForCreate;
+    inputValueAtom: AtomMut<string>;
+    size: FieldPropSize;
+    indent: 'normal' | 'increased';
+    index: number;
+    highlightIndex: (index: number) => void;
+    highlightedIndexAtom: AtomMut<number>;
+}, HTMLDivElement>;
+export declare const cnSelectCreateButton: import("@bem-react/classname").ClassNameFormatter;
+type SelectCreateButtonComponent = (props: SelectCreateButtonProps) => JSX.Element | null;
+export declare const SelectCreateButton: SelectCreateButtonComponent;
+export {};

package/__internal__/src/components/SelectCanary/SelectCreateButton/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectCreateButton';

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.d.ts

@@ -0,0 +1,54 @@
+import './SelectDropdown.css';
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+import { FieldPropSize } from '../../FieldComponents';
+import { PopoverPropOffset } from '../../Popover';
+import { GetOptionPropsResult, OptionForCreate, OptionProps } from '../useSelect';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+import { CountedGroup } from '../types';
+export declare const selectDropdownForm: readonly ["default", "brick", "round"];
+export type SelectDropdownPropForm = typeof selectDropdownForm[number];
+export declare const defaultSelectDropdownPropForm: "default";
+type RenderItemProps<ITEM> = {
+    item: ITEM;
+    active: boolean;
+    hovered: boolean;
+    onClick: (e: React.MouseEvent) => void;
+    onMouseEnter: (e: React.MouseEvent) => void;
+    ref: React.Ref<HTMLDivElement>;
+};
+type Props<ITEM, GROUP> = PropsWithJsxAttributes<{
+    size: FieldPropSize;
+    controlRef: React.MutableRefObject<HTMLDivElement | null>;
+    dropdownRef: React.Ref<HTMLDivElement>;
+    getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;
+    form: SelectDropdownPropForm;
+    openAtom: AtomMut<boolean>;
+    offset?: PopoverPropOffset | 'none';
+    isLoading?: boolean;
+    renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;
+    highlightedIndexAtom: AtomMut<number>;
+    visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;
+    getGroupLabel?: (group: GROUP) => string;
+    labelForCreate?: ((label: string | undefined) => React.ReactNode) | React.ReactNode;
+    labelForNotFound?: string;
+    labelForEmptyItems?: string;
+    notFound?: boolean;
+    hasItemsAtom: AtomMut<boolean>;
+    itemsRefs: React.RefObject<HTMLDivElement>[];
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    valueAtom: AtomMut<ITEM[]>;
+    getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;
+    onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;
+    highlightIndex: (index: number) => void;
+    onCreate: (e: React.SyntheticEvent) => void;
+    onChange: (e: React.SyntheticEvent, item: ITEM) => void;
+    inputValueAtom: AtomMut<string>;
+    groupsCounterAtom: AtomMut<Record<string, [number, number]>>;
+    dropdownZIndexAtom: AtomMut<number | undefined>;
+    selectAllLabel: string;
+}>;
+type SelectDropdownComponent = <ITEM, GROUP>(props: Props<ITEM, GROUP>) => React.ReactElement | null;
+export declare const SelectDropdown: SelectDropdownComponent;
+export {};

package/__internal__/src/components/SelectCanary/SelectDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectDropdown';

package/__internal__/src/components/SelectCanary/SelectGroupLabel/SelectGroupLabel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FieldPropSize } from '../../FieldComponents';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+type SelectGroupLabelProps = PropsWithHTMLAttributesAndRef<{
+    label: string;
+    size: FieldPropSize;
+    indent: 'normal' | 'increased';
+}, HTMLDivElement>;
+export declare const SelectGroupLabel: React.FC<SelectGroupLabelProps>;
+export {};

package/__internal__/src/components/SelectCanary/SelectGroupLabel/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectGroupLabel';

package/__internal__/src/components/SelectCanary/SelectInput/SelectInput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+type FieldInputProps = PropsWithJsxAttributes<{
+    children?: React.ReactNode;
+}, 'input'>;
+export declare const SelectInput: React.ForwardRefExoticComponent<Pick<FieldInputProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "type" | "form" | "pattern" | "list" | "step" | "key" | "height" | "name" | "width" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/__internal__/src/components/SelectCanary/SelectInput/cnSelectInput.d.ts

@@ -0,0 +1,2 @@
+import './SelectInput.css';
+export declare const cnSelectInput: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/SelectCanary/SelectInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectInput';
+export * from './cnSelectInput';

package/__internal__/src/components/SelectCanary/SelectItem/SelectItem.d.ts

@@ -0,0 +1,17 @@
+import './SelectItem.css';
+import React from 'react';
+import { CheckboxPropSize } from '../../Checkbox';
+import { FieldPropSize } from '../../FieldComponents';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type SelectItemProps = PropsWithHTMLAttributesAndRef<{
+    label: string;
+    active: boolean;
+    hovered: boolean;
+    multiple?: boolean;
+    size: FieldPropSize;
+    indent: 'normal' | 'increased';
+    disabled: boolean | undefined;
+}, HTMLDivElement>;
+export declare const sizeCheckboxMap: Record<FieldPropSize, CheckboxPropSize>;
+export declare const cnSelectItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const SelectItem: React.FC<SelectItemProps>;

package/__internal__/src/components/SelectCanary/SelectItem/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectItem';

package/__internal__/src/components/SelectCanary/SelectItemAll/SelectItemAll.d.ts

@@ -0,0 +1,16 @@
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+import { FieldPropSize } from '../../FieldComponents';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type SelectItemAllProps = PropsWithHTMLAttributesAndRef<{
+    size: FieldPropSize;
+    hovered?: boolean;
+    indent?: 'normal' | 'increased';
+    groupsCounterAtom: AtomMut<Record<string, [number, number]>>;
+    groupId: string | number;
+    highlightedIndexAtom: AtomMut<number>;
+    index: number;
+    label: string;
+}, HTMLDivElement>;
+export declare const cnSelectItemAll: import("@bem-react/classname").ClassNameFormatter;
+export declare const SelectItemAll: React.FC<SelectItemAllProps>;

package/__internal__/src/components/SelectCanary/SelectItemAll/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectItemAll';

package/__internal__/src/components/SelectCanary/SelectLoader/SelectLoader.d.ts

@@ -0,0 +1,3 @@
+import './SelectLoader.css';
+export declare const cnSelectLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const SelectLoader: () => JSX.Element;

package/__internal__/src/components/SelectCanary/SelectLoader/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectLoader';

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.d.ts

@@ -0,0 +1,3 @@
+import './SelectMultiple.css';
+import { SelectComponent } from '..';
+export declare const SelectMultiple: SelectComponent;

package/__internal__/src/components/SelectCanary/SelectMultiple/__test__/SelectMultiple.test.d.ts

@@ -0,0 +1 @@
+export {};

package/__internal__/src/components/SelectCanary/SelectMultiple/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectMultiple';

package/__internal__/src/components/SelectCanary/SelectMultipleValue/SelectMultipleValue.d.ts

@@ -0,0 +1,17 @@
+import { AtomMut } from '@reatom/core';
+import React from 'react';
+import { PropsWithDefault } from '../defaultProps';
+import { SelectGroupDefault, SelectItemDefault } from '../types';
+type SelectMultipleValueProps<ITEM, GROUP> = {
+    propsAtom: AtomMut<PropsWithDefault<ITEM, GROUP, true>>;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    renderValue: (items: ITEM[]) => React.ReactNode;
+    inputRef?: React.Ref<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+} & React.RefAttributes<HTMLDivElement>;
+export type SelectMultipleValueComponent = <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>(props: SelectMultipleValueProps<ITEM, GROUP>) => React.ReactElement | null;
+export declare const SelectMultipleValueRender: <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>({ propsAtom, onFocus, onBlur, onClick, renderValue, onChange, inputRef, }: SelectMultipleValueProps<ITEM, GROUP>, ref: React.Ref<HTMLDivElement>) => JSX.Element;
+export declare const SelectMultipleValue: SelectMultipleValueComponent;
+export {};

package/__internal__/src/components/SelectCanary/SelectMultipleValue/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectMultipleValue';

package/__internal__/src/components/SelectCanary/SelectPopover/SelectPopover.d.ts

@@ -0,0 +1,20 @@
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+import { FieldPropSize } from '../../FieldComponents';
+import { PopoverPropOffset } from '../../Popover';
+import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
+export declare const SelectPopoverForm: readonly ["default", "brick", "round"];
+export type SelectPopoverPropForm = typeof SelectPopoverForm[number];
+export declare const defaultSelectPopoverPropForm: "default";
+type Props = PropsWithJsxAttributes<{
+    controlRef: React.MutableRefObject<HTMLDivElement | null>;
+    form: SelectPopoverPropForm;
+    openAtom: AtomMut<boolean>;
+    size: FieldPropSize;
+    offset?: PopoverPropOffset | 'none';
+    anchorRef: React.RefObject<HTMLElement> | undefined;
+    children: React.ReactNode;
+    onMount: (isMount: boolean) => void;
+}>;
+export declare const SelectPopover: (props: Props) => JSX.Element;
+export {};

package/__internal__/src/components/SelectCanary/SelectPopover/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectPopover';

package/__internal__/src/components/SelectCanary/SelectRenderItem/SelectRenderItem.d.ts

@@ -0,0 +1,24 @@
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+type RenderItemProps<ITEM> = {
+    item: ITEM;
+    active: boolean;
+    hovered: boolean;
+    onClick: (e: React.MouseEvent) => void;
+    onMouseEnter: (e: React.MouseEvent) => void;
+    ref: React.Ref<HTMLDivElement>;
+};
+type SelectRenderItemProps<ITEM> = {
+    item: ITEM;
+    rootRef: React.Ref<HTMLDivElement>;
+    onClick: (e: React.MouseEvent) => void;
+    onMouseEnter: (e: React.MouseEvent) => void;
+    renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;
+    highlightedIndexAtom: AtomMut<number>;
+    index: number;
+    valueAtom: AtomMut<ITEM[]>;
+    getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;
+};
+type SelectRenderItemComponent = <ITEM>(props: SelectRenderItemProps<ITEM>) => JSX.Element;
+export declare const SelectRenderItem: SelectRenderItemComponent;
+export {};

package/__internal__/src/components/SelectCanary/SelectRenderItem/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectRenderItem';

package/__internal__/src/components/SelectCanary/SelectSingle/SelectSingle.d.ts

@@ -0,0 +1,2 @@
+import { SelectComponent } from '..';
+export declare const SelectSingle: SelectComponent;

package/__internal__/src/components/SelectCanary/SelectSingle/__test__/SelectSingle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/__internal__/src/components/SelectCanary/SelectSingle/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectSingle';

package/__internal__/src/components/SelectCanary/defaultProps.d.ts

@@ -0,0 +1,23 @@
+import { WithDefaultReturn } from '../../utils/object';
+import { SelectGroupDefault, SelectItemDefault, SelectPropsInit } from '.';
+export declare const defaultLabelForEmptyItems = "\u0421\u043F\u0438\u0441\u043E\u043A \u043F\u0443\u0441\u0442";
+export declare const defaultSelectAllLabel = "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435";
+declare const defaultProps: {
+    readonly form: "default";
+    readonly size: "m";
+    readonly view: "default";
+    readonly getItemKey: (item: SelectItemDefault) => string | number;
+    readonly getGroupKey: (group: SelectGroupDefault) => string | number;
+    readonly getGroupLabel: (group: SelectGroupDefault) => string;
+    readonly getItemDisabled: (item: SelectItemDefault) => boolean | undefined;
+    readonly getItemGroupKey: (item: SelectItemDefault) => string | number | undefined;
+    readonly getItemLabel: (item: SelectItemDefault) => string;
+    readonly dropdownForm: "default";
+    readonly labelForEmptyItems: "Список пуст";
+    readonly selectAllLabel: "Выбрать все";
+};
+export declare const withDefault: <ITEM = SelectItemDefault, GROUP = SelectGroupDefault, MULTIPLE extends boolean = false>(props: SelectPropsInit<ITEM, GROUP, MULTIPLE>) => PropsWithDefault<ITEM, GROUP, MULTIPLE>;
+export type PropsWithDefaultMultiple = WithDefaultReturn<SelectPropsInit<SelectItemDefault, SelectGroupDefault, true>, keyof typeof defaultProps>;
+export type PropsWithDefaultSingle = WithDefaultReturn<SelectPropsInit<SelectItemDefault, SelectGroupDefault, false>, keyof typeof defaultProps>;
+export type PropsWithDefault<ITEM = SelectItemDefault, GROUP = SelectGroupDefault, MULTIPLE extends boolean = false> = WithDefaultReturn<SelectPropsInit<ITEM, GROUP, MULTIPLE>, keyof typeof defaultProps>;
+export {};

package/__internal__/src/components/SelectCanary/helpers.d.ts

@@ -0,0 +1,81 @@
+import { IconPropSize } from '@consta/icons/Icon';
+import { FieldPropSize } from '../FieldComponents';
+import { SelectGroupDefault, SelectItemDefault, SelectPropGetGroupKey, SelectPropGetGroupLabel, SelectPropGetItemDisabled, SelectPropGetItemGroupKey, SelectPropGetItemKey, SelectPropGetItemLabel, SelectProps } from '.';
+export declare const defaultGetItemKey: SelectPropGetItemKey<SelectItemDefault>;
+export declare const defaultGetItemLabel: SelectPropGetItemLabel<SelectItemDefault>;
+export declare const defaultGetItemGroupKey: SelectPropGetItemGroupKey<SelectItemDefault>;
+export declare const defaultGetItemDisabled: SelectPropGetItemDisabled<SelectItemDefault>;
+export declare const defaultGetGroupKey: SelectPropGetGroupKey<SelectGroupDefault>;
+export declare const defaultGetGroupLabel: SelectPropGetGroupLabel<SelectGroupDefault>;
+export declare const isMultipleParams: <ITEM, GROUP>(params: SelectProps<ITEM, GROUP, boolean>) => params is SelectProps<ITEM, GROUP, true>;
+export declare const isNotMultipleParams: <ITEM, GROUP>(params: SelectProps<ITEM, GROUP, boolean>) => params is SelectProps<ITEM, GROUP, false>;
+export declare function withDefaultGetters<ITEM = SelectItemDefault, GROUP = SelectGroupDefault, MULTIPLE extends boolean = false>(props: SelectProps<ITEM, GROUP, MULTIPLE>): {
+    items: ITEM[];
+    onChange: import("./types").SelectPropOnChange<ITEM, MULTIPLE>;
+    disabled?: boolean;
+    form?: import("../FieldComponents").FieldPropForm;
+    dropdownForm?: "default" | "brick" | "round";
+    size?: FieldPropSize;
+    view?: import("../FieldComponents").FieldPropView;
+    placeholder?: string;
+    'aria-Label'?: string;
+    status?: import("../FieldComponents").FieldPropStatus;
+    isLoading?: boolean;
+    dropdownClassName?: string;
+    dropdownRef?: React.Ref<HTMLDivElement>;
+    renderItem?: import("./types").SelectPropRenderItem<ITEM> | undefined;
+    renderValue?: import("./types").SelectPropRenderValue<ITEM, MULTIPLE> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onCreate?: import("./types").SelectPropOnCreate;
+    inputRef?: React.Ref<HTMLInputElement>;
+    input?: boolean;
+    inputValue?: string;
+    inputDefaultValue?: string;
+    onInput?: (value: string) => void;
+    labelForCreate?: ((label: string | undefined) => React.ReactNode) | React.ReactNode;
+    labelForEmptyItems?: string;
+    multiple?: MULTIPLE | undefined;
+    value?: import("./types").SelectPropValue<ITEM, MULTIPLE>;
+    groups?: GROUP[] | undefined;
+    getItemLabel?: SelectPropGetItemLabel<ITEM> | undefined;
+    getItemKey?: SelectPropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: SelectPropGetItemGroupKey<ITEM> | undefined;
+    getItemDisabled?: SelectPropGetItemDisabled<ITEM> | undefined;
+    getGroupLabel?: SelectPropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: SelectPropGetGroupKey<GROUP> | undefined;
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+    clearButton?: boolean;
+    iconClear?: import("@consta/icons/Icon").IconComponent;
+    selectAll?: (MULTIPLE extends true ? boolean : never) | undefined;
+    selectAllLabel?: string;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onInput" | "size" | "view" | "form" | "input" | "status" | "disabled" | "value" | "multiple" | "inputRef" | "items" | "dropdownForm" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "onScrollToBottom" | "labelForCreate" | "inputValue" | "selectAll" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "inputDefaultValue" | "clearButton" | "iconClear" | "onCreate" | "aria-Label" | "selectAllLabel"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: SelectItemDefault["label"];
+} ? {} : {
+    getItemLabel: SelectPropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: SelectItemDefault["id"];
+} ? {} : {
+    getItemKey: SelectPropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: SelectGroupDefault["label"];
+} ? {} : {
+    getGroupLabel: SelectPropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: SelectGroupDefault["id"];
+} ? {} : {
+    getGroupKey: SelectPropGetGroupKey<GROUP>;
+}) & {
+    getItemLabel: SelectPropGetItemLabel<SelectItemDefault> | SelectPropGetItemLabel<ITEM>;
+    getItemKey: SelectPropGetItemKey<SelectItemDefault> | SelectPropGetItemKey<ITEM>;
+    getItemGroupKey: SelectPropGetItemGroupKey<SelectItemDefault> | SelectPropGetItemGroupKey<ITEM>;
+    getItemDisabled: SelectPropGetItemDisabled<SelectItemDefault> | SelectPropGetItemDisabled<ITEM>;
+    getGroupLabel: SelectPropGetGroupLabel<SelectGroupDefault> | SelectPropGetGroupLabel<GROUP>;
+    getGroupKey: SelectPropGetGroupKey<SelectGroupDefault> | SelectPropGetGroupKey<GROUP>;
+};
+export declare const clearSizeMap: Record<FieldPropSize, IconPropSize>;
+export declare const iconSizeMap: Record<FieldPropSize, IconPropSize>;

package/__internal__/src/components/SelectCanary/index.d.ts

@@ -0,0 +1,5 @@
+export * from './SelectCanary';
+export * from './SelectSingle';
+export * from './SelectItem';
+export * from './useSearch';
+export * from './types';