@consta/uikit 5.18.0 → 5.19.1

package/__internal__/src/components/RadioGroup/types.d.ts

@@ -1,29 +1,28 @@
-/// <reference types="react" />
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type RadioGroupDefaultItem = {
+export type RadioGroupDefaultItem = {
     key?: string | number;
     label: string;
     disabled?: boolean;
 };
 export declare const radioGroupDirections: readonly ["column", "row"];
-export declare type RadioGroupDirection = typeof radioGroupDirections[number];
+export type RadioGroupDirection = typeof radioGroupDirections[number];
 export declare const radioGroupDefaultDirection: RadioGroupDirection;
 export declare const radioGroupSizes: readonly ["m", "l", "xs", "s"];
-export declare type RadioGroupPropSize = typeof radioGroupSizes[number];
+export type RadioGroupPropSize = typeof radioGroupSizes[number];
 export declare const radioGroupDefaultSize: RadioGroupPropSize;
 export declare const radioGroupViews: readonly ["primary", "ghost"];
-export declare type RadioGroupPropView = typeof radioGroupViews[number];
+export type RadioGroupPropView = typeof radioGroupViews[number];
 export declare const radioGroupDefaultView: RadioGroupPropView;
 export declare const radioGroupPropAlign: readonly ["center", "top"];
-export declare type RadioGroupPropAlign = typeof radioGroupPropAlign[number];
+export type RadioGroupPropAlign = typeof radioGroupPropAlign[number];
 export declare const radioGroupPropAlignDefault: RadioGroupPropAlign;
-export declare type RadioGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type RadioGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type RadioGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type RadioGroupPropOnChange<ITEM> = (value: ITEM, props: {
+export type RadioGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
+export type RadioGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type RadioGroupPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type RadioGroupPropOnChange<ITEM> = (value: ITEM, props: {
     e: React.ChangeEvent<HTMLInputElement>;
 }) => void;
-export declare type RadioGroupProps<ITEM = RadioGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
+export type RadioGroupProps<ITEM = RadioGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
     align?: RadioGroupPropAlign;
     value?: ITEM | null;
     items: ITEM[];
@@ -42,4 +41,4 @@ export declare type RadioGroupProps<ITEM = RadioGroupDefaultItem> = PropsWithHTM
 } ? {} : {
     getItemLabel: RadioGroupPropGetItemLabel<ITEM>;
 });
-export declare type RadioGroupComponent = <ITEM = RadioGroupDefaultItem>(props: RadioGroupProps<ITEM>) => React.ReactElement | null;
+export type RadioGroupComponent = <ITEM = RadioGroupDefaultItem>(props: RadioGroupProps<ITEM>) => React.ReactElement | null;

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

@@ -1,11 +1,11 @@
 import './Responses.css';
 import React from 'react';
-import { ResponsesImageProps } from "../../responsesImages/ResponsesImage/ResponsesImage";
-import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
+import { ResponsesImageProps } from '##/responsesImages/ResponsesImage/ResponsesImage';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
 export declare const responsesPropSize: readonly ["l", "m"];
-export declare type ResponsesPropSize = typeof responsesPropSize[number];
+export type ResponsesPropSize = typeof responsesPropSize[number];
 export declare const responsesPropSizeDefault: ResponsesPropSize;
-export declare type ResponsesProps = PropsWithHTMLAttributes<{
+export type ResponsesProps = PropsWithHTMLAttributes<{
     title?: React.ReactNode;
     description?: React.ReactNode;
     size?: ResponsesPropSize;
@@ -17,8 +17,8 @@ export declare const cnResponses: import("@bem-react/classname").ClassNameFormat
 export declare const Responses: React.ForwardRefExoticComponent<{
     title?: React.ReactNode;
     description?: React.ReactNode;
-    size?: "m" | "l" | undefined;
+    size?: ResponsesPropSize;
     image: React.FC<ResponsesImageProps>;
     actions?: React.ReactNode;
-    children?: undefined;
+    children?: never;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "title" | "children" | "size" | "image" | "actions" | "description"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Responses/createResponses.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ResponsesImageProps } from "../../responsesImages/ResponsesImage/ResponsesImage";
+import { ResponsesImageProps } from '##/responsesImages/ResponsesImage/ResponsesImage';
 import { ResponsesProps } from './Responses';
-declare type CreateResponsesArguments = {
+type CreateResponsesArguments = {
     name: string;
     image: React.FC<ResponsesImageProps>;
     title?: React.ReactNode;

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

@@ -1,2 +1,2 @@
 export * from './Responses403';
-export * from "../../responsesImages/ResponsesImage403/ResponsesImage403";
+export * from '##/responsesImages/ResponsesImage403/ResponsesImage403';

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

@@ -1,2 +1,2 @@
 export * from './Responses404';
-export * from "../../responsesImages/ResponsesImage404/ResponsesImage404";
+export * from '##/responsesImages/ResponsesImage404/ResponsesImage404';

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

@@ -1,2 +1,2 @@
 export * from './Responses500';
-export * from "../../responsesImages/ResponsesImage500/ResponsesImage500";
+export * from '##/responsesImages/ResponsesImage500/ResponsesImage500';

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

@@ -1,2 +1,2 @@
 export * from './Responses503';
-export * from "../../responsesImages/ResponsesImage503/ResponsesImage503";
+export * from '##/responsesImages/ResponsesImage503/ResponsesImage503';

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

@@ -1,2 +1,2 @@
 export * from './ResponsesConnectionError';
-export * from "../../responsesImages/ResponsesImageConnectionError/ResponsesImageConnectionError";
+export * from '##/responsesImages/ResponsesImageConnectionError/ResponsesImageConnectionError';

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

@@ -1,2 +1,2 @@
 export * from './ResponsesDeleted';
-export * from "../../responsesImages/ResponsesImageDeleted/ResponsesImageDeleted";
+export * from '##/responsesImages/ResponsesImageDeleted/ResponsesImageDeleted';

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

@@ -1,2 +1,2 @@
 export * from './ResponsesEmptyBox';
-export * from "../../responsesImages/ResponsesImageEmptyBox/ResponsesImageEmptyBox";
+export * from '##/responsesImages/ResponsesImageEmptyBox/ResponsesImageEmptyBox';

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

@@ -1,2 +1,2 @@
 export * from './ResponsesEmptyPockets';
-export * from "../../responsesImages/ResponsesImageEmptyPockets/ResponsesImageEmptyPockets";
+export * from '##/responsesImages/ResponsesImageEmptyPockets/ResponsesImageEmptyPockets';

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

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

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

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

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

@@ -2,32 +2,32 @@ 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 declare type SelectItemDefault = {
+export type SelectItemDefault = {
     label: string;
     id: string | number;
     groupId?: string | number;
     disabled?: boolean;
 };
-export declare type SelectGroupDefault = {
+export type SelectGroupDefault = {
     label: string;
     id: string | number;
 };
-declare type SelectPropValue<ITEM> = ITEM | null | undefined;
-declare type SelectRenderValueProps<ITEM> = {
+type SelectPropValue<ITEM> = ITEM | null | undefined;
+type SelectRenderValueProps<ITEM> = {
     item: ITEM;
 };
-export declare type SelectPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type SelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type SelectPropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type SelectPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type SelectPropGetGroupKey<GROUP> = (group: GROUP) => string | number;
-export declare type SelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;
-export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type PropRenderValue<ITEM> = (props: SelectRenderValueProps<ITEM>) => React.ReactElement | null;
-export declare type SelectPropOnChange<ITEM> = (value: ITEM | null, props: {
+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 declare type SelectProps<ITEM = SelectItemDefault, GROUP = SelectGroupDefault> = PropsWithHTMLAttributesAndRef<{
+export type SelectProps<ITEM = SelectItemDefault, GROUP = SelectGroupDefault> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     onChange: SelectPropOnChange<ITEM>;
     disabled?: boolean;
@@ -84,7 +84,7 @@ export declare type SelectProps<ITEM = SelectItemDefault, GROUP = SelectGroupDef
 } ? {} : {
     getGroupKey: SelectPropGetGroupKey<GROUP>;
 });
-export declare type SelectComponent = <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>(props: SelectProps<ITEM, GROUP>) => React.ReactElement | null;
+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>;
@@ -94,27 +94,27 @@ export declare const defaultGetGroupLabel: SelectPropGetGroupLabel<SelectGroupDe
 export declare function withDefaultGetters<ITEM, GROUP>(props: SelectProps<ITEM, GROUP>): {
     items: ITEM[];
     onChange: SelectPropOnChange<ITEM>;
-    disabled?: boolean | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    dropdownForm?: "default" | "brick" | "round" | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    view?: "clear" | "default" | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    focused?: boolean | undefined;
-    placeholder?: string | undefined;
-    ariaLabel?: string | undefined;
-    dropdownClassName?: string | undefined;
-    dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
-    required?: boolean | undefined;
-    name?: string | undefined;
-    isLoading?: boolean | undefined;
-    labelForEmptyItems?: string | undefined;
+    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> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    inputRef?: React.RefObject<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    inputRef?: React.RefObject<HTMLInputElement>;
     groups?: GROUP[] | undefined;
     getItemLabel?: SelectPropGetItemLabel<ITEM> | undefined;
     getItemKey?: SelectPropGetItemKey<ITEM> | undefined;
@@ -122,29 +122,29 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: SelectProps<ITEM,
     getItemDisabled?: SelectPropGetItemDisabled<ITEM> | undefined;
     getGroupLabel?: SelectPropGetGroupLabel<GROUP> | undefined;
     getGroupKey?: SelectPropGetGroupKey<GROUP> | undefined;
-    label?: string | undefined;
-    labelIcon?: IconComponent<"span"> | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    caption?: string | undefined;
-    virtualScroll?: boolean | undefined;
-    onScrollToBottom?: ((length: number) => void) | undefined;
-    onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
-    dropdownOpen?: boolean | undefined;
-    ignoreOutsideClicksRefs?: readonly React.RefObject<HTMLElement>[] | 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: string;
+    label: SelectItemDefault["label"];
 } ? {} : {
     getItemLabel: SelectPropGetItemLabel<ITEM>;
 }) & (ITEM extends {
-    id: string | number;
+    id: SelectItemDefault["id"];
 } ? {} : {
     getItemKey: SelectPropGetItemKey<ITEM>;
 }) & (GROUP extends {
-    label: string;
+    label: SelectGroupDefault["label"];
 } ? {} : {
     getGroupLabel: SelectPropGetGroupLabel<GROUP>;
 }) & (GROUP extends {
-    id: string | number;
+    id: SelectGroupDefault["id"];
 } ? {} : {
     getGroupKey: SelectPropGetGroupKey<GROUP>;
 }) & {

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/SelectCanary.js

@@ -0,0 +1,2 @@
+import React,{forwardRef}from"react";import{SelectMultiple}from"./SelectMultiple";import{SelectSingle}from"./SelectSingle";var SelectRender=function(a,b){var c=a.multiple?SelectMultiple:SelectSingle;return React.createElement(c,Object.assign({ref:b},a))};export var Select=forwardRef(SelectRender);
+//# sourceMappingURL=SelectCanary.js.map

package/__internal__/src/components/SelectCanary/SelectCanary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCanary.js","names":["React","forwardRef","SelectMultiple","SelectSingle","SelectRender","props","ref","Component","multiple","Select"],"sources":["../../../../../src/components/SelectCanary/SelectCanary.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  SelectComponent,\n  SelectGroupDefault,\n  SelectItemDefault,\n  SelectProps,\n} from '.';\nimport { SelectMultiple } from './SelectMultiple';\nimport { SelectSingle } from './SelectSingle';\n\nconst SelectRender = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: SelectProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const Component = props.multiple ? SelectMultiple : SelectSingle;\n\n  return <Component ref={ref} {...props} />;\n};\n\nexport const Select = forwardRef(SelectRender) as SelectComponent;\n"],"mappings":"AAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAQA,OAASC,cAAT,wBACA,OAASC,YAAT,sBAEA,GAAMC,aAAY,CAAG,SAKnBC,CALmB,CAMnBC,CANmB,CAOhB,CACH,GAAMC,EAAS,CAAGF,CAAK,CAACG,QAAN,CAAiBN,cAAjB,CAAkCC,YAApD,CAEA,MAAO,qBAAC,CAAD,gBAAW,GAAG,CAAEG,CAAhB,EAAyBD,CAAzB,EACR,CAXD,CAaA,MAAO,IAAMI,OAAM,CAAGR,UAAU,CAACG,YAAD,CAAzB"}

package/__internal__/src/components/SelectCanary/SelectControlLayout/SelectControlLayout.css

@@ -0,0 +1 @@
+.canary--SelectControlLayout-Separator{background-color:var(--color-control-bg-border-default);height:100%;width:1px}.canary--SelectControlLayout-DropDownIcon_open{transform:rotate(180deg)}

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 '##/components/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/SelectControlLayout.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","onClear","openAtom","focusAtom","separator","onDropdownButton","clearButtonAtom","iconClear"];import{IconSelect}from"@consta/icons/IconSelect";import{useAtom}from"@reatom/npm-react";import React,{forwardRef}from"react";import{FieldButton,FieldClearButton,FieldControlLayout,getFieldIconSize}from"../../FieldComponents";import{cnSelectControlLayout}from"./cnSelectControlLayout";export var SelectControlLayout=forwardRef(function(a,b){var c=a.className,d=a.size,e=void 0===d?"m":d,f=a.onClear,g=a.openAtom,h=a.focusAtom,i=a.separator,j=a.onDropdownButton,k=a.clearButtonAtom,l=a.iconClear,m=_objectWithoutProperties(a,_excluded),n=useAtom(k),o=_slicedToArray(n,1),p=o[0];return React.createElement(FieldControlLayout,Object.assign({},m,{size:e,ref:b,className:cnSelectControlLayout({separator:i,clearButton:p},[c]),focused:useAtom(h)[0],alignSlots:"center",rightSide:[p?React.createElement(FieldClearButton,{className:cnSelectControlLayout("ClearButton"),tabIndex:-1,size:e,onClick:f,icon:l}):void 0,i?React.createElement("div",{className:cnSelectControlLayout("Separator")}):void 0,React.createElement(FieldButton,{tabIndex:-1,onClick:j},React.createElement(IconSelect,{className:cnSelectControlLayout("DropDownIcon",{open:useAtom(g)[0]}),size:getFieldIconSize(e)}))]}))});
+//# sourceMappingURL=SelectControlLayout.js.map

package/__internal__/src/components/SelectCanary/SelectControlLayout/SelectControlLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectControlLayout.js","names":["IconSelect","useAtom","React","forwardRef","FieldButton","FieldClearButton","FieldControlLayout","getFieldIconSize","cnSelectControlLayout","SelectControlLayout","ref","className","size","onClear","openAtom","focusAtom","separator","onDropdownButton","clearButtonAtom","iconClear","props","clearButton","open"],"sources":["../../../../../../src/components/SelectCanary/SelectControlLayout/SelectControlLayout.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldButton,\n  FieldClearButton,\n  FieldControlLayout,\n  FieldControlLayoutProps,\n  getFieldIconSize,\n} from '##/components/FieldComponents';\n\nimport { cnSelectControlLayout } from './cnSelectControlLayout';\n\ntype FieldButtonProps = Omit<\n  FieldControlLayoutProps,\n  'leftSide' | 'rightSide'\n> & {\n  openAtom: AtomMut<boolean>;\n  focusAtom: AtomMut<boolean>;\n  clearButtonAtom: AtomMut<boolean>;\n  separator?: boolean;\n  onClear: (e: React.SyntheticEvent<Element, Event>) => void;\n  onDropdownButton?: (e: React.SyntheticEvent<Element, Event>) => void;\n  iconClear?: IconComponent;\n};\n\nexport const SelectControlLayout = forwardRef<HTMLDivElement, FieldButtonProps>(\n  (\n    {\n      className,\n      size = 'm',\n      onClear,\n      openAtom,\n      focusAtom,\n      separator,\n      onDropdownButton,\n      clearButtonAtom,\n      iconClear,\n      ...props\n    },\n    ref,\n  ) => {\n    const [clearButton] = useAtom(clearButtonAtom);\n\n    return (\n      <FieldControlLayout\n        {...props}\n        size={size}\n        ref={ref}\n        className={cnSelectControlLayout({ separator, clearButton }, [\n          className,\n        ])}\n        focused={useAtom(focusAtom)[0]}\n        alignSlots=\"center\"\n        rightSide={[\n          clearButton ? (\n            <FieldClearButton\n              className={cnSelectControlLayout('ClearButton')}\n              tabIndex={-1}\n              size={size}\n              onClick={onClear}\n              icon={iconClear}\n            />\n          ) : undefined,\n          separator ? (\n            <div className={cnSelectControlLayout('Separator')} />\n          ) : undefined,\n          <FieldButton tabIndex={-1} onClick={onDropdownButton}>\n            <IconSelect\n              className={cnSelectControlLayout('DropDownIcon', {\n                open: useAtom(openAtom)[0],\n              })}\n              size={getFieldIconSize(size)}\n            />\n          </FieldButton>,\n        ]}\n      />\n    );\n  },\n);\n"],"mappings":"uRACA,OAASA,UAAT,KAA2B,0BAA3B,CAEA,OAASC,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAEEC,gBAFF,CAGEC,kBAHF,CAKEC,gBALF,6BAQA,OAASC,qBAAT,+BAeA,MAAO,IAAMC,oBAAmB,CAAGN,UAAU,CAC3C,WAaEO,CAbF,CAcK,IAZDC,EAYC,GAZDA,SAYC,KAXDC,IAWC,CAXDA,CAWC,YAXM,GAWN,GAVDC,CAUC,GAVDA,OAUC,CATDC,CASC,GATDA,QASC,CARDC,CAQC,GARDA,SAQC,CAPDC,CAOC,GAPDA,SAOC,CANDC,CAMC,GANDA,gBAMC,CALDC,CAKC,GALDA,eAKC,CAJDC,CAIC,GAJDA,SAIC,CAHEC,CAGF,yCACmBnB,OAAO,CAACiB,CAAD,CAD1B,uBACIG,CADJ,MAGH,MACE,qBAAC,kBAAD,kBACMD,CADN,EAEE,IAAI,CAAER,CAFR,CAGE,GAAG,CAAEF,CAHP,CAIE,SAAS,CAAEF,qBAAqB,CAAC,CAAEQ,SAAS,CAATA,CAAF,CAAaK,WAAW,CAAXA,CAAb,CAAD,CAA6B,CAC3DV,CAD2D,CAA7B,CAJlC,CAOE,OAAO,CAAEV,OAAO,CAACc,CAAD,CAAP,CAAmB,CAAnB,CAPX,CAQE,UAAU,CAAC,QARb,CASE,SAAS,CAAE,CACTM,CAAW,CACT,oBAAC,gBAAD,EACE,SAAS,CAAEb,qBAAqB,CAAC,aAAD,CADlC,CAEE,QAAQ,CAAE,CAAC,CAFb,CAGE,IAAI,CAAEI,CAHR,CAIE,OAAO,CAAEC,CAJX,CAKE,IAAI,CAAEM,CALR,EADS,OADF,CAUTH,CAAS,CACP,2BAAK,SAAS,CAAER,qBAAqB,CAAC,WAAD,CAArC,EADO,OAVA,CAaT,oBAAC,WAAD,EAAa,QAAQ,CAAE,CAAC,CAAxB,CAA2B,OAAO,CAAES,CAApC,EACE,oBAAC,UAAD,EACE,SAAS,CAAET,qBAAqB,CAAC,cAAD,CAAiB,CAC/Cc,IAAI,CAAErB,OAAO,CAACa,CAAD,CAAP,CAAkB,CAAlB,CADyC,CAAjB,CADlC,CAIE,IAAI,CAAEP,gBAAgB,CAACK,CAAD,CAJxB,EADF,CAbS,CATb,GAiCH,CApD0C,CAAtC"}

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/cnSelectControlLayout.js

@@ -0,0 +1,2 @@
+import"./SelectControlLayout.css";import{cnCanary}from"../../../utils/bem";export var cnSelectControlLayout=cnCanary("SelectControlLayout");
+//# sourceMappingURL=cnSelectControlLayout.js.map

package/__internal__/src/components/SelectCanary/SelectControlLayout/cnSelectControlLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cnSelectControlLayout.js","names":["cnCanary","cnSelectControlLayout"],"sources":["../../../../../../src/components/SelectCanary/SelectControlLayout/cnSelectControlLayout.ts"],"sourcesContent":["import './SelectControlLayout.css';\n\nimport { cnCanary } from '##/utils/bem';\n\nexport const cnSelectControlLayout = cnCanary('SelectControlLayout');\n"],"mappings":"AAAA,kCAEA,OAASA,QAAT,0BAEA,MAAO,IAAMC,sBAAqB,CAAGD,QAAQ,CAAC,qBAAD,CAAtC"}

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

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

package/__internal__/src/components/SelectCanary/SelectControlLayout/index.js

@@ -0,0 +1,2 @@
+export*from"./SelectControlLayout";export*from"./cnSelectControlLayout";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/SelectCanary/SelectControlLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/SelectCanary/SelectControlLayout/index.ts"],"sourcesContent":["export * from './SelectControlLayout';\nexport * from './cnSelectControlLayout';\n"],"mappings":"AAAA,mCACA"}

package/__internal__/src/components/SelectCanary/SelectCreateButton/SelectCreateButton.css

@@ -0,0 +1 @@
+.ListItem.canary--SelectCreateButton:hover:not(.ListItem_active){background:transparent}.ListItem.canary--SelectCreateButton .ListItemGrid-Slot_position_center{overflow:hidden}.canary--SelectCreateButton-CreateLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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 '##/components/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/SelectCreateButton.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","labelForCreate","inputValueAtom","index","size","indent","highlightedIndexAtom","highlightIndex"];import"./SelectCreateButton.css";import{useAtom}from"@reatom/npm-react";import React,{forwardRef}from"react";import{ListAddItem}from"../../ListCanary";import{cnCanary as cn}from"../../../utils/bem";export var cnSelectCreateButton=cn("SelectCreateButton");var labelForCreateDefault=function(a){return React.createElement("span",{className:cnSelectCreateButton("CreateLabel")},a?React.createElement(React.Fragment,null,"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C ",React.createElement("b",null,"\xAB",a,"\xBB")):"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442")};export var SelectCreateButton=forwardRef(function(a,b){var c=a.className,d=a.labelForCreate,e=void 0===d?labelForCreateDefault:d,f=a.inputValueAtom,g=a.index,h=a.size,i=a.indent,j=a.highlightedIndexAtom,k=a.highlightIndex,l=_objectWithoutProperties(a,_excluded),m=useAtom(function(a){var b=a.spy(j);return g===b}),n=_slicedToArray(m,1),o=n[0],p=useAtom(f),q=_slicedToArray(p,1),r=q[0];return React.createElement(ListAddItem,Object.assign({},l,{ref:b,className:cnSelectCreateButton(null,[c]),role:"option",active:o,size:h,innerOffset:i,label:"function"==typeof e?e(r):e,onMouseEnter:function onMouseEnter(){k(g)},underLine:!0}))});
+//# sourceMappingURL=SelectCreateButton.js.map

package/__internal__/src/components/SelectCanary/SelectCreateButton/SelectCreateButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCreateButton.js","names":["useAtom","React","forwardRef","ListAddItem","cnCanary","cn","cnSelectCreateButton","labelForCreateDefault","label","SelectCreateButton","props","ref","className","labelForCreate","inputValueAtom","index","size","indent","highlightedIndexAtom","highlightIndex","otherProps","ctx","highlightedIndex","spy","hovered","inputValue"],"sources":["../../../../../../src/components/SelectCanary/SelectCreateButton/SelectCreateButton.tsx"],"sourcesContent":["import './SelectCreateButton.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { ListAddItem } from '##/components/ListCanary';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype LabelForCreate =\n  | ((label: string | undefined) => React.ReactNode)\n  | React.ReactNode;\n\ntype SelectCreateButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    labelForCreate?: LabelForCreate;\n    inputValueAtom: AtomMut<string>;\n    size: FieldPropSize;\n    indent: 'normal' | 'increased';\n    index: number;\n    highlightIndex: (index: number) => void;\n    highlightedIndexAtom: AtomMut<number>;\n  },\n  HTMLDivElement\n>;\n\nexport const cnSelectCreateButton = cn('SelectCreateButton');\n\nconst labelForCreateDefault: LabelForCreate = (label) => (\n  <span className={cnSelectCreateButton('CreateLabel')}>\n    {label ? (\n      <>\n        Добавить <b>«{label}»</b>\n      </>\n    ) : (\n      'Добавить элемент'\n    )}\n  </span>\n);\n\ntype SelectCreateButtonComponent = (\n  props: SelectCreateButtonProps,\n) => JSX.Element | null;\n\nexport const SelectCreateButton: SelectCreateButtonComponent = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      labelForCreate = labelForCreateDefault,\n      inputValueAtom,\n      index,\n      size,\n      indent,\n      highlightedIndexAtom,\n      highlightIndex,\n      ...otherProps\n    } = props;\n\n    const [hovered] = useAtom((ctx) => {\n      const highlightedIndex = ctx.spy(highlightedIndexAtom);\n      return index === highlightedIndex;\n    });\n\n    const [inputValue] = useAtom(inputValueAtom);\n\n    return (\n      <ListAddItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectCreateButton(null, [className])}\n        role=\"option\"\n        active={hovered}\n        size={size}\n        innerOffset={indent}\n        label={\n          typeof labelForCreate === 'function'\n            ? labelForCreate(inputValue)\n            : labelForCreate\n        }\n        onMouseEnter={() => {\n          highlightIndex(index);\n        }}\n        underLine\n      />\n    );\n  },\n);\n"],"mappings":"oRAAA,iCAGA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAGA,OAASC,WAAT,wBACA,OAASC,QAAQ,GAAIC,GAArB,0BAoBA,MAAO,IAAMC,qBAAoB,CAAGD,EAAE,CAAC,oBAAD,CAA/B,CAEP,GAAME,sBAAqC,CAAG,SAACC,CAAD,QAC5C,6BAAM,SAAS,CAAEF,oBAAoB,CAAC,aAAD,CAArC,EACGE,CAAK,CACJ,4FACW,oCAAKA,CAAL,QADX,CADI,CAKJ,6FANJ,CAD4C,CAA9C,CAgBA,MAAO,IAAMC,mBAA+C,CAAGP,UAAU,CACvE,SAACQ,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAWVF,CAXU,CAEZE,SAFY,GAWVF,CAXU,CAGZG,cAHY,CAGZA,CAHY,YAGKN,qBAHL,GAIZO,CAJY,CAWVJ,CAXU,CAIZI,cAJY,CAKZC,CALY,CAWVL,CAXU,CAKZK,KALY,CAMZC,CANY,CAWVN,CAXU,CAMZM,IANY,CAOZC,CAPY,CAWVP,CAXU,CAOZO,MAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,oBARY,CASZC,CATY,CAWVT,CAXU,CASZS,cATY,CAUTC,CAVS,0BAWVV,CAXU,cAaIV,OAAO,CAAC,SAACqB,CAAD,CAAS,CACjC,GAAMC,EAAgB,CAAGD,CAAG,CAACE,GAAJ,CAAQL,CAAR,CAAzB,CACA,MAAOH,EAAK,GAAKO,CAClB,CAHwB,CAbX,uBAaPE,CAbO,QAkBOxB,OAAO,CAACc,CAAD,CAlBd,uBAkBPW,CAlBO,MAoBd,MACE,qBAAC,WAAD,kBACML,CADN,EAEE,GAAG,CAAET,CAFP,CAGE,SAAS,CAAEL,oBAAoB,CAAC,IAAD,CAAO,CAACM,CAAD,CAAP,CAHjC,CAIE,IAAI,CAAC,QAJP,CAKE,MAAM,CAAEY,CALV,CAME,IAAI,CAAER,CANR,CAOE,WAAW,CAAEC,CAPf,CAQE,KAAK,CACuB,UAA1B,QAAOJ,EAAP,CACIA,CAAc,CAACY,CAAD,CADlB,CAEIZ,CAXR,CAaE,YAAY,CAAE,uBAAM,CAClBM,CAAc,CAACJ,CAAD,CACf,CAfH,CAgBE,SAAS,GAhBX,GAmBH,CAzCsE,CAAlE"}

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

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

package/__internal__/src/components/SelectCanary/SelectCreateButton/index.js

@@ -0,0 +1,2 @@
+export*from"./SelectCreateButton";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/SelectCanary/SelectCreateButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/SelectCanary/SelectCreateButton/index.ts"],"sourcesContent":["export * from './SelectCreateButton';\n"],"mappings":"AAAA"}

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.css

@@ -0,0 +1 @@
+.canary--SelectDropdown{--select-dropdown-height:200px;min-width:220px;outline:none}.canary--SelectDropdown-ScrollContainer{max-height:var(--select-dropdown-height);overflow:auto}.canary--SelectDropdown-List_scrolled{pointer-events:none}.canary--SelectDropdown .ListDivider:last-child{display:none}

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 '##/components/FieldComponents';
+import { PopoverPropOffset } from '##/components/Popover';
+import { GetOptionPropsResult, OptionForCreate, OptionProps } from '##/components/SelectCanary/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/SelectDropdown.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionActions","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel"];import"./SelectDropdown.css";import{useAtom}from"@reatom/npm-react";import React,{Fragment,memo,useMemo}from"react";import{ListItem,ListLoader,mapVerticalSpace}from"../../ListCanary";import{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary as cn}from"../../../utils/bem";import{fabricIndex}from"../../../utils/fabricIndex";import{SelectCreateButton}from"../SelectCreateButton/SelectCreateButton";import{SelectGroupLabel}from"../SelectGroupLabel/SelectGroupLabel";import{SelectItemAll}from"../SelectItemAll/SelectItemAll";import{SelectLoader}from"../SelectLoader/SelectLoader";import{SelectPopover}from"../SelectPopover";import{SelectRenderItem}from"../SelectRenderItem";export var selectDropdownForm=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownForm[0];var cnSelectDropdown=cn("SelectDropdown"),getLengthElements=function(a){for(var b=1>=a.length?0:a.length,c=0;c<a.length;c++){var d,e=a[c];isNotOptionForCreate(e)&&null!==e&&void 0!==e&&null!==(d=e.items)&&void 0!==d&&d.length&&(b+=e.items.length)}return b},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=memo(function(a){var b=a.controlRef,c=a.size,d=a.getOptionActions,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItemsAtom,k=a.form,l=a.openAtom,m=a.offset,n=void 0===m?"none":m,o=a.renderItem,p=a.visibleItemsAtom,q=a.isLoading,r=a.getGroupLabel,s=a.notFound,t=a.itemsRefs,u=a.virtualScroll,v=a.onScrollToBottom,w=a.highlightedIndexAtom,x=a.valueAtom,y=a.getItemKeyAtom,z=a.highlightIndex,A=a.onCreate,B=a.onChange,C=a.onChangeAll,D=a.inputValueAtom,E=a.groupsCounterAtom,F=a.dropdownZIndexAtom,G=a.selectAllLabel,H=_objectWithoutProperties(a,_excluded),I=useAtom(p),J=_slicedToArray(I,1),K=J[0],L=useAtom(j),M=_slicedToArray(L,1),N=M[0],O=useAtom(!1),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useAtom(y),T=_slicedToArray(S,1),U=T[0],V="round"===k?"increased":"normal",W=useMemo(function(){return 0<K.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[K]),X="none"===n?void 0:n,Y=useMemo(function(){return getLengthElements(K)},[K]),Z=useVirtualScroll({length:Y,isActive:u&&Q,onScrollToBottom:v}),$=Z.spaceTop,_=Z.slice,aa=Z.listRefs,ba=Z.scrollElementRef,ca=useForkRef([ba,e]),da=0===_[0]&&u?[0,50]:_,ea=fabricIndex(),fa=fabricIndex(),ga=useAtom(F),ha=_slicedToArray(ga,1),ia=ha[0];return React.createElement(SelectPopover,Object.assign({},H,{anchorRef:b,offset:X,role:"listbox",className:cnSelectDropdown(),size:c,controlRef:b,openAtom:l,form:k,onMount:R,style:{zIndex:ia}}),Q&&React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpace[c]}),cnMixScrollBar({size:"xs"})]),ref:ca},q&&!W&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List"),key:cnSelectDropdown("List"),style:{marginTop:$}},K.map(function(a){if(isOptionForCreate(a)){var e=ea();return React.createElement(SelectCreateButton,{size:c,key:cnSelectDropdown("List",{key:"CreateButton"}),labelForCreate:f,indent:V,ref:t[e],onClick:A,highlightedIndexAtom:w,inputValueAtom:D,highlightIndex:z,index:e})}var b=1<K.length?fa():0;return React.createElement(Fragment,{key:a.key},a.group&&r&&isVisible(da,b)&&React.createElement(SelectGroupLabel,{label:r(a.group),size:c,indent:V,ref:aa[b],key:"group-".concat(a.key,"-Label")}),a.items.map(function(b){if(isOptionForSelectAll(b)){var e=fa(),f=ea();if(isVisible(da,e))return React.createElement(SelectItemAll,Object.assign({label:G,groupId:a.key,highlightedIndexAtom:w,groupsCounterAtom:E,key:cnSelectDropdown("SelectItemAll",{group:a.key}),ref:forkRef([aa[e],t[f]]),indent:V,size:c},d({index:f,item:b}),{index:f}))}else{var g=fa(),h=ea();if(isVisible(da,g))return React.createElement(SelectRenderItem,Object.assign({key:cnSelectDropdown("SelectRenderItem",{group:a.key,item:U(b)}),getItemKeyAtom:y,highlightedIndexAtom:w,rootRef:forkRef([aa[g],t[h]]),renderItem:o,item:b},d({index:h,item:b}),{index:h,valueAtom:x}))}}))}),q&&W&&React.createElement(ListLoader,{size:c,innerOffset:V})),!q&&!N&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:V},i)))});
+//# sourceMappingURL=SelectDropdown.js.map

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  highlightIndex: (index: number) => void;\n  onCreate: (e: React.SyntheticEvent) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n  const {\n    controlRef,\n    size,\n    getOptionActions,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    highlightIndex,\n    onCreate,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n  const [hasItems] = useAtom(hasItemsAtom);\n  const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isListMount,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <SelectPopover\n      {...otherProps}\n      anchorRef={controlRef}\n      offset={offset}\n      role=\"listbox\"\n      className={cnSelectDropdown()}\n      size={size}\n      controlRef={controlRef}\n      openAtom={openAtom}\n      form={form}\n      onMount={setIsListMount}\n      style={{ zIndex }}\n    >\n      {isListMount && (\n        <div\n          className={cnSelectDropdown('ScrollContainer', [\n            cnMixSpace({\n              pV: mapVerticalSpace[size],\n            }),\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n          ref={scrollContainerRef}\n        >\n          {isLoading && !isListShowed && <SelectLoader />}\n          <div\n            className={cnSelectDropdown('List')}\n            key={cnSelectDropdown('List')}\n            style={{ marginTop: spaceTop }}\n          >\n            {visibleItems.map((group) => {\n              if (isOptionForCreate(group)) {\n                const index = getIndex();\n                return (\n                  <SelectCreateButton\n                    size={size}\n                    key={cnSelectDropdown('List', { key: 'CreateButton' })}\n                    labelForCreate={labelForCreate}\n                    indent={indent}\n                    ref={itemsRefs[index]}\n                    onClick={onCreate}\n                    highlightedIndexAtom={highlightedIndexAtom}\n                    inputValueAtom={inputValueAtom}\n                    highlightIndex={highlightIndex}\n                    index={index}\n                  />\n                );\n              }\n\n              const virtualIndex =\n                visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n              return (\n                <Fragment key={group.key}>\n                  {group.group &&\n                    getGroupLabel &&\n                    isVisible(slice, virtualIndex) && (\n                      <SelectGroupLabel\n                        label={getGroupLabel(group.group)}\n                        size={size}\n                        indent={indent}\n                        ref={listRefs[virtualIndex]}\n                        key={`group-${group.key}-Label`}\n                      />\n                    )}\n                  {group.items.map((item) => {\n                    if (isOptionForSelectAll(item)) {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectItemAll\n                            label={selectAllLabel}\n                            groupId={group.key}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            groupsCounterAtom={groupsCounterAtom}\n                            key={cnSelectDropdown('SelectItemAll', {\n                              group: group.key,\n                            })}\n                            ref={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            indent={indent}\n                            size={size}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                          />\n                        );\n                      }\n                    } else {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectRenderItem\n                            key={cnSelectDropdown('SelectRenderItem', {\n                              group: group.key,\n                              item: getItemKey(item),\n                            })}\n                            getItemKeyAtom={getItemKeyAtom}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            rootRef={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            renderItem={renderItem}\n                            item={item}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                            valueAtom={valueAtom}\n                          />\n                        );\n                      }\n                    }\n                  })}\n                </Fragment>\n              );\n            })}\n            {isLoading && isListShowed && (\n              <ListLoader size={size} innerOffset={indent} />\n            )}\n          </div>\n          {!isLoading && !hasItems && labelForEmptyItems && (\n            <ListItem\n              size={size}\n              label={labelForEmptyItems}\n              innerOffset={indent}\n            >\n              {labelForEmptyItems}\n            </ListItem>\n          )}\n        </div>\n      )}\n    </SelectPopover>\n  );\n});\n"],"mappings":"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"}

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

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

package/__internal__/src/components/SelectCanary/SelectDropdown/index.js

@@ -0,0 +1,2 @@
+export*from"./SelectDropdown";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/SelectCanary/SelectDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/index.ts"],"sourcesContent":["export * from './SelectDropdown';\n"],"mappings":"AAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FieldPropSize } from '##/components/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/SelectGroupLabel.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["indent"];import React,{forwardRef}from"react";import{ListGroupLabel}from"../../ListCanary";export var SelectGroupLabel=forwardRef(function(a,b){var c=a.indent,d=_objectWithoutProperties(a,_excluded);return React.createElement(ListGroupLabel,Object.assign({},d,{ref:b,innerOffset:c}))});
+//# sourceMappingURL=SelectGroupLabel.js.map