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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/cjs/components/Pagination/Pagination.css +19 -0
  2. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
  3. package/cjs/components/Select/Select.css +19 -0
  4. package/cjs/components/Select/Select.js +42 -9
  5. package/cjs/components/Select/Select.js.map +1 -1
  6. package/cjs/components/Select/Select.tokens.js +3 -1
  7. package/cjs/components/Select/Select.tokens.js.map +1 -1
  8. package/cjs/components/Select/hooks/useKeyboardNavigation.js +185 -1
  9. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  10. package/cjs/components/Select/hooks/usePathMaps.js +7 -3
  11. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  12. package/cjs/components/Select/reducers/treePathReducer.js +87 -0
  13. package/cjs/components/Select/reducers/treePathReducer.js.map +1 -0
  14. package/cjs/components/Select/ui/TreeList/TreeList.css +57 -0
  15. package/cjs/components/Select/ui/TreeList/TreeList.js +90 -0
  16. package/cjs/components/Select/ui/TreeList/TreeList.js.map +1 -0
  17. package/cjs/components/Select/ui/TreeList/TreeList.styles.js +30 -0
  18. package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
  19. package/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
  20. package/cjs/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
  21. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +71 -0
  22. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
  23. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +214 -0
  24. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  25. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles_j8xxg4.css +15 -0
  26. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +89 -0
  27. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +1 -0
  28. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +89 -0
  29. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +1 -0
  30. package/cjs/components/Table/Table.css +19 -0
  31. package/cjs/components/Table/ui/Cell/Cell.css +19 -0
  32. package/cjs/components/Table/ui/EditableCell/EditableCell.css +19 -0
  33. package/cjs/components/Table/ui/HeadCell/HeadCell.css +19 -0
  34. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
  35. package/cjs/components/Tree/utils/traverseTree.js +2 -23
  36. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  37. package/cjs/index.css +19 -0
  38. package/cjs/index.js +2 -0
  39. package/cjs/index.js.map +1 -1
  40. package/cjs/utils/deepCopy.js +30 -0
  41. package/cjs/utils/deepCopy.js.map +1 -0
  42. package/cjs/utils/index.js.map +1 -1
  43. package/emotion/cjs/components/Select/Select.js +31 -6
  44. package/emotion/cjs/components/Select/Select.tokens.js +3 -1
  45. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
  46. package/emotion/cjs/components/Select/hooks/usePathMaps.js +35 -3
  47. package/emotion/cjs/components/Select/reducers/index.js +1 -0
  48. package/emotion/cjs/components/Select/reducers/treePathReducer.js +98 -0
  49. package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +124 -0
  50. package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +36 -0
  51. package/emotion/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
  52. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +101 -0
  53. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +186 -0
  54. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
  55. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +112 -0
  56. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +112 -0
  57. package/emotion/cjs/components/Select/ui/index.js +1 -0
  58. package/emotion/cjs/components/Tree/utils/traverseTree.js +2 -60
  59. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  60. package/emotion/cjs/utils/deepCopy.js +82 -0
  61. package/emotion/cjs/utils/index.js +4 -0
  62. package/emotion/es/components/Select/Select.js +33 -8
  63. package/emotion/es/components/Select/Select.tokens.js +3 -1
  64. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
  65. package/emotion/es/components/Select/hooks/usePathMaps.js +36 -4
  66. package/emotion/es/components/Select/reducers/index.js +1 -0
  67. package/emotion/es/components/Select/reducers/treePathReducer.js +81 -0
  68. package/emotion/es/components/Select/ui/TreeList/TreeList.js +73 -0
  69. package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +13 -0
  70. package/emotion/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
  71. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +50 -0
  72. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +122 -0
  73. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
  74. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +61 -0
  75. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +61 -0
  76. package/emotion/es/components/Select/ui/index.js +1 -0
  77. package/emotion/es/components/Tree/utils/traverseTree.js +1 -59
  78. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  79. package/emotion/es/utils/deepCopy.js +72 -0
  80. package/emotion/es/utils/index.js +1 -0
  81. package/es/components/Pagination/Pagination.css +19 -0
  82. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
  83. package/es/components/Select/Select.css +19 -0
  84. package/es/components/Select/Select.js +42 -9
  85. package/es/components/Select/Select.js.map +1 -1
  86. package/es/components/Select/Select.tokens.js +3 -1
  87. package/es/components/Select/Select.tokens.js.map +1 -1
  88. package/es/components/Select/hooks/useKeyboardNavigation.js +185 -1
  89. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  90. package/es/components/Select/hooks/usePathMaps.js +7 -3
  91. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  92. package/es/components/Select/reducers/treePathReducer.js +82 -0
  93. package/es/components/Select/reducers/treePathReducer.js.map +1 -0
  94. package/es/components/Select/ui/TreeList/TreeList.css +57 -0
  95. package/es/components/Select/ui/TreeList/TreeList.js +82 -0
  96. package/es/components/Select/ui/TreeList/TreeList.js.map +1 -0
  97. package/es/components/Select/ui/TreeList/TreeList.styles.js +25 -0
  98. package/es/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
  99. package/es/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
  100. package/es/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
  101. package/es/components/Select/ui/TreeList/ui/Item/Item.js +63 -0
  102. package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
  103. package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +196 -0
  104. package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  105. package/es/components/Select/ui/TreeList/ui/Item/Item.styles_j8xxg4.css +15 -0
  106. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +81 -0
  107. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +1 -0
  108. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +81 -0
  109. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +1 -0
  110. package/es/components/Table/Table.css +19 -0
  111. package/es/components/Table/ui/Cell/Cell.css +19 -0
  112. package/es/components/Table/ui/EditableCell/EditableCell.css +19 -0
  113. package/es/components/Table/ui/HeadCell/HeadCell.css +19 -0
  114. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
  115. package/es/components/Tree/utils/traverseTree.js +2 -23
  116. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  117. package/es/index.css +19 -0
  118. package/es/index.js +1 -0
  119. package/es/index.js.map +1 -1
  120. package/es/utils/deepCopy.js +26 -0
  121. package/es/utils/deepCopy.js.map +1 -0
  122. package/es/utils/index.js.map +1 -1
  123. package/package.json +2 -2
  124. package/styled-components/cjs/components/Select/Select.js +31 -6
  125. package/styled-components/cjs/components/Select/Select.tokens.js +3 -1
  126. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
  127. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +35 -3
  128. package/styled-components/cjs/components/Select/reducers/index.js +1 -0
  129. package/styled-components/cjs/components/Select/reducers/treePathReducer.js +98 -0
  130. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +124 -0
  131. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js +50 -0
  132. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
  133. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +101 -0
  134. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +300 -0
  135. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
  136. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +112 -0
  137. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +112 -0
  138. package/styled-components/cjs/components/Select/ui/index.js +1 -0
  139. package/styled-components/cjs/components/Tree/utils/traverseTree.js +2 -60
  140. package/styled-components/cjs/examples/components/Select/Select.config.js +16 -8
  141. package/styled-components/cjs/utils/deepCopy.js +82 -0
  142. package/styled-components/cjs/utils/index.js +4 -0
  143. package/styled-components/es/components/Select/Select.js +33 -8
  144. package/styled-components/es/components/Select/Select.tokens.js +3 -1
  145. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
  146. package/styled-components/es/components/Select/hooks/usePathMaps.js +36 -4
  147. package/styled-components/es/components/Select/reducers/index.js +1 -0
  148. package/styled-components/es/components/Select/reducers/treePathReducer.js +81 -0
  149. package/styled-components/es/components/Select/ui/TreeList/TreeList.js +73 -0
  150. package/styled-components/es/components/Select/ui/TreeList/TreeList.styles.js +27 -0
  151. package/styled-components/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
  152. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +50 -0
  153. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +236 -0
  154. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
  155. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +61 -0
  156. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +61 -0
  157. package/styled-components/es/components/Select/ui/index.js +1 -0
  158. package/styled-components/es/components/Tree/utils/traverseTree.js +1 -59
  159. package/styled-components/es/examples/components/Select/Select.config.js +16 -8
  160. package/styled-components/es/utils/deepCopy.js +72 -0
  161. package/styled-components/es/utils/index.js +1 -0
  162. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -0
  163. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  164. package/types/components/Select/Select.d.ts.map +1 -1
  165. package/types/components/Select/Select.tokens.d.ts +2 -0
  166. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  167. package/types/components/Select/Select.types.d.ts +26 -2
  168. package/types/components/Select/Select.types.d.ts.map +1 -1
  169. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -2
  170. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  171. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  172. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  173. package/types/components/Select/reducers/index.d.ts +1 -0
  174. package/types/components/Select/reducers/index.d.ts.map +1 -1
  175. package/types/components/Select/reducers/treePathReducer.d.ts +14 -0
  176. package/types/components/Select/reducers/treePathReducer.d.ts.map +1 -0
  177. package/types/components/Select/ui/TreeList/TreeList.d.ts +4 -0
  178. package/types/components/Select/ui/TreeList/TreeList.d.ts.map +1 -0
  179. package/types/components/Select/ui/TreeList/TreeList.styles.d.ts +6 -0
  180. package/types/components/Select/ui/TreeList/TreeList.styles.d.ts.map +1 -0
  181. package/types/components/Select/ui/TreeList/TreeList.types.d.ts +9 -0
  182. package/types/components/Select/ui/TreeList/TreeList.types.d.ts.map +1 -0
  183. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts +4 -0
  184. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -0
  185. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +64 -0
  186. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts.map +1 -0
  187. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +14 -0
  188. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -0
  189. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts +4 -0
  190. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts.map +1 -0
  191. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts +4 -0
  192. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts.map +1 -0
  193. package/types/components/Select/ui/index.d.ts +1 -0
  194. package/types/components/Select/ui/index.d.ts.map +1 -1
  195. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -0
  196. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  197. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
  198. package/types/examples/components/Select/Select.config.d.ts.map +1 -1
  199. package/types/examples/components/Select/Select.d.ts +12 -0
  200. package/types/examples/components/Select/Select.d.ts.map +1 -1
  201. package/types/utils/deepCopy.d.ts +2 -0
  202. package/types/utils/deepCopy.d.ts.map +1 -0
  203. package/types/utils/index.d.ts +1 -0
  204. package/types/utils/index.d.ts.map +1 -1
@@ -0,0 +1,98 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get keyExists () {
13
+ return keyExists;
14
+ },
15
+ get treePathReducer () {
16
+ return treePathReducer;
17
+ }
18
+ });
19
+ var _utils = require("../../../utils");
20
+ function _type_of(obj) {
21
+ "@swc/helpers - typeof";
22
+ return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
23
+ }
24
+ var keyExists = function(obj, path) {
25
+ if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null || !Array.isArray(path)) {
26
+ return false;
27
+ }
28
+ var current = obj;
29
+ for(var i = 0; i < path.length; i++){
30
+ var key = path[i];
31
+ if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
32
+ return false;
33
+ }
34
+ current = current[key];
35
+ }
36
+ return true;
37
+ };
38
+ function createObjectAtPath(obj, path) {
39
+ if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null) {
40
+ return;
41
+ }
42
+ var current = obj;
43
+ for(var i = 0; i < path.length; i++){
44
+ var key = path[i];
45
+ if (i === path.length - 1) {
46
+ current[key] = {};
47
+ break;
48
+ }
49
+ if (current[key] === undefined || current[key] === null) {
50
+ current[key] = {};
51
+ }
52
+ current = current[key];
53
+ }
54
+ return obj;
55
+ }
56
+ function removeObjectAtPath(obj, path) {
57
+ if (path.length === 0) {
58
+ return obj;
59
+ }
60
+ var current = obj;
61
+ for(var i = 0; i < path.length; i++){
62
+ var key = path[i];
63
+ if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
64
+ return obj;
65
+ }
66
+ if (i === path.length - 1) {
67
+ delete current[key];
68
+ break;
69
+ }
70
+ current = current[key];
71
+ }
72
+ return obj;
73
+ }
74
+ function treePathReducer(state, action) {
75
+ switch(action.type){
76
+ case 'reset':
77
+ {
78
+ return {};
79
+ }
80
+ case 'toggled_level':
81
+ {
82
+ var stateCopy = (0, _utils.deepCopy)(state);
83
+ var isTargetLevelOpened = keyExists(stateCopy, action.value);
84
+ if (isTargetLevelOpened) {
85
+ // нужно закрыть текущий уровень
86
+ removeObjectAtPath(stateCopy, action.value);
87
+ } else {
88
+ // нужно открыть требуемый уровень
89
+ createObjectAtPath(stateCopy, action.value);
90
+ }
91
+ return stateCopy;
92
+ }
93
+ default:
94
+ {
95
+ return state;
96
+ }
97
+ }
98
+ }
@@ -0,0 +1,124 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TreeList", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return TreeList;
9
+ }
10
+ });
11
+ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ var _reactvirtual = require("@tanstack/react-virtual");
13
+ var _utils = require("../../../../utils");
14
+ var _Item = require("./ui/Item/Item");
15
+ var _TreeListstyles = require("./TreeList.styles");
16
+ function _getRequireWildcardCache(nodeInterop) {
17
+ if (typeof WeakMap !== "function") return null;
18
+ var cacheBabelInterop = new WeakMap();
19
+ var cacheNodeInterop = new WeakMap();
20
+ return (_getRequireWildcardCache = function(nodeInterop) {
21
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
22
+ })(nodeInterop);
23
+ }
24
+ function _interop_require_wildcard(obj, nodeInterop) {
25
+ if (!nodeInterop && obj && obj.__esModule) {
26
+ return obj;
27
+ }
28
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
29
+ return {
30
+ default: obj
31
+ };
32
+ }
33
+ var cache = _getRequireWildcardCache(nodeInterop);
34
+ if (cache && cache.has(obj)) {
35
+ return cache.get(obj);
36
+ }
37
+ var newObj = {
38
+ __proto__: null
39
+ };
40
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
41
+ for(var key in obj){
42
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
43
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
44
+ if (desc && (desc.get || desc.set)) {
45
+ Object.defineProperty(newObj, key, desc);
46
+ } else {
47
+ newObj[key] = obj[key];
48
+ }
49
+ }
50
+ }
51
+ newObj.default = obj;
52
+ if (cache) {
53
+ cache.set(obj, newObj);
54
+ }
55
+ return newObj;
56
+ }
57
+ var TreeList = function(param) {
58
+ var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, virtual = param.virtual;
59
+ if (virtual) {
60
+ return /*#__PURE__*/ _react.default.createElement(VirtualTreeList, {
61
+ items: items,
62
+ listMaxHeight: listMaxHeight,
63
+ onScroll: onScroll
64
+ });
65
+ }
66
+ return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ScrollContainer, {
67
+ listMaxHeight: listMaxHeight,
68
+ onScroll: onScroll
69
+ }, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
70
+ return /*#__PURE__*/ _react.default.createElement(_Item.Item, {
71
+ key: index,
72
+ index: index,
73
+ item: item
74
+ });
75
+ })));
76
+ };
77
+ var VirtualTreeList = function(param) {
78
+ var _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
79
+ var _virtualItems_;
80
+ var parentRef = (0, _react.useRef)(null);
81
+ var virtualizer = (0, _reactvirtual.useVirtualizer)({
82
+ count: items.length,
83
+ getScrollElement: function() {
84
+ return parentRef.current;
85
+ },
86
+ estimateSize: function() {
87
+ return 48;
88
+ }
89
+ });
90
+ var virtualItems = virtualizer.getVirtualItems();
91
+ var _virtualItems__start;
92
+ return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, /*#__PURE__*/ _react.default.createElement("div", {
93
+ ref: parentRef,
94
+ style: {
95
+ height: 'auto',
96
+ maxHeight: (0, _utils.getHeightAsNumber)(listMaxHeight),
97
+ overflowY: 'auto'
98
+ },
99
+ onScroll: onScroll
100
+ }, /*#__PURE__*/ _react.default.createElement("div", {
101
+ style: {
102
+ height: virtualizer.getTotalSize(),
103
+ width: '100%',
104
+ position: 'relative'
105
+ }
106
+ }, /*#__PURE__*/ _react.default.createElement("div", {
107
+ style: {
108
+ position: 'absolute',
109
+ top: 0,
110
+ left: 0,
111
+ width: '100%',
112
+ transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
113
+ }
114
+ }, virtualItems.map(function(virtualRow) {
115
+ return /*#__PURE__*/ _react.default.createElement("div", {
116
+ key: virtualRow.key,
117
+ "data-index": virtualRow.index,
118
+ ref: virtualizer.measureElement
119
+ }, /*#__PURE__*/ _react.default.createElement(_Item.Item, {
120
+ item: items[virtualRow.index],
121
+ index: virtualRow.index
122
+ }));
123
+ })))));
124
+ };
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get ListWrapper () {
13
+ return ListWrapper;
14
+ },
15
+ get ScrollContainer () {
16
+ return ScrollContainer;
17
+ }
18
+ });
19
+ var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
20
+ var _Selecttokens = require("../../Select.tokens");
21
+ function _interop_require_default(obj) {
22
+ return obj && obj.__esModule ? obj : {
23
+ default: obj
24
+ };
25
+ }
26
+ var ListWrapper = _styledcomponents.default.div.withConfig({
27
+ displayName: "TreeList.styles__ListWrapper",
28
+ componentId: "sc-2a5707f5-0"
29
+ })([
30
+ "width:100%;padding:calc(var(",
31
+ ") + var(",
32
+ ",0rem));border-radius:var(",
33
+ ");box-sizing:border-box;background:var(",
34
+ ");box-shadow:",
35
+ ",inset 0 0 0 var(",
36
+ ",0rem) var(",
37
+ ",transparent);"
38
+ ], _Selecttokens.tokens.padding, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.borderRadius, _Selecttokens.constants.background, _Selecttokens.constants.boxShadow, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.dropdownBorderColor);
39
+ var ScrollContainer = _styledcomponents.default.div.withConfig({
40
+ displayName: "TreeList.styles__ScrollContainer",
41
+ componentId: "sc-2a5707f5-1"
42
+ })([
43
+ "max-height:",
44
+ ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(",
45
+ ") - 0.125rem - var(",
46
+ ",0rem));"
47
+ ], function(param) {
48
+ var listMaxHeight = param.listMaxHeight;
49
+ return listMaxHeight || 'auto';
50
+ }, _Selecttokens.tokens.borderRadius, _Selecttokens.tokens.dropdownBorderWidth);
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1,101 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Item", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Item;
9
+ }
10
+ });
11
+ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
+ var _treePathReducer = require("../../../../reducers/treePathReducer");
13
+ var _Selectcontext = require("../../../../Select.context");
14
+ var _ItemArrowLeft = require("./ui/ItemArrowLeft/ItemArrowLeft");
15
+ var _ItemArrowRight = require("./ui/ItemArrowRight/ItemArrowRight");
16
+ var _Itemstyles = require("./Item.styles");
17
+ function _getRequireWildcardCache(nodeInterop) {
18
+ if (typeof WeakMap !== "function") return null;
19
+ var cacheBabelInterop = new WeakMap();
20
+ var cacheNodeInterop = new WeakMap();
21
+ return (_getRequireWildcardCache = function(nodeInterop) {
22
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
23
+ })(nodeInterop);
24
+ }
25
+ function _interop_require_wildcard(obj, nodeInterop) {
26
+ if (!nodeInterop && obj && obj.__esModule) {
27
+ return obj;
28
+ }
29
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
30
+ return {
31
+ default: obj
32
+ };
33
+ }
34
+ var cache = _getRequireWildcardCache(nodeInterop);
35
+ if (cache && cache.has(obj)) {
36
+ return cache.get(obj);
37
+ }
38
+ var newObj = {
39
+ __proto__: null
40
+ };
41
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
42
+ for(var key in obj){
43
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
44
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
45
+ if (desc && (desc.get || desc.set)) {
46
+ Object.defineProperty(newObj, key, desc);
47
+ } else {
48
+ newObj[key] = obj[key];
49
+ }
50
+ }
51
+ }
52
+ newObj.default = obj;
53
+ if (cache) {
54
+ cache.set(obj, newObj);
55
+ }
56
+ return newObj;
57
+ }
58
+ var Item = function(param) {
59
+ var item = param.item, index = param.index;
60
+ var _item_items;
61
+ var value = item.value, disabled = item.disabled, isDisabled = item.isDisabled;
62
+ var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
63
+ var _useContext = (0, _react.useContext)(_Selectcontext.Context), treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
64
+ var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
65
+ var itemDisabled = Boolean(disabled || isDisabled);
66
+ var handleClick = function(e) {
67
+ if (!isLeaf) {
68
+ dispatchTreePath({
69
+ type: 'toggled_level',
70
+ value: valueToPathMap.get(value.toString()) || []
71
+ });
72
+ }
73
+ if (handleItemClick) {
74
+ handleItemClick(item, e);
75
+ }
76
+ };
77
+ var handleChange = function(e) {
78
+ if (itemDisabled) return;
79
+ e.stopPropagation();
80
+ handleCheckboxChange(item);
81
+ };
82
+ return /*#__PURE__*/ _react.default.createElement(_Itemstyles.ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/ _react.default.createElement(_ItemArrowLeft.ItemArrowLeft, {
83
+ item: item,
84
+ onClick: handleClick,
85
+ onChange: handleChange,
86
+ isCurrentLevelOpened: isCurrentLevelOpened,
87
+ index: index
88
+ }) : /*#__PURE__*/ _react.default.createElement(_ItemArrowRight.ItemArrowRight, {
89
+ item: item,
90
+ onClick: handleClick,
91
+ onChange: handleChange,
92
+ isCurrentLevelOpened: isCurrentLevelOpened,
93
+ index: index
94
+ }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
95
+ return /*#__PURE__*/ _react.default.createElement(Item, {
96
+ item: item,
97
+ index: index,
98
+ key: index
99
+ });
100
+ })));
101
+ };
@@ -0,0 +1,300 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get ChildItems () {
13
+ return ChildItems;
14
+ },
15
+ get DisclosureIconWrapper () {
16
+ return DisclosureIconWrapper;
17
+ },
18
+ get IconWrapper () {
19
+ return IconWrapper;
20
+ },
21
+ get ItemWrapper () {
22
+ return ItemWrapper;
23
+ },
24
+ get Offset () {
25
+ return Offset;
26
+ },
27
+ get StyledArrowLeft () {
28
+ return StyledArrowLeft;
29
+ },
30
+ get StyledArrowRight () {
31
+ return StyledArrowRight;
32
+ },
33
+ get StyledCell () {
34
+ return StyledCell;
35
+ },
36
+ get StyledCheckbox () {
37
+ return StyledCheckbox;
38
+ },
39
+ get StyledCheckboxWrapper () {
40
+ return StyledCheckboxWrapper;
41
+ },
42
+ get StyledIconDone () {
43
+ return StyledIconDone;
44
+ },
45
+ get StyledIndicator () {
46
+ return StyledIndicator;
47
+ },
48
+ get StyledText () {
49
+ return StyledText;
50
+ },
51
+ get StyledWrapper () {
52
+ return StyledWrapper;
53
+ },
54
+ get Wrapper () {
55
+ return Wrapper;
56
+ },
57
+ get sizeMap () {
58
+ return sizeMap;
59
+ }
60
+ });
61
+ var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
62
+ var _mixins = require("../../../../../../mixins");
63
+ var _engines = require("../../../../../../engines");
64
+ var _Selecttokens = require("../../../../Select.tokens");
65
+ var _Checkbox = require("../../../../../Checkbox");
66
+ var _Cell = require("../../../../../Cell");
67
+ var _Indicator = require("../../../../../Indicator");
68
+ var _Icon = require("../../../../../_Icon");
69
+ function _interop_require_default(obj) {
70
+ return obj && obj.__esModule ? obj : {
71
+ default: obj
72
+ };
73
+ }
74
+ var ItemWrapper = _styledcomponents.default.div.withConfig({
75
+ displayName: "Item.styles__ItemWrapper",
76
+ componentId: "sc-6eb6268d-0"
77
+ })([
78
+ ""
79
+ ]);
80
+ var mergedCheckboxConfig = (0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
81
+ var Checkbox = (0, _engines.component)(mergedCheckboxConfig);
82
+ var mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
83
+ var Cell = (0, _engines.component)(mergedCellConfig);
84
+ var mergedIndicatorConfig = (0, _engines.mergeConfig)(_Indicator.indicatorConfig);
85
+ var Indicator = (0, _engines.component)(mergedIndicatorConfig);
86
+ var StyledWrapper = _styledcomponents.default.div.withConfig({
87
+ displayName: "Item.styles__StyledWrapper",
88
+ componentId: "sc-6eb6268d-1"
89
+ })([
90
+ "",
91
+ ":",
92
+ ";",
93
+ ":var(",
94
+ ");",
95
+ ":var(",
96
+ ");",
97
+ ":var(",
98
+ ");",
99
+ ":var(",
100
+ ");",
101
+ ":var(",
102
+ ");",
103
+ ":var(",
104
+ ");",
105
+ ":var(",
106
+ ");",
107
+ ":var(",
108
+ ");",
109
+ ":var(",
110
+ ");",
111
+ ":var(",
112
+ ");",
113
+ ":var(",
114
+ ");",
115
+ ":var(",
116
+ ");",
117
+ ":var(",
118
+ ");width:100%;& div.cell-content,& div.cell-textbox{flex:1;}& div.cell-textbox-title{position:relative;}& div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}& div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"
119
+ ], _Cell.cellTokens.cellTitleColor, function(param) {
120
+ var disabled = param.disabled;
121
+ return disabled ? "var(".concat(_Selecttokens.tokens.itemDisabledColor, ")") : "var(".concat(_Selecttokens.constants.cellTitleColor, ")");
122
+ }, _Cell.cellTokens.cellBackgroundColor, _Selecttokens.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Selecttokens.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Selecttokens.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Selecttokens.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Selecttokens.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Selecttokens.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Selecttokens.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Selecttokens.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Selecttokens.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Selecttokens.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Selecttokens.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Selecttokens.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Selecttokens.tokens.cellTitleLineHeight);
123
+ var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
124
+ displayName: "Item.styles__StyledCell",
125
+ componentId: "sc-6eb6268d-2"
126
+ })([
127
+ ""
128
+ ]);
129
+ var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
130
+ displayName: "Item.styles__StyledCheckbox",
131
+ componentId: "sc-6eb6268d-3"
132
+ })([
133
+ "",
134
+ ":var(",
135
+ ");",
136
+ ":var(",
137
+ ");",
138
+ ":var(",
139
+ ");",
140
+ ":var(",
141
+ ");",
142
+ ":var(",
143
+ ");",
144
+ ":var(",
145
+ ");",
146
+ ":var(",
147
+ ");"
148
+ ], _Checkbox.checkboxTokens.triggerSize, _Selecttokens.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Selecttokens.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Selecttokens.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Selecttokens.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Selecttokens.tokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Selecttokens.tokens.checkboxTriggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Selecttokens.tokens.checkboxTriggerBorderCheckedColor);
149
+ var StyledIndicator = (0, _styledcomponents.default)(Indicator).withConfig({
150
+ displayName: "Item.styles__StyledIndicator",
151
+ componentId: "sc-6eb6268d-4"
152
+ })([
153
+ "",
154
+ ":var(",
155
+ ");",
156
+ ":var(",
157
+ ");"
158
+ ], _Indicator.indicatorTokens.size, _Selecttokens.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Selecttokens.tokens.itemIconColor);
159
+ var sizeMap = {
160
+ xs: '1rem',
161
+ s: '1.5rem'
162
+ };
163
+ var StyledArrowLeft = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
164
+ displayName: "Item.styles__StyledArrowLeft",
165
+ componentId: "sc-6eb6268d-5"
166
+ })([
167
+ "width:",
168
+ ";height:",
169
+ ";&.",
170
+ "{transform:rotate(90deg);}"
171
+ ], function(param) {
172
+ var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
173
+ return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
174
+ }, function(param) {
175
+ var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
176
+ return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
177
+ }, _Selecttokens.classes.arrowInverse);
178
+ var StyledArrowRight = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
179
+ displayName: "Item.styles__StyledArrowRight",
180
+ componentId: "sc-6eb6268d-6"
181
+ })([
182
+ "width:",
183
+ ";height:",
184
+ ";transform:rotate(90deg);&.",
185
+ "{transform:rotate(-90deg);}"
186
+ ], function(param) {
187
+ var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
188
+ return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
189
+ }, function(param) {
190
+ var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
191
+ return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
192
+ }, _Selecttokens.classes.arrowInverse);
193
+ var StyledIconDone = (0, _styledcomponents.default)(_Icon.IconDone).withConfig({
194
+ displayName: "Item.styles__StyledIconDone",
195
+ componentId: "sc-6eb6268d-7"
196
+ })([
197
+ "width:",
198
+ ";height:",
199
+ ";"
200
+ ], function(param) {
201
+ var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
202
+ return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
203
+ }, function(param) {
204
+ var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
205
+ return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
206
+ });
207
+ var DisclosureIconWrapper = _styledcomponents.default.div.withConfig({
208
+ displayName: "Item.styles__DisclosureIconWrapper",
209
+ componentId: "sc-6eb6268d-8"
210
+ })([
211
+ "line-height:0;color:var(",
212
+ ");visibility:",
213
+ ";&:hover{color:var(",
214
+ ");}"
215
+ ], _Selecttokens.tokens.disclosureIconColor, function(param) {
216
+ var visibility = param.visibility;
217
+ return visibility || 'visible';
218
+ }, _Selecttokens.tokens.disclosureIconColorHover);
219
+ var IconWrapper = _styledcomponents.default.div.withConfig({
220
+ displayName: "Item.styles__IconWrapper",
221
+ componentId: "sc-6eb6268d-9"
222
+ })([
223
+ "display:flex;align-items:center;justify-content:center;flex:none;width:",
224
+ ";height:",
225
+ ";line-height:0;color:var(",
226
+ ");"
227
+ ], function(param) {
228
+ var variant = param.variant;
229
+ return "var(".concat(variant === 'tight' ? _Selecttokens.tokens.itemIconSizeTight : _Selecttokens.tokens.itemIconSize, ")");
230
+ }, function(param) {
231
+ var variant = param.variant;
232
+ return "var(".concat(variant === 'tight' ? _Selecttokens.tokens.itemIconSizeTight : _Selecttokens.tokens.itemIconSize, ")");
233
+ }, _Selecttokens.tokens.itemIconColor);
234
+ var StyledText = _styledcomponents.default.div.withConfig({
235
+ displayName: "Item.styles__StyledText",
236
+ componentId: "sc-6eb6268d-10"
237
+ })([
238
+ "",
239
+ ";flex:1;"
240
+ ], (0, _mixins.applyEllipsis)());
241
+ var Wrapper = _styledcomponents.default.div.withConfig({
242
+ displayName: "Item.styles__Wrapper",
243
+ componentId: "sc-6eb6268d-11"
244
+ })([
245
+ "display:flex;align-items:center;gap:var(",
246
+ ");min-height:var(",
247
+ ");margin:0;box-sizing:content-box;padding:",
248
+ ";font-family:var(",
249
+ ");font-size:var(",
250
+ ");font-style:var(",
251
+ ");font-weight:var(",
252
+ ");letter-spacing:var(",
253
+ ");line-height:var(",
254
+ ");background-color:var(",
255
+ ");color:var(--text-primary);border-radius:calc(var(",
256
+ ") - 0.125rem - var(",
257
+ ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.",
258
+ "){cursor:pointer;background-color:var(",
259
+ ");}&.",
260
+ "{background-color:var(",
261
+ ");}&.",
262
+ "{opacity:var(",
263
+ ");color:var(",
264
+ ");cursor:not-allowed;}:focus{outline:none;}",
265
+ ";"
266
+ ], _Selecttokens.tokens.itemGap, _Selecttokens.tokens.itemHeight, function(param) {
267
+ var variant = param.variant;
268
+ return "var(".concat(variant === 'tight' ? _Selecttokens.tokens.itemPaddingTight : _Selecttokens.tokens.itemPadding, ")");
269
+ }, _Selecttokens.tokens.fontFamily, _Selecttokens.tokens.fontSize, _Selecttokens.tokens.fontStyle, _Selecttokens.tokens.fontWeight, _Selecttokens.tokens.fontLetterSpacing, _Selecttokens.tokens.fontLineHeight, _Selecttokens.constants.itemBackground, _Selecttokens.tokens.borderRadius, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.classes.dropdownItemIsDisabled, _Selecttokens.tokens.itemBackgroundHover, _Selecttokens.classes.dropdownItemIsActive, _Selecttokens.tokens.itemBackgroundHover, _Selecttokens.classes.dropdownItemIsDisabled, _Selecttokens.tokens.itemDisabledOpacity, _Selecttokens.tokens.itemDisabledColor, (0, _mixins.addFocus)({
270
+ outlineSize: '0',
271
+ outlineOffset: '0',
272
+ outlineColor: "var(".concat(_Selecttokens.constants.focusColor, ")"),
273
+ outlineRadius: "calc(var(".concat(_Selecttokens.tokens.borderRadius, ") - 0.125rem - var(").concat(_Selecttokens.tokens.dropdownBorderWidth, ", 0rem))"),
274
+ hasTransition: false,
275
+ customFocusRules: "\n &.".concat(_Selecttokens.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(").concat(_Selecttokens.constants.focusColor, ");\n }\n ")
276
+ }));
277
+ var StyledCheckboxWrapper = _styledcomponents.default.span.withConfig({
278
+ displayName: "Item.styles__StyledCheckboxWrapper",
279
+ componentId: "sc-6eb6268d-12"
280
+ })([
281
+ ""
282
+ ]);
283
+ var ChildItems = _styledcomponents.default.div.withConfig({
284
+ displayName: "Item.styles__ChildItems",
285
+ componentId: "sc-6eb6268d-13"
286
+ })([
287
+ ""
288
+ ]);
289
+ var Offset = _styledcomponents.default.div.withConfig({
290
+ displayName: "Item.styles__Offset",
291
+ componentId: "sc-6eb6268d-14"
292
+ })([
293
+ "width:calc(",
294
+ " * var(",
295
+ "));flex:none;margin-right:calc(var(",
296
+ ") * -1);"
297
+ ], function(param) {
298
+ var depth = param.depth;
299
+ return depth || 0;
300
+ }, _Selecttokens.tokens.treeOffsetWidth, _Selecttokens.tokens.itemGap);
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });