@consta/uikit 5.17.0 → 5.19.0

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldToggleVisiblePasswordButton.js","names":["AnimateIconSwitcher","IconEye","IconEyeClose","React","forwardRef","FieldButton","getFieldIconSize","FieldToggleVisiblePasswordButton","ref","size","active","props"],"sources":["../../../../../../src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.tsx"],"sourcesContent":["import { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldButton,\n  FieldPropSize,\n  getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    active: boolean;\n    children?: never;\n  },\n  HTMLButtonElement\n>;\n\nexport const FieldToggleVisiblePasswordButton = forwardRef<\n  HTMLButtonElement,\n  FieldToggleVisiblePasswordButtonProps\n>(({ size = 'm', active, ...props }, ref) => {\n  return (\n    <FieldButton {...props} ref={ref}>\n      <AnimateIconSwitcher\n        size={getFieldIconSize(size)}\n        startIcon={IconEye}\n        endIcon={IconEyeClose}\n        active={active}\n        transition={125}\n      />\n    </FieldButton>\n  );\n});\n"],"mappings":"qHAAA,OAASA,mBAAT,KAAoC,mCAApC,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAgBA,MAAO,IAAMC,iCAAgC,CAAGH,UAAU,CAGxD,WAAmCI,CAAnC,CAA2C,SAAxCC,IAAwC,CAAxCA,CAAwC,YAAjC,GAAiC,GAA5BC,CAA4B,GAA5BA,MAA4B,CAAjBC,CAAiB,uCAC3C,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEH,CAA7B,GACE,oBAAC,mBAAD,EACE,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CADxB,CAEE,SAAS,CAAER,OAFb,CAGE,OAAO,CAAEC,YAHX,CAIE,MAAM,CAAEQ,CAJV,CAKE,UAAU,CAAE,GALd,EADF,CAUH,CAfyD,CAAnD"}
+{"version":3,"file":"FieldToggleVisiblePasswordButton.js","names":["AnimateIconSwitcher","IconEye","IconEyeClose","React","forwardRef","FieldButton","getFieldIconSize","FieldToggleVisiblePasswordButton","ref","size","startIcon","StartIcon","endIcon","EndIcon","active","props"],"sources":["../../../../../../src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.tsx"],"sourcesContent":["import { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconComponent } from '@consta/icons/Icon';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldButton,\n  FieldPropSize,\n  getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    active?: boolean;\n    children?: never;\n    startIcon?: IconComponent;\n    endIcon?: IconComponent;\n  },\n  HTMLButtonElement\n>;\n\nexport const FieldToggleVisiblePasswordButton = forwardRef<\n  HTMLButtonElement,\n  FieldToggleVisiblePasswordButtonProps\n>(\n  (\n    {\n      size = 'm',\n      startIcon: StartIcon = IconEye,\n      endIcon: EndIcon = IconEyeClose,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <FieldButton {...props} ref={ref}>\n        <AnimateIconSwitcher\n          size={getFieldIconSize(size)}\n          startIcon={StartIcon}\n          endIcon={EndIcon}\n          active={active}\n          transition={125}\n        />\n      </FieldButton>\n    );\n  },\n);\n"],"mappings":"2IAAA,OAASA,mBAAT,KAAoC,mCAApC,CAEA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAkBA,MAAO,IAAMC,iCAAgC,CAAGH,UAAU,CAIxD,WAQEI,CARF,CASK,SAPDC,IAOC,CAPDA,CAOC,YAPM,GAON,OANDC,SAMC,CANUC,CAMV,YANsBV,OAMtB,OALDW,OAKC,CALQC,CAKR,YALkBX,YAKlB,GAJDY,CAIC,GAJDA,MAIC,CAHEC,CAGF,uCACH,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEP,CAA7B,GACE,oBAAC,mBAAD,EACE,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CADxB,CAEE,SAAS,CAAEE,CAFb,CAGE,OAAO,CAAEE,CAHX,CAIE,MAAM,CAAEC,CAJV,CAKE,UAAU,CAAE,GALd,EADF,CAUH,CAzBuD,CAAnD"}

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";var renderCounter=function(a){return React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a},spaceMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"},directionMap={top:"column",left:"row"};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaceMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{status:l},j),n&&renderCounter(n))))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";import{directionMap,spaceMap}from"./helpers";var renderCounter=function(a){return React.createElement(Text,{className:cnFieldWrapper("Counter"),view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaceMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{className:cnFieldWrapper("Caption"),status:l},j),n&&renderCounter(n))))});
 //# sourceMappingURL=FieldWrapper.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","renderCounter","counter","Array","isArray","join","renderSide","side","spaceMap","l","m","s","xs","directionMap","top","left","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex, MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldPropSize, FieldPropStatus } from '../types';\nimport { cnFieldWrapper } from './cnFieldWrapper';\n\ntype Counter = string | number | [string | number, string | number];\n\ntype FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text view=\"ghost\" size=\"xs\" lineHeight=\"m\">\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nconst spaceMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nconst directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaceMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption status={status}>{caption}</FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","directionMap","spaceMap","renderCounter","counter","Array","isArray","join","renderSide","side","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { cnFieldWrapper } from './cnFieldWrapper';\nimport { directionMap, spaceMap } from './helpers';\nimport { FieldWrapperProps } from './types';\n\ntype Counter = string | number | [string | number, string | number];\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text\n      className={cnFieldWrapper('Counter')}\n      view=\"ghost\"\n      size=\"xs\"\n      lineHeight=\"m\"\n    >\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaceMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption\n                  className={cnFieldWrapper('Caption')}\n                  status={status}\n                >\n                  {caption}\n                </FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.js

@@ -0,0 +1,2 @@
+export var spaceMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"};export var directionMap={top:"column",left:"row"};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["spaceMap","l","m","s","xs","directionMap","top","left"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/helpers.ts"],"sourcesContent":["import { MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\n\nimport { FieldPropSize } from '../types';\nimport { FieldWrapperProps } from './types';\n\nexport const spaceMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nexport const directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n"],"mappings":"AAMA,MAAO,IAAMA,SAAsC,CAAG,CACpDC,CAAC,CAAE,IADiD,CAEpDC,CAAC,CAAE,IAFiD,CAGpDC,CAAC,CAAE,KAHiD,CAIpDC,EAAE,CAAE,KAJgD,CAA/C,CAOP,MAAO,IAAMC,aAGZ,CAAG,CACFC,GAAG,CAAE,QADH,CAEFC,IAAI,CAAE,KAFJ,CAHG"}

package/__internal__/src/components/FieldComponents/FieldWrapper/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { FieldPropSize, FieldPropStatus } from '../types';\n\ntype Counter = string | number | [string | number, string | number];\n\nexport type FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n"],"mappings":""}

package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js

@@ -1,2 +1,2 @@
-import"./ListLoader.css";import React,{forwardRef}from"react";import{Loader}from"../../LoaderDeprecated";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropInnerOffset,defaultListPropSize}from"../types";var cnListLoader=cn("ListLoader");export var ListLoader=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=void 0===e?defaultListPropInnerOffset:e,g=a.className;return React.createElement("div",{ref:b,className:cnListLoader({size:d},[cnMixSpace({pH:"increased"===f?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d]}),g])},React.createElement("div",{className:cnListLoader("Container")},React.createElement(Loader,{size:"s",className:cnListLoader("Loader")})))});
+import"./ListLoader.css";import React,{forwardRef}from"react";import{Loader}from"../../LoaderDeprecated";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropInnerOffset,defaultListPropSize}from"../types";export var cnListLoader=cn("ListLoader");export var ListLoader=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=void 0===e?defaultListPropInnerOffset:e,g=a.className;return React.createElement("div",{ref:b,className:cnListLoader({size:d},[cnMixSpace({pH:"increased"===f?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d]}),g])},React.createElement("div",{className:cnListLoader("Container")},React.createElement(Loader,{size:"s",className:cnListLoader("Loader")})))});
 //# sourceMappingURL=ListLoader.js.map

package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListLoader.js","names":["React","forwardRef","Loader","cnMixSpace","cn","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropInnerOffset","defaultListPropSize","cnListLoader","ListLoader","ref","size","innerOffset","className","pH"],"sources":["../../../../../../src/components/ListCanary/ListLoader/ListLoader.tsx"],"sourcesContent":["import './ListLoader.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { mapHorizontalSpace, mapHorizontalSpaceIncreased } from '../maps';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListPropInnerOffset,\n  ListPropSize,\n} from '../types';\n\nconst cnListLoader = cn('ListLoader');\n\ntype Props = PropsWithHTMLAttributesAndRef<\n  { size?: ListPropSize; innerOffset?: ListPropInnerOffset },\n  HTMLDivElement\n>;\n\nexport const ListLoader = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      size = defaultListPropSize,\n      innerOffset = defaultListPropInnerOffset,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cnListLoader({ size }, [\n          cnMixSpace({\n            pH:\n              innerOffset === 'increased'\n                ? mapHorizontalSpaceIncreased[size]\n                : mapHorizontalSpace[size],\n          }),\n          className,\n        ])}\n      >\n        <div className={cnListLoader('Container')}>\n          <Loader size=\"s\" className={cnListLoader('Loader')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,8BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAGA,OAASC,kBAAT,CAA6BC,2BAA7B,eACA,OACEC,0BADF,CAEEC,mBAFF,gBAOA,GAAMC,aAAY,CAAGL,EAAE,CAAC,YAAD,CAAvB,CAOA,MAAO,IAAMM,WAAU,CAAGT,UAAU,CAClC,WAMEU,CANF,CAOK,SALDC,IAKC,CALDA,CAKC,YALMJ,mBAKN,OAJDK,WAIC,CAJDA,CAIC,YAJaN,0BAIb,GAHDO,CAGC,GAHDA,SAGC,CACH,MACE,4BACE,GAAG,CAAEH,CADP,CAEE,SAAS,CAAEF,YAAY,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAAW,CAChCT,UAAU,CAAC,CACTY,EAAE,CACgB,WAAhB,GAAAF,CAAW,CACPP,2BAA2B,CAACM,CAAD,CADpB,CAEPP,kBAAkB,CAACO,CAAD,CAJf,CAAD,CADsB,CAOhCE,CAPgC,CAAX,CAFzB,EAYE,2BAAK,SAAS,CAAEL,YAAY,CAAC,WAAD,CAA5B,EACE,oBAAC,MAAD,EAAQ,IAAI,CAAC,GAAb,CAAiB,SAAS,CAAEA,YAAY,CAAC,QAAD,CAAxC,EADF,CAZF,CAiBH,CA3BiC,CAA7B"}
+{"version":3,"file":"ListLoader.js","names":["React","forwardRef","Loader","cnMixSpace","cn","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropInnerOffset","defaultListPropSize","cnListLoader","ListLoader","ref","size","innerOffset","className","pH"],"sources":["../../../../../../src/components/ListCanary/ListLoader/ListLoader.tsx"],"sourcesContent":["import './ListLoader.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { mapHorizontalSpace, mapHorizontalSpaceIncreased } from '../maps';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListPropInnerOffset,\n  ListPropSize,\n} from '../types';\n\nexport const cnListLoader = cn('ListLoader');\n\ntype Props = PropsWithHTMLAttributesAndRef<\n  { size?: ListPropSize; innerOffset?: ListPropInnerOffset },\n  HTMLDivElement\n>;\n\nexport const ListLoader = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      size = defaultListPropSize,\n      innerOffset = defaultListPropInnerOffset,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cnListLoader({ size }, [\n          cnMixSpace({\n            pH:\n              innerOffset === 'increased'\n                ? mapHorizontalSpaceIncreased[size]\n                : mapHorizontalSpace[size],\n          }),\n          className,\n        ])}\n      >\n        <div className={cnListLoader('Container')}>\n          <Loader size=\"s\" className={cnListLoader('Loader')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,8BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAGA,OAASC,kBAAT,CAA6BC,2BAA7B,eACA,OACEC,0BADF,CAEEC,mBAFF,gBAOA,MAAO,IAAMC,aAAY,CAAGL,EAAE,CAAC,YAAD,CAAvB,CAOP,MAAO,IAAMM,WAAU,CAAGT,UAAU,CAClC,WAMEU,CANF,CAOK,SALDC,IAKC,CALDA,CAKC,YALMJ,mBAKN,OAJDK,WAIC,CAJDA,CAIC,YAJaN,0BAIb,GAHDO,CAGC,GAHDA,SAGC,CACH,MACE,4BACE,GAAG,CAAEH,CADP,CAEE,SAAS,CAAEF,YAAY,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAAW,CAChCT,UAAU,CAAC,CACTY,EAAE,CACgB,WAAhB,GAAAF,CAAW,CACPP,2BAA2B,CAACM,CAAD,CADpB,CAEPP,kBAAkB,CAACO,CAAD,CAJf,CAAD,CADsB,CAOhCE,CAPgC,CAAX,CAFzB,EAYE,2BAAK,SAAS,CAAEL,YAAY,CAAC,WAAD,CAA5B,EACE,oBAAC,MAAD,EAAQ,IAAI,CAAC,GAAb,CAAiB,SAAS,CAAEA,YAAY,CAAC,QAAD,CAAxC,EADF,CAZF,CAiBH,CA3BiC,CAA7B"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupLabel.js","names":["React","forwardRef","ListGroupLabel","SelectGroupLabel","ref","indent","otherProps"],"sources":["../../../../../../src/components/SelectCanary/SelectGroupLabel/SelectGroupLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { ListGroupLabel } from '##/components/ListCanary';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype SelectGroupLabelProps = PropsWithHTMLAttributesAndRef<\n  {\n    label: string;\n    size: FieldPropSize;\n    indent: 'normal' | 'increased';\n  },\n  HTMLDivElement\n>;\n\nexport const SelectGroupLabel: React.FC<SelectGroupLabelProps> = forwardRef(\n  ({ indent, ...otherProps }, ref) => {\n    return <ListGroupLabel {...otherProps} ref={ref} innerOffset={indent} />;\n  },\n);\n"],"mappings":"8GAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAGA,OAASC,cAAT,wBAYA,MAAO,IAAMC,iBAAiD,CAAGF,UAAU,CACzE,WAA4BG,CAA5B,CAAoC,IAAjCC,EAAiC,GAAjCA,MAAiC,CAAtBC,CAAsB,uCAClC,MAAO,qBAAC,cAAD,kBAAoBA,CAApB,EAAgC,GAAG,CAAEF,CAArC,CAA0C,WAAW,CAAEC,CAAvD,GACR,CAHwE,CAApE"}

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

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

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

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

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

@@ -0,0 +1 @@
+.canary--SelectInput{--select-input-text-height:calc(var(--field-control-layout-height) - var(--field-control-layout-border-width));position:relative}.canary--SelectInput_withValue .canary--SelectInput-Input{opacity:0}.canary--SelectInput-Input[readonly]:not([disabled]),.canary--SelectInput_withValue .canary--SelectInput-Input:not([disabled]){cursor:pointer}.canary--SelectInput-Value{color:var(--field-control-layout-input-color);height:100%;pointer-events:none;position:absolute;width:100%}.canary--SelectInput-ValueText{height:var(--select-input-text-height);line-height:var(--select-input-text-height)}

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children"];import React,{forwardRef}from"react";import{Text}from"../../Text";import{isString}from"../../../utils/type-guards";import{FieldInput}from"../../FieldComponents/FieldInput";import{cnSelectInput}from"./cnSelectInput";export var SelectInput=forwardRef(function(a,b){var c=a.className,d=a.children,e=_objectWithoutProperties(a,_excluded);return React.createElement("div",{className:cnSelectInput({withValue:!!d},[c])},d&&React.createElement("div",{className:cnSelectInput("Value")},isString(d)?React.createElement(Text,{truncate:!0,className:cnSelectInput("ValueText")},d):d),React.createElement(FieldInput,Object.assign({className:cnSelectInput("Input")},e,{ref:b})))});
+//# sourceMappingURL=SelectInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","names":["React","forwardRef","Text","isString","FieldInput","cnSelectInput","SelectInput","ref","className","children","props","withValue"],"sources":["../../../../../../src/components/SelectCanary/SelectInput/SelectInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { FieldInput } from '../../FieldComponents/FieldInput';\nimport { cnSelectInput } from './cnSelectInput';\n\ntype FieldInputProps = PropsWithJsxAttributes<\n  {\n    children?: React.ReactNode;\n  },\n  'input'\n>;\n\nexport const SelectInput = forwardRef<HTMLInputElement, FieldInputProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div className={cnSelectInput({ withValue: !!children }, [className])}>\n        {children && (\n          <div className={cnSelectInput('Value')}>\n            {isString(children) ? (\n              <Text truncate className={cnSelectInput('ValueText')}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </div>\n        )}\n        <FieldInput className={cnSelectInput('Input')} {...props} ref={ref} />\n      </div>\n    );\n  },\n);\n"],"mappings":"4HAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,QAAT,kCAGA,OAASC,UAAT,wCACA,OAASC,aAAT,uBASA,MAAO,IAAMC,YAAW,CAAGL,UAAU,CACnC,WAAoCM,CAApC,CAA4C,IAAzCC,EAAyC,GAAzCA,SAAyC,CAA9BC,CAA8B,GAA9BA,QAA8B,CAAjBC,CAAiB,uCAC1C,MACE,4BAAK,SAAS,CAAEL,aAAa,CAAC,CAAEM,SAAS,CAAE,CAAC,CAACF,CAAf,CAAD,CAA4B,CAACD,CAAD,CAA5B,CAA7B,EACGC,CAAQ,EACP,2BAAK,SAAS,CAAEJ,aAAa,CAAC,OAAD,CAA7B,EACGF,QAAQ,CAACM,CAAD,CAAR,CACC,oBAAC,IAAD,EAAM,QAAQ,GAAd,CAAe,SAAS,CAAEJ,aAAa,CAAC,WAAD,CAAvC,EACGI,CADH,CADD,CAKCA,CANJ,CAFJ,CAYE,oBAAC,UAAD,gBAAY,SAAS,CAAEJ,aAAa,CAAC,OAAD,CAApC,EAAmDK,CAAnD,EAA0D,GAAG,CAAEH,CAA/D,GAZF,CAeH,CAlBkC,CAA9B"}

package/__internal__/src/components/SelectCanary/SelectInput/cnSelectInput.js

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+.ListItem.canary--SelectItem:hover:not(.ListItem_active){background:transparent}

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled","onClick"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cnCanary as cn}from"../../../utils/bem";export var sizeCheckboxMap={xs:"s",s:"s",m:"m",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=a.onClick,l=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},l,{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,onClick:k,leftSide:g&&React.createElement(Checkbox,{checked:e,disabled:j,size:sizeCheckboxMap[h]})}),d)});
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cnCanary","cn","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","onClick","otherProps"],"sources":["../../../../../../src/components/SelectCanary/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { ListItem } from '##/components/ListCanary';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple?: boolean;\n    size: FieldPropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<FieldPropSize, CheckboxPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\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      onClick,\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        onClick={onClick}\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":"4LAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,sBAEA,OAASC,QAAT,wBACA,OAASC,QAAQ,GAAIC,GAArB,0BAgBA,MAAO,IAAMC,gBAAwD,CAAG,CACtEC,EAAE,CAAE,GADkE,CAEtEC,CAAC,CAAE,GAFmE,CAGtEC,CAAC,CAAE,GAHmE,CAItEC,CAAC,CAAE,GAJmE,CAAjE,CAOP,MAAO,IAAMC,aAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,MAAO,IAAMO,WAAqC,CAAGX,UAAU,CAC7D,SAACY,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAWIF,CAXJ,CACEE,SADF,CAEEC,CAFF,CAWIH,CAXJ,CAEEG,KAFF,CAGEC,CAHF,CAWIJ,CAXJ,CAGEI,MAHF,CAIEC,CAJF,CAWIL,CAXJ,CAIEK,OAJF,CAKEC,CALF,CAWIN,CAXJ,CAKEM,QALF,CAMEC,CANF,CAWIP,CAXJ,CAMEO,IANF,CAOEC,CAPF,CAWIR,CAXJ,CAOEQ,MAPF,CAQEC,CARF,CAWIT,CAXJ,CAQES,QARF,CASEC,CATF,CAWIV,CAXJ,CASEU,OATF,CAUKC,CAVL,0BAWIX,CAXJ,YAaA,MACE,qBAAC,QAAD,kBACMW,CADN,EAEE,GAAG,CAAEV,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,OAAO,CAAEC,CAbX,CAcE,QAAQ,CACNJ,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEhB,eAAe,CAACc,CAAD,CAHvB,EAhBN,GAwBGJ,CAxBH,CA2BH,CA3C4D,CAAxD"}

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

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

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

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

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

@@ -0,0 +1 @@
+.ListItem.canary--SelectItemAll:hover:not(.ListItem_active){background:transparent}

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["size","indent","className","groupsCounterAtom","groupId","highlightedIndexAtom","index","label"];import{useAtom}from"@reatom/npm-react";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{Text}from"../../Text";import{cnCanary as cn}from"../../../utils/bem";import{sizeCheckboxMap}from"../SelectItem";export var cnSelectItemAll=cn("SelectItemAll");var textSizeMap={xs:"s",s:"s",m:"m",l:"l"},SelectItemAllCounter=function(a){var b=a.groupsCounterAtom,c=a.groupId,d=a.size,e=useAtom(function(a){var d,e=a.spy(b);return(null===(d=e[c])||void 0===d?void 0:d[1])||0}),f=_slicedToArray(e,1),g=f[0],h=useAtom(function(a){var d,e=a.spy(b);return(null===(d=e[c])||void 0===d?void 0:d[0])||0}),i=_slicedToArray(h,1),j=i[0];return React.createElement(Text,{size:textSizeMap[d],lineHeight:"xs",view:"ghost"},"".concat(j," \u0438\u0437 ").concat(g))},SelectItemAllCounterCheckbox=function(a){var b=a.groupsCounterAtom,c=a.groupId,d=a.size,e=useAtom(function(a){var d=a.spy(b);return void 0!==d[c]&&d[c][0]===d[c][1]}),f=_slicedToArray(e,1),g=f[0],h=useAtom(function(a){var d=a.spy(b);return void 0!==d[c]&&0<d[c][0]&&d[c][0]<d[c][1]}),i=_slicedToArray(h,1),j=i[0];return React.createElement(Checkbox,{checked:g,intermediate:j,size:sizeCheckboxMap[d]})};export var SelectItemAll=forwardRef(function(a,b){var c=a.size,d=a.indent,e=a.className,f=a.groupsCounterAtom,g=a.groupId,h=a.highlightedIndexAtom,i=a.index,j=a.label,k=_objectWithoutProperties(a,_excluded),l=useAtom(function(a){return a.spy(h)===i}),m=_slicedToArray(l,1),n=m[0];return React.createElement(ListItem,Object.assign({},k,{ref:b,className:cnSelectItemAll(null,[e]),role:"option",label:j,innerOffset:d,size:c,active:n,rightSide:React.createElement(SelectItemAllCounter,{size:c,groupsCounterAtom:f,groupId:g}),leftSide:React.createElement(SelectItemAllCounterCheckbox,{size:c,groupsCounterAtom:f,groupId:g})}))});
+//# sourceMappingURL=SelectItemAll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemAll.js","names":["useAtom","React","forwardRef","Checkbox","ListItem","Text","cnCanary","cn","sizeCheckboxMap","cnSelectItemAll","textSizeMap","xs","s","m","l","SelectItemAllCounter","groupsCounterAtom","groupId","size","ctx","counter","spy","total","selected","SelectItemAllCounterCheckbox","checked","intermediate","SelectItemAll","props","ref","indent","className","highlightedIndexAtom","index","label","otherProps","hovered"],"sources":["../../../../../../src/components/SelectCanary/SelectItemAll/SelectItemAll.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox } from '##/components/Checkbox';\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { ListItem } from '##/components/ListCanary';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { sizeCheckboxMap } from '../SelectItem';\n\nexport type SelectItemAllProps = PropsWithHTMLAttributesAndRef<\n  {\n    size: FieldPropSize;\n    hovered?: boolean;\n    indent?: 'normal' | 'increased';\n    groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n    groupId: string | number;\n    highlightedIndexAtom: AtomMut<number>;\n    index: number;\n    label: string;\n  },\n  HTMLDivElement\n>;\n\nexport const cnSelectItemAll = cn('SelectItemAll');\n\nconst textSizeMap: Record<FieldPropSize, TextPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nconst SelectItemAllCounter: React.FC<{\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  groupId: string | number;\n  size: FieldPropSize;\n}> = ({ groupsCounterAtom, groupId, size }) => {\n  const [total] = useAtom((ctx) => {\n    const counter = ctx.spy(groupsCounterAtom);\n    return counter[groupId]?.[1] || 0;\n  });\n  const [selected] = useAtom((ctx) => {\n    const counter = ctx.spy(groupsCounterAtom);\n    return counter[groupId]?.[0] || 0;\n  });\n\n  return (\n    <Text\n      size={textSizeMap[size]}\n      lineHeight=\"xs\"\n      view=\"ghost\"\n    >{`${selected} из ${total}`}</Text>\n  );\n};\n\nconst SelectItemAllCounterCheckbox: React.FC<{\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  groupId: string | number;\n  size: FieldPropSize;\n}> = ({ groupsCounterAtom, groupId, size }) => {\n  const [checked] = useAtom((ctx) => {\n    const counter = ctx.spy(groupsCounterAtom);\n    if (counter[groupId] === undefined) {\n      return false;\n    }\n    return counter[groupId][0] === counter[groupId][1];\n  });\n  const [intermediate] = useAtom((ctx) => {\n    const counter = ctx.spy(groupsCounterAtom);\n    if (counter[groupId] === undefined) {\n      return false;\n    }\n    return counter[groupId][0] > 0 && counter[groupId][0] < counter[groupId][1];\n  });\n\n  return (\n    <Checkbox\n      checked={checked}\n      intermediate={intermediate}\n      size={sizeCheckboxMap[size]}\n    />\n  );\n};\n\nexport const SelectItemAll: React.FC<SelectItemAllProps> = forwardRef(\n  (props, ref) => {\n    const {\n      size,\n      indent,\n      className,\n      groupsCounterAtom,\n      groupId,\n      highlightedIndexAtom,\n      index,\n      label,\n      ...otherProps\n    } = props;\n\n    const [hovered] = useAtom((ctx) => ctx.spy(highlightedIndexAtom) === index);\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectItemAll(null, [className])}\n        role=\"option\"\n        label={label}\n        innerOffset={indent}\n        size={size}\n        active={hovered}\n        rightSide={\n          <SelectItemAllCounter\n            size={size}\n            groupsCounterAtom={groupsCounterAtom}\n            groupId={groupId}\n          />\n        }\n        leftSide={\n          <SelectItemAllCounterCheckbox\n            size={size}\n            groupsCounterAtom={groupsCounterAtom}\n            groupId={groupId}\n          />\n        }\n      />\n    );\n  },\n);\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1 @@
+.canary--SelectLoader{--loader-height:0;cursor:wait;height:calc(var(--select-dropdown-height) - var(--space-padding-bottom) - var(--space-padding-top));position:relative}.canary--SelectLoader-Loader.deprecated--Loader{--backgroundColor:var(--color-control-typo-disable);height:var(--select-dropdown-height);position:absolute}

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

@@ -0,0 +1,2 @@
+import"./SelectLoader.css";import React from"react";import{Loader}from"../../LoaderDeprecated";import{cnCanary as 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/SelectCanary/SelectLoader/SelectLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectLoader.js","names":["React","Loader","cnCanary","cn","cnSelectLoader","SelectLoader"],"sources":["../../../../../../src/components/SelectCanary/SelectLoader/SelectLoader.tsx"],"sourcesContent":["import './SelectLoader.css';\n\nimport React from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cnCanary as 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,QAAQ,GAAIC,GAArB,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/SelectCanary/SelectLoader/index.js

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

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

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

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

@@ -0,0 +1,3 @@
+.canary--SelectMultiple{--select-value-offset:var(--field-control-layout-space);--select-max-height-var:var(
+      --select-max-height-prop,calc(var(--field-control-layout-height)*3.7)
+    )}.canary--SelectMultiple.SelectControlLayout_clearButton{--select-value-offset:calc(var(--field-control-layout-right-slot-content-width-0) + var(--field-control-layout-space)*2)}.canary--SelectMultiple-Value.FieldArrayValueInlineControl{max-height:var(--select-max-height-var);overflow:auto;padding-right:var(--select-value-offset);width:calc(100% + var(--select-value-offset))}

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel"];import"./SelectMultiple.css";import{useAction}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem}from"../../FieldComponents";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{useSelect}from"../useSelect";var cnSelectMultiple=cn("SelectMultiple"),SelectMultipleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c.getGroupKey,D=c.getItemDisabled,E=c.getItemGroupKey,F=c.getItemKey,G=c.getItemLabel,H=c.items,I=c.onChange,J=c.dropdownClassName,K=c.onFocus,L=c.onBlur,M=c.onCreate,N=c.onInput,O=c.multiple,P=c.groups,Q=c.onDropdownOpen,R=c.ignoreOutsideClicksRefs,S=c.clearButton,T=c.selectAll,U=c.selectAllLabel,V=_objectWithoutProperties(c,_excluded),W=useSelect({propsAtom:d}),X=W.getOptionActions,Y=W.openAtom,Z=W.visibleItemsAtom,$=W.focusAtom,_=W.handleInputFocus,aa=W.handleInputBlur,ba=W.handleToggleDropdown,ca=W.inputRef,da=W.handleInputClick,ea=W.handleInputChange,fa=W.clearValue,ga=W.optionsRefs,ha=W.controlRef,ia=W.dropdownRef,ja=W.clearButtonAtom,ka=W.highlightedIndexAtom,la=W.getItemKeyAtom,ma=W.valueAtom,na=W.onChangeAll,oa=W.highlightIndex,pa=W.onCreate,qa=W.onChange,ra=W.inputValueAtom,sa=W.getHandleRemoveValue,ta=W.hasItemsAtom,ua=W.groupsCounterAtom,va=W.dropdownZIndexAtom,wa=useRef(null),xa=useAction(function(a,b){var c=b.value,e=b.getRemove,f=a.get(d),g=f.disabled,h=f.getItemDisabled,i=f.getItemKey,j=f.size,k=f.getItemLabel;return c.map(function(a){var b=g||h(a);return React.createElement(FieldArrayValueItem,{key:i(a),size:j,label:k(a),disabled:b,onRemove:b?void 0:e(a)})})}),ya=useAction(function(a,b){var c=b.item,e=b.active,f=b.hovered,g=b.onClick,h=b.onMouseEnter,i=b.ref,j=a.get(d),k=j.getItemDisabled,l=j.size,m=j.getItemLabel,n=j.dropdownForm;return React.createElement(SelectItem,{label:m(c),active:e,hovered:f,size:l,indent:"round"===n?"increased":"normal",onClick:g,onMouseEnter:h,disabled:k(c),ref:i,multiple:!0})}),za=useAction(function(a,b){var c=a.get(d),e=c.renderValue;return(e||xa)({value:b,getRemove:sa})});return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},V,{style:t,className:cnSelectMultiple(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:fa,onDropdownButton:ba,openAtom:Y,focusAtom:$,view:w,iconClear:x,clearButtonAtom:ja,ref:useForkRef([b,ha])}),React.createElement(FieldArrayValueInlineControl,{className:cnSelectMultiple("Value",[cnMixScrollBar({size:"xs",trackSize:"auto"})]),onFocus:_,onBlur:aa,onClick:da,value:i||void 0,disabled:h,placeholder:v,renderValue:za,size:g,disableInput:!y||void 0,inputRef:useForkRef([ca,B]),ref:wa,inputDefaultValue:y?A:void 0,onChange:ea})),React.createElement(SelectDropdown,{valueAtom:ma,getItemKeyAtom:la,openAtom:Y,size:g,controlRef:ha,getOptionActions:X,dropdownRef:useForkRef([ia,l]),form:m,className:J,renderItem:n||ya,getGroupLabel:o,visibleItemsAtom:Z,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ga,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:ka,highlightIndex:oa,onChangeAll:na,onCreate:pa,onChange:qa,inputValueAtom:ra,hasItemsAtom:ta,groupsCounterAtom:ua,dropdownZIndexAtom:va,selectAllLabel:U}))};export var SelectMultiple=withCtx(forwardRef(SelectMultipleRender));
+//# sourceMappingURL=SelectMultiple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultiple.js","names":["useAction","React","forwardRef","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","SelectDropdown","SelectItem","useForkRef","cnMixScrollBar","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","useSelect","cnSelectMultiple","SelectMultipleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","dropdownClassName","onFocus","onBlur","onCreateProp","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","otherProps","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","inputValueAtom","getHandleRemoveValue","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","valueContainerRef","renderValueDefault","ctx","getRemove","get","map","item","itemDisabled","renderItemDefault","active","hovered","onClick","onMouseEnter","inlineControlRender","trackSize","SelectMultiple"],"sources":["../../../../../../src/components/SelectCanary/SelectMultiple/SelectMultiple.tsx"],"sourcesContent":["import './SelectMultiple.css';\n\nimport { useAction } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n} from '##/components/FieldComponents';\nimport { SelectDropdown } from '##/components/SelectCanary/SelectDropdown';\nimport { SelectItem } from '##/components/SelectCanary/SelectItem';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { useSendToAtom } from '##/utils/state';\nimport { withCtx } from '##/utils/state/withCtx';\n\nimport {\n  RenderItemProps,\n  SelectComponent,\n  SelectGroupDefault,\n  SelectItemDefault,\n  SelectPropRenderItem,\n  SelectPropRenderValue,\n  SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectMultiple = cn('SelectMultiple');\n\nconst SelectMultipleRender = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP, true>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const propsWithDefault = withDefault(props);\n\n  const propsAtom = useSendToAtom(propsWithDefault);\n\n  const {\n    form,\n    status,\n    size,\n    disabled,\n    value,\n    renderValue,\n    isLoading,\n    dropdownRef: dropdownRefProp,\n    dropdownForm,\n    renderItem,\n    getGroupLabel,\n    labelForCreate,\n    labelForEmptyItems,\n    virtualScroll,\n    onScrollToBottom,\n    style,\n    className,\n    placeholder,\n    view,\n    iconClear,\n    input,\n    inputValue,\n    inputDefaultValue,\n    inputRef: inputRefProp,\n\n    // исключаем из otherProps\n    getGroupKey,\n    getItemDisabled,\n    getItemGroupKey,\n    getItemKey,\n    getItemLabel,\n    items,\n    onChange: onChangeProp,\n    dropdownClassName,\n    onFocus,\n    onBlur,\n    onCreate: onCreateProp,\n    onInput,\n    multiple,\n    groups,\n    onDropdownOpen,\n    ignoreOutsideClicksRefs,\n    clearButton,\n    selectAll,\n    selectAllLabel,\n    ...otherProps\n  } = propsWithDefault;\n\n  const {\n    getOptionActions,\n    openAtom,\n    visibleItemsAtom,\n    focusAtom,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    clearValue,\n    optionsRefs,\n    controlRef,\n    dropdownRef,\n    clearButtonAtom,\n    highlightedIndexAtom,\n    getItemKeyAtom,\n    valueAtom,\n    onChangeAll,\n    highlightIndex,\n    onCreate,\n    onChange,\n    inputValueAtom,\n    getHandleRemoveValue,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n  } = useSelect<ITEM, GROUP, true>({\n    propsAtom,\n  });\n\n  const valueContainerRef = useRef<HTMLDivElement>(null);\n\n  const renderValueDefault: SelectPropRenderValue<ITEM, true> = useAction(\n    (\n      ctx,\n      {\n        value,\n        getRemove,\n      }: {\n        value: ITEM[];\n        getRemove: (\n          item: ITEM,\n        ) => (e: React.SyntheticEvent<Element, Event>) => void;\n      },\n    ) => {\n      const { disabled, getItemDisabled, getItemKey, size, getItemLabel } =\n        ctx.get(propsAtom);\n\n      return value.map((item) => {\n        const itemDisabled = disabled || getItemDisabled(item);\n        return (\n          <FieldArrayValueItem\n            key={getItemKey(item)}\n            size={size}\n            label={getItemLabel(item)}\n            disabled={itemDisabled}\n            onRemove={itemDisabled ? undefined : getRemove(item)}\n          />\n        );\n      });\n    },\n  );\n\n  const renderItemDefault: SelectPropRenderItem<ITEM> = useAction(\n    (\n      ctx,\n      {\n        item,\n        active,\n        hovered,\n        onClick,\n        onMouseEnter,\n        ref,\n      }: RenderItemProps<ITEM>,\n    ) => {\n      const { getItemDisabled, size, getItemLabel, dropdownForm } =\n        ctx.get(propsAtom);\n\n      return (\n        <SelectItem\n          label={getItemLabel(item)}\n          active={active}\n          hovered={hovered}\n          size={size}\n          indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n          onClick={onClick}\n          onMouseEnter={onMouseEnter}\n          disabled={getItemDisabled(item)}\n          ref={ref}\n          multiple\n        />\n      );\n    },\n  );\n\n  const inlineControlRender = useAction((ctx, value: ITEM[]) => {\n    const { renderValue } = ctx.get(propsAtom);\n\n    return (renderValue || renderValueDefault)({\n      value,\n      getRemove: getHandleRemoveValue,\n    });\n  });\n\n  return (\n    <>\n      <SelectControlLayout\n        {...otherProps}\n        style={style}\n        className={cnSelectMultiple(null, [className])}\n        form={form}\n        status={status}\n        size={size}\n        disabled={disabled}\n        separator\n        onClear={clearValue}\n        onDropdownButton={handleToggleDropdown}\n        openAtom={openAtom}\n        focusAtom={focusAtom}\n        view={view}\n        iconClear={iconClear}\n        clearButtonAtom={clearButtonAtom}\n        ref={useForkRef([ref, controlRef])}\n      >\n        <FieldArrayValueInlineControl\n          className={cnSelectMultiple('Value', [\n            cnMixScrollBar({ size: 'xs', trackSize: 'auto' }),\n          ])}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onClick={handleInputClick}\n          value={value || undefined}\n          disabled={disabled}\n          placeholder={placeholder}\n          renderValue={inlineControlRender}\n          size={size}\n          disableInput={input ? undefined : true}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          ref={valueContainerRef}\n          inputDefaultValue={input ? inputDefaultValue : undefined}\n          onChange={handleInputChange}\n        />\n      </SelectControlLayout>\n      <SelectDropdown\n        valueAtom={valueAtom}\n        getItemKeyAtom={getItemKeyAtom}\n        openAtom={openAtom}\n        size={size}\n        controlRef={controlRef}\n        getOptionActions={getOptionActions}\n        dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItemsAtom={visibleItemsAtom}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        highlightedIndexAtom={highlightedIndexAtom}\n        highlightIndex={highlightIndex}\n        onChangeAll={onChangeAll}\n        onCreate={onCreate}\n        onChange={onChange}\n        inputValueAtom={inputValueAtom}\n        hasItemsAtom={hasItemsAtom}\n        groupsCounterAtom={groupsCounterAtom}\n        dropdownZIndexAtom={dropdownZIndexAtom}\n        selectAllLabel={selectAllLabel}\n      />\n    </>\n  );\n};\n\nexport const SelectMultiple = withCtx(\n  forwardRef(SelectMultipleRender),\n) as SelectComponent;\n"],"mappings":"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"}