@consta/uikit 4.8.0 → 4.10.0

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

@@ -1,23 +1,8 @@
-/// <reference types="react" />
 export { Attachment, cnAttachment } from '../Attachment/Attachment';
 /**
  * @deprecated since version 3.2.0 use Attachment
  */
-declare const Attach: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<{
-    fileExtension?: string | undefined;
-    loading?: boolean | undefined;
-    fileName?: string | undefined;
-    fileDescription?: string | undefined;
-    loadingProgress?: number | undefined;
-    errorText?: string | undefined;
-    loadingText?: string | undefined;
-    onButtonClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    buttonIcon?: import("@consta/icons/Icon").IconComponent | undefined;
-    buttonTitle?: string | undefined;
-    withAction?: boolean | undefined;
-    className?: string | undefined;
-    children?: undefined;
-}, "div">;
+declare const Attach: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<import("../Attachment").AttachmentProps, "div">;
 /**
  * @deprecated since version 3.2.0 cnAttachment
  */

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

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

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

@@ -1,21 +1,5 @@
 import './Attachment.css';
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-declare type Props = {
-    fileExtension?: string;
-    loading?: boolean;
-    fileName?: string;
-    fileDescription?: string;
-    loadingProgress?: number;
-    errorText?: string;
-    loadingText?: string;
-    onButtonClick?: React.EventHandler<React.MouseEvent>;
-    buttonIcon?: IconComponent;
-    buttonTitle?: string;
-    withAction?: boolean;
-    className?: string;
-    children?: never;
-};
+import { AttachmentProps } from './types';
 declare const cnAttachment: import("@bem-react/classname").ClassNameFormatter;
-declare const Attachment: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+declare const Attachment: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<AttachmentProps, "div">;
 export { Attachment, cnAttachment };

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","onClick","withAction","buttonTitle"];import"./Attachment.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{Button}from"../Button/Button";import{File}from"../File/File";import{Text}from"../Text/Text";var cnAttachment=cn("Attachment"),Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.loading,h=a.fileName,i=a.buttonIcon,j=a.onButtonClick,k=a.errorText,l=a.loadingText,m=void 0===l?"Loading":l,n=a.loadingProgress,o=a.fileDescription,p=a.onClick,q=a.withAction,r=a.buttonTitle,s=_objectWithoutProperties(a,_excluded),t=!!j;return React.createElement(e,Object.assign({},s,{onClick:p,className:cnAttachment({withAction:q||!!p,withOnButtonAction:t},[c]),ref:b}),React.createElement(File,{className:cnAttachment("File",{error:!!k}),extension:f,loading:g,loadingWithProgressSpin:!0,loadingProgress:n,size:"s"}),React.createElement("div",{className:cnAttachment("Content")},h&&React.createElement(Text,{className:cnAttachment("FileName"),size:"s",view:"primary",lineHeight:"xs"},h),o&&!g&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:"xs",lineHeight:"xs",view:"ghost"},o),m&&g&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:"xs",lineHeight:"xs",view:"ghost"},n?"".concat(m," ").concat(n,"%"):"".concat(m,"...")),k&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:"xs",lineHeight:"xs",view:"alert"},k)),t&&React.createElement(Button,{className:cnAttachment("Button"),as:"span",onlyIcon:!0,iconLeft:i,onClick:j,title:r,size:"xs",view:"clear"}))});export{Attachment,cnAttachment};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withAction","buttonTitle"];import"./Attachment.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{Button}from"../Button/Button";import{File}from"../File/File";import{Text}from"../Text/Text";import{attachmentPropSizeDefault}from"./types";var cnAttachment=cn("Attachment"),fileSizeMap={xs:"s",s:"s",m:"m"},textSizeMap={xs:"xs",s:"s",m:"s"},descriptionSizeMap={xs:"xs",s:"xs",m:"s"},Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.loading,h=a.fileName,i=a.buttonIcon,j=a.onButtonClick,k=a.errorText,l=a.loadingText,m=void 0===l?"Loading":l,n=a.loadingProgress,o=a.fileDescription,p=a.size,q=void 0===p?attachmentPropSizeDefault:p,r=a.onClick,s=a.withAction,t=a.buttonTitle,u=_objectWithoutProperties(a,_excluded),v=!!j;return React.createElement(e,Object.assign({},u,{onClick:r,className:cnAttachment({withAction:s||!!r,withOnButtonAction:v,size:q},[c]),ref:b}),React.createElement(File,{className:cnAttachment("File",{error:!!k}),extension:f,loading:g,loadingWithProgressSpin:!0,loadingProgress:n,size:fileSizeMap[q]}),React.createElement("div",{className:cnAttachment("Content")},h&&React.createElement(Text,{className:cnAttachment("FileName"),size:textSizeMap[q],view:"primary",lineHeight:"xs"},h),o&&!g&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:descriptionSizeMap[q],lineHeight:"xs",view:"ghost"},o),m&&g&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:descriptionSizeMap[q],lineHeight:"xs",view:"ghost"},n?"".concat(m," ").concat(n,"%"):"".concat(m,"...")),k&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:descriptionSizeMap[q],lineHeight:"xs",view:"alert"},k)),v&&React.createElement(Button,{className:cnAttachment("Button"),as:"span",onlyIcon:!0,iconLeft:i,onClick:j,title:t,size:"xs",view:"clear"}))});export{Attachment,cnAttachment};
 //# sourceMappingURL=Attachment.js.map

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 { 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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"}
+{"version":3,"file":"Attachment.js","names":["React","cn","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/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\n\nimport { cn } 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 = cn('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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"}

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

@@ -1 +1,2 @@
 export * from './Attachment';
+export * from './types';

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

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

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+export declare const attachmentPropSize: readonly ["s", "xs", "m"];
+export declare type AttachmentPropSize = typeof attachmentPropSize[number];
+export declare const attachmentPropSizeDefault: AttachmentPropSize;
+export declare type AttachmentProps = {
+    fileExtension?: string;
+    loading?: boolean;
+    fileName?: string;
+    fileDescription?: string;
+    loadingProgress?: number;
+    errorText?: string;
+    size?: AttachmentPropSize;
+    loadingText?: string;
+    onButtonClick?: React.EventHandler<React.MouseEvent>;
+    buttonIcon?: IconComponent;
+    buttonTitle?: string;
+    withAction?: boolean;
+    className?: string;
+    children?: never;
+};

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

@@ -0,0 +1,2 @@
+export var attachmentPropSize=["s","xs","m"];export var attachmentPropSizeDefault=attachmentPropSize[0];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/Attachment/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/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>, "max" | "min" | "step" | "incrementButtons"> & (ITEM extends {
+} & Omit<import("../TextField").TextFieldProps<TYPE>, "step" | "max" | "min" | "incrementButtons"> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: AutoCompletePropGetItemLabel<ITEM>;

package/__internal__/src/components/Avatar/Avatar.css

@@ -1 +1 @@
-.Avatar{--avatar-color:transparent;--avatar-color-0:#f9a825;--avatar-color-1:#f56b00;--avatar-color-2:#c62828;--avatar-color-3:#c2185b;--avatar-color-4:#e92064;--avatar-color-5:#911fa2;--avatar-color-6:#9010d1;--avatar-color-7:#7448dd;--avatar-color-8:#3e3acb;--avatar-color-9:#2044d5;--avatar-color-10:#016bdc;--avatar-color-11:#2196f3;--avatar-color-12:#00bcd4;--avatar-color-13:#0088a3;--avatar-color-14:#008f7c;--avatar-color-15:#00a352;--avatar-color-16:#1abc1a;--avatar-color-17:#6fb80a;background:linear-gradient(hsla(0,0%,100%,.24),hsla(0,0%,100%,0)),linear-gradient(var(--avatar-color),var(--avatar-color));color:#fff;font-size:var(--avatar-font-size);font-weight:var(--font-weight-text-semibold);height:var(--avatar-size);letter-spacing:.1em;line-height:var(--avatar-size);overflow:hidden;text-align:center;width:var(--avatar-size)}.Avatar_size_xs{--avatar-size:20px;--avatar-font-size:6px}.Avatar_size_s{--avatar-size:24px;--avatar-font-size:8px}.Avatar_size_m{--avatar-size:32px;--avatar-font-size:10px}.Avatar_size_l{--avatar-size:40px;--avatar-font-size:14px}.Avatar_form_round{border-radius:50%}.Avatar_form_brick{border-radius:0}.Avatar_form_default{border-radius:var(--control-radius)}.Avatar-Image{height:100%;width:100%}
+.Avatar{--avatar-color:transparent;--avatar-color-0:#f9a825;--avatar-color-1:#f56b00;--avatar-color-2:#c62828;--avatar-color-3:#c2185b;--avatar-color-4:#e92064;--avatar-color-5:#911fa2;--avatar-color-6:#9010d1;--avatar-color-7:#7448dd;--avatar-color-8:#3e3acb;--avatar-color-9:#2044d5;--avatar-color-10:#016bdc;--avatar-color-11:#2196f3;--avatar-color-12:#00bcd4;--avatar-color-13:#0088a3;--avatar-color-14:#008f7c;--avatar-color-15:#00a352;--avatar-color-16:#1abc1a;--avatar-color-17:#6fb80a;--avatar-color-18:#70788b;background:linear-gradient(hsla(0,0%,100%,.24),hsla(0,0%,100%,0)),linear-gradient(var(--avatar-color),var(--avatar-color));color:#fff;filter:grayscale(0);font-size:var(--avatar-font-size);font-weight:var(--font-weight-text-semibold);height:var(--avatar-size);letter-spacing:.1em;line-height:var(--avatar-size);overflow:hidden;text-align:center;width:var(--avatar-size)}.Avatar_size_xs{--avatar-size:20px;--avatar-font-size:6px}.Avatar_size_s{--avatar-size:24px;--avatar-font-size:8px}.Avatar_size_m{--avatar-size:32px;--avatar-font-size:10px}.Avatar_size_l{--avatar-size:40px;--avatar-font-size:14px}.Avatar_form_round{border-radius:50%}.Avatar_form_brick{border-radius:0}.Avatar_form_default{border-radius:var(--control-radius)}.Avatar_monochrome{filter:grayscale(100%)}.Avatar-Image{height:100%;width:100%}

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

@@ -11,9 +11,10 @@ declare type Props = {
     size?: AvatarPropSize;
     form?: AvatarPropForm;
     children?: never;
+    monochrome?: boolean;
 };
 export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;
-export declare const getColorIndexForName: (name: string | undefined, maxIndex?: number | undefined) => number;
+export declare const getColorIndexForName: (name: string | undefined, maxIndex?: number, monochrome?: boolean) => number;
 export declare const getInitialsForName: (name: string | undefined) => string;
 export declare const Avatar: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
 export {};

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","className","size","form","url","name"];import"./Avatar.css";import React,{useMemo}from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var avatarPropSize=["m","s","xs","l"];export var avatarPropSizeDefault=avatarPropSize[0];export var avatarPropForm=["round","brick","default"];export var avatarPropFormDefault=avatarPropForm[0];export var cnAvatar=cn("Avatar");var MAX_COLOR_INDEX=17;function getRandomInt(a){return Math.floor(Math.random()*Math.floor(a))}export var getColorIndexForName=function(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:MAX_COLOR_INDEX,c=0;return c=a?a.split("").map(function(a){return a.charCodeAt(0)}).reduce(function(a,b){return a+b},0)%b:getRandomInt(b),c};export var getInitialsForName=function(a){if(!a)return"";var b=a.split(" "),c=b[0]?b[0][0]:"",d=b[1]?b[1][0]:"";return"".concat(c.toUpperCase()).concat(d.toUpperCase())};export var Avatar=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.className,f=a.size,g=void 0===f?avatarPropSizeDefault:f,h=a.form,i=void 0===h?avatarPropFormDefault:h,j=a.url,k=a.name,l=_objectWithoutProperties(a,_excluded),m=!!j,n=useMemo(function(){return getInitialsForName(k)},[k]),o=useMemo(function(){return getColorIndexForName(k)},[k]);return React.createElement(d,Object.assign({},l,{style:m?{}:{"--avatar-color":"var(--avatar-color-".concat(o,")")},className:cnAvatar({size:g,form:i},[e]),ref:b}),m&&React.createElement("img",{className:cnAvatar("Image"),src:j,alt:k}),!m&&n)});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","className","size","form","url","name","monochrome","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Avatar.css";import React,{useMemo}from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var avatarPropSize=["m","s","xs","l"];export var avatarPropSizeDefault=avatarPropSize[0];export var avatarPropForm=["round","brick","default"];export var avatarPropFormDefault=avatarPropForm[0];export var cnAvatar=cn("Avatar");var MAX_COLOR_INDEX=17,getRandomInt=function(a){return Math.floor(Math.random()*Math.floor(a))};export var getColorIndexForName=function(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:MAX_COLOR_INDEX,c=2<arguments.length?arguments[2]:void 0;if(c)return 18;var d=0;return d=a?a.split("").map(function(a){return a.charCodeAt(0)}).reduce(function(a,b){return a+b},0)%b:getRandomInt(b),d};export var getInitialsForName=function(a){if(!a)return"";var b=a.split(" "),c=b[0]?b[0][0]:"",d=b[1]?b[1][0]:"";return"".concat(c.toUpperCase()).concat(d.toUpperCase())};export var Avatar=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.className,f=a.size,g=void 0===f?avatarPropSizeDefault:f,h=a.form,i=void 0===h?avatarPropFormDefault:h,j=a.url,k=a.name,l=a.monochrome,m=a.style,n=_objectWithoutProperties(a,_excluded),o=useMemo(function(){return getInitialsForName(k)},[k]),p=useMemo(function(){return getColorIndexForName(k,MAX_COLOR_INDEX,l)},[k,l]);return React.createElement(d,Object.assign({},n,{style:j?m:_objectSpread(_objectSpread({},m),{},{"--avatar-color":"var(--avatar-color-".concat(p,")")}),className:cnAvatar({size:g,form:i,monochrome:j?l:void 0},[e]),ref:b}),j&&React.createElement("img",{className:cnAvatar("Image"),src:j,alt:k}),!j&&o)});
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","useMemo","cn","forwardRefWithAs","avatarPropSize","avatarPropSizeDefault","avatarPropForm","avatarPropFormDefault","cnAvatar","MAX_COLOR_INDEX","getRandomInt","max","Math","floor","random","getColorIndexForName","name","maxIndex","index","split","map","c","charCodeAt","reduce","acc","code","getInitialsForName","words","firstLetter","secondLatter","toUpperCase","Avatar","props","ref","as","className","size","form","url","otherProps","showImage","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';\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};\n\nexport const cnAvatar = cn('Avatar');\n\nconst MAX_COLOR_INDEX = 17;\n\nfunction getRandomInt(max: number) {\n  return Math.floor(Math.random() * Math.floor(max));\n}\n\nexport const getColorIndexForName = (\n  name: string | undefined,\n  maxIndex: number | undefined = MAX_COLOR_INDEX,\n) => {\n  let index = 0;\n\n  if (name) {\n    index =\n      name\n        .split('')\n        .map((c) => c.charCodeAt(0))\n        .reduce((acc, code) => acc + code, 0) % maxIndex;\n  } else {\n    index = getRandomInt(maxIndex);\n  }\n\n  return index;\n};\n\nexport const getInitialsForName = (name: string | undefined) => {\n  if (!name) {\n    return '';\n  }\n\n  const words = name.split(' ');\n  const firstLetter = words[0] ? words[0][0] : '';\n  const secondLatter = words[1] ? words[1][0] : '';\n\n  return `${firstLetter.toUpperCase()}${secondLatter.toUpperCase()}`;\n};\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    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const showImage = Boolean(url);\n  const initials = useMemo(() => getInitialsForName(name), [name]);\n  const colorIndex = useMemo(() => getColorIndexForName(name), [name]);\n\n  return (\n    <Tag\n      {...otherProps}\n      style={\n        !showImage\n          ? { '--avatar-color': `var(--avatar-color-${colorIndex})` }\n          : {}\n      }\n      className={cnAvatar({ size, form }, [className])}\n      ref={ref}\n    >\n      {showImage && <img className={cnAvatar('Image')} src={url} alt={name} />}\n      {!showImage && initials}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["React","useMemo","cn","forwardRefWithAs","avatarPropSize","avatarPropSizeDefault","avatarPropForm","avatarPropFormDefault","cnAvatar","MAX_COLOR_INDEX","getRandomInt","max","Math","floor","random","getColorIndexForName","name","maxIndex","monochrome","index","split","map","c","charCodeAt","reduce","acc","code","getInitialsForName","words","firstLetter","secondLatter","toUpperCase","Avatar","props","ref","as","className","size","form","url","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';\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\nconst MAX_COLOR_INDEX = 17;\n\nconst getRandomInt = (max: number) => {\n  return Math.floor(Math.random() * Math.floor(max));\n};\n\nexport const getColorIndexForName = (\n  name: string | undefined,\n  maxIndex: number = MAX_COLOR_INDEX,\n  monochrome?: boolean,\n) => {\n  if (monochrome) {\n    return MAX_COLOR_INDEX + 1;\n  }\n\n  let index = 0;\n\n  if (name) {\n    index =\n      name\n        .split('')\n        .map((c) => c.charCodeAt(0))\n        .reduce((acc, code) => acc + code, 0) % maxIndex;\n  } else {\n    index = getRandomInt(maxIndex);\n  }\n\n  return index;\n};\n\nexport const getInitialsForName = (name: string | undefined) => {\n  if (!name) {\n    return '';\n  }\n\n  const words = name.split(' ');\n  const firstLetter = words[0] ? words[0][0] : '';\n  const secondLatter = words[1] ? words[1][0] : '';\n\n  return `${firstLetter.toUpperCase()}${secondLatter.toUpperCase()}`;\n};\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":"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"}

package/__internal__/src/components/AvatarGroup/AvatarGroup.css

@@ -1 +1 @@
-.AvatarGroup{--avatar-group-margin:6px;align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end}.AvatarGroup_size_xs{--avatar-group-margin:var(--space-3xs)}.AvatarGroup_size_s{--avatar-group-margin:var(--space-2xs)}.AvatarGroup_size_m{--avatar-group-margin:calc(var(--space-3xs) + var(--space-2xs))}.AvatarGroup_size_l{--avatar-group-margin:var(--space-xs)}.AvatarGroup>.Avatar{box-shadow:0 0 0 var(--space-3xs) var(--color-bg-default)}.AvatarGroup>.Avatar:not(:last-child){margin-left:calc(var(--avatar-group-margin)*-1)}.AvatarGroup-More.Avatar{--avatar-color:var(--color-bg-system);border:none;color:var(--color-typo-primary);margin:0;padding:0}
+.AvatarGroup{display:flex;flex-direction:row-reverse;justify-content:flex-end;width:100%}.AvatarGroup_size_xs{--avatar-group-margin:var(--space-3xs)}.AvatarGroup_size_s{--avatar-group-margin:var(--space-2xs)}.AvatarGroup_size_m{--avatar-group-margin:calc(var(--space-3xs) + var(--space-2xs))}.AvatarGroup_size_l{--avatar-group-margin:var(--space-xs)}.AvatarGroup>.Avatar{box-shadow:0 0 0 var(--space-3xs) var(--color-bg-default);flex:none}.AvatarGroup>.Avatar:not(:last-child){margin-left:calc(var(--avatar-group-margin)*-1)}.AvatarGroup-Avatar_hidden.Avatar,.AvatarGroup-More_hidden.Avatar{left:-300vw;pointer-events:none;position:absolute;visibility:hidden}.AvatarGroup-More.Avatar{--avatar-color:var(--color-bg-system);border:none;color:var(--color-typo-primary)}

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

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","form","size","visibleCount","getItemName","getItemUrl"];import"./AvatarGroup.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{Avatar,avatarPropFormDefault,cnAvatar}from"../Avatar/Avatar";import{withDefaultGetters}from"./helpers";import{avatarGroupPropSizeDefault}from"./types";var cnAvatarGroup=cn("AvatarGroup"),AvatarGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.form,g=void 0===f?avatarPropFormDefault:f,h=c.size,i=void 0===h?avatarGroupPropSizeDefault:h,j=c.visibleCount,k=void 0===j?4:j,l=c.getItemName,m=c.getItemUrl,n=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({className:cnAvatarGroup({size:i}),ref:b},n),e.length>k&&React.createElement("div",{className:cnAvatar({size:i,form:g},[cnAvatarGroup("More")])},"+".concat(e.length-k)),e.slice(0,k).map(function(a,b){return React.createElement(Avatar,{key:cnAvatarGroup({index:b}),url:m(a),name:l(a),className:cnAvatarGroup("Avatar"),size:i,form:g})}))};export var AvatarGroup=forwardRef(AvatarGroupRender);export*from"./types";
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","form","size","visibleCount","getItemName","getItemUrl","monochrome"];import"./AvatarGroup.css";import React,{forwardRef}from"react";import{useForkRef}from"../../hooks/useForkRef";import{getHiddenCount,useHideElementsInLine}from"../../hooks/useHideElementsInLineCanary";import{cn}from"../../utils/bem";import{Avatar,avatarPropFormDefault,cnAvatar}from"../Avatar/Avatar";import{withDefaultGetters}from"./helpers";import{avatarGroupPropSizeDefault}from"./types";var cnAvatarGroup=cn("AvatarGroup"),AvatarGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.form,g=void 0===f?avatarPropFormDefault:f,h=c.size,i=void 0===h?avatarGroupPropSizeDefault:h,j=c.visibleCount,k=void 0===j?4:j,l=c.getItemName,m=c.getItemUrl,n=c.monochrome,o=_objectWithoutProperties(c,_excluded),p=e.length,q=useHideElementsInLine(p+1,0,0,[k]),r=q.elementsRefs,s=q.parentRef,t=q.visibleMap,u="auto"===k,v=u?_toConsumableArray(e).reverse():_toConsumableArray(e).slice(0,k).reverse();return React.createElement("div",Object.assign({className:cnAvatarGroup({size:i}),ref:useForkRef([s,b])},o),(u||p>k)&&React.createElement("div",{className:cnAvatar({size:i,form:g},[cnAvatarGroup("More",{hidden:!t[0]&&u})]),ref:r[0]},"+".concat(u?getHiddenCount(t):p-k)),v.map(function(a,b){return React.createElement(Avatar,{key:cnAvatarGroup({index:b}),url:m(a),name:l(a),className:cnAvatarGroup("Avatar",{hidden:!t[b+1]&&u}),size:i,form:g,ref:r[b+1],monochrome:n})}))};export var AvatarGroup=forwardRef(AvatarGroupRender);export*from"./types";
 //# sourceMappingURL=AvatarGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["React","forwardRef","cn","Avatar","avatarPropFormDefault","cnAvatar","withDefaultGetters","avatarGroupPropSizeDefault","cnAvatarGroup","AvatarGroupRender","props","ref","items","form","size","visibleCount","getItemName","getItemUrl","otherProps","length","slice","map","item","index","AvatarGroup"],"sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import './AvatarGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { Avatar, avatarPropFormDefault, cnAvatar } from '../Avatar/Avatar';\nimport { withDefaultGetters } from './helpers';\nimport {\n  AvatarGroupComponent,\n  AvatarGroupProps,\n  avatarGroupPropSizeDefault,\n} from './types';\n\nconst cnAvatarGroup = cn('AvatarGroup');\n\nconst AvatarGroupRender = (\n  props: AvatarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    form = avatarPropFormDefault,\n    size = avatarGroupPropSizeDefault,\n    visibleCount = 4,\n    getItemName,\n    getItemUrl,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div className={cnAvatarGroup({ size })} ref={ref} {...otherProps}>\n      {items.length > visibleCount && (\n        <div className={cnAvatar({ size, form }, [cnAvatarGroup('More')])}>\n          {`+${items.length - visibleCount}`}\n        </div>\n      )}\n      {items.slice(0, visibleCount).map((item, index) => (\n        <Avatar\n          key={cnAvatarGroup({ index })}\n          url={getItemUrl(item)}\n          name={getItemName(item)}\n          className={cnAvatarGroup('Avatar')}\n          size={size}\n          form={form}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const AvatarGroup = forwardRef(\n  AvatarGroupRender,\n) as AvatarGroupComponent;\n\nexport * from './types';\n"],"mappings":"qKAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,uBACA,OAASC,MAAT,CAAiBC,qBAAjB,CAAwCC,QAAxC,wBACA,OAASC,kBAAT,iBACA,OAGEC,0BAHF,e,GAMMC,cAAa,CAAGN,EAAE,CAAC,aAAD,C,CAElBO,iBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,CACH,MAQIL,kBAAkB,CAACI,CAAD,CARtB,KACEE,KADF,CACEA,CADF,YACU,EADV,OAEEC,IAFF,CAEEA,CAFF,YAEST,qBAFT,OAGEU,IAHF,CAGEA,CAHF,YAGSP,0BAHT,OAIEQ,YAJF,CAIEA,CAJF,YAIiB,CAJjB,GAKEC,CALF,GAKEA,WALF,CAMEC,CANF,GAMEA,UANF,CAOKC,CAPL,uCAUA,MACE,0CAAK,SAAS,CAAEV,aAAa,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAA7B,CAAyC,GAAG,CAAEH,CAA9C,EAAuDO,CAAvD,EACGN,CAAK,CAACO,MAAN,CAAeJ,CAAf,EACC,2BAAK,SAAS,CAAEV,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQD,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAACL,aAAa,CAAC,MAAD,CAAd,CAAjB,CAAxB,aACOI,CAAK,CAACO,MAAN,CAAeJ,CADtB,EAFJ,CAMGH,CAAK,CAACQ,KAAN,CAAY,CAAZ,CAAeL,CAAf,EAA6BM,GAA7B,CAAiC,SAACC,CAAD,CAAOC,CAAP,QAChC,qBAAC,MAAD,EACE,GAAG,CAAEf,aAAa,CAAC,CAAEe,KAAK,CAALA,CAAF,CAAD,CADpB,CAEE,GAAG,CAAEN,CAAU,CAACK,CAAD,CAFjB,CAGE,IAAI,CAAEN,CAAW,CAACM,CAAD,CAHnB,CAIE,SAAS,CAAEd,aAAa,CAAC,QAAD,CAJ1B,CAKE,IAAI,CAAEM,CALR,CAME,IAAI,CAAED,CANR,EADgC,CAAjC,CANH,CAkBH,C,CAED,MAAO,IAAMW,YAAW,CAAGvB,UAAU,CACnCQ,iBADmC,CAA9B,CAIP"}
+{"version":3,"file":"AvatarGroup.js","names":["React","forwardRef","useForkRef","getHiddenCount","useHideElementsInLine","cn","Avatar","avatarPropFormDefault","cnAvatar","withDefaultGetters","avatarGroupPropSizeDefault","cnAvatarGroup","AvatarGroupRender","props","ref","items","form","size","visibleCount","getItemName","getItemUrl","monochrome","otherProps","itemLenght","length","elementsRefs","parentRef","visibleMap","autoMode","itemsForRender","reverse","slice","hidden","map","item","index","AvatarGroup"],"sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import './AvatarGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport {\n  getHiddenCount,\n  useHideElementsInLine,\n} from '##/hooks/useHideElementsInLineCanary';\n\nimport { cn } from '../../utils/bem';\nimport { Avatar, avatarPropFormDefault, cnAvatar } from '../Avatar/Avatar';\nimport { withDefaultGetters } from './helpers';\nimport {\n  AvatarGroupComponent,\n  AvatarGroupProps,\n  avatarGroupPropSizeDefault,\n} from './types';\n\nconst cnAvatarGroup = cn('AvatarGroup');\n\nconst AvatarGroupRender = (\n  props: AvatarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    form = avatarPropFormDefault,\n    size = avatarGroupPropSizeDefault,\n    visibleCount = 4,\n    getItemName,\n    getItemUrl,\n    monochrome,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const itemLenght = items.length;\n  const elementsLength = itemLenght + 1;\n\n  const { elementsRefs, parentRef, visibleMap } = useHideElementsInLine(\n    elementsLength,\n    0,\n    0,\n    [visibleCount],\n  );\n\n  const autoMode = visibleCount === 'auto';\n\n  const itemsForRender = autoMode\n    ? [...items].reverse()\n    : [...items].slice(0, visibleCount).reverse();\n\n  return (\n    <div\n      className={cnAvatarGroup({ size })}\n      ref={useForkRef([parentRef, ref])}\n      {...otherProps}\n    >\n      {(autoMode || itemLenght > visibleCount) && (\n        <div\n          className={cnAvatar({ size, form }, [\n            cnAvatarGroup('More', {\n              hidden: !visibleMap[0] && autoMode,\n            }),\n          ])}\n          ref={elementsRefs[0]}\n        >\n          {`+${\n            autoMode ? getHiddenCount(visibleMap) : itemLenght - visibleCount\n          }`}\n        </div>\n      )}\n      {itemsForRender.map((item, index) => {\n        return (\n          <Avatar\n            key={cnAvatarGroup({ index })}\n            url={getItemUrl(item)}\n            name={getItemName(item)}\n            className={cnAvatarGroup('Avatar', {\n              hidden: !visibleMap[index + 1] && autoMode,\n            })}\n            size={size}\n            form={form}\n            ref={elementsRefs[index + 1]}\n            monochrome={monochrome}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const AvatarGroup = forwardRef(\n  AvatarGroupRender,\n) as AvatarGroupComponent;\n\nexport * from './types';\n"],"mappings":"2PAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OACEC,cADF,CAEEC,qBAFF,+CAKA,OAASC,EAAT,uBACA,OAASC,MAAT,CAAiBC,qBAAjB,CAAwCC,QAAxC,wBACA,OAASC,kBAAT,iBACA,OAGEC,0BAHF,e,GAMMC,cAAa,CAAGN,EAAE,CAAC,aAAD,C,CAElBO,iBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAUCL,kBAAkB,CAACI,CAAD,CAVnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,EAFP,OAGDC,IAHC,CAGDA,CAHC,YAGMT,qBAHN,OAIDU,IAJC,CAIDA,CAJC,YAIMP,0BAJN,OAKDQ,YALC,CAKDA,CALC,YAKc,CALd,GAMDC,CANC,GAMDA,WANC,CAODC,CAPC,GAODA,UAPC,CAQDC,CARC,GAQDA,UARC,CASEC,CATF,uCAYGC,CAAU,CAAGR,CAAK,CAACS,MAZtB,GAe6CpB,qBAAqB,CAF9CmB,CAAU,CAAG,CAEiC,CAEnE,CAFmE,CAGnE,CAHmE,CAInE,CAACL,CAAD,CAJmE,CAflE,CAeKO,CAfL,GAeKA,YAfL,CAemBC,CAfnB,GAemBA,SAfnB,CAe8BC,CAf9B,GAe8BA,UAf9B,CAsBGC,CAAQ,CAAoB,MAAjB,GAAAV,CAtBd,CAwBGW,CAAc,CAAGD,CAAQ,CAC3B,mBAAIb,CAAJ,EAAWe,OAAX,EAD2B,CAE3B,mBAAIf,CAAJ,EAAWgB,KAAX,CAAiB,CAAjB,CAAoBb,CAApB,EAAkCY,OAAlC,EA1BD,CA4BH,MACE,0CACE,SAAS,CAAEnB,aAAa,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAD1B,CAEE,GAAG,CAAEf,UAAU,CAAC,CAACwB,CAAD,CAAYZ,CAAZ,CAAD,CAFjB,EAGMQ,CAHN,EAKG,CAACM,CAAQ,EAAIL,CAAU,CAAGL,CAA1B,GACC,2BACE,SAAS,CAAEV,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQD,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAClCL,aAAa,CAAC,MAAD,CAAS,CACpBqB,MAAM,CAAE,CAACL,CAAU,CAAC,CAAD,CAAX,EAAkBC,CADN,CAAT,CADqB,CAAjB,CADrB,CAME,GAAG,CAAEH,CAAY,CAAC,CAAD,CANnB,aASIG,CAAQ,CAAGzB,cAAc,CAACwB,CAAD,CAAjB,CAAgCJ,CAAU,CAAGL,CATzD,EANJ,CAmBGW,CAAc,CAACI,GAAf,CAAmB,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACnC,MACE,qBAAC,MAAD,EACE,GAAG,CAAExB,aAAa,CAAC,CAAEwB,KAAK,CAALA,CAAF,CAAD,CADpB,CAEE,GAAG,CAAEf,CAAU,CAACc,CAAD,CAFjB,CAGE,IAAI,CAAEf,CAAW,CAACe,CAAD,CAHnB,CAIE,SAAS,CAAEvB,aAAa,CAAC,QAAD,CAAW,CACjCqB,MAAM,CAAE,CAACL,CAAU,CAACQ,CAAK,CAAG,CAAT,CAAX,EAA0BP,CADD,CAAX,CAJ1B,CAOE,IAAI,CAAEX,CAPR,CAQE,IAAI,CAAED,CARR,CASE,GAAG,CAAES,CAAY,CAACU,CAAK,CAAG,CAAT,CATnB,CAUE,UAAU,CAAEd,CAVd,EAaH,CAfA,CAnBH,CAqCH,C,CAED,MAAO,IAAMe,YAAW,CAAGnC,UAAU,CACnCW,iBADmC,CAA9B,CAIP"}

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

@@ -5,18 +5,54 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     getItemUrl: AvatarGroupPropGetItemUrl<AvatarGroupDefaultItem> | AvatarGroupPropGetItemUrl<ITEM>;
     children?: undefined;
     items?: ITEM[] | undefined;
-    visibleCount?: number | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    visibleCount?: number | "auto" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
+    monochrome?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
     className?: string | undefined;
-    color?: 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;
-    role?: import("react").AriaRole | 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;
+    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?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -26,7 +62,7 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -35,7 +71,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 | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -228,41 +264,6 @@ 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/AvatarGroup/types.d.ts

@@ -15,10 +15,11 @@ export declare type AvatarGroupPropGetItemName<ITEM> = (item: ITEM) => string |
 export declare type AvatarGroupProps<ITEM = AvatarGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
     children?: never;
     items?: ITEM[];
-    visibleCount?: number;
+    visibleCount?: number | 'auto';
     getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;
     getItemName?: AvatarGroupPropGetItemName<ITEM>;
     size?: AvatarGroupPropSize;
     form?: AvatarGroupPropForm;
+    monochrome?: boolean;
 }, HTMLDivElement>;
 export declare type AvatarGroupComponent = <ITEM = AvatarGroupDefaultItem>(props: AvatarGroupProps<ITEM>) => React.ReactElement | null;

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;\n      getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;\n      getItemName?: AvatarGroupPropGetItemName<ITEM>;\n      size?: AvatarGroupPropSize;\n      form?: AvatarGroupPropForm;\n    },\n    HTMLDivElement\n  >;\n\nexport type AvatarGroupComponent = <ITEM = AvatarGroupDefaultItem>(\n  props: AvatarGroupProps<ITEM>,\n) => React.ReactElement | 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.ReactElement | 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/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem"];import"./BreadcrumbsFitModeDropdown.css";import React,{forwardRef}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";import{BreadcrumbsMore}from"../BreadcrumbsMore/BreadcrumbsMore";import{useElements}from"../useElements";export var cnBreadcrumbsFitModeDropdown=cn("BreadcrumbsFitModeDropdown");export var BreadcrumbsFitModeDropdown=forwardRef(function(a,b){var c=a.items,d=a.getItemHref,e=a.getItemLabel,f=a.getItemIcon,g=a.getItemOnClick,h=a.getItemSubMenu,i=a.onItemClick,j=a.size,k=a.className,l=a.renderItem,m=_objectWithoutProperties(a,_excluded),n=useElements(c),o=n.firstItem,p=n.lastItem,q=n.readyToHideItems,r=n.hiddenItems,s=n.itemsRefs,t=n.wrapperRef,u=n.moreRef,v=n.firstItemRef,w=n.lastItemRef,x=n.lastWidth,y=n.compression,z=useForkRef([b,t]);return React.createElement("ul",Object.assign({className:cnBreadcrumbsFitModeDropdown({compression:y},[k]),ref:z},m,{style:_defineProperty({},"--breadcrumbs-item-last-width",x)}),l(o,"first",!0,!1,v),React.createElement(BreadcrumbsMore,{size:j,key:cnBreadcrumbsFitModeDropdown("More"),getItemHref:d,getItemIcon:f,getItemLabel:e,getItemOnClick:g,onItemClick:i,getItemSubMenu:h,items:r,ref:u,className:cnBreadcrumbsFitModeDropdown("Item",{removed:0>=r.length})}),q.map(function(a,b){return l(a,b,!1,!1,s[b],!!r[b])}),l(p,"last",!1,!0,w))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem"];import"./BreadcrumbsFitModeDropdown.css";import React,{forwardRef}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";import{BreadcrumbsMore}from"../BreadcrumbsMore/BreadcrumbsMore";import{useElements}from"../useElements";export var cnBreadcrumbsFitModeDropdown=cn("BreadcrumbsFitModeDropdown");export var BreadcrumbsFitModeDropdown=forwardRef(function(a,b){var c=a.items,d=a.getItemHref,e=a.getItemLabel,f=a.getItemIcon,g=a.getItemOnClick,h=a.getItemSubMenu,i=a.onItemClick,j=a.size,k=a.className,l=a.renderItem,m=_objectWithoutProperties(a,_excluded),n=useElements(c),o=n.firstItem,p=n.lastItem,q=n.readyToHideItems,r=n.visibleMap,s=n.elementsRefs,t=n.parentRef,u=n.hiddenItems,v=n.firstItemRef,w=n.lastItemRef,x=n.lastWidth,y=n.compression,z=useForkRef([b,t]);return React.createElement("ul",Object.assign({className:cnBreadcrumbsFitModeDropdown({compression:y},[k]),ref:z},m,{style:_defineProperty({},"--breadcrumbs-item-last-width",x)}),l(o,"first",!0,!1,v),React.createElement(BreadcrumbsMore,{size:j,key:cnBreadcrumbsFitModeDropdown("More"),getItemHref:d,getItemIcon:f,getItemLabel:e,getItemOnClick:g,onItemClick:i,getItemSubMenu:h,items:u,ref:s[0],className:cnBreadcrumbsFitModeDropdown("Item",{removed:0>=u.length})}),q.map(function(a,b){return l(a,b,!1,!1,s[b+1],!r[b+1])}),l(p,"last",!1,!0,w))});
 //# sourceMappingURL=BreadcrumbsFitModeDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsFitModeDropdown.js","names":["React","forwardRef","useForkRef","cn","BreadcrumbsMore","useElements","cnBreadcrumbsFitModeDropdown","BreadcrumbsFitModeDropdown","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem","otherProps","firstItem","lastItem","readyToHideItems","hiddenItems","itemsRefs","wrapperRef","moreRef","firstItemRef","lastItemRef","lastWidth","compression","rootRef","removed","length","map","item","index"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.tsx"],"sourcesContent":["import './BreadcrumbsFitModeDropdown.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { BreadcrumbsMore } from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { BreadcrumbsFitModeDropdownComponent } from '../types';\nimport { useElements } from '../useElements';\n\nexport const cnBreadcrumbsFitModeDropdown = cn('BreadcrumbsFitModeDropdown');\n\nexport const BreadcrumbsFitModeDropdown: BreadcrumbsFitModeDropdownComponent =\n  forwardRef((props, ref) => {\n    const {\n      items,\n      getItemHref,\n      getItemLabel,\n      getItemIcon,\n      getItemOnClick,\n      getItemSubMenu,\n      onItemClick,\n      size,\n      className,\n      renderItem,\n      ...otherProps\n    } = props;\n\n    const {\n      firstItem,\n      lastItem,\n      readyToHideItems,\n      hiddenItems,\n      itemsRefs,\n      wrapperRef,\n      moreRef,\n      firstItemRef,\n      lastItemRef,\n      lastWidth,\n      compression,\n    } = useElements(items);\n\n    const rootRef = useForkRef([ref, wrapperRef]);\n\n    return (\n      <ul\n        className={cnBreadcrumbsFitModeDropdown({ compression }, [className])}\n        ref={rootRef}\n        {...otherProps}\n        style={{ ['--breadcrumbs-item-last-width' as string]: lastWidth }}\n      >\n        {renderItem(firstItem, 'first', true, false, firstItemRef)}\n        <BreadcrumbsMore\n          size={size}\n          key={cnBreadcrumbsFitModeDropdown('More')}\n          getItemHref={getItemHref}\n          getItemIcon={getItemIcon}\n          getItemLabel={getItemLabel}\n          getItemOnClick={getItemOnClick}\n          onItemClick={onItemClick}\n          getItemSubMenu={getItemSubMenu}\n          items={hiddenItems}\n          ref={moreRef}\n          className={cnBreadcrumbsFitModeDropdown('Item', {\n            removed: hiddenItems.length <= 0,\n          })}\n        />\n        {readyToHideItems.map((item, index) =>\n          renderItem(\n            item,\n            index,\n            false,\n            false,\n            itemsRefs[index],\n            !!hiddenItems[index],\n          ),\n        )}\n        {renderItem(lastItem, 'last', false, true, lastItemRef)}\n      </ul>\n    );\n  });\n"],"mappings":"2SAAA,yCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BACA,OAASC,eAAT,0CAEA,OAASC,WAAT,sBAEA,MAAO,IAAMC,6BAA4B,CAAGH,EAAE,CAAC,4BAAD,CAAvC,CAEP,MAAO,IAAMI,2BAA+D,CAC1EN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IAEvBC,EAFuB,CAarBF,CAbqB,CAEvBE,KAFuB,CAGvBC,CAHuB,CAarBH,CAbqB,CAGvBG,WAHuB,CAIvBC,CAJuB,CAarBJ,CAbqB,CAIvBI,YAJuB,CAKvBC,CALuB,CAarBL,CAbqB,CAKvBK,WALuB,CAMvBC,CANuB,CAarBN,CAbqB,CAMvBM,cANuB,CAOvBC,CAPuB,CAarBP,CAbqB,CAOvBO,cAPuB,CAQvBC,CARuB,CAarBR,CAbqB,CAQvBQ,WARuB,CASvBC,CATuB,CAarBT,CAbqB,CASvBS,IATuB,CAUvBC,CAVuB,CAarBV,CAbqB,CAUvBU,SAVuB,CAWvBC,CAXuB,CAarBX,CAbqB,CAWvBW,UAXuB,CAYpBC,CAZoB,0BAarBZ,CAbqB,cA2BrBH,WAAW,CAACK,CAAD,CA3BU,CAgBvBW,CAhBuB,GAgBvBA,SAhBuB,CAiBvBC,CAjBuB,GAiBvBA,QAjBuB,CAkBvBC,CAlBuB,GAkBvBA,gBAlBuB,CAmBvBC,CAnBuB,GAmBvBA,WAnBuB,CAoBvBC,CApBuB,GAoBvBA,SApBuB,CAqBvBC,CArBuB,GAqBvBA,UArBuB,CAsBvBC,CAtBuB,GAsBvBA,OAtBuB,CAuBvBC,CAvBuB,GAuBvBA,YAvBuB,CAwBvBC,CAxBuB,GAwBvBA,WAxBuB,CAyBvBC,CAzBuB,GAyBvBA,SAzBuB,CA0BvBC,CA1BuB,GA0BvBA,WA1BuB,CA6BnBC,CAAO,CAAG9B,UAAU,CAAC,CAACO,CAAD,CAAMiB,CAAN,CAAD,CA7BD,CA+BzB,MACE,yCACE,SAAS,CAAEpB,4BAA4B,CAAC,CAAEyB,WAAW,CAAXA,CAAF,CAAD,CAAkB,CAACb,CAAD,CAAlB,CADzC,CAEE,GAAG,CAAEc,CAFP,EAGMZ,CAHN,EAIE,KAAK,oBAAK,+BAAL,CAAiDU,CAAjD,CAJP,GAMGX,CAAU,CAACE,CAAD,CAAY,OAAZ,OAAkCO,CAAlC,CANb,CAOE,oBAAC,eAAD,EACE,IAAI,CAAEX,CADR,CAEE,GAAG,CAAEX,4BAA4B,CAAC,MAAD,CAFnC,CAGE,WAAW,CAAEK,CAHf,CAIE,WAAW,CAAEE,CAJf,CAKE,YAAY,CAAED,CALhB,CAME,cAAc,CAAEE,CANlB,CAOE,WAAW,CAAEE,CAPf,CAQE,cAAc,CAAED,CARlB,CASE,KAAK,CAAES,CATT,CAUE,GAAG,CAAEG,CAVP,CAWE,SAAS,CAAErB,4BAA4B,CAAC,MAAD,CAAS,CAC9C2B,OAAO,CAAwB,CAAtB,EAAAT,CAAW,CAACU,MADyB,CAAT,CAXzC,EAPF,CAsBGX,CAAgB,CAACY,GAAjB,CAAqB,SAACC,CAAD,CAAOC,CAAP,QACpBlB,EAAU,CACRiB,CADQ,CAERC,CAFQ,OAKRZ,CAAS,CAACY,CAAD,CALD,CAMR,CAAC,CAACb,CAAW,CAACa,CAAD,CANL,CADU,CAArB,CAtBH,CAgCGlB,CAAU,CAACG,CAAD,CAAW,MAAX,OAAgCO,CAAhC,CAhCb,CAmCH,CAnES,CADL"}
+{"version":3,"file":"BreadcrumbsFitModeDropdown.js","names":["React","forwardRef","useForkRef","cn","BreadcrumbsMore","useElements","cnBreadcrumbsFitModeDropdown","BreadcrumbsFitModeDropdown","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem","otherProps","firstItem","lastItem","readyToHideItems","visibleMap","elementsRefs","parentRef","hiddenItems","firstItemRef","lastItemRef","lastWidth","compression","rootRef","removed","length","map","item","index"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.tsx"],"sourcesContent":["import './BreadcrumbsFitModeDropdown.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { BreadcrumbsMore } from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { BreadcrumbsFitModeDropdownComponent } from '../types';\nimport { useElements } from '../useElements';\n\nexport const cnBreadcrumbsFitModeDropdown = cn('BreadcrumbsFitModeDropdown');\n\nexport const BreadcrumbsFitModeDropdown: BreadcrumbsFitModeDropdownComponent =\n  forwardRef((props, ref) => {\n    const {\n      items,\n      getItemHref,\n      getItemLabel,\n      getItemIcon,\n      getItemOnClick,\n      getItemSubMenu,\n      onItemClick,\n      size,\n      className,\n      renderItem,\n      ...otherProps\n    } = props;\n\n    const {\n      firstItem,\n      lastItem,\n      readyToHideItems,\n      visibleMap,\n      elementsRefs,\n      parentRef,\n      hiddenItems,\n      firstItemRef,\n      lastItemRef,\n      lastWidth,\n      compression,\n    } = useElements(items);\n\n    const rootRef = useForkRef([ref, parentRef]);\n\n    return (\n      <ul\n        className={cnBreadcrumbsFitModeDropdown({ compression }, [className])}\n        ref={rootRef}\n        {...otherProps}\n        style={{ ['--breadcrumbs-item-last-width' as string]: lastWidth }}\n      >\n        {renderItem(firstItem, 'first', true, false, firstItemRef)}\n        <BreadcrumbsMore\n          size={size}\n          key={cnBreadcrumbsFitModeDropdown('More')}\n          getItemHref={getItemHref}\n          getItemIcon={getItemIcon}\n          getItemLabel={getItemLabel}\n          getItemOnClick={getItemOnClick}\n          onItemClick={onItemClick}\n          getItemSubMenu={getItemSubMenu}\n          items={hiddenItems}\n          ref={elementsRefs[0]}\n          className={cnBreadcrumbsFitModeDropdown('Item', {\n            removed: hiddenItems.length <= 0,\n          })}\n        />\n        {readyToHideItems.map((item, index) =>\n          renderItem(\n            item,\n            index,\n            false,\n            false,\n            elementsRefs[index + 1],\n            !visibleMap[index + 1],\n          ),\n        )}\n        {renderItem(lastItem, 'last', false, true, lastItemRef)}\n      </ul>\n    );\n  });\n"],"mappings":"2SAAA,yCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BACA,OAASC,eAAT,0CAEA,OAASC,WAAT,sBAEA,MAAO,IAAMC,6BAA4B,CAAGH,EAAE,CAAC,4BAAD,CAAvC,CAEP,MAAO,IAAMI,2BAA+D,CAC1EN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IAEvBC,EAFuB,CAarBF,CAbqB,CAEvBE,KAFuB,CAGvBC,CAHuB,CAarBH,CAbqB,CAGvBG,WAHuB,CAIvBC,CAJuB,CAarBJ,CAbqB,CAIvBI,YAJuB,CAKvBC,CALuB,CAarBL,CAbqB,CAKvBK,WALuB,CAMvBC,CANuB,CAarBN,CAbqB,CAMvBM,cANuB,CAOvBC,CAPuB,CAarBP,CAbqB,CAOvBO,cAPuB,CAQvBC,CARuB,CAarBR,CAbqB,CAQvBQ,WARuB,CASvBC,CATuB,CAarBT,CAbqB,CASvBS,IATuB,CAUvBC,CAVuB,CAarBV,CAbqB,CAUvBU,SAVuB,CAWvBC,CAXuB,CAarBX,CAbqB,CAWvBW,UAXuB,CAYpBC,CAZoB,0BAarBZ,CAbqB,cA2BrBH,WAAW,CAACK,CAAD,CA3BU,CAgBvBW,CAhBuB,GAgBvBA,SAhBuB,CAiBvBC,CAjBuB,GAiBvBA,QAjBuB,CAkBvBC,CAlBuB,GAkBvBA,gBAlBuB,CAmBvBC,CAnBuB,GAmBvBA,UAnBuB,CAoBvBC,CApBuB,GAoBvBA,YApBuB,CAqBvBC,CArBuB,GAqBvBA,SArBuB,CAsBvBC,CAtBuB,GAsBvBA,WAtBuB,CAuBvBC,CAvBuB,GAuBvBA,YAvBuB,CAwBvBC,CAxBuB,GAwBvBA,WAxBuB,CAyBvBC,CAzBuB,GAyBvBA,SAzBuB,CA0BvBC,CA1BuB,GA0BvBA,WA1BuB,CA6BnBC,CAAO,CAAG9B,UAAU,CAAC,CAACO,CAAD,CAAMiB,CAAN,CAAD,CA7BD,CA+BzB,MACE,yCACE,SAAS,CAAEpB,4BAA4B,CAAC,CAAEyB,WAAW,CAAXA,CAAF,CAAD,CAAkB,CAACb,CAAD,CAAlB,CADzC,CAEE,GAAG,CAAEc,CAFP,EAGMZ,CAHN,EAIE,KAAK,oBAAK,+BAAL,CAAiDU,CAAjD,CAJP,GAMGX,CAAU,CAACE,CAAD,CAAY,OAAZ,OAAkCO,CAAlC,CANb,CAOE,oBAAC,eAAD,EACE,IAAI,CAAEX,CADR,CAEE,GAAG,CAAEX,4BAA4B,CAAC,MAAD,CAFnC,CAGE,WAAW,CAAEK,CAHf,CAIE,WAAW,CAAEE,CAJf,CAKE,YAAY,CAAED,CALhB,CAME,cAAc,CAAEE,CANlB,CAOE,WAAW,CAAEE,CAPf,CAQE,cAAc,CAAED,CARlB,CASE,KAAK,CAAEY,CATT,CAUE,GAAG,CAAEF,CAAY,CAAC,CAAD,CAVnB,CAWE,SAAS,CAAEnB,4BAA4B,CAAC,MAAD,CAAS,CAC9C2B,OAAO,CAAwB,CAAtB,EAAAN,CAAW,CAACO,MADyB,CAAT,CAXzC,EAPF,CAsBGX,CAAgB,CAACY,GAAjB,CAAqB,SAACC,CAAD,CAAOC,CAAP,QACpBlB,EAAU,CACRiB,CADQ,CAERC,CAFQ,OAKRZ,CAAY,CAACY,CAAK,CAAG,CAAT,CALJ,CAMR,CAACb,CAAU,CAACa,CAAK,CAAG,CAAT,CANH,CADU,CAArB,CAtBH,CAgCGlB,CAAU,CAACG,CAAD,CAAW,MAAX,OAAgCO,CAAhC,CAhCb,CAmCH,CAnES,CADL"}