@consta/uikit 4.6.2 → 4.6.3

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroupDeprecated.js","names":["React","useChoiceGroup","cn","getByMap","ChoiceGroupItem","choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroup","forwardRef","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getLabel","onChange","getIcon","name","className","disabled","getDisabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","idx","itemChecked","itemDisabled","checked","toString"],"sources":["../../../../../src/components/ChoiceGroupDeprecated/ChoiceGroupDeprecated.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport React from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: СhoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\ntype Props<\n  ITEM,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: СhoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getLabel: ChoiceGroupPropGetLabel<ITEM>;\n    getIcon?: ChoiceGroupPropGetIcon<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getDisabled?: (item: ITEM) => boolean | undefined;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n>;\n\ntype ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: Props<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nexport const ChoiceGroup: ChoiceGroupComponent = React.forwardRef(\n  (props, ref) => {\n    const {\n      size = choiceGroupDefaultSize,\n      form = choiceGroupDefaultForm,\n      view = choiceGroupDefaultView,\n      width = choiceGroupWidthDefault,\n      onlyIcon,\n      iconSize: iconSizeProp,\n      value = null,\n      multiple = false,\n      items,\n      getLabel,\n      onChange,\n      getIcon,\n      name,\n      className,\n      disabled = false,\n      getDisabled,\n      truncate,\n      ...otherProps\n    } = props;\n\n    type Item = typeof items[number];\n\n    const { getOnChange, getChecked } = useChoiceGroup<\n      Item,\n      React.ChangeEvent<HTMLInputElement>\n    >({\n      value: value as Item,\n      getKey: getLabel,\n      callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n      multiple: multiple as false,\n      // привел к типам из-за того что\n      // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n    });\n\n    const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnChoiceGroup(\n          { size, form, view, width, onlyIcon, disabled, truncate },\n          [className],\n        )}\n      >\n        {items.map((item, idx) => {\n          const itemChecked = getChecked(item);\n          const itemDisabled = !!getDisabled && getDisabled(item);\n          return (\n            <React.Fragment key={getLabel(item)}>\n              {idx > 0 && (\n                <div\n                  className={cnChoiceGroup('Divider', {\n                    checked: itemChecked,\n                    disabled: itemDisabled,\n                  })}\n                />\n              )}\n              <ChoiceGroupItem\n                onChange={getOnChange(item)}\n                checked={itemChecked}\n                label={getLabel(item).toString()}\n                icon={getIcon && getIcon(item)}\n                iconSize={iconSize}\n                multiple={multiple}\n                onlyIcon={onlyIcon}\n                name={name}\n                disabled={disabled || itemDisabled}\n              />\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"ChoiceGroupDeprecated.js","names":["React","useChoiceGroup","cn","getByMap","ChoiceGroupItem","choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroup","forwardRef","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getLabel","onChange","getIcon","name","className","disabled","getDisabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","idx","itemChecked","itemDisabled","checked","toString"],"sources":["../../../../../src/components/ChoiceGroupDeprecated/ChoiceGroupDeprecated.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: СhoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\ntype Props<\n  ITEM,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: СhoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getLabel: ChoiceGroupPropGetLabel<ITEM>;\n    getIcon?: ChoiceGroupPropGetIcon<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getDisabled?: (item: ITEM) => boolean | undefined;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n>;\n\ntype ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: Props<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nexport const ChoiceGroup: ChoiceGroupComponent = React.forwardRef(\n  (props, ref) => {\n    const {\n      size = choiceGroupDefaultSize,\n      form = choiceGroupDefaultForm,\n      view = choiceGroupDefaultView,\n      width = choiceGroupWidthDefault,\n      onlyIcon,\n      iconSize: iconSizeProp,\n      value = null,\n      multiple = false,\n      items,\n      getLabel,\n      onChange,\n      getIcon,\n      name,\n      className,\n      disabled = false,\n      getDisabled,\n      truncate,\n      ...otherProps\n    } = props;\n\n    type Item = typeof items[number];\n\n    const { getOnChange, getChecked } = useChoiceGroup<\n      Item,\n      React.ChangeEvent<HTMLInputElement>\n    >({\n      value: value as Item,\n      getKey: getLabel,\n      callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n      multiple: multiple as false,\n      // привел к типам из-за того что\n      // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n    });\n\n    const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnChoiceGroup(\n          { size, form, view, width, onlyIcon, disabled, truncate },\n          [className],\n        )}\n      >\n        {items.map((item, idx) => {\n          const itemChecked = getChecked(item);\n          const itemDisabled = !!getDisabled && getDisabled(item);\n          return (\n            <React.Fragment key={getLabel(item)}>\n              {idx > 0 && (\n                <div\n                  className={cnChoiceGroup('Divider', {\n                    checked: itemChecked,\n                    disabled: itemDisabled,\n                  })}\n                />\n              )}\n              <ChoiceGroupItem\n                onChange={getOnChange(item)}\n                checked={itemChecked}\n                label={getLabel(item).toString()}\n                icon={getIcon && getIcon(item)}\n                iconSize={iconSize}\n                multiple={multiple}\n                onlyIcon={onlyIcon}\n                name={name}\n                disabled={disabled || itemDisabled}\n              />\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/ChoiceGroupDeprecated/Item/ChoiceGroup-Item.d.ts

@@ -1,5 +1,5 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
 declare type Props = {
     icon?: IconComponent;
     onlyIcon?: boolean;

package/__internal__/src/components/ChoiceGroupDeprecated/Item/ChoiceGroup-Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup-Item.js","names":["React","useState","cnMixFocus","cnChoiceGroup","ChoiceGroupItem","props","label","onChange","checked","multiple","Icon","icon","onlyIcon","name","iconSize","disabled","focus","setFocus","handleFocus","handleBlur"],"sources":["../../../../../../src/components/ChoiceGroupDeprecated/Item/ChoiceGroup-Item.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cnChoiceGroup } from '../ChoiceGroupDeprecated';\n\ntype Props = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport const ChoiceGroupItem: React.FC<Props> = (props) => {\n  const {\n    label,\n    onChange,\n    checked,\n    multiple,\n    icon: Icon,\n    onlyIcon,\n    name,\n    iconSize,\n    disabled = false,\n  } = props;\n  const [focus, setFocus] = useState<boolean>(false);\n\n  const handleBlur = () => setFocus(false);\n  const handleFocus = () => setFocus(true);\n\n  return (\n    <label\n      className={cnChoiceGroup('Label', { focus, checked, disabled }, [\n        cnMixFocus(),\n      ])}\n      title={onlyIcon ? label : undefined}\n    >\n      <input\n        type={multiple ? 'checkbox' : 'radio'}\n        className={cnChoiceGroup('Input')}\n        checked={checked}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        value={`${name}-${label}`}\n        onChange={onChange}\n        name={name}\n        disabled={disabled}\n      />\n      {Icon && <Icon className={cnChoiceGroup('Icon')} size={iconSize} />}\n      {!onlyIcon && <span className={cnChoiceGroup('Text')}>{label}</span>}\n    </label>\n  );\n};\n"],"mappings":"iEAAA,MAAOA,MAAP,EAAgBC,QAAhB,KAAgC,OAAhC,CAGA,OAASC,UAAT,uCACA,OAASC,aAAT,gCAcA,MAAO,IAAMC,gBAAgC,CAAG,SAACC,CAAD,CAAW,IAEvDC,EAFuD,CAWrDD,CAXqD,CAEvDC,KAFuD,CAGvDC,CAHuD,CAWrDF,CAXqD,CAGvDE,QAHuD,CAIvDC,CAJuD,CAWrDH,CAXqD,CAIvDG,OAJuD,CAKvDC,CALuD,CAWrDJ,CAXqD,CAKvDI,QALuD,CAMjDC,CANiD,CAWrDL,CAXqD,CAMvDM,IANuD,CAOvDC,CAPuD,CAWrDP,CAXqD,CAOvDO,QAPuD,CAQvDC,CARuD,CAWrDR,CAXqD,CAQvDQ,IARuD,CASvDC,CATuD,CAWrDT,CAXqD,CASvDS,QATuD,GAWrDT,CAXqD,CAUvDU,QAVuD,CAUvDA,CAVuD,iBAY/Bd,QAAQ,IAZuB,uBAYlDe,CAZkD,MAY3CC,CAZ2C,MAiBzD,MACE,8BACE,SAAS,CAAEd,aAAa,CAAC,OAAD,CAAU,CAAEa,KAAK,CAALA,CAAF,CAASR,OAAO,CAAPA,CAAT,CAAkBO,QAAQ,CAARA,CAAlB,CAAV,CAAwC,CAC9Db,UAAU,EADoD,CAAxC,CAD1B,CAIE,KAAK,CAAEU,CAAQ,CAAGN,CAAH,OAJjB,EAME,6BACE,IAAI,CAAEG,CAAQ,CAAG,UAAH,CAAgB,OADhC,CAEE,SAAS,CAAEN,aAAa,CAAC,OAAD,CAF1B,CAGE,OAAO,CAAEK,CAHX,CAIE,OAAO,CAbO,QAAdU,YAAc,SAAMD,EAAQ,IAAd,CAShB,CAKE,MAAM,CAfO,QAAbE,WAAa,SAAMF,EAAQ,IAAd,CAUf,CAME,KAAK,WAAKJ,CAAL,aAAaP,CAAb,CANP,CAOE,QAAQ,CAAEC,CAPZ,CAQE,IAAI,CAAEM,CARR,CASE,QAAQ,CAAEE,CATZ,EANF,CAiBGL,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEP,aAAa,CAAC,MAAD,CAA9B,CAAwC,IAAI,CAAEW,CAA9C,EAjBX,CAkBG,CAACF,CAAD,EAAa,4BAAM,SAAS,CAAET,aAAa,CAAC,MAAD,CAA9B,EAAyCG,CAAzC,CAlBhB,CAqBH,CAvCM"}
+{"version":3,"file":"ChoiceGroup-Item.js","names":["React","useState","cnMixFocus","cnChoiceGroup","ChoiceGroupItem","props","label","onChange","checked","multiple","Icon","icon","onlyIcon","name","iconSize","disabled","focus","setFocus","handleFocus","handleBlur"],"sources":["../../../../../../src/components/ChoiceGroupDeprecated/Item/ChoiceGroup-Item.tsx"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { useState } from 'react';\n\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cnChoiceGroup } from '../ChoiceGroupDeprecated';\n\ntype Props = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport const ChoiceGroupItem: React.FC<Props> = (props) => {\n  const {\n    label,\n    onChange,\n    checked,\n    multiple,\n    icon: Icon,\n    onlyIcon,\n    name,\n    iconSize,\n    disabled = false,\n  } = props;\n  const [focus, setFocus] = useState<boolean>(false);\n\n  const handleBlur = () => setFocus(false);\n  const handleFocus = () => setFocus(true);\n\n  return (\n    <label\n      className={cnChoiceGroup('Label', { focus, checked, disabled }, [\n        cnMixFocus(),\n      ])}\n      title={onlyIcon ? label : undefined}\n    >\n      <input\n        type={multiple ? 'checkbox' : 'radio'}\n        className={cnChoiceGroup('Input')}\n        checked={checked}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        value={`${name}-${label}`}\n        onChange={onChange}\n        name={name}\n        disabled={disabled}\n      />\n      {Icon && <Icon className={cnChoiceGroup('Icon')} size={iconSize} />}\n      {!onlyIcon && <span className={cnChoiceGroup('Text')}>{label}</span>}\n    </label>\n  );\n};\n"],"mappings":"iEACA,MAAOA,MAAP,EAAgBC,QAAhB,KAAgC,OAAhC,CAEA,OAASC,UAAT,uCACA,OAASC,aAAT,gCAcA,MAAO,IAAMC,gBAAgC,CAAG,SAACC,CAAD,CAAW,IAEvDC,EAFuD,CAWrDD,CAXqD,CAEvDC,KAFuD,CAGvDC,CAHuD,CAWrDF,CAXqD,CAGvDE,QAHuD,CAIvDC,CAJuD,CAWrDH,CAXqD,CAIvDG,OAJuD,CAKvDC,CALuD,CAWrDJ,CAXqD,CAKvDI,QALuD,CAMjDC,CANiD,CAWrDL,CAXqD,CAMvDM,IANuD,CAOvDC,CAPuD,CAWrDP,CAXqD,CAOvDO,QAPuD,CAQvDC,CARuD,CAWrDR,CAXqD,CAQvDQ,IARuD,CASvDC,CATuD,CAWrDT,CAXqD,CASvDS,QATuD,GAWrDT,CAXqD,CAUvDU,QAVuD,CAUvDA,CAVuD,iBAY/Bd,QAAQ,IAZuB,uBAYlDe,CAZkD,MAY3CC,CAZ2C,MAiBzD,MACE,8BACE,SAAS,CAAEd,aAAa,CAAC,OAAD,CAAU,CAAEa,KAAK,CAALA,CAAF,CAASR,OAAO,CAAPA,CAAT,CAAkBO,QAAQ,CAARA,CAAlB,CAAV,CAAwC,CAC9Db,UAAU,EADoD,CAAxC,CAD1B,CAIE,KAAK,CAAEU,CAAQ,CAAGN,CAAH,OAJjB,EAME,6BACE,IAAI,CAAEG,CAAQ,CAAG,UAAH,CAAgB,OADhC,CAEE,SAAS,CAAEN,aAAa,CAAC,OAAD,CAF1B,CAGE,OAAO,CAAEK,CAHX,CAIE,OAAO,CAbO,QAAdU,YAAc,SAAMD,EAAQ,IAAd,CAShB,CAKE,MAAM,CAfO,QAAbE,WAAa,SAAMF,EAAQ,IAAd,CAUf,CAME,KAAK,WAAKJ,CAAL,aAAaP,CAAb,CANP,CAOE,QAAQ,CAAEC,CAPZ,CAQE,IAAI,CAAEM,CARR,CASE,QAAQ,CAAEE,CATZ,EANF,CAiBGL,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEP,aAAa,CAAC,MAAD,CAA9B,CAAwC,IAAI,CAAEW,CAA9C,EAjBX,CAkBG,CAACF,CAAD,EAAa,4BAAM,SAAS,CAAET,aAAa,CAAC,MAAD,CAA9B,EAAyCG,CAAzC,CAlBhB,CAqBH,CAvCM"}

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

@@ -1,5 +1,5 @@
 import './Collapse.css';
-import { IconPropSize } from '../../icons/Icon/Icon';
+import { IconPropSize } from '@consta/icons/Icon';
 import { CollapseComponent, CollapsePropSize } from './types';
 export declare const COMPONENT_NAME: "Collapse";
 export declare const cnCollapse: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/Collapse/Collapse.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","maxContentHeight","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Collapse.css";import React,{useRef}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon}from"./CollapseIcon/CollapseIcon";import{collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"./types";export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}var getMaxHeight=function(a,b){return b?"string"==typeof b?b:"".concat(b,"px"):"".concat(a,"px")};export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=useRef(null),e=useComponentSize(d),f=e.height,g=usePropsHandler(COMPONENT_NAME,a,c),h=g.label,i=g.size,j=void 0===i?collapsePropSizeDefault:i,k=g.view,l=void 0===k?collapsePropViewDefault:k,m=g.className,n=g.maxContentHeight,o=g.isOpen,p=g.children,q=g.hoverEffect,r=g.divider,s=g.icon,t=void 0===s?IconArrowDown:s,u=g.closeIcon,v=g.rightSide,w=g.horizontalSpace,x=g.iconPosition,y=void 0===x?collapsePropIconPositionDefault:x,z=g.directionIcon,A=void 0===z?collapsePropDirectionIconDefault:z,B=g.closeDirectionIcon,C=void 0===B?collapsePropCloseDirectionIconDefault:B,D=g.style,E=_objectWithoutProperties(g,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:j,view:l},[m]),style:_objectSpread(_objectSpread({},D),{},_defineProperty({},"--horizontal-space",w?"var(--space-".concat(w,")"):0))},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:q,iconPosition:y})},E),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:y}),size:getByMap(sizeIconMap,j),icon:t,closeIcon:u,isOpen:o,direction:A,closeDirection:C}),"object"==typeof h?React.createElement("div",{className:cnCollapse("LabelText")},h):React.createElement(Text,{className:cnCollapse("LabelText"),view:l,size:j},h),"left"===y&&renderSide(v)),React.createElement("div",{style:_defineProperty({},"--collapse-body-max-height",getMaxHeight(f,n)),className:cnCollapse("Body",{isOpen:o,divider:r})},React.createElement("div",{ref:d,className:cnCollapse("Content")},p)))});export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","maxContentHeight","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Collapse.css";import{IconArrowDown}from"@consta/icons/IconArrowDown";import React,{useRef}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon}from"./CollapseIcon/CollapseIcon";import{collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"./types";export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}var getMaxHeight=function(a,b){return b?"string"==typeof b?b:"".concat(b,"px"):"".concat(a,"px")};export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=useRef(null),e=useComponentSize(d),f=e.height,g=usePropsHandler(COMPONENT_NAME,a,c),h=g.label,i=g.size,j=void 0===i?collapsePropSizeDefault:i,k=g.view,l=void 0===k?collapsePropViewDefault:k,m=g.className,n=g.maxContentHeight,o=g.isOpen,p=g.children,q=g.hoverEffect,r=g.divider,s=g.icon,t=void 0===s?IconArrowDown:s,u=g.closeIcon,v=g.rightSide,w=g.horizontalSpace,x=g.iconPosition,y=void 0===x?collapsePropIconPositionDefault:x,z=g.directionIcon,A=void 0===z?collapsePropDirectionIconDefault:z,B=g.closeDirectionIcon,C=void 0===B?collapsePropCloseDirectionIconDefault:B,D=g.style,E=_objectWithoutProperties(g,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:j,view:l},[m]),style:_objectSpread(_objectSpread({},D),{},_defineProperty({},"--horizontal-space",w?"var(--space-".concat(w,")"):0))},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:q,iconPosition:y})},E),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:y}),size:getByMap(sizeIconMap,j),icon:t,closeIcon:u,isOpen:o,direction:A,closeDirection:C}),"object"==typeof h?React.createElement("div",{className:cnCollapse("LabelText")},h):React.createElement(Text,{className:cnCollapse("LabelText"),view:l,size:j},h),"left"===y&&renderSide(v)),React.createElement("div",{style:_defineProperty({},"--collapse-body-max-height",getMaxHeight(f,n)),className:cnCollapse("Body",{isOpen:o,divider:r})},React.createElement("div",{ref:d,className:cnCollapse("Content")},p)))});export*from"./types";
 //# sourceMappingURL=Collapse.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["React","useRef","useComponentSize","useForkRef","IconArrowDown","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","getMaxHeight","height","maxHeight","Collapse","forwardRef","props","ref","collapseRef","contentRef","contentHeight","label","size","view","className","maxContentHeight","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport React, { useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconPropSize } from '../../icons/Icon/Icon';\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport { CollapseIcon } from './CollapseIcon/CollapseIcon';\nimport {\n  CollapseComponent,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  CollapseProps,\n  CollapsePropSize,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nconst getMaxHeight = (height: number, maxHeight?: number | string) => {\n  if (maxHeight) {\n    return typeof maxHeight === 'string' ? maxHeight : `${maxHeight}px`;\n  }\n  return `${height}px`;\n};\n\nexport const Collapse: CollapseComponent = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const { height: contentHeight } = useComponentSize(contentRef);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    maxContentHeight,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view }, [className])}\n      style={{\n        ...style,\n        ['--horizontal-space' as string]: horizontalSpace\n          ? `var(--space-${horizontalSpace})`\n          : 0,\n      }}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        {typeof label === 'object' ? (\n          <div className={cnCollapse('LabelText')}>{label}</div>\n        ) : (\n          <Text className={cnCollapse('LabelText')} view={view} size={size}>\n            {label}\n          </Text>\n        )}\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div\n        style={{\n          ['--collapse-body-max-height' as string]: getMaxHeight(\n            contentHeight,\n            maxContentHeight,\n          ),\n        }}\n        className={cnCollapse('Body', { isOpen, divider })}\n      >\n        <div ref={contentRef} className={cnCollapse('Content')}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport * from './types';\n"],"mappings":"iiCAAA,uBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,gBAAT,oCAEA,OAASC,UAAT,yCAEA,OAASC,aAAT,+CACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,eAAT,2CACA,OAASC,IAAT,oBACA,OAASC,YAAT,mCACA,OAEEC,qCAFF,CAGEC,gCAHF,CAIEC,+BAJF,CAOEC,uBAPF,CAQEC,uBARF,eAWA,MAAO,IAAMC,eAAc,CAAG,UAAvB,CAEP,MAAO,IAAMC,WAAU,CAAGX,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMY,YAAmD,CAAG,CACjE,MAAO,IAD0D,CAEjE,GAAM,IAF2D,CAGjE,EAAK,IAH4D,CAIjE,EAAK,GAJ4D,CAKjE,EAAK,GAL4D,CAA5D,CAQP,QAASC,WAAT,CAAoBC,CAApB,CAA4D,CAC1D,GAAMC,EAAK,CAAGD,CAAI,oBAAQE,KAAK,CAACC,OAAN,CAAcH,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAArC,EAAgD,EAAlE,CAEA,MAAOC,EAAK,CAACG,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACf,4BAAK,SAAS,CAAET,UAAU,CAAC,MAAD,CAA1B,CAAoC,GAAG,CAAES,CAAzC,EACGD,CADH,CADe,CAAV,CAKR,CAED,GAAME,aAAY,CAAG,SAACC,CAAD,CAAiBC,CAAjB,CAAiD,OAChEA,EADgE,CAEtC,QAArB,QAAOA,EAAP,CAAgCA,CAAhC,WAA+CA,CAA/C,MAF2D,WAI1DD,CAJ0D,MAKrE,CALD,CAOA,MAAO,IAAME,SAA2B,CAAG7B,KAAK,CAAC8B,UAAN,CAGzC,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACVC,EAAW,CAAGhC,MAAM,CAAiB,IAAjB,CADV,CAEViC,CAAU,CAAGjC,MAAM,CAAiB,IAAjB,CAFT,GAGkBC,gBAAgB,CAACgC,CAAD,CAHlC,CAGAC,CAHA,GAGRR,MAHQ,GAwBZpB,eAAe,CAACQ,cAAD,CAAiBgB,CAAjB,CAAwBE,CAAxB,CAxBH,CAMdG,CANc,GAMdA,KANc,KAOdC,IAPc,CAOdA,CAPc,YAOPxB,uBAPO,OAQdyB,IARc,CAQdA,CARc,YAQPxB,uBARO,GASdyB,CATc,GASdA,SATc,CAUdC,CAVc,GAUdA,gBAVc,CAWdC,CAXc,GAWdA,MAXc,CAYdC,CAZc,GAYdA,QAZc,CAadC,CAbc,GAadA,WAbc,CAcdC,CAdc,GAcdA,OAdc,KAedC,IAfc,CAedA,CAfc,YAePzC,aAfO,GAgBd0C,CAhBc,GAgBdA,SAhBc,CAiBdC,CAjBc,GAiBdA,SAjBc,CAkBdC,CAlBc,GAkBdA,eAlBc,KAmBdC,YAnBc,CAmBdA,CAnBc,YAmBCrC,+BAnBD,OAoBdsC,aApBc,CAoBdA,CApBc,YAoBEvC,gCApBF,OAqBdwC,kBArBc,CAqBdA,CArBc,YAqBOzC,qCArBP,GAsBd0C,CAtBc,GAsBdA,KAtBc,CAuBXC,CAvBW,uCA0BhB,MACE,4BACE,GAAG,CAAElD,UAAU,CAAC,CAAC6B,CAAD,CAAMC,CAAN,CAAD,CADjB,CAEE,SAAS,CAAEjB,UAAU,CAAC,CAAEqB,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAACC,CAAD,CAAjB,CAFvB,CAGE,KAAK,gCACAa,CADA,wBAEF,oBAFE,CAE+BJ,CAAe,uBAC9BA,CAD8B,MAE7C,CAJD,EAHP,EAUE,yCACE,SAAS,CAAEhC,UAAU,CAAC,OAAD,CAAU,CAC7B2B,WAAW,CAAXA,CAD6B,CAE7BM,YAAY,CAAZA,CAF6B,CAAV,CADvB,EAKMI,CALN,EAOE,oBAAC,YAAD,EACE,SAAS,CAAErC,UAAU,CAAC,MAAD,CAAS,CAAEsC,QAAQ,CAAEL,CAAZ,CAAT,CADvB,CAEE,IAAI,CAAE3C,QAAQ,CAACW,WAAD,CAAcoB,CAAd,CAFhB,CAGE,IAAI,CAAEQ,CAHR,CAIE,SAAS,CAAEC,CAJb,CAKE,MAAM,CAAEL,CALV,CAME,SAAS,CAAES,CANb,CAOE,cAAc,CAAEC,CAPlB,EAPF,CAgBoB,QAAjB,QAAOf,EAAP,CACC,2BAAK,SAAS,CAAEpB,UAAU,CAAC,WAAD,CAA1B,EAA0CoB,CAA1C,CADD,CAGC,oBAAC,IAAD,EAAM,SAAS,CAAEpB,UAAU,CAAC,WAAD,CAA3B,CAA0C,IAAI,CAAEsB,CAAhD,CAAsD,IAAI,CAAED,CAA5D,EACGD,CADH,CAnBJ,CAuBoB,MAAjB,GAAAa,CAAY,EAAe/B,UAAU,CAAC6B,CAAD,CAvBxC,CAVF,CAmCE,2BACE,KAAK,oBACF,4BADE,CACuCrB,YAAY,CACpDS,CADoD,CAEpDK,CAFoD,CADnD,CADP,CAOE,SAAS,CAAExB,UAAU,CAAC,MAAD,CAAS,CAAEyB,MAAM,CAANA,CAAF,CAAUG,OAAO,CAAPA,CAAV,CAAT,CAPvB,EASE,2BAAK,GAAG,CAAEV,CAAV,CAAsB,SAAS,CAAElB,UAAU,CAAC,SAAD,CAA3C,EACG0B,CADH,CATF,CAnCF,CAkDH,CAhF0C,CAApC,CAkFP"}
+{"version":3,"file":"Collapse.js","names":["IconArrowDown","React","useRef","useComponentSize","useForkRef","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","getMaxHeight","height","maxHeight","Collapse","forwardRef","props","ref","collapseRef","contentRef","contentHeight","label","size","view","className","maxContentHeight","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport React, { useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport { CollapseIcon } from './CollapseIcon/CollapseIcon';\nimport {\n  CollapseComponent,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  CollapseProps,\n  CollapsePropSize,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nconst getMaxHeight = (height: number, maxHeight?: number | string) => {\n  if (maxHeight) {\n    return typeof maxHeight === 'string' ? maxHeight : `${maxHeight}px`;\n  }\n  return `${height}px`;\n};\n\nexport const Collapse: CollapseComponent = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const { height: contentHeight } = useComponentSize(contentRef);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    maxContentHeight,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view }, [className])}\n      style={{\n        ...style,\n        ['--horizontal-space' as string]: horizontalSpace\n          ? `var(--space-${horizontalSpace})`\n          : 0,\n      }}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        {typeof label === 'object' ? (\n          <div className={cnCollapse('LabelText')}>{label}</div>\n        ) : (\n          <Text className={cnCollapse('LabelText')} view={view} size={size}>\n            {label}\n          </Text>\n        )}\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div\n        style={{\n          ['--collapse-body-max-height' as string]: getMaxHeight(\n            contentHeight,\n            maxContentHeight,\n          ),\n        }}\n        className={cnCollapse('Body', { isOpen, divider })}\n      >\n        <div ref={contentRef} className={cnCollapse('Content')}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","closeIcon","direction","closeDirection","isOpen","className"];import"./CollapseIcon.css";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{cnIcon}from"../../../icons/Icon";import{cn}from"../../../utils/bem";var cnCollapseIcon=cn("CollapseIcon"),animateTimeout=300;export var CollapseIcon=function(a){var b=a.size,c=a.icon,d=a.closeIcon,e=a.direction,f=a.closeDirection,g=a.isOpen,h=a.className,i=_objectWithoutProperties(a,_excluded),j=useRef(null),k=useRef(null);return d?React.createElement("span",{className:cnCollapseIcon("Wrapper",[cnIcon({size:b}),h])},React.createElement(Transition,{in:!g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:j},function(a){return React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:j}))}),React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:k},function(a){return React.createElement(d,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:k}))})):React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({isOpen:g,direction:e,closeDirection:f},[h]),size:b}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","closeIcon","direction","closeDirection","isOpen","className"];import"./CollapseIcon.css";import{cnIcon}from"@consta/icons/Icon";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{cn}from"../../../utils/bem";var cnCollapseIcon=cn("CollapseIcon"),animateTimeout=300;export var CollapseIcon=function(a){var b=a.size,c=a.icon,d=a.closeIcon,e=a.direction,f=a.closeDirection,g=a.isOpen,h=a.className,i=_objectWithoutProperties(a,_excluded),j=useRef(null),k=useRef(null);return d?React.createElement("span",{className:cnCollapseIcon("Wrapper",[cnIcon({size:b}),h])},React.createElement(Transition,{in:!g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:j},function(a){return React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:j}))}),React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:k},function(a){return React.createElement(d,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:k}))})):React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({isOpen:g,direction:e,closeDirection:f},[h]),size:b}))};
 //# sourceMappingURL=CollapseIcon.js.map

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseIcon.js","names":["React","useRef","Transition","cnIcon","cn","cnCollapseIcon","animateTimeout","CollapseIcon","props","size","Icon","icon","CloseIcon","closeIcon","direction","closeDirection","isOpen","className","otherProps","iconRef","closeIconRef","animate"],"sources":["../../../../../../src/components/Collapse/CollapseIcon/CollapseIcon.tsx"],"sourcesContent":["import './CollapseIcon.css';\n\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnIcon } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\n\nimport { CollapseIconProps } from '../types';\n\nconst cnCollapseIcon = cn('CollapseIcon');\nconst animateTimeout = 300;\n\nexport const CollapseIcon: React.FC<CollapseIconProps> = (props) => {\n  const {\n    size,\n    icon: Icon,\n    closeIcon: CloseIcon,\n    direction,\n    closeDirection,\n    isOpen,\n    className,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n  const closeIconRef = useRef<HTMLSpanElement>(null);\n\n  if (CloseIcon) {\n    return (\n      <span\n        className={cnCollapseIcon('Wrapper', [cnIcon({ size }), className])}\n      >\n        <Transition\n          in={!isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={iconRef}\n        >\n          {(animate) => (\n            <Icon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={iconRef}\n            />\n          )}\n        </Transition>\n        <Transition\n          in={isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={closeIconRef}\n        >\n          {(animate) => (\n            <CloseIcon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={closeIconRef}\n            />\n          )}\n        </Transition>\n      </span>\n    );\n  }\n  return (\n    <Icon\n      {...otherProps}\n      className={cnCollapseIcon({ isOpen, direction, closeDirection }, [\n        className,\n      ])}\n      size={size}\n    />\n  );\n};\n"],"mappings":"iLAAA,2BAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,2BACA,OAASC,EAAT,0B,GAIMC,eAAc,CAAGD,EAAE,CAAC,cAAD,C,CACnBE,cAAc,CAAG,G,CAEvB,MAAO,IAAMC,aAAyC,CAAG,SAACC,CAAD,CAAW,IAEhEC,EAFgE,CAU9DD,CAV8D,CAEhEC,IAFgE,CAG1DC,CAH0D,CAU9DF,CAV8D,CAGhEG,IAHgE,CAIrDC,CAJqD,CAU9DJ,CAV8D,CAIhEK,SAJgE,CAKhEC,CALgE,CAU9DN,CAV8D,CAKhEM,SALgE,CAMhEC,CANgE,CAU9DP,CAV8D,CAMhEO,cANgE,CAOhEC,CAPgE,CAU9DR,CAV8D,CAOhEQ,MAPgE,CAQhEC,CARgE,CAU9DT,CAV8D,CAQhES,SARgE,CAS7DC,CAT6D,0BAU9DV,CAV8D,YAY5DW,CAAO,CAAGlB,MAAM,CAAkB,IAAlB,CAZ4C,CAa5DmB,CAAY,CAAGnB,MAAM,CAAkB,IAAlB,CAbuC,OAe9DW,EAf8D,CAiB9D,4BACE,SAAS,CAAEP,cAAc,CAAC,SAAD,CAAY,CAACF,MAAM,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAP,CAAmBQ,CAAnB,CAAZ,CAD3B,EAGE,oBAAC,UAAD,EACE,GAAI,CAACD,CADP,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEa,CAJX,EAMG,SAACE,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEU,CAJP,GADD,CANH,CAHF,CAkBE,oBAAC,UAAD,EACE,GAAIH,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEc,CAJX,EAMG,SAACC,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEW,CAJP,GADD,CANH,CAlBF,CAjB8D,CAsDhE,oBAAC,CAAD,kBACMF,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEW,MAAM,CAANA,CAAF,CAAUF,SAAS,CAATA,CAAV,CAAqBC,cAAc,CAAdA,CAArB,CAAD,CAAwC,CAC/DE,CAD+D,CAAxC,CAF3B,CAKE,IAAI,CAAER,CALR,GAQH,CA9DM"}
+{"version":3,"file":"CollapseIcon.js","names":["cnIcon","React","useRef","Transition","cn","cnCollapseIcon","animateTimeout","CollapseIcon","props","size","Icon","icon","CloseIcon","closeIcon","direction","closeDirection","isOpen","className","otherProps","iconRef","closeIconRef","animate"],"sources":["../../../../../../src/components/Collapse/CollapseIcon/CollapseIcon.tsx"],"sourcesContent":["import './CollapseIcon.css';\n\nimport { cnIcon } from '@consta/icons/Icon';\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cn } from '##/utils/bem';\n\nimport { CollapseIconProps } from '../types';\n\nconst cnCollapseIcon = cn('CollapseIcon');\nconst animateTimeout = 300;\n\nexport const CollapseIcon: React.FC<CollapseIconProps> = (props) => {\n  const {\n    size,\n    icon: Icon,\n    closeIcon: CloseIcon,\n    direction,\n    closeDirection,\n    isOpen,\n    className,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n  const closeIconRef = useRef<HTMLSpanElement>(null);\n\n  if (CloseIcon) {\n    return (\n      <span\n        className={cnCollapseIcon('Wrapper', [cnIcon({ size }), className])}\n      >\n        <Transition\n          in={!isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={iconRef}\n        >\n          {(animate) => (\n            <Icon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={iconRef}\n            />\n          )}\n        </Transition>\n        <Transition\n          in={isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={closeIconRef}\n        >\n          {(animate) => (\n            <CloseIcon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={closeIconRef}\n            />\n          )}\n        </Transition>\n      </span>\n    );\n  }\n  return (\n    <Icon\n      {...otherProps}\n      className={cnCollapseIcon({ isOpen, direction, closeDirection }, [\n        className,\n      ])}\n      size={size}\n    />\n  );\n};\n"],"mappings":"iLAAA,2BAEA,OAASA,MAAT,KAAuB,oBAAvB,CACA,MAAOC,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,EAAT,0B,GAIMC,eAAc,CAAGD,EAAE,CAAC,cAAD,C,CACnBE,cAAc,CAAG,G,CAEvB,MAAO,IAAMC,aAAyC,CAAG,SAACC,CAAD,CAAW,IAEhEC,EAFgE,CAU9DD,CAV8D,CAEhEC,IAFgE,CAG1DC,CAH0D,CAU9DF,CAV8D,CAGhEG,IAHgE,CAIrDC,CAJqD,CAU9DJ,CAV8D,CAIhEK,SAJgE,CAKhEC,CALgE,CAU9DN,CAV8D,CAKhEM,SALgE,CAMhEC,CANgE,CAU9DP,CAV8D,CAMhEO,cANgE,CAOhEC,CAPgE,CAU9DR,CAV8D,CAOhEQ,MAPgE,CAQhEC,CARgE,CAU9DT,CAV8D,CAQhES,SARgE,CAS7DC,CAT6D,0BAU9DV,CAV8D,YAY5DW,CAAO,CAAGjB,MAAM,CAAkB,IAAlB,CAZ4C,CAa5DkB,CAAY,CAAGlB,MAAM,CAAkB,IAAlB,CAbuC,OAe9DU,EAf8D,CAiB9D,4BACE,SAAS,CAAEP,cAAc,CAAC,SAAD,CAAY,CAACL,MAAM,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAD,CAAP,CAAmBQ,CAAnB,CAAZ,CAD3B,EAGE,oBAAC,UAAD,EACE,GAAI,CAACD,CADP,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEa,CAJX,EAMG,SAACE,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEU,CAJP,GADD,CANH,CAHF,CAkBE,oBAAC,UAAD,EACE,GAAIH,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEc,CAJX,EAMG,SAACC,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEW,CAJP,GADD,CANH,CAlBF,CAjB8D,CAsDhE,oBAAC,CAAD,kBACMF,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEW,MAAM,CAANA,CAAF,CAAUF,SAAS,CAATA,CAAV,CAAqBC,cAAc,CAAdA,CAArB,CAAD,CAAwC,CAC/DE,CAD+D,CAAxC,CAF3B,CAKE,IAAI,CAAER,CALR,GAQH,CA9DM"}

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

@@ -1,5 +1,5 @@
+import { IconComponent, IconProps, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconProps, IconPropSize } from "../../icons/Icon";
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare const collapsePropSize: readonly ["m", "l", "s", "xs", "2xs"];
 export declare type CollapsePropSize = typeof collapsePropSize[number];

package/__internal__/src/components/Collapse/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent, IconProps, IconPropSize } from '##/icons/Icon';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: React.ReactNode;\n    maxContentHeight?: string | number;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n  props: CollapseProps,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA0BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB"}
+{"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import { IconComponent, IconProps, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: React.ReactNode;\n    maxContentHeight?: string | number;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n  props: CollapseProps,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA0BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB"}

package/__internal__/src/components/CollapseGroup/CollapseGroup.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon"];import React,{forwardRef}from"react";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{Collapse,collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"../Collapse/Collapse";import{withDefaultGetters}from"./helpers";import{useChoice}from"./useChoice";var CollapseGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemLabel,f=c.getItemContent,g=c.size,h=void 0===g?collapsePropSizeDefault:g,i=c.view,j=void 0===i?collapsePropViewDefault:i,k=c.hoverEffect,l=c.divider,m=c.icon,n=void 0===m?IconArrowDown:m,o=c.closeIcon,p=c.getItemRightSide,q=c.horizontalSpace,r=c.iconPosition,s=void 0===r?collapsePropIconPositionDefault:r,t=c.directionIcon,u=void 0===t?collapsePropDirectionIconDefault:t,v=c.closeDirectionIcon,w=void 0===v?collapsePropCloseDirectionIconDefault:v,x=_objectWithoutProperties(c,_excluded),y=useChoice(a),z=y.getChecked,A=y.getOnChange;return React.createElement("div",Object.assign({ref:b},x),d.map(function(a,b){return React.createElement(Collapse,Object.assign({label:e(a),key:b,size:h,view:j,horizontalSpace:q,icon:n,hoverEffect:k,divider:l,isOpen:z(b),onClick:A(b)},"left"===s?{iconPosition:s,rightSide:p(a)}:{iconPosition:s},o?{closeIcon:o}:{directionIcon:u,closeDirectionIcon:w}),f(a))}))};export var CollapseGroup=forwardRef(CollapseGroupRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon"];import{IconArrowDown}from"@consta/icons/IconArrowDown";import React,{forwardRef}from"react";import{Collapse,collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"../Collapse/Collapse";import{withDefaultGetters}from"./helpers";import{useChoice}from"./useChoice";var CollapseGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemLabel,f=c.getItemContent,g=c.size,h=void 0===g?collapsePropSizeDefault:g,i=c.view,j=void 0===i?collapsePropViewDefault:i,k=c.hoverEffect,l=c.divider,m=c.icon,n=void 0===m?IconArrowDown:m,o=c.closeIcon,p=c.getItemRightSide,q=c.horizontalSpace,r=c.iconPosition,s=void 0===r?collapsePropIconPositionDefault:r,t=c.directionIcon,u=void 0===t?collapsePropDirectionIconDefault:t,v=c.closeDirectionIcon,w=void 0===v?collapsePropCloseDirectionIconDefault:v,x=_objectWithoutProperties(c,_excluded),y=useChoice(a),z=y.getChecked,A=y.getOnChange;return React.createElement("div",Object.assign({ref:b},x),d.map(function(a,b){return React.createElement(Collapse,Object.assign({label:e(a),key:b,size:h,view:j,horizontalSpace:q,icon:n,hoverEffect:k,divider:l,isOpen:z(b),onClick:A(b)},"left"===s?{iconPosition:s,rightSide:p(a)}:{iconPosition:s},o?{closeIcon:o}:{directionIcon:u,closeDirectionIcon:w}),f(a))}))};export var CollapseGroup=forwardRef(CollapseGroupRender);export*from"./helpers";
 //# sourceMappingURL=CollapseGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapseGroup.js","names":["React","forwardRef","IconArrowDown","Collapse","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","withDefaultGetters","useChoice","CollapseGroupRender","props","ref","items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","otherProps","getChecked","getOnChange","map","item","index","rightSide","CollapseGroup"],"sources":["../../../../../src/components/CollapseGroup/CollapseGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport {\n  Collapse,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from '../Collapse/Collapse';\nimport {\n  CollapseGroupComponent,\n  CollapseGroupRenderFunction,\n  withDefaultGetters,\n} from './helpers';\nimport { useChoice } from './useChoice';\n\nconst CollapseGroupRender: CollapseGroupRenderFunction = (props, ref) => {\n  const {\n    items,\n    getItemLabel,\n    getItemContent,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    getItemRightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getChecked, getOnChange } = useChoice(props);\n\n  return (\n    <div ref={ref} {...otherProps}>\n      {items.map((item, index) => {\n        return (\n          <Collapse\n            label={getItemLabel(item)}\n            key={index}\n            size={size}\n            view={view}\n            horizontalSpace={horizontalSpace}\n            icon={icon}\n            hoverEffect={hoverEffect}\n            divider={divider}\n            isOpen={getChecked(index)}\n            onClick={getOnChange(index)}\n            {...(iconPosition === 'left'\n              ? {\n                  iconPosition,\n                  rightSide: getItemRightSide(item),\n                }\n              : { iconPosition })}\n            {...(closeIcon\n              ? { closeIcon }\n              : {\n                  directionIcon,\n                  closeDirectionIcon,\n                })}\n          >\n            {getItemContent(item)}\n          </Collapse>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const CollapseGroup = forwardRef(\n  CollapseGroupRender,\n) as CollapseGroupComponent;\n\nexport * from './helpers';\n"],"mappings":"+RAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,aAAT,+CACA,OACEC,QADF,CAEEC,qCAFF,CAGEC,gCAHF,CAIEC,+BAJF,CAKEC,uBALF,CAMEC,uBANF,4BAQA,OAGEC,kBAHF,iBAKA,OAASC,SAAT,mBAEA,GAAMC,oBAAgD,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAiBnEJ,kBAAkB,CAACG,CAAD,CAjBiD,CAErEE,CAFqE,GAErEA,KAFqE,CAGrEC,CAHqE,GAGrEA,YAHqE,CAIrEC,CAJqE,GAIrEA,cAJqE,KAKrEC,IALqE,CAKrEA,CALqE,YAK9DV,uBAL8D,OAMrEW,IANqE,CAMrEA,CANqE,YAM9DV,uBAN8D,GAOrEW,CAPqE,GAOrEA,WAPqE,CAQrEC,CARqE,GAQrEA,OARqE,KASrEC,IATqE,CASrEA,CATqE,YAS9DnB,aAT8D,GAUrEoB,CAVqE,GAUrEA,SAVqE,CAWrEC,CAXqE,GAWrEA,gBAXqE,CAYrEC,CAZqE,GAYrEA,eAZqE,KAarEC,YAbqE,CAarEA,CAbqE,YAatDnB,+BAbsD,OAcrEoB,aAdqE,CAcrEA,CAdqE,YAcrDrB,gCAdqD,OAerEsB,kBAfqE,CAerEA,CAfqE,YAehDvB,qCAfgD,GAgBlEwB,CAhBkE,yCAmBnClB,SAAS,CAACE,CAAD,CAnB0B,CAmB/DiB,CAnB+D,GAmB/DA,UAnB+D,CAmBnDC,CAnBmD,GAmBnDA,WAnBmD,CAqBvE,MACE,0CAAK,GAAG,CAAEjB,CAAV,EAAmBe,CAAnB,EACGd,CAAK,CAACiB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC1B,MACE,qBAAC,QAAD,gBACE,KAAK,CAAElB,CAAY,CAACiB,CAAD,CADrB,CAEE,GAAG,CAAEC,CAFP,CAGE,IAAI,CAAEhB,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,eAAe,CAAEM,CALnB,CAME,IAAI,CAAEH,CANR,CAOE,WAAW,CAAEF,CAPf,CAQE,OAAO,CAAEC,CARX,CASE,MAAM,CAAES,CAAU,CAACI,CAAD,CATpB,CAUE,OAAO,CAAEH,CAAW,CAACG,CAAD,CAVtB,EAWwB,MAAjB,GAAAR,CAAY,CACb,CACEA,YAAY,CAAZA,CADF,CAEES,SAAS,CAAEX,CAAgB,CAACS,CAAD,CAF7B,CADa,CAKb,CAAEP,YAAY,CAAZA,CAAF,CAhBN,CAiBOH,CAAS,CACV,CAAEA,SAAS,CAATA,CAAF,CADU,CAEV,CACEI,aAAa,CAAbA,CADF,CAEEC,kBAAkB,CAAlBA,CAFF,CAnBN,EAwBGX,CAAc,CAACgB,CAAD,CAxBjB,CA2BH,CA7BA,CADH,CAiCH,CAvDD,CAyDA,MAAO,IAAMG,cAAa,CAAGlC,UAAU,CACrCU,mBADqC,CAAhC,CAIP"}
+{"version":3,"file":"CollapseGroup.js","names":["IconArrowDown","React","forwardRef","Collapse","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","withDefaultGetters","useChoice","CollapseGroupRender","props","ref","items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","otherProps","getChecked","getOnChange","map","item","index","rightSide","CollapseGroup"],"sources":["../../../../../src/components/CollapseGroup/CollapseGroup.tsx"],"sourcesContent":["import { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Collapse,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from '../Collapse/Collapse';\nimport {\n  CollapseGroupComponent,\n  CollapseGroupRenderFunction,\n  withDefaultGetters,\n} from './helpers';\nimport { useChoice } from './useChoice';\n\nconst CollapseGroupRender: CollapseGroupRenderFunction = (props, ref) => {\n  const {\n    items,\n    getItemLabel,\n    getItemContent,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    getItemRightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getChecked, getOnChange } = useChoice(props);\n\n  return (\n    <div ref={ref} {...otherProps}>\n      {items.map((item, index) => {\n        return (\n          <Collapse\n            label={getItemLabel(item)}\n            key={index}\n            size={size}\n            view={view}\n            horizontalSpace={horizontalSpace}\n            icon={icon}\n            hoverEffect={hoverEffect}\n            divider={divider}\n            isOpen={getChecked(index)}\n            onClick={getOnChange(index)}\n            {...(iconPosition === 'left'\n              ? {\n                  iconPosition,\n                  rightSide: getItemRightSide(item),\n                }\n              : { iconPosition })}\n            {...(closeIcon\n              ? { closeIcon }\n              : {\n                  directionIcon,\n                  closeDirectionIcon,\n                })}\n          >\n            {getItemContent(item)}\n          </Collapse>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const CollapseGroup = forwardRef(\n  CollapseGroupRender,\n) as CollapseGroupComponent;\n\nexport * from './helpers';\n"],"mappings":"+RAAA,OAASA,aAAT,KAA8B,6BAA9B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,QADF,CAEEC,qCAFF,CAGEC,gCAHF,CAIEC,+BAJF,CAKEC,uBALF,CAMEC,uBANF,4BAQA,OAGEC,kBAHF,iBAKA,OAASC,SAAT,mBAEA,GAAMC,oBAAgD,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAiBnEJ,kBAAkB,CAACG,CAAD,CAjBiD,CAErEE,CAFqE,GAErEA,KAFqE,CAGrEC,CAHqE,GAGrEA,YAHqE,CAIrEC,CAJqE,GAIrEA,cAJqE,KAKrEC,IALqE,CAKrEA,CALqE,YAK9DV,uBAL8D,OAMrEW,IANqE,CAMrEA,CANqE,YAM9DV,uBAN8D,GAOrEW,CAPqE,GAOrEA,WAPqE,CAQrEC,CARqE,GAQrEA,OARqE,KASrEC,IATqE,CASrEA,CATqE,YAS9DrB,aAT8D,GAUrEsB,CAVqE,GAUrEA,SAVqE,CAWrEC,CAXqE,GAWrEA,gBAXqE,CAYrEC,CAZqE,GAYrEA,eAZqE,KAarEC,YAbqE,CAarEA,CAbqE,YAatDnB,+BAbsD,OAcrEoB,aAdqE,CAcrEA,CAdqE,YAcrDrB,gCAdqD,OAerEsB,kBAfqE,CAerEA,CAfqE,YAehDvB,qCAfgD,GAgBlEwB,CAhBkE,yCAmBnClB,SAAS,CAACE,CAAD,CAnB0B,CAmB/DiB,CAnB+D,GAmB/DA,UAnB+D,CAmBnDC,CAnBmD,GAmBnDA,WAnBmD,CAqBvE,MACE,0CAAK,GAAG,CAAEjB,CAAV,EAAmBe,CAAnB,EACGd,CAAK,CAACiB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC1B,MACE,qBAAC,QAAD,gBACE,KAAK,CAAElB,CAAY,CAACiB,CAAD,CADrB,CAEE,GAAG,CAAEC,CAFP,CAGE,IAAI,CAAEhB,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,eAAe,CAAEM,CALnB,CAME,IAAI,CAAEH,CANR,CAOE,WAAW,CAAEF,CAPf,CAQE,OAAO,CAAEC,CARX,CASE,MAAM,CAAES,CAAU,CAACI,CAAD,CATpB,CAUE,OAAO,CAAEH,CAAW,CAACG,CAAD,CAVtB,EAWwB,MAAjB,GAAAR,CAAY,CACb,CACEA,YAAY,CAAZA,CADF,CAEES,SAAS,CAAEX,CAAgB,CAACS,CAAD,CAF7B,CADa,CAKb,CAAEP,YAAY,CAAZA,CAAF,CAhBN,CAiBOH,CAAS,CACV,CAAEA,SAAS,CAATA,CAAF,CADU,CAEV,CACEI,aAAa,CAAbA,CADF,CAEEC,kBAAkB,CAAlBA,CAFF,CAnBN,EAwBGX,CAAc,CAACgB,CAAD,CAxBjB,CA2BH,CA7BA,CADH,CAiCH,CAvDD,CAyDA,MAAO,IAAMG,cAAa,CAAGjC,UAAU,CACrCS,mBADqC,CAAhC,CAIP"}

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

@@ -1,5 +1,5 @@
+import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { CollapseIconPropDirection, CollapsePropHorizontalSpace, CollapsePropSize, CollapsePropView } from '../Collapse/Collapse';
 export declare type DefaultItem = {
@@ -63,9 +63,9 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     children?: undefined;
     icon?: IconComponent | undefined;
     divider?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | "2xs" | undefined;
+    size?: "s" | "m" | "xs" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
-    horizontalSpace?: "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
+    horizontalSpace?: "s" | "m" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
     hoverEffect?: boolean | undefined;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
@@ -78,7 +78,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
 } & {
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "view" | "size" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "view" | "children" | "size" | "css" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: React.ReactNode;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
@@ -96,9 +96,9 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     children?: undefined;
     icon?: IconComponent | undefined;
     divider?: boolean | undefined;
-    size?: "m" | "s" | "xs" | "l" | "2xs" | undefined;
+    size?: "s" | "m" | "xs" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
-    horizontalSpace?: "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
+    horizontalSpace?: "s" | "m" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
     hoverEffect?: boolean | undefined;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
@@ -111,7 +111,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
 } & {
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "view" | "size" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "view" | "children" | "size" | "css" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: React.ReactNode;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;

package/__internal__/src/components/CollapseGroup/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemContent","content","defaultGetItemRightSide","rightSide","withDefaultGetters","props","getItemLabel","getItemContent","getItemRightSide"],"sources":["../../../../../src/components/CollapseGroup/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  CollapseIconPropDirection,\n  CollapsePropHorizontalSpace,\n  CollapsePropSize,\n  CollapsePropView,\n} from '../Collapse/Collapse';\n\nexport type DefaultItem = {\n  label: React.ReactNode;\n  content: React.ReactNode;\n  rightSide?: React.ReactNode | React.ReactNode[];\n};\n\nexport type CollapseGroupPropOnOpen<IS_ACCORDION> = (params: {\n  e: React.MouseEvent<HTMLDivElement, MouseEvent>;\n  value: (IS_ACCORDION extends true ? number : number[]) | null;\n}) => void;\n\nexport type CollapseGroupPropOpened<IS_ACCORDION> =\n  | (IS_ACCORDION extends true ? number : number[])\n  | null\n  | undefined;\n\ntype CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | React.ReactNode[] | undefined;\n\nexport type CollapseGroupProps<\n  ITEM,\n  IS_ACCORDION extends boolean,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    isAccordion?: IS_ACCORDION;\n    children?: never;\n    icon?: IconComponent;\n    divider?: boolean;\n    size?: CollapsePropSize;\n    view?: CollapsePropView;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION>;\n    opened?: CollapseGroupPropOpened<IS_ACCORDION>;\n    getItemLabel?: CollapseGroupPropGetItemLabel<ITEM>;\n    getItemContent?: CollapseGroupPropGetItemContent<ITEM>;\n  } & (\n    | {\n        closeIcon: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM>;\n        }\n      | {\n          iconPosition?: 'right';\n          getItemRightSide?: never;\n        }\n    ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: CollapseGroupPropGetItemLabel<ITEM> }) &\n  (ITEM extends { content: DefaultItem['content'] }\n    ? {}\n    : { getItemContent: CollapseGroupPropGetItemContent<ITEM> });\n\nexport const defaultGetItemLabel: CollapseGroupPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemContent: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.content;\nexport const defaultGetItemRightSide: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.rightSide;\n\nexport type CollapseGroupComponent = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) => React.ReactElement | null;\n\nexport type CollapseGroupRenderFunction = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n  };\n}\n"],"mappings":"qqBAkFA,MAAO,IAAMA,oBAA+D,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,KAFqE,CAAxE,CAGP,MAAO,IAAMC,sBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,OAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,SAAf,CAFG,CAmBP,MAAO,SAASC,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBT,mBAFtC,CAGEU,cAAc,CAAEF,CAAK,CAACE,cAAN,EAAwBP,qBAH1C,CAIEQ,gBAAgB,CAAEH,CAAK,CAACG,gBAAN,EAA0BN,uBAJ9C,EAMD"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemContent","content","defaultGetItemRightSide","rightSide","withDefaultGetters","props","getItemLabel","getItemContent","getItemRightSide"],"sources":["../../../../../src/components/CollapseGroup/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  CollapseIconPropDirection,\n  CollapsePropHorizontalSpace,\n  CollapsePropSize,\n  CollapsePropView,\n} from '../Collapse/Collapse';\n\nexport type DefaultItem = {\n  label: React.ReactNode;\n  content: React.ReactNode;\n  rightSide?: React.ReactNode | React.ReactNode[];\n};\n\nexport type CollapseGroupPropOnOpen<IS_ACCORDION> = (params: {\n  e: React.MouseEvent<HTMLDivElement, MouseEvent>;\n  value: (IS_ACCORDION extends true ? number : number[]) | null;\n}) => void;\n\nexport type CollapseGroupPropOpened<IS_ACCORDION> =\n  | (IS_ACCORDION extends true ? number : number[])\n  | null\n  | undefined;\n\ntype CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | React.ReactNode[] | undefined;\n\nexport type CollapseGroupProps<\n  ITEM,\n  IS_ACCORDION extends boolean,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    isAccordion?: IS_ACCORDION;\n    children?: never;\n    icon?: IconComponent;\n    divider?: boolean;\n    size?: CollapsePropSize;\n    view?: CollapsePropView;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION>;\n    opened?: CollapseGroupPropOpened<IS_ACCORDION>;\n    getItemLabel?: CollapseGroupPropGetItemLabel<ITEM>;\n    getItemContent?: CollapseGroupPropGetItemContent<ITEM>;\n  } & (\n    | {\n        closeIcon: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM>;\n        }\n      | {\n          iconPosition?: 'right';\n          getItemRightSide?: never;\n        }\n    ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: CollapseGroupPropGetItemLabel<ITEM> }) &\n  (ITEM extends { content: DefaultItem['content'] }\n    ? {}\n    : { getItemContent: CollapseGroupPropGetItemContent<ITEM> });\n\nexport const defaultGetItemLabel: CollapseGroupPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemContent: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.content;\nexport const defaultGetItemRightSide: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.rightSide;\n\nexport type CollapseGroupComponent = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) => React.ReactElement | null;\n\nexport type CollapseGroupRenderFunction = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n  };\n}\n"],"mappings":"qqBAkFA,MAAO,IAAMA,oBAA+D,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,KAFqE,CAAxE,CAGP,MAAO,IAAMC,sBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,OAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,SAAf,CAFG,CAmBP,MAAO,SAASC,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBT,mBAFtC,CAGEU,cAAc,CAAEF,CAAK,CAACE,cAAN,EAAwBP,qBAH1C,CAIEQ,gBAAgB,CAAEH,CAAK,CAACG,gBAAN,EAA0BN,uBAJ9C,EAMD"}

package/__internal__/src/components/Combobox/Combobox.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","onInputChange","searchFunction","isLoading","multiple","style","dropdownForm"];import"../SelectComponents/Select.css";import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{IconClose}from"../../icons/IconClose/IconClose";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponents/cnSelect";import{defaultlabelForCreate,defaultLabelForEmptyItems,defaultlabelForNotFound,getInputWidth}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{SelectValueTag}from"../SelectComponents/SelectValueTag/SelectValueTag";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{isMultipleParams,isNotMultipleParams,withDefaultGetters}from"./helpers";export var COMPONENT_NAME="Combobox";var ComboboxRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.required,r=g.dropdownRef,s=void 0===r?c:r,t=g.form,u=void 0===t?defaultPropForm:t,v=g.view,w=void 0===v?defaultPropView:v,x=g.size,y=void 0===x?defaultPropSize:x,z=g.dropdownClassName,A=g.name,B=g.groups,C=void 0===B?[]:B,D=g.getItemLabel,E=g.getItemKey,F=g.getItemGroupKey,G=g.getItemDisabled,H=g.getGroupKey,I=g.getGroupLabel,J=g.renderItem,K=g.renderValue,L=g.onCreate,M=g.inputRef,N=g.labelForNotFound,O=void 0===N?defaultlabelForNotFound:N,P=g.labelForCreate,Q=void 0===P?defaultlabelForCreate:P,R=g.labelForEmptyItems,S=void 0===R?defaultLabelForEmptyItems:R,T=g.onInputChange,U=g.searchFunction,V=g.isLoading,W=g.multiple,X=void 0!==W&&W,Y=g.style,Z=g.dropdownForm,$=void 0===Z?"default":Z,_=_objectWithoutProperties(g,_excluded),aa=useSelect({items:k,groups:C,value:m,onChange:l,dropdownRef:s,controlRef:f,disabled:n,getItemLabel:D,getItemKey:E,getGroupKey:H,getItemGroupKey:F,getItemDisabled:G,multiple:X,onBlur:i,onFocus:j,onCreate:L,searchFunction:U}),ba=aa.getKeyProps,ca=aa.getOptionProps,da=aa.isOpen,ea=aa.visibleItems,fa=aa.isFocused,ga=aa.handleInputFocus,ha=aa.handleInputBlur,ia=aa.handleToggleDropdown,ja=aa.inputRef,ka=aa.handleInputClick,la=aa.handleInputChange,ma=aa.searchValue,na=aa.clearValue,oa=aa.getHandleRemoveValue,pa=aa.notFound,qa=aa.hasItems,ra=K||(X?function renderValueDefaultMultiple(a){var b=a.item,c=a.handleRemove;return React.createElement(SelectValueTag,{label:D(b),key:E(b),size:y,handleRemove:n?void 0:c})}:function renderValueDefaultNotMultiple(a){var b=D(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)}),sa=useForkRef([ja,M]),ta=function(a){la(a);var b=a.target.value;n||(null===T||void 0===T?void 0:T({e:a,id:p,name:A,value:b||null}))},ua=function(){var b=X?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return ra({item:a,handleRemove:oa(a)})}),isNotMultipleParams(a)&&a.value&&ra({item:a.value}),(!m||Array.isArray(m)&&0===m.length)&&!ma&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},ba(),{type:"text",name:A,onFocus:ga,onBlur:ha,"aria-label":o,onChange:ta,ref:sa,className:cnSelect("Input",{size:y,hide:!X&&!!m,multiple:X}),value:ma,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:fa,disabled:n,size:y,view:w,required:q,form:u,multiple:X,ref:b,type:"combobox",style:Y},_),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":da,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:ka,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},X?React.createElement("div",{className:cnSelect("ControlValue")},ua()):ua())),React.createElement("span",{className:cnSelect("Indicators")},m&&React.createElement("button",{type:"button",onClick:na,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClose,{size:"xs",className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ia},React.createElement(IconSelect,{size:"xs",className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},ma)),React.createElement(SelectDropdown,{isOpen:da,size:y,controlRef:f,getOptionProps:ca,dropdownRef:s,form:$,className:z,renderItem:J||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:D(b),active:c,hovered:d,multiple:X,size:y,indent:"round"===$?"increased":"normal",onClick:e,onMouseEnter:f,disabled:G(b)})},getGroupLabel:I,visibleItems:ea,labelForNotFound:O,labelForCreate:Q,isLoading:V,labelForEmptyItems:S,notFound:pa,hasItems:qa,style:"number"==typeof(null===Y||void 0===Y?void 0:Y.zIndex)?{zIndex:Y.zIndex+1}:void 0}))};export var Combobox=forwardRef(ComboboxRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","onInputChange","searchFunction","isLoading","multiple","style","dropdownForm"];import"../SelectComponents/Select.css";import{IconClose}from"@consta/icons/IconClose";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponents/cnSelect";import{defaultlabelForCreate,defaultLabelForEmptyItems,defaultlabelForNotFound,getInputWidth}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{SelectValueTag}from"../SelectComponents/SelectValueTag/SelectValueTag";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{isMultipleParams,isNotMultipleParams,withDefaultGetters}from"./helpers";export var COMPONENT_NAME="Combobox";var ComboboxRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.required,r=g.dropdownRef,s=void 0===r?c:r,t=g.form,u=void 0===t?defaultPropForm:t,v=g.view,w=void 0===v?defaultPropView:v,x=g.size,y=void 0===x?defaultPropSize:x,z=g.dropdownClassName,A=g.name,B=g.groups,C=void 0===B?[]:B,D=g.getItemLabel,E=g.getItemKey,F=g.getItemGroupKey,G=g.getItemDisabled,H=g.getGroupKey,I=g.getGroupLabel,J=g.renderItem,K=g.renderValue,L=g.onCreate,M=g.inputRef,N=g.labelForNotFound,O=void 0===N?defaultlabelForNotFound:N,P=g.labelForCreate,Q=void 0===P?defaultlabelForCreate:P,R=g.labelForEmptyItems,S=void 0===R?defaultLabelForEmptyItems:R,T=g.onInputChange,U=g.searchFunction,V=g.isLoading,W=g.multiple,X=void 0!==W&&W,Y=g.style,Z=g.dropdownForm,$=void 0===Z?"default":Z,_=_objectWithoutProperties(g,_excluded),aa=useSelect({items:k,groups:C,value:m,onChange:l,dropdownRef:s,controlRef:f,disabled:n,getItemLabel:D,getItemKey:E,getGroupKey:H,getItemGroupKey:F,getItemDisabled:G,multiple:X,onBlur:i,onFocus:j,onCreate:L,searchFunction:U}),ba=aa.getKeyProps,ca=aa.getOptionProps,da=aa.isOpen,ea=aa.visibleItems,fa=aa.isFocused,ga=aa.handleInputFocus,ha=aa.handleInputBlur,ia=aa.handleToggleDropdown,ja=aa.inputRef,ka=aa.handleInputClick,la=aa.handleInputChange,ma=aa.searchValue,na=aa.clearValue,oa=aa.getHandleRemoveValue,pa=aa.notFound,qa=aa.hasItems,ra=K||(X?function renderValueDefaultMultiple(a){var b=a.item,c=a.handleRemove;return React.createElement(SelectValueTag,{label:D(b),key:E(b),size:y,handleRemove:n?void 0:c})}:function renderValueDefaultNotMultiple(a){var b=D(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)}),sa=useForkRef([ja,M]),ta=function(a){la(a);var b=a.target.value;n||(null===T||void 0===T?void 0:T({e:a,id:p,name:A,value:b||null}))},ua=function(){var b=X?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return ra({item:a,handleRemove:oa(a)})}),isNotMultipleParams(a)&&a.value&&ra({item:a.value}),(!m||Array.isArray(m)&&0===m.length)&&!ma&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},ba(),{type:"text",name:A,onFocus:ga,onBlur:ha,"aria-label":o,onChange:ta,ref:sa,className:cnSelect("Input",{size:y,hide:!X&&!!m,multiple:X}),value:ma,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:fa,disabled:n,size:y,view:w,required:q,form:u,multiple:X,ref:b,type:"combobox",style:Y},_),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":da,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:ka,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},X?React.createElement("div",{className:cnSelect("ControlValue")},ua()):ua())),React.createElement("span",{className:cnSelect("Indicators")},m&&React.createElement("button",{type:"button",onClick:na,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClose,{size:"xs",className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ia},React.createElement(IconSelect,{size:"xs",className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},ma)),React.createElement(SelectDropdown,{isOpen:da,size:y,controlRef:f,getOptionProps:ca,dropdownRef:s,form:$,className:z,renderItem:J||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:D(b),active:c,hovered:d,multiple:X,size:y,indent:"round"===$?"increased":"normal",onClick:e,onMouseEnter:f,disabled:G(b)})},getGroupLabel:I,visibleItems:ea,labelForNotFound:O,labelForCreate:Q,isLoading:V,labelForEmptyItems:S,notFound:pa,hasItems:qa,style:"number"==typeof(null===Y||void 0===Y?void 0:Y.zIndex)?{zIndex:Y.zIndex+1}:void 0}))};export var Combobox=forwardRef(ComboboxRender);export*from"./helpers";
 //# sourceMappingURL=Combobox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["React","forwardRef","useRef","useForkRef","useSelect","IconClose","IconSelect","cnMixFocus","usePropsHandler","cnSelect","defaultlabelForCreate","defaultLabelForEmptyItems","defaultlabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","SelectItem","SelectValueTag","defaultPropForm","defaultPropSize","defaultPropView","isMultipleParams","isNotMultipleParams","withDefaultGetters","COMPONENT_NAME","ComboboxRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","onInputChange","searchFunction","isLoading","multiple","style","dropdownForm","otherProps","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","searchValue","clearValue","getHandleRemoveValue","notFound","hasItems","renderValueDefaultMultiple","item","handleRemove","renderValueDefaultNotMultiple","valueLable","inputRefForRender","handleChangeValue","e","target","renderControlValue","width","Array","isArray","map","length","hide","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Combobox"],"sources":["../../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import '../SelectComponents/Select.css';\n\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { IconClose } from '../../icons/IconClose/IconClose';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect } from '../SelectComponents/cnSelect';\nimport {\n  defaultlabelForCreate,\n  defaultLabelForEmptyItems,\n  defaultlabelForNotFound,\n  getInputWidth,\n} from '../SelectComponents/helpers';\nimport { SelectContainer } from '../SelectComponents/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '../SelectComponents/SelectItem/SelectItem';\nimport { SelectValueTag } from '../SelectComponents/SelectValueTag/SelectValueTag';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '../SelectComponents/types';\nimport {\n  ComboboxComponent,\n  ComboboxProps,\n  DefaultGroup,\n  DefaultItem,\n  isMultipleParams,\n  isNotMultipleParams,\n  PropRenderItem,\n  PropRenderValue,\n  withDefaultGetters,\n} from './helpers';\n\nexport const COMPONENT_NAME = 'Combobox' as const;\n\nconst ComboboxRender = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlInnerRef = useRef<HTMLDivElement>(null);\n  const helperInputFakeElement = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    disabled,\n    ariaLabel,\n    id,\n    required,\n    dropdownRef = defaultDropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    renderValue: renderValueProp,\n    onCreate,\n    inputRef: inputRefProp,\n    labelForNotFound = defaultlabelForNotFound,\n    labelForCreate = defaultlabelForCreate,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    onInputChange,\n    searchFunction,\n    isLoading,\n    multiple = false,\n    style,\n    dropdownForm = 'default',\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n  } = useSelect({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple,\n    onBlur,\n    onFocus,\n    onCreate,\n    searchFunction,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={multiple}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n      />\n    );\n  };\n\n  const renderValueDefaultMultiple: PropRenderValue<ITEM> = ({\n    item,\n    handleRemove,\n  }) => {\n    return (\n      <SelectValueTag\n        label={getItemLabel(item)}\n        key={getItemKey(item)}\n        size={size}\n        handleRemove={disabled ? undefined : handleRemove}\n      />\n    );\n  };\n\n  const renderValueDefaultNotMultiple: PropRenderValue<ITEM> = (props) => {\n    const valueLable = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={valueLable}>\n        {valueLable}\n      </span>\n    );\n  };\n\n  const renderValue =\n    renderValueProp ||\n    (multiple ? renderValueDefaultMultiple : renderValueDefaultNotMultiple);\n\n  const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n  const handleChangeValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleInputChange(e);\n    const { value } = e.target;\n    !disabled && onInputChange?.({ e, id, name, value: value || null });\n  };\n\n  const renderControlValue = () => {\n    const width = multiple\n      ? getInputWidth(controlInnerRef, helperInputFakeElement)\n      : undefined;\n    return (\n      <>\n        {isMultipleParams(props) &&\n          Array.isArray(props.value) &&\n          props.value.map((item) =>\n            renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n          )}\n        {isNotMultipleParams(props) &&\n          props.value &&\n          renderValue({ item: props.value })}\n        {(!value || (Array.isArray(value) && value.length === 0)) &&\n          !searchValue &&\n          placeholder && (\n            <span className={cnSelect('Placeholder')} title=\"placeholder\">\n              {placeholder}\n            </span>\n          )}\n        <input\n          {...getKeyProps()}\n          type=\"text\"\n          name={name}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          aria-label={ariaLabel}\n          onChange={handleChangeValue}\n          ref={inputRefForRender}\n          className={cnSelect('Input', {\n            size,\n            hide: !multiple && !!value,\n            multiple,\n          })}\n          value={searchValue}\n          style={{ width }}\n        />\n      </>\n    );\n  };\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        required={required}\n        form={form}\n        multiple={multiple}\n        ref={ref}\n        type=\"combobox\"\n        style={style}\n        {...otherProps}\n      >\n        <div\n          className={cnSelect('Control', { hasInput: true })}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div\n            className={cnSelect('ControlInner')}\n            onClick={handleInputClick}\n            role=\"button\"\n            ref={controlInnerRef}\n            aria-hidden=\"true\"\n          >\n            <div className={cnSelect('ControlValueContainer')}>\n              {multiple ? (\n                <div className={cnSelect('ControlValue')}>\n                  {renderControlValue()}\n                </div>\n              ) : (\n                renderControlValue()\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            {value && (\n              <button\n                type=\"button\"\n                onClick={clearValue}\n                className={cnSelect('ClearIndicator', [cnMixFocus()])}\n              >\n                <IconClose\n                  size=\"xs\"\n                  className={cnSelect('ClearIndicatorIcon')}\n                />\n              </button>\n            )}\n            <span className={cnSelect('Delimiter')} />\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size=\"xs\"\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n        <div\n          className={cnSelect('HelperInputFakeElement')}\n          ref={helperInputFakeElement}\n        >\n          {searchValue}\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        labelForNotFound={labelForNotFound}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        notFound={notFound}\n        hasItems={hasItems}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Combobox = forwardRef(ComboboxRender) as ComboboxComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["IconClose","IconSelect","React","forwardRef","useRef","useForkRef","useSelect","cnMixFocus","usePropsHandler","cnSelect","defaultlabelForCreate","defaultLabelForEmptyItems","defaultlabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","SelectItem","SelectValueTag","defaultPropForm","defaultPropSize","defaultPropView","isMultipleParams","isNotMultipleParams","withDefaultGetters","COMPONENT_NAME","ComboboxRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","onInputChange","searchFunction","isLoading","multiple","style","dropdownForm","otherProps","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","searchValue","clearValue","getHandleRemoveValue","notFound","hasItems","renderValueDefaultMultiple","item","handleRemove","renderValueDefaultNotMultiple","valueLable","inputRefForRender","handleChangeValue","e","target","renderControlValue","width","Array","isArray","map","length","hide","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Combobox"],"sources":["../../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import '../SelectComponents/Select.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect } from '../SelectComponents/cnSelect';\nimport {\n  defaultlabelForCreate,\n  defaultLabelForEmptyItems,\n  defaultlabelForNotFound,\n  getInputWidth,\n} from '../SelectComponents/helpers';\nimport { SelectContainer } from '../SelectComponents/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '../SelectComponents/SelectItem/SelectItem';\nimport { SelectValueTag } from '../SelectComponents/SelectValueTag/SelectValueTag';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '../SelectComponents/types';\nimport {\n  ComboboxComponent,\n  ComboboxProps,\n  DefaultGroup,\n  DefaultItem,\n  isMultipleParams,\n  isNotMultipleParams,\n  PropRenderItem,\n  PropRenderValue,\n  withDefaultGetters,\n} from './helpers';\n\nexport const COMPONENT_NAME = 'Combobox' as const;\n\nconst ComboboxRender = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: ComboboxProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlInnerRef = useRef<HTMLDivElement>(null);\n  const helperInputFakeElement = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    disabled,\n    ariaLabel,\n    id,\n    required,\n    dropdownRef = defaultDropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    renderValue: renderValueProp,\n    onCreate,\n    inputRef: inputRefProp,\n    labelForNotFound = defaultlabelForNotFound,\n    labelForCreate = defaultlabelForCreate,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    onInputChange,\n    searchFunction,\n    isLoading,\n    multiple = false,\n    style,\n    dropdownForm = 'default',\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n  } = useSelect({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple,\n    onBlur,\n    onFocus,\n    onCreate,\n    searchFunction,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={multiple}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n      />\n    );\n  };\n\n  const renderValueDefaultMultiple: PropRenderValue<ITEM> = ({\n    item,\n    handleRemove,\n  }) => {\n    return (\n      <SelectValueTag\n        label={getItemLabel(item)}\n        key={getItemKey(item)}\n        size={size}\n        handleRemove={disabled ? undefined : handleRemove}\n      />\n    );\n  };\n\n  const renderValueDefaultNotMultiple: PropRenderValue<ITEM> = (props) => {\n    const valueLable = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={valueLable}>\n        {valueLable}\n      </span>\n    );\n  };\n\n  const renderValue =\n    renderValueProp ||\n    (multiple ? renderValueDefaultMultiple : renderValueDefaultNotMultiple);\n\n  const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n  const handleChangeValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleInputChange(e);\n    const { value } = e.target;\n    !disabled && onInputChange?.({ e, id, name, value: value || null });\n  };\n\n  const renderControlValue = () => {\n    const width = multiple\n      ? getInputWidth(controlInnerRef, helperInputFakeElement)\n      : undefined;\n    return (\n      <>\n        {isMultipleParams(props) &&\n          Array.isArray(props.value) &&\n          props.value.map((item) =>\n            renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n          )}\n        {isNotMultipleParams(props) &&\n          props.value &&\n          renderValue({ item: props.value })}\n        {(!value || (Array.isArray(value) && value.length === 0)) &&\n          !searchValue &&\n          placeholder && (\n            <span className={cnSelect('Placeholder')} title=\"placeholder\">\n              {placeholder}\n            </span>\n          )}\n        <input\n          {...getKeyProps()}\n          type=\"text\"\n          name={name}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          aria-label={ariaLabel}\n          onChange={handleChangeValue}\n          ref={inputRefForRender}\n          className={cnSelect('Input', {\n            size,\n            hide: !multiple && !!value,\n            multiple,\n          })}\n          value={searchValue}\n          style={{ width }}\n        />\n      </>\n    );\n  };\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        required={required}\n        form={form}\n        multiple={multiple}\n        ref={ref}\n        type=\"combobox\"\n        style={style}\n        {...otherProps}\n      >\n        <div\n          className={cnSelect('Control', { hasInput: true })}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div\n            className={cnSelect('ControlInner')}\n            onClick={handleInputClick}\n            role=\"button\"\n            ref={controlInnerRef}\n            aria-hidden=\"true\"\n          >\n            <div className={cnSelect('ControlValueContainer')}>\n              {multiple ? (\n                <div className={cnSelect('ControlValue')}>\n                  {renderControlValue()}\n                </div>\n              ) : (\n                renderControlValue()\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            {value && (\n              <button\n                type=\"button\"\n                onClick={clearValue}\n                className={cnSelect('ClearIndicator', [cnMixFocus()])}\n              >\n                <IconClose\n                  size=\"xs\"\n                  className={cnSelect('ClearIndicatorIcon')}\n                />\n              </button>\n            )}\n            <span className={cnSelect('Delimiter')} />\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size=\"xs\"\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n        <div\n          className={cnSelect('HelperInputFakeElement')}\n          ref={helperInputFakeElement}\n        >\n          {searchValue}\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        labelForNotFound={labelForNotFound}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        notFound={notFound}\n        hasItems={hasItems}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Combobox = forwardRef(ComboboxRender) as ComboboxComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}

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

@@ -104,11 +104,11 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     disabled?: boolean | undefined;
     form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
-    size?: "m" | "s" | "l" | undefined;
+    size?: "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     placeholder?: string | undefined;
     ariaLabel?: string | undefined;
-    status?: "alert" | "success" | "warning" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
     isLoading?: boolean | undefined;
     dropdownClassName?: string | undefined;
     dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
@@ -140,7 +140,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     label?: string | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "view" | "size" | "form" | "status" | "caption" | "label" | "name" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelPosition" | "searchFunction" | "labelForCreate" | "labelForNotFound" | "onCreate" | "onInputChange"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "onFocus" | "onBlur" | "onChange" | "placeholder" | "disabled" | "value" | "multiple" | "required" | "size" | "status" | "css" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelPosition" | "searchFunction" | "labelForCreate" | "labelForNotFound" | "onCreate" | "onInputChange"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: PropGetItemLabel<ITEM>;

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","rightSide","leftSide","size","as","disabled","status","withSubMenu","className","active","leftIcon","rightIcon"];import"./ContextMenuItem.css";import React from"react";import{IconArrowRight}from"../../../icons/IconArrowRight/IconArrowRight";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Text}from"../../Text/Text";import{sizeMapIcon}from"../helpers";import{contextMenuDefaultSize}from"../types";export var cnContextMenuItem=cn("ContextMenuItem");function renderSide(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(e){var g=React.createElement(e,{size:getByMap(sizeMapIcon,d)});"left"===b&&f.unshift(g),"right"===b&&f.push(g)}c&&f.push(React.createElement(IconArrowRight,{size:"xs",view:"secondary"}));var h=f.map(function(a,c){return React.createElement("div",{className:cnContextMenuItem("Slot",{position:b}),key:cnContextMenuItem("Slot",{position:b,index:c})},a)});return h}var ContextMenuItemRender=function(a,b){var c=a.label,d=a.rightSide,e=a.leftSide,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.as,i=void 0===h?"div":h,j=a.disabled,k=a.status,l=a.withSubMenu,m=a.className,n=a.active,o=a.leftIcon,p=a.rightIcon,q=_objectWithoutProperties(a,_excluded),r=(j?void 0:k)||"primary";return React.createElement(Text,Object.assign({className:cnContextMenuItem({size:g,active:n,disabled:j},[m]),as:i,size:g,view:r,lineHeight:"xs",ref:b},q),renderSide(e,"left",!1,g,o),d||e||l||o||p?React.createElement("div",{className:cnContextMenuItem("Slot",{position:"center"}),key:"center"},c):c,renderSide(d,"right",l,g,p))};export var ContextMenuItem=React.forwardRef(ContextMenuItemRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","rightSide","leftSide","size","as","disabled","status","withSubMenu","className","active","leftIcon","rightIcon"];import"./ContextMenuItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Text}from"../../Text/Text";import{sizeMapIcon}from"../helpers";import{contextMenuDefaultSize}from"../types";export var cnContextMenuItem=cn("ContextMenuItem");function renderSide(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(e){var g=React.createElement(e,{size:getByMap(sizeMapIcon,d)});"left"===b&&f.unshift(g),"right"===b&&f.push(g)}c&&f.push(React.createElement(IconArrowRight,{size:"xs",view:"secondary"}));var h=f.map(function(a,c){return React.createElement("div",{className:cnContextMenuItem("Slot",{position:b}),key:cnContextMenuItem("Slot",{position:b,index:c})},a)});return h}var ContextMenuItemRender=function(a,b){var c=a.label,d=a.rightSide,e=a.leftSide,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.as,i=void 0===h?"div":h,j=a.disabled,k=a.status,l=a.withSubMenu,m=a.className,n=a.active,o=a.leftIcon,p=a.rightIcon,q=_objectWithoutProperties(a,_excluded),r=(j?void 0:k)||"primary";return React.createElement(Text,Object.assign({className:cnContextMenuItem({size:g,active:n,disabled:j},[m]),as:i,size:g,view:r,lineHeight:"xs",ref:b},q),renderSide(e,"left",!1,g,o),d||e||l||o||p?React.createElement("div",{className:cnContextMenuItem("Slot",{position:"center"}),key:"center"},c):c,renderSide(d,"right",l,g,p))};export var ContextMenuItem=React.forwardRef(ContextMenuItemRender);
 //# sourceMappingURL=ContextMenuItem.js.map

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.js","names":["React","IconArrowRight","cn","getByMap","Text","sizeMapIcon","contextMenuDefaultSize","cnContextMenuItem","renderSide","side","position","withArrow","size","icon","sides","Array","isArray","render","unshift","push","sidesRender","map","item","index","ContextMenuItemRender","props","ref","label","rightSide","leftSide","as","disabled","status","withSubMenu","className","active","leftIcon","rightIcon","otherProps","view","ContextMenuItem","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import './ContextMenuItem.css';\n\nimport React from 'react';\n\nimport { IconComponent } from '../../../icons/Icon/Icon';\nimport { IconArrowRight } from '../../../icons/IconArrowRight/IconArrowRight';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Text } from '../../Text/Text';\nimport { sizeMapIcon } from '../helpers';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemComponent,\n  ContextMenuItemProps,\n  ContextMenuPropSize,\n} from '../types';\n\nexport const cnContextMenuItem = cn('ContextMenuItem');\n\nfunction renderSide(\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  withArrow: boolean,\n  size: ContextMenuPropSize,\n  icon: IconComponent | undefined,\n): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  if (icon) {\n    const Icon = icon;\n    const render = <Icon size={getByMap(sizeMapIcon, size)} />;\n    if (position === 'left') {\n      sides.unshift(render);\n    }\n    if (position === 'right') {\n      sides.push(render);\n    }\n  }\n\n  if (withArrow) {\n    sides.push(<IconArrowRight size=\"xs\" view=\"secondary\" />);\n  }\n\n  const sidesRender: React.ReactNode[] = sides.map((item, index) => (\n    <div\n      className={cnContextMenuItem('Slot', {\n        position,\n      })}\n      key={cnContextMenuItem('Slot', {\n        position,\n        index,\n      })}\n    >\n      {item}\n    </div>\n  ));\n\n  return sidesRender;\n}\n\nconst ContextMenuItemRender = (\n  props: ContextMenuItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    label,\n    rightSide,\n    leftSide,\n    size = contextMenuDefaultSize,\n    as = 'div',\n    disabled,\n    status,\n    withSubMenu,\n    className,\n    active,\n    leftIcon,\n    rightIcon,\n    ...otherProps\n  } = props;\n  const view = (disabled ? undefined : status) || 'primary';\n\n  return (\n    <Text\n      className={cnContextMenuItem({ size, active, disabled }, [className])}\n      as={as}\n      size={size}\n      view={view}\n      lineHeight=\"xs\"\n      ref={ref}\n      {...otherProps}\n    >\n      {renderSide(leftSide, 'left', false, size, leftIcon)}\n      {!rightSide && !leftSide && !withSubMenu && !leftIcon && !rightIcon ? (\n        label\n      ) : (\n        <div\n          className={cnContextMenuItem('Slot', { position: 'center' })}\n          key=\"center\"\n        >\n          {label}\n        </div>\n      )}\n      {renderSide(rightSide, 'right', withSubMenu, size, rightIcon)}\n    </Text>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(\n  ContextMenuItemRender,\n) as ContextMenuItemComponent;\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenuItem.js","names":["IconArrowRight","React","cn","getByMap","Text","sizeMapIcon","contextMenuDefaultSize","cnContextMenuItem","renderSide","side","position","withArrow","size","icon","sides","Array","isArray","render","unshift","push","sidesRender","map","item","index","ContextMenuItemRender","props","ref","label","rightSide","leftSide","as","disabled","status","withSubMenu","className","active","leftIcon","rightIcon","otherProps","view","ContextMenuItem","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import './ContextMenuItem.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Text } from '../../Text/Text';\nimport { sizeMapIcon } from '../helpers';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemComponent,\n  ContextMenuItemProps,\n  ContextMenuPropSize,\n} from '../types';\n\nexport const cnContextMenuItem = cn('ContextMenuItem');\n\nfunction renderSide(\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  withArrow: boolean,\n  size: ContextMenuPropSize,\n  icon: IconComponent | undefined,\n): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  if (icon) {\n    const Icon = icon;\n    const render = <Icon size={getByMap(sizeMapIcon, size)} />;\n    if (position === 'left') {\n      sides.unshift(render);\n    }\n    if (position === 'right') {\n      sides.push(render);\n    }\n  }\n\n  if (withArrow) {\n    sides.push(<IconArrowRight size=\"xs\" view=\"secondary\" />);\n  }\n\n  const sidesRender: React.ReactNode[] = sides.map((item, index) => (\n    <div\n      className={cnContextMenuItem('Slot', {\n        position,\n      })}\n      key={cnContextMenuItem('Slot', {\n        position,\n        index,\n      })}\n    >\n      {item}\n    </div>\n  ));\n\n  return sidesRender;\n}\n\nconst ContextMenuItemRender = (\n  props: ContextMenuItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    label,\n    rightSide,\n    leftSide,\n    size = contextMenuDefaultSize,\n    as = 'div',\n    disabled,\n    status,\n    withSubMenu,\n    className,\n    active,\n    leftIcon,\n    rightIcon,\n    ...otherProps\n  } = props;\n  const view = (disabled ? undefined : status) || 'primary';\n\n  return (\n    <Text\n      className={cnContextMenuItem({ size, active, disabled }, [className])}\n      as={as}\n      size={size}\n      view={view}\n      lineHeight=\"xs\"\n      ref={ref}\n      {...otherProps}\n    >\n      {renderSide(leftSide, 'left', false, size, leftIcon)}\n      {!rightSide && !leftSide && !withSubMenu && !leftIcon && !rightIcon ? (\n        label\n      ) : (\n        <div\n          className={cnContextMenuItem('Slot', { position: 'center' })}\n          key=\"center\"\n        >\n          {label}\n        </div>\n      )}\n      {renderSide(rightSide, 'right', withSubMenu, size, rightIcon)}\n    </Text>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(\n  ContextMenuItemRender,\n) as ContextMenuItemComponent;\n"],"mappings":"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"}