@consta/uikit 5.0.0-beta.2 → 5.0.1

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

@@ -37,5 +37,5 @@ export declare type Props = PropsWithJsxAttributes<{
     onClickOutside?: ClickOutsideHandler;
     onSetDirection?: (direction: Direction) => void;
 } & PositioningProps>;
-export declare const Popover: React.ForwardRefExoticComponent<Pick<Props, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "direction" | "offset" | "position" | "arrowOffset" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Popover: React.ForwardRefExoticComponent<Pick<Props, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "position" | "arrowOffset" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -101,7 +101,7 @@ export declare function withDefaultGetters<ITEM>(props: ProgressStepBarProps<ITE
     getItemContent?: ProgressStepBarPropGetItemContent<ITEM> | undefined;
     getItemStatus?: ProgressStepBarPropGetItemStatus<ITEM> | undefined;
     getItemOnClick?: ProgressStepBarPropGetItemOnClick<ITEM> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "size" | "css" | "getItemLabel" | "getItemStatus" | "direction" | "onItemClick" | "getItemOnClick" | "getItemContent" | "steps" | "activeStepIndex" | "getItemLineStatus" | "getItemTooltipContent" | "getItemPoint" | "getItemProgress"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "size" | "css" | "getItemLabel" | "getItemStatus" | "onItemClick" | "getItemOnClick" | "direction" | "getItemContent" | "steps" | "activeStepIndex" | "getItemLineStatus" | "getItemTooltipContent" | "getItemPoint" | "getItemProgress"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string | undefined;
 } ? {} : {
     getItemLabel: ProgressStepBarPropGetItemLabel<ITEM>;

package/__internal__/src/components/SelectComponents/SelectCreateButton/SelectCreateButton.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","labelForCreate","inputValue","active","hovered","size","indent"];import"./SelectCreateButton.css";import React,{forwardRef}from"react";import{ListAddItem}from"../../ListCanary";import{cnCanary}from"../../../utils/bem";export var cnSelectCreateButton=cnCanary("SelectCreateButton");export var SelectCreateButton=forwardRef(function(a,b){var c=a.className,d=a.labelForCreate,e=a.inputValue,f=a.active,g=a.hovered,h=a.size,i=a.indent,j=_objectWithoutProperties(a,_excluded);return React.createElement(ListAddItem,Object.assign({},j,{ref:b,className:cnSelectCreateButton(null,[c]),"aria-selected":f,role:"option",active:g,size:h,innerOffset:i,label:React.createElement(React.Fragment,null,d," \xAB",React.createElement("b",null,e),"\xBB")}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","labelForCreate","inputValue","active","hovered","size","indent"];import"./SelectCreateButton.css";import React,{forwardRef}from"react";import{ListAddItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var cnSelectCreateButton=cn("SelectCreateButton");export var SelectCreateButton=forwardRef(function(a,b){var c=a.className,d=a.labelForCreate,e=a.inputValue,f=a.active,g=a.hovered,h=a.size,i=a.indent,j=_objectWithoutProperties(a,_excluded);return React.createElement(ListAddItem,Object.assign({},j,{ref:b,className:cnSelectCreateButton(null,[c]),"aria-selected":f,role:"option",active:g,size:h,innerOffset:i,label:React.createElement(React.Fragment,null,d," \xAB",React.createElement("b",null,e),"\xBB")}))});
 //# sourceMappingURL=SelectCreateButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectCreateButton.js","names":["React","forwardRef","ListAddItem","cnCanary","cnSelectCreateButton","SelectCreateButton","props","ref","className","labelForCreate","inputValue","active","hovered","size","indent","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectCreateButton/SelectCreateButton.tsx"],"sourcesContent":["import './SelectCreateButton.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { ListAddItem } from '##/components/ListCanary';\nimport { cnCanary } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\ntype SelectCreateButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    labelForCreate?: string;\n    inputValue?: string;\n    active: boolean;\n    hovered: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n  },\n  HTMLDivElement\n>;\n\nexport const cnSelectCreateButton = cnCanary('SelectCreateButton');\n\nexport const SelectCreateButton: React.FC<SelectCreateButtonProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      labelForCreate,\n      inputValue,\n      active,\n      hovered,\n      size,\n      indent,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListAddItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectCreateButton(null, [className])}\n        aria-selected={active}\n        role=\"option\"\n        active={hovered}\n        size={size}\n        innerOffset={indent}\n        label={\n          <>\n            {labelForCreate} «<b>{inputValue}</b>»\n          </>\n        }\n      />\n    );\n  },\n);\n"],"mappings":"kLAAA,iCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,wBACA,OAASC,QAAT,0BAiBA,MAAO,IAAMC,qBAAoB,CAAGD,QAAQ,CAAC,oBAAD,CAArC,CAEP,MAAO,IAAME,mBAAqD,CAAGJ,UAAU,CAC7E,SAACK,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CASIF,CATJ,CACEE,SADF,CAEEC,CAFF,CASIH,CATJ,CAEEG,cAFF,CAGEC,CAHF,CASIJ,CATJ,CAGEI,UAHF,CAIEC,CAJF,CASIL,CATJ,CAIEK,MAJF,CAKEC,CALF,CASIN,CATJ,CAKEM,OALF,CAMEC,CANF,CASIP,CATJ,CAMEO,IANF,CAOEC,CAPF,CASIR,CATJ,CAOEQ,MAPF,CAQKC,CARL,0BASIT,CATJ,YAWA,MACE,qBAAC,WAAD,kBACMS,CADN,EAEE,GAAG,CAAER,CAFP,CAGE,SAAS,CAAEH,oBAAoB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHjC,CAIE,gBAAeG,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,MAAM,CAAEC,CANV,CAOE,IAAI,CAAEC,CAPR,CAQE,WAAW,CAAEC,CARf,CASE,KAAK,CACH,wCACGL,CADH,SACoB,6BAAIC,CAAJ,CADpB,QAVJ,GAgBH,CA9B4E,CAAxE"}
+{"version":3,"file":"SelectCreateButton.js","names":["React","forwardRef","ListAddItem","cn","cnSelectCreateButton","SelectCreateButton","props","ref","className","labelForCreate","inputValue","active","hovered","size","indent","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectCreateButton/SelectCreateButton.tsx"],"sourcesContent":["import './SelectCreateButton.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { ListAddItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\ntype SelectCreateButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    labelForCreate?: string;\n    inputValue?: string;\n    active: boolean;\n    hovered: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n  },\n  HTMLDivElement\n>;\n\nexport const cnSelectCreateButton = cn('SelectCreateButton');\n\nexport const SelectCreateButton: React.FC<SelectCreateButtonProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      labelForCreate,\n      inputValue,\n      active,\n      hovered,\n      size,\n      indent,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListAddItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectCreateButton(null, [className])}\n        aria-selected={active}\n        role=\"option\"\n        active={hovered}\n        size={size}\n        innerOffset={indent}\n        label={\n          <>\n            {labelForCreate} «<b>{inputValue}</b>»\n          </>\n        }\n      />\n    );\n  },\n);\n"],"mappings":"kLAAA,iCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,wBACA,OAASC,EAAT,0BAiBA,MAAO,IAAMC,qBAAoB,CAAGD,EAAE,CAAC,oBAAD,CAA/B,CAEP,MAAO,IAAME,mBAAqD,CAAGJ,UAAU,CAC7E,SAACK,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CASIF,CATJ,CACEE,SADF,CAEEC,CAFF,CASIH,CATJ,CAEEG,cAFF,CAGEC,CAHF,CASIJ,CATJ,CAGEI,UAHF,CAIEC,CAJF,CASIL,CATJ,CAIEK,MAJF,CAKEC,CALF,CASIN,CATJ,CAKEM,OALF,CAMEC,CANF,CASIP,CATJ,CAMEO,IANF,CAOEC,CAPF,CASIR,CATJ,CAOEQ,MAPF,CAQKC,CARL,0BASIT,CATJ,YAWA,MACE,qBAAC,WAAD,kBACMS,CADN,EAEE,GAAG,CAAER,CAFP,CAGE,SAAS,CAAEH,oBAAoB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHjC,CAIE,gBAAeG,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,MAAM,CAAEC,CANV,CAOE,IAAI,CAAEC,CAPR,CAQE,WAAW,CAAEC,CARf,CASE,KAAK,CACH,wCACGL,CADH,SACoB,6BAAIC,CAAJ,CADpB,QAVJ,GAgBH,CA9B4E,CAAxE"}

package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectDropdown.css";import React,{Fragment,useEffect,useMemo,useRef}from"react";import{Transition}from"react-transition-group";import{cnListBox,ListItem,ListLoader,mapVerticalSpase}from"../../ListCanary";import{Popover}from"../../Popover";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary}from"../../../utils/bem";import{fabricIndex}from"../../../utils/fabricIndex";import{SelectCreateButton}from"../SelectCreateButton/SelectCreateButton";import{SelectGroupLabel}from"../SelectGroupLabel/SelectGroupLabel";import{SelectItemAll}from"../SelectItemAll/SelectSelectAll";import{SelectLoader}from"../SelectLoader/SelectLoader";import{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";export var selectDropdownform=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownform[0];var cnSelectDropdown=cnCanary("SelectDropdown"),getLenghtElements=function(a){for(var b,c=1>=a.length?0:a.length,d=0;d<a.length;d++)b=a[d],isNotOptionForCreate(b)&&b.items.length&&(c+=b.items.length);return c},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=function(a){var b=a.controlRef,c=a.size,d=a.getOptionProps,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItems,k=void 0===j||j,l=a.form,m=a.isOpen,n=a.offset,o=void 0===n?"none":n,p=a.renderItem,q=a.visibleItems,r=a.isLoading,s=a.getGroupLabel,t=a.notFound,u=a.itemsRefs,v=a.virtualScroll,w=a.onScrollToBottom,x=_objectWithoutProperties(a,_excluded),y="round"===l?"increased":"normal",z=useMemo(function(){return 0<q.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[q]),A="none"===o?void 0:o,B=useMemo(function(){return getLenghtElements(q)},[q]),C=useVirtualScroll({length:B,isActive:v&&m,onScrollToBottom:w}),D=C.spaceTop,E=C.slice,F=C.listRefs,G=C.scrollElementRef,H=0===E[0]&&v?[0,50]:E,I=useRef(null),J=useForkRef([G,e]),K=useFlag(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=useDebounce(N.off,100);return useEffect(function(){var a,b=function(){N.on(),O()};return null===(a=G.current)||void 0===a?void 0:a.addEventListener("scroll",b),function(){var a;null===(a=G.current)||void 0===a?void 0:a.removeEventListener("scroll",b)}},[G.current]),React.createElement(Transition,{in:m,unmountOnExit:!0,nodeRef:I,timeout:animateTimeout},function(a){var e=fabricIndex(),j=fabricIndex();return React.createElement(Popover,Object.assign({},x,{anchorRef:b,direction:"downStartLeft",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:A,ref:I,role:"listbox",className:cnSelectDropdown(null,[cnListBox({size:c,form:l,border:!0,shadow:!0}),cnMixPopoverAnimate({animate:a}),g]),equalAnchorWidth:!0}),React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpase[c]}),cnMixScrollBar()]),ref:J},r&&!z&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List",{scrolled:M}),style:{marginTop:D}},q.map(function(a){if(isOptionForCreate(a)){var g=e();return React.createElement(SelectCreateButton,Object.assign({size:c,labelForCreate:f,inputValue:a.label,indent:y,ref:u[g]},d({index:g,item:a,keyPrefix:D})))}var b=1<q.length?j():0;return React.createElement(Fragment,{key:a.key},a.group&&s&&isVisible(H,b)&&React.createElement(SelectGroupLabel,{label:s(a.group),size:c,indent:y,ref:F[b],key:"group".concat(a.key).concat(D)}),a.items.map(function(b,f){if(isOptionForSelectAll(b)){var g=j(),h=e();if(isVisible(H,g))return React.createElement(SelectItemAll,Object.assign({ref:forkRef([F[g],u[h]]),indent:y,size:c},d({index:h,item:b,keyPrefix:D}),{intermediate:!!(b.checkedCount&&b.totalCount)&&b.checkedCount!==b.totalCount,checked:b.checkedCount===b.totalCount,countItems:b.checkedCount,total:b.totalCount}))}else{var i=j(),k=e();if(isVisible(H,i))return React.createElement(Fragment,{key:"".concat(a.key,"-").concat(f)},p(_objectSpread({ref:forkRef([F[i],u[k]]),item:b},d({index:k,item:b,keyPrefix:D}))))}}))}),r&&z&&React.createElement(ListLoader,{size:c,innerOffset:y})),!r&&k&&t&&h&&React.createElement(ListItem,{size:c,label:h,innerOffset:y},h),!r&&!k&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:y},i)))})};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectDropdown.css";import React,{Fragment,useEffect,useMemo,useRef}from"react";import{Transition}from"react-transition-group";import{cnListBox,ListItem,ListLoader,mapVerticalSpase}from"../../ListCanary";import{Popover}from"../../Popover";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{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{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";export var selectDropdownform=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownform[0];var cnSelectDropdown=cn("SelectDropdown"),getLenghtElements=function(a){for(var b,c=1>=a.length?0:a.length,d=0;d<a.length;d++)b=a[d],isNotOptionForCreate(b)&&b.items.length&&(c+=b.items.length);return c},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=function(a){var b=a.controlRef,c=a.size,d=a.getOptionProps,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItems,k=void 0===j||j,l=a.form,m=a.isOpen,n=a.offset,o=void 0===n?"none":n,p=a.renderItem,q=a.visibleItems,r=a.isLoading,s=a.getGroupLabel,t=a.notFound,u=a.itemsRefs,v=a.virtualScroll,w=a.onScrollToBottom,x=_objectWithoutProperties(a,_excluded),y="round"===l?"increased":"normal",z=useMemo(function(){return 0<q.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[q]),A="none"===o?void 0:o,B=useMemo(function(){return getLenghtElements(q)},[q]),C=useVirtualScroll({length:B,isActive:v&&m,onScrollToBottom:w}),D=C.spaceTop,E=C.slice,F=C.listRefs,G=C.scrollElementRef,H=0===E[0]&&v?[0,50]:E,I=useRef(null),J=useForkRef([G,e]),K=useFlag(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=useDebounce(N.off,100);return useEffect(function(){var a,b=function(){N.on(),O()};return null===(a=G.current)||void 0===a?void 0:a.addEventListener("scroll",b),function(){var a;null===(a=G.current)||void 0===a?void 0:a.removeEventListener("scroll",b)}},[G.current]),React.createElement(Transition,{in:m,unmountOnExit:!0,nodeRef:I,timeout:animateTimeout},function(a){var e=fabricIndex(),j=fabricIndex();return React.createElement(Popover,Object.assign({},x,{anchorRef:b,direction:"downStartLeft",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:A,ref:I,role:"listbox",className:cnSelectDropdown(null,[cnListBox({size:c,form:l,border:!0,shadow:!0}),cnMixPopoverAnimate({animate:a}),g]),equalAnchorWidth:!0}),React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpase[c]}),cnMixScrollBar()]),ref:J},r&&!z&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List",{scrolled:M}),style:{marginTop:D}},q.map(function(a){if(isOptionForCreate(a)){var g=e();return React.createElement(SelectCreateButton,Object.assign({size:c,labelForCreate:f,inputValue:a.label,indent:y,ref:u[g]},d({index:g,item:a,keyPrefix:D})))}var b=1<q.length?j():0;return React.createElement(Fragment,{key:a.key},a.group&&s&&isVisible(H,b)&&React.createElement(SelectGroupLabel,{label:s(a.group),size:c,indent:y,ref:F[b],key:"group".concat(a.key).concat(D)}),a.items.map(function(b,f){if(isOptionForSelectAll(b)){var g=j(),h=e();if(isVisible(H,g))return React.createElement(SelectItemAll,Object.assign({ref:forkRef([F[g],u[h]]),indent:y,size:c},d({index:h,item:b,keyPrefix:D}),{intermediate:!!(b.checkedCount&&b.totalCount)&&b.checkedCount!==b.totalCount,checked:b.checkedCount===b.totalCount,countItems:b.checkedCount,total:b.totalCount}))}else{var i=j(),k=e();if(isVisible(H,i))return React.createElement(Fragment,{key:"".concat(a.key,"-").concat(f)},p(_objectSpread({ref:forkRef([F[i],u[k]]),item:b},d({index:k,item:b,keyPrefix:D}))))}}))}),r&&z&&React.createElement(ListLoader,{size:c,innerOffset:y})),!r&&k&&t&&h&&React.createElement(ListItem,{size:c,label:h,innerOffset:y},h),!r&&!k&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:y},i)))})};
 //# sourceMappingURL=SelectDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpase","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cnCanary","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownform","defaultSelectDropdownPropForm","cnSelectDropdown","getLenghtElements","elements","element","lenght","length","index","items","isVisible","slise","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","slice","listRefs","scrollElementRef","popoverRef","scrolled","setScroled","setScroledOffDebouns","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpase,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary } 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/SelectSelectAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownform = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownform[number];\nexport const defaultSelectDropdownPropForm = selectDropdownform[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => JSX.Element | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: () => void;\n}>;\n\ntype SelectDropdown = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cnCanary('SelectDropdown');\n\nconst getLenghtElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[],\n) => {\n  let lenght = 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      lenght += element.items.length;\n    }\n  }\n\n  return lenght;\n};\n\nconst isVisible = (slise: [number, number], index: number) => {\n  return index >= slise[0] && index < slise[1];\n};\n\nexport const SelectDropdown: SelectDropdown = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    ...otherProps\n  } = props;\n\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    () => getLenghtElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScroled] = useFlag();\n  const setScroledOffDebouns = useDebounce(setScroled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScroled.on();\n      setScroledOffDebouns();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpase[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\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                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: spaceTop,\n                        })}\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}${spaceTop}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: spaceTop,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: spaceTop,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpase","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownform","defaultSelectDropdownPropForm","cnSelectDropdown","getLenghtElements","elements","element","lenght","length","index","items","isVisible","slise","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","slice","listRefs","scrollElementRef","popoverRef","scrolled","setScroled","setScroledOffDebouns","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpase,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { 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 { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownform = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownform[number];\nexport const defaultSelectDropdownPropForm = selectDropdownform[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => JSX.Element | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: () => void;\n}>;\n\ntype SelectDropdown = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLenghtElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[],\n) => {\n  let lenght = 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      lenght += element.items.length;\n    }\n  }\n\n  return lenght;\n};\n\nconst isVisible = (slise: [number, number], index: number) => {\n  return index >= slise[0] && index < slise[1];\n};\n\nexport const SelectDropdown: SelectDropdown = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    ...otherProps\n  } = props;\n\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    () => getLenghtElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScroled] = useFlag();\n  const setScroledOffDebouns = useDebounce(setScroled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScroled.on();\n      setScroledOffDebouns();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpase[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\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                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: spaceTop,\n                        })}\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}${spaceTop}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: spaceTop,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: spaceTop,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cnCanary}from"../../../utils/bem";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cnCanary("SelectItem");export var SelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.active,f=a.hovered,g=a.multiple,h=a.size,i=a.indent,j=a.disabled,k=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},k,{ref:b,className:cnSelectItem(null,[c]),"aria-selected":e,"aria-disabled":j,role:"option",label:d,innerOffset:i,size:h,active:f,checked:!g&&e,disabled:j,leftSide:g&&React.createElement(Checkbox,{checked:e,disabled:j,size:sizeCheckboxMap[h]})}),d)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cn("SelectItem");export var SelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.active,f=a.hovered,g=a.multiple,h=a.size,i=a.indent,j=a.disabled,k=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},k,{ref:b,className:cnSelectItem(null,[c]),"aria-selected":e,"aria-disabled":j,role:"option",label:d,innerOffset:i,size:h,active:f,checked:!g&&e,disabled:j,leftSide:g&&React.createElement(Checkbox,{checked:e,disabled:j,size:sizeCheckboxMap[h]})}),d)});
 //# sourceMappingURL=SelectItem.js.map

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cnCanary","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { ListItem } from '##/components/ListCanary';\nimport { cnCanary } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 'm',\n  s: 'm',\n  m: 'l',\n  l: 'l',\n};\n\nexport const cnSelectItem = cnCanary('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      label,\n      active,\n      hovered,\n      multiple,\n      size,\n      indent,\n      disabled,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectItem(null, [className])}\n        aria-selected={active}\n        aria-disabled={disabled}\n        role=\"option\"\n        label={label}\n        innerOffset={indent}\n        size={size}\n        active={hovered}\n        checked={!multiple && active}\n        disabled={disabled}\n        leftSide={\n          multiple && (\n            <Checkbox\n              checked={active}\n              disabled={disabled}\n              size={sizeCheckboxMap[size]}\n            />\n          )\n        }\n      >\n        {label}\n      </ListItem>\n    );\n  },\n);\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,sBACA,OAASC,QAAT,wBACA,OAASC,QAAT,0BAkBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGN,QAAQ,CAAC,YAAD,CAA7B,CAEP,MAAO,IAAMO,WAAqC,CAAGV,UAAU,CAC7D,SAACW,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAUIF,CAVJ,CACEE,SADF,CAEEC,CAFF,CAUIH,CAVJ,CAEEG,KAFF,CAGEC,CAHF,CAUIJ,CAVJ,CAGEI,MAHF,CAIEC,CAJF,CAUIL,CAVJ,CAIEK,OAJF,CAKEC,CALF,CAUIN,CAVJ,CAKEM,QALF,CAMEC,CANF,CAUIP,CAVJ,CAMEO,IANF,CAOEC,CAPF,CAUIR,CAVJ,CAOEQ,MAPF,CAQEC,CARF,CAUIT,CAVJ,CAQES,QARF,CASKC,CATL,0BAUIV,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMU,CADN,EAEE,GAAG,CAAET,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHzB,CAIE,gBAAeE,CAJjB,CAKE,gBAAeK,CALjB,CAME,IAAI,CAAC,QANP,CAOE,KAAK,CAAEN,CAPT,CAQE,WAAW,CAAEK,CARf,CASE,IAAI,CAAED,CATR,CAUE,MAAM,CAAEF,CAVV,CAWE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAXxB,CAYE,QAAQ,CAAEK,CAZZ,CAaE,QAAQ,CACNH,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEhB,eAAe,CAACc,CAAD,CAHvB,EAfN,GAuBGJ,CAvBH,CA0BH,CAzC4D,CAAxD"}
+{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cn","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { ListItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 'm',\n  s: 'm',\n  m: 'l',\n  l: 'l',\n};\n\nexport const cnSelectItem = cn('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      label,\n      active,\n      hovered,\n      multiple,\n      size,\n      indent,\n      disabled,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectItem(null, [className])}\n        aria-selected={active}\n        aria-disabled={disabled}\n        role=\"option\"\n        label={label}\n        innerOffset={indent}\n        size={size}\n        active={hovered}\n        checked={!multiple && active}\n        disabled={disabled}\n        leftSide={\n          multiple && (\n            <Checkbox\n              checked={active}\n              disabled={disabled}\n              size={sizeCheckboxMap[size]}\n            />\n          )\n        }\n      >\n        {label}\n      </ListItem>\n    );\n  },\n);\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,sBACA,OAASC,QAAT,wBACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,MAAO,IAAMO,WAAqC,CAAGV,UAAU,CAC7D,SAACW,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAUIF,CAVJ,CACEE,SADF,CAEEC,CAFF,CAUIH,CAVJ,CAEEG,KAFF,CAGEC,CAHF,CAUIJ,CAVJ,CAGEI,MAHF,CAIEC,CAJF,CAUIL,CAVJ,CAIEK,OAJF,CAKEC,CALF,CAUIN,CAVJ,CAKEM,QALF,CAMEC,CANF,CAUIP,CAVJ,CAMEO,IANF,CAOEC,CAPF,CAUIR,CAVJ,CAOEQ,MAPF,CAQEC,CARF,CAUIT,CAVJ,CAQES,QARF,CASKC,CATL,0BAUIV,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMU,CADN,EAEE,GAAG,CAAET,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHzB,CAIE,gBAAeE,CAJjB,CAKE,gBAAeK,CALjB,CAME,IAAI,CAAC,QANP,CAOE,KAAK,CAAEN,CAPT,CAQE,WAAW,CAAEK,CARf,CASE,IAAI,CAAED,CATR,CAUE,MAAM,CAAEF,CAVV,CAWE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAXxB,CAYE,QAAQ,CAAEK,CAZZ,CAaE,QAAQ,CACNH,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEhB,eAAe,CAACc,CAAD,CAHvB,EAfN,GAuBGJ,CAvBH,CA0BH,CAzC4D,CAAxD"}

package/__internal__/src/components/SelectComponents/SelectItemAll/SelectItemAll.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","intermediate","size","indent","hovered","countItems","className","total"];import React,{forwardRef}from"react";import{ListItem}from"../../ListCanary";import{Text}from"../../Text";import{cn}from"../../../utils/bem";import{Checkbox}from"../../Checkbox/Checkbox";import{sizeCheckboxMap}from"../SelectItem/SelectItem";export var cnSelectItemAll=cn("SelectItemAll");var textSizeMap={xs:"s",s:"s",m:"m",l:"l"};export var SelectItemAll=forwardRef(function(a,b){var c=a.checked,d=a.intermediate,e=a.size,f=a.indent,g=a.hovered,h=a.countItems,i=void 0===h?0:h,j=a.className,k=a.total,l=void 0===k?0:k,m=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},m,{ref:b,className:cnSelectItemAll(null,[j]),"aria-selected":c,role:"option",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",innerOffset:f,size:e,active:g,rightSide:React.createElement(Text,{size:textSizeMap[e],lineHeight:"xs",view:"ghost"},"".concat(i," \u0438\u0437 ").concat(l)),leftSide:React.createElement(Checkbox,{checked:c,intermediate:d,size:sizeCheckboxMap[e]})}),"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435")});
+//# sourceMappingURL=SelectItemAll.js.map

package/__internal__/src/components/SelectComponents/SelectItemAll/SelectItemAll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemAll.js","names":["React","forwardRef","ListItem","Text","cn","Checkbox","sizeCheckboxMap","cnSelectItemAll","textSizeMap","xs","s","m","l","SelectItemAll","props","ref","checked","intermediate","size","indent","hovered","countItems","className","total","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItemAll/SelectItemAll.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ListItem } from '##/components/ListCanary';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { sizeCheckboxMap } from '../SelectItem/SelectItem';\nimport { PropSize } from '../types';\n\nexport type SelectItemAllProps = PropsWithHTMLAttributesAndRef<\n  {\n    checked: boolean;\n    intermediate?: boolean;\n    size: PropSize;\n    hovered?: boolean;\n    indent?: 'normal' | 'increased';\n    countItems?: number;\n    total?: number;\n  },\n  HTMLDivElement\n>;\n\nexport const cnSelectItemAll = cn('SelectItemAll');\n\nconst textSizeMap: Record<PropSize, TextPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nexport const SelectItemAll: React.FC<SelectItemAllProps> = forwardRef(\n  (props, ref) => {\n    const {\n      checked,\n      intermediate,\n      size,\n      indent,\n      hovered,\n      countItems = 0,\n      className,\n      total = 0,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectItemAll(null, [className])}\n        aria-selected={checked}\n        role=\"option\"\n        label=\"Выбрать все\"\n        innerOffset={indent}\n        size={size}\n        active={hovered}\n        rightSide={\n          <Text\n            size={textSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >{`${countItems} из ${total}`}</Text>\n        }\n        leftSide={\n          <Checkbox\n            checked={checked}\n            intermediate={intermediate}\n            size={sizeCheckboxMap[size]}\n          />\n        }\n      >\n        Выбрать все\n      </ListItem>\n    );\n  },\n);\n"],"mappings":"yLAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,wBACA,OAASC,IAAT,kBACA,OAASC,EAAT,0BAGA,OAASC,QAAT,+BACA,OAASC,eAAT,gCAgBA,MAAO,IAAMC,gBAAe,CAAGH,EAAE,CAAC,eAAD,CAA1B,CAEP,GAAMI,YAA2C,CAAG,CAClDC,EAAE,CAAE,GAD8C,CAElDC,CAAC,CAAE,GAF+C,CAGlDC,CAAC,CAAE,GAH+C,CAIlDC,CAAC,CAAE,GAJ+C,CAApD,CAOA,MAAO,IAAMC,cAA2C,CAAGZ,UAAU,CACnE,SAACa,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAUIF,CAVJ,CACEE,OADF,CAEEC,CAFF,CAUIH,CAVJ,CAEEG,YAFF,CAGEC,CAHF,CAUIJ,CAVJ,CAGEI,IAHF,CAIEC,CAJF,CAUIL,CAVJ,CAIEK,MAJF,CAKEC,CALF,CAUIN,CAVJ,CAKEM,OALF,GAUIN,CAVJ,CAMEO,UANF,CAMEA,CANF,YAMe,CANf,GAOEC,CAPF,CAUIR,CAVJ,CAOEQ,SAPF,GAUIR,CAVJ,CAQES,KARF,CAQEA,CARF,YAQU,CARV,GASKC,CATL,0BAUIV,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMU,CADN,EAEE,GAAG,CAAET,CAFP,CAGE,SAAS,CAAER,eAAe,CAAC,IAAD,CAAO,CAACe,CAAD,CAAP,CAH5B,CAIE,gBAAeN,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAC,+DANR,CAOE,WAAW,CAAEG,CAPf,CAQE,IAAI,CAAED,CARR,CASE,MAAM,CAAEE,CATV,CAUE,SAAS,CACP,oBAAC,IAAD,EACE,IAAI,CAAEZ,WAAW,CAACU,CAAD,CADnB,CAEE,UAAU,CAAC,IAFb,CAGE,IAAI,CAAC,OAHP,YAIKG,CAJL,0BAIsBE,CAJtB,EAXJ,CAiBE,QAAQ,CACN,oBAAC,QAAD,EACE,OAAO,CAAEP,CADX,CAEE,YAAY,CAAEC,CAFhB,CAGE,IAAI,CAAEX,eAAe,CAACY,CAAD,CAHvB,EAlBJ,mEA4BH,CA3CkE,CAA9D"}

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

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

package/__internal__/src/components/SelectComponents/SelectItemAll/index.js

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

package/__internal__/src/components/SelectComponents/SelectItemAll/index.js.map

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

package/__internal__/src/components/SelectComponents/SelectLoader/SelectLoader.js

@@ -1,2 +1,2 @@
-import"./SelectLoader.css";import React from"react";import{Loader}from"../../LoaderDeprecated";import{cnCanary}from"../../../utils/bem";export var cnSelectLoader=cnCanary("SelectLoader");export var SelectLoader=function(){return React.createElement("div",{className:cnSelectLoader()},React.createElement(Loader,{className:cnSelectLoader("Loader"),size:"s"}))};
+import"./SelectLoader.css";import React from"react";import{Loader}from"../../LoaderDeprecated";import{cn}from"../../../utils/bem";export var cnSelectLoader=cn("SelectLoader");export var SelectLoader=function(){return React.createElement("div",{className:cnSelectLoader()},React.createElement(Loader,{className:cnSelectLoader("Loader"),size:"s"}))};
 //# sourceMappingURL=SelectLoader.js.map

package/__internal__/src/components/SelectComponents/SelectLoader/SelectLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLoader.js","names":["React","Loader","cnCanary","cnSelectLoader","SelectLoader"],"sources":["../../../../../../src/components/SelectComponents/SelectLoader/SelectLoader.tsx"],"sourcesContent":["import './SelectLoader.css';\n\nimport React from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cnCanary } from '##/utils/bem';\n\nexport const cnSelectLoader = cnCanary('SelectLoader');\n\nexport const SelectLoader = () => {\n  return (\n    <div className={cnSelectLoader()}>\n      <Loader className={cnSelectLoader('Loader')} size=\"s\" />\n    </div>\n  );\n};\n"],"mappings":"AAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,MAAT,8BACA,OAASC,QAAT,0BAEA,MAAO,IAAMC,eAAc,CAAGD,QAAQ,CAAC,cAAD,CAA/B,CAEP,MAAO,IAAME,aAAY,CAAG,UAAM,CAChC,MACE,4BAAK,SAAS,CAAED,cAAc,EAA9B,EACE,oBAAC,MAAD,EAAQ,SAAS,CAAEA,cAAc,CAAC,QAAD,CAAjC,CAA6C,IAAI,CAAC,GAAlD,EADF,CAIH,CANM"}
+{"version":3,"file":"SelectLoader.js","names":["React","Loader","cn","cnSelectLoader","SelectLoader"],"sources":["../../../../../../src/components/SelectComponents/SelectLoader/SelectLoader.tsx"],"sourcesContent":["import './SelectLoader.css';\n\nimport React from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cn } from '##/utils/bem';\n\nexport const cnSelectLoader = cn('SelectLoader');\n\nexport const SelectLoader = () => {\n  return (\n    <div className={cnSelectLoader()}>\n      <Loader className={cnSelectLoader('Loader')} size=\"s\" />\n    </div>\n  );\n};\n"],"mappings":"AAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,MAAT,8BACA,OAASC,EAAT,0BAEA,MAAO,IAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAEP,MAAO,IAAME,aAAY,CAAG,UAAM,CAChC,MACE,4BAAK,SAAS,CAAED,cAAc,EAA9B,EACE,oBAAC,MAAD,EAAQ,SAAS,CAAEA,cAAc,CAAC,QAAD,CAAjC,CAA6C,IAAI,CAAC,GAAlD,EADF,CAIH,CANM"}

package/__internal__/src/components/SelectComponents/SelectValueTag/SelectValueTag.js

@@ -1,2 +1,2 @@
-import"./SelectValueTag.css";import React from"react";import{Tag}from"../../Tag";import{cnCanary}from"../../../utils/bem";export var cnSelectValueTag=cnCanary("SelectValueTag");export var SelectValueTag=function(a){var b=a.handleRemove,c=void 0===b?function(){}:b,d=a.size,e=a.label,f=a.disabled;return React.createElement(Tag,{className:cnSelectValueTag({size:d,disabled:f}),label:e,mode:"cancel",onCancel:c,size:d})};
+import"./SelectValueTag.css";import React from"react";import{Tag}from"../../Tag";import{cn}from"../../../utils/bem";export var cnSelectValueTag=cn("SelectValueTag");export var SelectValueTag=function(a){var b=a.handleRemove,c=void 0===b?function(){}:b,d=a.size,e=a.label,f=a.disabled;return React.createElement(Tag,{className:cnSelectValueTag({size:d,disabled:f}),label:e,mode:"cancel",onCancel:c,size:d})};
 //# sourceMappingURL=SelectValueTag.js.map

package/__internal__/src/components/SelectComponents/SelectValueTag/SelectValueTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectValueTag.js","names":["React","Tag","cnCanary","cnSelectValueTag","SelectValueTag","props","handleRemove","size","label","disabled"],"sources":["../../../../../../src/components/SelectComponents/SelectValueTag/SelectValueTag.tsx"],"sourcesContent":["import './SelectValueTag.css';\n\nimport React from 'react';\n\nimport { Tag } from '##/components/Tag';\nimport { cnCanary } from '##/utils/bem';\n\ntype SelectValueTagProps = {\n  label: string;\n  size: 's' | 'm' | 'l' | 'xs';\n  children?: never;\n  disabled?: boolean;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport const cnSelectValueTag = cnCanary('SelectValueTag');\n\nexport const SelectValueTag: React.FC<SelectValueTagProps> = (props) => {\n  const { handleRemove = () => {}, size, label, disabled } = props;\n\n  return (\n    <Tag\n      className={cnSelectValueTag({ size, disabled })}\n      label={label}\n      mode=\"cancel\"\n      onCancel={handleRemove}\n      size={size}\n    />\n  );\n};\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,GAAT,iBACA,OAASC,QAAT,0BAUA,MAAO,IAAMC,iBAAgB,CAAGD,QAAQ,CAAC,gBAAD,CAAjC,CAEP,MAAO,IAAME,eAA6C,CAAG,SAACC,CAAD,CAAW,CACtE,MAA2DA,CAA3D,CAAQC,YAAR,CAAQA,CAAR,YAAuB,UAAM,CAAE,CAA/B,GAAiCC,CAAjC,CAA2DF,CAA3D,CAAiCE,IAAjC,CAAuCC,CAAvC,CAA2DH,CAA3D,CAAuCG,KAAvC,CAA8CC,CAA9C,CAA2DJ,CAA3D,CAA8CI,QAA9C,CAEA,MACE,qBAAC,GAAD,EACE,SAAS,CAAEN,gBAAgB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQE,QAAQ,CAARA,CAAR,CAAD,CAD7B,CAEE,KAAK,CAAED,CAFT,CAGE,IAAI,CAAC,QAHP,CAIE,QAAQ,CAAEF,CAJZ,CAKE,IAAI,CAAEC,CALR,EAQH,CAZM"}
+{"version":3,"file":"SelectValueTag.js","names":["React","Tag","cn","cnSelectValueTag","SelectValueTag","props","handleRemove","size","label","disabled"],"sources":["../../../../../../src/components/SelectComponents/SelectValueTag/SelectValueTag.tsx"],"sourcesContent":["import './SelectValueTag.css';\n\nimport React from 'react';\n\nimport { Tag } from '##/components/Tag';\nimport { cn } from '##/utils/bem';\n\ntype SelectValueTagProps = {\n  label: string;\n  size: 's' | 'm' | 'l' | 'xs';\n  children?: never;\n  disabled?: boolean;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport const cnSelectValueTag = cn('SelectValueTag');\n\nexport const SelectValueTag: React.FC<SelectValueTagProps> = (props) => {\n  const { handleRemove = () => {}, size, label, disabled } = props;\n\n  return (\n    <Tag\n      className={cnSelectValueTag({ size, disabled })}\n      label={label}\n      mode=\"cancel\"\n      onCancel={handleRemove}\n      size={size}\n    />\n  );\n};\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,GAAT,iBACA,OAASC,EAAT,0BAUA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAA6C,CAAG,SAACC,CAAD,CAAW,CACtE,MAA2DA,CAA3D,CAAQC,YAAR,CAAQA,CAAR,YAAuB,UAAM,CAAE,CAA/B,GAAiCC,CAAjC,CAA2DF,CAA3D,CAAiCE,IAAjC,CAAuCC,CAAvC,CAA2DH,CAA3D,CAAuCG,KAAvC,CAA8CC,CAA9C,CAA2DJ,CAA3D,CAA8CI,QAA9C,CAEA,MACE,qBAAC,GAAD,EACE,SAAS,CAAEN,gBAAgB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQE,QAAQ,CAARA,CAAR,CAAD,CAD7B,CAEE,KAAK,CAAED,CAFT,CAGE,IAAI,CAAC,QAHP,CAIE,QAAQ,CAAEF,CAJZ,CAKE,IAAI,CAAEC,CALR,EAQH,CAZM"}

package/__internal__/src/components/Skeleton/SkeletonBrick/SkeletonBrick.d.ts

@@ -1,8 +1,8 @@
-import React, { CSSProperties } from 'react';
-declare type SkeletonBrickProps = {
-    className?: string;
+import { CSSProperties } from 'react';
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+declare type SkeletonBrickProps = PropsWithHTMLAttributes<{
     width?: CSSProperties['width'];
     height: CSSProperties['height'];
-};
-export declare const SkeletonBrick: React.FC<SkeletonBrickProps>;
+}, HTMLDivElement>;
+export declare const SkeletonBrick: ({ className, width, height, style, ...otherProps }: SkeletonBrickProps) => JSX.Element;
 export {};

package/__internal__/src/components/Skeleton/SkeletonBrick/SkeletonBrick.js

@@ -1,2 +1,2 @@
-import React from"react";import{cnSkeleton}from"../Skeleton";export var SkeletonBrick=function(a){var b=a.className,c=a.width,d=void 0===c?"100%":c,e=a.height;return React.createElement("div",{className:cnSkeleton(null,[b]),style:{width:d,height:e}})};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","width","height","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React from"react";import{cnSkeleton}from"../Skeleton";export var SkeletonBrick=function(a){var b=a.className,c=a.width,d=void 0===c?"100%":c,e=a.height,f=a.style,g=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnSkeleton(null,[b]),style:_objectSpread({width:d,height:e},f)},g))};
 //# sourceMappingURL=SkeletonBrick.js.map

package/__internal__/src/components/Skeleton/SkeletonBrick/SkeletonBrick.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBrick.js","names":["React","cnSkeleton","SkeletonBrick","className","width","height"],"sources":["../../../../../../src/components/Skeleton/SkeletonBrick/SkeletonBrick.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { cnSkeleton } from '../Skeleton';\n\ntype SkeletonBrickProps = {\n  className?: string;\n  width?: CSSProperties['width'];\n  height: CSSProperties['height'];\n};\n\nexport const SkeletonBrick: React.FC<SkeletonBrickProps> = ({\n  className,\n  width = '100%',\n  height,\n}) => (\n  <div className={cnSkeleton(null, [className])} style={{ width, height }} />\n);\n"],"mappings":"AAAA,MAAOA,MAAP,KAAqC,OAArC,CAEA,OAASC,UAAT,mBAQA,MAAO,IAAMC,cAA2C,CAAG,eACzDC,EADyD,GACzDA,SADyD,KAEzDC,KAFyD,CAEzDA,CAFyD,YAEjD,MAFiD,GAGzDC,CAHyD,GAGzDA,MAHyD,OAKzD,4BAAK,SAAS,CAAEJ,UAAU,CAAC,IAAD,CAAO,CAACE,CAAD,CAAP,CAA1B,CAA+C,KAAK,CAAE,CAAEC,KAAK,CAALA,CAAF,CAASC,MAAM,CAANA,CAAT,CAAtD,EALyD,CAApD"}
+{"version":3,"file":"SkeletonBrick.js","names":["React","cnSkeleton","SkeletonBrick","className","width","height","style","otherProps"],"sources":["../../../../../../src/components/Skeleton/SkeletonBrick/SkeletonBrick.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { cnSkeleton } from '../Skeleton';\n\ntype SkeletonBrickProps = PropsWithHTMLAttributes<\n  {\n    width?: CSSProperties['width'];\n    height: CSSProperties['height'];\n  },\n  HTMLDivElement\n>;\n\nexport const SkeletonBrick = ({\n  className,\n  width = '100%',\n  height,\n  style,\n  ...otherProps\n}: SkeletonBrickProps) => (\n  <div\n    className={cnSkeleton(null, [className])}\n    style={{ width, height, ...style }}\n    {...otherProps}\n  />\n);\n"],"mappings":"+yBAAA,MAAOA,MAAP,KAAqC,OAArC,CAIA,OAASC,UAAT,mBAUA,MAAO,IAAMC,cAAa,CAAG,eAC3BC,EAD2B,GAC3BA,SAD2B,KAE3BC,KAF2B,CAE3BA,CAF2B,YAEnB,MAFmB,GAG3BC,CAH2B,GAG3BA,MAH2B,CAI3BC,CAJ2B,GAI3BA,KAJ2B,CAKxBC,CALwB,6CAO3B,0CACE,SAAS,CAAEN,UAAU,CAAC,IAAD,CAAO,CAACE,CAAD,CAAP,CADvB,CAEE,KAAK,gBAAIC,KAAK,CAALA,CAAJ,CAAWC,MAAM,CAANA,CAAX,EAAsBC,CAAtB,CAFP,EAGMC,CAHN,EAP2B,CAAtB"}

package/__internal__/src/components/Skeleton/SkeletonCircle/SkeletonCircle.d.ts

@@ -1,8 +1,8 @@
 import './SkeletonCircle.css';
-import React, { CSSProperties } from 'react';
-declare type SkeletonCircleProps = {
-    className?: string;
+import { CSSProperties } from 'react';
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+declare type SkeletonCircleProps = PropsWithHTMLAttributes<{
     size: CSSProperties['width'] & CSSProperties['height'];
-};
-export declare const SkeletonCircle: React.FC<SkeletonCircleProps>;
+}, HTMLDivElement>;
+export declare const SkeletonCircle: ({ className, size, style, ...otherProps }: SkeletonCircleProps) => JSX.Element;
 export {};

package/__internal__/src/components/Skeleton/SkeletonCircle/SkeletonCircle.js

@@ -1,2 +1,2 @@
-import"./SkeletonCircle.css";import React from"react";import{cn}from"../../../utils/bem";import{cnSkeleton}from"../Skeleton";var cnSkeletonCircle=cn("SkeletonCircle");export var SkeletonCircle=function(a){var b=a.className,c=a.size;return React.createElement("div",{className:cnSkeletonCircle(null,[cnSkeleton(),b]),style:{width:c,height:c}})};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SkeletonCircle.css";import React from"react";import{cn}from"../../../utils/bem";import{cnSkeleton}from"../Skeleton";var cnSkeletonCircle=cn("SkeletonCircle");export var SkeletonCircle=function(a){var b=a.className,c=a.size,d=a.style,e=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnSkeletonCircle(null,[cnSkeleton(),b]),style:_objectSpread({width:c,height:c},d)},e))};
 //# sourceMappingURL=SkeletonCircle.js.map

package/__internal__/src/components/Skeleton/SkeletonCircle/SkeletonCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCircle.js","names":["React","cn","cnSkeleton","cnSkeletonCircle","SkeletonCircle","className","size","width","height"],"sources":["../../../../../../src/components/Skeleton/SkeletonCircle/SkeletonCircle.tsx"],"sourcesContent":["import './SkeletonCircle.css';\n\nimport React, { CSSProperties } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { cnSkeleton } from '../Skeleton';\n\ntype SkeletonCircleProps = {\n  className?: string;\n  size: CSSProperties['width'] & CSSProperties['height'];\n};\n\nconst cnSkeletonCircle = cn('SkeletonCircle');\n\nexport const SkeletonCircle: React.FC<SkeletonCircleProps> = ({\n  className,\n  size,\n}) => (\n  <div\n    className={cnSkeletonCircle(null, [cnSkeleton(), className])}\n    style={{ width: size, height: size }}\n  />\n);\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAqC,OAArC,CAEA,OAASC,EAAT,0BAEA,OAASC,UAAT,mBAOA,GAAMC,iBAAgB,CAAGF,EAAE,CAAC,gBAAD,CAA3B,CAEA,MAAO,IAAMG,eAA6C,CAAG,eAC3DC,EAD2D,GAC3DA,SAD2D,CAE3DC,CAF2D,GAE3DA,IAF2D,OAI3D,4BACE,SAAS,CAAEH,gBAAgB,CAAC,IAAD,CAAO,CAACD,UAAU,EAAX,CAAeG,CAAf,CAAP,CAD7B,CAEE,KAAK,CAAE,CAAEE,KAAK,CAAED,CAAT,CAAeE,MAAM,CAAEF,CAAvB,CAFT,EAJ2D,CAAtD"}
+{"version":3,"file":"SkeletonCircle.js","names":["React","cn","cnSkeleton","cnSkeletonCircle","SkeletonCircle","className","size","style","otherProps","width","height"],"sources":["../../../../../../src/components/Skeleton/SkeletonCircle/SkeletonCircle.tsx"],"sourcesContent":["import './SkeletonCircle.css';\n\nimport React, { CSSProperties } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { cnSkeleton } from '../Skeleton';\n\ntype SkeletonCircleProps = PropsWithHTMLAttributes<\n  {\n    size: CSSProperties['width'] & CSSProperties['height'];\n  },\n  HTMLDivElement\n>;\n\nconst cnSkeletonCircle = cn('SkeletonCircle');\n\nexport const SkeletonCircle = ({\n  className,\n  size,\n  style,\n  ...otherProps\n}: SkeletonCircleProps) => (\n  <div\n    className={cnSkeletonCircle(null, [cnSkeleton(), className])}\n    style={{ width: size, height: size, ...style }}\n    {...otherProps}\n  />\n);\n"],"mappings":"qyBAAA,6BAEA,MAAOA,MAAP,KAAqC,OAArC,CAEA,OAASC,EAAT,0BAGA,OAASC,UAAT,mBASA,GAAMC,iBAAgB,CAAGF,EAAE,CAAC,gBAAD,CAA3B,CAEA,MAAO,IAAMG,eAAc,CAAG,eAC5BC,EAD4B,GAC5BA,SAD4B,CAE5BC,CAF4B,GAE5BA,IAF4B,CAG5BC,CAH4B,GAG5BA,KAH4B,CAIzBC,CAJyB,6CAM5B,0CACE,SAAS,CAAEL,gBAAgB,CAAC,IAAD,CAAO,CAACD,UAAU,EAAX,CAAeG,CAAf,CAAP,CAD7B,CAEE,KAAK,gBAAII,KAAK,CAAEH,CAAX,CAAiBI,MAAM,CAAEJ,CAAzB,EAAkCC,CAAlC,CAFP,EAGMC,CAHN,EAN4B,CAAvB"}

package/__internal__/src/components/Skeleton/SkeletonText/SkeletonText.d.ts

@@ -1,13 +1,13 @@
 import './SkeletonText.css';
 import React from 'react';
 import { TextPropLineHeight, TextPropSize } from "../../Text";
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
 import { SkeletonBrick } from '../Skeleton';
-declare type SkeletonTextProps = {
-    className?: string;
+declare type SkeletonTextProps = PropsWithHTMLAttributes<{
     rows: number;
     fontSize?: TextPropSize;
     lineHeight?: TextPropLineHeight;
-};
+}, HTMLDivElement>;
 export declare const getRowWidth: (idx: number, total: number) => React.ComponentProps<typeof SkeletonBrick>['height'];
 export declare const SkeletonText: React.FC<SkeletonTextProps>;
 export {};

package/__internal__/src/components/Skeleton/SkeletonText/SkeletonText.js

@@ -1,2 +1,2 @@
-import"./SkeletonText.css";import React from"react";import{textPropLineHeightDefault,textPropSizeDefault}from"../../Text";import{cn}from"../../../utils/bem";import{SkeletonBrick}from"../Skeleton";var cnSkeletonText=cn("SkeletonText");export var getRowWidth=function(a,b){if(a===b-1)return"50%";switch(a%3){case 0:return"100%";case 1:return"85%";case 2:return"93%";}return"100%"};export var SkeletonText=function(a){var b=a.className,c=a.rows,d=a.fontSize,e=void 0===d?textPropSizeDefault:d,f=a.lineHeight,g=void 0===f?textPropLineHeightDefault:f,h="var(--size-text-".concat(e,")"),i="var(--line-height-text-".concat(g,")");return React.createElement("div",{className:cnSkeletonText(null,[b]),key:c},Array(c).fill(null).map(function(a,b){return React.createElement("div",{key:b,className:cnSkeletonText("Row"),style:{fontSize:h,height:i}},React.createElement(SkeletonBrick,{width:getRowWidth(b,c),height:h}))}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","rows","fontSize","lineHeight"];import"./SkeletonText.css";import React from"react";import{textPropLineHeightDefault,textPropSizeDefault}from"../../Text";import{cn}from"../../../utils/bem";import{SkeletonBrick}from"../Skeleton";var cnSkeletonText=cn("SkeletonText");export var getRowWidth=function(a,b){if(a===b-1)return"50%";switch(a%3){case 0:return"100%";case 1:return"85%";case 2:return"93%";}return"100%"};export var SkeletonText=function(a){var b=a.className,c=a.rows,d=a.fontSize,e=void 0===d?textPropSizeDefault:d,f=a.lineHeight,g=void 0===f?textPropLineHeightDefault:f,h=_objectWithoutProperties(a,_excluded),i="var(--size-text-".concat(e,")"),j="var(--line-height-text-".concat(g,")");return React.createElement("div",Object.assign({className:cnSkeletonText(null,[b]),key:c},h),Array(c).fill(null).map(function(a,b){return React.createElement("div",{key:b,className:cnSkeletonText("Row"),style:{fontSize:i,height:j}},React.createElement(SkeletonBrick,{width:getRowWidth(b,c),height:i}))}))};
 //# sourceMappingURL=SkeletonText.js.map

package/__internal__/src/components/Skeleton/SkeletonText/SkeletonText.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.js","names":["React","textPropLineHeightDefault","textPropSizeDefault","cn","SkeletonBrick","cnSkeletonText","getRowWidth","idx","total","SkeletonText","className","rows","fontSize","lineHeight","varFontSize","varLineHeight","Array","fill","map","_v","height"],"sources":["../../../../../../src/components/Skeleton/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import './SkeletonText.css';\n\nimport React from 'react';\n\nimport {\n  TextPropLineHeight,\n  textPropLineHeightDefault,\n  TextPropSize,\n  textPropSizeDefault,\n} from '##/components/Text';\nimport { cn } from '##/utils/bem';\n\nimport { SkeletonBrick } from '../Skeleton';\n\ntype SkeletonTextProps = {\n  className?: string;\n  rows: number;\n  fontSize?: TextPropSize;\n  lineHeight?: TextPropLineHeight;\n};\n\nconst cnSkeletonText = cn('SkeletonText');\n\nexport const getRowWidth = (\n  idx: number,\n  total: number,\n): React.ComponentProps<typeof SkeletonBrick>['height'] => {\n  if (idx === total - 1) {\n    return '50%';\n  }\n\n  switch (idx % 3) {\n    case 0:\n      return '100%';\n    case 1:\n      return '85%';\n    case 2:\n      return '93%';\n  }\n\n  return '100%';\n};\n\nexport const SkeletonText: React.FC<SkeletonTextProps> = ({\n  className,\n  rows,\n  fontSize = textPropSizeDefault,\n  lineHeight = textPropLineHeightDefault,\n}) => {\n  const varFontSize = `var(--size-text-${fontSize})`;\n  const varLineHeight = `var(--line-height-text-${lineHeight})`;\n  return (\n    <div\n      className={cnSkeletonText(null, [className])}\n      key={\n        /* форсируем полный ререндер компонента при смене количества строк,\n          чтобы анимация у всех строк запустилась заново */\n        rows\n      }\n    >\n      {new Array(rows).fill(null).map((_v, idx) => (\n        <div\n          key={idx}\n          className={cnSkeletonText('Row')}\n          style={{ fontSize: varFontSize, height: varLineHeight }}\n        >\n          <SkeletonBrick width={getRowWidth(idx, rows)} height={varFontSize} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAEEC,yBAFF,CAIEC,mBAJF,kBAMA,OAASC,EAAT,0BAEA,OAASC,aAAT,mBASA,GAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAEA,MAAO,IAAMG,YAAW,CAAG,SACzBC,CADyB,CAEzBC,CAFyB,CAGgC,CACzD,GAAID,CAAG,GAAKC,CAAK,CAAG,CAApB,CACE,MAAO,KAAP,CAGF,OAAQD,CAAG,CAAG,CAAd,EACE,IAAK,EAAL,CACE,MAAO,MAAP,CACF,IAAK,EAAL,CACE,MAAO,KAAP,CACF,IAAK,EAAL,CACE,MAAO,KAAP,CANJ,CASA,MAAO,MACR,CAlBM,CAoBP,MAAO,IAAME,aAAyC,CAAG,WAKnD,IAJJC,EAII,GAJJA,SAII,CAHJC,CAGI,GAHJA,IAGI,KAFJC,QAEI,CAFJA,CAEI,YAFOV,mBAEP,OADJW,UACI,CADJA,CACI,YADSZ,yBACT,GACEa,CAAW,2BAAsBF,CAAtB,KADb,CAEEG,CAAa,kCAA6BF,CAA7B,KAFf,CAGJ,MACE,4BACE,SAAS,CAAER,cAAc,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAD3B,CAEE,GAAG,CAGDC,CALJ,EAQOK,KAAJ,CAAUL,CAAV,EAAgBM,IAAhB,CAAqB,IAArB,EAA2BC,GAA3B,CAA+B,SAACC,CAAD,CAAKZ,CAAL,QAC9B,4BACE,GAAG,CAAEA,CADP,CAEE,SAAS,CAAEF,cAAc,CAAC,KAAD,CAF3B,CAGE,KAAK,CAAE,CAAEO,QAAQ,CAAEE,CAAZ,CAAyBM,MAAM,CAAEL,CAAjC,CAHT,EAKE,oBAAC,aAAD,EAAe,KAAK,CAAET,WAAW,CAACC,CAAD,CAAMI,CAAN,CAAjC,CAA8C,MAAM,CAAEG,CAAtD,EALF,CAD8B,CAA/B,CARH,CAmBH,CA5BM"}
+{"version":3,"file":"SkeletonText.js","names":["React","textPropLineHeightDefault","textPropSizeDefault","cn","SkeletonBrick","cnSkeletonText","getRowWidth","idx","total","SkeletonText","props","className","rows","fontSize","lineHeight","otherProps","varFontSize","varLineHeight","Array","fill","map","_v","height"],"sources":["../../../../../../src/components/Skeleton/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import './SkeletonText.css';\n\nimport React from 'react';\n\nimport {\n  TextPropLineHeight,\n  textPropLineHeightDefault,\n  TextPropSize,\n  textPropSizeDefault,\n} from '##/components/Text';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { SkeletonBrick } from '../Skeleton';\n\ntype SkeletonTextProps = PropsWithHTMLAttributes<\n  {\n    rows: number;\n    fontSize?: TextPropSize;\n    lineHeight?: TextPropLineHeight;\n  },\n  HTMLDivElement\n>;\n\nconst cnSkeletonText = cn('SkeletonText');\n\nexport const getRowWidth = (\n  idx: number,\n  total: number,\n): React.ComponentProps<typeof SkeletonBrick>['height'] => {\n  if (idx === total - 1) {\n    return '50%';\n  }\n\n  switch (idx % 3) {\n    case 0:\n      return '100%';\n    case 1:\n      return '85%';\n    case 2:\n      return '93%';\n  }\n\n  return '100%';\n};\n\nexport const SkeletonText: React.FC<SkeletonTextProps> = (\n  props: SkeletonTextProps,\n) => {\n  const {\n    className,\n    rows,\n    fontSize = textPropSizeDefault,\n    lineHeight = textPropLineHeightDefault,\n    ...otherProps\n  } = props;\n\n  const varFontSize = `var(--size-text-${fontSize})`;\n  const varLineHeight = `var(--line-height-text-${lineHeight})`;\n\n  return (\n    <div\n      className={cnSkeletonText(null, [className])}\n      key={\n        /* форсируем полный ререндер компонента при смене количества строк,\n          чтобы анимация у всех строк запустилась заново */\n        rows\n      }\n      {...otherProps}\n    >\n      {new Array(rows).fill(null).map((_v, idx) => (\n        <div\n          key={idx}\n          className={cnSkeletonText('Row')}\n          style={{ fontSize: varFontSize, height: varLineHeight }}\n        >\n          <SkeletonBrick width={getRowWidth(idx, rows)} height={varFontSize} />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"gJAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAEEC,yBAFF,CAIEC,mBAJF,kBAMA,OAASC,EAAT,0BAGA,OAASC,aAAT,mBAWA,GAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAEA,MAAO,IAAMG,YAAW,CAAG,SACzBC,CADyB,CAEzBC,CAFyB,CAGgC,CACzD,GAAID,CAAG,GAAKC,CAAK,CAAG,CAApB,CACE,MAAO,KAAP,CAGF,OAAQD,CAAG,CAAG,CAAd,EACE,IAAK,EAAL,CACE,MAAO,MAAP,CACF,IAAK,EAAL,CACE,MAAO,KAAP,CACF,IAAK,EAAL,CACE,MAAO,KAAP,CANJ,CASA,MAAO,MACR,CAlBM,CAoBP,MAAO,IAAME,aAAyC,CAAG,SACvDC,CADuD,CAEpD,IAEDC,EAFC,CAOCD,CAPD,CAEDC,SAFC,CAGDC,CAHC,CAOCF,CAPD,CAGDE,IAHC,GAOCF,CAPD,CAIDG,QAJC,CAIDA,CAJC,YAIUX,mBAJV,KAOCQ,CAPD,CAKDI,UALC,CAKDA,CALC,YAKYb,yBALZ,GAMEc,CANF,0BAOCL,CAPD,YASGM,CAAW,2BAAsBH,CAAtB,KATd,CAUGI,CAAa,kCAA6BH,CAA7B,KAVhB,CAYH,MACE,0CACE,SAAS,CAAET,cAAc,CAAC,IAAD,CAAO,CAACM,CAAD,CAAP,CAD3B,CAEE,GAAG,CAGDC,CALJ,EAOMG,CAPN,EASOG,KAAJ,CAAUN,CAAV,EAAgBO,IAAhB,CAAqB,IAArB,EAA2BC,GAA3B,CAA+B,SAACC,CAAD,CAAKd,CAAL,QAC9B,4BACE,GAAG,CAAEA,CADP,CAEE,SAAS,CAAEF,cAAc,CAAC,KAAD,CAF3B,CAGE,KAAK,CAAE,CAAEQ,QAAQ,CAAEG,CAAZ,CAAyBM,MAAM,CAAEL,CAAjC,CAHT,EAKE,oBAAC,aAAD,EAAe,KAAK,CAAEX,WAAW,CAACC,CAAD,CAAMK,CAAN,CAAjC,CAA8C,MAAM,CAAEI,CAAtD,EALF,CAD8B,CAA/B,CATH,CAoBH,CAnCM"}

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

@@ -1,4 +1,4 @@
 import './Tooltip.css';
 import React from 'react';
 import { TooltipProps } from './types';
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "status" | "direction" | "offset" | "position" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "anchorRef" | "equalAnchorWidth" | "isOpen"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "status" | "position" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "anchorRef" | "equalAnchorWidth" | "isOpen"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,4 +21,4 @@ export declare type TooltipProps = PropsWithJsxAttributes<{
     offset?: number;
     onSetDirection?: (direction: Direction) => void;
 } & PositioningProps>;
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "status" | "direction" | "offset" | "position" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "status" | "position" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.css

@@ -1 +1 @@
-.canary--UserSelectItem{align-items:center;background-color:var(--color-control-bg-clear);color:var(--color-control-typo-default);cursor:pointer;display:flex;font-size:var(--font-size);position:relative}.canary--UserSelectItem_size_s{--font-size:var(--control-text-size-s);--sub-info-space:var(--space-xs);--sub-label-font-size:var(--size-text-2xs)}.canary--UserSelectItem_size_m{--font-size:var(--control-text-size-m);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-xs)}.canary--UserSelectItem_size_l{--font-size:var(--control-text-size-l);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-s)}.canary--UserSelectItem_disable{color:var(--color-control-typo-disable)}.canary--UserSelectItem_disable .UserSelectItem-AvatarContainer{opacity:.6}.canary--UserSelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.canary--UserSelectItem_active{color:var(--color-control-typo-secondary)}.canary--UserSelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.canary--UserSelectItem-AvatarContainer{position:relative}.canary--UserSelectItem-CheckIcon{background-color:var(--color-control-bg-primary);border:1px solid var(--color-control-bg-default);border-radius:50%;bottom:calc(var(--space-2xs)*-1);color:var(--color-control-bg-default);height:var(--graphics-size-xs);padding:0;position:absolute;right:calc(var(--space-2xs)*-1);width:var(--graphics-size-xs)}.canary--UserSelectItem-CheckIcon_animate_entered,.canary--UserSelectItem-CheckIcon_animate_entering,.canary--UserSelectItem-CheckIcon_animate_exited,.canary--UserSelectItem-CheckIcon_animate_exiting{transition:.2s ease;transition-property:opacity,transform}.canary--UserSelectItem-CheckIcon_animate_entered,.canary--UserSelectItem-CheckIcon_animate_entering{opacity:1;transform:scale(1)}.canary--UserSelectItem-CheckIcon_animate_exiting{opacity:0;transform:scale(.25)}.canary--UserSelectItem-CheckIcon_animate_exited{opacity:0;transform:scale(0)}.canary--UserSelectItem-Info{padding-left:var(--sub-info-space)}.canary--UserSelectItem-SubLabel{font-size:var(--sub-label-font-size);opacity:.7}.canary--UserSelectItem-SubLabel_disable{opacity:1}
+.UserSelectItem{align-items:center;background-color:var(--color-control-bg-clear);color:var(--color-control-typo-default);cursor:pointer;display:flex;font-size:var(--font-size);position:relative}.UserSelectItem_size_s{--font-size:var(--control-text-size-s);--sub-info-space:var(--space-xs);--sub-label-font-size:var(--size-text-2xs)}.UserSelectItem_size_m{--font-size:var(--control-text-size-m);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-xs)}.UserSelectItem_size_l{--font-size:var(--control-text-size-l);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-s)}.UserSelectItem_disable{color:var(--color-control-typo-disable)}.UserSelectItem_disable .UserSelectItem-AvatarContainer{opacity:.6}.UserSelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.UserSelectItem_active{color:var(--color-control-typo-secondary)}.UserSelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.UserSelectItem-AvatarContainer{position:relative}.UserSelectItem-CheckIcon{background-color:var(--color-control-bg-primary);border:1px solid var(--color-control-bg-default);border-radius:50%;bottom:calc(var(--space-2xs)*-1);color:var(--color-control-bg-default);height:var(--graphics-size-xs);padding:0;position:absolute;right:calc(var(--space-2xs)*-1);width:var(--graphics-size-xs)}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering,.UserSelectItem-CheckIcon_animate_exited,.UserSelectItem-CheckIcon_animate_exiting{transition:.2s ease;transition-property:opacity,transform}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering{opacity:1;transform:scale(1)}.UserSelectItem-CheckIcon_animate_exiting{opacity:0;transform:scale(.25)}.UserSelectItem-CheckIcon_animate_exited{opacity:0;transform:scale(0)}.UserSelectItem-Info{padding-left:var(--sub-info-space)}.UserSelectItem-SubLabel{font-size:var(--sub-label-font-size);opacity:.7}.UserSelectItem-SubLabel_disable{opacity:1}

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{forwardRef,useRef}from"react";import{Transition}from"react-transition-group";import{Avatar}from"../../Avatar";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../../ListCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary}from"../../../utils/bem";export var cnUserSelectItem=cnCanary("UserSelectItem");export var UserSelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.subLabel,f=a.avatarUrl,g=a.active,h=a.hovered,i=a.size,j=a.indent,k=a.disable,l=a.multiple,m=_objectWithoutProperties(a,_excluded),n=useRef(null);return React.createElement("div",Object.assign({},m,{className:cnUserSelectItem({active:g,hovered:h,size:i,indent:j,disable:k},[cnMixSpace({pH:"increased"===j?mapHorisontalSpaseIncreased[i]:mapHorisontalSpase[i],pV:mapItemVerticalPadding[i]}),c]),"aria-selected":g,ref:b}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:f,name:d}),l&&React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:200,nodeRef:n},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:n})}),!l&&g&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),e?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,d),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:k})},e)):React.createElement("div",{className:cnUserSelectItem("Info")},d))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{forwardRef,useRef}from"react";import{Transition}from"react-transition-group";import{Avatar}from"../../Avatar";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../../ListCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";export var cnUserSelectItem=cn("UserSelectItem");export var UserSelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.subLabel,f=a.avatarUrl,g=a.active,h=a.hovered,i=a.size,j=a.indent,k=a.disable,l=a.multiple,m=_objectWithoutProperties(a,_excluded),n=useRef(null);return React.createElement("div",Object.assign({},m,{className:cnUserSelectItem({active:g,hovered:h,size:i,indent:j,disable:k},[cnMixSpace({pH:"increased"===j?mapHorisontalSpaseIncreased[i]:mapHorisontalSpase[i],pV:mapItemVerticalPadding[i]}),c]),"aria-selected":g,ref:b}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:f,name:d}),l&&React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:200,nodeRef:n},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:n})}),!l&&g&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),e?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,d),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:k})},e)):React.createElement("div",{className:cnUserSelectItem("Info")},d))});
 //# sourceMappingURL=UserSelectItem.js.map