@salutejs/plasma-new-hope 0.339.0-canary.2286.18557548158.0 → 0.339.0-canary.2288.18653805742.0

package/cjs/components/Tree/utils/traverseTree.js

@@ -5,12 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var cls = require('classnames/dedupe');
 var Tree_tokens = require('../Tree.tokens.js');
-var deepCopy = require('../../../utils/deepCopy.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var cls__default = /*#__PURE__*/_interopDefault(cls);
 
+// Blazing-fast хелпер для глубокого копирования объектов.
+// Ссылки на функции (React-компоненты) сохраняются.
+var deepCopy = function deepCopy(obj) {
+  if (obj === null || _rollupPluginBabelHelpers.typeof(obj) !== 'object') {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map(function (item) {
+      return deepCopy(item);
+    });
+  }
+  if (obj.$$typeof === Symbol["for"]('react.element') || obj.$$typeof === Symbol["for"]('react.fragment') || _rollupPluginBabelHelpers.typeof(obj === null || obj === void 0 ? void 0 : obj.$$typeof) === 'symbol') {
+    return obj;
+  }
+  return Object.fromEntries(Object.entries(obj).map(function (_ref) {
+    var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return [key, deepCopy(value)];
+  }));
+};
+
 // Поиск в глубину для обхода узлов дерева.
 var dfs = function dfs(node, selectedKeys, rootParentsSelected, parents) {
   var _node$children, _parents$filter$;
@@ -57,7 +78,7 @@ var getRootParentsSelectedChildren = function getRootParentsSelectedChildren(nod
 // Перебираем и клонируем элементы в дереве, а также добавляем к ним класснеймы.
 var traverseTree = function traverseTree(items, selectedKeys) {
   var selectedKeysSet = new Set(selectedKeys);
-  var copyItems = deepCopy.deepCopy(items);
+  var copyItems = deepCopy(items);
   var rootParentsSelected = getRootParentsSelectedChildren({
     key: 'root',
     children: copyItems

package/cjs/components/Tree/utils/traverseTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"traverseTree.js","sources":["../../../../src/components/Tree/utils/traverseTree.ts"],"sourcesContent":["import type { Key } from 'react';\nimport cls from 'classnames/dedupe';\nimport { deepCopy } from 'src/utils';\n\nimport { classes } from '../Tree.tokens';\nimport type { TreeItem } from '../Tree.types';\n\n// Поиск в глубину для обхода узлов дерева.\nconst dfs = (node: TreeItem, selectedKeys: Set<Key>, rootParentsSelected: Set<Key>, parents: TreeItem[]): void => {\n    if (selectedKeys.has(node.key)) {\n        parents.forEach((parent) => {\n            parent.className = cls(parent.className, classes.treeItemHasSelectedChildren);\n        });\n    }\n\n    node.children?.forEach((childNode) => dfs(childNode, selectedKeys, rootParentsSelected, [...parents, node]));\n\n    if (rootParentsSelected.has(parents.filter((parent) => parent.key !== 'root')[0]?.key)) {\n        node.className = cls(node.className, classes.treeItemPrimaryBackground);\n    }\n\n    if (!node.children) {\n        node.className = cls(node.className, classes.treeLeafNode);\n    }\n};\n\nconst getRootParentsSelectedChildren = (node: TreeItem, selectedKeysSet: Set<Key>) => {\n    const rootParentsSelected = new Set<Key>();\n\n    const dfs = (node: TreeItem, currentRootParentKey: Key) => {\n        if (rootParentsSelected.has(currentRootParentKey)) {\n            return;\n        }\n\n        if (selectedKeysSet.has(node.key)) {\n            rootParentsSelected.add(currentRootParentKey);\n        }\n\n        if (node.children) {\n            node.children.forEach((childNode) => {\n                dfs(childNode, currentRootParentKey);\n            });\n        }\n    };\n\n    if (node.children) {\n        node.children.forEach((rootNode) => {\n            dfs(rootNode, rootNode.key);\n        });\n    }\n\n    return rootParentsSelected;\n};\n\n// Перебираем и клонируем элементы в дереве, а также добавляем к ним класснеймы.\nexport const traverseTree = (items: TreeItem[], selectedKeys?: Key[]): TreeItem[] => {\n    const selectedKeysSet = new Set(selectedKeys);\n\n    const copyItems = deepCopy(items);\n\n    const rootParentsSelected = getRootParentsSelectedChildren({ key: 'root', children: copyItems }, selectedKeysSet);\n\n    copyItems.forEach((item) => {\n        dfs(item, selectedKeysSet, rootParentsSelected, [item]);\n    });\n\n    return copyItems;\n};\n"],"names":["dfs","node","selectedKeys","rootParentsSelected","parents","_node$children","_parents$filter$","has","key","forEach","parent","className","cls","classes","treeItemHasSelectedChildren","children","childNode","concat","_toConsumableArray","filter","treeItemPrimaryBackground","treeLeafNode","getRootParentsSelectedChildren","selectedKeysSet","Set","currentRootParentKey","add","rootNode","traverseTree","items","copyItems","deepCopy","item"],"mappings":"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"}
+{"version":3,"file":"traverseTree.js","sources":["../../../../src/components/Tree/utils/traverseTree.ts"],"sourcesContent":["import type { Key } from 'react';\nimport cls from 'classnames/dedupe';\n\nimport { classes } from '../Tree.tokens';\nimport type { TreeItem } from '../Tree.types';\n\n// Blazing-fast хелпер для глубокого копирования объектов.\n// Ссылки на функции (React-компоненты) сохраняются.\nconst deepCopy = <T>(obj: T): T => {\n    if (obj === null || typeof obj !== 'object') {\n        return obj;\n    }\n\n    if (Array.isArray(obj)) {\n        return (obj.map((item) => deepCopy(item)) as unknown) as T;\n    }\n\n    if (\n        (obj as any).$$typeof === Symbol.for('react.element') ||\n        (obj as any).$$typeof === Symbol.for('react.fragment') ||\n        typeof (obj as any)?.$$typeof === 'symbol'\n    ) {\n        return obj;\n    }\n\n    return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;\n};\n\n// Поиск в глубину для обхода узлов дерева.\nconst dfs = (node: TreeItem, selectedKeys: Set<Key>, rootParentsSelected: Set<Key>, parents: TreeItem[]): void => {\n    if (selectedKeys.has(node.key)) {\n        parents.forEach((parent) => {\n            parent.className = cls(parent.className, classes.treeItemHasSelectedChildren);\n        });\n    }\n\n    node.children?.forEach((childNode) => dfs(childNode, selectedKeys, rootParentsSelected, [...parents, node]));\n\n    if (rootParentsSelected.has(parents.filter((parent) => parent.key !== 'root')[0]?.key)) {\n        node.className = cls(node.className, classes.treeItemPrimaryBackground);\n    }\n\n    if (!node.children) {\n        node.className = cls(node.className, classes.treeLeafNode);\n    }\n};\n\nconst getRootParentsSelectedChildren = (node: TreeItem, selectedKeysSet: Set<Key>) => {\n    const rootParentsSelected = new Set<Key>();\n\n    const dfs = (node: TreeItem, currentRootParentKey: Key) => {\n        if (rootParentsSelected.has(currentRootParentKey)) {\n            return;\n        }\n\n        if (selectedKeysSet.has(node.key)) {\n            rootParentsSelected.add(currentRootParentKey);\n        }\n\n        if (node.children) {\n            node.children.forEach((childNode) => {\n                dfs(childNode, currentRootParentKey);\n            });\n        }\n    };\n\n    if (node.children) {\n        node.children.forEach((rootNode) => {\n            dfs(rootNode, rootNode.key);\n        });\n    }\n\n    return rootParentsSelected;\n};\n\n// Перебираем и клонируем элементы в дереве, а также добавляем к ним класснеймы.\nexport const traverseTree = (items: TreeItem[], selectedKeys?: Key[]): TreeItem[] => {\n    const selectedKeysSet = new Set(selectedKeys);\n\n    const copyItems = deepCopy(items);\n\n    const rootParentsSelected = getRootParentsSelectedChildren({ key: 'root', children: copyItems }, selectedKeysSet);\n\n    copyItems.forEach((item) => {\n        dfs(item, selectedKeysSet, rootParentsSelected, [item]);\n    });\n\n    return copyItems;\n};\n"],"names":["deepCopy","obj","_typeof","Array","isArray","map","item","$$typeof","Symbol","Object","fromEntries","entries","_ref","_ref2","_slicedToArray","key","value","dfs","node","selectedKeys","rootParentsSelected","parents","_node$children","_parents$filter$","has","forEach","parent","className","cls","classes","treeItemHasSelectedChildren","children","childNode","concat","_toConsumableArray","filter","treeItemPrimaryBackground","treeLeafNode","getRootParentsSelectedChildren","selectedKeysSet","Set","currentRootParentKey","add","rootNode","traverseTree","items","copyItems"],"mappings":"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"}

package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _path;
+var DotsHorizontalOutline = function DotsHorizontalOutline(props) {
+  return /*#__PURE__*/React__default.default.createElement("svg", _rollupPluginBabelHelpers.extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.80039 6.59998C3.03039 6.59998 2.40039 7.22998 2.40039 7.99998C2.40039 8.76998 3.03039 9.39998 3.80039 9.39998C4.57039 9.39998 5.20039 8.76998 5.20039 7.99998C5.20039 7.22998 4.57039 6.59998 3.80039 6.59998ZM12.2004 6.59998C11.4304 6.59998 10.8004 7.22998 10.8004 7.99998C10.8004 8.76998 11.4304 9.39998 12.2004 9.39998C12.9704 9.39998 13.6004 8.76998 13.6004 7.99998C13.6004 7.22998 12.9704 6.59998 12.2004 6.59998ZM8.00039 6.59998C7.23039 6.59998 6.60039 7.22998 6.60039 7.99998C6.60039 8.76998 7.23039 9.39998 8.00039 9.39998C8.77039 9.39998 9.40039 8.76998 9.40039 7.99998C9.40039 7.22998 8.77039 6.59998 8.00039 6.59998Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.DotsHorizontalOutline = DotsHorizontalOutline;
+//# sourceMappingURL=DotsHorizontalOutline.js.map

package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsHorizontalOutline.js","sources":["../../../../src/components/_Icon/Icon.assets/DotsHorizontalOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const DotsHorizontalOutline: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" {...props}>\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M3.80039 6.59998C3.03039 6.59998 2.40039 7.22998 2.40039 7.99998C2.40039 8.76998 3.03039 9.39998 3.80039 9.39998C4.57039 9.39998 5.20039 8.76998 5.20039 7.99998C5.20039 7.22998 4.57039 6.59998 3.80039 6.59998ZM12.2004 6.59998C11.4304 6.59998 10.8004 7.22998 10.8004 7.99998C10.8004 8.76998 11.4304 9.39998 12.2004 9.39998C12.9704 9.39998 13.6004 8.76998 13.6004 7.99998C13.6004 7.22998 12.9704 6.59998 12.2004 6.59998ZM8.00039 6.59998C7.23039 6.59998 6.60039 7.22998 6.60039 7.99998C6.60039 8.76998 7.23039 9.39998 8.00039 9.39998C8.77039 9.39998 9.40039 8.76998 9.40039 7.99998C9.40039 7.22998 8.77039 6.59998 8.00039 6.59998Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["DotsHorizontalOutline","props","React","createElement","_extends","width","viewBox","fill","_path","fillRule","clipRule","d"],"mappings":";;;;;;;;;;;;IAIaA,qBAA0C,GAAG,SAA7CA,qBAA0CA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC5DC,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,sBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,qnBAAqnB;AACvnBJ,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DotsHorizontalOutline = require('../Icon.assets/DotsHorizontalOutline.js');
+var IconRoot = require('../IconRoot.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var IconDotsHorizontalOutline = function IconDotsHorizontalOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className,
+    sizeCustomProperty = _ref.sizeCustomProperty,
+    sizeCustomValue = _ref.sizeCustomValue;
+  return /*#__PURE__*/React__default.default.createElement(IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    sizeCustomProperty: sizeCustomProperty,
+    sizeCustomValue: sizeCustomValue,
+    icon: DotsHorizontalOutline.DotsHorizontalOutline
+  });
+};
+
+exports.IconDotsHorizontalOutline = IconDotsHorizontalOutline;
+//# sourceMappingURL=IconDotsHorizontalOutline.js.map

package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDotsHorizontalOutline.js","sources":["../../../../src/components/_Icon/Icons/IconDotsHorizontalOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DotsHorizontalOutline } from '../Icon.assets/DotsHorizontalOutline';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDotsHorizontalOutline: React.FC<IconProps> = ({\n    size = 's',\n    color,\n    className,\n    sizeCustomProperty,\n    sizeCustomValue,\n}) => {\n    return (\n        <IconRoot\n            className={className}\n            size={size}\n            color={color}\n            sizeCustomProperty={sizeCustomProperty}\n            sizeCustomValue={sizeCustomValue}\n            icon={DotsHorizontalOutline}\n        />\n    );\n};\n"],"names":["IconDotsHorizontalOutline","_ref","_ref$size","size","color","className","sizeCustomProperty","sizeCustomValue","React","createElement","IconRoot","icon","DotsHorizontalOutline"],"mappings":";;;;;;;;;;;;IAKaA,yBAA8C,GAAG,SAAjDA,yBAA8CA,CAAAC,IAAA,EAMrD;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CALFE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IACVE,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AAEf,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AACLL,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,eAAe,EAAEA,eAAgB;AACjCI,IAAAA,IAAI,EAAEC,2CAAAA;AAAsB,GAC/B,CAAC,CAAA;AAEV;;;;"}

package/cjs/index.css

@@ -708,25 +708,6 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
-
-.Item_styles_i0dby2_s14rxgk6__158876c7{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-
-.Item_styles_i0dby2_s1t6abbl__158876c7{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
-.Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
-.Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
-.Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
-.Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
-.Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
-.Item_styles_i0dby2_i1noc5rg__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
-.Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_i0dby2_wa9o46g__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
-
-
-.Item_styles_i0dby2_o1888l7c__158876c7{width:calc(var(--o1888l7c-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
-
-.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
-
 .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 
@@ -883,24 +864,32 @@
 
 .base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_e1fh2i5t__a3c52690{padding-left:var(--plasma-editable-edit-button-padding-left);}.base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_editableTextBox__a3c52690{margin-right:var(--plasma-editable-text-box-margin-right);padding-right:var(--plasma-editable-text-box-padding-right);}
 
-.base_kpo9at_b1pj1390__d0613261.base_kpo9at_horizontal__d0613261{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_vertical__d0613261{row-gap:var(--plasma-attach-vertical-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_auto__d0613261{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_withHelperText__d0613261{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_fssye98__d0613261{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);height:var(--plasma-attach-filename-wrapper-height);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_sjp429d__d0613261{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
+.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachHorizontal__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachVertical__acafdc8a{row-gap:var(--plasma-attach-vertical-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachAuto__acafdc8a{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_plasmaAttachHorizontal__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_plasmaAttachAuto__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachWithHelperText__acafdc8a{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_fssye98__acafdc8a{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_sjp429d__acafdc8a{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
 
-.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachHorizontal__8119a832{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachVertical__8119a832{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachAuto__8119a832{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
 
 .base_1tgnvl9_b1psfq3i__8ccb119d .base_1tgnvl9_sjp429d__8ccb119d{color:var(--plasma-attach-helper-text-color);}
 
-.Attach_styles_pso18d_by826kf__6f8aab6e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Attach_styles_pso18d_sw7vb9c__6f8aab6e{display:none;}
-.Attach_styles_pso18d_suojwhg__6f8aab6e{position:relative;}
-.Attach_styles_pso18d_sjp429d__6f8aab6e{position:absolute;margin-top:0.25rem;}
-.Attach_styles_pso18d_fssye98__6f8aab6e{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;}
-.Attach_styles_pso18d_t1531dv__6f8aab6e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Attach_styles_14g2czk_by826kf__cdf5bf98{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Attach_styles_14g2czk_sw7vb9c__cdf5bf98{display:none;}
+.Attach_styles_14g2czk_suojwhg__cdf5bf98{position:relative;}
+.Attach_styles_14g2czk_sjp429d__cdf5bf98{position:absolute;margin-top:0.25rem;}
+.Attach_styles_14g2czk_fssye98__cdf5bf98{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;height:var(--fssye98-0);}
+.Attach_styles_14g2czk_f1531dv__cdf5bf98{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:var(--f1531dv-0);}.Attach_styles_14g2czk_f1531dv__cdf5bf98.Attach_styles_14g2czk_plasmaAttachHorizontal__cdf5bf98{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Attach_styles_14g2czk_f1531dv__cdf5bf98.Attach_styles_14g2czk_plasmaAttachVertical__cdf5bf98{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Attach_styles_14g2czk_f1531dv__cdf5bf98.Attach_styles_14g2czk_plasmaAttachAuto__cdf5bf98{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Attach_styles_14g2czk_f1531dv__cdf5bf98.Attach_styles_14g2czk_plasmaAttachHorizontalHidden__cdf5bf98{position:absolute;top:0;left:0;z-index:-999;visibility:hidden;opacity:0;}
+.Attach_styles_14g2czk_t7plw5t__cdf5bf98{overflow:var(--t7plw5t-0);text-overflow:var(--t7plw5t-1);white-space:nowrap;}
 
 
-.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
+.HiddenWidthHelper_styles_3t6n6e_hgjzppa__f7fb7ae5{position:absolute;inset:0;z-index:-999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);box-sizing:border-box;visibility:hidden;opacity:0;}
+.HiddenWidthHelper_styles_3t6n6e_h1ad4wty__f7fb7ae5{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
 
 .Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
 
+.Cell_styles_lpj30y_si1k6gv__80725697{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_lpj30y_si1k6gv__80725697.Cell_styles_lpj30y_plasmaAttachCellHidden__80725697{visibility:hidden;}
+
+.MoreTrigger_styles_5yseaa_i1fc84ks__90d41151{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}
+
+.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f{--plasma-dropdown-border-width:var(--plasma-attach-dropdown-border-width);--plasma-dropdown-padding:var(--plasma-attach-dropdown-padding);--plasma-dropdown-border-radius:var(--plasma-attach-dropdown-border-radius);--plasma-dropdown-width:var(--plasma-attach-dropdown-width);--plasma-dropdown-item-padding:var(--plasma-attach-dropdown-item-padding);--plasma-dropdown-background:var(--plasma-attach-dropdown-background);--plasma-dropdown-box-shadow:var(--plasma-attach-dropdown-box-shadow);--plasma-dropdown-border-color:var(--plasma-attach-dropdown-border-color);}.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f .Dropdown_styles_1ge65dg_w1jav4ek__e948565f:hover{cursor:default;}
+
 .IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
 .IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
 

package/cjs/index.js

@@ -39,7 +39,6 @@ var createEvent = require('./utils/createEvent.js');
 var noop = require('./utils/noop.js');
 var getHeightAsNumber = require('./utils/getHeightAsNumber.js');
 var createConditionalComponent = require('./utils/createConditionalComponent.js');
-var deepCopy = require('./utils/deepCopy.js');
 var fixedForwardRef = require('./utils/fixedForwardRef.js');
 var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
 var initialValuesHelper = require('./utils/initialValuesHelper.js');
@@ -375,7 +374,6 @@ exports.createEvent = createEvent.createEvent;
 exports.noop = noop.noop;
 exports.getHeightAsNumber = getHeightAsNumber.getHeightAsNumber;
 exports.createConditionalComponent = createConditionalComponent.createConditionalComponent;
-exports.deepCopy = deepCopy.deepCopy;
 exports.fixedForwardRef = fixedForwardRef.fixedForwardRef;
 exports.getPlacement = getPopoverPlacement.getPlacement;
 exports.getPlacements = getPopoverPlacement.getPlacements;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { deepCopy } from './deepCopy';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;AAkBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;AAiBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;"}

package/emotion/cjs/components/Attach/Attach.js

@@ -19,16 +19,14 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
-var _Icon = require("../_Icon");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
 var _base2 = require("./variations/_helperTextView/base");
 var _Attachstyles = require("./Attach.styles");
-var _Cell = require("./ui/Cell/Cell");
 var _utils1 = require("./utils");
 var _Attachtokens = require("./Attach.tokens");
-var _AttachButton = require("./components/AttachButton");
-var _IconButtonstyles = require("./ui/IconButton/IconButton.styles");
+var _components = require("./components");
+var _ui = require("./ui");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -133,6 +131,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -173,11 +195,13 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var attachRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, outerRef) {
-        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
+        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, multiple = props.multiple, dropdownOptions = props.dropdownOptions, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
             "flow",
             "buttonType",
             "hideButtonOnAttach",
             "hasAttachment",
+            "multiple",
+            "dropdownOptions",
             "acceptedFileFormats",
             "helperText",
             "size",
@@ -197,17 +221,18 @@ var attachRoot = function(Root) {
         var innerRef = (0, _react.useRef)(null);
         var ref = (0, _plasmacore.useForkRef)(outerRef, innerRef);
         var inputRef = (0, _react.useRef)(null);
-        var cellRef = (0, _react.useRef)(null);
         var buttonRef = (0, _react.useRef)(null);
-        var _useState = _sliced_to_array((0, _react.useState)(''), 2), filename = _useState[0], setFilename = _useState[1];
+        var fileWrapperWidthRef = (0, _react.useRef)(null);
+        var fileWrapperHelperRef = (0, _react.useRef)(null);
+        var cellHelperRefs = (0, _react.useRef)({});
+        var _useState = _sliced_to_array((0, _react.useState)({}), 2), filesInfo = _useState[0], setFilesInfo = _useState[1];
+        var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), hasHiddenFiles = _useState1[0], setHasHiddenFiles = _useState1[1];
+        var filesLength = Object.keys(filesInfo).length;
         var horizontalClass = flow === 'horizontal' ? _Attachtokens.classes.horizontal : undefined;
         var verticalClass = flow === 'vertical' ? _Attachtokens.classes.vertical : undefined;
-        var withHelperTextClass = helperText ? _Attachtokens.classes.withHelperText : undefined;
         var autoClass = flow === 'auto' ? _Attachtokens.classes.auto : undefined;
+        var withHelperTextClass = helperText ? _Attachtokens.classes.withHelperText : undefined;
         var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
-        var extension = (0, _utils1.extractExtension)(filename);
-        var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
-        var cellContentLeft = customIcon || (0, _utils1.getFileIcon)(extension, size);
         var handleClick = function(e) {
             if (!inputRef.current) {
                 return;
@@ -218,24 +243,121 @@ var attachRoot = function(Root) {
             inputRef.current.click();
         };
         var handleChange = function(e) {
-            if (!e.target.files) {
+            var fileList = e.target.files;
+            if (!fileList || fileList.length === 0) {
                 return;
             }
             if (onChange) {
                 onChange(e);
             }
-            setFilename(e.target.files[0].name);
+            if (!hasAttachment) {
+                return;
+            }
+            var fileArray = Array.from(fileList);
+            var filesData = fileArray.reduce(function(acc, file, ind) {
+                var fileKey = "".concat(ind, "_").concat(file.name);
+                acc[fileKey] = (0, _utils1.getFilenameParts)(file.name, size, customIcon);
+                return acc;
+            }, {});
+            cellHelperRefs.current = {};
+            setFilesInfo(filesData);
+            setHasHiddenFiles(false);
         };
-        var handleClear = function() {
+        var handleClear = function(fileKey) {
             if (!inputRef.current) {
                 return;
             }
             if (onClear) {
                 onClear();
             }
-            inputRef.current.value = '';
-            setFilename('');
+            setFilesInfo(function(prevFileInfo) {
+                var updatedFilesInfo = _object_spread({}, prevFileInfo);
+                delete updatedFilesInfo[fileKey];
+                return updatedFilesInfo;
+            });
+            delete cellHelperRefs.current[fileKey];
+            setHasHiddenFiles(false);
+        };
+        var getCellRef = function(element, key) {
+            if (element && (cellHelperRefs === null || cellHelperRefs === void 0 ? void 0 : cellHelperRefs.current)) {
+                cellHelperRefs.current[key] = element;
+            }
         };
+        var updateHiddenFiles = function() {
+            var newFilesInfo = _object_spread({}, filesInfo);
+            if (!multiple || Object.keys(filesInfo).length === 0) {
+                setHasHiddenFiles(false);
+                return;
+            }
+            if (flow !== 'horizontal') {
+                Object.keys(newFilesInfo).forEach(function(key) {
+                    newFilesInfo[key].isVisible = true;
+                });
+                setHasHiddenFiles(false);
+                setFilesInfo(newFilesInfo);
+                return;
+            }
+            if (!fileWrapperWidthRef.current || !fileWrapperHelperRef.current || !Object.keys(cellHelperRefs.current).length) {
+                return;
+            }
+            var fileWrapper = fileWrapperWidthRef.current;
+            var fileWrapperWidth = fileWrapper.clientWidth;
+            var _window_getComputedStyle_columnGap;
+            var fileWrapperGap = parseInt((_window_getComputedStyle_columnGap = window.getComputedStyle(fileWrapper).columnGap) !== null && _window_getComputedStyle_columnGap !== void 0 ? _window_getComputedStyle_columnGap : 0, 10);
+            var totalWidth = 0;
+            var firstHidden = Object.entries(cellHelperRefs.current).findIndex(function(param) {
+                var _param = _sliced_to_array(param, 2), _ = _param[0], cell = _param[1];
+                totalWidth += cell.clientWidth + fileWrapperGap;
+                if (totalWidth > fileWrapperWidth) {
+                    setHasHiddenFiles(true);
+                    return true;
+                }
+                return false;
+            });
+            var newKeys = Object.keys(newFilesInfo);
+            var filesInfoVisibleKeys = firstHidden >= 0 ? newKeys.slice(0, firstHidden) : newKeys;
+            var filesInfoHiddenKeys = firstHidden >= 0 ? newKeys.slice(firstHidden) : [];
+            filesInfoVisibleKeys.forEach(function(key) {
+                newFilesInfo[key].isVisible = true;
+            });
+            filesInfoHiddenKeys.forEach(function(key) {
+                newFilesInfo[key].isVisible = false;
+            });
+            setFilesInfo(newFilesInfo);
+        };
+        (0, _react.useLayoutEffect)(function() {
+            updateHiddenFiles();
+        }, [
+            filesLength,
+            flow,
+            multiple
+        ]);
+        (0, _react.useEffect)(function() {
+            if (flow !== 'horizontal' || !multiple) {
+                return;
+            }
+            var observer = new ResizeObserver(function() {
+                updateHiddenFiles();
+            });
+            if (innerRef.current) {
+                observer.observe(innerRef.current);
+            }
+            return function() {
+                return observer.disconnect();
+            };
+        }, [
+            filesLength,
+            flow,
+            multiple
+        ]);
+        var RootWrapper = function(param) {
+            var children = param.children;
+            return /*#__PURE__*/ _react.default.createElement(Root, {
+                size: size,
+                view: view
+            }, children);
+        };
+        var _dropdownOptions_placement;
         return /*#__PURE__*/ _react.default.createElement(Root, {
             className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
             style: style,
@@ -249,25 +371,65 @@ var attachRoot = function(Root) {
             type: "file",
             id: id,
             name: name,
+            multiple: multiple,
             onChange: handleChange
-        }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledAttachButtonWrapper, null, /*#__PURE__*/ _react.default.createElement(_AttachButton.AttachButton, _object_spread({
+        }), (!hideButtonOnAttach || !filesLength) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledAttachButtonWrapper, null, /*#__PURE__*/ _react.default.createElement(_components.AttachButton, _object_spread({
             ref: buttonRef,
             buttonType: buttonType,
             isLoading: isLoading,
             disabled: disabled,
             onClick: handleClick
-        }, rest)), helperText && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/ _react.default.createElement(_Cell.StyledCell, {
-            stretching: "fixed",
-            ref: cellRef,
+        }, rest)), helperText && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && Object.values(filesInfo)[0].isVisible && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilesWrapper, {
+            className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass),
+            applyOverflow: multiple && flow === 'horizontal'
+        }, Object.entries(filesInfo).map(function(param) {
+            var _param = _sliced_to_array(param, 2), key = _param[0], _param_ = _param[1], extension = _param_.extension, filenameWithoutExtension = _param_.filenameWithoutExtension, cellContentLeft = _param_.cellContentLeft, isVisible = _param_.isVisible;
+            if (!isVisible) {
+                return;
+            }
+            return /*#__PURE__*/ _react.default.createElement(_ui.CellUI, {
+                key: key,
+                filenameWithoutExtension: filenameWithoutExtension,
+                extension: extension,
+                size: size,
+                cellContentLeft: cellContentLeft,
+                multiple: multiple,
+                flow: flow,
+                onClick: function() {
+                    return handleClear(key);
+                }
+            });
+        }))), (hasAttachment || hideButtonOnAttach) && hasHiddenFiles && /*#__PURE__*/ _react.default.createElement(_ui.DropdownUI, _object_spread_props(_object_spread({
+            rootWrapper: RootWrapper,
             size: size,
-            contentLeft: cellContentLeft,
-            contentRight: /*#__PURE__*/ _react.default.createElement(_IconButtonstyles.StyledIconButtonCancel, {
-                onClick: handleClear
-            }, /*#__PURE__*/ _react.default.createElement(_Icon.IconCloseCircleOutline, {
-                size: "xs",
-                color: "inherit"
-            }))
-        }, /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilenameWrapper, null, /*#__PURE__*/ _react.default.createElement(_Attachstyles.TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
+            filesInfo: filesInfo,
+            customIcon: customIcon,
+            handleClear: handleClear
+        }, dropdownOptions), {
+            placement: (_dropdownOptions_placement = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.placement) !== null && _dropdownOptions_placement !== void 0 ? _dropdownOptions_placement : 'bottom'
+        })), multiple && flow === 'horizontal' && /*#__PURE__*/ _react.default.createElement(_components.HiddenWidthHelper, {
+            ref: fileWrapperWidthRef,
+            hasHiddenFiles: hasHiddenFiles,
+            size: size
+        }), multiple && flow === 'horizontal' && (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilesWrapper, {
+            ref: fileWrapperHelperRef,
+            className: (0, _utils.cx)(horizontalClass, _Attachtokens.classes.horizontalHidden)
+        }, Object.entries(filesInfo).map(function(param) {
+            var _param = _sliced_to_array(param, 2), key = _param[0], _param_ = _param[1], extension = _param_.extension, filenameWithoutExtension = _param_.filenameWithoutExtension, cellContentLeft = _param_.cellContentLeft;
+            return /*#__PURE__*/ _react.default.createElement(_ui.CellUI, {
+                key: key,
+                ref: function(el) {
+                    return getCellRef(el, key);
+                },
+                filenameWithoutExtension: filenameWithoutExtension,
+                extension: extension,
+                size: size,
+                cellContentLeft: cellContentLeft,
+                multiple: multiple,
+                flow: flow,
+                isHelper: true
+            });
+        })));
     });
 };
 var attachConfig = {