@consta/uikit 5.31.0 → 5.32.0

package/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/ColorPicker";

package/ColorPicker/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/ColorPicker";

package/__internal__/src/components/Attachment/Attachment.css

@@ -1 +1 @@
-.Attachment{--attachment-file-opacity:1;--attachment-actions-opacity:0;background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;padding:var(--space-xs);text-decoration:none;transition:background-color .2s ease;width:100%}.Attachment_hoverEffect:hover{--attachment-actions-opacity:1;background:var(--color-control-bg-clear-hover)}.Attachment_cursor_pointer{cursor:pointer}.Attachment_error{--attachment-file-opacity:0.4}.Attachment-Actions,.Attachment-File{flex:none;transition:opacity .2s ease}.Attachment-File{opacity:var(--attachment-file-opacity)}.Attachment-Actions{opacity:var(--attachment-actions-opacity)}.Attachment-Content{flex:1;overflow:hidden}.Attachment-ErrorText,.Attachment-FileDescription,.Attachment-FileName,.Attachment-LoadingText{word-wrap:break-word;width:100%}
+.Attachment{--attachment-file-opacity:1;--attachment-actions-opacity:0;background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;padding:var(--space-xs);text-decoration:none;transition:background-color .2s ease;width:100%}.Attachment_hoverEffect:hover{--attachment-actions-opacity:1;background:var(--color-control-bg-clear-hover)}.Attachment_cursor_pointer{cursor:pointer}.Attachment_error{--attachment-file-opacity:0.4}.Attachment-Actions,.Attachment-File{flex:none;transition:opacity .2s ease}.Attachment-File{opacity:var(--attachment-file-opacity)}.Attachment-Actions{opacity:var(--attachment-actions-opacity)}.Attachment-Content{flex:1;overflow:hidden}.Attachment-ErrorText,.Attachment-FileDescription,.Attachment-FileName,.Attachment-LoadingText{overflow-wrap:break-word;width:100%}

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

@@ -1,7 +1,7 @@
 import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
 export declare const attachmentPropSize: readonly ["s", "xs", "m"];
-export type AttachmentPropSize = typeof attachmentPropSize[number];
+export type AttachmentPropSize = (typeof attachmentPropSize)[number];
 export declare const attachmentPropSizeDefault: AttachmentPropSize;
 export type AttachmentActions = {
     onClick: React.MouseEventHandler<HTMLButtonElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/Attachment/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nexport const attachmentPropSize = ['s', 'xs', 'm'] as const;\nexport type AttachmentPropSize = typeof attachmentPropSize[number];\nexport const attachmentPropSizeDefault: AttachmentPropSize =\n  attachmentPropSize[0];\n\nexport type AttachmentActions = {\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  icon: IconComponent;\n  title?: string;\n  ref?: React.Ref<HTMLButtonElement>;\n};\n\nexport type AttachmentProps = {\n  fileExtension?: string;\n  withPictogram?: boolean;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  size?: AttachmentPropSize;\n  loadingText?: string;\n  className?: string;\n  children?: never;\n  actions?: AttachmentActions[];\n  /**\n   * @deprecated use actions or onClick\n   */\n  withAction?: boolean;\n  /**\n   * @deprecated use actions\n   */\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  /**\n   * @deprecated use actions\n   */\n  buttonIcon?: IconComponent;\n  /**\n   * @deprecated use actions\n   */\n  buttonTitle?: string;\n};\n"],"mappings":"AAGA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}
+{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/Attachment/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nexport const attachmentPropSize = ['s', 'xs', 'm'] as const;\nexport type AttachmentPropSize = (typeof attachmentPropSize)[number];\nexport const attachmentPropSizeDefault: AttachmentPropSize =\n  attachmentPropSize[0];\n\nexport type AttachmentActions = {\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  icon: IconComponent;\n  title?: string;\n  ref?: React.Ref<HTMLButtonElement>;\n};\n\nexport type AttachmentProps = {\n  fileExtension?: string;\n  withPictogram?: boolean;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  size?: AttachmentPropSize;\n  loadingText?: string;\n  className?: string;\n  children?: never;\n  actions?: AttachmentActions[];\n  /**\n   * @deprecated use actions or onClick\n   */\n  withAction?: boolean;\n  /**\n   * @deprecated use actions\n   */\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  /**\n   * @deprecated use actions\n   */\n  buttonIcon?: IconComponent;\n  /**\n   * @deprecated use actions\n   */\n  buttonTitle?: string;\n};\n"],"mappings":"AAGA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

package/__internal__/src/components/AttachmentDeprecated/Attachment.css

@@ -1 +1 @@
-.deprecated--Attachment{background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:row;padding:var(--space-xs);text-decoration:none;transition:background-color .2s ease;width:100%}.deprecated--Attachment-File{flex:none;margin-right:var(--space-xs);transition:opacity .2s}.deprecated--Attachment-File_error{opacity:.4}.deprecated--Attachment-Button{flex:none;opacity:0;transition:opacity .2s ease}.deprecated--Attachment-Content{word-wrap:break-word;flex:1;overflow:hidden}.deprecated--Attachment-Content>.Text:not(:first-child){margin-top:var(--space-2xs)}.deprecated--Attachment-Content:not(:last-child){margin-right:var(--space-xs)}.deprecated--Attachment_withAction{cursor:pointer}.deprecated--Attachment_withAction:hover{background:var(--color-control-bg-clear-hover)}.deprecated--Attachment_withOnButtonAction:hover .deprecated--Attachment_withOnButtonAction-Button{opacity:1}.deprecated--Attachment_withOnButtonAction:hover{background:var(--color-control-bg-clear-hover)}.deprecated--Attachment_withOnButtonAction:hover .deprecated--Attachment-Button{opacity:1}
+.deprecated--Attachment{background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:row;padding:var(--space-xs);text-decoration:none;transition:background-color .2s ease;width:100%}.deprecated--Attachment-File{flex:none;margin-right:var(--space-xs);transition:opacity .2s}.deprecated--Attachment-File_error{opacity:.4}.deprecated--Attachment-Button{flex:none;opacity:0;transition:opacity .2s ease}.deprecated--Attachment-Content{flex:1;overflow:hidden;overflow-wrap:break-word}.deprecated--Attachment-Content>.Text:not(:first-child){margin-top:var(--space-2xs)}.deprecated--Attachment-Content:not(:last-child){margin-right:var(--space-xs)}.deprecated--Attachment_withAction{cursor:pointer}.deprecated--Attachment_withAction:hover{background:var(--color-control-bg-clear-hover)}.deprecated--Attachment_withOnButtonAction:hover .deprecated--Attachment_withOnButtonAction-Button{opacity:1}.deprecated--Attachment_withOnButtonAction:hover{background:var(--color-control-bg-clear-hover)}.deprecated--Attachment_withOnButtonAction:hover .deprecated--Attachment-Button{opacity:1}

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

@@ -1 +1 @@
-{"version":3,"file":"AttachmentDeprecated.js","names":["React","cnDeprecated","forwardRefWithAs","Button","File","Text","attachmentPropSizeDefault","cnAttachment","fileSizeMap","xs","s","m","textSizeMap","descriptionSizeMap","Attachment","props","ref","className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/AttachmentDeprecated/AttachmentDeprecated.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Button } from '../Button/Button';\nimport { File } from '../File/File';\nimport { Text, TextPropSize } from '../Text/Text';\nimport {\n  AttachmentProps,\n  AttachmentPropSize,\n  attachmentPropSizeDefault,\n} from './types';\n\nconst cnAttachment = cnDeprecated('Attachment');\n\nconst fileSizeMap: Record<AttachmentPropSize, FileIconPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n};\n\nconst textSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n};\n\nconst descriptionSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n};\nconst Attachment = forwardRefWithAs<AttachmentProps>((props, ref) => {\n  const {\n    className,\n    as = 'div',\n    fileExtension,\n    loading,\n    fileName,\n    buttonIcon,\n    onButtonClick,\n    errorText,\n    loadingText = 'Loading',\n    loadingProgress,\n    fileDescription,\n    size = attachmentPropSizeDefault,\n    onClick,\n    withAction: withActionProp,\n    buttonTitle,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const withAction = withActionProp || Boolean(onClick);\n  const withOnButtonAction = Boolean(onButtonClick);\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick}\n      className={cnAttachment({ withAction, withOnButtonAction, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      <File\n        className={cnAttachment('File', { error: Boolean(errorText) })}\n        extension={fileExtension}\n        loading={loading}\n        loadingWithProgressSpin\n        loadingProgress={loadingProgress}\n        size={fileSizeMap[size]}\n      />\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size={textSizeMap[size]}\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {loadingProgress\n              ? `${loadingText} ${loadingProgress}%`\n              : `${loadingText}...`}\n          </Text>\n        )}\n        {errorText && (\n          <Text\n            className={cnAttachment('ErrorText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"alert\"\n          >\n            {errorText}\n          </Text>\n        )}\n      </div>\n      {withOnButtonAction && (\n        <Button\n          className={cnAttachment('Button')}\n          as=\"span\"\n          onlyIcon\n          iconLeft={buttonIcon}\n          onClick={onButtonClick}\n          title={buttonTitle}\n          size=\"xs\"\n          view=\"clear\"\n        />\n      )}\n    </Tag>\n  );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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"}
+{"version":3,"file":"AttachmentDeprecated.js","names":["React","cnDeprecated","forwardRefWithAs","Button","File","Text","attachmentPropSizeDefault","cnAttachment","fileSizeMap","xs","s","m","textSizeMap","descriptionSizeMap","Attachment","props","ref","className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/AttachmentDeprecated/AttachmentDeprecated.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Button } from '../Button/Button';\nimport { File } from '../File/File';\nimport { Text, TextPropSize } from '../Text/Text';\nimport {\n  AttachmentProps,\n  AttachmentPropSize,\n  attachmentPropSizeDefault,\n} from './types';\n\nconst cnAttachment = cnDeprecated('Attachment');\n\nconst fileSizeMap: Record<AttachmentPropSize, FileIconPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n};\n\nconst textSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n};\n\nconst descriptionSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n};\n\nconst Attachment = forwardRefWithAs<AttachmentProps>((props, ref) => {\n  const {\n    className,\n    as = 'div',\n    fileExtension,\n    loading,\n    fileName,\n    buttonIcon,\n    onButtonClick,\n    errorText,\n    loadingText = 'Loading',\n    loadingProgress,\n    fileDescription,\n    size = attachmentPropSizeDefault,\n    onClick,\n    withAction: withActionProp,\n    buttonTitle,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const withAction = withActionProp || Boolean(onClick);\n  const withOnButtonAction = Boolean(onButtonClick);\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick}\n      className={cnAttachment({ withAction, withOnButtonAction, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      <File\n        className={cnAttachment('File', { error: Boolean(errorText) })}\n        extension={fileExtension}\n        loading={loading}\n        loadingWithProgressSpin\n        loadingProgress={loadingProgress}\n        size={fileSizeMap[size]}\n      />\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size={textSizeMap[size]}\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {loadingProgress\n              ? `${loadingText} ${loadingProgress}%`\n              : `${loadingText}...`}\n          </Text>\n        )}\n        {errorText && (\n          <Text\n            className={cnAttachment('ErrorText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"alert\"\n          >\n            {errorText}\n          </Text>\n        )}\n      </div>\n      {withOnButtonAction && (\n        <Button\n          className={cnAttachment('Button')}\n          as=\"span\"\n          onlyIcon\n          iconLeft={buttonIcon}\n          onClick={onButtonClick}\n          title={buttonTitle}\n          size=\"xs\"\n          view=\"clear\"\n        />\n      )}\n    </Tag>\n  );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { IconComponent } from '@consta/icons/Icon';
 export declare const attachmentPropSize: readonly ["s", "xs", "m"];
-export type AttachmentPropSize = typeof attachmentPropSize[number];
+export type AttachmentPropSize = (typeof attachmentPropSize)[number];
 export declare const attachmentPropSizeDefault: AttachmentPropSize;
 export type AttachmentProps = {
     fileExtension?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/AttachmentDeprecated/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const attachmentPropSize = ['s', 'xs', 'm'] as const;\nexport type AttachmentPropSize = typeof attachmentPropSize[number];\nexport const attachmentPropSizeDefault: AttachmentPropSize =\n  attachmentPropSize[0];\n\nexport type AttachmentProps = {\n  fileExtension?: string;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  size?: AttachmentPropSize;\n  loadingText?: string;\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  buttonIcon?: IconComponent;\n  buttonTitle?: string;\n  withAction?: boolean;\n  className?: string;\n  children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}
+{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/AttachmentDeprecated/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const attachmentPropSize = ['s', 'xs', 'm'] as const;\nexport type AttachmentPropSize = (typeof attachmentPropSize)[number];\nexport const attachmentPropSizeDefault: AttachmentPropSize =\n  attachmentPropSize[0];\n\nexport type AttachmentProps = {\n  fileExtension?: string;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  size?: AttachmentPropSize;\n  loadingText?: string;\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  buttonIcon?: IconComponent;\n  buttonTitle?: string;\n  withAction?: boolean;\n  className?: string;\n  children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

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

@@ -1,9 +1,9 @@
 import './Avatar.css';
 export declare const avatarPropSize: readonly ["m", "s", "xs", "l"];
-export type AvatarPropSize = typeof avatarPropSize[number];
+export type AvatarPropSize = (typeof avatarPropSize)[number];
 export declare const avatarPropSizeDefault: AvatarPropSize;
 export declare const avatarPropForm: readonly ["round", "brick", "default"];
-export type AvatarPropForm = typeof avatarPropForm[number];
+export type AvatarPropForm = (typeof avatarPropForm)[number];
 export declare const avatarPropFormDefault: AvatarPropForm;
 type Props = {
     url?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","useMemo","cn","forwardRefWithAs","getColorIndexForName","getInitialsForName","MAX_COLOR_INDEX","avatarPropSize","avatarPropSizeDefault","avatarPropForm","avatarPropFormDefault","cnAvatar","Avatar","props","ref","as","className","size","form","url","name","monochrome","style","otherProps","initials","colorIndex"],"sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import './Avatar.css';\n\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport {\n  getColorIndexForName,\n  getInitialsForName,\n  MAX_COLOR_INDEX,\n} from './helpers';\n\nexport const avatarPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarPropSize = typeof avatarPropSize[number];\nexport const avatarPropSizeDefault: AvatarPropSize = avatarPropSize[0];\n\nexport const avatarPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarPropForm = typeof avatarPropForm[number];\nexport const avatarPropFormDefault: AvatarPropForm = avatarPropForm[0];\n\ntype Props = {\n  url?: string;\n  name?: string;\n  size?: AvatarPropSize;\n  form?: AvatarPropForm;\n  children?: never;\n  monochrome?: boolean;\n};\n\nexport const cnAvatar = cn('Avatar');\n\nexport const Avatar = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    as = 'div',\n    className,\n    size = avatarPropSizeDefault,\n    form = avatarPropFormDefault,\n    url,\n    name,\n    monochrome,\n    style,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const initials = useMemo(() => getInitialsForName(name), [name]);\n  const colorIndex = useMemo(\n    () => getColorIndexForName(name, MAX_COLOR_INDEX, monochrome),\n    [name, monochrome],\n  );\n\n  return (\n    <Tag\n      {...otherProps}\n      style={\n        !url\n          ? { ...style, '--avatar-color': `var(--avatar-color-${colorIndex})` }\n          : style\n      }\n      className={cnAvatar(\n        { size, form, monochrome: url ? monochrome : undefined },\n        [className],\n      )}\n      ref={ref}\n    >\n      {url && <img className={cnAvatar('Image')} src={url} alt={name} />}\n      {!url && initials}\n    </Tag>\n  );\n});\n"],"mappings":"20BAAA,qBAEA,MAAOA,MAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OACEC,oBADF,CAEEC,kBAFF,CAGEC,eAHF,iBAMA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAWP,MAAO,IAAME,SAAQ,CAAGT,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMU,OAAM,CAAGT,gBAAgB,CAAQ,SAACU,CAAD,CAAQC,CAAR,CAAgB,OAWxDD,CAXwD,CAE1DE,EAF0D,CAE1DA,CAF0D,YAErD,KAFqD,GAG1DC,CAH0D,CAWxDH,CAXwD,CAG1DG,SAH0D,GAWxDH,CAXwD,CAI1DI,IAJ0D,CAI1DA,CAJ0D,YAInDT,qBAJmD,KAWxDK,CAXwD,CAK1DK,IAL0D,CAK1DA,CAL0D,YAKnDR,qBALmD,GAM1DS,CAN0D,CAWxDN,CAXwD,CAM1DM,GAN0D,CAO1DC,CAP0D,CAWxDP,CAXwD,CAO1DO,IAP0D,CAQ1DC,CAR0D,CAWxDR,CAXwD,CAQ1DQ,UAR0D,CAS1DC,CAT0D,CAWxDT,CAXwD,CAS1DS,KAT0D,CAUvDC,CAVuD,0BAWxDV,CAXwD,YAatDW,CAAQ,CAAGvB,OAAO,CAAC,iBAAMI,mBAAkB,CAACe,CAAD,CAAxB,CAAD,CAAiC,CAACA,CAAD,CAAjC,CAboC,CActDK,CAAU,CAAGxB,OAAO,CACxB,iBAAMG,qBAAoB,CAACgB,CAAD,CAAOd,eAAP,CAAwBe,CAAxB,CAA1B,CADwB,CAExB,CAACD,CAAD,CAAOC,CAAP,CAFwB,CAdkC,CAmB5D,MACE,qBARUN,CAQV,kBACMQ,CADN,EAEE,KAAK,CACFJ,CAAD,CAEIG,CAFJ,gCACSA,CADT,MACgB,8CAAwCG,CAAxC,KADhB,EAHJ,CAOE,SAAS,CAAEd,QAAQ,CACjB,CAAEM,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcG,UAAU,CAAEF,CAAG,CAAGE,CAAH,OAA7B,CADiB,CAEjB,CAACL,CAAD,CAFiB,CAPrB,CAWE,GAAG,CAAEF,CAXP,GAaGK,CAAG,EAAI,2BAAK,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAxB,CAAmC,GAAG,CAAEQ,CAAxC,CAA6C,GAAG,CAAEC,CAAlD,EAbV,CAcG,CAACD,CAAD,EAAQK,CAdX,CAiBH,CArCqC,CAA/B"}
+{"version":3,"file":"Avatar.js","names":["React","useMemo","cn","forwardRefWithAs","getColorIndexForName","getInitialsForName","MAX_COLOR_INDEX","avatarPropSize","avatarPropSizeDefault","avatarPropForm","avatarPropFormDefault","cnAvatar","Avatar","props","ref","as","className","size","form","url","name","monochrome","style","otherProps","initials","colorIndex"],"sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import './Avatar.css';\n\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport {\n  getColorIndexForName,\n  getInitialsForName,\n  MAX_COLOR_INDEX,\n} from './helpers';\n\nexport const avatarPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarPropSize = (typeof avatarPropSize)[number];\nexport const avatarPropSizeDefault: AvatarPropSize = avatarPropSize[0];\n\nexport const avatarPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarPropForm = (typeof avatarPropForm)[number];\nexport const avatarPropFormDefault: AvatarPropForm = avatarPropForm[0];\n\ntype Props = {\n  url?: string;\n  name?: string;\n  size?: AvatarPropSize;\n  form?: AvatarPropForm;\n  children?: never;\n  monochrome?: boolean;\n};\n\nexport const cnAvatar = cn('Avatar');\n\nexport const Avatar = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    as = 'div',\n    className,\n    size = avatarPropSizeDefault,\n    form = avatarPropFormDefault,\n    url,\n    name,\n    monochrome,\n    style,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const initials = useMemo(() => getInitialsForName(name), [name]);\n  const colorIndex = useMemo(\n    () => getColorIndexForName(name, MAX_COLOR_INDEX, monochrome),\n    [name, monochrome],\n  );\n\n  return (\n    <Tag\n      {...otherProps}\n      style={\n        !url\n          ? { ...style, '--avatar-color': `var(--avatar-color-${colorIndex})` }\n          : style\n      }\n      className={cnAvatar(\n        { size, form, monochrome: url ? monochrome : undefined },\n        [className],\n      )}\n      ref={ref}\n    >\n      {url && <img className={cnAvatar('Image')} src={url} alt={name} />}\n      {!url && initials}\n    </Tag>\n  );\n});\n"],"mappings":"20BAAA,qBAEA,MAAOA,MAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OACEC,oBADF,CAEEC,kBAFF,CAGEC,eAHF,iBAMA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAWP,MAAO,IAAME,SAAQ,CAAGT,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMU,OAAM,CAAGT,gBAAgB,CAAQ,SAACU,CAAD,CAAQC,CAAR,CAAgB,OAWxDD,CAXwD,CAE1DE,EAF0D,CAE1DA,CAF0D,YAErD,KAFqD,GAG1DC,CAH0D,CAWxDH,CAXwD,CAG1DG,SAH0D,GAWxDH,CAXwD,CAI1DI,IAJ0D,CAI1DA,CAJ0D,YAInDT,qBAJmD,KAWxDK,CAXwD,CAK1DK,IAL0D,CAK1DA,CAL0D,YAKnDR,qBALmD,GAM1DS,CAN0D,CAWxDN,CAXwD,CAM1DM,GAN0D,CAO1DC,CAP0D,CAWxDP,CAXwD,CAO1DO,IAP0D,CAQ1DC,CAR0D,CAWxDR,CAXwD,CAQ1DQ,UAR0D,CAS1DC,CAT0D,CAWxDT,CAXwD,CAS1DS,KAT0D,CAUvDC,CAVuD,0BAWxDV,CAXwD,YAatDW,CAAQ,CAAGvB,OAAO,CAAC,iBAAMI,mBAAkB,CAACe,CAAD,CAAxB,CAAD,CAAiC,CAACA,CAAD,CAAjC,CAboC,CActDK,CAAU,CAAGxB,OAAO,CACxB,iBAAMG,qBAAoB,CAACgB,CAAD,CAAOd,eAAP,CAAwBe,CAAxB,CAA1B,CADwB,CAExB,CAACD,CAAD,CAAOC,CAAP,CAFwB,CAdkC,CAmB5D,MACE,qBARUN,CAQV,kBACMQ,CADN,EAEE,KAAK,CACFJ,CAAD,CAEIG,CAFJ,gCACSA,CADT,MACgB,8CAAwCG,CAAxC,KADhB,EAHJ,CAOE,SAAS,CAAEd,QAAQ,CACjB,CAAEM,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcG,UAAU,CAAEF,CAAG,CAAGE,CAAH,OAA7B,CADiB,CAEjB,CAACL,CAAD,CAFiB,CAPrB,CAWE,GAAG,CAAEF,CAXP,GAaGK,CAAG,EAAI,2BAAK,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAxB,CAAmC,GAAG,CAAEQ,CAAxC,CAA6C,GAAG,CAAEC,CAAlD,EAbV,CAcG,CAACD,CAAD,EAAQK,CAdX,CAiBH,CArCqC,CAA/B"}

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const avatarGroupPropSize: readonly ["m", "s", "xs", "l"];
-export type AvatarGroupPropSize = typeof avatarGroupPropSize[number];
+export type AvatarGroupPropSize = (typeof avatarGroupPropSize)[number];
 export declare const avatarGroupPropSizeDefault: AvatarGroupPropSize;
 export declare const avatarGroupPropForm: readonly ["round", "brick", "default"];
-export type AvatarGroupPropForm = typeof avatarGroupPropForm[number];
+export type AvatarGroupPropForm = (typeof avatarGroupPropForm)[number];
 export declare const avatarGroupPropFormDefault: AvatarGroupPropForm;
 export type AvatarGroupDefaultItem = {
     url?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["avatarGroupPropSize","avatarGroupPropSizeDefault","avatarGroupPropForm","avatarGroupPropFormDefault"],"sources":["../../../../../src/components/AvatarGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const avatarGroupPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarGroupPropSize = typeof avatarGroupPropSize[number];\nexport const avatarGroupPropSizeDefault: AvatarGroupPropSize =\n  avatarGroupPropSize[0];\n\nexport const avatarGroupPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarGroupPropForm = typeof avatarGroupPropForm[number];\nexport const avatarGroupPropFormDefault: AvatarGroupPropForm =\n  avatarGroupPropForm[0];\n\nexport type AvatarGroupDefaultItem = {\n  url?: string;\n  name?: string;\n};\n\nexport type AvatarGroupPropGetItemUrl<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type AvatarGroupPropGetItemName<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type AvatarGroupProps<ITEM = AvatarGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      items?: ITEM[];\n      visibleCount?: number | 'auto';\n      getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;\n      getItemName?: AvatarGroupPropGetItemName<ITEM>;\n      size?: AvatarGroupPropSize;\n      form?: AvatarGroupPropForm;\n      monochrome?: boolean;\n    },\n    HTMLDivElement\n  >;\n\nexport type AvatarGroupComponent = <ITEM = AvatarGroupDefaultItem>(\n  props: AvatarGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,oBAAmB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd,CAGP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd"}
+{"version":3,"file":"types.js","names":["avatarGroupPropSize","avatarGroupPropSizeDefault","avatarGroupPropForm","avatarGroupPropFormDefault"],"sources":["../../../../../src/components/AvatarGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const avatarGroupPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarGroupPropSize = (typeof avatarGroupPropSize)[number];\nexport const avatarGroupPropSizeDefault: AvatarGroupPropSize =\n  avatarGroupPropSize[0];\n\nexport const avatarGroupPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarGroupPropForm = (typeof avatarGroupPropForm)[number];\nexport const avatarGroupPropFormDefault: AvatarGroupPropForm =\n  avatarGroupPropForm[0];\n\nexport type AvatarGroupDefaultItem = {\n  url?: string;\n  name?: string;\n};\n\nexport type AvatarGroupPropGetItemUrl<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type AvatarGroupPropGetItemName<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type AvatarGroupProps<ITEM = AvatarGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      items?: ITEM[];\n      visibleCount?: number | 'auto';\n      getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;\n      getItemName?: AvatarGroupPropGetItemName<ITEM>;\n      size?: AvatarGroupPropSize;\n      form?: AvatarGroupPropForm;\n      monochrome?: boolean;\n    },\n    HTMLDivElement\n  >;\n\nexport type AvatarGroupComponent = <ITEM = AvatarGroupDefaultItem>(\n  props: AvatarGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,oBAAmB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd,CAGP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd"}

package/__internal__/src/components/Badge/Badge.css

@@ -1,3 +1,3 @@
 .Badge{--badge-bg-color-var:var(--badge-bg-color-prop,var(--badge-bg-color));--badge-text-color-var:var(--badge-text-color-prop,var(--badge-text-color));--badge-border-color-var:var(
-      --badge-border-color-prop,var(--badge-border-color)
-    );align-items:center;box-sizing:border-box;color:var(--badge-text-color-var);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color-var)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color-var)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color-var) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color-var);width:var(--badge-size)}.Badge-Icon{flex:1}
+    --badge-border-color-prop,var(--badge-border-color)
+  );align-items:center;box-sizing:border-box;color:var(--badge-text-color-var);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color-var)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color-var)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color-var) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color-var);width:var(--badge-size)}.Badge-Icon{flex:1}

package/__internal__/src/components/Badge/maps.js.map

@@ -1 +1 @@
-{"version":3,"file":"maps.js","names":["horizontalPaddingRoundMap","xs","s","m","l","horizontalPaddingDefaultMap","getHorizontalPadding","size","form","minified","sizeMap","sizeMinifiedMap","getSize","textSizeMap","getTextSize","minifiedBorderSizeMap","getMinifiedBorderSize","getBgColor","status","getTextColor","view","getBorderColor","getDegreeMixing"],"sources":["../../../../../src/components/Badge/maps.ts"],"sourcesContent":["import { Space } from '##/mixs/MixSpace';\n\nimport {\n  BadgePropForm,\n  BadgePropSize,\n  BadgePropStatus,\n  BadgePropView,\n} from './types';\n\nconst horizontalPaddingRoundMap: Record<BadgePropSize, Space> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nconst horizontalPaddingDefaultMap: Record<BadgePropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n\nexport const getHorizontalPadding = (\n  size: BadgePropSize,\n  form: BadgePropForm,\n  minified: boolean,\n) => {\n  if (minified) {\n    return undefined;\n  }\n  if (form === 'default') {\n    return `var(--space-${horizontalPaddingDefaultMap[size]})`;\n  }\n  return `var(--space-${horizontalPaddingRoundMap[size]})`;\n};\n\nconst sizeMap: Record<BadgePropSize, Space> = {\n  xs: 'm',\n  s: 'l',\n  m: 'xl',\n  l: '2xl',\n};\n\nconst sizeMinifiedMap: Record<BadgePropSize, number> = {\n  xs: 10,\n  s: 16,\n  m: 24,\n  l: 32,\n};\n\nexport const getSize = (size: BadgePropSize, minified: boolean) => {\n  if (minified) {\n    return `${sizeMinifiedMap[size]}px`;\n  }\n\n  return `var(--space-${sizeMap[size]})`;\n};\n\nconst textSizeMap: Record<BadgePropSize, string> = {\n  xs: 'calc(var(--size-text-m) / 2)',\n  s: 'var(--size-text-2xs)',\n  m: 'var(--size-text-xs)',\n  l: 'var(--badge-text-size)',\n};\n\nexport const getTextSize = (size: BadgePropSize) => textSizeMap[size];\n\nconst minifiedBorderSizeMap: Record<BadgePropSize, number> = {\n  xs: 2,\n  s: 3,\n  m: 4,\n  l: 5,\n};\n\nexport const getMinifiedBorderSize = (size: BadgePropSize, minified: boolean) =>\n  minified ? `${minifiedBorderSizeMap[size]}px` : undefined;\n\nexport const getBgColor = (status: BadgePropStatus) =>\n  status === 'disabled'\n    ? 'var(--color-control-bg-disable)'\n    : `var(--color-bg-${status})`;\n\nexport const getTextColor = (status: BadgePropStatus, view: BadgePropView) => {\n  if (status === 'disabled') {\n    return 'var(--color-control-typo-disable)';\n  }\n  if (status === 'system') {\n    return 'var(--color-typo-secondary)';\n  }\n  if (view === 'filled') {\n    return 'var(--color-typo-primary)';\n  }\n  return `var(--color-typo-${status})`;\n};\n\nexport const getBorderColor = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'stroked' && status === 'disabled') {\n    return 'var(--color-control-bg-border-disable)';\n  }\n  if (view === 'stroked') {\n    return `var(--color-bg-${status})`;\n  }\n  return undefined;\n};\n\nexport const getDegreeMixing = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'tinted' && status === 'system') {\n    return '30%';\n  }\n  if (view === 'tinted' && status === 'disabled') {\n    return '100%';\n  }\n  if (view === 'tinted') {\n    return '10%';\n  }\n  return undefined;\n};\n"],"mappings":"GASMA,0BAAuD,CAAG,CAC9DC,EAAE,CAAE,IAD0D,CAE9DC,CAAC,CAAE,IAF2D,CAG9DC,CAAC,CAAE,GAH2D,CAI9DC,CAAC,CAAE,GAJ2D,C,CAO1DC,2BAAyD,CAAG,CAChEJ,EAAE,CAAE,KAD4D,CAEhEC,CAAC,CAAE,KAF6D,CAGhEC,CAAC,CAAE,IAH6D,CAIhEC,CAAC,CAAE,IAJ6D,C,CAOlE,MAAO,IAAME,qBAAoB,CAAG,SAClCC,CADkC,CAElCC,CAFkC,CAGlCC,CAHkC,CAI/B,OACCA,EADD,QAIU,SAAT,GAAAD,CAJD,uBAKqBH,2BAA2B,CAACE,CAAD,CALhD,4BAOmBP,yBAAyB,CAACO,CAAD,CAP5C,KAQJ,CAZM,C,GAcDG,QAAqC,CAAG,CAC5CT,EAAE,CAAE,GADwC,CAE5CC,CAAC,CAAE,GAFyC,CAG5CC,CAAC,CAAE,IAHyC,CAI5CC,CAAC,CAAE,KAJyC,C,CAOxCO,eAA8C,CAAG,CACrDV,EAAE,CAAE,EADiD,CAErDC,CAAC,CAAE,EAFkD,CAGrDC,CAAC,CAAE,EAHkD,CAIrDC,CAAC,CAAE,EAJkD,C,CAOvD,MAAO,IAAMQ,QAAO,CAAG,SAACL,CAAD,CAAsBE,CAAtB,CAA4C,OAC7DA,EAD6D,WAErDE,eAAe,CAACJ,CAAD,CAFsC,6BAK3CG,OAAO,CAACH,CAAD,CALoC,KAMlE,CANM,CAQP,GAAMM,YAA0C,CAAG,CACjDZ,EAAE,CAAE,8BAD6C,CAEjDC,CAAC,CAAE,sBAF8C,CAGjDC,CAAC,CAAE,qBAH8C,CAIjDC,CAAC,CAAE,wBAJ8C,CAAnD,CAOA,MAAO,IAAMU,YAAW,CAAG,SAACP,CAAD,QAAyBM,YAAW,CAACN,CAAD,CAApC,CAApB,CAEP,GAAMQ,sBAAoD,CAAG,CAC3Dd,EAAE,CAAE,CADuD,CAE3DC,CAAC,CAAE,CAFwD,CAG3DC,CAAC,CAAE,CAHwD,CAI3DC,CAAC,CAAE,CAJwD,CAA7D,CAOA,MAAO,IAAMY,sBAAqB,CAAG,SAACT,CAAD,CAAsBE,CAAtB,QACnCA,EAAQ,WAAMM,qBAAqB,CAACR,CAAD,CAA3B,aAD2B,CAA9B,CAGP,MAAO,IAAMU,WAAU,CAAG,SAACC,CAAD,QACb,UAAX,GAAAA,CAAM,CACF,iCADE,0BAEgBA,CAFhB,KADkB,CAAnB,CAKP,MAAO,IAAMC,aAAY,CAAG,SAACD,CAAD,CAA0BE,CAA1B,CAAkD,OAC7D,UAAX,GAAAF,CADwE,CAEnE,mCAFmE,CAI7D,QAAX,GAAAA,CAJwE,CAKnE,6BALmE,CAO/D,QAAT,GAAAE,CAPwE,CAQnE,2BARmE,4BAUjDF,CAViD,KAW7E,CAXM,CAaP,MAAO,IAAMG,eAAc,CAAG,SAC5BH,CAD4B,CAE5BE,CAF4B,CAGzB,OACU,SAAT,GAAAA,CAAI,EAA6B,UAAX,GAAAF,CADvB,CAEM,wCAFN,CAIU,SAAT,GAAAE,CAJD,0BAKwBF,CALxB,YAQJ,CAXM,CAaP,MAAO,IAAMI,gBAAe,CAAG,SAC7BJ,CAD6B,CAE7BE,CAF6B,CAG1B,OACU,QAAT,GAAAA,CAAI,EAA4B,QAAX,GAAAF,CADtB,CAEM,KAFN,CAIU,QAAT,GAAAE,CAAI,EAA4B,UAAX,GAAAF,CAJtB,CAKM,MALN,CAOU,QAAT,GAAAE,CAPD,CAQM,KARN,OAWJ,CAdM"}
+{"version":3,"file":"maps.js","names":["horizontalPaddingRoundMap","xs","s","m","l","horizontalPaddingDefaultMap","getHorizontalPadding","size","form","minified","sizeMap","sizeMinifiedMap","getSize","textSizeMap","getTextSize","minifiedBorderSizeMap","getMinifiedBorderSize","getBgColor","status","getTextColor","view","getBorderColor","getDegreeMixing"],"sources":["../../../../../src/components/Badge/maps.ts"],"sourcesContent":["import { Space } from '##/mixs/MixSpace';\n\nimport {\n  BadgePropForm,\n  BadgePropSize,\n  BadgePropStatus,\n  BadgePropView,\n} from './types';\n\nconst horizontalPaddingRoundMap: Record<BadgePropSize, Space> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nconst horizontalPaddingDefaultMap: Record<BadgePropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n\nexport const getHorizontalPadding = (\n  size: BadgePropSize,\n  form: BadgePropForm,\n  minified: boolean,\n) => {\n  if (minified) {\n    return undefined;\n  }\n  if (form === 'default') {\n    return `var(--space-${horizontalPaddingDefaultMap[size]})`;\n  }\n  return `var(--space-${horizontalPaddingRoundMap[size]})`;\n};\n\nconst sizeMap: Record<BadgePropSize, Space> = {\n  xs: 'm',\n  s: 'l',\n  m: 'xl',\n  l: '2xl',\n};\n\nconst sizeMinifiedMap: Record<BadgePropSize, number> = {\n  xs: 10,\n  s: 16,\n  m: 24,\n  l: 32,\n};\n\nexport const getSize = (size: BadgePropSize, minified: boolean) => {\n  if (minified) {\n    return `${sizeMinifiedMap[size]}px`;\n  }\n\n  return `var(--space-${sizeMap[size]})`;\n};\n\nconst textSizeMap: Record<BadgePropSize, string> = {\n  xs: 'calc(var(--size-text-m) / 2)',\n  s: 'var(--size-text-2xs)',\n  m: 'var(--size-text-xs)',\n  l: 'var(--badge-text-size)',\n};\n\nexport const getTextSize = (size: BadgePropSize) => textSizeMap[size];\n\nconst minifiedBorderSizeMap: Record<BadgePropSize, number> = {\n  xs: 2,\n  s: 3,\n  m: 4,\n  l: 5,\n};\n\nexport const getMinifiedBorderSize = (\n  size: BadgePropSize,\n  minified: boolean,\n) => (minified ? `${minifiedBorderSizeMap[size]}px` : undefined);\n\nexport const getBgColor = (status: BadgePropStatus) =>\n  status === 'disabled'\n    ? 'var(--color-control-bg-disable)'\n    : `var(--color-bg-${status})`;\n\nexport const getTextColor = (status: BadgePropStatus, view: BadgePropView) => {\n  if (status === 'disabled') {\n    return 'var(--color-control-typo-disable)';\n  }\n  if (status === 'system') {\n    return 'var(--color-typo-secondary)';\n  }\n  if (view === 'filled') {\n    return 'var(--color-typo-primary)';\n  }\n  return `var(--color-typo-${status})`;\n};\n\nexport const getBorderColor = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'stroked' && status === 'disabled') {\n    return 'var(--color-control-bg-border-disable)';\n  }\n  if (view === 'stroked') {\n    return `var(--color-bg-${status})`;\n  }\n  return undefined;\n};\n\nexport const getDegreeMixing = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'tinted' && status === 'system') {\n    return '30%';\n  }\n  if (view === 'tinted' && status === 'disabled') {\n    return '100%';\n  }\n  if (view === 'tinted') {\n    return '10%';\n  }\n  return undefined;\n};\n"],"mappings":"GASMA,0BAAuD,CAAG,CAC9DC,EAAE,CAAE,IAD0D,CAE9DC,CAAC,CAAE,IAF2D,CAG9DC,CAAC,CAAE,GAH2D,CAI9DC,CAAC,CAAE,GAJ2D,C,CAO1DC,2BAAyD,CAAG,CAChEJ,EAAE,CAAE,KAD4D,CAEhEC,CAAC,CAAE,KAF6D,CAGhEC,CAAC,CAAE,IAH6D,CAIhEC,CAAC,CAAE,IAJ6D,C,CAOlE,MAAO,IAAME,qBAAoB,CAAG,SAClCC,CADkC,CAElCC,CAFkC,CAGlCC,CAHkC,CAI/B,OACCA,EADD,QAIU,SAAT,GAAAD,CAJD,uBAKqBH,2BAA2B,CAACE,CAAD,CALhD,4BAOmBP,yBAAyB,CAACO,CAAD,CAP5C,KAQJ,CAZM,C,GAcDG,QAAqC,CAAG,CAC5CT,EAAE,CAAE,GADwC,CAE5CC,CAAC,CAAE,GAFyC,CAG5CC,CAAC,CAAE,IAHyC,CAI5CC,CAAC,CAAE,KAJyC,C,CAOxCO,eAA8C,CAAG,CACrDV,EAAE,CAAE,EADiD,CAErDC,CAAC,CAAE,EAFkD,CAGrDC,CAAC,CAAE,EAHkD,CAIrDC,CAAC,CAAE,EAJkD,C,CAOvD,MAAO,IAAMQ,QAAO,CAAG,SAACL,CAAD,CAAsBE,CAAtB,CAA4C,OAC7DA,EAD6D,WAErDE,eAAe,CAACJ,CAAD,CAFsC,6BAK3CG,OAAO,CAACH,CAAD,CALoC,KAMlE,CANM,CAQP,GAAMM,YAA0C,CAAG,CACjDZ,EAAE,CAAE,8BAD6C,CAEjDC,CAAC,CAAE,sBAF8C,CAGjDC,CAAC,CAAE,qBAH8C,CAIjDC,CAAC,CAAE,wBAJ8C,CAAnD,CAOA,MAAO,IAAMU,YAAW,CAAG,SAACP,CAAD,QAAyBM,YAAW,CAACN,CAAD,CAApC,CAApB,CAEP,GAAMQ,sBAAoD,CAAG,CAC3Dd,EAAE,CAAE,CADuD,CAE3DC,CAAC,CAAE,CAFwD,CAG3DC,CAAC,CAAE,CAHwD,CAI3DC,CAAC,CAAE,CAJwD,CAA7D,CAOA,MAAO,IAAMY,sBAAqB,CAAG,SACnCT,CADmC,CAEnCE,CAFmC,QAG/BA,EAAQ,WAAMM,qBAAqB,CAACR,CAAD,CAA3B,aAHuB,CAA9B,CAKP,MAAO,IAAMU,WAAU,CAAG,SAACC,CAAD,QACb,UAAX,GAAAA,CAAM,CACF,iCADE,0BAEgBA,CAFhB,KADkB,CAAnB,CAKP,MAAO,IAAMC,aAAY,CAAG,SAACD,CAAD,CAA0BE,CAA1B,CAAkD,OAC7D,UAAX,GAAAF,CADwE,CAEnE,mCAFmE,CAI7D,QAAX,GAAAA,CAJwE,CAKnE,6BALmE,CAO/D,QAAT,GAAAE,CAPwE,CAQnE,2BARmE,4BAUjDF,CAViD,KAW7E,CAXM,CAaP,MAAO,IAAMG,eAAc,CAAG,SAC5BH,CAD4B,CAE5BE,CAF4B,CAGzB,OACU,SAAT,GAAAA,CAAI,EAA6B,UAAX,GAAAF,CADvB,CAEM,wCAFN,CAIU,SAAT,GAAAE,CAJD,0BAKwBF,CALxB,YAQJ,CAXM,CAaP,MAAO,IAAMI,gBAAe,CAAG,SAC7BJ,CAD6B,CAE7BE,CAF6B,CAG1B,OACU,QAAT,GAAAA,CAAI,EAA4B,QAAX,GAAAF,CADtB,CAEM,KAFN,CAIU,QAAT,GAAAE,CAAI,EAA4B,UAAX,GAAAF,CAJtB,CAKM,MALN,CAOU,QAAT,GAAAE,CAPD,CAQM,KARN,OAWJ,CAdM"}

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

@@ -1,15 +1,15 @@
 import { IconComponent } from '@consta/icons/Icon';
 export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
-export type BadgePropSize = typeof badgePropSize[number];
+export type BadgePropSize = (typeof badgePropSize)[number];
 export declare const badgePropSizeDefault: BadgePropSize;
 export declare const badgePropView: readonly ["filled", "stroked", "tinted"];
-export type BadgePropView = typeof badgePropView[number];
+export type BadgePropView = (typeof badgePropView)[number];
 export declare const badgePropViewDefault: BadgePropView;
 export declare const badgePropStatus: readonly ["normal", "success", "warning", "alert", "system", "disabled"];
-export type BadgePropStatus = typeof badgePropStatus[number] | 'error';
+export type BadgePropStatus = (typeof badgePropStatus)[number] | 'error';
 export declare const badgePropStatusDefault: BadgePropStatus;
 export declare const badgePropForm: readonly ["default", "round"];
-export type BadgePropForm = typeof badgePropForm[number];
+export type BadgePropForm = (typeof badgePropForm)[number];
 export declare const badgePropFormDefault: BadgePropForm;
 export type BadgeProps = {
     size?: BadgePropSize;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault"],"sources":["../../../../../src/components/Badge/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const badgePropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = 'm';\n\nexport const badgePropView = ['filled', 'stroked', 'tinted'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n  'normal',\n  'success',\n  'warning',\n  'alert',\n  'system',\n  'disabled',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number] | 'error';\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = typeof badgePropForm[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\nexport type BadgeProps = {\n  size?: BadgePropSize;\n  view?: BadgePropView;\n  /**\n   * \"error\" deprecated since version 5.13.0 use \"alert\"\n   */\n  status?: BadgePropStatus;\n  form?: BadgePropForm;\n  minified?: boolean;\n  /**\n   * @deprecated since version 4.17.2 use iconLeft\n   */\n  icon?: IconComponent;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  label?: string;\n  children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,cAAa,CAAG,CAAC,QAAD,CAAW,SAAX,CAAsB,QAAtB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,gBAAe,CAAG,CAC7B,QAD6B,CAE7B,SAF6B,CAG7B,SAH6B,CAI7B,OAJ6B,CAK7B,QAL6B,CAM7B,UAN6B,CAAxB,CASP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD"}
+{"version":3,"file":"types.js","names":["badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault"],"sources":["../../../../../src/components/Badge/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const badgePropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BadgePropSize = (typeof badgePropSize)[number];\nexport const badgePropSizeDefault: BadgePropSize = 'm';\n\nexport const badgePropView = ['filled', 'stroked', 'tinted'] as const;\nexport type BadgePropView = (typeof badgePropView)[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n  'normal',\n  'success',\n  'warning',\n  'alert',\n  'system',\n  'disabled',\n] as const;\nexport type BadgePropStatus = (typeof badgePropStatus)[number] | 'error';\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = (typeof badgePropForm)[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\nexport type BadgeProps = {\n  size?: BadgePropSize;\n  view?: BadgePropView;\n  /**\n   * \"error\" deprecated since version 5.13.0 use \"alert\"\n   */\n  status?: BadgePropStatus;\n  form?: BadgePropForm;\n  minified?: boolean;\n  /**\n   * @deprecated since version 4.17.2 use iconLeft\n   */\n  icon?: IconComponent;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  label?: string;\n  children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,cAAa,CAAG,CAAC,QAAD,CAAW,SAAX,CAAsB,QAAtB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,gBAAe,CAAG,CAC7B,QAD6B,CAE7B,SAF6B,CAG7B,SAH6B,CAI7B,OAJ6B,CAK7B,QAL6B,CAM7B,UAN6B,CAAxB,CASP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD"}

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

@@ -4,16 +4,16 @@ import React from 'react';
 import { MixSpaceProps, Space } from '../../mixs/MixSpace';
 import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';
 export declare const bannerPropSize: readonly ["xs", "s", "m", "l"];
-export type BannerPropSize = typeof bannerPropSize[number];
+export type BannerPropSize = (typeof bannerPropSize)[number];
 export declare const bannerPropSizeDefault: BannerPropSize;
 export declare const bannerPropView: readonly ["filled", "ghost", "transparent"];
-export type BannerPropView = typeof bannerPropView[number];
+export type BannerPropView = (typeof bannerPropView)[number];
 export declare const bannerPropViewDefault: BannerPropView;
 export declare const bannerPropStatus: readonly ["normal", "warning", "alert", "success", "system"];
-export type BannerPropStatus = typeof bannerPropStatus[number];
+export type BannerPropStatus = (typeof bannerPropStatus)[number];
 export declare const bannerPropStatusDefault: BannerPropStatus;
 export declare const bannerPropForm: readonly ["default", "round", "brick"];
-export type BannerPropForm = typeof bannerPropForm[number];
+export type BannerPropForm = (typeof bannerPropForm)[number];
 export declare const bannerPropFormDefault: BannerPropForm;
 export type BannerProps = PropsWithJsxAttributes<{
     leftSide?: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","forwardRef","cnText","Text","useTheme","cnMixFlex","cnMixSpace","cn","isNotNil","isString","bannerPropSize","bannerPropSizeDefault","bannerPropView","bannerPropViewDefault","bannerPropStatus","bannerPropStatusDefault","bannerPropForm","bannerPropFormDefault","cnBanner","SlotWrapper","children","renderSlot","slot","index","position","renderSlots","Array","isArray","filter","map","item","getGap","gap","textSizeMap","xs","s","m","l","controlSizeMap","Banner","props","ref","leftSide","rightSide","Icon","icon","size","view","className","space","itemsGap","status","style","form","otherProps","themeClassNames","leftSlots","rightSlots","justify","length","align","pH","pV","color","accent"],"sources":["../../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import './Banner.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { cnText, Text } from '##/components/Text';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace, MixSpaceProps, Space } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { isNotNil, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nexport const bannerPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BannerPropSize = typeof bannerPropSize[number];\nexport const bannerPropSizeDefault: BannerPropSize = bannerPropSize[2]; // 'm'\n\nexport const bannerPropView = ['filled', 'ghost', 'transparent'] as const;\nexport type BannerPropView = typeof bannerPropView[number];\nexport const bannerPropViewDefault: BannerPropView = bannerPropView[0]; // 'filled'\n\nexport const bannerPropStatus = [\n  'normal',\n  'warning',\n  'alert',\n  'success',\n  'system',\n] as const;\nexport type BannerPropStatus = typeof bannerPropStatus[number];\nexport const bannerPropStatusDefault: BannerPropStatus = bannerPropStatus[0]; // 'normal'\n\nexport const bannerPropForm = ['default', 'round', 'brick'] as const;\nexport type BannerPropForm = typeof bannerPropForm[number];\nexport const bannerPropFormDefault: BannerPropForm = bannerPropForm[0]; // 'default'\n\nexport type BannerProps = PropsWithJsxAttributes<{\n  leftSide?: React.ReactNode;\n  rightSide?: React.ReactNode;\n  icon?: IconComponent;\n  size?: BannerPropSize;\n  view?: BannerPropView;\n  space?: MixSpaceProps;\n  itemsGap?: Space | [Space, Space];\n  status?: BannerPropStatus;\n  form?: BannerPropForm;\n}>;\n\nexport const cnBanner = cn('Banner');\n\nconst SlotWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={cnBanner('Slot')}>{children}</div>\n);\n\nconst renderSlot = (slot: React.ReactNode, index: number, position: number) => {\n  if (isString(slot)) {\n    return (\n      <SlotWrapper key={cnBanner('Slot', { index, position })}>\n        <Text\n          className={cnBanner('Text')}\n          view=\"primary\"\n          weight={index === 0 && position === 0 ? 'bold' : undefined}\n          lineHeight=\"m\"\n        >\n          {slot}\n        </Text>\n      </SlotWrapper>\n    );\n  }\n\n  return (\n    <SlotWrapper key={cnBanner('Slot', { index, position })}>\n      {slot}\n    </SlotWrapper>\n  );\n};\n\nconst renderSlots = (slot: React.ReactNode, position: number) => {\n  if (Array.isArray(slot)) {\n    return slot\n      .filter(isNotNil)\n      .map((item, index) => renderSlot(item, index, position));\n  }\n  return renderSlots([slot], position);\n};\n\nconst getGap = (gap: Space | [Space, Space], index: number) => {\n  if (Array.isArray(gap)) {\n    return gap[index];\n  }\n  return gap;\n};\n\nconst textSizeMap: Record<BannerPropSize, 'xs' | 's' | 'm' | 'l'> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nconst controlSizeMap: Record<BannerPropSize, 'xs' | 's' | 'm'> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\n/**\n * Компонент Banner, отображающий содержимое слева и справа.\n * Поддерживает иконки, размеры, виды, статусы и формы.\n *\n * @property {React.ReactNode} [leftSide] - Содержимое на левой стороне.\n * @property {React.ReactNode} [rightSide] - Содержимое на правой стороне.\n * @property {IconComponent} [icon] - Иконка.\n * @property {BannerPropSize} [size] - Размер компонента.\n * @property {BannerPropView} [view] - Визуальный стиль.\n * @property {MixSpaceProps} [space] - Параметры отступов.\n * @property {Space | [Space, Space]} [itemsGap] - Отступы между элементами.\n * @property {BannerPropStatus} [status] - Статус (цветовая схема).\n * @property {BannerPropForm} [form] - Форма компонента.\n */\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>((props, ref) => {\n  const {\n    leftSide,\n    rightSide,\n    icon: Icon,\n    size = bannerPropSizeDefault,\n    view = bannerPropViewDefault,\n    className,\n    space,\n    itemsGap = 's',\n    status = bannerPropStatusDefault,\n    style,\n    form = bannerPropFormDefault,\n    ...otherProps\n  } = props;\n\n  const { themeClassNames } = useTheme();\n\n  const leftSlots = renderSlots(\n    [\n      Icon ? <Icon className={cnBanner('Icon')} /> : null,\n      ...(Array.isArray(leftSide) ? leftSide : [leftSide]),\n    ],\n    0,\n  );\n\n  const rightSlots = renderSlots(rightSide, 1);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnBanner({ view, form, size }, [\n        cnMixFlex({\n          justify:\n            rightSlots.length && !leftSlots.length\n              ? 'flex-end'\n              : 'space-between',\n          align: 'center',\n          gap: 'm',\n        }),\n        cnMixSpace(space || { pH: size, pV: 'xs' }),\n        cnText({ size: textSizeMap[size] }),\n        status !== 'system' && view === 'filled'\n          ? themeClassNames.color.accent\n          : undefined,\n        className,\n      ])}\n      style={{\n        ...style,\n        ['--banner-bg-color' as string]: `var(--color-bg-${status})`,\n        ['--banner-inner-height' as string]: `var(--control-height-${controlSizeMap[size]})`,\n      }}\n      ref={ref}\n    >\n      {leftSlots.length ? (\n        <div\n          className={cnMixFlex({ gap: getGap(itemsGap, 0), align: 'center' })}\n        >\n          {leftSlots}\n        </div>\n      ) : undefined}\n      {rightSlots.length ? (\n        <div\n          className={cnMixFlex({ gap: getGap(itemsGap, 1), align: 'center' })}\n        >\n          {rightSlots}\n        </div>\n      ) : undefined}\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["React","forwardRef","cnText","Text","useTheme","cnMixFlex","cnMixSpace","cn","isNotNil","isString","bannerPropSize","bannerPropSizeDefault","bannerPropView","bannerPropViewDefault","bannerPropStatus","bannerPropStatusDefault","bannerPropForm","bannerPropFormDefault","cnBanner","SlotWrapper","children","renderSlot","slot","index","position","renderSlots","Array","isArray","filter","map","item","getGap","gap","textSizeMap","xs","s","m","l","controlSizeMap","Banner","props","ref","leftSide","rightSide","Icon","icon","size","view","className","space","itemsGap","status","style","form","otherProps","themeClassNames","leftSlots","rightSlots","justify","length","align","pH","pV","color","accent"],"sources":["../../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import './Banner.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { cnText, Text } from '##/components/Text';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace, MixSpaceProps, Space } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { isNotNil, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nexport const bannerPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BannerPropSize = (typeof bannerPropSize)[number];\nexport const bannerPropSizeDefault: BannerPropSize = bannerPropSize[2]; // 'm'\n\nexport const bannerPropView = ['filled', 'ghost', 'transparent'] as const;\nexport type BannerPropView = (typeof bannerPropView)[number];\nexport const bannerPropViewDefault: BannerPropView = bannerPropView[0]; // 'filled'\n\nexport const bannerPropStatus = [\n  'normal',\n  'warning',\n  'alert',\n  'success',\n  'system',\n] as const;\nexport type BannerPropStatus = (typeof bannerPropStatus)[number];\nexport const bannerPropStatusDefault: BannerPropStatus = bannerPropStatus[0]; // 'normal'\n\nexport const bannerPropForm = ['default', 'round', 'brick'] as const;\nexport type BannerPropForm = (typeof bannerPropForm)[number];\nexport const bannerPropFormDefault: BannerPropForm = bannerPropForm[0]; // 'default'\n\nexport type BannerProps = PropsWithJsxAttributes<{\n  leftSide?: React.ReactNode;\n  rightSide?: React.ReactNode;\n  icon?: IconComponent;\n  size?: BannerPropSize;\n  view?: BannerPropView;\n  space?: MixSpaceProps;\n  itemsGap?: Space | [Space, Space];\n  status?: BannerPropStatus;\n  form?: BannerPropForm;\n}>;\n\nexport const cnBanner = cn('Banner');\n\nconst SlotWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={cnBanner('Slot')}>{children}</div>\n);\n\nconst renderSlot = (slot: React.ReactNode, index: number, position: number) => {\n  if (isString(slot)) {\n    return (\n      <SlotWrapper key={cnBanner('Slot', { index, position })}>\n        <Text\n          className={cnBanner('Text')}\n          view=\"primary\"\n          weight={index === 0 && position === 0 ? 'bold' : undefined}\n          lineHeight=\"m\"\n        >\n          {slot}\n        </Text>\n      </SlotWrapper>\n    );\n  }\n\n  return (\n    <SlotWrapper key={cnBanner('Slot', { index, position })}>\n      {slot}\n    </SlotWrapper>\n  );\n};\n\nconst renderSlots = (slot: React.ReactNode, position: number) => {\n  if (Array.isArray(slot)) {\n    return slot\n      .filter(isNotNil)\n      .map((item, index) => renderSlot(item, index, position));\n  }\n  return renderSlots([slot], position);\n};\n\nconst getGap = (gap: Space | [Space, Space], index: number) => {\n  if (Array.isArray(gap)) {\n    return gap[index];\n  }\n  return gap;\n};\n\nconst textSizeMap: Record<BannerPropSize, 'xs' | 's' | 'm' | 'l'> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nconst controlSizeMap: Record<BannerPropSize, 'xs' | 's' | 'm'> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\n/**\n * Компонент Banner, отображающий содержимое слева и справа.\n * Поддерживает иконки, размеры, виды, статусы и формы.\n *\n * @property {React.ReactNode} [leftSide] - Содержимое на левой стороне.\n * @property {React.ReactNode} [rightSide] - Содержимое на правой стороне.\n * @property {IconComponent} [icon] - Иконка.\n * @property {BannerPropSize} [size] - Размер компонента.\n * @property {BannerPropView} [view] - Визуальный стиль.\n * @property {MixSpaceProps} [space] - Параметры отступов.\n * @property {Space | [Space, Space]} [itemsGap] - Отступы между элементами.\n * @property {BannerPropStatus} [status] - Статус (цветовая схема).\n * @property {BannerPropForm} [form] - Форма компонента.\n */\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>((props, ref) => {\n  const {\n    leftSide,\n    rightSide,\n    icon: Icon,\n    size = bannerPropSizeDefault,\n    view = bannerPropViewDefault,\n    className,\n    space,\n    itemsGap = 's',\n    status = bannerPropStatusDefault,\n    style,\n    form = bannerPropFormDefault,\n    ...otherProps\n  } = props;\n\n  const { themeClassNames } = useTheme();\n\n  const leftSlots = renderSlots(\n    [\n      Icon ? <Icon className={cnBanner('Icon')} /> : null,\n      ...(Array.isArray(leftSide) ? leftSide : [leftSide]),\n    ],\n    0,\n  );\n\n  const rightSlots = renderSlots(rightSide, 1);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnBanner({ view, form, size }, [\n        cnMixFlex({\n          justify:\n            rightSlots.length && !leftSlots.length\n              ? 'flex-end'\n              : 'space-between',\n          align: 'center',\n          gap: 'm',\n        }),\n        cnMixSpace(space || { pH: size, pV: 'xs' }),\n        cnText({ size: textSizeMap[size] }),\n        status !== 'system' && view === 'filled'\n          ? themeClassNames.color.accent\n          : undefined,\n        className,\n      ])}\n      style={{\n        ...style,\n        ['--banner-bg-color' as string]: `var(--color-bg-${status})`,\n        ['--banner-inner-height' as string]: `var(--control-height-${controlSizeMap[size]})`,\n      }}\n      ref={ref}\n    >\n      {leftSlots.length ? (\n        <div\n          className={cnMixFlex({ gap: getGap(itemsGap, 0), align: 'center' })}\n        >\n          {leftSlots}\n        </div>\n      ) : undefined}\n      {rightSlots.length ? (\n        <div\n          className={cnMixFlex({ gap: getGap(itemsGap, 1), align: 'center' })}\n        >\n          {rightSlots}\n        </div>\n      ) : undefined}\n    </div>\n  );\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BookmarkTabs.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useState","useComponentSize","useForkRef","cnMixScrollBar","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","as","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","onMouseLeaveProp","onMouseLeave","className","id","highlightedIndex","setHighlightedIndex","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","bordered","index","tabWidth","onClick","e","active","label","leftIcon","rightIcon","tabRef","onClose","hovered","borderedIndexes","arr","activeIndex","indexOf","Array","from","length","keys","slice","filter","el","invisible","map","includes","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabs/BookmarkTabs.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactNode => {\n  const { item: _item, attributes = {}, as, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} as={as} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    onMouseLeave: onMouseLeaveProp,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n\n  type Item = typeof items[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLDivElement>,\n    bordered: boolean,\n    index: number,\n    tabWidth?: string,\n  ) => (\n    <div\n      className={cnBookmarkTabs('Tab')}\n      onMouseEnter={() => setHighlightedIndex(index)}\n      onFocus={() => setHighlightedIndex(index)}\n      ref={controlRef}\n    >\n      {renderItemProp({\n        item,\n        onClick: (e) => onChange?.(item, { e }),\n        active: getItemActive(item),\n        label: getItemLabel(item),\n        leftIcon: getItemLeftIcon(item),\n        rightIcon: getItemRightIcon(item),\n        as: getItemAs(item) ?? 'div',\n        attributes: getItemAttributes(item),\n        tabRef: getItemRef(item),\n        fixed,\n        bordered,\n        onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n        size,\n        view,\n        hovered: highlightedIndex === index,\n        form,\n        tabWidth,\n      })}\n    </div>\n  );\n\n  const onMouseLeave: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    onMouseLeaveProp?.(e);\n    setHighlightedIndex(null);\n  };\n\n  const borderedIndexes = useMemo(() => {\n    const arr = [...fixedTabs, ...otherTabs];\n    const activeIndex = value ? arr.indexOf(value) : -1;\n    return Array.from(Array(arr.length).keys())\n      .slice(undefined, -1)\n      .filter((el) =>\n        form === 'round' ? el !== activeIndex && el !== activeIndex - 1 : true,\n      );\n  }, [fixedTabs, otherTabs, value, form]);\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      onMouseLeave={onMouseLeave}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div\n        ref={wrapperRef}\n        className={cnBookmarkTabs(\n          'Wrapper',\n          cnMixScrollBar({ invisible: true }),\n        )}\n      >\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                true,\n                refs[index],\n                borderedIndexes.includes(index),\n                index,\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => {\n            const { length } = fixedTabs;\n            return (\n              <React.Fragment key={getItemKey(item)}>\n                {renderItem(\n                  item,\n                  false,\n                  refs[length + index],\n                  borderedIndexes.includes(length + index),\n                  length + index,\n                  sizes[index],\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            type=\"button\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BookmarkTabs.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useState","useComponentSize","useForkRef","cnMixScrollBar","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","as","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","onMouseLeaveProp","onMouseLeave","className","id","highlightedIndex","setHighlightedIndex","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","bordered","index","tabWidth","onClick","e","active","label","leftIcon","rightIcon","tabRef","onClose","hovered","borderedIndexes","arr","activeIndex","indexOf","Array","from","length","keys","slice","filter","el","invisible","map","includes","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabs/BookmarkTabs.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactNode => {\n  const { item: _item, attributes = {}, as, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} as={as} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    onMouseLeave: onMouseLeaveProp,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n\n  type Item = (typeof items)[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLDivElement>,\n    bordered: boolean,\n    index: number,\n    tabWidth?: string,\n  ) => (\n    <div\n      className={cnBookmarkTabs('Tab')}\n      onMouseEnter={() => setHighlightedIndex(index)}\n      onFocus={() => setHighlightedIndex(index)}\n      ref={controlRef}\n    >\n      {renderItemProp({\n        item,\n        onClick: (e) => onChange?.(item, { e }),\n        active: getItemActive(item),\n        label: getItemLabel(item),\n        leftIcon: getItemLeftIcon(item),\n        rightIcon: getItemRightIcon(item),\n        as: getItemAs(item) ?? 'div',\n        attributes: getItemAttributes(item),\n        tabRef: getItemRef(item),\n        fixed,\n        bordered,\n        onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n        size,\n        view,\n        hovered: highlightedIndex === index,\n        form,\n        tabWidth,\n      })}\n    </div>\n  );\n\n  const onMouseLeave: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    onMouseLeaveProp?.(e);\n    setHighlightedIndex(null);\n  };\n\n  const borderedIndexes = useMemo(() => {\n    const arr = [...fixedTabs, ...otherTabs];\n    const activeIndex = value ? arr.indexOf(value) : -1;\n    return Array.from(Array(arr.length).keys())\n      .slice(undefined, -1)\n      .filter((el) =>\n        form === 'round' ? el !== activeIndex && el !== activeIndex - 1 : true,\n      );\n  }, [fixedTabs, otherTabs, value, form]);\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      onMouseLeave={onMouseLeave}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div\n        ref={wrapperRef}\n        className={cnBookmarkTabs(\n          'Wrapper',\n          cnMixScrollBar({ invisible: true }),\n        )}\n      >\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                true,\n                refs[index],\n                borderedIndexes.includes(index),\n                index,\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => {\n            const { length } = fixedTabs;\n            return (\n              <React.Fragment key={getItemKey(item)}>\n                {renderItem(\n                  item,\n                  false,\n                  refs[length + index],\n                  borderedIndexes.includes(length + index),\n                  length + index,\n                  sizes[index],\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            type=\"button\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}

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

@@ -4,13 +4,13 @@ import { AsAttributes, AsTags } from '../../utils/types/AsTags';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const bookmarkTabsPropSize: readonly ["m", "s"];
-export type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];
+export type BookmarkTabsPropSize = (typeof bookmarkTabsPropSize)[number];
 export declare const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize;
 export declare const bookmarkTabsPropForm: readonly ["brick", "round"];
-export type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];
+export type BookmarkTabsPropForm = (typeof bookmarkTabsPropForm)[number];
 export declare const bookmarkTabsPropFormDefault: BookmarkTabsPropForm;
 export declare const bookmarkTabsPropView: readonly ["ghost", "clear"];
-export type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];
+export type BookmarkTabsPropView = (typeof bookmarkTabsPropView)[number];
 export declare const bookmarkTabsPropViewDefault: BookmarkTabsPropView;
 export type BookmarkTabsItemDefault = {
     key: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n  bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n  bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n  bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n  key: string | number;\n  label?: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  fixed?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n  value: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n  item: ITEM;\n  hovered?: boolean;\n  onClick: React.MouseEventHandler;\n  active?: boolean;\n  onClose?: React.MouseEventHandler;\n  size: BookmarkTabsPropSize;\n  form: BookmarkTabsPropForm;\n  view: BookmarkTabsPropView;\n  bordered?: boolean;\n  tabWidth?: string;\n  tabRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n  props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BookmarkTabsPropOnRemove<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: BookmarkTabsPropSize;\n      form?: BookmarkTabsPropForm;\n      view?: BookmarkTabsPropView;\n      items: ITEM[];\n      value?: ITEM | null;\n      getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n      getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n      getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n      getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n      getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n      getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n      getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n      getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n      children?: never;\n      withNavigationButtons?: boolean;\n      onCreate?: React.MouseEventHandler;\n      onRemove?: BookmarkTabsPropOnRemove<ITEM>;\n      onChange?: BookmarkTabsPropOnChange<ITEM>;\n      renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { key: string | number }\n      ? {}\n      : {\n          getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n        });\n\nexport type BookmarkTabsComponent = <ITEM>(\n  props: BookmarkTabsProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      hovered?: boolean;\n      size: BookmarkTabsPropSize;\n      form: BookmarkTabsPropForm;\n      view: BookmarkTabsPropView;\n      active?: boolean;\n      tabWidth?: string;\n      bordered?: boolean;\n      tabRef?: React.RefObject<HTMLElement>;\n      fixed?: boolean;\n      onClose?: React.ReactEventHandler;\n    },\n    AS\n  > &\n    Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;\n\nexport type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(\n  props: BookmarkTabsTabProps<AS>,\n) => React.ReactNode | null;\n"],"mappings":"AAOA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}
+{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = (typeof bookmarkTabsPropSize)[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n  bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = (typeof bookmarkTabsPropForm)[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n  bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = (typeof bookmarkTabsPropView)[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n  bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n  key: string | number;\n  label?: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  fixed?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n  value: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n  item: ITEM;\n  hovered?: boolean;\n  onClick: React.MouseEventHandler;\n  active?: boolean;\n  onClose?: React.MouseEventHandler;\n  size: BookmarkTabsPropSize;\n  form: BookmarkTabsPropForm;\n  view: BookmarkTabsPropView;\n  bordered?: boolean;\n  tabWidth?: string;\n  tabRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n  props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BookmarkTabsPropOnRemove<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: BookmarkTabsPropSize;\n      form?: BookmarkTabsPropForm;\n      view?: BookmarkTabsPropView;\n      items: ITEM[];\n      value?: ITEM | null;\n      getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n      getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n      getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n      getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n      getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n      getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n      getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n      getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n      children?: never;\n      withNavigationButtons?: boolean;\n      onCreate?: React.MouseEventHandler;\n      onRemove?: BookmarkTabsPropOnRemove<ITEM>;\n      onChange?: BookmarkTabsPropOnChange<ITEM>;\n      renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { key: string | number }\n      ? {}\n      : {\n          getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n        });\n\nexport type BookmarkTabsComponent = <ITEM>(\n  props: BookmarkTabsProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      hovered?: boolean;\n      size: BookmarkTabsPropSize;\n      form: BookmarkTabsPropForm;\n      view: BookmarkTabsPropView;\n      active?: boolean;\n      tabWidth?: string;\n      bordered?: boolean;\n      tabRef?: React.RefObject<HTMLElement>;\n      fixed?: boolean;\n      onClose?: React.ReactEventHandler;\n    },\n    AS\n  > &\n    Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;\n\nexport type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(\n  props: BookmarkTabsTabProps<AS>,\n) => React.ReactNode | null;\n"],"mappings":"AAOA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["React","forwardRef","cn","BreadcrumbsFitModeDropdown","BreadcrumbsFitModeScroll","BreadcrumbsItem","withDefaultGetters","breadcrumbPropFitModeDefault","breadcrumbPropSizeDefault","cnBreadcrumbs","BreadcrumbsRender","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","onlyIconRoot","className","fitMode","lastItemIsLink","otherProps","shortList","length","renderItem","item","index","isFirst","isLast","hidden","handleClick","e","map","Breadcrumbs"],"sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import './Breadcrumbs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { BreadcrumbsFitModeDropdown } from './BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown';\nimport { BreadcrumbsFitModeScroll } from './BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll';\nimport { BreadcrumbsItem } from './BreadcrumbsItem/BreadcrumbsItem';\nimport { withDefaultGetters } from './helpers';\nimport {\n  breadcrumbPropFitModeDefault,\n  breadcrumbPropSizeDefault,\n  BreadcrumbsComponent,\n  BreadcrumbsPropOnItemClick,\n  BreadcrumbsProps,\n  RenderItem,\n} from './types';\n\nexport const cnBreadcrumbs = cn('Breadcrumbs');\n\nconst BreadcrumbsRender = (\n  props: BreadcrumbsProps,\n  ref: React.Ref<HTMLUListElement>,\n) => {\n  const {\n    items,\n    getItemHref,\n    getItemLabel,\n    getItemIcon,\n    getItemOnClick,\n    getItemSubMenu,\n    onItemClick,\n    size = breadcrumbPropSizeDefault,\n    onlyIconRoot = false,\n    className,\n    fitMode = breadcrumbPropFitModeDefault,\n    lastItemIsLink,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const shortList = items.length <= 2;\n\n  const renderItem: RenderItem<Item> = (\n    item,\n    index,\n    isFirst,\n    isLast,\n    ref,\n    hidden,\n  ) => {\n    if (item === undefined) {\n      return;\n    }\n\n    const handleClick: BreadcrumbsPropOnItemClick<Item> = (item, { e }) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.(item, { e });\n    };\n\n    return (\n      <BreadcrumbsItem\n        className={cnBreadcrumbs('Item', { hidden })}\n        item={item}\n        getItemHref={getItemHref}\n        getItemIcon={getItemIcon}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        onItemClick={handleClick}\n        active={lastItemIsLink ? false : isLast}\n        delimiter={!isFirst}\n        onlyIcon={onlyIconRoot && isFirst}\n        key={cnBreadcrumbs('Item', { index })}\n        size={size}\n        ref={ref}\n      />\n    );\n  };\n\n  if (items.length <= 2) {\n    return (\n      <ul\n        {...otherProps}\n        className={cnBreadcrumbs({ shortList }, [className])}\n        ref={ref}\n      >\n        {items.map((item, index) =>\n          renderItem(item, index, index === 0, index === items.length - 1),\n        )}\n      </ul>\n    );\n  }\n\n  if (fitMode === 'scroll') {\n    return (\n      <BreadcrumbsFitModeScroll\n        {...otherProps}\n        className={cnBreadcrumbs(null, [className])}\n        items={items}\n        renderItem={renderItem}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <BreadcrumbsFitModeDropdown\n      {...otherProps}\n      size={size}\n      className={cnBreadcrumbs(null, [className])}\n      items={items}\n      getItemHref={getItemHref}\n      getItemIcon={getItemIcon}\n      getItemLabel={getItemLabel}\n      getItemOnClick={getItemOnClick}\n      getItemSubMenu={getItemSubMenu}\n      onItemClick={onItemClick}\n      ref={ref}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport const Breadcrumbs = forwardRef(\n  BreadcrumbsRender,\n) as BreadcrumbsComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["React","forwardRef","cn","BreadcrumbsFitModeDropdown","BreadcrumbsFitModeScroll","BreadcrumbsItem","withDefaultGetters","breadcrumbPropFitModeDefault","breadcrumbPropSizeDefault","cnBreadcrumbs","BreadcrumbsRender","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","onlyIconRoot","className","fitMode","lastItemIsLink","otherProps","shortList","length","renderItem","item","index","isFirst","isLast","hidden","handleClick","e","map","Breadcrumbs"],"sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import './Breadcrumbs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { BreadcrumbsFitModeDropdown } from './BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown';\nimport { BreadcrumbsFitModeScroll } from './BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll';\nimport { BreadcrumbsItem } from './BreadcrumbsItem/BreadcrumbsItem';\nimport { withDefaultGetters } from './helpers';\nimport {\n  breadcrumbPropFitModeDefault,\n  breadcrumbPropSizeDefault,\n  BreadcrumbsComponent,\n  BreadcrumbsPropOnItemClick,\n  BreadcrumbsProps,\n  RenderItem,\n} from './types';\n\nexport const cnBreadcrumbs = cn('Breadcrumbs');\n\nconst BreadcrumbsRender = (\n  props: BreadcrumbsProps,\n  ref: React.Ref<HTMLUListElement>,\n) => {\n  const {\n    items,\n    getItemHref,\n    getItemLabel,\n    getItemIcon,\n    getItemOnClick,\n    getItemSubMenu,\n    onItemClick,\n    size = breadcrumbPropSizeDefault,\n    onlyIconRoot = false,\n    className,\n    fitMode = breadcrumbPropFitModeDefault,\n    lastItemIsLink,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = (typeof items)[number];\n\n  const shortList = items.length <= 2;\n\n  const renderItem: RenderItem<Item> = (\n    item,\n    index,\n    isFirst,\n    isLast,\n    ref,\n    hidden,\n  ) => {\n    if (item === undefined) {\n      return;\n    }\n\n    const handleClick: BreadcrumbsPropOnItemClick<Item> = (item, { e }) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.(item, { e });\n    };\n\n    return (\n      <BreadcrumbsItem\n        className={cnBreadcrumbs('Item', { hidden })}\n        item={item}\n        getItemHref={getItemHref}\n        getItemIcon={getItemIcon}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        onItemClick={handleClick}\n        active={lastItemIsLink ? false : isLast}\n        delimiter={!isFirst}\n        onlyIcon={onlyIconRoot && isFirst}\n        key={cnBreadcrumbs('Item', { index })}\n        size={size}\n        ref={ref}\n      />\n    );\n  };\n\n  if (items.length <= 2) {\n    return (\n      <ul\n        {...otherProps}\n        className={cnBreadcrumbs({ shortList }, [className])}\n        ref={ref}\n      >\n        {items.map((item, index) =>\n          renderItem(item, index, index === 0, index === items.length - 1),\n        )}\n      </ul>\n    );\n  }\n\n  if (fitMode === 'scroll') {\n    return (\n      <BreadcrumbsFitModeScroll\n        {...otherProps}\n        className={cnBreadcrumbs(null, [className])}\n        items={items}\n        renderItem={renderItem}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <BreadcrumbsFitModeDropdown\n      {...otherProps}\n      size={size}\n      className={cnBreadcrumbs(null, [className])}\n      items={items}\n      getItemHref={getItemHref}\n      getItemIcon={getItemIcon}\n      getItemLabel={getItemLabel}\n      getItemOnClick={getItemOnClick}\n      getItemSubMenu={getItemSubMenu}\n      onItemClick={onItemClick}\n      ref={ref}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport const Breadcrumbs = forwardRef(\n  BreadcrumbsRender,\n) as BreadcrumbsComponent;\n\nexport * from './types';\n"],"mappings":"qQAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,uBACA,OAASC,0BAAT,+DACA,OAASC,wBAAT,2DACA,OAASC,eAAT,yCACA,OAASC,kBAAT,iBACA,OACEC,4BADF,CAEEC,yBAFF,eASA,MAAO,IAAMC,cAAa,CAAGP,EAAE,CAAC,aAAD,CAAxB,CAEP,GAAMQ,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAeCN,kBAAkB,CAACK,CAAD,CAfnB,CAEDE,CAFC,GAEDA,KAFC,CAGDC,CAHC,GAGDA,WAHC,CAIDC,CAJC,GAIDA,YAJC,CAKDC,CALC,GAKDA,WALC,CAMDC,CANC,GAMDA,cANC,CAODC,CAPC,GAODA,cAPC,CAQDC,CARC,GAQDA,WARC,KASDC,IATC,CASDA,CATC,YASMZ,yBATN,OAUDa,YAVC,CAWDC,CAXC,GAWDA,SAXC,KAYDC,OAZC,CAYDA,CAZC,YAYShB,4BAZT,GAaDiB,CAbC,GAaDA,cAbC,CAcEC,CAdF,uCAmBGC,CAAS,CAAmB,CAAhB,EAAAb,CAAK,CAACc,MAnBrB,CAqBGC,CAA4B,CAAG,SACnCC,CADmC,CAEnCC,CAFmC,CAGnCC,CAHmC,CAInCC,CAJmC,CAKnCpB,CALmC,CAMnCqB,CANmC,CAOhC,CACH,GAAI,SAAAJ,CAAJ,EAIA,GAAMK,EAA6C,CAAG,SAACL,CAAD,GAAiB,OAARM,CAAQ,GAARA,CAAQ,QACrElB,CADqE,WACrEA,CADqE,YACrEA,CAAc,CAAGY,CAAH,CADuD,qBACrE,EAAyBM,CAAzB,CADqE,QAErEhB,CAFqE,WAErEA,CAFqE,QAErEA,CAAW,CAAGU,CAAH,CAAS,CAAEM,CAAC,CAADA,CAAF,CAAT,CACZ,CAHD,CAKA,MACE,qBAAC,eAAD,EACE,SAAS,CAAE1B,aAAa,CAAC,MAAD,CAAS,CAAEwB,MAAM,CAANA,CAAF,CAAT,CAD1B,CAEE,IAAI,CAAEJ,CAFR,CAGE,WAAW,CAAEf,CAHf,CAIE,WAAW,CAAEE,CAJf,CAKE,YAAY,CAAED,CALhB,CAME,cAAc,CAAEG,CANlB,CAOE,WAAW,CAAEgB,CAPf,CAQE,MAAM,EAAEV,CAAF,EAA2BQ,CARnC,CASE,SAAS,CAAE,CAACD,CATd,CAUE,QAAQ,CAAE,eAAgBA,CAV5B,CAWE,GAAG,CAAEtB,aAAa,CAAC,MAAD,CAAS,CAAEqB,KAAK,CAALA,CAAF,CAAT,CAXpB,CAYE,IAAI,CAAEV,CAZR,CAaE,GAAG,CAAER,CAbP,EAVF,CA0BD,CAvDE,OAyDiB,EAAhB,EAAAC,CAAK,CAACc,MAzDP,CA2DC,0CACMF,CADN,EAEE,SAAS,CAAEhB,aAAa,CAAC,CAAEiB,SAAS,CAATA,CAAF,CAAD,CAAgB,CAACJ,CAAD,CAAhB,CAF1B,CAGE,GAAG,CAAEV,CAHP,GAKGC,CAAK,CAACuB,GAAN,CAAU,SAACP,CAAD,CAAOC,CAAP,QACTF,EAAU,CAACC,CAAD,CAAOC,CAAP,CAAwB,CAAV,GAAAA,CAAd,CAA2BA,CAAK,GAAKjB,CAAK,CAACc,MAAN,CAAe,CAApD,CADD,CAAV,CALH,CA3DD,CAuEa,QAAZ,GAAAJ,CAvED,CAyEC,oBAAC,wBAAD,kBACME,CADN,EAEE,SAAS,CAAEhB,aAAa,CAAC,IAAD,CAAO,CAACa,CAAD,CAAP,CAF1B,CAGE,KAAK,CAAET,CAHT,CAIE,UAAU,CAAEe,CAJd,CAKE,GAAG,CAAEhB,CALP,GAzED,CAoFD,oBAAC,0BAAD,kBACMa,CADN,EAEE,IAAI,CAAEL,CAFR,CAGE,SAAS,CAAEX,aAAa,CAAC,IAAD,CAAO,CAACa,CAAD,CAAP,CAH1B,CAIE,KAAK,CAAET,CAJT,CAKE,WAAW,CAAEC,CALf,CAME,WAAW,CAAEE,CANf,CAOE,YAAY,CAAED,CAPhB,CAQE,cAAc,CAAEE,CARlB,CASE,cAAc,CAAEC,CATlB,CAUE,WAAW,CAAEC,CAVf,CAWE,GAAG,CAAEP,CAXP,CAYE,UAAU,CAAEgB,CAZd,GAeH,CAtGD,CAwGA,MAAO,IAAMS,YAAW,CAAGpC,UAAU,CACnCS,iBADmC,CAA9B,CAIP"}

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

@@ -1,10 +1,10 @@
 import { IconComponent } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const breadcrumbPropSize: readonly ["m", "xs", "s", "l"];
-export type BreadcrumbPropSize = typeof breadcrumbPropSize[number];
+export type BreadcrumbPropSize = (typeof breadcrumbPropSize)[number];
 export declare const breadcrumbPropSizeDefault: "m";
 export declare const breadcrumbPropFitMode: readonly ["dropdown", "scroll"];
-export type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];
+export type BreadcrumbPropFitMode = (typeof breadcrumbPropFitMode)[number];
 export declare const breadcrumbPropFitModeDefault: "dropdown";
 export type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;
 export type BreadcrumbsPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BreadcrumbsDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: BreadcrumbsDefaultItem[];\n};\n\nexport type DefaultItem = BreadcrumbsDefaultItem;\n\nexport type RenderItem<ITEM> = (\n  item: ITEM | undefined,\n  index: number | string,\n  isFirst?: boolean,\n  isLast?: boolean,\n  ref?: React.Ref<HTMLLIElement>,\n  hidden?: boolean,\n) => React.ReactNode | undefined;\n\nexport type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      size?: BreadcrumbPropSize;\n      onlyIconRoot?: boolean;\n      fitMode?: BreadcrumbPropFitMode;\n      lastItemIsLink?: boolean;\n    },\n    HTMLUListElement\n  > &\n    (ITEM extends { label: BreadcrumbsDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: BreadcrumbPropSize;\n    items: ITEM[];\n    getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: 'm' | 'xs' | 's' | 'l';\n    item?: ITEM;\n    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    active?: boolean;\n    onlyIcon?: boolean;\n    delimiter?: boolean;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      renderItem: RenderItem<ITEM>;\n      size: BreadcrumbPropSize;\n    },\n    HTMLUListElement\n  >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n  props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    renderItem: RenderItem<ITEM>;\n  },\n  HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}
+{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = (typeof breadcrumbPropSize)[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = (typeof breadcrumbPropFitMode)[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BreadcrumbsDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: BreadcrumbsDefaultItem[];\n};\n\nexport type DefaultItem = BreadcrumbsDefaultItem;\n\nexport type RenderItem<ITEM> = (\n  item: ITEM | undefined,\n  index: number | string,\n  isFirst?: boolean,\n  isLast?: boolean,\n  ref?: React.Ref<HTMLLIElement>,\n  hidden?: boolean,\n) => React.ReactNode | undefined;\n\nexport type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      size?: BreadcrumbPropSize;\n      onlyIconRoot?: boolean;\n      fitMode?: BreadcrumbPropFitMode;\n      lastItemIsLink?: boolean;\n    },\n    HTMLUListElement\n  > &\n    (ITEM extends { label: BreadcrumbsDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: BreadcrumbPropSize;\n    items: ITEM[];\n    getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: 'm' | 'xs' | 's' | 'l';\n    item?: ITEM;\n    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    active?: boolean;\n    onlyIcon?: boolean;\n    delimiter?: boolean;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      renderItem: RenderItem<ITEM>;\n      size: BreadcrumbPropSize;\n    },\n    HTMLUListElement\n  >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n  props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    renderItem: RenderItem<ITEM>;\n  },\n  HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}

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

@@ -2,16 +2,16 @@ import './Button.css';
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React, { HTMLProps } from 'react';
 export declare const buttonPropSize: readonly ["m", "xs", "s", "l"];
-export type ButtonPropSize = typeof buttonPropSize[number];
+export type ButtonPropSize = (typeof buttonPropSize)[number];
 export declare const buttonPropSizeDefault: ButtonPropSize;
 export declare const buttonPropView: readonly ["primary", "clear", "ghost", "secondary"];
-export type ButtonPropView = typeof buttonPropView[number];
+export type ButtonPropView = (typeof buttonPropView)[number];
 export declare const buttonPropViewDefault: ButtonPropView;
 export declare const buttonPropWidth: readonly ["default", "full"];
-export type ButtonPropWidth = typeof buttonPropWidth[number];
+export type ButtonPropWidth = (typeof buttonPropWidth)[number];
 export declare const buttonPropWidthDefault: ButtonPropWidth;
 export declare const buttonPropForm: readonly ["default", "brick", "round", "brickRound", "roundBrick", "brickDefault", "defaultBrick"];
-export type ButtonPropForm = typeof buttonPropForm[number];
+export type ButtonPropForm = (typeof buttonPropForm)[number];
 export declare const buttonPropFormDefault: "default";
 export type Props = {
     size?: ButtonPropSize;