@consta/uikit 4.12.0 → 4.14.0

package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onItemClick","item","size","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children"];import"./BreadcrumbsItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{Text}from"../../Text/Text";import{contextMenuSizeMap,getItemAs,getItemAttributes}from"../BreadcrumbsMore/BreadcrumbsMore";import{iconSizeMap}from"../helpers";export var cnBreadcrumbsItem=cn("BreadcrumbsItem");function BreadcrumbsItemRender(a,b){var c=a.className,d=a.onItemClick,f=a.item,g=a.size,h=a.onlyIcon,i=a.delimiter,j=a.active,k=a.getItemHref,l=a.getItemIcon,m=a.getItemLabel,n=a.getItemSubMenu,o=a.children,p=_objectWithoutProperties(a,_excluded),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useRef(null),v=f&&(null===l||void 0===l?void 0:l(f)),w=v&&h,x=f&&(null===k||void 0===k?void 0:k(f)),y=f&&(null===m||void 0===m?void 0:m(f)),z=f&&(null===n||void 0===n?void 0:n(f)),A=getByMap(iconSizeMap,g),B=x?{as:"a",href:x}:{as:"span"};return React.createElement("li",Object.assign({className:cnBreadcrumbsItem(null,[c]),ref:b},p),i&&React.createElement(IconArrowRight,{className:cnBreadcrumbsItem("Delimiter",[cnMixSpace({mH:g})]),view:"ghost",size:A}),o||React.createElement(React.Fragment,null,React.createElement(Text,Object.assign({className:cnBreadcrumbsItem("Link",{active:j}),view:j?"primary":"secondary",onClick:function handleClick(a){f&&(null===d||void 0===d?void 0:d({e:a,item:f}))},size:g,truncate:!w},B),v&&(w?React.createElement(Button,{view:"clear",onlyIcon:!0,iconLeft:v,size:A}):React.createElement(v,{className:cnBreadcrumbsItem("Icon",[cnMixSpace({mR:"xs"})]),size:A})),!w&&y),z&&React.createElement("button",{ref:u,onClick:t.toggle,type:"button",className:cnBreadcrumbsItem("SelectButton")},React.createElement(IconSelect,{size:"xs",view:j?"primary":"secondary"}))),z&&React.createElement(ContextMenu,{isOpen:s,items:z,getItemLabel:m,getItemSubMenu:n,getItemLeftIcon:l,onItemClick:function onItemClick(a){var b=a.e,c=a.item;t.off(),c&&(null===d||void 0===d?void 0:d({e:b,item:c}))},getItemAs:getItemAs(k),getItemAttributes:getItemAttributes(k),direction:"downStartRight",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],anchorRef:u,offset:"xs",onClickOutside:t.off,size:contextMenuSizeMap[g]}))}export var BreadcrumbsItem=forwardRef(BreadcrumbsItemRender);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onItemClick","item","size","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children"];import"./BreadcrumbsItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{Text}from"../../Text/Text";import{contextMenuSizeMap,getItemAs,getItemAttributes}from"../BreadcrumbsMore/BreadcrumbsMore";import{iconSizeMap}from"../helpers";export var cnBreadcrumbsItem=cn("BreadcrumbsItem");function BreadcrumbsItemRender(a,b){var c=a.className,d=a.onItemClick,f=a.item,g=a.size,h=a.onlyIcon,i=a.delimiter,j=a.active,k=a.getItemHref,l=a.getItemIcon,m=a.getItemLabel,n=a.getItemSubMenu,o=a.children,p=_objectWithoutProperties(a,_excluded),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useRef(null),v=f&&(null===l||void 0===l?void 0:l(f)),w=v&&h,x=f&&(null===k||void 0===k?void 0:k(f)),y=f&&(null===m||void 0===m?void 0:m(f)),z=f&&(null===n||void 0===n?void 0:n(f)),A=getByMap(iconSizeMap,g),B=x?{as:"a",href:x}:{as:"span"};return React.createElement("li",Object.assign({className:cnBreadcrumbsItem(null,[c]),ref:b},p),i&&React.createElement(IconArrowRight,{className:cnBreadcrumbsItem("Delimiter",[cnMixSpace({mH:g})]),view:"ghost",size:A}),o||React.createElement(React.Fragment,null,React.createElement(Text,Object.assign({className:cnBreadcrumbsItem("Link",{active:j}),view:j?"primary":"secondary",onClick:function handleClick(a){f&&(null===d||void 0===d?void 0:d({e:a,item:f}))},size:g,truncate:!w},B),v&&(w?React.createElement(Button,{type:"button",view:"clear",onlyIcon:!0,iconLeft:v,size:A}):React.createElement(v,{className:cnBreadcrumbsItem("Icon",[cnMixSpace({mR:"xs"})]),size:A})),!w&&y),z&&React.createElement("button",{ref:u,onClick:t.toggle,type:"button",className:cnBreadcrumbsItem("SelectButton")},React.createElement(IconSelect,{size:"xs",view:j?"primary":"secondary"}))),z&&React.createElement(ContextMenu,{isOpen:s,items:z,getItemLabel:m,getItemSubMenu:n,getItemLeftIcon:l,onItemClick:function onItemClick(a){var b=a.e,c=a.item;t.off(),c&&(null===d||void 0===d?void 0:d({e:b,item:c}))},getItemAs:getItemAs(k),getItemAttributes:getItemAttributes(k),direction:"downStartRight",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],anchorRef:u,offset:"xs",onClickOutside:t.off,size:contextMenuSizeMap[g]}))}export var BreadcrumbsItem=forwardRef(BreadcrumbsItemRender);
 //# sourceMappingURL=BreadcrumbsItem.js.map

package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.js","names":["IconArrowRight","IconSelect","React","forwardRef","useRef","useFlag","cnMixSpace","cn","getByMap","Button","ContextMenu","Text","contextMenuSizeMap","getItemAs","getItemAttributes","iconSizeMap","cnBreadcrumbsItem","BreadcrumbsItemRender","props","ref","className","onItemClickProp","onItemClick","item","size","onlyIconProp","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children","otherProps","open","setOpen","buttonRef","Icon","href","label","subMenu","iconSize","linkProps","as","mH","handleClick","e","mR","toggle","off","BreadcrumbsItem"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.tsx"],"sourcesContent":["import './BreadcrumbsItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cnMixSpace } from '../../../mixs/MixSpace/MixSpace';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { Text } from '../../Text/Text';\nimport {\n  contextMenuSizeMap,\n  getItemAs,\n  getItemAttributes,\n} from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsItemComponent,\n  BreadcrumbsItemProps,\n  BreadcrumbsPropOnItemClick,\n} from '../types';\n\nexport const cnBreadcrumbsItem = cn('BreadcrumbsItem');\n\nfunction BreadcrumbsItemRender<ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    className,\n    onItemClick: onItemClickProp,\n    item,\n    size,\n    onlyIcon: onlyIconProp,\n    delimiter,\n    active,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemSubMenu,\n    children,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const Icon = item && getItemIcon?.(item);\n  const onlyIcon = Icon && onlyIconProp;\n  const href = item && getItemHref?.(item);\n  const label = item && getItemLabel?.(item);\n  const subMenu = item && getItemSubMenu?.(item);\n\n  const iconSize = getByMap(iconSizeMap, size);\n  const linkProps = href\n    ? ({\n        as: 'a',\n        href,\n      } as const)\n    : ({\n        as: 'span',\n      } as const);\n\n  const handleClick: React.MouseEventHandler = (e) => {\n    item && onItemClickProp?.({ e, item });\n  };\n\n  const onItemClick: BreadcrumbsPropOnItemClick<ITEM> = ({ e, item }) => {\n    setOpen.off();\n    item && onItemClickProp?.({ e, item });\n  };\n\n  return (\n    <li\n      className={cnBreadcrumbsItem(null, [className])}\n      ref={ref}\n      {...otherProps}\n    >\n      {delimiter && (\n        <IconArrowRight\n          className={cnBreadcrumbsItem('Delimiter', [cnMixSpace({ mH: size })])}\n          view=\"ghost\"\n          size={iconSize}\n        />\n      )}\n      {children || (\n        <>\n          <Text\n            className={cnBreadcrumbsItem('Link', { active })}\n            view={active ? 'primary' : 'secondary'}\n            onClick={handleClick}\n            size={size}\n            truncate={!onlyIcon}\n            {...linkProps}\n          >\n            {Icon &&\n              (onlyIcon ? (\n                <Button view=\"clear\" onlyIcon iconLeft={Icon} size={iconSize} />\n              ) : (\n                <Icon\n                  className={cnBreadcrumbsItem('Icon', [\n                    cnMixSpace({ mR: 'xs' }),\n                  ])}\n                  size={iconSize}\n                />\n              ))}\n            {!onlyIcon && label}\n          </Text>\n          {subMenu && (\n            <button\n              ref={buttonRef}\n              onClick={setOpen.toggle}\n              type=\"button\"\n              className={cnBreadcrumbsItem('SelectButton')}\n            >\n              <IconSelect size=\"xs\" view={active ? 'primary' : 'secondary'} />\n            </button>\n          )}\n        </>\n      )}\n      {subMenu && (\n        <ContextMenu\n          isOpen={open}\n          items={subMenu}\n          getItemLabel={getItemLabel}\n          getItemSubMenu={getItemSubMenu}\n          getItemLeftIcon={getItemIcon}\n          onItemClick={onItemClick}\n          getItemAs={getItemAs(getItemHref)}\n          getItemAttributes={getItemAttributes(getItemHref)}\n          direction=\"downStartRight\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          anchorRef={buttonRef}\n          offset=\"xs\"\n          onClickOutside={setOpen.off}\n          size={contextMenuSizeMap[size]}\n        />\n      )}\n    </li>\n  );\n}\n\nexport const BreadcrumbsItem = forwardRef(\n  BreadcrumbsItemRender,\n) as BreadcrumbsItemComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbsItem.js","names":["IconArrowRight","IconSelect","React","forwardRef","useRef","useFlag","cnMixSpace","cn","getByMap","Button","ContextMenu","Text","contextMenuSizeMap","getItemAs","getItemAttributes","iconSizeMap","cnBreadcrumbsItem","BreadcrumbsItemRender","props","ref","className","onItemClickProp","onItemClick","item","size","onlyIconProp","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children","otherProps","open","setOpen","buttonRef","Icon","href","label","subMenu","iconSize","linkProps","as","mH","handleClick","e","mR","toggle","off","BreadcrumbsItem"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.tsx"],"sourcesContent":["import './BreadcrumbsItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cnMixSpace } from '../../../mixs/MixSpace/MixSpace';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { Text } from '../../Text/Text';\nimport {\n  contextMenuSizeMap,\n  getItemAs,\n  getItemAttributes,\n} from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsItemComponent,\n  BreadcrumbsItemProps,\n  BreadcrumbsPropOnItemClick,\n} from '../types';\n\nexport const cnBreadcrumbsItem = cn('BreadcrumbsItem');\n\nfunction BreadcrumbsItemRender<ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    className,\n    onItemClick: onItemClickProp,\n    item,\n    size,\n    onlyIcon: onlyIconProp,\n    delimiter,\n    active,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemSubMenu,\n    children,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const Icon = item && getItemIcon?.(item);\n  const onlyIcon = Icon && onlyIconProp;\n  const href = item && getItemHref?.(item);\n  const label = item && getItemLabel?.(item);\n  const subMenu = item && getItemSubMenu?.(item);\n\n  const iconSize = getByMap(iconSizeMap, size);\n  const linkProps = href\n    ? ({\n        as: 'a',\n        href,\n      } as const)\n    : ({\n        as: 'span',\n      } as const);\n\n  const handleClick: React.MouseEventHandler = (e) => {\n    item && onItemClickProp?.({ e, item });\n  };\n\n  const onItemClick: BreadcrumbsPropOnItemClick<ITEM> = ({ e, item }) => {\n    setOpen.off();\n    item && onItemClickProp?.({ e, item });\n  };\n\n  return (\n    <li\n      className={cnBreadcrumbsItem(null, [className])}\n      ref={ref}\n      {...otherProps}\n    >\n      {delimiter && (\n        <IconArrowRight\n          className={cnBreadcrumbsItem('Delimiter', [cnMixSpace({ mH: size })])}\n          view=\"ghost\"\n          size={iconSize}\n        />\n      )}\n      {children || (\n        <>\n          <Text\n            className={cnBreadcrumbsItem('Link', { active })}\n            view={active ? 'primary' : 'secondary'}\n            onClick={handleClick}\n            size={size}\n            truncate={!onlyIcon}\n            {...linkProps}\n          >\n            {Icon &&\n              (onlyIcon ? (\n                <Button\n                  type=\"button\"\n                  view=\"clear\"\n                  onlyIcon\n                  iconLeft={Icon}\n                  size={iconSize}\n                />\n              ) : (\n                <Icon\n                  className={cnBreadcrumbsItem('Icon', [\n                    cnMixSpace({ mR: 'xs' }),\n                  ])}\n                  size={iconSize}\n                />\n              ))}\n            {!onlyIcon && label}\n          </Text>\n          {subMenu && (\n            <button\n              ref={buttonRef}\n              onClick={setOpen.toggle}\n              type=\"button\"\n              className={cnBreadcrumbsItem('SelectButton')}\n            >\n              <IconSelect size=\"xs\" view={active ? 'primary' : 'secondary'} />\n            </button>\n          )}\n        </>\n      )}\n      {subMenu && (\n        <ContextMenu\n          isOpen={open}\n          items={subMenu}\n          getItemLabel={getItemLabel}\n          getItemSubMenu={getItemSubMenu}\n          getItemLeftIcon={getItemIcon}\n          onItemClick={onItemClick}\n          getItemAs={getItemAs(getItemHref)}\n          getItemAttributes={getItemAttributes(getItemHref)}\n          direction=\"downStartRight\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          anchorRef={buttonRef}\n          offset=\"xs\"\n          onClickOutside={setOpen.off}\n          size={contextMenuSizeMap[size]}\n        />\n      )}\n    </li>\n  );\n}\n\nexport const BreadcrumbsItem = forwardRef(\n  BreadcrumbsItemRender,\n) as BreadcrumbsItemComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","className","style","getItemHref","getItemIcon","getItemLabel","getItemOnClick","getItemSubMenu","onItemClick"];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"./BreadcrumbsMore.css";import React,{forwardRef,useEffect,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{BreadcrumbsItem}from"../BreadcrumbsItem/BreadcrumbsItem";import{iconSizeMap}from"../helpers";var cnBreadcrumbsMore=cn("BreadcrumbsMore");export function getLeftSideBar(a,b){return function(c){var d=null===b||void 0===b?void 0:b(c);return d?React.createElement(d,{size:a}):void 0}}export function getItemAs(a){return function(b){var c=null===a||void 0===a?void 0:a(b);return c?"a":"span"}}export function getItemAttributes(a){return function(b){return a&&{href:a(b)}}}export var contextMenuSizeMap={xs:"s",s:"s",m:"m",l:"l"};function BreadcrumbsMoreRender(a,b){var c=a.size,d=a.items,e=a.className,f=a.style,g=a.getItemHref,h=a.getItemIcon,i=a.getItemLabel,j=a.getItemOnClick,k=a.getItemSubMenu,l=a.onItemClick,m=_objectWithoutProperties(a,_excluded),n=useFlag(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useRef(null),s=getByMap(iconSizeMap,c);useEffect(q.off,[d]);return React.createElement(BreadcrumbsItem,Object.assign({},m,{className:cnBreadcrumbsMore(null,[e]),delimiter:!0,size:c,ref:b,style:_objectSpread(_objectSpread({},f),{},_defineProperty({},"--breadcrumbs-more-font-size","var(--size-text-".concat(c,")")))}),React.createElement(Button,{className:cnBreadcrumbsMore("Button"),view:"clear",label:"...",size:s,ref:r,onClick:q.toggle}),React.createElement(ContextMenu,{items:d,isOpen:p,getItemLabel:i,getItemSubMenu:k,getItemOnClick:function getItemOnClick(a){return function(b){var c,d=b.e;return null===j||void 0===j||null===(c=j(a))||void 0===c?void 0:c(d)}},onItemClick:function onItemClick(a){var b,c=a.e,d=a.item;null===l||void 0===l?void 0:l({e:c,item:d}),null===j||void 0===j||null===(b=j(d))||void 0===b?void 0:b(c)},getItemLeftIcon:h,anchorRef:r,onClickOutside:q.off,getItemAs:getItemAs(g),getItemAttributes:getItemAttributes(g),direction:"downCenter",possibleDirections:["downCenter","upCenter","downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:"xs",size:contextMenuSizeMap[c]}))}export var BreadcrumbsMore=forwardRef(BreadcrumbsMoreRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","className","style","getItemHref","getItemIcon","getItemLabel","getItemOnClick","getItemSubMenu","onItemClick"];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"./BreadcrumbsMore.css";import React,{forwardRef,useEffect,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{BreadcrumbsItem}from"../BreadcrumbsItem/BreadcrumbsItem";import{iconSizeMap}from"../helpers";var cnBreadcrumbsMore=cn("BreadcrumbsMore");export function getLeftSideBar(a,b){return function(c){var d=null===b||void 0===b?void 0:b(c);return d?React.createElement(d,{size:a}):void 0}}export function getItemAs(a){return function(b){var c=null===a||void 0===a?void 0:a(b);return c?"a":"span"}}export function getItemAttributes(a){return function(b){return a&&{href:a(b)}}}export var contextMenuSizeMap={xs:"s",s:"s",m:"m",l:"l"};function BreadcrumbsMoreRender(a,b){var c=a.size,d=a.items,e=a.className,f=a.style,g=a.getItemHref,h=a.getItemIcon,i=a.getItemLabel,j=a.getItemOnClick,k=a.getItemSubMenu,l=a.onItemClick,m=_objectWithoutProperties(a,_excluded),n=useFlag(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useRef(null),s=getByMap(iconSizeMap,c);useEffect(q.off,[d]);return React.createElement(BreadcrumbsItem,Object.assign({},m,{className:cnBreadcrumbsMore(null,[e]),delimiter:!0,size:c,ref:b,style:_objectSpread(_objectSpread({},f),{},_defineProperty({},"--breadcrumbs-more-font-size","var(--size-text-".concat(c,")")))}),React.createElement(Button,{className:cnBreadcrumbsMore("Button"),view:"clear",type:"button",label:"...",size:s,ref:r,onClick:q.toggle}),React.createElement(ContextMenu,{items:d,isOpen:p,getItemLabel:i,getItemSubMenu:k,getItemOnClick:function getItemOnClick(a){return function(b){var c,d=b.e;return null===j||void 0===j||null===(c=j(a))||void 0===c?void 0:c(d)}},onItemClick:function onItemClick(a){var b,c=a.e,d=a.item;null===l||void 0===l?void 0:l({e:c,item:d}),null===j||void 0===j||null===(b=j(d))||void 0===b?void 0:b(c)},getItemLeftIcon:h,anchorRef:r,onClickOutside:q.off,getItemAs:getItemAs(g),getItemAttributes:getItemAttributes(g),direction:"downCenter",possibleDirections:["downCenter","upCenter","downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:"xs",size:contextMenuSizeMap[c]}))}export var BreadcrumbsMore=forwardRef(BreadcrumbsMoreRender);
 //# sourceMappingURL=BreadcrumbsMore.js.map

package/__internal__/src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsMore.js","names":["React","forwardRef","useEffect","useRef","useFlag","cn","getByMap","Button","ContextMenu","BreadcrumbsItem","iconSizeMap","cnBreadcrumbsMore","getLeftSideBar","iconSize","getItemIcon","item","Icon","getItemAs","getItemHref","href","getItemAttributes","contextMenuSizeMap","xs","s","m","l","BreadcrumbsMoreRender","props","ref","size","items","className","style","getItemLabel","getItemOnClickProp","getItemOnClick","getItemSubMenu","onItemClickProp","onItemClick","otherProps","open","setOpen","buttonRef","off","toggle","element","e","BreadcrumbsMore"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.tsx"],"sourcesContent":["import './BreadcrumbsMore.css';\n\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { BreadcrumbsItem } from '../BreadcrumbsItem/BreadcrumbsItem';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsMoreComponent,\n  BreadcrumbsMoreProps,\n  BreadcrumbsPropGetItemHref,\n  BreadcrumbsPropGetItemIcon,\n} from '../types';\n\nconst cnBreadcrumbsMore = cn('BreadcrumbsMore');\n\nexport function getLeftSideBar<ITEM>(\n  iconSize: 'xs' | 'm',\n  getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>,\n) {\n  return function (item: ITEM) {\n    const Icon = getItemIcon?.(item);\n    if (Icon) {\n      return <Icon size={iconSize} />;\n    }\n    return undefined;\n  };\n}\n\nexport function getItemAs<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    const href = getItemHref?.(item);\n    return href ? 'a' : 'span';\n  };\n}\n\nexport function getItemAttributes<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    return getItemHref && { href: getItemHref(item) };\n  };\n}\n\nexport const contextMenuSizeMap = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n} as const;\n\nfunction BreadcrumbsMoreRender<ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    size,\n    items,\n    className,\n    style,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemOnClick: getItemOnClickProp,\n    getItemSubMenu,\n    onItemClick: onItemClickProp,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const iconSize = getByMap(iconSizeMap, size);\n\n  useEffect(setOpen.off, [items]);\n\n  const onItemClick = ({\n    e,\n    item,\n  }: {\n    e: React.MouseEvent<HTMLDivElement>;\n    item: ITEM;\n  }) => {\n    onItemClickProp?.({ e, item });\n    getItemOnClickProp?.(item)?.(e);\n  };\n\n  const getItemOnClick =\n    (element: ITEM) =>\n    ({ e }: { e: React.MouseEvent<HTMLDivElement> }) => {\n      return getItemOnClickProp?.(element)?.(e);\n    };\n\n  return (\n    <BreadcrumbsItem\n      {...otherProps}\n      className={cnBreadcrumbsMore(null, [className])}\n      delimiter\n      size={size}\n      ref={ref}\n      style={{\n        ...style,\n        ['--breadcrumbs-more-font-size' as string]: `var(--size-text-${size})`,\n      }}\n    >\n      <Button\n        className={cnBreadcrumbsMore('Button')}\n        view=\"clear\"\n        label=\"...\"\n        size={iconSize}\n        ref={buttonRef}\n        onClick={setOpen.toggle}\n      />\n      <ContextMenu\n        items={items}\n        isOpen={open}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        getItemOnClick={getItemOnClick}\n        onItemClick={onItemClick}\n        getItemLeftIcon={getItemIcon}\n        anchorRef={buttonRef}\n        onClickOutside={setOpen.off}\n        getItemAs={getItemAs(getItemHref)}\n        getItemAttributes={getItemAttributes(getItemHref)}\n        direction=\"downCenter\"\n        possibleDirections={[\n          'downCenter',\n          'upCenter',\n          'downStartLeft',\n          'upStartLeft',\n          'downStartRight',\n          'upStartRight',\n        ]}\n        offset=\"xs\"\n        size={contextMenuSizeMap[size]}\n      />\n    </BreadcrumbsItem>\n  );\n}\n\nexport const BreadcrumbsMore = forwardRef(\n  BreadcrumbsMoreRender,\n) as BreadcrumbsMoreComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbsMore.js","names":["React","forwardRef","useEffect","useRef","useFlag","cn","getByMap","Button","ContextMenu","BreadcrumbsItem","iconSizeMap","cnBreadcrumbsMore","getLeftSideBar","iconSize","getItemIcon","item","Icon","getItemAs","getItemHref","href","getItemAttributes","contextMenuSizeMap","xs","s","m","l","BreadcrumbsMoreRender","props","ref","size","items","className","style","getItemLabel","getItemOnClickProp","getItemOnClick","getItemSubMenu","onItemClickProp","onItemClick","otherProps","open","setOpen","buttonRef","off","toggle","element","e","BreadcrumbsMore"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.tsx"],"sourcesContent":["import './BreadcrumbsMore.css';\n\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { BreadcrumbsItem } from '../BreadcrumbsItem/BreadcrumbsItem';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsMoreComponent,\n  BreadcrumbsMoreProps,\n  BreadcrumbsPropGetItemHref,\n  BreadcrumbsPropGetItemIcon,\n} from '../types';\n\nconst cnBreadcrumbsMore = cn('BreadcrumbsMore');\n\nexport function getLeftSideBar<ITEM>(\n  iconSize: 'xs' | 'm',\n  getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>,\n) {\n  return function (item: ITEM) {\n    const Icon = getItemIcon?.(item);\n    if (Icon) {\n      return <Icon size={iconSize} />;\n    }\n    return undefined;\n  };\n}\n\nexport function getItemAs<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    const href = getItemHref?.(item);\n    return href ? 'a' : 'span';\n  };\n}\n\nexport function getItemAttributes<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    return getItemHref && { href: getItemHref(item) };\n  };\n}\n\nexport const contextMenuSizeMap = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n} as const;\n\nfunction BreadcrumbsMoreRender<ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    size,\n    items,\n    className,\n    style,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemOnClick: getItemOnClickProp,\n    getItemSubMenu,\n    onItemClick: onItemClickProp,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const iconSize = getByMap(iconSizeMap, size);\n\n  useEffect(setOpen.off, [items]);\n\n  const onItemClick = ({\n    e,\n    item,\n  }: {\n    e: React.MouseEvent<HTMLDivElement>;\n    item: ITEM;\n  }) => {\n    onItemClickProp?.({ e, item });\n    getItemOnClickProp?.(item)?.(e);\n  };\n\n  const getItemOnClick =\n    (element: ITEM) =>\n    ({ e }: { e: React.MouseEvent<HTMLDivElement> }) => {\n      return getItemOnClickProp?.(element)?.(e);\n    };\n\n  return (\n    <BreadcrumbsItem\n      {...otherProps}\n      className={cnBreadcrumbsMore(null, [className])}\n      delimiter\n      size={size}\n      ref={ref}\n      style={{\n        ...style,\n        ['--breadcrumbs-more-font-size' as string]: `var(--size-text-${size})`,\n      }}\n    >\n      <Button\n        className={cnBreadcrumbsMore('Button')}\n        view=\"clear\"\n        type=\"button\"\n        label=\"...\"\n        size={iconSize}\n        ref={buttonRef}\n        onClick={setOpen.toggle}\n      />\n      <ContextMenu\n        items={items}\n        isOpen={open}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        getItemOnClick={getItemOnClick}\n        onItemClick={onItemClick}\n        getItemLeftIcon={getItemIcon}\n        anchorRef={buttonRef}\n        onClickOutside={setOpen.off}\n        getItemAs={getItemAs(getItemHref)}\n        getItemAttributes={getItemAttributes(getItemHref)}\n        direction=\"downCenter\"\n        possibleDirections={[\n          'downCenter',\n          'upCenter',\n          'downStartLeft',\n          'upStartLeft',\n          'downStartRight',\n          'upStartRight',\n        ]}\n        offset=\"xs\"\n        size={contextMenuSizeMap[size]}\n      />\n    </BreadcrumbsItem>\n  );\n}\n\nexport const BreadcrumbsMore = forwardRef(\n  BreadcrumbsMoreRender,\n) as BreadcrumbsMoreComponent;\n"],"mappings":"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"}

package/__internal__/src/components/BreadcrumbsDeprecated/BreadcrumbsDeprecated.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["pages","getLabel","getIsActive","getLink","getIcon","size","maxCount","onClick","onlyIconRoot","className"];import"./Breadcrumbs.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{useMemo}from"react";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{Button}from"../Button/Button";export var breadcrumbPropSize=["m","xs","s","l"];export var breadcrumbPropSizeDefault=breadcrumbPropSize[0];export var cnBreadcrumbs=cn("Breadcrumbs");var sizeMap={xs:"xs",s:"xs",m:"xs",l:"m"};export var Breadcrumbs=React.forwardRef(function(a,b){var c=a.pages,d=a.getLabel,e=a.getIsActive,f=a.getLink,g=a.getIcon,h=a.size,i=void 0===h?breadcrumbPropSizeDefault:h,j=a.maxCount,k=void 0===j?0:j,l=a.onClick,m=a.onlyIconRoot,n=void 0!==m&&m,o=a.className,p=_objectWithoutProperties(a,_excluded),q=getByMap(sizeMap,i),r=useMemo(function(){var a=c.slice(),b=a.splice(0,1),d=a.splice(2-k);return{head:b,tail:d,rest:a}},[c,k]),s=r.head,t=r.tail,u=r.rest,v=useMemo(function(){return React.createElement(IconArrowRight,{size:q,className:cnBreadcrumbs("Delimiter",{size:q})})},[q]),w=function(a){var b=!!(1<arguments.length&&arguments[1]!==void 0)&&arguments[1];return a.map(function(a){var c=null===g||void 0===g?void 0:g(a),h=d(a),i=f(a),j=null===e||void 0===e?void 0:e(a);return React.createElement("li",{key:"".concat(h,":").concat(i),className:cnBreadcrumbs("Item")},!b&&v,React.createElement("a",{className:cnBreadcrumbs("Link",{active:j}),onClick:function onClick(b){return null===l||void 0===l?void 0:l(a,b)},href:i},c&&(n&&b?React.createElement(Button,{view:"clear",onlyIcon:!0,iconLeft:c,size:q}):React.createElement(c,{className:cnBreadcrumbs("Icon"),size:q})),(!b||!n)&&React.createElement("span",{className:cnBreadcrumbs("Label")},h)))})};return React.createElement("ul",Object.assign({className:cnBreadcrumbs({size:i},[o]),ref:b},p),w(s,!0),k&&1<u.length?React.createElement("li",{className:cnBreadcrumbs("Item")},v,React.createElement("span",{className:cnBreadcrumbs("More")},"...")):w(u),w(t))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["pages","getLabel","getIsActive","getLink","getIcon","size","maxCount","onClick","onlyIconRoot","className"];import"./Breadcrumbs.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{useMemo}from"react";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{Button}from"../Button/Button";export var breadcrumbPropSize=["m","xs","s","l"];export var breadcrumbPropSizeDefault=breadcrumbPropSize[0];export var cnBreadcrumbs=cn("Breadcrumbs");var sizeMap={xs:"xs",s:"xs",m:"xs",l:"m"};export var Breadcrumbs=React.forwardRef(function(a,b){var c=a.pages,d=a.getLabel,e=a.getIsActive,f=a.getLink,g=a.getIcon,h=a.size,i=void 0===h?breadcrumbPropSizeDefault:h,j=a.maxCount,k=void 0===j?0:j,l=a.onClick,m=a.onlyIconRoot,n=void 0!==m&&m,o=a.className,p=_objectWithoutProperties(a,_excluded),q=getByMap(sizeMap,i),r=useMemo(function(){var a=c.slice(),b=a.splice(0,1),d=a.splice(2-k);return{head:b,tail:d,rest:a}},[c,k]),s=r.head,t=r.tail,u=r.rest,v=useMemo(function(){return React.createElement(IconArrowRight,{size:q,className:cnBreadcrumbs("Delimiter",{size:q})})},[q]),w=function(a){var b=!!(1<arguments.length&&arguments[1]!==void 0)&&arguments[1];return a.map(function(a){var c=null===g||void 0===g?void 0:g(a),h=d(a),i=f(a),j=null===e||void 0===e?void 0:e(a);return React.createElement("li",{key:"".concat(h,":").concat(i),className:cnBreadcrumbs("Item")},!b&&v,React.createElement("a",{className:cnBreadcrumbs("Link",{active:j}),onClick:function onClick(b){return null===l||void 0===l?void 0:l(a,b)},href:i},c&&(n&&b?React.createElement(Button,{type:"button",view:"clear",onlyIcon:!0,iconLeft:c,size:q}):React.createElement(c,{className:cnBreadcrumbs("Icon"),size:q})),(!b||!n)&&React.createElement("span",{className:cnBreadcrumbs("Label")},h)))})};return React.createElement("ul",Object.assign({className:cnBreadcrumbs({size:i},[o]),ref:b},p),w(s,!0),k&&1<u.length?React.createElement("li",{className:cnBreadcrumbs("Item")},v,React.createElement("span",{className:cnBreadcrumbs("More")},"...")):w(u),w(t))});
 //# sourceMappingURL=BreadcrumbsDeprecated.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsDeprecated.js","names":["IconArrowRight","React","useMemo","cn","getByMap","Button","breadcrumbPropSize","breadcrumbPropSizeDefault","cnBreadcrumbs","sizeMap","xs","s","m","l","Breadcrumbs","forwardRef","props","ref","pages","getLabel","getIsActive","getLink","getIcon","size","maxCount","onClick","onlyIconRoot","className","restProps","iconSize","rest","slice","head","splice","tail","delimiter","renderPages","isFirst","map","page","Icon","label","link","isActive","active","e","length"],"sources":["../../../../../src/components/BreadcrumbsDeprecated/BreadcrumbsDeprecated.tsx"],"sourcesContent":["import './Breadcrumbs.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault: BreadcrumbPropSize =\n  breadcrumbPropSize[0];\n\nexport const cnBreadcrumbs = cn('Breadcrumbs');\n\nconst sizeMap: Record<BreadcrumbPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 'xs',\n  l: 'm',\n};\n\nexport type BreadcrumbsPropGetLabel<ITEM> = (\n  item: ITEM,\n) => string | React.ReactNode;\nexport type BreadcrumbsPropGetIsActive<ITEM> = (item: ITEM) => boolean;\nexport type BreadcrumbsPropGetLink<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type BreadcrumbsProps<ITEM> = {\n  pages: ITEM[];\n  getLabel: BreadcrumbsPropGetLabel<ITEM>;\n  getIsActive?: BreadcrumbsPropGetIsActive<ITEM>;\n  getLink: BreadcrumbsPropGetLink<ITEM>;\n  getIcon?: BreadcrumbsPropGetIcon<ITEM>;\n  size?: BreadcrumbPropSize;\n  maxCount?: number;\n  onClick?: (page: ITEM, e: React.MouseEvent) => void;\n  onlyIconRoot?: boolean;\n  className?: string;\n};\n\ntype Breadcrumbs = <ITEM>(\n  props: PropsWithHTMLAttributesAndRef<\n    BreadcrumbsProps<ITEM>,\n    HTMLUListElement\n  >,\n) => React.ReactElement | null;\n\nexport const Breadcrumbs: Breadcrumbs = React.forwardRef((props, ref) => {\n  const {\n    pages,\n    getLabel,\n    getIsActive,\n    getLink,\n    getIcon,\n    size = breadcrumbPropSizeDefault,\n    maxCount = 0,\n    onClick,\n    onlyIconRoot = false,\n    className,\n    ...restProps\n  } = props;\n\n  const iconSize = getByMap(sizeMap, size);\n\n  const { head, tail, rest } = useMemo(() => {\n    const rest = pages.slice();\n    const head = rest.splice(0, 1);\n    const tail = rest.splice(2 - maxCount);\n\n    return {\n      head,\n      tail,\n      rest,\n    };\n  }, [pages, maxCount]);\n\n  const delimiter = useMemo(\n    () => (\n      <IconArrowRight\n        size={iconSize}\n        className={cnBreadcrumbs('Delimiter', {\n          size: iconSize,\n        })}\n      />\n    ),\n    [iconSize],\n  );\n\n  const renderPages = (pages: any, isFirst = false) =>\n    pages.map((page: any) => {\n      const Icon = getIcon?.(page);\n      const label = getLabel(page);\n      const link = getLink(page);\n      const isActive = getIsActive?.(page);\n\n      return (\n        <li key={`${label}:${link}`} className={cnBreadcrumbs('Item')}>\n          {!isFirst && delimiter}\n          <a\n            className={cnBreadcrumbs('Link', { active: isActive })}\n            onClick={(e) => onClick?.(page, e)}\n            href={link}\n          >\n            {Icon &&\n              (onlyIconRoot && isFirst ? (\n                <Button view=\"clear\" onlyIcon iconLeft={Icon} size={iconSize} />\n              ) : (\n                <Icon className={cnBreadcrumbs('Icon')} size={iconSize} />\n              ))}\n            {(!isFirst || !onlyIconRoot) && (\n              <span className={cnBreadcrumbs('Label')}>{label}</span>\n            )}\n          </a>\n        </li>\n      );\n    });\n\n  return (\n    <ul\n      className={cnBreadcrumbs({ size }, [className])}\n      ref={ref}\n      {...restProps}\n    >\n      {renderPages(head, true)}\n      {maxCount && rest.length > 1 ? (\n        <li className={cnBreadcrumbs('Item')}>\n          {delimiter}\n          <span className={cnBreadcrumbs('More')}>...</span>\n        </li>\n      ) : (\n        renderPages(rest)\n      )}\n      {renderPages(tail)}\n    </ul>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbsDeprecated.js","names":["IconArrowRight","React","useMemo","cn","getByMap","Button","breadcrumbPropSize","breadcrumbPropSizeDefault","cnBreadcrumbs","sizeMap","xs","s","m","l","Breadcrumbs","forwardRef","props","ref","pages","getLabel","getIsActive","getLink","getIcon","size","maxCount","onClick","onlyIconRoot","className","restProps","iconSize","rest","slice","head","splice","tail","delimiter","renderPages","isFirst","map","page","Icon","label","link","isActive","active","e","length"],"sources":["../../../../../src/components/BreadcrumbsDeprecated/BreadcrumbsDeprecated.tsx"],"sourcesContent":["import './Breadcrumbs.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../Button/Button';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault: BreadcrumbPropSize =\n  breadcrumbPropSize[0];\n\nexport const cnBreadcrumbs = cn('Breadcrumbs');\n\nconst sizeMap: Record<BreadcrumbPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 'xs',\n  l: 'm',\n};\n\nexport type BreadcrumbsPropGetLabel<ITEM> = (\n  item: ITEM,\n) => string | React.ReactNode;\nexport type BreadcrumbsPropGetIsActive<ITEM> = (item: ITEM) => boolean;\nexport type BreadcrumbsPropGetLink<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type BreadcrumbsProps<ITEM> = {\n  pages: ITEM[];\n  getLabel: BreadcrumbsPropGetLabel<ITEM>;\n  getIsActive?: BreadcrumbsPropGetIsActive<ITEM>;\n  getLink: BreadcrumbsPropGetLink<ITEM>;\n  getIcon?: BreadcrumbsPropGetIcon<ITEM>;\n  size?: BreadcrumbPropSize;\n  maxCount?: number;\n  onClick?: (page: ITEM, e: React.MouseEvent) => void;\n  onlyIconRoot?: boolean;\n  className?: string;\n};\n\ntype Breadcrumbs = <ITEM>(\n  props: PropsWithHTMLAttributesAndRef<\n    BreadcrumbsProps<ITEM>,\n    HTMLUListElement\n  >,\n) => React.ReactElement | null;\n\nexport const Breadcrumbs: Breadcrumbs = React.forwardRef((props, ref) => {\n  const {\n    pages,\n    getLabel,\n    getIsActive,\n    getLink,\n    getIcon,\n    size = breadcrumbPropSizeDefault,\n    maxCount = 0,\n    onClick,\n    onlyIconRoot = false,\n    className,\n    ...restProps\n  } = props;\n\n  const iconSize = getByMap(sizeMap, size);\n\n  const { head, tail, rest } = useMemo(() => {\n    const rest = pages.slice();\n    const head = rest.splice(0, 1);\n    const tail = rest.splice(2 - maxCount);\n\n    return {\n      head,\n      tail,\n      rest,\n    };\n  }, [pages, maxCount]);\n\n  const delimiter = useMemo(\n    () => (\n      <IconArrowRight\n        size={iconSize}\n        className={cnBreadcrumbs('Delimiter', {\n          size: iconSize,\n        })}\n      />\n    ),\n    [iconSize],\n  );\n\n  const renderPages = (pages: any, isFirst = false) =>\n    pages.map((page: any) => {\n      const Icon = getIcon?.(page);\n      const label = getLabel(page);\n      const link = getLink(page);\n      const isActive = getIsActive?.(page);\n\n      return (\n        <li key={`${label}:${link}`} className={cnBreadcrumbs('Item')}>\n          {!isFirst && delimiter}\n          <a\n            className={cnBreadcrumbs('Link', { active: isActive })}\n            onClick={(e) => onClick?.(page, e)}\n            href={link}\n          >\n            {Icon &&\n              (onlyIconRoot && isFirst ? (\n                <Button\n                  type=\"button\"\n                  view=\"clear\"\n                  onlyIcon\n                  iconLeft={Icon}\n                  size={iconSize}\n                />\n              ) : (\n                <Icon className={cnBreadcrumbs('Icon')} size={iconSize} />\n              ))}\n            {(!isFirst || !onlyIconRoot) && (\n              <span className={cnBreadcrumbs('Label')}>{label}</span>\n            )}\n          </a>\n        </li>\n      );\n    });\n\n  return (\n    <ul\n      className={cnBreadcrumbs({ size }, [className])}\n      ref={ref}\n      {...restProps}\n    >\n      {renderPages(head, true)}\n      {maxCount && rest.length > 1 ? (\n        <li className={cnBreadcrumbs('Item')}>\n          {delimiter}\n          <span className={cnBreadcrumbs('More')}>...</span>\n        </li>\n      ) : (\n        renderPages(rest)\n      )}\n      {renderPages(tail)}\n    </ul>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick"];import"./CalendarMonthToggler.css";import{IconForward}from"@consta/icons/IconForward";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CalendarMonthLabel}from"../CalendarMonthLabel/CalendarMonthLabel";export var cnCalendarMonthToggler=cn("CalendarMonthToggler");export var CalendarMonthToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{className:cnCalendarMonthToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}),React.createElement(CalendarMonthLabel,{className:cnCalendarMonthToggler("Label"),label:b}),e&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick"];import"./CalendarMonthToggler.css";import{IconForward}from"@consta/icons/IconForward";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CalendarMonthLabel}from"../CalendarMonthLabel/CalendarMonthLabel";export var cnCalendarMonthToggler=cn("CalendarMonthToggler");export var CalendarMonthToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{className:cnCalendarMonthToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",type:"button",view:"clear",iconSize:"s"}),React.createElement(CalendarMonthLabel,{className:cnCalendarMonthToggler("Label"),label:b}),e&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",type:"button",view:"clear",iconSize:"s"}))};
 //# sourceMappingURL=CalendarMonthToggler.js.map

package/__internal__/src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonthToggler.js","names":["IconForward","React","cn","Button","CalendarMonthLabel","cnCalendarMonthToggler","CalendarMonthToggler","props","label","className","prevOnClick","nextOnClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.tsx"],"sourcesContent":["import './CalendarMonthToggler.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { CalendarMonthLabel } from '../CalendarMonthLabel/CalendarMonthLabel';\n\nexport type CalendarMonthTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnCalendarMonthToggler = cn('CalendarMonthToggler');\n\nexport const CalendarMonthToggler: React.FC<CalendarMonthTogglerProps> = (\n  props,\n) => {\n  const { label, className, prevOnClick, nextOnClick, ...otherProps } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnCalendarMonthToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <CalendarMonthLabel\n        className={cnCalendarMonthToggler('Label')}\n        label={label}\n      />\n      {nextOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"qJAAA,mCAEA,OAASA,WAAT,KAA4B,2BAA5B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,kBAAT,gDAYA,MAAO,IAAMC,uBAAsB,CAAGH,EAAE,CAAC,sBAAD,CAAjC,CAEP,MAAO,IAAMI,qBAAyD,CAAG,SACvEC,CADuE,CAEpE,CACH,GAAQC,EAAR,CAAsED,CAAtE,CAAQC,KAAR,CAAeC,CAAf,CAAsEF,CAAtE,CAAeE,SAAf,CAA0BC,CAA1B,CAAsEH,CAAtE,CAA0BG,WAA1B,CAAuCC,CAAvC,CAAsEJ,CAAtE,CAAuCI,WAAvC,CAAuDC,CAAvD,0BAAsEL,CAAtE,YAEA,MACE,4CACMK,CADN,EAEE,SAAS,CAAEP,sBAAsB,CAC/B,CACEQ,cAAc,GAAUH,CAD1B,CAEEI,cAAc,GAAUH,CAF1B,CAD+B,CAK/B,CAACF,CAAD,CAL+B,CAFnC,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAXJ,CAoBE,oBAAC,kBAAD,EACE,SAAS,CAAEK,sBAAsB,CAAC,OAAD,CADnC,CAEE,KAAK,CAAEG,CAFT,EApBF,CAwBGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEJ,CAFX,CAGE,QAAQ,CAAEX,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAzBJ,CAoCH,CA1CM"}
+{"version":3,"file":"CalendarMonthToggler.js","names":["IconForward","React","cn","Button","CalendarMonthLabel","cnCalendarMonthToggler","CalendarMonthToggler","props","label","className","prevOnClick","nextOnClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.tsx"],"sourcesContent":["import './CalendarMonthToggler.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { CalendarMonthLabel } from '../CalendarMonthLabel/CalendarMonthLabel';\n\nexport type CalendarMonthTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnCalendarMonthToggler = cn('CalendarMonthToggler');\n\nexport const CalendarMonthToggler: React.FC<CalendarMonthTogglerProps> = (\n  props,\n) => {\n  const { label, className, prevOnClick, nextOnClick, ...otherProps } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnCalendarMonthToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          type=\"button\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <CalendarMonthLabel\n        className={cnCalendarMonthToggler('Label')}\n        label={label}\n      />\n      {nextOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          type=\"button\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"qJAAA,mCAEA,OAASA,WAAT,KAA4B,2BAA5B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,kBAAT,gDAYA,MAAO,IAAMC,uBAAsB,CAAGH,EAAE,CAAC,sBAAD,CAAjC,CAEP,MAAO,IAAMI,qBAAyD,CAAG,SACvEC,CADuE,CAEpE,CACH,GAAQC,EAAR,CAAsED,CAAtE,CAAQC,KAAR,CAAeC,CAAf,CAAsEF,CAAtE,CAAeE,SAAf,CAA0BC,CAA1B,CAAsEH,CAAtE,CAA0BG,WAA1B,CAAuCC,CAAvC,CAAsEJ,CAAtE,CAAuCI,WAAvC,CAAuDC,CAAvD,0BAAsEL,CAAtE,YAEA,MACE,4CACMK,CADN,EAEE,SAAS,CAAEP,sBAAsB,CAC/B,CACEQ,cAAc,GAAUH,CAD1B,CAEEI,cAAc,GAAUH,CAF1B,CAD+B,CAK/B,CAACF,CAAD,CAL+B,CAFnC,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,QALP,CAME,IAAI,CAAC,OANP,CAOE,QAAQ,CAAC,GAPX,EAXJ,CAqBE,oBAAC,kBAAD,EACE,SAAS,CAAEK,sBAAsB,CAAC,OAAD,CADnC,CAEE,KAAK,CAAEG,CAFT,EArBF,CAyBGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEJ,CAFX,CAGE,QAAQ,CAAEX,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,QALP,CAME,IAAI,CAAC,OANP,CAOE,QAAQ,CAAC,GAPX,EA1BJ,CAsCH,CA5CM"}

package/__internal__/src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentVisibleDate","className","onChange","value","locale"];import"./CalendarSlider.css";import{IconForward}from"@consta/icons/IconForward";import{addMonths,addYears,endOfYear,format,getMonth,getYear,startOfYear}from"date-fns";import ruLocale from"date-fns/locale/ru";import React,{useEffect,useRef}from"react";import{range}from"../../../utils/array";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnCalendarSlider=cn("CalendarSlider");var isCurrentVisibleYear=function(a,b){return getYear(a)===getYear(b)},isCurrentVisibleMonth=function(a,b){return isCurrentVisibleYear(a,b)&&getMonth(a)===getMonth(b)},getValueRange=function(a,b){if(Array.isArray(b)&&b[0]&&b[1]){var c=startOfYear(a).getTime(),d=endOfYear(a).getTime(),e=b[0].getTime(),f=b[1].getTime();if(!(e>d||f<c)){if(e<=c&&f>=d)return[0,100];var g=d-c,h=function(a){return 100*(a/g)},i=Math.floor(h(e<=c?0:e-c)),j=function(a){if(a>g){return j(a-g)}return a},k=Math.ceil(f>=d?100-i:h(j(f-e)));return[i,k]}}},getMonthsData=function(a,b){return range(12).map(function(c){var d=addMonths(a,c);return{date:d,label:format(d,"MMM",{locale:b})}})},getYearDate=function(a){return new Date(getYear(a),0,1,0,0,0,0)},getSliderData=function(a,b,c){var d=getYearDate(a);return[addYears(d,-1),d,addYears(d,1),addYears(d,2)].map(function(a,d){return{label:format(a,"yyyy",{locale:c}),date:a,months:getMonthsData(a,c),positon:"".concat(d),valueRange:getValueRange(a,b)}})};export var CalendarSlider=function(a){var b=a.currentVisibleDate,c=a.className,d=a.onChange,e=a.value,f=a.locale,g=void 0===f?ruLocale:f,h=_objectWithoutProperties(a,_excluded),i=useRef(null),j=useRef(null);useEffect(function(){i.current&&j.current&&j.current.style.setProperty("--selector-offset","".concat(i.current.offsetLeft,"px"))},[b]);var k=getSliderData(b,e,g);return React.createElement("div",Object.assign({},h,{className:cnCalendarSlider(null,[c])}),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"prev"}),view:"ghost",iconLeft:IconForward,onClick:function handlePrev(){return d(addYears(b,-1))}}),React.createElement("div",{className:cnCalendarSlider("Slider"),ref:j},React.createElement("div",{className:cnCalendarSlider("SliderBody")},React.createElement("div",{className:cnCalendarSlider("Selector")}),k.map(function(a){return React.createElement(Text,{className:cnCalendarSlider("YearLabel",{position:a.positon}),weight:"bold",size:"s",key:a.label,view:isCurrentVisibleYear(b,a.date)?void 0:"ghost"},a.label)}),k.map(function(a){var c;return React.createElement("div",{key:a.label,className:cnCalendarSlider("Year",{position:a.positon,selected:!!a.valueRange}),style:a.valueRange&&(c={},_defineProperty(c,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(c,"--value-width","".concat(a.valueRange[1],"%")),c)},a.months.map(function(a,c){return React.createElement("button",{className:cnCalendarSlider("Month"),key:c,onClick:function onClick(){return d(a.date)},onKeyDown:function onKeyDown(){return d(addMonths(a.date,1))},ref:isCurrentVisibleMonth(b,a.date)?i:null,type:"button"},React.createElement(Text,{className:cnCalendarSlider("MonthLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"next"}),view:"ghost",iconLeft:IconForward,onClick:function handleNext(){return d(addYears(b,1))}}))};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentVisibleDate","className","onChange","value","locale"];import"./CalendarSlider.css";import{IconForward}from"@consta/icons/IconForward";import{addMonths,addYears,endOfYear,format,getMonth,getYear,startOfYear}from"date-fns";import ruLocale from"date-fns/locale/ru";import React,{useEffect,useRef}from"react";import{range}from"../../../utils/array";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnCalendarSlider=cn("CalendarSlider");var isCurrentVisibleYear=function(a,b){return getYear(a)===getYear(b)},isCurrentVisibleMonth=function(a,b){return isCurrentVisibleYear(a,b)&&getMonth(a)===getMonth(b)},getValueRange=function(a,b){if(Array.isArray(b)&&b[0]&&b[1]){var c=startOfYear(a).getTime(),d=endOfYear(a).getTime(),e=b[0].getTime(),f=b[1].getTime();if(!(e>d||f<c)){if(e<=c&&f>=d)return[0,100];var g=d-c,h=function(a){return 100*(a/g)},i=Math.floor(h(e<=c?0:e-c)),j=function(a){if(a>g){return j(a-g)}return a},k=Math.ceil(f>=d?100-i:h(j(f-e)));return[i,k]}}},getMonthsData=function(a,b){return range(12).map(function(c){var d=addMonths(a,c);return{date:d,label:format(d,"MMM",{locale:b})}})},getYearDate=function(a){return new Date(getYear(a),0,1,0,0,0,0)},getSliderData=function(a,b,c){var d=getYearDate(a);return[addYears(d,-1),d,addYears(d,1),addYears(d,2)].map(function(a,d){return{label:format(a,"yyyy",{locale:c}),date:a,months:getMonthsData(a,c),positon:"".concat(d),valueRange:getValueRange(a,b)}})};export var CalendarSlider=function(a){var b=a.currentVisibleDate,c=a.className,d=a.onChange,e=a.value,f=a.locale,g=void 0===f?ruLocale:f,h=_objectWithoutProperties(a,_excluded),i=useRef(null),j=useRef(null);useEffect(function(){i.current&&j.current&&j.current.style.setProperty("--selector-offset","".concat(i.current.offsetLeft,"px"))},[b]);var k=getSliderData(b,e,g);return React.createElement("div",Object.assign({},h,{className:cnCalendarSlider(null,[c])}),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"prev"}),view:"ghost",type:"button",iconLeft:IconForward,onClick:function handlePrev(){return d(addYears(b,-1))}}),React.createElement("div",{className:cnCalendarSlider("Slider"),ref:j},React.createElement("div",{className:cnCalendarSlider("SliderBody")},React.createElement("div",{className:cnCalendarSlider("Selector")}),k.map(function(a){return React.createElement(Text,{className:cnCalendarSlider("YearLabel",{position:a.positon}),weight:"bold",size:"s",key:a.label,view:isCurrentVisibleYear(b,a.date)?void 0:"ghost"},a.label)}),k.map(function(a){var c;return React.createElement("div",{key:a.label,className:cnCalendarSlider("Year",{position:a.positon,selected:!!a.valueRange}),style:a.valueRange&&(c={},_defineProperty(c,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(c,"--value-width","".concat(a.valueRange[1],"%")),c)},a.months.map(function(a,c){return React.createElement("button",{className:cnCalendarSlider("Month"),key:c,onClick:function onClick(){return d(a.date)},onKeyDown:function onKeyDown(){return d(addMonths(a.date,1))},ref:isCurrentVisibleMonth(b,a.date)?i:null,type:"button"},React.createElement(Text,{className:cnCalendarSlider("MonthLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"next"}),view:"ghost",type:"button",iconLeft:IconForward,onClick:function handleNext(){return d(addYears(b,1))}}))};
 //# sourceMappingURL=CalendarSlider.js.map

package/__internal__/src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarSlider.js","names":["IconForward","addMonths","addYears","endOfYear","format","getMonth","getYear","startOfYear","ruLocale","React","useEffect","useRef","range","cn","Button","Text","cnCalendarSlider","isCurrentVisibleYear","currentDate","month","isCurrentVisibleMonth","getValueRange","yearDate","value","Array","isArray","yearStartDateTime","getTime","yearEndDateTime","valueStartDateTime","valueEndDateTime","msInYear","inProcent","number","offset","Math","floor","minusYears","n","width","ceil","getMonthsData","date","locale","map","monthDate","label","getYearDate","Date","getSliderData","currentYear","index","months","positon","valueRange","CalendarSlider","props","currentVisibleDate","className","onChange","otherProps","currentMonthRef","sliderRef","current","style","setProperty","offsetLeft","data","direction","handlePrev","year","position","selected","handleNext"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.tsx"],"sourcesContent":["import './CalendarSlider.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport {\n  addMonths,\n  addYears,\n  endOfYear,\n  format,\n  getMonth,\n  getYear,\n  Locale,\n  startOfYear,\n} from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React, { useEffect, useRef } from 'react';\n\nimport { range } from '../../../utils/array';\nimport { cn } from '../../../utils/bem';\nimport { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\nexport type CalendarSliderProps = PropsWithHTMLAttributes<\n  {\n    currentVisibleDate: Date;\n    onChange: (date: Date) => void;\n    children?: never;\n    value?: Date | DateRange;\n    locale?: Locale;\n  },\n  HTMLDivElement\n>;\n\nexport const cnCalendarSlider = cn('CalendarSlider');\n\nconst isCurrentVisibleYear = (currentDate: Date, month: Date) =>\n  getYear(currentDate) === getYear(month);\n\nconst isCurrentVisibleMonth = (currentDate: Date, month: Date) =>\n  isCurrentVisibleYear(currentDate, month) &&\n  getMonth(currentDate) === getMonth(month);\n\nconst getValueRange = (yearDate: Date, value?: Date | DateRange) => {\n  if (!Array.isArray(value)) {\n    return undefined;\n  }\n\n  if (!value[0] || !value[1]) {\n    return undefined;\n  }\n\n  const yearStartDateTime = startOfYear(yearDate).getTime();\n  const yearEndDateTime = endOfYear(yearDate).getTime();\n  const valueStartDateTime = value[0].getTime();\n  const valueEndDateTime = value[1].getTime();\n\n  if (\n    valueStartDateTime > yearEndDateTime ||\n    valueEndDateTime < yearStartDateTime\n  ) {\n    return undefined;\n  }\n\n  if (\n    valueStartDateTime <= yearStartDateTime &&\n    valueEndDateTime >= yearEndDateTime\n  ) {\n    return [0, 100];\n  }\n\n  const msInYear = yearEndDateTime - yearStartDateTime;\n  const inProcent = (number: number) => (number / msInYear) * 100;\n  const offset = Math.floor(\n    inProcent(\n      valueStartDateTime <= yearStartDateTime\n        ? 0\n        : valueStartDateTime - yearStartDateTime,\n    ),\n  );\n\n  const minusYears = (n: number): number => {\n    if (n > msInYear) {\n      const newNumber = n - msInYear;\n      return minusYears(newNumber);\n    }\n\n    return n;\n  };\n\n  const width = Math.ceil(\n    valueEndDateTime >= yearEndDateTime\n      ? 100 - offset\n      : inProcent(minusYears(valueEndDateTime - valueStartDateTime)),\n  );\n\n  return [offset, width];\n};\n\nconst getMonthsData = (date: Date, locale: Locale) =>\n  range(12).map((month) => {\n    const monthDate = addMonths(date, month);\n    return {\n      date: monthDate,\n      label: format(monthDate, 'MMM', { locale }),\n    };\n  });\n\nconst getYearDate = (date: Date) => new Date(getYear(date), 0, 1, 0, 0, 0, 0);\n\nconst getSliderData = (\n  date: Date,\n  value: Date | DateRange | undefined,\n  locale: Locale,\n) => {\n  const currentYear = getYearDate(date);\n\n  return [\n    addYears(currentYear, -1),\n    currentYear,\n    addYears(currentYear, 1),\n    addYears(currentYear, 2),\n  ].map((date, index) => ({\n    label: format(date, 'yyyy', { locale }),\n    date,\n    months: getMonthsData(date, locale),\n    positon: `${index}`,\n    valueRange: getValueRange(date, value),\n  }));\n};\n\nexport const CalendarSlider: React.FC<CalendarSliderProps> = (props) => {\n  const {\n    currentVisibleDate,\n    className,\n    onChange,\n    value,\n    locale = ruLocale,\n    ...otherProps\n  } = props;\n\n  const currentMonthRef = useRef<HTMLButtonElement>(null);\n  const sliderRef = useRef<HTMLDivElement>(null);\n\n  const handlePrev = () => onChange(addYears(currentVisibleDate, -1));\n  const handleNext = () => onChange(addYears(currentVisibleDate, 1));\n\n  useEffect(() => {\n    if (currentMonthRef.current && sliderRef.current) {\n      sliderRef.current.style.setProperty(\n        '--selector-offset',\n        `${currentMonthRef.current.offsetLeft}px`,\n      );\n    }\n  }, [currentVisibleDate]);\n\n  const data = getSliderData(currentVisibleDate, value, locale);\n\n  return (\n    <div {...otherProps} className={cnCalendarSlider(null, [className])}>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={handlePrev}\n      />\n      <div className={cnCalendarSlider('Slider')} ref={sliderRef}>\n        <div className={cnCalendarSlider('SliderBody')}>\n          <div className={cnCalendarSlider('Selector')} />\n          {data.map((year) => (\n            <Text\n              className={cnCalendarSlider('YearLabel', {\n                position: year.positon,\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={\n                isCurrentVisibleYear(currentVisibleDate, year.date)\n                  ? undefined\n                  : 'ghost'\n              }\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year) => (\n            <div\n              key={year.label}\n              className={cnCalendarSlider('Year', {\n                position: year.positon,\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.months.map((month, index) => (\n                <button\n                  className={cnCalendarSlider('Month')}\n                  key={index}\n                  onClick={() => onChange(month.date)}\n                  onKeyDown={() => onChange(addMonths(month.date, 1))}\n                  ref={\n                    isCurrentVisibleMonth(currentVisibleDate, month.date)\n                      ? currentMonthRef\n                      : null\n                  }\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnCalendarSlider('MonthLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {month.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={handleNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CalendarSlider.js","names":["IconForward","addMonths","addYears","endOfYear","format","getMonth","getYear","startOfYear","ruLocale","React","useEffect","useRef","range","cn","Button","Text","cnCalendarSlider","isCurrentVisibleYear","currentDate","month","isCurrentVisibleMonth","getValueRange","yearDate","value","Array","isArray","yearStartDateTime","getTime","yearEndDateTime","valueStartDateTime","valueEndDateTime","msInYear","inProcent","number","offset","Math","floor","minusYears","n","width","ceil","getMonthsData","date","locale","map","monthDate","label","getYearDate","Date","getSliderData","currentYear","index","months","positon","valueRange","CalendarSlider","props","currentVisibleDate","className","onChange","otherProps","currentMonthRef","sliderRef","current","style","setProperty","offsetLeft","data","direction","handlePrev","year","position","selected","handleNext"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.tsx"],"sourcesContent":["import './CalendarSlider.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport {\n  addMonths,\n  addYears,\n  endOfYear,\n  format,\n  getMonth,\n  getYear,\n  Locale,\n  startOfYear,\n} from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React, { useEffect, useRef } from 'react';\n\nimport { range } from '../../../utils/array';\nimport { cn } from '../../../utils/bem';\nimport { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\nexport type CalendarSliderProps = PropsWithHTMLAttributes<\n  {\n    currentVisibleDate: Date;\n    onChange: (date: Date) => void;\n    children?: never;\n    value?: Date | DateRange;\n    locale?: Locale;\n  },\n  HTMLDivElement\n>;\n\nexport const cnCalendarSlider = cn('CalendarSlider');\n\nconst isCurrentVisibleYear = (currentDate: Date, month: Date) =>\n  getYear(currentDate) === getYear(month);\n\nconst isCurrentVisibleMonth = (currentDate: Date, month: Date) =>\n  isCurrentVisibleYear(currentDate, month) &&\n  getMonth(currentDate) === getMonth(month);\n\nconst getValueRange = (yearDate: Date, value?: Date | DateRange) => {\n  if (!Array.isArray(value)) {\n    return undefined;\n  }\n\n  if (!value[0] || !value[1]) {\n    return undefined;\n  }\n\n  const yearStartDateTime = startOfYear(yearDate).getTime();\n  const yearEndDateTime = endOfYear(yearDate).getTime();\n  const valueStartDateTime = value[0].getTime();\n  const valueEndDateTime = value[1].getTime();\n\n  if (\n    valueStartDateTime > yearEndDateTime ||\n    valueEndDateTime < yearStartDateTime\n  ) {\n    return undefined;\n  }\n\n  if (\n    valueStartDateTime <= yearStartDateTime &&\n    valueEndDateTime >= yearEndDateTime\n  ) {\n    return [0, 100];\n  }\n\n  const msInYear = yearEndDateTime - yearStartDateTime;\n  const inProcent = (number: number) => (number / msInYear) * 100;\n  const offset = Math.floor(\n    inProcent(\n      valueStartDateTime <= yearStartDateTime\n        ? 0\n        : valueStartDateTime - yearStartDateTime,\n    ),\n  );\n\n  const minusYears = (n: number): number => {\n    if (n > msInYear) {\n      const newNumber = n - msInYear;\n      return minusYears(newNumber);\n    }\n\n    return n;\n  };\n\n  const width = Math.ceil(\n    valueEndDateTime >= yearEndDateTime\n      ? 100 - offset\n      : inProcent(minusYears(valueEndDateTime - valueStartDateTime)),\n  );\n\n  return [offset, width];\n};\n\nconst getMonthsData = (date: Date, locale: Locale) =>\n  range(12).map((month) => {\n    const monthDate = addMonths(date, month);\n    return {\n      date: monthDate,\n      label: format(monthDate, 'MMM', { locale }),\n    };\n  });\n\nconst getYearDate = (date: Date) => new Date(getYear(date), 0, 1, 0, 0, 0, 0);\n\nconst getSliderData = (\n  date: Date,\n  value: Date | DateRange | undefined,\n  locale: Locale,\n) => {\n  const currentYear = getYearDate(date);\n\n  return [\n    addYears(currentYear, -1),\n    currentYear,\n    addYears(currentYear, 1),\n    addYears(currentYear, 2),\n  ].map((date, index) => ({\n    label: format(date, 'yyyy', { locale }),\n    date,\n    months: getMonthsData(date, locale),\n    positon: `${index}`,\n    valueRange: getValueRange(date, value),\n  }));\n};\n\nexport const CalendarSlider: React.FC<CalendarSliderProps> = (props) => {\n  const {\n    currentVisibleDate,\n    className,\n    onChange,\n    value,\n    locale = ruLocale,\n    ...otherProps\n  } = props;\n\n  const currentMonthRef = useRef<HTMLButtonElement>(null);\n  const sliderRef = useRef<HTMLDivElement>(null);\n\n  const handlePrev = () => onChange(addYears(currentVisibleDate, -1));\n  const handleNext = () => onChange(addYears(currentVisibleDate, 1));\n\n  useEffect(() => {\n    if (currentMonthRef.current && sliderRef.current) {\n      sliderRef.current.style.setProperty(\n        '--selector-offset',\n        `${currentMonthRef.current.offsetLeft}px`,\n      );\n    }\n  }, [currentVisibleDate]);\n\n  const data = getSliderData(currentVisibleDate, value, locale);\n\n  return (\n    <div {...otherProps} className={cnCalendarSlider(null, [className])}>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        type=\"button\"\n        iconLeft={IconForward}\n        onClick={handlePrev}\n      />\n      <div className={cnCalendarSlider('Slider')} ref={sliderRef}>\n        <div className={cnCalendarSlider('SliderBody')}>\n          <div className={cnCalendarSlider('Selector')} />\n          {data.map((year) => (\n            <Text\n              className={cnCalendarSlider('YearLabel', {\n                position: year.positon,\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={\n                isCurrentVisibleYear(currentVisibleDate, year.date)\n                  ? undefined\n                  : 'ghost'\n              }\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year) => (\n            <div\n              key={year.label}\n              className={cnCalendarSlider('Year', {\n                position: year.positon,\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.months.map((month, index) => (\n                <button\n                  className={cnCalendarSlider('Month')}\n                  key={index}\n                  onClick={() => onChange(month.date)}\n                  onKeyDown={() => onChange(addMonths(month.date, 1))}\n                  ref={\n                    isCurrentVisibleMonth(currentVisibleDate, month.date)\n                      ? currentMonthRef\n                      : null\n                  }\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnCalendarSlider('MonthLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {month.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        type=\"button\"\n        iconLeft={IconForward}\n        onClick={handleNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/Collapse/Collapse.css

@@ -1 +1 @@
-.Collapse_size_2xs,.Collapse_size_xs{--vertical-space:var(--space-2xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-2xs);--body-offset-bottom:var(--space-xs)}.Collapse_size_s{--vertical-space:var(--space-xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-xs);--body-offset-bottom:var(--space-m)}.Collapse_size_l,.Collapse_size_m{--vertical-space:var(--space-s);--elements-offset:var(--space-s);--body-offset-up:var(--space-s);--body-offset-bottom:var(--space-xl)}.Collapse_view_secondary{color:var(--color-typo-secondary)}.Collapse-Label{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:var(--vertical-space) var(--horizontal-space);transition:background .3s}.Collapse-Label_hoverEffect:hover{background:var(--color-control-bg-clear-hover)}.Collapse-Label_iconPosition_right{flex-direction:row-reverse}.Collapse-Body{max-height:0;overflow:hidden;transition:max-height .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.Collapse-Body_isOpen{max-height:var(--collapse-body-max-height)}.Collapse-Body_divider{border-bottom:1px solid var(--color-bg-border)}.Collapse-Side{line-height:0;margin-left:var(--elements-offset)}.Collapse-Content{padding:var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom) var(--horizontal-space)}.Collapse-Icon{flex:none}.Collapse-Icon_position_left{margin-right:var(--elements-offset)}.Collapse-Icon_position_right{margin-left:var(--elements-offset)}.Collapse-LabelText{flex:1}
+.Collapse{color:var(--collapse-color)}.Collapse_size_2xs,.Collapse_size_xs{--vertical-space:var(--space-2xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-2xs);--body-offset-bottom:var(--space-xs)}.Collapse_size_s{--vertical-space:var(--space-xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-xs);--body-offset-bottom:var(--space-m)}.Collapse_size_l,.Collapse_size_m{--vertical-space:var(--space-s);--elements-offset:var(--space-s);--body-offset-up:var(--space-s);--body-offset-bottom:var(--space-xl)}.Collapse_view_primary{--collapse-color:var(--color-typo-primary);--collapse-bg-hover:var(--color-control-bg-clear-hover)}.Collapse_view_secondary{--collapse-color:var(--color-typo-secondary);--collapse-bg-hover:var(--color-control-bg-ghost-hover)}.Collapse-Label{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:var(--vertical-space) var(--horizontal-space);transition:background .3s}.Collapse-Label_hoverEffect:hover{background:var(--collapse-bg-hover)}.Collapse-Label_iconPosition_right{flex-direction:row-reverse}.Collapse-Body{max-height:0;overflow:hidden;transition:max-height .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.Collapse-Body_isOpen{max-height:var(--collapse-body-max-height)}.Collapse-Body_divider{border-bottom:1px solid var(--color-bg-border)}.Collapse-Side{line-height:0;margin-left:var(--elements-offset)}.Collapse-Content{padding:var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom) var(--horizontal-space)}.Collapse-Icon{flex:none}.Collapse-Icon_position_left{margin-right:var(--elements-offset)}.Collapse-Icon_position_right{margin-left:var(--elements-offset)}.Collapse-LabelText{flex:1}

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

@@ -1,8 +1,7 @@
 import './Collapse.css';
-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;
-export declare const sizeIconMap: Record<CollapsePropSize, IconPropSize>;
+export declare const sizeIconMap: Record<CollapsePropSize, 'xs' | 's'>;
 export declare const Collapse: CollapseComponent;
 export * from './types';

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{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";
+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","iconView"];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{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon}from"./CollapseIcon/CollapseIcon";import{collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropIconViewDefault,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=g.iconView,F=void 0===E?collapsePropIconViewDefault:E,G=_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,view:l})},G),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:y}),size:sizeIconMap[j],icon:t,closeIcon:u,isOpen:o,direction:A,closeDirection:C,view:F}),"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":["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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"}
+{"version":3,"file":"Collapse.js","names":["IconArrowDown","React","useRef","useComponentSize","useForkRef","cn","usePropsHandler","Text","CollapseIcon","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropIconViewDefault","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","iconView","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport React, { useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { cn } from '##/utils/bem';\n\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  collapsePropIconViewDefault,\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, 'xs' | 's'> = {\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    iconView = collapsePropIconViewDefault,\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          view,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={sizeIconMap[size]}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n          view={iconView}\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.css

@@ -1 +1 @@
-.CollapseIcon{color:var(--color-typo-primary);transform:var(--direction-transform);transition:transform .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.CollapseIcon_direction_up{--direction-transform:rotate(0deg)}.CollapseIcon_direction_right{--direction-transform:rotate(90deg)}.CollapseIcon_direction_down{--direction-transform:rotate(180deg)}.CollapseIcon_direction_left{--direction-transform:rotate(270deg)}.CollapseIcon_direction_upRight{--direction-transform:rotate(45deg)}.CollapseIcon_direction_downRight{--direction-transform:rotate(135deg)}.CollapseIcon_direction_downLeft{--direction-transform:rotate(225deg)}.CollapseIcon_direction_upLeft{--direction-transform:rotate(315deg)}.CollapseIcon_closeDirection_up{--close-direction-transform:rotate(0deg)}.CollapseIcon_closeDirection_right{--close-direction-transform:rotate(90deg)}.CollapseIcon_closeDirection_down{--close-direction-transform:rotate(180deg)}.CollapseIcon_closeDirection_left{--close-direction-transform:rotate(270deg)}.CollapseIcon_closeDirection_upRight{--close-direction-transform:rotate(45deg)}.CollapseIcon_closeDirection_downRight{--close-direction-transform:rotate(135deg)}.CollapseIcon_closeDirection_downLeft{--close-direction-transform:rotate(225deg)}.CollapseIcon_closeDirection_upLeft{--close-direction-transform:rotate(315deg)}.CollapseIcon_isOpen{transform:var(--close-direction-transform)}.CollapseIcon_animate_entered,.CollapseIcon_animate_entering{opacity:1;transform:scale(1)}.CollapseIcon_animate_exited,.CollapseIcon_animate_exiting{opacity:0;transform:scale(.1)}.CollapseIcon_animate_entered,.CollapseIcon_animate_entering,.CollapseIcon_animate_exiting{position:absolute;transition:transform .3s,opacity .3s}.CollapseIcon-Wrapper{position:relative}
+.CollapseIcon{color:var(--icon-color);transform:var(--direction-transform);transition:transform .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.CollapseIcon_view_clear{--icon-color:var(--color-typo-primary)}.CollapseIcon_view_ghost{--icon-color:var(--color-control-typo-ghost)}.CollapseIcon_direction_up{--direction-transform:rotate(0deg)}.CollapseIcon_direction_right{--direction-transform:rotate(90deg)}.CollapseIcon_direction_down{--direction-transform:rotate(180deg)}.CollapseIcon_direction_left{--direction-transform:rotate(270deg)}.CollapseIcon_direction_upRight{--direction-transform:rotate(45deg)}.CollapseIcon_direction_downRight{--direction-transform:rotate(135deg)}.CollapseIcon_direction_downLeft{--direction-transform:rotate(225deg)}.CollapseIcon_direction_upLeft{--direction-transform:rotate(315deg)}.CollapseIcon_closeDirection_up{--close-direction-transform:rotate(0deg)}.CollapseIcon_closeDirection_right{--close-direction-transform:rotate(90deg)}.CollapseIcon_closeDirection_down{--close-direction-transform:rotate(180deg)}.CollapseIcon_closeDirection_left{--close-direction-transform:rotate(270deg)}.CollapseIcon_closeDirection_upRight{--close-direction-transform:rotate(45deg)}.CollapseIcon_closeDirection_downRight{--close-direction-transform:rotate(135deg)}.CollapseIcon_closeDirection_downLeft{--close-direction-transform:rotate(225deg)}.CollapseIcon_closeDirection_upLeft{--close-direction-transform:rotate(315deg)}.CollapseIcon_isOpen{transform:var(--close-direction-transform)}.CollapseIcon_animate_entered,.CollapseIcon_animate_entering{opacity:1;transform:scale(1)}.CollapseIcon_animate_exited,.CollapseIcon_animate_exiting{opacity:0;transform:scale(.1)}.CollapseIcon_animate_entered,.CollapseIcon_animate_entering,.CollapseIcon_animate_exiting{position:absolute;transition:transform .3s,opacity .3s}.CollapseIcon-Wrapper{position:relative}.CollapseIcon-Button{align-items:center;background:var(--color-control-bg-ghost);border-radius:50%;display:flex;height:var(--button-size);justify-content:center;width:var(--button-size)}.CollapseIcon-Button_size_xs{--button-size:var(--control-height-xs)}.CollapseIcon-Button_size_s{--button-size:var(--control-height-s)}

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{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}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","closeIcon","direction","closeDirection","isOpen","className","view"];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,CollapseIconButton=function(a){var b=a.children,c=a.className,d=a.size;return React.createElement("div",{className:cnCollapseIcon("Button",{size:d},[c])},b)},GuardFragment=function(a){return React.createElement(React.Fragment,null,a.children)};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=a.view,j=_objectWithoutProperties(a,_excluded),k=useRef(null),l=useRef(null),m="ghost"===i?CollapseIconButton:GuardFragment,n="ghost"===i?h:void 0,o="clear"===i?h:void 0;return React.createElement(m,{size:b,className:n},function renderIcon(){return d?React.createElement("span",{className:cnCollapseIcon("Wrapper",[cnIcon({size:b}),o])},React.createElement(Transition,{in:!g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:k},function(a){return React.createElement(c,Object.assign({},j,{className:cnCollapseIcon({animate:a,view:i}),size:b,ref:k}))}),React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:l},function(a){return React.createElement(d,Object.assign({},j,{className:cnCollapseIcon({animate:a,view:i}),size:b,ref:l}))})):React.createElement(c,Object.assign({},j,{className:cnCollapseIcon({isOpen:g,direction:e,closeDirection:f,view:i},[o]),size:b}))}())};
 //# sourceMappingURL=CollapseIcon.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"CollapseIcon.js","names":["cnIcon","React","useRef","Transition","cn","cnCollapseIcon","animateTimeout","CollapseIconButton","children","className","size","GuardFragment","props","CollapseIcon","Icon","icon","CloseIcon","closeIcon","direction","closeDirection","isOpen","view","otherProps","iconRef","closeIconRef","Wrapper","wrapperClassName","renderIconClassName","renderIcon","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\nconst CollapseIconButton = ({\n  children,\n  className,\n  size,\n}: {\n  children?: React.ReactNode;\n  className?: string;\n  size: CollapseIconProps['size'];\n}) => {\n  return (\n    <div className={cnCollapseIcon('Button', { size }, [className])}>\n      {children}\n    </div>\n  );\n};\n\nconst GuardFragment = (props: { children?: React.ReactNode }) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{props.children}</>\n);\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    view,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n  const closeIconRef = useRef<HTMLSpanElement>(null);\n\n  const Wrapper = view === 'ghost' ? CollapseIconButton : GuardFragment;\n  const wrapperClassName = view === 'ghost' ? className : undefined;\n  const renderIconClassName = view === 'clear' ? className : undefined;\n\n  const renderIcon = () => {\n    if (CloseIcon) {\n      return (\n        <span\n          className={cnCollapseIcon('Wrapper', [\n            cnIcon({ size }),\n            renderIconClassName,\n          ])}\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, view })}\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, view })}\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, view }, [\n          renderIconClassName,\n        ])}\n        size={size}\n      />\n    );\n  };\n\n  return (\n    <Wrapper size={size} className={wrapperClassName}>\n      {renderIcon()}\n    </Wrapper>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { IconComponent, IconProps, IconPropSize } from '@consta/icons/Icon';
+import { IconComponent, IconProps } from '@consta/icons/Icon';
 import React from 'react';
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare const collapsePropSize: readonly ["m", "l", "s", "xs", "2xs"];
@@ -15,8 +15,9 @@ export declare const collapsePropIconPositionDefault: "left";
 export declare const collapseIconPropDirection: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
 export declare type CollapseIconPropDirection = typeof collapseIconPropDirection[number];
 export declare type CollapseIconProps = PropsWithHTMLAttributes<{
-    size: IconPropSize;
+    size: 'xs' | 's';
     icon: React.FC<IconProps>;
+    view: CollapsePropIconView;
     isOpen?: boolean;
     cildren?: never;
     closeIcon?: React.FC<IconProps>;
@@ -26,6 +27,9 @@ export declare type CollapseIconProps = PropsWithHTMLAttributes<{
 export declare const collapsePropDirectionIcon: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
 export declare const collapsePropDirectionIconDefault: "up";
 export declare const collapsePropCloseDirectionIconDefault: "down";
+export declare const collapsePropIconView: readonly ["clear", "ghost"];
+export declare const collapsePropIconViewDefault: "clear";
+export declare type CollapsePropIconView = typeof collapsePropIconView[number];
 export declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
     size?: CollapsePropSize;
     icon?: IconComponent;
@@ -36,6 +40,7 @@ export declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
     horizontalSpace?: CollapsePropHorizontalSpace;
     hoverEffect?: boolean;
     isOpen?: boolean;
+    iconView?: CollapsePropIconView;
 } & ({
     closeIcon?: IconComponent;
     directionIcon?: never;

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

@@ -1,2 +1,2 @@
-export var collapsePropSize=["m","l","s","xs","2xs"];export var collapsePropSizeDefault=collapsePropSize[0];export var collapsePropView=["primary","secondary"];export var collapsePropViewDefault=collapsePropView[0];export var collapsePropHorizontalSpace=["3xs","6xl","5xl","4xl","3xl","2xl","xl","l","m","s","xs","2xs"];export var collapsePropIconPosition=["left","right"];export var collapsePropIconPositionDefault=collapsePropIconPosition[0];export var collapseIconPropDirection=["up","right","down","left","upRight","downRight","upLeft","downLeft"];export var collapsePropDirectionIcon=collapseIconPropDirection;export var collapsePropDirectionIconDefault=collapsePropDirectionIcon[0];export var collapsePropCloseDirectionIconDefault=collapsePropDirectionIcon[2];
+export var collapsePropSize=["m","l","s","xs","2xs"];export var collapsePropSizeDefault=collapsePropSize[0];export var collapsePropView=["primary","secondary"];export var collapsePropViewDefault=collapsePropView[0];export var collapsePropHorizontalSpace=["3xs","6xl","5xl","4xl","3xl","2xl","xl","l","m","s","xs","2xs"];export var collapsePropIconPosition=["left","right"];export var collapsePropIconPositionDefault=collapsePropIconPosition[0];export var collapseIconPropDirection=["up","right","down","left","upRight","downRight","upLeft","downLeft"];export var collapsePropDirectionIcon=collapseIconPropDirection;export var collapsePropDirectionIconDefault=collapsePropDirectionIcon[0];export var collapsePropCloseDirectionIconDefault=collapsePropDirectionIcon[2];export var collapsePropIconView=["clear","ghost"];export var collapsePropIconViewDefault=collapsePropIconView[0];
 //# sourceMappingURL=types.js.map

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 { 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"}
+{"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault","collapsePropIconView","collapsePropIconViewDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import { IconComponent, IconProps } 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: 'xs' | 's';\n    icon: React.FC<IconProps>;\n    view: CollapsePropIconView;\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 const collapsePropIconView = ['clear', 'ghost'] as const;\nexport const collapsePropIconViewDefault = collapsePropIconView[0];\nexport type CollapsePropIconView = typeof collapsePropIconView[number];\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    iconView?: CollapsePropIconView;\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,CA2BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB,CAGP,MAAO,IAAMG,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CACP,MAAO,IAAMC,4BAA2B,CAAGD,oBAAoB,CAAC,CAAD,CAAxD"}

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{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";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","iconView","isAccordion"];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=c.iconView,y=c.isAccordion,z=_objectWithoutProperties(c,_excluded),A=useChoice(a),B=A.getChecked,C=A.getOnChange;return React.createElement("div",Object.assign({ref:b},z),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:B(b),onClick:C(b),iconView:x},"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