@salutejs/plasma-new-hope 0.340.0-canary.2321.19133039112.0 → 0.340.0-canary.2322.19259276297.0

package/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js

@@ -0,0 +1,156 @@
+import { typeof as _typeof, createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { deepCopy } from '../../../../utils/deepCopy.js';
+
+// Утилита для поиска ключа в объекте по пути.
+var keyExists = function keyExists(obj, path) {
+  if (_typeof(obj) !== 'object' || obj === null || !Array.isArray(path)) {
+    return false;
+  }
+  var current = obj;
+  for (var i = 0; i < path.length; i++) {
+    var _key = path[i];
+    if (current === null || _typeof(current) !== 'object' || !(_key in current)) {
+      return false;
+    }
+    current = current[_key];
+  }
+  return true;
+};
+function createObjectAtPath(obj, path) {
+  if (_typeof(obj) !== 'object' || obj === null) {
+    return;
+  }
+  var current = obj;
+  for (var i = 0; i < path.length; i++) {
+    var _key2 = path[i];
+    if (i === path.length - 1) {
+      current[_key2] = {};
+      break;
+    }
+    if (current[_key2] === undefined || current[_key2] === null) {
+      current[_key2] = {};
+    }
+    current = current[_key2];
+  }
+  return obj;
+}
+function removeObjectAtPath(obj, path) {
+  if (path.length === 0) {
+    return obj;
+  }
+  var current = obj;
+  for (var i = 0; i < path.length; i++) {
+    var _key3 = path[i];
+    if (current === null || _typeof(current) !== 'object' || !(_key3 in current)) {
+      return obj;
+    }
+    if (i === path.length - 1) {
+      delete current[_key3];
+      break;
+    }
+    current = current[_key3];
+  }
+  return obj;
+}
+
+/**
+ * Утилита, которая получает на вход список отфильтрованных элементов и
+ * callback, с помощью которого эти элементы были отфильтрованы.
+ * Возвращает TreePathState, т.е. список раскрытых групп.
+ * По умолчанию группа не раскрывается, если в ней не было найдено ни одного элемента.
+ * Но т.к. поиск может осуществляться как по элементам, так и по группам,
+ * то может возникнуть ситуация, когда будет найдена как группа с определенным названием,
+ * так и элемент с таким же названием внутри нее, и в таком случае мы должны частично раскрыть группу,
+ * вплоть то найденного элемента.
+ * Если найдена только группа, без элементов внутри нее, то саму эту группу
+ * раскрывать не нужно. Нужно раскрыть только родителя этой группы.
+ */
+function generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue) {
+  var result = {};
+  function traverse(items, currentPath) {
+    var hasFoundItems = false;
+    var _iterator = _createForOfIteratorHelper(items),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        var isFound = filterCb(item, textValue);
+        if (item.items && item.items.length > 0) {
+          // Обрабатываем детей
+          var childPath = {};
+          var foundInChildren = traverse(item.items, childPath);
+          if (foundInChildren) {
+            // Если в детях найдены элементы - добавляем путь
+            currentPath[item.value] = childPath;
+            hasFoundItems = true;
+          }
+
+          // Если сама группа найдена, но в детях ничего нет - НЕ добавляем путь
+          // Просто отмечаем что что-то найдено на этом уровне
+          if (isFound && !foundInChildren) {
+            hasFoundItems = true;
+          }
+        } else if (isFound) {
+          // Для конечного элемента не добавляем путь в currentPath,
+          // но отмечаем что на этом уровне есть найденные элементы
+          hasFoundItems = true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return hasFoundItems;
+  }
+  traverse(filteredItems, result);
+  return result;
+}
+function treePathReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return {};
+      }
+    case 'toggled_level':
+      {
+        var stateCopy = deepCopy(state);
+        var isTargetLevelOpened = keyExists(stateCopy, action.value);
+        if (isTargetLevelOpened) {
+          // нужно закрыть текущий уровень
+          removeObjectAtPath(stateCopy, action.value);
+        } else {
+          // нужно открыть требуемый уровень
+          createObjectAtPath(stateCopy, action.value);
+        }
+        return stateCopy;
+      }
+    case 'expand_by_key':
+      {
+        var _action$value = action.value,
+          filteredItems = _action$value.filteredItems,
+          filterCb = _action$value.filterCb,
+          textValue = _action$value.textValue;
+        return generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue);
+      }
+    case 'open_level':
+      {
+        var _stateCopy = deepCopy(state);
+        createObjectAtPath(_stateCopy, action.value);
+        return _stateCopy;
+      }
+    case 'close_level':
+      {
+        var _stateCopy2 = deepCopy(state);
+        removeObjectAtPath(_stateCopy2, action.value);
+        return _stateCopy2;
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+
+export { keyExists, treePathReducer };
+//# sourceMappingURL=treePathReducer.js.map

package/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treePathReducer.js","sources":["../../../../../src/components/Combobox/ComboboxNew/reducers/treePathReducer.ts"],"sourcesContent":["import { deepCopy } from 'src/utils';\n\nimport { ItemOption } from '../Combobox.types';\n\ntype NestedTreePath = {\n    [key: string]: {} | NestedTreePath;\n};\n\nexport type TreePathState = NestedTreePath;\n\nexport type TreePathAction =\n    | { type: 'reset' }\n    | { type: 'toggled_level'; value: string[] }\n    | {\n          type: 'expand_by_key';\n          value: {\n              filteredItems: ItemOption[];\n              filterCb: (item: ItemOption, textValue: string) => boolean;\n              textValue: string;\n          };\n      }\n    | { type: 'open_level'; value: string[] }\n    | { type: 'close_level'; value: string[] };\n\n// Утилита для поиска ключа в объекте по пути.\nexport const keyExists = (obj: NestedTreePath, path: string[]) => {\n    if (typeof obj !== 'object' || obj === null || !Array.isArray(path)) {\n        return false;\n    }\n\n    let current = obj;\n\n    for (let i = 0; i < path.length; i++) {\n        const key = path[i];\n\n        if (current === null || typeof current !== 'object' || !(key in current)) {\n            return false;\n        }\n\n        current = current[key];\n    }\n\n    return true;\n};\n\nfunction createObjectAtPath(obj: NestedTreePath, path: string[]) {\n    if (typeof obj !== 'object' || obj === null) {\n        return;\n    }\n\n    let current = obj;\n\n    for (let i = 0; i < path.length; i++) {\n        const key = path[i];\n\n        if (i === path.length - 1) {\n            current[key] = {};\n            break;\n        }\n\n        if (current[key] === undefined || current[key] === null) {\n            current[key] = {};\n        }\n\n        current = current[key];\n    }\n\n    return obj;\n}\n\nfunction removeObjectAtPath(obj: NestedTreePath, path: string[]) {\n    if (path.length === 0) {\n        return obj;\n    }\n\n    let current = obj;\n\n    for (let i = 0; i < path.length; i++) {\n        const key = path[i];\n\n        if (current === null || typeof current !== 'object' || !(key in current)) {\n            return obj;\n        }\n\n        if (i === path.length - 1) {\n            delete current[key];\n            break;\n        }\n\n        current = current[key];\n    }\n\n    return obj;\n}\n\n/**\n * Утилита, которая получает на вход список отфильтрованных элементов и\n * callback, с помощью которого эти элементы были отфильтрованы.\n * Возвращает TreePathState, т.е. список раскрытых групп.\n * По умолчанию группа не раскрывается, если в ней не было найдено ни одного элемента.\n * Но т.к. поиск может осуществляться как по элементам, так и по группам,\n * то может возникнуть ситуация, когда будет найдена как группа с определенным названием,\n * так и элемент с таким же названием внутри нее, и в таком случае мы должны частично раскрыть группу,\n * вплоть то найденного элемента.\n * Если найдена только группа, без элементов внутри нее, то саму эту группу\n * раскрывать не нужно. Нужно раскрыть только родителя этой группы.\n */\nfunction generateNestedTreePathFromFilteredItems(\n    filteredItems: ItemOption[],\n    filterCb: (item: ItemOption, value: string) => boolean,\n    textValue: string,\n): TreePathState {\n    const result: TreePathState = {};\n\n    function traverse(items: ItemOption[], currentPath: TreePathState): boolean {\n        let hasFoundItems = false;\n\n        for (const item of items) {\n            const isFound = filterCb(item, textValue);\n\n            if (item.items && item.items.length > 0) {\n                // Обрабатываем детей\n                const childPath: TreePathState = {};\n                const foundInChildren = traverse(item.items, childPath);\n\n                if (foundInChildren) {\n                    // Если в детях найдены элементы - добавляем путь\n                    currentPath[item.value] = childPath;\n                    hasFoundItems = true;\n                }\n\n                // Если сама группа найдена, но в детях ничего нет - НЕ добавляем путь\n                // Просто отмечаем что что-то найдено на этом уровне\n                if (isFound && !foundInChildren) {\n                    hasFoundItems = true;\n                }\n            } else if (isFound) {\n                // Для конечного элемента не добавляем путь в currentPath,\n                // но отмечаем что на этом уровне есть найденные элементы\n                hasFoundItems = true;\n            }\n        }\n\n        return hasFoundItems;\n    }\n\n    traverse(filteredItems, result);\n\n    return result;\n}\n\nexport function treePathReducer(state: TreePathState, action: TreePathAction): TreePathState {\n    switch (action.type) {\n        case 'reset': {\n            return {};\n        }\n\n        case 'toggled_level': {\n            const stateCopy = deepCopy(state);\n\n            const isTargetLevelOpened = keyExists(stateCopy, action.value);\n\n            if (isTargetLevelOpened) {\n                // нужно закрыть текущий уровень\n                removeObjectAtPath(stateCopy, action.value);\n            } else {\n                // нужно открыть требуемый уровень\n                createObjectAtPath(stateCopy, action.value);\n            }\n\n            return stateCopy;\n        }\n\n        case 'expand_by_key': {\n            const { filteredItems, filterCb, textValue } = action.value;\n\n            return generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue);\n        }\n\n        case 'open_level': {\n            const stateCopy = deepCopy(state);\n\n            createObjectAtPath(stateCopy, action.value);\n\n            return stateCopy;\n        }\n\n        case 'close_level': {\n            const stateCopy = deepCopy(state);\n\n            removeObjectAtPath(stateCopy, action.value);\n\n            return stateCopy;\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["keyExists","obj","path","_typeof","Array","isArray","current","i","length","key","createObjectAtPath","undefined","removeObjectAtPath","generateNestedTreePathFromFilteredItems","filteredItems","filterCb","textValue","result","traverse","items","currentPath","hasFoundItems","_iterator","_createForOfIteratorHelper","_step","s","n","done","item","value","isFound","childPath","foundInChildren","err","e","f","treePathReducer","state","action","type","stateCopy","deepCopy","isTargetLevelOpened","_action$value"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.css

@@ -0,0 +1,57 @@
+.base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
+
+.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
+
+.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af.base_x86p0b_focusVisible__fe3a51af:focus::before,.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af{border-color:transparent;position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.25rem;left:-0.25rem;right:-0.25rem;bottom:-0.25rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
+
+.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9:focus{outline:0 none;}
+.Checkbox_styles_1dv1w6k_sft3zxv__36f48cb9{padding:var(--plasma-checkbox-trigger-padding);}
+.Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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;background:var(--plasma-checkbox-trigger-background-color);border:var(--plasma-checkbox-trigger-border-width) solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{width:100%;}
+.Checkbox_styles_1dv1w6k_s1my1ay__36f48cb9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
+
+.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
+
+.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
+
+.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
+
+.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
+.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
+.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
+.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
+.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+
+.Item_styles_7nhjnm_swacibr__bb9b6d83{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+
+.Item_styles_7nhjnm_srzm47e__bb9b6d83{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
+.Item_styles_7nhjnm_s192qkx1__bb9b6d83{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
+.Item_styles_7nhjnm_s1q9myss__bb9b6d83{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.Item_styles_7nhjnm_s1q9myss__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_7nhjnm_s10m1bkx__bb9b6d83{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_7nhjnm_s10m1bkx__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_7nhjnm_s1r53w2d__bb9b6d83{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
+.Item_styles_7nhjnm_d1v61vfm__bb9b6d83{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.Item_styles_7nhjnm_d1v61vfm__bb9b6d83:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
+.Item_styles_7nhjnm_i6hijvp__bb9b6d83{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(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
+.Item_styles_7nhjnm_s1j1q6dk__bb9b6d83{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_7nhjnm_w1ftsp23__bb9b6d83{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-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-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_7nhjnm_w1ftsp23__bb9b6d83:hover:not(.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsActive__bb9b6d83{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83{opacity:0.4;cursor:not-allowed;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:focus{outline:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83::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-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsFocused__bb9b6d83:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_7nhjnm_omc64gp__bb9b6d83{width:calc(var(--omc64gp-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_1auklgl_l1ob9zdf__e765a7ed{width:100%;padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-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_1auklgl_s189uhoe__e765a7ed{max-height:var(--s189uhoe-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js

@@ -0,0 +1,88 @@
+import React, { useRef } from 'react';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { Item } from './ui/Item/Item.js';
+import { ListWrapper, ScrollContainer } from './TreeList.styles.js';
+import { getHeightAsNumber } from '../../../../../utils/getHeightAsNumber.js';
+
+var TreeList = function TreeList(_ref) {
+  var items = _ref.items,
+    listMaxHeight = _ref.listMaxHeight,
+    onScroll = _ref.onScroll,
+    virtual = _ref.virtual,
+    beforeList = _ref.beforeList,
+    afterList = _ref.afterList;
+  if (virtual) {
+    return /*#__PURE__*/React.createElement(VirtualTreeList, {
+      items: items,
+      listMaxHeight: listMaxHeight,
+      onScroll: onScroll,
+      beforeList: beforeList,
+      afterList: afterList
+    });
+  }
+  return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(ScrollContainer, {
+    listMaxHeight: listMaxHeight,
+    onScroll: onScroll
+  }, beforeList, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Item, {
+      key: index,
+      item: item,
+      pathToItem: [index]
+    });
+  }), afterList));
+};
+var VirtualTreeList = function VirtualTreeList(_ref2) {
+  var _virtualItems$0$start, _virtualItems$;
+  var _ref2$items = _ref2.items,
+    items = _ref2$items === void 0 ? [] : _ref2$items,
+    listMaxHeight = _ref2.listMaxHeight,
+    onScroll = _ref2.onScroll,
+    beforeList = _ref2.beforeList,
+    afterList = _ref2.afterList;
+  var parentRef = useRef(null);
+  var virtualizer = useVirtualizer({
+    count: items.length,
+    getScrollElement: function getScrollElement() {
+      return parentRef.current;
+    },
+    estimateSize: function estimateSize() {
+      return 48;
+    }
+  });
+  var virtualItems = virtualizer.getVirtualItems();
+  return /*#__PURE__*/React.createElement(ListWrapper, null, beforeList, /*#__PURE__*/React.createElement("div", {
+    ref: parentRef,
+    style: {
+      height: 'auto',
+      maxHeight: getHeightAsNumber(listMaxHeight),
+      overflowY: 'auto'
+    },
+    onScroll: onScroll
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: virtualizer.getTotalSize(),
+      width: '100%',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
+    }
+  }, virtualItems.map(function (virtualRow) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: virtualRow.key,
+      "data-index": virtualRow.index,
+      ref: virtualizer.measureElement
+    }, /*#__PURE__*/React.createElement(Item, {
+      item: items[virtualRow.index],
+      pathToItem: [virtualRow.index]
+    }));
+  })))), afterList);
+};
+
+export { TreeList };
+//# sourceMappingURL=TreeList.js.map

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeList.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/TreeList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { Props } from './TreeList.types';\nimport { Item } from './ui/Item/Item';\nimport { ListWrapper, ScrollContainer } from './TreeList.styles';\n\nexport const TreeList: React.FC<Props> = ({ items, listMaxHeight, onScroll, virtual, beforeList, afterList }) => {\n    if (virtual) {\n        return (\n            <VirtualTreeList\n                items={items}\n                listMaxHeight={listMaxHeight}\n                onScroll={onScroll}\n                beforeList={beforeList}\n                afterList={afterList}\n            />\n        );\n    }\n\n    return (\n        <ListWrapper>\n            <ScrollContainer listMaxHeight={listMaxHeight} onScroll={onScroll}>\n                {beforeList}\n\n                {items?.map((item, index) => {\n                    return <Item key={index} item={item} pathToItem={[index]} />;\n                })}\n\n                {afterList}\n            </ScrollContainer>\n        </ListWrapper>\n    );\n};\n\nconst VirtualTreeList: React.FC<Props> = ({ items = [], listMaxHeight, onScroll, beforeList, afterList }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <ListWrapper>\n            {beforeList}\n\n            <div\n                ref={parentRef}\n                style={{\n                    height: 'auto',\n                    maxHeight: getHeightAsNumber(listMaxHeight),\n                    overflowY: 'auto',\n                }}\n                onScroll={onScroll}\n            >\n                <div\n                    style={{\n                        height: virtualizer.getTotalSize(),\n                        width: '100%',\n                        position: 'relative',\n                    }}\n                >\n                    <div\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            width: '100%',\n                            transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                        }}\n                    >\n                        {virtualItems.map((virtualRow) => (\n                            <div\n                                key={virtualRow.key as React.Key}\n                                data-index={virtualRow.index}\n                                ref={virtualizer.measureElement}\n                            >\n                                <Item item={items[virtualRow.index]} pathToItem={[virtualRow.index]} />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {afterList}\n        </ListWrapper>\n    );\n};\n"],"names":["TreeList","_ref","items","listMaxHeight","onScroll","virtual","beforeList","afterList","React","createElement","VirtualTreeList","ListWrapper","ScrollContainer","map","item","index","Item","key","pathToItem","_ref2","_virtualItems$0$start","_virtualItems$","_ref2$items","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","virtualRow","measureElement"],"mappings":";;;;;;IAQaA,QAAyB,GAAG,SAA5BA,QAAyBA,CAAAC,IAAA,EAA2E;AAAA,EAAA,IAArEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;AACtG,EAAA,IAAIF,OAAO,EAAE;AACT,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AACZR,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KACxB,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIC,KAAA,CAAAC,aAAA,CAACE,WAAW,qBACRH,KAAA,CAAAC,aAAA,CAACG,eAAe,EAAA;AAACT,IAAAA,aAAa,EAAEA,aAAc;AAACC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAC7DE,UAAU,EAEVJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AACzB,IAAA,oBAAOP,KAAA,CAAAC,aAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,GAAG,EAAEF,KAAM;AAACD,MAAAA,IAAI,EAAEA,IAAK;MAACI,UAAU,EAAE,CAACH,KAAK,CAAA;AAAE,KAAE,CAAC,CAAA;AAChE,GAAC,CAAC,EAEDR,SACY,CACR,CAAC,CAAA;AAEtB,EAAC;AAED,IAAMG,eAAgC,GAAG,SAAnCA,eAAgCA,CAAAS,KAAA,EAAuE;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,WAAA,GAAAH,KAAA,CAAjEjB,KAAK;AAALA,IAAAA,KAAK,GAAAoB,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAEnB,aAAa,GAAAgB,KAAA,CAAbhB,aAAa;IAAEC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEE,UAAU,GAAAa,KAAA,CAAVb,UAAU;IAAEC,SAAS,GAAAY,KAAA,CAATZ,SAAS,CAAA;AAClG,EAAA,IAAMgB,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEzB,KAAK,CAAC0B,MAAM;IACnBC,gBAAgB,EAAE,SAAAA,gBAAA,GAAA;MAAA,OAAMN,SAAS,CAACO,OAAO,CAAA;AAAA,KAAA;IACzCC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAM,EAAE,CAAA;AAAA,KAAA;AAC1B,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,EAAE,CAAA;EAElD,oBACIzB,KAAA,CAAAC,aAAA,CAACE,WAAW,QACPL,UAAU,eAEXE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIyB,IAAAA,GAAG,EAAEX,SAAU;AACfY,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACnC,aAAa,CAAC;AAC3CoC,MAAAA,SAAS,EAAE,MAAA;KACb;AACFnC,IAAAA,QAAQ,EAAEA,QAAAA;GAEVI,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACI0B,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEX,WAAW,CAACe,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAlC,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACI0B,IAAAA,KAAK,EAAE;AACHO,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPH,MAAAA,KAAK,EAAE,MAAM;MACbI,SAAS,EAAA,aAAA,CAAAC,MAAA,CAAA1B,CAAAA,qBAAA,IAAAC,cAAA,GAAgBW,YAAY,CAAC,CAAC,CAAC,cAAAX,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiB0B,KAAK,cAAA3B,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDY,YAAY,CAACnB,GAAG,CAAC,UAACmC,UAAU,EAAA;IAAA,oBACzBxC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIQ,GAAG,EAAE+B,UAAU,CAAC/B,GAAiB;MACjC,YAAY+B,EAAAA,UAAU,CAACjC,KAAM;MAC7BmB,GAAG,EAAET,WAAW,CAACwB,cAAAA;AAAe,KAAA,eAEhCzC,KAAA,CAAAC,aAAA,CAACO,IAAI,EAAA;AAACF,MAAAA,IAAI,EAAEZ,KAAK,CAAC8C,UAAU,CAACjC,KAAK,CAAE;AAACG,MAAAA,UAAU,EAAE,CAAC8B,UAAU,CAACjC,KAAK,CAAA;AAAE,KAAE,CACrE,CAAC,CAAA;AAAA,GACT,CACA,CACJ,CACJ,CAAC,EAELR,SACQ,CAAC,CAAA;AAEtB,CAAC;;;;"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js

@@ -0,0 +1,25 @@
+import './TreeList.styles_1auklgl.css';
+import { styled } from '@linaria/react';
+
+var ListWrapper = /*#__PURE__*/styled('div')({
+  name: "ListWrapper",
+  "class": "l1ob9zdf",
+  propsAsIs: false
+});
+var _exp8 = function _exp8() {
+  return function (_ref) {
+    var listMaxHeight = _ref.listMaxHeight;
+    return listMaxHeight || 'auto';
+  };
+};
+var ScrollContainer = /*#__PURE__*/styled('div')({
+  name: "ScrollContainer",
+  "class": "s189uhoe",
+  propsAsIs: false,
+  vars: {
+    "s189uhoe-0": [/*#__PURE__*/_exp8()]
+  }
+});
+
+export { ListWrapper, ScrollContainer };
+//# sourceMappingURL=TreeList.styles.js.map

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeList.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { SelectProps } from 'src/components/Select';\n\nimport { constants, tokens } from '../../Combobox.tokens';\n\nexport const ListWrapper = styled.div`\n    width: 100%;\n    padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n    border-radius: var(${tokens.borderRadius});\n    box-sizing: border-box;\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow},\n        inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const ScrollContainer = styled.div<{\n    listMaxHeight?: SelectProps['listMaxHeight'];\n}>`\n    max-height: ${({ listMaxHeight }) => listMaxHeight || 'auto'};\n    overflow-x: hidden;\n    overflow-y: auto;\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n`;\n"],"names":["ListWrapper","styled","name","class","propsAsIs","_exp8","_ref","listMaxHeight","ScrollContainer","vars"],"mappings":";;AAKO,IAAMA,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;AAAC,IAAAC,KAAA,GAZgBA,SAYhBA,KAAAA,GAAA;AAAA,EAAA,OAKgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHzD,IAAMC,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGnBJ,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAI/D;;;;"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles_1auklgl.css

@@ -0,0 +1,2 @@
+.l1ob9zdf{width:100%;padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-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);}
+.s189uhoe{max-height:var(--s189uhoe-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.css

@@ -0,0 +1,54 @@
+.base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
+
+.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
+
+.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af.base_x86p0b_focusVisible__fe3a51af:focus::before,.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af{border-color:transparent;position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.25rem;left:-0.25rem;right:-0.25rem;bottom:-0.25rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
+
+.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9:focus{outline:0 none;}
+.Checkbox_styles_1dv1w6k_sft3zxv__36f48cb9{padding:var(--plasma-checkbox-trigger-padding);}
+.Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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;background:var(--plasma-checkbox-trigger-background-color);border:var(--plasma-checkbox-trigger-border-width) solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{width:100%;}
+.Checkbox_styles_1dv1w6k_s1my1ay__36f48cb9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
+
+.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
+
+.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
+
+.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
+
+.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
+.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
+.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
+.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
+.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+
+.Item_styles_7nhjnm_swacibr__bb9b6d83{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+
+.Item_styles_7nhjnm_srzm47e__bb9b6d83{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
+.Item_styles_7nhjnm_s192qkx1__bb9b6d83{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
+.Item_styles_7nhjnm_s1q9myss__bb9b6d83{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.Item_styles_7nhjnm_s1q9myss__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_7nhjnm_s10m1bkx__bb9b6d83{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_7nhjnm_s10m1bkx__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_7nhjnm_s1r53w2d__bb9b6d83{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
+.Item_styles_7nhjnm_d1v61vfm__bb9b6d83{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.Item_styles_7nhjnm_d1v61vfm__bb9b6d83:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
+.Item_styles_7nhjnm_i6hijvp__bb9b6d83{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(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
+.Item_styles_7nhjnm_s1j1q6dk__bb9b6d83{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_7nhjnm_w1ftsp23__bb9b6d83{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-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-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_7nhjnm_w1ftsp23__bb9b6d83:hover:not(.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsActive__bb9b6d83{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83{opacity:0.4;cursor:not-allowed;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:focus{outline:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83::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-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsFocused__bb9b6d83:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_7nhjnm_omc64gp__bb9b6d83{width:calc(var(--omc64gp-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);}

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js

@@ -0,0 +1,136 @@
+import { toConsumableArray as _toConsumableArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useContext, useRef } from 'react';
+import { classes } from '../../../../../../Select/Select.tokens.js';
+import { cx } from '../../../../../../../utils/index.js';
+import { keyExists } from '../../../../reducers/treePathReducer.js';
+import { Context } from '../../../../Combobox.context.js';
+import { ItemWrapper, Wrapper, Offset, DisclosureIconWrapper, StyledArrowLeft, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, StyledArrowRight, ChildItems } from './Item.styles.js';
+import { isArraysEqual } from '../../../../../../../utils/isArraysEqual.js';
+import { useDidMountEffect } from '../../../../../../../hooks/useDidMountEffect.js';
+import { sizeToIconSize } from '../../../../../../Select/utils/sizeToIconSize.js';
+
+var _StyledIndicator, _StyledIndicator2;
+var Item = function Item(_ref) {
+  var _valueToPathMap$get, _item$items;
+  var item = _ref.item,
+    pathToItem = _ref.pathToItem;
+  var label = item.label,
+    value = item.value,
+    disabled = item.disabled,
+    contentLeft = item.contentLeft,
+    contentRight = item.contentRight;
+  var isLeaf = !(item !== null && item !== void 0 && item.items);
+  var _useContext = useContext(Context),
+    checked = _useContext.checked,
+    multiple = _useContext.multiple,
+    size = _useContext.size,
+    variant = _useContext.variant,
+    renderItem = _useContext.renderItem,
+    _checkboxAppearance = _useContext._checkboxAppearance,
+    focusedPath = _useContext.focusedPath,
+    treePath = _useContext.treePath,
+    dispatchTreePath = _useContext.dispatchTreePath,
+    arrowPlacement = _useContext.arrowPlacement,
+    handleItemClick = _useContext.handleItemClick,
+    handleCheckboxChange = _useContext.handleCheckboxChange,
+    valueToPathMap = _useContext.valueToPathMap;
+  var ref = useRef(null);
+  var itemDisabled = disabled;
+  var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
+  var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
+  var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
+  var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
+  var focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;
+  var handleClick = function handleClick(e) {
+    if (itemDisabled) return;
+    if (!isLeaf) {
+      dispatchTreePath({
+        type: 'toggled_level',
+        value: valueToPathMap.get(value.toString()) || []
+      });
+    }
+    if (handleItemClick) {
+      handleItemClick(item, e);
+    }
+  };
+  var handleChange = function handleChange(e) {
+    if (itemDisabled) return;
+    e.stopPropagation();
+    handleCheckboxChange(item);
+  };
+  useDidMountEffect(function () {
+    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focusedClass]);
+  return /*#__PURE__*/React.createElement(ItemWrapper, null, /*#__PURE__*/React.createElement(Wrapper, {
+    ref: ref,
+    className: cx(focusedClass, disabledClassName),
+    onClick: handleClick,
+    variant: variant,
+    role: "treeitem"
+  }, /*#__PURE__*/React.createElement(Offset, {
+    depth: currentItemDepth
+  }), arrowPlacement === 'left' && /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
+    visibility: isLeaf ? 'hidden' : 'visible'
+  }, /*#__PURE__*/React.createElement(StyledArrowLeft, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit",
+    className: withArrowInverse
+  })), multiple && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+    disabled: itemDisabled,
+    checked: Boolean(checked.get(item.value)),
+    indeterminate: checked.get(item.value) === 'indeterminate',
+    onChange: handleChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
+  }))), !multiple && arrowPlacement === 'right' && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit"
+  })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
+    contentLeft: contentLeft,
+    contentRight: contentRight
+    // TODO: #1548
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    title: /*#__PURE__*/React.createElement("span", null, label)
+  })), !multiple && arrowPlacement === 'left' && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React.createElement(StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit"
+  })), arrowPlacement === 'right' && /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
+    visibility: isLeaf ? 'hidden' : 'visible'
+  }, /*#__PURE__*/React.createElement(StyledArrowRight, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit",
+    className: withArrowInverse
+  }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React.createElement(ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Item, {
+      item: item,
+      key: item.value,
+      pathToItem: [].concat(_toConsumableArray(pathToItem), [index])
+    });
+  })));
+};
+
+export { Item };
+//# sourceMappingURL=Item.js.map