@salutejs/plasma-new-hope 0.339.0-canary.2285.18499468890.0 → 0.339.0-canary.2286.18555443666.0

package/cjs/components/Select/reducers/treePathReducer.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var deepCopy = require('../../../utils/deepCopy.js');
+
+// Утилита для поиска ключа в объекте по пути.
+var keyExists = function keyExists(obj, path) {
+  if (_rollupPluginBabelHelpers.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 || _rollupPluginBabelHelpers.typeof(current) !== 'object' || !(_key in current)) {
+      return false;
+    }
+    current = current[_key];
+  }
+  return true;
+};
+function createObjectAtPath(obj, path) {
+  if (_rollupPluginBabelHelpers.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 || _rollupPluginBabelHelpers.typeof(current) !== 'object' || !(_key3 in current)) {
+      return obj;
+    }
+    if (i === path.length - 1) {
+      delete current[_key3];
+      break;
+    }
+    current = current[_key3];
+  }
+  return obj;
+}
+function treePathReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return {};
+      }
+    case 'toggled_level':
+      {
+        var stateCopy = deepCopy.deepCopy(state);
+        var isTargetLevelOpened = keyExists(stateCopy, action.value);
+        if (isTargetLevelOpened) {
+          // нужно закрыть текущий уровень
+          removeObjectAtPath(stateCopy, action.value);
+        } else {
+          // нужно открыть требуемый уровень
+          createObjectAtPath(stateCopy, action.value);
+        }
+        return stateCopy;
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+
+exports.keyExists = keyExists;
+exports.treePathReducer = treePathReducer;
+//# sourceMappingURL=treePathReducer.js.map

package/cjs/components/Select/reducers/treePathReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treePathReducer.js","sources":["../../../../src/components/Select/reducers/treePathReducer.ts"],"sourcesContent":["import { deepCopy } from 'src/utils';\n\ntype NestedTreePath = {\n    [key: string]: {} | NestedTreePath;\n};\n\nexport type TreePathState = NestedTreePath;\n\nexport type TreePathAction = { type: 'reset' } | { type: 'toggled_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\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        default: {\n            return state;\n        }\n    }\n}\n"],"names":["keyExists","obj","path","_typeof","Array","isArray","current","i","length","key","createObjectAtPath","undefined","removeObjectAtPath","treePathReducer","state","action","type","stateCopy","deepCopy","isTargetLevelOpened","value"],"mappings":"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"}

package/cjs/components/Select/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_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));}

package/cjs/components/Select/ui/TreeList/TreeList.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactVirtual = require('@tanstack/react-virtual');
+var Item = require('./ui/Item/Item.js');
+var TreeList_styles = require('./TreeList.styles.js');
+var getHeightAsNumber = require('../../../../utils/getHeightAsNumber.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var TreeList = function TreeList(_ref) {
+  var items = _ref.items,
+    listMaxHeight = _ref.listMaxHeight,
+    onScroll = _ref.onScroll,
+    virtual = _ref.virtual;
+  if (virtual) {
+    return /*#__PURE__*/React__default.default.createElement(VirtualTreeList, {
+      items: items,
+      listMaxHeight: listMaxHeight,
+      onScroll: onScroll
+    });
+  }
+  return /*#__PURE__*/React__default.default.createElement(TreeList_styles.ListWrapper, null, /*#__PURE__*/React__default.default.createElement(TreeList_styles.ScrollContainer, {
+    listMaxHeight: listMaxHeight,
+    onScroll: onScroll
+  }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+    return /*#__PURE__*/React__default.default.createElement(Item.Item, {
+      key: index,
+      index: index,
+      item: item
+    });
+  })));
+};
+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;
+  var parentRef = React.useRef(null);
+  var virtualizer = reactVirtual.useVirtualizer({
+    count: items.length,
+    getScrollElement: function getScrollElement() {
+      return parentRef.current;
+    },
+    estimateSize: function estimateSize() {
+      return 48;
+    }
+  });
+  var virtualItems = virtualizer.getVirtualItems();
+  return /*#__PURE__*/React__default.default.createElement(TreeList_styles.ListWrapper, null, /*#__PURE__*/React__default.default.createElement("div", {
+    ref: parentRef,
+    style: {
+      height: 'auto',
+      maxHeight: getHeightAsNumber.getHeightAsNumber(listMaxHeight),
+      overflowY: 'auto'
+    },
+    onScroll: onScroll
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    style: {
+      height: virtualizer.getTotalSize(),
+      width: '100%',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default.default.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__default.default.createElement("div", {
+      key: virtualRow.key,
+      "data-index": virtualRow.index,
+      ref: virtualizer.measureElement
+    }, /*#__PURE__*/React__default.default.createElement(Item.Item, {
+      item: items[virtualRow.index],
+      index: virtualRow.index
+    }));
+  })))));
+};
+
+exports.TreeList = TreeList;
+//# sourceMappingURL=TreeList.js.map

package/cjs/components/Select/ui/TreeList/TreeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeList.js","sources":["../../../../../src/components/Select/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 }) => {\n    if (virtual) {\n        return <VirtualTreeList items={items} listMaxHeight={listMaxHeight} onScroll={onScroll} />;\n    }\n\n    return (\n        <ListWrapper>\n            <ScrollContainer listMaxHeight={listMaxHeight} onScroll={onScroll}>\n                {items?.map((item, index) => {\n                    return <Item key={index} index={index} item={item} />;\n                })}\n            </ScrollContainer>\n        </ListWrapper>\n    );\n};\n\nconst VirtualTreeList: React.FC<Props> = ({ items = [], listMaxHeight, onScroll }) => {\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            <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]} index={virtualRow.index} />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </ListWrapper>\n    );\n};\n"],"names":["TreeList","_ref","items","listMaxHeight","onScroll","virtual","React","createElement","VirtualTreeList","ListWrapper","ScrollContainer","map","item","index","Item","key","_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,EAAoD;AAAA,EAAA,IAA9CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO,CAAA;AAC/E,EAAA,IAAIA,OAAO,EAAE;AACT,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AAACN,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,aAAa,EAAEA,aAAc;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,CAAA;AAC9F,GAAA;EAEA,oBACIE,sBAAA,CAAAC,aAAA,CAACE,2BAAW,qBACRH,sBAAA,CAAAC,aAAA,CAACG,+BAAe,EAAA;AAACP,IAAAA,aAAa,EAAEA,aAAc;AAACC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAC7DF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AACzB,IAAA,oBAAOP,sBAAA,CAAAC,aAAA,CAACO,SAAI,EAAA;AAACC,MAAAA,GAAG,EAAEF,KAAM;AAACA,MAAAA,KAAK,EAAEA,KAAM;AAACD,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAE,CAAC,CAAA;GACxD,CACY,CACR,CAAC,CAAA;AAEtB,EAAC;AAED,IAAMJ,eAAgC,GAAG,SAAnCA,eAAgCA,CAAAQ,KAAA,EAAgD;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,WAAA,GAAAH,KAAA,CAA1Cd,KAAK;AAALA,IAAAA,KAAK,GAAAiB,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAEhB,aAAa,GAAAa,KAAA,CAAbb,aAAa;IAAEC,QAAQ,GAAAY,KAAA,CAARZ,QAAQ,CAAA;AAC3E,EAAA,IAAMgB,SAAS,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,2BAAc,CAAC;IAC/BC,KAAK,EAAEtB,KAAK,CAACuB,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,oBACIxB,sBAAA,CAAAC,aAAA,CAACE,2BAAW,EACRH,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIwB,IAAAA,GAAG,EAAEX,SAAU;AACfY,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,mCAAiB,CAAChC,aAAa,CAAC;AAC3CiC,MAAAA,SAAS,EAAE,MAAA;KACb;AACFhC,IAAAA,QAAQ,EAAEA,QAAAA;GAEVE,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIyB,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEX,WAAW,CAACe,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAjC,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIyB,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,CAAClB,GAAG,CAAC,UAACkC,UAAU,EAAA;IAAA,oBACzBvC,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIQ,GAAG,EAAE8B,UAAU,CAAC9B,GAAiB;MACjC,YAAY8B,EAAAA,UAAU,CAAChC,KAAM;MAC7BkB,GAAG,EAAET,WAAW,CAACwB,cAAAA;AAAe,KAAA,eAEhCxC,sBAAA,CAAAC,aAAA,CAACO,SAAI,EAAA;AAACF,MAAAA,IAAI,EAAEV,KAAK,CAAC2C,UAAU,CAAChC,KAAK,CAAE;MAACA,KAAK,EAAEgC,UAAU,CAAChC,KAAAA;AAAM,KAAE,CAC9D,CAAC,CAAA;AAAA,GACT,CACA,CACJ,CACJ,CACI,CAAC,CAAA;AAEtB,CAAC;;;;"}

package/cjs/components/Select/ui/TreeList/TreeList.styles.js

@@ -0,0 +1,30 @@
+require('./TreeList.styles_1t38mek.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var ListWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ListWrapper",
+  "class": "lm92bs9",
+  propsAsIs: false
+});
+var _exp8 = function _exp8() {
+  return function (_ref) {
+    var listMaxHeight = _ref.listMaxHeight;
+    return listMaxHeight || 'auto';
+  };
+};
+var ScrollContainer = /*#__PURE__*/react.styled('div')({
+  name: "ScrollContainer",
+  "class": "s12qznqt",
+  propsAsIs: false,
+  vars: {
+    "s12qznqt-0": [/*#__PURE__*/_exp8()]
+  }
+});
+
+exports.ListWrapper = ListWrapper;
+exports.ScrollContainer = ScrollContainer;
+//# sourceMappingURL=TreeList.styles.js.map

package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeList.styles.js","sources":["../../../../../src/components/Select/ui/TreeList/TreeList.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { SelectProps } from 'src/components/Select';\n\nimport { constants, tokens } from '../../Select.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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,YAAM,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/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css

@@ -0,0 +1,2 @@
+.lm92bs9{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);}
+.s12qznqt{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));}

package/cjs/components/Select/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_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);}

package/cjs/components/Select/ui/TreeList/ui/Item/Item.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var treePathReducer = require('../../../../reducers/treePathReducer.js');
+var Select_context = require('../../../../Select.context.js');
+var ItemArrowLeft = require('./ui/ItemArrowLeft/ItemArrowLeft.js');
+var ItemArrowRight = require('./ui/ItemArrowRight/ItemArrowRight.js');
+var Item_styles = require('./Item.styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Item = function Item(_ref) {
+  var _item$items;
+  var item = _ref.item,
+    index = _ref.index;
+  var value = item.value,
+    disabled = item.disabled,
+    isDisabled = item.isDisabled;
+  var isLeaf = !(item !== null && item !== void 0 && item.items);
+  var _useContext = React.useContext(Select_context.Context),
+    treePath = _useContext.treePath,
+    dispatchTreePath = _useContext.dispatchTreePath,
+    arrowPlacement = _useContext.arrowPlacement,
+    handleItemClick = _useContext.handleItemClick,
+    handleCheckboxChange = _useContext.handleCheckboxChange,
+    valueToPathMap = _useContext.valueToPathMap;
+  var isCurrentLevelOpened = treePathReducer.keyExists(treePath, valueToPathMap.get(value.toString()) || []);
+  var itemDisabled = Boolean(disabled || isDisabled);
+  var handleClick = function handleClick(e) {
+    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);
+  };
+  return /*#__PURE__*/React__default.default.createElement(Item_styles.ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/React__default.default.createElement(ItemArrowLeft.ItemArrowLeft, {
+    item: item,
+    onClick: handleClick,
+    onChange: handleChange,
+    isCurrentLevelOpened: isCurrentLevelOpened,
+    index: index
+  }) : /*#__PURE__*/React__default.default.createElement(ItemArrowRight.ItemArrowRight, {
+    item: item,
+    onClick: handleClick,
+    onChange: handleChange,
+    isCurrentLevelOpened: isCurrentLevelOpened,
+    index: index
+  }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React__default.default.createElement(Item_styles.ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
+    return /*#__PURE__*/React__default.default.createElement(Item, {
+      item: item,
+      index: index,
+      key: index
+    });
+  })));
+};
+
+exports.Item = Item;
+//# sourceMappingURL=Item.js.map

package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { ItemArrowLeft } from './ui/ItemArrowLeft/ItemArrowLeft';\nimport { ItemArrowRight } from './ui/ItemArrowRight/ItemArrowRight';\nimport { Props } from './Item.types';\nimport { ItemWrapper, ChildItems } from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n    const { value, disabled, isDisabled } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    return (\n        <ItemWrapper>\n            {arrowPlacement === 'left' ? (\n                <ItemArrowLeft\n                    item={item}\n                    onClick={handleClick}\n                    onChange={handleChange}\n                    isCurrentLevelOpened={isCurrentLevelOpened}\n                    index={index}\n                />\n            ) : (\n                <ItemArrowRight\n                    item={item}\n                    onClick={handleClick}\n                    onChange={handleChange}\n                    isCurrentLevelOpened={isCurrentLevelOpened}\n                    index={index}\n                />\n            )}\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} index={index} key={index} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_item$items","item","index","value","disabled","isDisabled","isLeaf","items","_useContext","useContext","Context","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","isCurrentLevelOpened","keyExists","get","toString","itemDisabled","Boolean","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","ItemArrowLeft","onClick","onChange","ItemArrowRight","ChildItems","map","key"],"mappings":"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"}