@consta/uikit 5.25.1 → 5.27.0

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

@@ -1 +1 @@
-{"version":3,"file":"FieldClearButton.js","names":["IconClear","React","forwardRef","FieldButton","getFieldIconSize","FieldClearButton","ref","size","icon","Icon","props"],"sources":["../../../../../../src/components/FieldComponents/FieldClearButton/FieldClearButton.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { IconClear } from '@consta/icons/IconClear';\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 FieldClearButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    children?: never;\n    icon?: IconComponent;\n  },\n  HTMLButtonElement\n>;\n\nexport const FieldClearButton = forwardRef<\n  HTMLButtonElement,\n  FieldClearButtonProps\n>(({ size = 'm', icon: Icon = IconClear, ...props }, ref) => {\n  return (\n    <FieldButton {...props} ref={ref}>\n      <Icon size={getFieldIconSize(size)} />\n    </FieldButton>\n  );\n});\n"],"mappings":"mHACA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAgBA,MAAO,IAAMC,iBAAgB,CAAGH,UAAU,CAGxC,WAAmDI,CAAnD,CAA2D,SAAxDC,IAAwD,CAAxDA,CAAwD,YAAjD,GAAiD,OAA5CC,IAA4C,CAAtCC,CAAsC,YAA/BT,SAA+B,GAAjBU,CAAiB,uCAC3D,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEJ,CAA7B,GACE,oBAAC,CAAD,EAAM,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CAA5B,EADF,CAIH,CATyC,CAAnC"}
+{"version":3,"file":"FieldClearButton.js","names":["IconClear","React","forwardRef","FieldButton","getFieldIconSize","cn","cnFieldClearButton","FieldClearButton","ref","size","icon","Icon","className","props"],"sources":["../../../../../../src/components/FieldComponents/FieldClearButton/FieldClearButton.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { IconClear } from '@consta/icons/IconClear';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldButton,\n  FieldPropSize,\n  getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldClearButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    children?: never;\n    icon?: IconComponent;\n  },\n  HTMLButtonElement\n>;\n\nexport const cnFieldClearButton = cn('FieldClearButton');\n\nexport const FieldClearButton = forwardRef<\n  HTMLButtonElement,\n  FieldClearButtonProps\n>(({ size = 'm', icon: Icon = IconClear, className, ...props }, ref) => {\n  return (\n    <FieldButton\n      {...props}\n      className={cnFieldClearButton(null, [className])}\n      ref={ref}\n    >\n      <Icon size={getFieldIconSize(size)} />\n    </FieldButton>\n  );\n});\n"],"mappings":"+HACA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAKA,OAASC,EAAT,0BAYA,MAAO,IAAMC,mBAAkB,CAAGD,EAAE,CAAC,kBAAD,CAA7B,CAEP,MAAO,IAAME,iBAAgB,CAAGL,UAAU,CAGxC,WAA8DM,CAA9D,CAAsE,SAAnEC,IAAmE,CAAnEA,CAAmE,YAA5D,GAA4D,OAAvDC,IAAuD,CAAjDC,CAAiD,YAA1CX,SAA0C,GAA/BY,CAA+B,GAA/BA,SAA+B,CAAjBC,CAAiB,uCACtE,MACE,qBAAC,WAAD,kBACMA,CADN,EAEE,SAAS,CAAEP,kBAAkB,CAAC,IAAD,CAAO,CAACM,CAAD,CAAP,CAF/B,CAGE,GAAG,CAAEJ,CAHP,GAKE,oBAAC,CAAD,EAAM,IAAI,CAAEJ,gBAAgB,CAACK,CAAD,CAA5B,EALF,CAQH,CAbyC,CAAnC"}

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";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))))});
+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","counterStatus","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 Counter=function(a){var b=a.counter,c=a.status;return React.createElement(Text,{className:cnFieldWrapper("Counter"),view:c||"ghost",size:"xs",lineHeight:"m"},Array.isArray(b)?b.join("/"):b)},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.counterStatus,p=a.labelPosition,q=void 0===p?"top":p,r=a.labelIconRef,s=a.as,t=void 0===s?"div":s,u=a.labelHtmlFor,v=_objectWithoutProperties(a,_excluded),w=spaceMap[h];return React.createElement(t,Object.assign({},v,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[q],gap:"top"===q?w:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:r},u?{htmlFor:u,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:w,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:w,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:w,justify:j?"space-between":"flex-end"})},j&&React.createElement(FieldCaption,{className:cnFieldWrapper("Caption"),status:l},j),n&&React.createElement(Counter,{counter:n,status:o}))))});
 //# 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","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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"}
+{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","directionMap","spaceMap","Counter","counter","status","Array","isArray","join","renderSide","side","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","counterStatus","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 Counter: React.FC<{ counter: Counter; status?: 'alert' }> = ({\n  counter,\n  status,\n}) => {\n  return (\n    <Text\n      className={cnFieldWrapper('Counter')}\n      view={status || '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      counterStatus,\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: !caption ? 'flex-end' : 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption\n                  className={cnFieldWrapper('Caption')}\n                  status={status}\n                >\n                  {caption}\n                </FieldCaption>\n              )}\n              {counter && <Counter counter={counter} status={counterStatus} />}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldWrapper/types.d.ts

@@ -15,5 +15,6 @@ export type FieldWrapperProps = {
     status?: FieldPropStatus;
     side?: React.ReactNode;
     counter?: Counter;
+    counterStatus?: 'alert';
 };
 export {};

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

@@ -1 +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":""}
+{"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  counterStatus?: 'alert';\n};\n"],"mappings":""}

package/__internal__/src/components/FlatSelect/FlatSelect.css

@@ -0,0 +1,9 @@
+.FlatSelect{--flat-select-radius-round:calc(var(--flat-select-control-height)/2)}.FlatSelect_withAnchor{background:var(--color-bg-default)}.FlatSelect_form_default{border-radius:var(--control-radius)}.FlatSelect_form_round{border-radius:calc(var(--flat-select-control-height)/2)}.FlatSelect_view_clear .FlatSelect-Input{border-bottom:1px solid var(--color-bg-border)}.FlatSelect-Input_border{border:1px solid var(--color-bg-border)}.FlatSelect-Input_form_default{border-radius:var(--control-radius) var(--control-radius) 0 0}.FlatSelect-Input_form_round{border-radius:var(--flat-select-radius-round) var(--flat-select-radius-round) 0 0}.FlatSelect-List{--flat-select-list-border-top-left-radius:0;--flat-select-list-border-top-right-radius:0;--flat-select-list-border-bottom-right-radius:0;--flat-select-list-border-bottom-left-radius:0;border-radius:var(--flat-select-list-border-top-left-radius) var(--flat-select-list-border-top-right-radius) var(--flat-select-list-border-bottom-right-radius) var(--flat-select-list-border-bottom-left-radius)}.FlatSelect-List_borderHorizontal{border-left:1px solid var(--color-bg-border);border-right:1px solid var(--color-bg-border)}.FlatSelect-List_borderBottom{border-bottom:1px solid var(--color-bg-border)}.FlatSelect-List_borderTop{border-top:1px solid var(--color-bg-border)}.FlatSelect-List_formTop_default{--flat-select-list-border-top-right-radius:var(--control-radius);--flat-select-list-border-top-left-radius:var(--control-radius)}.FlatSelect-List_formTop_round{--flat-select-list-border-top-right-radius:var(
+            --flat-select-radius-round
+          );--flat-select-list-border-top-left-radius:var(
+            --flat-select-radius-round
+          )}.FlatSelect-List_formBottom_default{--flat-select-list-border-bottom-right-radius:var(--control-radius);--flat-select-list-border-bottom-left-radius:var(--control-radius)}.FlatSelect-List_formBottom_round{--flat-select-list-border-bottom-right-radius:var(
+            --flat-select-radius-round
+          );--flat-select-list-border-bottom-left-radius:var(
+            --flat-select-radius-round
+          )}

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

@@ -0,0 +1,4 @@
+import './FlatSelect.css';
+import { FlatSelectComponent } from './types';
+export declare const cnFlatSelect: import("@bem-react/classname").ClassNameFormatter;
+export declare const FlatSelect: FlatSelectComponent;

package/__internal__/src/components/FlatSelect/FlatSelect.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","disabled","value","isLoading","listRef","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","iconClear","input","inputValue","inputDefaultValue","inputRef","size","view","bordered","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","onCreate","onInput","multiple","groups","onOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","autoFocus","footer","listClassName","anchorRef","iconLeft","direction","spareDirection","possibleDirections"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./FlatSelect.css";import React,{forwardRef}from"react";import{FieldInput}from"../FieldComponents";import{useForkRef}from"../../hooks/useForkRef";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{useSendToAtom,withCtx}from"../../utils/state";import{withDefault}from"./defaultProps";import{FlatSelectControlLayout}from"./FlatSelectControlLayout";import{FlatSelectFooter}from"./FlatSelectFooter";import{FlatSelectList}from"./FlatSelectList";import{FlatSelectRoot}from"./FlatSelectRoot";import{useFlatSelect}from"./useFlatSelect";import{useRenderItem}from"./useRenderItem";export var cnFlatSelect=cn("FlatSelect");var FlatSelectRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.disabled,g=c.value,h=c.isLoading,i=c.listRef,j=c.renderItem,k=c.getGroupLabel,l=c.labelForCreate,m=c.labelForEmptyItems,n=c.virtualScroll,o=c.onScrollToBottom,p=c.style,q=c.className,r=c.placeholder,s=c.iconClear,t=c.input,u=c.inputValue,v=c.inputDefaultValue,w=c.inputRef,x=c.size,y=c.view,z=c.bordered,A=c.getGroupKey,B=c.getItemDisabled,C=c.getItemGroupKey,D=c.getItemKey,E=c.getItemLabel,F=c.items,G=c.onChange,H=c.onCreate,I=c.onInput,J=c.multiple,K=c.groups,L=c.onOpen,M=c.ignoreOutsideClicksRefs,N=c.clearButton,O=c.selectAll,P=c.selectAllLabel,Q=c.autoFocus,R=c.footer,S=c.listClassName,T=c.anchorRef,U=c.iconLeft,V=c.direction,W=c.spareDirection,X=c.possibleDirections,Y=_objectWithoutProperties(c,_excluded),Z=useFlatSelect({propsAtom:d}),$=Z.getOptionActions,_=Z.openAtom,aa=Z.visibleItemsAtom,ba=Z.inputFocusAtom,ca=Z.handleInputFocus,da=Z.handleInputBlur,ea=Z.inputRef,fa=Z.handleInputChange,ga=Z.clearValue,ha=Z.optionsRefs,ia=Z.disabledAtom,ja=Z.listRef,ka=Z.clearButtonAtom,la=Z.highlightedIndexAtom,ma=Z.getItemKeyAtom,na=Z.valueAtom,oa=Z.onChangeAll,pa=Z.onChange,qa=Z.inputValueAtom,ra=Z.hasItemsAtom,sa=Z.groupsCounterAtom,ta=Z.dropdownZIndexAtom,ua=Z.rootRef,va=useRenderItem({getItemLabel:E,getItemDisabled:B,multiple:J,disabled:f,size:x,renderItem:j}),wa=!t||T||z?"clear":y,xa=!!T||z,ya=useForkRef([ea,w]);return React.createElement(FlatSelectRoot,Object.assign({},Y,{ref:useForkRef([b,ua]),className:cnFlatSelect({view:wa,bordered:"clear"===wa?xa:void 0,form:xa?e:void 0,size:x},[q]),style:_objectSpread(_objectSpread({},p),{},_defineProperty({},"--flat-select-control-height","var(--control-height-".concat(x,")"))),anchorRef:T,openAtom:_,tabIndex:0,direction:V,spareDirection:W,possibleDirections:X}),t&&React.createElement("div",{className:cnFlatSelect("Input",{border:"clear"===wa?xa:void 0,form:xa?e:void 0},["clear"===wa?cnMixSpace({pV:"2xs",pH:"s"}):void 0])},React.createElement(FlatSelectControlLayout,{form:e,disabled:f,separator:!0,onClear:ga,focusAtom:ba,iconClear:s,leftSide:U&&React.createElement(U,{size:"s"}),clearButtonAtom:ka,size:x,view:wa,valueAtom:qa},React.createElement(FieldInput,{onFocus:ca,onBlur:da,ref:ya,onChange:fa,value:u,defaultValue:v,disabled:f,placeholder:r}))),React.createElement(FlatSelectList,{className:cnFlatSelect("List",{borderTop:"clear"!==wa||t?void 0:xa,borderHorizontal:"clear"===wa?xa:void 0,borderBottom:"clear"!==wa||R?void 0:xa,formTop:xa&&!t?e:void 0,formBottom:xa&&!R?e:void 0},[S]),view:wa,size:x,form:e,valueAtom:na,getItemKeyAtom:ma,openAtom:_,getOptionActions:$,listRef:useForkRef([ja,i]),renderItem:va,getGroupLabel:k,visibleItemsAtom:aa,labelForCreate:l,isLoading:h,labelForEmptyItems:m,itemsRefs:ha,virtualScroll:n,onScrollToBottom:o,highlightedIndexAtom:la,onChangeAll:oa,onChange:pa,inputValueAtom:qa,hasItemsAtom:ra,groupsCounterAtom:sa,dropdownZIndexAtom:ta,selectAllLabel:P,disabledAtom:ia}),R&&React.createElement(FlatSelectFooter,{view:wa,bordered:xa,form:e,footer:R}))};export var FlatSelect=withCtx(forwardRef(FlatSelectRender));
+//# sourceMappingURL=FlatSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelect.js","names":["React","forwardRef","FieldInput","useForkRef","cnMixSpace","cn","useSendToAtom","withCtx","withDefault","FlatSelectControlLayout","FlatSelectFooter","FlatSelectList","FlatSelectRoot","useFlatSelect","useRenderItem","cnFlatSelect","FlatSelectRender","p","ref","props","propsAtom","form","disabled","value","isLoading","listRefProp","listRef","renderItemProp","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","size","viewProp","view","borderedProp","bordered","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","onCreateProp","onCreate","onInput","multiple","groups","onOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","autoFocus","footer","listClassName","anchorRef","IconLeft","iconLeft","direction","spareDirection","possibleDirections","otherProps","getOptionActions","openAtom","visibleItemsAtom","inputFocusAtom","handleInputFocus","handleInputBlur","handleInputChange","clearValue","optionsRefs","disabledAtom","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","inputValueAtom","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","rootRef","fieldInputRef","border","pV","pH","borderTop","borderHorizontal","borderBottom","formTop","formBottom","FlatSelect"],"sources":["../../../../../src/components/FlatSelect/FlatSelect.tsx"],"sourcesContent":["import './FlatSelect.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { FieldInput } from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { useSendToAtom, withCtx } from '##/utils/state';\n\nimport { withDefault } from './defaultProps';\nimport { FlatSelectControlLayout } from './FlatSelectControlLayout';\nimport { FlatSelectFooter } from './FlatSelectFooter';\nimport { FlatSelectList } from './FlatSelectList';\nimport { FlatSelectRoot } from './FlatSelectRoot';\nimport {\n  FlatSelectComponent,\n  FlatSelectGroupDefault,\n  FlatSelectItemDefault,\n  FlatSelectProps,\n} from './types';\nimport { useFlatSelect } from './useFlatSelect';\nimport { useRenderItem } from './useRenderItem';\n\nexport const cnFlatSelect = cn('FlatSelect');\n\nconst FlatSelectRender = (\n  p: FlatSelectProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = withDefault(p);\n  const propsAtom = useSendToAtom(props);\n\n  const {\n    form,\n    disabled,\n    value,\n    isLoading,\n    listRef: listRefProp,\n    renderItem: renderItemProp,\n    getGroupLabel,\n    labelForCreate,\n    labelForEmptyItems,\n    virtualScroll,\n    onScrollToBottom,\n    style,\n    className,\n    placeholder,\n    iconClear,\n    input,\n    inputValue,\n    inputDefaultValue,\n    inputRef: inputRefProp,\n    size,\n    view: viewProp,\n    bordered: borderedProp,\n    getGroupKey,\n    getItemDisabled,\n    getItemGroupKey,\n    getItemKey,\n    getItemLabel,\n    items,\n    onChange: onChangeProp,\n    onCreate: onCreateProp,\n    onInput,\n    multiple,\n    groups,\n    onOpen,\n    ignoreOutsideClicksRefs,\n    clearButton,\n    selectAll,\n    selectAllLabel,\n    autoFocus,\n    footer,\n    listClassName,\n    anchorRef,\n    iconLeft: IconLeft,\n    direction,\n    spareDirection,\n    possibleDirections,\n    ...otherProps\n  } = props;\n\n  const {\n    getOptionActions,\n    openAtom,\n    visibleItemsAtom,\n    inputFocusAtom,\n    handleInputFocus,\n    handleInputBlur,\n    inputRef,\n    handleInputChange,\n    clearValue,\n    optionsRefs,\n    disabledAtom,\n    listRef,\n    clearButtonAtom,\n    highlightedIndexAtom,\n    getItemKeyAtom,\n    valueAtom,\n    onChangeAll,\n    onChange,\n    inputValueAtom,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    rootRef,\n  } = useFlatSelect<FlatSelectItemDefault, FlatSelectGroupDefault, false>({\n    propsAtom,\n  });\n\n  const renderItem = useRenderItem({\n    getItemLabel,\n    getItemDisabled,\n    multiple,\n    disabled,\n    size,\n    renderItem: renderItemProp,\n  });\n\n  const view = !input || anchorRef || borderedProp ? 'clear' : viewProp;\n  const bordered = anchorRef ? true : borderedProp;\n  const fieldInputRef = useForkRef([inputRef, inputRefProp]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <FlatSelectRoot\n      {...otherProps}\n      ref={useForkRef([ref, rootRef])}\n      className={cnFlatSelect(\n        {\n          view,\n          bordered: view === 'clear' ? bordered : undefined,\n          form: bordered ? form : undefined,\n          size,\n        },\n\n        [className],\n      )}\n      style={{\n        ...style,\n        ['--flat-select-control-height' as string]: `var(--control-height-${size})`,\n      }}\n      anchorRef={anchorRef}\n      openAtom={openAtom}\n      tabIndex={0}\n      direction={direction}\n      spareDirection={spareDirection}\n      possibleDirections={possibleDirections}\n    >\n      {input && (\n        <div\n          className={cnFlatSelect(\n            'Input',\n            {\n              border: view === 'clear' ? bordered : undefined,\n              form: bordered ? form : undefined,\n            },\n            [view === 'clear' ? cnMixSpace({ pV: '2xs', pH: 's' }) : undefined],\n          )}\n        >\n          <FlatSelectControlLayout\n            form={form}\n            disabled={disabled}\n            separator\n            onClear={clearValue}\n            focusAtom={inputFocusAtom}\n            iconClear={iconClear}\n            leftSide={IconLeft && <IconLeft size=\"s\" />}\n            clearButtonAtom={clearButtonAtom}\n            size={size}\n            view={view}\n            valueAtom={inputValueAtom}\n          >\n            <FieldInput\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              ref={fieldInputRef}\n              onChange={handleInputChange}\n              value={inputValue}\n              defaultValue={inputDefaultValue}\n              disabled={disabled}\n              placeholder={placeholder}\n            />\n          </FlatSelectControlLayout>\n        </div>\n      )}\n      <FlatSelectList\n        className={cnFlatSelect(\n          'List',\n          {\n            borderTop: view === 'clear' && !input ? bordered : undefined,\n            borderHorizontal: view === 'clear' ? bordered : undefined,\n            borderBottom: view === 'clear' && !footer ? bordered : undefined,\n            formTop: bordered && !input ? form : undefined,\n            formBottom: bordered && !footer ? form : undefined,\n          },\n          [listClassName],\n        )}\n        view={view}\n        size={size}\n        form={form}\n        valueAtom={valueAtom}\n        getItemKeyAtom={getItemKeyAtom}\n        openAtom={openAtom}\n        getOptionActions={getOptionActions}\n        listRef={useForkRef([listRef, listRefProp])}\n        renderItem={renderItem}\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        onChangeAll={onChangeAll}\n        onChange={onChange}\n        inputValueAtom={inputValueAtom}\n        hasItemsAtom={hasItemsAtom}\n        groupsCounterAtom={groupsCounterAtom}\n        dropdownZIndexAtom={dropdownZIndexAtom}\n        selectAllLabel={selectAllLabel}\n        disabledAtom={disabledAtom}\n      />\n      {footer && (\n        <FlatSelectFooter\n          view={view}\n          bordered={bordered}\n          form={form}\n          footer={footer}\n        />\n      )}\n    </FlatSelectRoot>\n  );\n};\n\nexport const FlatSelect = withCtx(\n  forwardRef(FlatSelectRender),\n) as FlatSelectComponent;\n"],"mappings":"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"}

package/__internal__/src/components/FlatSelect/FlatSelectControlLayout/FlatSelectControlLayout.d.ts

@@ -0,0 +1,16 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { AtomMut } from '@reatom/framework';
+import React from 'react';
+import { FieldControlLayoutProps } from '../../FieldComponents';
+type FieldButtonProps = Omit<FieldControlLayoutProps, 'leftSide' | 'rightSide'> & {
+    focusAtom: AtomMut<boolean>;
+    clearButtonAtom: AtomMut<boolean>;
+    separator?: boolean;
+    onClear: (e: React.SyntheticEvent<Element, Event>) => void;
+    onDropdownButton?: (e: React.SyntheticEvent<Element, Event>) => void;
+    iconClear?: IconComponent;
+    leftSide?: React.ReactNode | React.ReactNode[];
+    valueAtom: AtomMut<string>;
+};
+export declare const FlatSelectControlLayout: React.ForwardRefExoticComponent<Omit<FieldButtonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/__internal__/src/components/FlatSelect/FlatSelectControlLayout/FlatSelectControlLayout.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","onClear","focusAtom","separator","onDropdownButton","clearButtonAtom","iconClear","view","valueAtom"];import{useAtom}from"@reatom/npm-react";import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout}from"../../FieldComponents";export var FlatSelectControlLayout=forwardRef(function(a,b){var c=a.className,d=a.size,e=void 0===d?"s":d,f=a.onClear,g=a.focusAtom,h=a.separator,i=a.onDropdownButton,j=a.clearButtonAtom,k=a.iconClear,l=a.view,m=a.valueAtom,n=_objectWithoutProperties(a,_excluded),o=useAtom(function(a){return a.spy(j)&&!!a.spy(m)}),p=_slicedToArray(o,1),q=p[0];return React.createElement(FieldControlLayout,Object.assign({},n,{size:e,ref:b,className:c,focused:useAtom(g)[0],alignSlots:"center",view:l,rightSide:[q?React.createElement(FieldClearButton,{tabIndex:-1,size:e,onClick:f,icon:k}):void 0]}))});
+//# sourceMappingURL=FlatSelectControlLayout.js.map

package/__internal__/src/components/FlatSelect/FlatSelectControlLayout/FlatSelectControlLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelectControlLayout.js","names":["useAtom","React","forwardRef","FieldClearButton","FieldControlLayout","FlatSelectControlLayout","ref","className","size","onClear","focusAtom","separator","onDropdownButton","clearButtonAtom","iconClear","view","valueAtom","props","ctx","spy","clearButton"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectControlLayout/FlatSelectControlLayout.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldControlLayoutProps,\n} from '##/components/FieldComponents';\n\ntype FieldButtonProps = Omit<\n  FieldControlLayoutProps,\n  'leftSide' | 'rightSide'\n> & {\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  leftSide?: React.ReactNode | React.ReactNode[];\n  valueAtom: AtomMut<string>;\n};\n\nexport const FlatSelectControlLayout = forwardRef<\n  HTMLDivElement,\n  FieldButtonProps\n>(\n  (\n    {\n      className,\n      size = 's',\n      onClear,\n      focusAtom,\n      separator,\n      onDropdownButton,\n      clearButtonAtom,\n      iconClear,\n      view,\n      valueAtom,\n      ...props\n    },\n    ref,\n  ) => {\n    const [clearButton] = useAtom(\n      (ctx) => ctx.spy(clearButtonAtom) && !!ctx.spy(valueAtom),\n    );\n\n    return (\n      <FieldControlLayout\n        {...props}\n        size={size}\n        ref={ref}\n        className={className}\n        focused={useAtom(focusAtom)[0]}\n        alignSlots=\"center\"\n        view={view}\n        rightSide={[\n          clearButton ? (\n            <FieldClearButton\n              tabIndex={-1}\n              size={size}\n              onClick={onClear}\n              icon={iconClear}\n            />\n          ) : undefined,\n        ]}\n      />\n    );\n  },\n);\n"],"mappings":"+RAEA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,gBADF,CAEEC,kBAFF,6BAoBA,MAAO,IAAMC,wBAAuB,CAAGH,UAAU,CAI/C,WAcEI,CAdF,CAeK,IAbDC,EAaC,GAbDA,SAaC,KAZDC,IAYC,CAZDA,CAYC,YAZM,GAYN,GAXDC,CAWC,GAXDA,OAWC,CAVDC,CAUC,GAVDA,SAUC,CATDC,CASC,GATDA,SASC,CARDC,CAQC,GARDA,gBAQC,CAPDC,CAOC,GAPDA,eAOC,CANDC,CAMC,GANDA,SAMC,CALDC,CAKC,GALDA,IAKC,CAJDC,CAIC,GAJDA,SAIC,CAHEC,CAGF,yCACmBjB,OAAO,CAC3B,SAACkB,CAAD,QAASA,EAAG,CAACC,GAAJ,CAAQN,CAAR,GAA4B,CAAC,CAACK,CAAG,CAACC,GAAJ,CAAQH,CAAR,CAAvC,CAD2B,CAD1B,uBACII,CADJ,MAKH,MACE,qBAAC,kBAAD,kBACMH,CADN,EAEE,IAAI,CAAET,CAFR,CAGE,GAAG,CAAEF,CAHP,CAIE,SAAS,CAAEC,CAJb,CAKE,OAAO,CAAEP,OAAO,CAACU,CAAD,CAAP,CAAmB,CAAnB,CALX,CAME,UAAU,CAAC,QANb,CAOE,IAAI,CAAEK,CAPR,CAQE,SAAS,CAAE,CACTK,CAAW,CACT,oBAAC,gBAAD,EACE,QAAQ,CAAE,CAAC,CADb,CAEE,IAAI,CAAEZ,CAFR,CAGE,OAAO,CAAEC,CAHX,CAIE,IAAI,CAAEK,CAJR,EADS,OADF,CARb,GAoBH,CA7C8C,CAA1C"}

package/__internal__/src/components/FlatSelect/FlatSelectControlLayout/index.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectControlLayout/index.js

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

package/__internal__/src/components/FlatSelect/FlatSelectControlLayout/index.js.map

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

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/FlatSelectCreateButton.css

@@ -0,0 +1 @@
+.ListItem.FlatSelectCreateButton .ListItemGrid-Slot_position_center{overflow:hidden}.FlatSelectCreateButton-CreateLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/FlatSelectCreateButton.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/FlatSelectCreateButton.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","highlightedIndexAtom","disabledAtom"];import"./FlatSelectCreateButton.css";import{useAtom}from"@reatom/npm-react";import React,{forwardRef}from"react";import{ListAddItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var cnFlatSelectCreateButton=cn("FlatSelectCreateButton");var labelForCreateDefault=function(a){return React.createElement("span",{className:cnFlatSelectCreateButton("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 FlatSelectCreateButton=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.highlightedIndexAtom,j=a.disabledAtom,k=_objectWithoutProperties(a,_excluded),l=useAtom(function(a){var b=a.spy(i),c=a.spy(j);return!c&&g===b}),m=_slicedToArray(l,1),n=m[0],o=useAtom(f),p=_slicedToArray(o,1),q=p[0],r=useAtom(j),s=_slicedToArray(r,1),t=s[0];return React.createElement(ListAddItem,Object.assign({},k,{ref:b,className:cnFlatSelectCreateButton(null,[c]),role:"option",active:n,size:h,disabled:t,label:"function"==typeof e?e(q):e,underLine:!0}))});
+//# sourceMappingURL=FlatSelectCreateButton.js.map

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/FlatSelectCreateButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelectCreateButton.js","names":["useAtom","React","forwardRef","ListAddItem","cn","cnFlatSelectCreateButton","labelForCreateDefault","label","FlatSelectCreateButton","props","ref","className","labelForCreate","inputValueAtom","index","size","highlightedIndexAtom","disabledAtom","otherProps","ctx","highlightedIndex","spy","disabled","active","inputValue"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectCreateButton/FlatSelectCreateButton.tsx"],"sourcesContent":["import './FlatSelectCreateButton.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 { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype LabelForCreate =\n  | ((label: string | undefined) => React.ReactNode)\n  | React.ReactNode;\n\ntype FlatSelectCreateButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    labelForCreate?: LabelForCreate;\n    inputValueAtom: AtomMut<string>;\n    size: FieldPropSize;\n    indent: 'normal' | 'increased';\n    index: number;\n    highlightedIndexAtom: AtomMut<number>;\n    disabledAtom: AtomMut<boolean>;\n  },\n  HTMLDivElement\n>;\n\nexport const cnFlatSelectCreateButton = cn('FlatSelectCreateButton');\n\nconst labelForCreateDefault: LabelForCreate = (label) => (\n  <span className={cnFlatSelectCreateButton('CreateLabel')}>\n    {label ? (\n      <>\n        Добавить <b>«{label}»</b>\n      </>\n    ) : (\n      'Добавить элемент'\n    )}\n  </span>\n);\n\ntype FlatSelectCreateButtonComponent = (\n  props: FlatSelectCreateButtonProps,\n) => React.ReactNode | null;\n\nexport const FlatSelectCreateButton: FlatSelectCreateButtonComponent =\n  forwardRef((props, ref) => {\n    const {\n      className,\n      labelForCreate = labelForCreateDefault,\n      inputValueAtom,\n      index,\n      size,\n\n      highlightedIndexAtom,\n      disabledAtom,\n      ...otherProps\n    } = props;\n\n    const [active] = useAtom((ctx) => {\n      const highlightedIndex = ctx.spy(highlightedIndexAtom);\n      const disabled = ctx.spy(disabledAtom);\n      if (disabled) {\n        return false;\n      }\n      return index === highlightedIndex;\n    });\n\n    const [inputValue] = useAtom(inputValueAtom);\n    const [disabled] = useAtom(disabledAtom);\n\n    return (\n      <ListAddItem\n        {...otherProps}\n        ref={ref}\n        className={cnFlatSelectCreateButton(null, [className])}\n        role=\"option\"\n        active={active}\n        size={size}\n        disabled={disabled}\n        label={\n          typeof labelForCreate === 'function'\n            ? labelForCreate(inputValue)\n            : labelForCreate\n        }\n        underLine\n      />\n    );\n  });\n"],"mappings":"yQAAA,qCAGA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAGA,OAASC,WAAT,wBACA,OAASC,EAAT,0BAoBA,MAAO,IAAMC,yBAAwB,CAAGD,EAAE,CAAC,wBAAD,CAAnC,CAEP,GAAME,sBAAqC,CAAG,SAACC,CAAD,QAC5C,6BAAM,SAAS,CAAEF,wBAAwB,CAAC,aAAD,CAAzC,EACGE,CAAK,CACJ,4FACW,oCAAKA,CAAL,QADX,CADI,CAKJ,6FANJ,CAD4C,CAA9C,CAgBA,MAAO,IAAMC,uBAAuD,CAClEN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IAEvBC,EAFuB,CAWrBF,CAXqB,CAEvBE,SAFuB,GAWrBF,CAXqB,CAGvBG,cAHuB,CAGvBA,CAHuB,YAGNN,qBAHM,GAIvBO,CAJuB,CAWrBJ,CAXqB,CAIvBI,cAJuB,CAKvBC,CALuB,CAWrBL,CAXqB,CAKvBK,KALuB,CAMvBC,CANuB,CAWrBN,CAXqB,CAMvBM,IANuB,CAQvBC,CARuB,CAWrBP,CAXqB,CAQvBO,oBARuB,CASvBC,CATuB,CAWrBR,CAXqB,CASvBQ,YATuB,CAUpBC,CAVoB,0BAWrBT,CAXqB,cAaRT,OAAO,CAAC,SAACmB,CAAD,CAAS,IAC1BC,EAAgB,CAAGD,CAAG,CAACE,GAAJ,CAAQL,CAAR,CADO,CAE1BM,CAAQ,CAAGH,CAAG,CAACE,GAAJ,CAAQJ,CAAR,CAFe,QAG5BK,CAH4B,EAMzBR,CAAK,GAAKM,CAClB,CAPuB,CAbC,uBAalBG,CAbkB,QAsBJvB,OAAO,CAACa,CAAD,CAtBH,uBAsBlBW,CAtBkB,QAuBNxB,OAAO,CAACiB,CAAD,CAvBD,uBAuBlBK,CAvBkB,MAyBzB,MACE,qBAAC,WAAD,kBACMJ,CADN,EAEE,GAAG,CAAER,CAFP,CAGE,SAAS,CAAEL,wBAAwB,CAAC,IAAD,CAAO,CAACM,CAAD,CAAP,CAHrC,CAIE,IAAI,CAAC,QAJP,CAKE,MAAM,CAAEY,CALV,CAME,IAAI,CAAER,CANR,CAOE,QAAQ,CAAEO,CAPZ,CAQE,KAAK,CACuB,UAA1B,QAAOV,EAAP,CACIA,CAAc,CAACY,CAAD,CADlB,CAEIZ,CAXR,CAaE,SAAS,GAbX,GAgBH,CA1CS,CADL"}

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/index.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/index.js

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

package/__internal__/src/components/FlatSelect/FlatSelectCreateButton/index.js.map

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

package/__internal__/src/components/FlatSelect/FlatSelectFooter/FlatSelectFooter.css

@@ -0,0 +1 @@
+.FlatSelectFooter{border-top:1px solid var(--color-bg-border)}.FlatSelectFooter_border{border-bottom:1px solid var(--color-bg-border);border-left:1px solid var(--color-bg-border);border-right:1px solid var(--color-bg-border)}.FlatSelectFooter_form_default{border-radius:0 0 var(--control-radius) var(--control-radius)}.FlatSelectFooter_form_round{border-radius:0 0 var(--flat-select-radius-round) var(--flat-select-radius-round)}

package/__internal__/src/components/FlatSelect/FlatSelectFooter/FlatSelectFooter.d.ts

@@ -0,0 +1,12 @@
+import './FlatSelectFooter.css';
+import React from 'react';
+import { FieldPropView } from '../../FieldComponents';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export type FlatSelectFooterProps = PropsWithHTMLAttributesAndRef<{
+    view?: FieldPropView;
+    bordered?: boolean;
+    form?: 'default' | 'brick' | 'round';
+    footer: React.ReactNode;
+}, HTMLDivElement>;
+export declare const cnFlatSelectFooter: import("@bem-react/classname").ClassNameFormatter;
+export declare const FlatSelectFooter: React.FC<FlatSelectFooterProps>;

package/__internal__/src/components/FlatSelect/FlatSelectFooter/FlatSelectFooter.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","footer","view","bordered","form"];import"./FlatSelectFooter.css";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{isNotNil}from"../../../utils/type-guards";export var cnFlatSelectFooter=cn("FlatSelectFooter");var renderSlot=function(a){return Array.isArray(a)?a.filter(isNotNil).map(function(a,b){return React.createElement("div",{className:cnFlatSelectFooter("Slot"),key:b},a)}):renderSlot([a])};export var FlatSelectFooter=forwardRef(function(a,b){var c=a.className,d=a.footer,e=a.view,f=a.bordered,g=a.form,h=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},h,{ref:b,className:cnFlatSelectFooter({border:"clear"===e?f:void 0,form:f?g:void 0},[Array.isArray(d)?cnMixFlex({flex:"flex",justify:"flex-end",gap:"xs"}):void 0,cnMixSpace({pV:"xs",pH:"s"}),c])}),renderSlot(d))});
+//# sourceMappingURL=FlatSelectFooter.js.map

package/__internal__/src/components/FlatSelect/FlatSelectFooter/FlatSelectFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelectFooter.js","names":["React","forwardRef","cnMixFlex","cnMixSpace","cn","isNotNil","cnFlatSelectFooter","renderSlot","slot","Array","isArray","filter","map","item","index","FlatSelectFooter","props","ref","className","footer","view","bordered","form","otherProps","border","flex","justify","gap","pV","pH"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectFooter/FlatSelectFooter.tsx"],"sourcesContent":["import './FlatSelectFooter.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { FieldPropView } from '##/components/FieldComponents';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { isNotNil } from '##/utils/type-guards';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type FlatSelectFooterProps = PropsWithHTMLAttributesAndRef<\n  {\n    view?: FieldPropView;\n    bordered?: boolean;\n    form?: 'default' | 'brick' | 'round';\n    footer: React.ReactNode;\n  },\n  HTMLDivElement\n>;\n\nexport const cnFlatSelectFooter = cn('FlatSelectFooter');\n\nconst renderSlot = (slot: React.ReactNode) => {\n  if (Array.isArray(slot)) {\n    return slot.filter(isNotNil).map((item, index) => (\n      <div className={cnFlatSelectFooter('Slot')} key={index}>\n        {item}\n      </div>\n    ));\n  }\n  return renderSlot([slot]);\n};\n\nexport const FlatSelectFooter: React.FC<FlatSelectFooterProps> = forwardRef(\n  (props, ref) => {\n    const { className, footer, view, bordered, form, ...otherProps } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnFlatSelectFooter(\n          {\n            border: view === 'clear' ? bordered : undefined,\n            form: bordered ? form : undefined,\n          },\n          [\n            Array.isArray(footer)\n              ? cnMixFlex({ flex: 'flex', justify: 'flex-end', gap: 'xs' })\n              : undefined,\n            cnMixSpace({ pV: 'xs', pH: 's' }),\n            className,\n          ],\n        )}\n      >\n        {renderSlot(footer)}\n      </div>\n    );\n  },\n);\n"],"mappings":"mJAAA,+BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAGA,OAASC,SAAT,6BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BACA,OAASC,QAAT,kCAaA,MAAO,IAAMC,mBAAkB,CAAGF,EAAE,CAAC,kBAAD,CAA7B,CAEP,GAAMG,WAAU,CAAG,SAACC,CAAD,CAA2B,OACxCC,MAAK,CAACC,OAAN,CAAcF,CAAd,CADwC,CAEnCA,CAAI,CAACG,MAAL,CAAYN,QAAZ,EAAsBO,GAAtB,CAA0B,SAACC,CAAD,CAAOC,CAAP,QAC/B,4BAAK,SAAS,CAAER,kBAAkB,CAAC,MAAD,CAAlC,CAA4C,GAAG,CAAEQ,CAAjD,EACGD,CADH,CAD+B,CAA1B,CAFmC,CAQrCN,UAAU,CAAC,CAACC,CAAD,CAAD,CAClB,CATD,CAWA,MAAO,IAAMO,iBAAiD,CAAGd,UAAU,CACzE,SAACe,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAmEF,CAAnE,CAAQE,SAAR,CAAmBC,CAAnB,CAAmEH,CAAnE,CAAmBG,MAAnB,CAA2BC,CAA3B,CAAmEJ,CAAnE,CAA2BI,IAA3B,CAAiCC,CAAjC,CAAmEL,CAAnE,CAAiCK,QAAjC,CAA2CC,CAA3C,CAAmEN,CAAnE,CAA2CM,IAA3C,CAAoDC,CAApD,0BAAmEP,CAAnE,YAEA,MACE,4CACMO,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEX,kBAAkB,CAC3B,CACEkB,MAAM,CAAW,OAAT,GAAAJ,CAAI,CAAeC,CAAf,OADd,CAEEC,IAAI,CAAED,CAAQ,CAAGC,CAAH,OAFhB,CAD2B,CAK3B,CACEb,KAAK,CAACC,OAAN,CAAcS,CAAd,EACIjB,SAAS,CAAC,CAAEuB,IAAI,CAAE,MAAR,CAAgBC,OAAO,CAAE,UAAzB,CAAqCC,GAAG,CAAE,IAA1C,CAAD,CADb,OADF,CAIExB,UAAU,CAAC,CAAEyB,EAAE,CAAE,IAAN,CAAYC,EAAE,CAAE,GAAhB,CAAD,CAJZ,CAKEX,CALF,CAL2B,CAH/B,GAiBGX,UAAU,CAACY,CAAD,CAjBb,CAoBH,CAzBwE,CAApE"}

package/__internal__/src/components/FlatSelect/FlatSelectFooter/index.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectFooter/index.js

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

package/__internal__/src/components/FlatSelect/FlatSelectFooter/index.js.map

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

package/__internal__/src/components/FlatSelect/FlatSelectGroupLabel/FlatSelectGroupLabel.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectGroupLabel/FlatSelectGroupLabel.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 FlatSelectGroupLabel=forwardRef(function(a,b){var c=a.indent,d=_objectWithoutProperties(a,_excluded);return React.createElement(ListGroupLabel,Object.assign({},d,{ref:b,innerOffset:c}))});
+//# sourceMappingURL=FlatSelectGroupLabel.js.map

package/__internal__/src/components/FlatSelect/FlatSelectGroupLabel/FlatSelectGroupLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelectGroupLabel.js","names":["React","forwardRef","ListGroupLabel","FlatSelectGroupLabel","ref","indent","otherProps"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectGroupLabel/FlatSelectGroupLabel.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 FlatSelectGroupLabel: 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,qBAAqD,CAAGF,UAAU,CAC7E,WAA4BG,CAA5B,CAAoC,IAAjCC,EAAiC,GAAjCA,MAAiC,CAAtBC,CAAsB,uCAClC,MAAO,qBAAC,cAAD,kBAAoBA,CAApB,EAAgC,GAAG,CAAEF,CAArC,CAA0C,WAAW,CAAEC,CAAvD,GACR,CAH4E,CAAxE"}

package/__internal__/src/components/FlatSelect/FlatSelectGroupLabel/index.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectGroupLabel/index.js

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

package/__internal__/src/components/FlatSelect/FlatSelectGroupLabel/index.js.map

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

package/__internal__/src/components/FlatSelect/FlatSelectItem/FlatSelectItem.css

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

package/__internal__/src/components/FlatSelect/FlatSelectItem/FlatSelectItem.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectItem/FlatSelectItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled","onClick"];import"./FlatSelectItem.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 cnFlatSelectItem=cn("FlatSelectItem");export var FlatSelectItem=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:cnFlatSelectItem(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=FlatSelectItem.js.map

package/__internal__/src/components/FlatSelect/FlatSelectItem/FlatSelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cnCanary","cn","sizeCheckboxMap","xs","s","m","l","cnFlatSelectItem","FlatSelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","onClick","otherProps"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectItem/FlatSelectItem.tsx"],"sourcesContent":["import './FlatSelectItem.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 FlatSelectItemProps = 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 cnFlatSelectItem = cn('FlatSelectItem');\n\nexport const FlatSelectItem: React.FC<FlatSelectItemProps> = 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={cnFlatSelectItem(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,6BAEA,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,iBAAgB,CAAGN,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAMO,eAA6C,CAAGX,UAAU,CACrE,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,gBAAgB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAH7B,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,CA3CoE,CAAhE"}

package/__internal__/src/components/FlatSelect/FlatSelectItem/index.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectItem/index.js

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

package/__internal__/src/components/FlatSelect/FlatSelectItem/index.js.map

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

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/FlatSelectItemAll.css

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

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/FlatSelectItemAll.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/FlatSelectItemAll.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["size","className","groupsCounterAtom","groupId","highlightedIndexAtom","disabledAtom","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{cn}from"../../../utils/bem";import{sizeCheckboxMap}from"../FlatSelectItem";export var cnFlatSelectItemAll=cn("FlatSelectItemAll");var textSizeMap={xs:"s",s:"s",m:"m",l:"l"},FlatSelectItemAllCounter=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))},FlatSelectItemAllCounterCheckbox=function(a){var b=a.groupsCounterAtom,c=a.groupId,d=a.size,e=a.disabledAtom,f=useAtom(function(a){var d=a.spy(b);return void 0!==d[c]&&d[c][0]===d[c][1]}),g=_slicedToArray(f,1),h=g[0],i=useAtom(function(a){var d=a.spy(b);return void 0!==d[c]&&0<d[c][0]&&d[c][0]<d[c][1]}),j=_slicedToArray(i,1),k=j[0],l=useAtom(e),m=_slicedToArray(l,1),n=m[0];return React.createElement(Checkbox,{checked:h,intermediate:k,size:sizeCheckboxMap[d],tabIndex:-1,disabled:n})};export var FlatSelectItemAll=forwardRef(function(a,b){var c=a.size,d=a.className,e=a.groupsCounterAtom,f=a.groupId,g=a.highlightedIndexAtom,h=a.disabledAtom,i=a.index,j=a.label,k=_objectWithoutProperties(a,_excluded),l=useAtom(function(a){return a.spy(g)===i}),m=_slicedToArray(l,1),n=m[0],o=useAtom(h),p=_slicedToArray(o,1),q=p[0];return React.createElement(ListItem,Object.assign({},k,{ref:b,className:cnFlatSelectItemAll(null,[d]),role:"option",label:j,size:c,active:n,disabled:q,rightSide:React.createElement(FlatSelectItemAllCounter,{size:c,groupsCounterAtom:e,groupId:f}),leftSide:React.createElement(FlatSelectItemAllCounterCheckbox,{size:c,groupsCounterAtom:e,groupId:f,disabledAtom:h})}))});
+//# sourceMappingURL=FlatSelectItemAll.js.map

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/FlatSelectItemAll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatSelectItemAll.js","names":["useAtom","React","forwardRef","Checkbox","ListItem","Text","cn","sizeCheckboxMap","cnFlatSelectItemAll","textSizeMap","xs","s","m","l","FlatSelectItemAllCounter","groupsCounterAtom","groupId","size","ctx","counter","spy","total","selected","FlatSelectItemAllCounterCheckbox","disabledAtom","checked","intermediate","disabled","FlatSelectItemAll","props","ref","className","highlightedIndexAtom","index","label","otherProps","hovered"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectItemAll/FlatSelectItemAll.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 { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { sizeCheckboxMap } from '../FlatSelectItem';\n\nexport type FlatFlatSelectItemAllProps = 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    disabledAtom: AtomMut<boolean>;\n  },\n  HTMLDivElement\n>;\n\nexport const cnFlatSelectItemAll = cn('FlatSelectItemAll');\n\nconst textSizeMap: Record<FieldPropSize, TextPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nconst FlatSelectItemAllCounter: 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 FlatSelectItemAllCounterCheckbox: React.FC<{\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  disabledAtom: AtomMut<boolean>;\n  groupId: string | number;\n  size: FieldPropSize;\n}> = ({ groupsCounterAtom, groupId, size, disabledAtom }) => {\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  const [disabled] = useAtom(disabledAtom);\n\n  return (\n    <Checkbox\n      checked={checked}\n      intermediate={intermediate}\n      size={sizeCheckboxMap[size]}\n      tabIndex={-1}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const FlatSelectItemAll: React.FC<FlatFlatSelectItemAllProps> =\n  forwardRef((props, ref) => {\n    const {\n      size,\n      className,\n      groupsCounterAtom,\n      groupId,\n      highlightedIndexAtom,\n      disabledAtom,\n      index,\n      label,\n      ...otherProps\n    } = props;\n\n    const [hovered] = useAtom((ctx) => ctx.spy(highlightedIndexAtom) === index);\n    const [disabled] = useAtom(disabledAtom);\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnFlatSelectItemAll(null, [className])}\n        role=\"option\"\n        label={label}\n        size={size}\n        active={hovered}\n        disabled={disabled}\n        rightSide={\n          <FlatSelectItemAllCounter\n            size={size}\n            groupsCounterAtom={groupsCounterAtom}\n            groupId={groupId}\n          />\n        }\n        leftSide={\n          <FlatSelectItemAllCounterCheckbox\n            size={size}\n            groupsCounterAtom={groupsCounterAtom}\n            groupId={groupId}\n            disabledAtom={disabledAtom}\n          />\n        }\n      />\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/index.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/index.js

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

package/__internal__/src/components/FlatSelect/FlatSelectItemAll/index.js.map

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

package/__internal__/src/components/FlatSelect/FlatSelectList/FlatSelectList.css

@@ -0,0 +1 @@
+.ListBox.FlatSelectList{background:transparent}

package/__internal__/src/components/FlatSelect/FlatSelectList/FlatSelectList.d.ts

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

package/__internal__/src/components/FlatSelect/FlatSelectList/FlatSelectList.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","getOptionActions","listRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","view","disabledAtom"];import"./FlatSelectList.css";import{useAtom}from"@reatom/npm-react";import React,{Fragment,memo,useMemo}from"react";import{ListBox,ListItem,ListLoader}from"../../ListCanary";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{cn}from"../../../utils/bem";import{fabricIndex}from"../../../utils/fabricIndex";import{FlatSelectCreateButton}from"../FlatSelectCreateButton";import{FlatSelectGroupLabel}from"../FlatSelectGroupLabel/FlatSelectGroupLabel";import{FlatSelectItemAll}from"../FlatSelectItemAll/FlatSelectItemAll";import{FlatSelectLoader}from"../FlatSelectLoader/FlatSelectLoader";import{FlatSelectRenderItem}from"../FlatSelectRenderItem";import{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useFlatSelect";export var FlatSelectListForm=["default","brick","round"];export var defaultFlatSelectListPropForm=FlatSelectListForm[0];var cnFlatSelectList=cn("FlatSelectList"),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 FlatSelectList=memo(function(a){var b=a.size,c=a.getOptionActions,d=a.listRef,e=a.labelForCreate,f=a.className,g=a.labelForNotFound,h=a.labelForEmptyItems,i=a.hasItemsAtom,j=a.form,k=a.openAtom,l=a.renderItem,m=a.visibleItemsAtom,n=a.isLoading,o=a.getGroupLabel,p=a.notFound,q=a.itemsRefs,r=a.virtualScroll,s=a.onScrollToBottom,t=a.highlightedIndexAtom,u=a.valueAtom,v=a.getItemKeyAtom,w=a.onChange,x=a.onChangeAll,y=a.inputValueAtom,z=a.groupsCounterAtom,A=a.dropdownZIndexAtom,B=a.selectAllLabel,C=a.view,D=a.disabledAtom,E=_objectWithoutProperties(a,_excluded),F=useAtom(m),G=_slicedToArray(F,1),H=G[0],I=useAtom(i),J=_slicedToArray(I,1),K=J[0],L=useAtom(v),M=_slicedToArray(L,1),N=M[0],O="round"===j?"increased":"normal",P=useMemo(function(){return 0<H.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[H]),Q=useMemo(function(){return getLengthElements(H)},[H]),R=useVirtualScroll({length:Q,isActive:r,onScrollToBottom:s}),S=R.spaceTop,T=R.slice,U=R.listRefs,V=R.scrollElementRef,W=useForkRef([V,d]),X=0===T[0]&&r?[0,50]:T,Y=fabricIndex(),Z=fabricIndex();return React.createElement(ListBox,Object.assign({},E,{size:b,ref:W,className:cnFlatSelectList({view:C},[f]),tabIndex:-1}),n&&!P&&React.createElement(FlatSelectLoader,null),React.createElement("div",{className:cnFlatSelectList("List"),key:cnFlatSelectList("List"),style:{marginTop:S}},H.map(function(a){if(isOptionForCreate(a)){var f=Y();return React.createElement(FlatSelectCreateButton,Object.assign({size:b,key:cnFlatSelectList("List",{key:"CreateButton"}),labelForCreate:e,indent:O,ref:q[f],highlightedIndexAtom:t,inputValueAtom:y,disabledAtom:D,index:f},c({index:f,item:a})))}var d=1<H.length?Z():0;return React.createElement(Fragment,{key:a.key},a.group&&o&&isVisible(X,d)&&React.createElement(FlatSelectGroupLabel,{label:o(a.group),size:b,indent:O,ref:U[d],key:"group-".concat(a.key,"-Label")}),a.items.map(function(d){if(isOptionForSelectAll(d)){var e=Z(),f=Y();if(isVisible(X,e))return React.createElement(FlatSelectItemAll,Object.assign({label:B,groupId:a.key,highlightedIndexAtom:t,groupsCounterAtom:z,key:cnFlatSelectList("SelectItemAll",{group:a.key}),ref:forkRef([U[e],q[f]]),indent:O,size:b},c({index:f,item:d}),{index:f,disabledAtom:D}))}else{var g=Z(),h=Y();if(isVisible(X,g))return React.createElement(FlatSelectRenderItem,Object.assign({key:cnFlatSelectList("SelectRenderItem",{group:a.key,item:N(d)}),getItemKeyAtom:v,highlightedIndexAtom:t,rootRef:forkRef([U[g],q[h]]),renderItem:l,item:d},c({index:h,item:d}),{index:h,valueAtom:u}))}}))}),n&&P&&React.createElement(ListLoader,{size:b,innerOffset:O})),!n&&!K&&h&&React.createElement(ListItem,{size:b,label:h,innerOffset:O},h))});
+//# sourceMappingURL=FlatSelectList.js.map