@consta/uikit 4.6.2 → 4.6.4

package/ResponsesImageExit/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/responsesImages/ResponsesImageExit";

package/ResponsesImageExit/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/responsesImages/ResponsesImageExit";

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

@@ -12,7 +12,7 @@ declare const Attach: import("../../utils/types/PropsWithAsAttributes").Componen
     errorText?: string | undefined;
     loadingText?: string | undefined;
     onButtonClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    buttonIcon?: import("../../icons/Icon").IconComponent | undefined;
+    buttonIcon?: import("@consta/icons/Icon").IconComponent | undefined;
     buttonTitle?: string | undefined;
     withAction?: boolean | undefined;
     className?: string | undefined;

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

@@ -1,6 +1,6 @@
 import './Attachment.css';
+import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent } from '../../icons/Icon/Icon';
 declare type Props = {
     fileExtension?: string;
     loading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","names":["React","cn","forwardRefWithAs","Button","File","Text","cnAttachment","Attachment","props","ref","className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Button } from '../Button/Button';\nimport { File } from '../File/File';\nimport { Text } from '../Text/Text';\n\ntype Props = {\n  fileExtension?: string;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\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\nconst cnAttachment = cn('Attachment');\n\nconst Attachment = forwardRefWithAs<Props>((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    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 }, [className])}\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=\"s\"\n      />\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size=\"s\"\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size=\"xs\"\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size=\"xs\"\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=\"xs\"\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":"Attachment.js","names":["React","cn","forwardRefWithAs","Button","File","Text","cnAttachment","Attachment","props","ref","className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Button } from '../Button/Button';\nimport { File } from '../File/File';\nimport { Text } from '../Text/Text';\n\ntype Props = {\n  fileExtension?: string;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\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\nconst cnAttachment = cn('Attachment');\n\nconst Attachment = forwardRefWithAs<Props>((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    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 }, [className])}\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=\"s\"\n      />\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size=\"s\"\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size=\"xs\"\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size=\"xs\"\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=\"xs\"\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/AutoCompleteCanary/helpers.d.ts

@@ -19,7 +19,7 @@ export declare function withDefaultGetters<TYPE extends string, ITEM = AutoCompl
     getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM> | undefined;
     getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP> | undefined;
     getGroupKey?: AutoCompletePropGetGroupId<GROUP> | undefined;
-} & Omit<import("../TextField").TextFieldProps<TYPE>, "step" | "max" | "min" | "incrementButtons"> & (ITEM extends {
+} & Omit<import("../TextField").TextFieldProps<TYPE>, "max" | "min" | "step" | "incrementButtons"> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: AutoCompletePropGetItemLabel<ITEM>;

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

@@ -6,52 +6,17 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     children?: undefined;
     items?: ITEM[] | undefined;
     visibleCount?: number | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
+    className?: string | undefined;
     color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    tabIndex?: number | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -61,7 +26,7 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -70,7 +35,7 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -263,6 +228,41 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

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

@@ -1,5 +1,5 @@
 import './Badge.css';
-import { IconComponent } from '../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 export declare const badgePropSize: readonly ["m", "xs", "s", "l"];
 export declare type BadgePropSize = typeof badgePropSize[number];
 export declare const badgePropSizeDefault: BadgePropSize;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["classnames","React","cn","forwardRefWithAs","useTheme","badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault","cnBadge","Badge","props","ref","size","view","status","form","icon","minified","label","as","otherProps","Tag","themeClassNames","className","color","accent","Icon","withIcon"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useTheme } from '../Theme/Theme';\n\nexport const badgePropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = badgePropSize[0];\n\nexport const badgePropView = ['filled', 'stroked'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n  'normal',\n  'success',\n  'error',\n  'warning',\n  'system',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number];\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\ntype Props = {\n  size?: BadgePropSize;\n  view?: BadgePropView;\n  status?: BadgePropStatus;\n  form?: BadgePropForm;\n  minified?: boolean;\n  icon?: IconComponent;\n  label?: string;\n  children?: never;\n};\n\nexport const cnBadge = cn('Badge');\n\nexport const Badge = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    size = badgePropSizeDefault,\n    view = badgePropViewDefault,\n    status = badgePropStatusDefault,\n    form = badgePropFormDefault,\n    icon,\n    minified,\n    label,\n    as = 'div',\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n  const { themeClassNames } = useTheme();\n\n  const className =\n    status !== 'system' && view === 'filled'\n      ? classnames(props.className, themeClassNames.color.accent)\n      : props.className;\n  const Icon = icon;\n  const withIcon = !!icon;\n\n  if (minified) {\n    return (\n      <Tag\n        {...otherProps}\n        className={cnBadge({ size, status, minified }, [className])}\n        title={label}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnBadge({ size, view, status, form, withIcon }, [className])}\n      ref={ref}\n    >\n      {Icon ? (\n        <>\n          <Icon size=\"xs\" className={cnBadge('Icon')} />\n          {label}\n        </>\n      ) : (\n        label\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"kKAAA,oBAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAGA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,QAAD,CAAW,SAAX,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,gBAAe,CAAG,CAC7B,QAD6B,CAE7B,SAF6B,CAG7B,OAH6B,CAI7B,SAJ6B,CAK7B,QAL6B,CAAxB,CAQP,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,CAaP,MAAO,IAAME,QAAO,CAAGX,EAAE,CAAC,OAAD,CAAlB,CAEP,MAAO,IAAMY,MAAK,CAAGX,gBAAgB,CAAQ,SAACY,CAAD,CAAQC,CAAR,CAAgB,OAWvDD,CAXuD,CAEzDE,IAFyD,CAEzDA,CAFyD,YAElDX,oBAFkD,KAWvDS,CAXuD,CAGzDG,IAHyD,CAGzDA,CAHyD,YAGlDV,oBAHkD,KAWvDO,CAXuD,CAIzDI,MAJyD,CAIzDA,CAJyD,YAIhDT,sBAJgD,KAWvDK,CAXuD,CAKzDK,IALyD,CAKzDA,CALyD,YAKlDR,oBALkD,GAMzDS,CANyD,CAWvDN,CAXuD,CAMzDM,IANyD,CAOzDC,CAPyD,CAWvDP,CAXuD,CAOzDO,QAPyD,CAQzDC,CARyD,CAWvDR,CAXuD,CAQzDQ,KARyD,GAWvDR,CAXuD,CASzDS,EATyD,CASzDA,CATyD,YASpD,KAToD,GAUtDC,CAVsD,0BAWvDV,CAXuD,YAarDW,CAAG,CAAGF,CAb+C,GAc/BpB,QAAQ,EAduB,CAcnDuB,CAdmD,GAcnDA,eAdmD,CAgBrDC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIlB,UAAU,CAACe,CAAK,CAACa,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEIf,CAAK,CAACa,SAnB+C,CAoBrDG,CAAI,CAAGV,CApB8C,OAuBvDC,EAvBuD,CAyBvD,oBAAC,CAAD,kBACMG,CADN,EAEE,SAAS,CAAEZ,OAAO,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBG,QAAQ,CAARA,CAAhB,CAAD,CAA6B,CAACM,CAAD,CAA7B,CAFpB,CAGE,KAAK,CAAEL,CAHT,CAIE,GAAG,CAAEP,CAJP,GAzBuD,CAmCzD,oBAAC,CAAD,kBACMS,CADN,EAEE,SAAS,CAAEZ,OAAO,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,MAAM,CAANA,CAAd,CAAsBC,IAAI,CAAJA,CAAtB,CAA4BY,QAAQ,CAhB1C,CAAC,CAACX,CAgBI,CAAD,CAAyC,CAACO,CAAD,CAAzC,CAFpB,CAGE,GAAG,CAAEZ,CAHP,GAKGe,CAAI,CACH,wCACE,oBAAC,CAAD,EAAM,IAAI,CAAC,IAAX,CAAgB,SAAS,CAAElB,OAAO,CAAC,MAAD,CAAlC,EADF,CAEGU,CAFH,CADG,CAMHA,CAXJ,CAeH,CAlDoC,CAA9B"}
+{"version":3,"file":"Badge.js","names":["classnames","React","cn","forwardRefWithAs","useTheme","badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault","cnBadge","Badge","props","ref","size","view","status","form","icon","minified","label","as","otherProps","Tag","themeClassNames","className","color","accent","Icon","withIcon"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useTheme } from '../Theme/Theme';\n\nexport const badgePropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = badgePropSize[0];\n\nexport const badgePropView = ['filled', 'stroked'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n  'normal',\n  'success',\n  'error',\n  'warning',\n  'system',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number];\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\ntype Props = {\n  size?: BadgePropSize;\n  view?: BadgePropView;\n  status?: BadgePropStatus;\n  form?: BadgePropForm;\n  minified?: boolean;\n  icon?: IconComponent;\n  label?: string;\n  children?: never;\n};\n\nexport const cnBadge = cn('Badge');\n\nexport const Badge = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    size = badgePropSizeDefault,\n    view = badgePropViewDefault,\n    status = badgePropStatusDefault,\n    form = badgePropFormDefault,\n    icon,\n    minified,\n    label,\n    as = 'div',\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n  const { themeClassNames } = useTheme();\n\n  const className =\n    status !== 'system' && view === 'filled'\n      ? classnames(props.className, themeClassNames.color.accent)\n      : props.className;\n  const Icon = icon;\n  const withIcon = !!icon;\n\n  if (minified) {\n    return (\n      <Tag\n        {...otherProps}\n        className={cnBadge({ size, status, minified }, [className])}\n        title={label}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnBadge({ size, view, status, form, withIcon }, [className])}\n      ref={ref}\n    >\n      {Icon ? (\n        <>\n          <Icon size=\"xs\" className={cnBadge('Icon')} />\n          {label}\n        </>\n      ) : (\n        label\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"kKAAA,oBAEA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,QAAD,CAAW,SAAX,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,gBAAe,CAAG,CAC7B,QAD6B,CAE7B,SAF6B,CAG7B,OAH6B,CAI7B,SAJ6B,CAK7B,QAL6B,CAAxB,CAQP,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,CAaP,MAAO,IAAME,QAAO,CAAGX,EAAE,CAAC,OAAD,CAAlB,CAEP,MAAO,IAAMY,MAAK,CAAGX,gBAAgB,CAAQ,SAACY,CAAD,CAAQC,CAAR,CAAgB,OAWvDD,CAXuD,CAEzDE,IAFyD,CAEzDA,CAFyD,YAElDX,oBAFkD,KAWvDS,CAXuD,CAGzDG,IAHyD,CAGzDA,CAHyD,YAGlDV,oBAHkD,KAWvDO,CAXuD,CAIzDI,MAJyD,CAIzDA,CAJyD,YAIhDT,sBAJgD,KAWvDK,CAXuD,CAKzDK,IALyD,CAKzDA,CALyD,YAKlDR,oBALkD,GAMzDS,CANyD,CAWvDN,CAXuD,CAMzDM,IANyD,CAOzDC,CAPyD,CAWvDP,CAXuD,CAOzDO,QAPyD,CAQzDC,CARyD,CAWvDR,CAXuD,CAQzDQ,KARyD,GAWvDR,CAXuD,CASzDS,EATyD,CASzDA,CATyD,YASpD,KAToD,GAUtDC,CAVsD,0BAWvDV,CAXuD,YAarDW,CAAG,CAAGF,CAb+C,GAc/BpB,QAAQ,EAduB,CAcnDuB,CAdmD,GAcnDA,eAdmD,CAgBrDC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIlB,UAAU,CAACe,CAAK,CAACa,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEIf,CAAK,CAACa,SAnB+C,CAoBrDG,CAAI,CAAGV,CApB8C,OAuBvDC,EAvBuD,CAyBvD,oBAAC,CAAD,kBACMG,CADN,EAEE,SAAS,CAAEZ,OAAO,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBG,QAAQ,CAARA,CAAhB,CAAD,CAA6B,CAACM,CAAD,CAA7B,CAFpB,CAGE,KAAK,CAAEL,CAHT,CAIE,GAAG,CAAEP,CAJP,GAzBuD,CAmCzD,oBAAC,CAAD,kBACMS,CADN,EAEE,SAAS,CAAEZ,OAAO,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,MAAM,CAANA,CAAd,CAAsBC,IAAI,CAAJA,CAAtB,CAA4BY,QAAQ,CAhB1C,CAAC,CAACX,CAgBI,CAAD,CAAyC,CAACO,CAAD,CAAzC,CAFpB,CAGE,GAAG,CAAEZ,CAHP,GAKGe,CAAI,CACH,wCACE,oBAAC,CAAD,EAAM,IAAI,CAAC,IAAX,CAAgB,SAAS,CAAElB,OAAO,CAAC,MAAD,CAAlC,EADF,CAEGU,CAFH,CADG,CAMHA,CAXJ,CAeH,CAlDoC,CAA9B"}

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

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

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

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

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

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

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

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

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

@@ -8,54 +8,19 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     getItemSubMenu: BreadcrumbsPropGetItemSubMenu<DefaultItem>;
     items: DefaultItem[];
     onItemClick?: import("./types").BreadcrumbsPropOnItemClick<DefaultItem> | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     onlyIconRoot?: boolean | undefined;
     fitMode?: "scroll" | "dropdown" | undefined;
     lastItemIsLink?: boolean | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
+    className?: string | undefined;
     color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    tabIndex?: number | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -65,7 +30,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -74,7 +39,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -268,6 +233,41 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     ref?: import("react").Ref<HTMLUListElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent } from '../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const breadcrumbPropSize: readonly ["m", "xs", "s", "l"];
 export declare type BreadcrumbPropSize = typeof breadcrumbPropSize[number];

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 '../../icons/Icon/Icon';\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> = (props: {\n  item: ITEM;\n  e: React.MouseEvent;\n}) => void;\n\nexport type DefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: DefaultItem[];\n};\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.ReactElement | undefined;\n\nexport type BreadcrumbsProps<ITEM = DefaultItem> =\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: DefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactElement | 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.ReactElement | 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.ReactElement | 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.ReactElement | 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.ReactElement | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAGA,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> = (props: {\n  item: ITEM;\n  e: React.MouseEvent;\n}) => void;\n\nexport type DefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: DefaultItem[];\n};\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.ReactElement | undefined;\n\nexport type BreadcrumbsProps<ITEM = DefaultItem> =\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: DefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactElement | 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.ReactElement | 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.ReactElement | 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.ReactElement | 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.ReactElement | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | 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/BreadcrumbsDeprecated/BreadcrumbsDeprecated.d.ts

@@ -1,6 +1,6 @@
 import './Breadcrumbs.css';
+import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const breadcrumbPropSize: readonly ["m", "xs", "s", "l"];
 export declare type BreadcrumbPropSize = typeof breadcrumbPropSize[number];

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

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

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

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

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

@@ -1,6 +1,6 @@
 import './Button.css';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 export declare const buttonPropSize: readonly ["m", "xs", "s", "l"];
 export declare type ButtonPropSize = typeof buttonPropSize[number];
 export declare const buttonPropSizeDefault: ButtonPropSize;