@snack-uikit/list 0.18.0 → 0.18.1-preview-ba12ca94.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 (227) hide show
  1. package/dist/cjs/components/Items/AccordionItem/AccordionItem.js +78 -0
  2. package/dist/cjs/components/Items/AccordionItem/index.js +25 -0
  3. package/dist/cjs/components/Items/BaseItem/BaseItem.js +199 -0
  4. package/dist/cjs/components/Items/BaseItem/constants.js +11 -0
  5. package/dist/cjs/components/Items/BaseItem/index.js +25 -0
  6. package/dist/cjs/components/Items/GroupItem/GroupItem.js +27 -0
  7. package/dist/cjs/components/Items/GroupItem/index.js +25 -0
  8. package/dist/cjs/components/Items/GroupSelectItem/GroupSelectItem.js +46 -0
  9. package/dist/cjs/components/Items/GroupSelectItem/index.js +25 -0
  10. package/dist/cjs/components/Items/NextListItem/NextListItem.js +149 -0
  11. package/dist/cjs/components/Items/NextListItem/constants.js +7 -0
  12. package/dist/cjs/components/Items/NextListItem/index.js +25 -0
  13. package/dist/cjs/components/Items/PinGroupItem/PinGroupItem.js +59 -0
  14. package/dist/cjs/components/Items/PinGroupItem/index.js +25 -0
  15. package/dist/cjs/components/Items/SearchItem/SearchItem.js +50 -0
  16. package/dist/cjs/components/Items/SearchItem/index.js +25 -0
  17. package/dist/cjs/components/Items/hooks.js +133 -0
  18. package/dist/cjs/components/Items/index.js +29 -0
  19. package/dist/cjs/components/Items/types.js +5 -0
  20. package/dist/cjs/components/Items/utils.js +206 -0
  21. package/dist/cjs/components/Lists/Droplist/DropList.js +264 -0
  22. package/dist/cjs/components/Lists/Droplist/index.js +25 -0
  23. package/dist/cjs/components/Lists/List/List.js +199 -0
  24. package/dist/cjs/components/Lists/List/index.js +25 -0
  25. package/dist/cjs/components/Lists/ListPrivate/ListPrivate.js +142 -0
  26. package/dist/cjs/components/Lists/ListPrivate/index.js +25 -0
  27. package/dist/cjs/components/Lists/contexts/CollapseProvider.js +13 -0
  28. package/dist/cjs/components/Lists/contexts/FocusListProvider.js +12 -0
  29. package/dist/cjs/components/Lists/contexts/NewListProvider.js +51 -0
  30. package/dist/cjs/components/Lists/contexts/OpenListProvider.js +13 -0
  31. package/dist/cjs/components/Lists/contexts/SelectionProvider.js +133 -0
  32. package/dist/cjs/components/Lists/contexts/index.js +30 -0
  33. package/dist/cjs/components/Lists/hooks.js +121 -0
  34. package/dist/cjs/components/Lists/index.js +52 -0
  35. package/dist/cjs/components/Lists/types.js +5 -0
  36. package/dist/cjs/components/index.js +64 -0
  37. package/dist/cjs/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.js +49 -0
  38. package/dist/cjs/helperComponents/CollapseBlockPrivate/index.js +25 -0
  39. package/dist/cjs/helperComponents/HiddenTabButton/HiddenTabButton.js +40 -0
  40. package/dist/cjs/helperComponents/HiddenTabButton/index.js +25 -0
  41. package/dist/cjs/helperComponents/ItemContent/ItemContent.js +74 -0
  42. package/dist/cjs/helperComponents/ItemContent/index.js +25 -0
  43. package/dist/cjs/helperComponents/ListEmptyState/ListEmptyState.js +56 -0
  44. package/dist/cjs/helperComponents/ListEmptyState/hooks.js +45 -0
  45. package/dist/cjs/helperComponents/ListEmptyState/index.js +33 -0
  46. package/dist/cjs/helperComponents/Separator/Separator.js +97 -0
  47. package/dist/cjs/helperComponents/Separator/constants.js +11 -0
  48. package/dist/cjs/helperComponents/Separator/index.js +25 -0
  49. package/dist/cjs/helperComponents/index.js +29 -0
  50. package/dist/cjs/index.js +34 -0
  51. package/dist/cjs/types.js +5 -0
  52. package/dist/esm/components/Items/AccordionItem/AccordionItem.d.ts +4 -0
  53. package/dist/esm/components/Items/AccordionItem/index.js +1 -0
  54. package/dist/esm/components/Items/BaseItem/BaseItem.d.ts +12 -0
  55. package/dist/esm/components/Items/BaseItem/constants.d.ts +2 -0
  56. package/dist/esm/components/Items/BaseItem/index.js +1 -0
  57. package/dist/esm/components/Items/BaseItem/styles.module.css +112 -0
  58. package/dist/esm/components/Items/GroupItem/GroupItem.d.ts +6 -0
  59. package/dist/esm/components/Items/GroupItem/index.js +1 -0
  60. package/dist/esm/components/Items/GroupSelectItem/GroupSelectItem.d.ts +4 -0
  61. package/dist/esm/components/Items/GroupSelectItem/index.js +1 -0
  62. package/dist/esm/components/Items/NextListItem/NextListItem.d.ts +6 -0
  63. package/dist/esm/components/Items/NextListItem/constants.d.ts +2 -0
  64. package/dist/esm/components/Items/NextListItem/index.js +1 -0
  65. package/dist/esm/components/Items/PinGroupItem/PinGroupItem.d.ts +7 -0
  66. package/dist/esm/components/Items/PinGroupItem/index.js +1 -0
  67. package/dist/esm/components/Items/PinGroupItem/styles.module.css +43 -0
  68. package/dist/esm/components/Items/SearchItem/SearchItem.d.ts +7 -0
  69. package/dist/esm/components/Items/SearchItem/index.js +1 -0
  70. package/dist/esm/components/Items/SearchItem/styles.module.css +11 -0
  71. package/dist/esm/components/Items/hooks.d.ts +23 -0
  72. package/dist/esm/components/Items/index.js +5 -0
  73. package/dist/esm/components/Items/styles.module.css +87 -0
  74. package/dist/esm/components/Items/types.d.ts +118 -0
  75. package/dist/esm/components/Items/utils.d.ts +35 -0
  76. package/dist/esm/components/Lists/Droplist/DropList.d.ts +2 -0
  77. package/dist/esm/components/Lists/Droplist/index.js +1 -0
  78. package/dist/esm/components/Lists/List/List.d.ts +16 -0
  79. package/dist/esm/components/Lists/List/index.js +1 -0
  80. package/dist/esm/components/Lists/ListPrivate/ListPrivate.d.ts +13 -0
  81. package/dist/esm/components/Lists/ListPrivate/index.js +1 -0
  82. package/dist/esm/components/Lists/ListPrivate/styles.module.css +51 -0
  83. package/dist/esm/components/Lists/contexts/CollapseProvider.d.ts +17 -0
  84. package/dist/esm/components/Lists/contexts/FocusListProvider.d.ts +9 -0
  85. package/dist/esm/components/Lists/contexts/NewListProvider.d.ts +33 -0
  86. package/dist/esm/components/Lists/contexts/OpenListProvider.d.ts +6 -0
  87. package/dist/esm/components/Lists/contexts/SelectionProvider.d.ts +70 -0
  88. package/dist/esm/components/Lists/contexts/index.js +6 -0
  89. package/dist/esm/components/Lists/hooks.d.ts +14 -0
  90. package/dist/esm/components/Lists/index.d.ts +5 -0
  91. package/dist/esm/components/Lists/styles.module.css +59 -0
  92. package/dist/esm/components/Lists/types.d.ts +78 -0
  93. package/dist/esm/components/index.d.ts +4 -0
  94. package/dist/esm/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.d.ts +9 -0
  95. package/dist/esm/helperComponents/CollapseBlockPrivate/index.js +1 -0
  96. package/dist/esm/helperComponents/CollapseBlockPrivate/styles.module.css +38 -0
  97. package/dist/esm/helperComponents/HiddenTabButton/HiddenTabButton.d.ts +7 -0
  98. package/dist/esm/helperComponents/HiddenTabButton/index.js +1 -0
  99. package/dist/esm/helperComponents/HiddenTabButton/styles.module.css +9 -0
  100. package/dist/esm/helperComponents/ItemContent/ItemContent.d.ts +17 -0
  101. package/dist/esm/helperComponents/ItemContent/index.js +1 -0
  102. package/dist/esm/helperComponents/ItemContent/styles.module.css +122 -0
  103. package/dist/esm/helperComponents/ListEmptyState/ListEmptyState.d.ts +14 -0
  104. package/dist/esm/helperComponents/ListEmptyState/hooks.d.ts +10 -0
  105. package/dist/esm/helperComponents/ListEmptyState/index.js +2 -0
  106. package/dist/esm/helperComponents/ListEmptyState/styles.module.css +8 -0
  107. package/dist/esm/helperComponents/Separator/Separator.d.ts +17 -0
  108. package/dist/esm/helperComponents/Separator/constants.d.ts +2 -0
  109. package/dist/esm/helperComponents/Separator/index.js +1 -0
  110. package/dist/esm/helperComponents/Separator/styles.module.css +141 -0
  111. package/dist/esm/helperComponents/index.js +5 -0
  112. package/dist/esm/index.d.ts +4 -0
  113. package/dist/esm/types.d.ts +20 -0
  114. package/package.json +20 -16
  115. /package/dist/{components → cjs/components}/Items/AccordionItem/AccordionItem.d.ts +0 -0
  116. /package/dist/{components → cjs/components}/Items/AccordionItem/index.d.ts +0 -0
  117. /package/dist/{components → cjs/components}/Items/BaseItem/BaseItem.d.ts +0 -0
  118. /package/dist/{components → cjs/components}/Items/BaseItem/constants.d.ts +0 -0
  119. /package/dist/{components → cjs/components}/Items/BaseItem/index.d.ts +0 -0
  120. /package/dist/{components → cjs/components}/Items/BaseItem/styles.module.css +0 -0
  121. /package/dist/{components → cjs/components}/Items/GroupItem/GroupItem.d.ts +0 -0
  122. /package/dist/{components → cjs/components}/Items/GroupItem/index.d.ts +0 -0
  123. /package/dist/{components → cjs/components}/Items/GroupSelectItem/GroupSelectItem.d.ts +0 -0
  124. /package/dist/{components → cjs/components}/Items/GroupSelectItem/index.d.ts +0 -0
  125. /package/dist/{components → cjs/components}/Items/NextListItem/NextListItem.d.ts +0 -0
  126. /package/dist/{components → cjs/components}/Items/NextListItem/constants.d.ts +0 -0
  127. /package/dist/{components → cjs/components}/Items/NextListItem/index.d.ts +0 -0
  128. /package/dist/{components → cjs/components}/Items/PinGroupItem/PinGroupItem.d.ts +0 -0
  129. /package/dist/{components → cjs/components}/Items/PinGroupItem/index.d.ts +0 -0
  130. /package/dist/{components → cjs/components}/Items/PinGroupItem/styles.module.css +0 -0
  131. /package/dist/{components → cjs/components}/Items/SearchItem/SearchItem.d.ts +0 -0
  132. /package/dist/{components → cjs/components}/Items/SearchItem/index.d.ts +0 -0
  133. /package/dist/{components → cjs/components}/Items/SearchItem/styles.module.css +0 -0
  134. /package/dist/{components → cjs/components}/Items/hooks.d.ts +0 -0
  135. /package/dist/{components → cjs/components}/Items/index.d.ts +0 -0
  136. /package/dist/{components → cjs/components}/Items/styles.module.css +0 -0
  137. /package/dist/{components → cjs/components}/Items/types.d.ts +0 -0
  138. /package/dist/{components → cjs/components}/Items/utils.d.ts +0 -0
  139. /package/dist/{components → cjs/components}/Lists/Droplist/DropList.d.ts +0 -0
  140. /package/dist/{components → cjs/components}/Lists/Droplist/index.d.ts +0 -0
  141. /package/dist/{components → cjs/components}/Lists/List/List.d.ts +0 -0
  142. /package/dist/{components → cjs/components}/Lists/List/index.d.ts +0 -0
  143. /package/dist/{components → cjs/components}/Lists/ListPrivate/ListPrivate.d.ts +0 -0
  144. /package/dist/{components → cjs/components}/Lists/ListPrivate/index.d.ts +0 -0
  145. /package/dist/{components → cjs/components}/Lists/ListPrivate/styles.module.css +0 -0
  146. /package/dist/{components → cjs/components}/Lists/contexts/CollapseProvider.d.ts +0 -0
  147. /package/dist/{components → cjs/components}/Lists/contexts/FocusListProvider.d.ts +0 -0
  148. /package/dist/{components → cjs/components}/Lists/contexts/NewListProvider.d.ts +0 -0
  149. /package/dist/{components → cjs/components}/Lists/contexts/OpenListProvider.d.ts +0 -0
  150. /package/dist/{components → cjs/components}/Lists/contexts/SelectionProvider.d.ts +0 -0
  151. /package/dist/{components → cjs/components}/Lists/contexts/index.d.ts +0 -0
  152. /package/dist/{components → cjs/components}/Lists/hooks.d.ts +0 -0
  153. /package/dist/{components → cjs/components}/Lists/index.d.ts +0 -0
  154. /package/dist/{components → cjs/components}/Lists/styles.module.css +0 -0
  155. /package/dist/{components → cjs/components}/Lists/types.d.ts +0 -0
  156. /package/dist/{components → cjs/components}/index.d.ts +0 -0
  157. /package/dist/{helperComponents → cjs/helperComponents}/CollapseBlockPrivate/CollapseBlockPrivate.d.ts +0 -0
  158. /package/dist/{helperComponents → cjs/helperComponents}/CollapseBlockPrivate/index.d.ts +0 -0
  159. /package/dist/{helperComponents → cjs/helperComponents}/CollapseBlockPrivate/styles.module.css +0 -0
  160. /package/dist/{helperComponents → cjs/helperComponents}/HiddenTabButton/HiddenTabButton.d.ts +0 -0
  161. /package/dist/{helperComponents → cjs/helperComponents}/HiddenTabButton/index.d.ts +0 -0
  162. /package/dist/{helperComponents → cjs/helperComponents}/HiddenTabButton/styles.module.css +0 -0
  163. /package/dist/{helperComponents → cjs/helperComponents}/ItemContent/ItemContent.d.ts +0 -0
  164. /package/dist/{helperComponents → cjs/helperComponents}/ItemContent/index.d.ts +0 -0
  165. /package/dist/{helperComponents → cjs/helperComponents}/ItemContent/styles.module.css +0 -0
  166. /package/dist/{helperComponents → cjs/helperComponents}/ListEmptyState/ListEmptyState.d.ts +0 -0
  167. /package/dist/{helperComponents → cjs/helperComponents}/ListEmptyState/hooks.d.ts +0 -0
  168. /package/dist/{helperComponents → cjs/helperComponents}/ListEmptyState/index.d.ts +0 -0
  169. /package/dist/{helperComponents → cjs/helperComponents}/ListEmptyState/styles.module.css +0 -0
  170. /package/dist/{helperComponents → cjs/helperComponents}/Separator/Separator.d.ts +0 -0
  171. /package/dist/{helperComponents → cjs/helperComponents}/Separator/constants.d.ts +0 -0
  172. /package/dist/{helperComponents → cjs/helperComponents}/Separator/index.d.ts +0 -0
  173. /package/dist/{helperComponents → cjs/helperComponents}/Separator/styles.module.css +0 -0
  174. /package/dist/{helperComponents → cjs/helperComponents}/index.d.ts +0 -0
  175. /package/dist/{index.d.ts → cjs/index.d.ts} +0 -0
  176. /package/dist/{types.d.ts → cjs/types.d.ts} +0 -0
  177. /package/dist/{components → esm/components}/Items/AccordionItem/AccordionItem.js +0 -0
  178. /package/dist/{components/Items/AccordionItem/index.js → esm/components/Items/AccordionItem/index.d.ts} +0 -0
  179. /package/dist/{components → esm/components}/Items/BaseItem/BaseItem.js +0 -0
  180. /package/dist/{components → esm/components}/Items/BaseItem/constants.js +0 -0
  181. /package/dist/{components/Items/BaseItem/index.js → esm/components/Items/BaseItem/index.d.ts} +0 -0
  182. /package/dist/{components → esm/components}/Items/GroupItem/GroupItem.js +0 -0
  183. /package/dist/{components/Items/GroupItem/index.js → esm/components/Items/GroupItem/index.d.ts} +0 -0
  184. /package/dist/{components → esm/components}/Items/GroupSelectItem/GroupSelectItem.js +0 -0
  185. /package/dist/{components/Items/GroupSelectItem/index.js → esm/components/Items/GroupSelectItem/index.d.ts} +0 -0
  186. /package/dist/{components → esm/components}/Items/NextListItem/NextListItem.js +0 -0
  187. /package/dist/{components → esm/components}/Items/NextListItem/constants.js +0 -0
  188. /package/dist/{components/Items/NextListItem/index.js → esm/components/Items/NextListItem/index.d.ts} +0 -0
  189. /package/dist/{components → esm/components}/Items/PinGroupItem/PinGroupItem.js +0 -0
  190. /package/dist/{components/Items/PinGroupItem/index.js → esm/components/Items/PinGroupItem/index.d.ts} +0 -0
  191. /package/dist/{components → esm/components}/Items/SearchItem/SearchItem.js +0 -0
  192. /package/dist/{components/Items/SearchItem/index.js → esm/components/Items/SearchItem/index.d.ts} +0 -0
  193. /package/dist/{components → esm/components}/Items/hooks.js +0 -0
  194. /package/dist/{components/Items/index.js → esm/components/Items/index.d.ts} +0 -0
  195. /package/dist/{components → esm/components}/Items/types.js +0 -0
  196. /package/dist/{components → esm/components}/Items/utils.js +0 -0
  197. /package/dist/{components → esm/components}/Lists/Droplist/DropList.js +0 -0
  198. /package/dist/{components/Lists/Droplist/index.js → esm/components/Lists/Droplist/index.d.ts} +0 -0
  199. /package/dist/{components → esm/components}/Lists/List/List.js +0 -0
  200. /package/dist/{components/Lists/List/index.js → esm/components/Lists/List/index.d.ts} +0 -0
  201. /package/dist/{components → esm/components}/Lists/ListPrivate/ListPrivate.js +0 -0
  202. /package/dist/{components/Lists/ListPrivate/index.js → esm/components/Lists/ListPrivate/index.d.ts} +0 -0
  203. /package/dist/{components → esm/components}/Lists/contexts/CollapseProvider.js +0 -0
  204. /package/dist/{components → esm/components}/Lists/contexts/FocusListProvider.js +0 -0
  205. /package/dist/{components → esm/components}/Lists/contexts/NewListProvider.js +0 -0
  206. /package/dist/{components → esm/components}/Lists/contexts/OpenListProvider.js +0 -0
  207. /package/dist/{components → esm/components}/Lists/contexts/SelectionProvider.js +0 -0
  208. /package/dist/{components/Lists/contexts/index.js → esm/components/Lists/contexts/index.d.ts} +0 -0
  209. /package/dist/{components → esm/components}/Lists/hooks.js +0 -0
  210. /package/dist/{components → esm/components}/Lists/index.js +0 -0
  211. /package/dist/{components → esm/components}/Lists/types.js +0 -0
  212. /package/dist/{components → esm/components}/index.js +0 -0
  213. /package/dist/{helperComponents → esm/helperComponents}/CollapseBlockPrivate/CollapseBlockPrivate.js +0 -0
  214. /package/dist/{helperComponents/CollapseBlockPrivate/index.js → esm/helperComponents/CollapseBlockPrivate/index.d.ts} +0 -0
  215. /package/dist/{helperComponents → esm/helperComponents}/HiddenTabButton/HiddenTabButton.js +0 -0
  216. /package/dist/{helperComponents/HiddenTabButton/index.js → esm/helperComponents/HiddenTabButton/index.d.ts} +0 -0
  217. /package/dist/{helperComponents → esm/helperComponents}/ItemContent/ItemContent.js +0 -0
  218. /package/dist/{helperComponents/ItemContent/index.js → esm/helperComponents/ItemContent/index.d.ts} +0 -0
  219. /package/dist/{helperComponents → esm/helperComponents}/ListEmptyState/ListEmptyState.js +0 -0
  220. /package/dist/{helperComponents → esm/helperComponents}/ListEmptyState/hooks.js +0 -0
  221. /package/dist/{helperComponents/ListEmptyState/index.js → esm/helperComponents/ListEmptyState/index.d.ts} +0 -0
  222. /package/dist/{helperComponents → esm/helperComponents}/Separator/Separator.js +0 -0
  223. /package/dist/{helperComponents → esm/helperComponents}/Separator/constants.js +0 -0
  224. /package/dist/{helperComponents/Separator/index.js → esm/helperComponents/Separator/index.d.ts} +0 -0
  225. /package/dist/{helperComponents/index.js → esm/helperComponents/index.d.ts} +0 -0
  226. /package/dist/{index.js → esm/index.js} +0 -0
  227. /package/dist/{types.js → esm/types.js} +0 -0
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useCollapseContext = exports.CollapseContext = exports.useCollapseLevelContext = exports.CollapseLevelContext = void 0;
7
+ const react_1 = require("react");
8
+ exports.CollapseLevelContext = (0, react_1.createContext)({});
9
+ const useCollapseLevelContext = () => (0, react_1.useContext)(exports.CollapseLevelContext);
10
+ exports.useCollapseLevelContext = useCollapseLevelContext;
11
+ exports.CollapseContext = (0, react_1.createContext)({});
12
+ const useCollapseContext = () => (0, react_1.useContext)(exports.CollapseContext);
13
+ exports.useCollapseContext = useCollapseContext;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useFocusListContext = exports.FocusListContext = void 0;
7
+ const react_1 = require("react");
8
+ exports.FocusListContext = (0, react_1.createContext)({
9
+ handleListKeyDownFactory: () => () => {}
10
+ });
11
+ const useFocusListContext = () => (0, react_1.useContext)(exports.FocusListContext);
12
+ exports.useFocusListContext = useFocusListContext;
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+
3
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
4
+ var t = {};
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
8
+ }
9
+ return t;
10
+ };
11
+ Object.defineProperty(exports, "__esModule", {
12
+ value: true
13
+ });
14
+ exports.ListContext = void 0;
15
+ exports.useNewListContext = useNewListContext;
16
+ exports.NewListContextProvider = NewListContextProvider;
17
+ const jsx_runtime_1 = require("react/jsx-runtime");
18
+ const react_1 = require("react");
19
+ exports.ListContext = (0, react_1.createContext)({
20
+ flattenItems: {},
21
+ focusFlattenItems: {}
22
+ });
23
+ function useNewListContext() {
24
+ return (0, react_1.useContext)(exports.ListContext);
25
+ }
26
+ function extractListProps(_ref) {
27
+ let {
28
+ size,
29
+ marker,
30
+ flattenItems,
31
+ focusFlattenItems,
32
+ contentRender
33
+ } = _ref;
34
+ return {
35
+ size,
36
+ marker,
37
+ contentRender,
38
+ flattenItems,
39
+ focusFlattenItems
40
+ };
41
+ }
42
+ function NewListContextProvider(_a) {
43
+ var {
44
+ children
45
+ } = _a,
46
+ props = __rest(_a, ["children"]);
47
+ return (0, jsx_runtime_1.jsx)(exports.ListContext.Provider, {
48
+ value: extractListProps(props),
49
+ children: children
50
+ });
51
+ }
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useOpenListContext = exports.OpenListContext = void 0;
7
+ const react_1 = require("react");
8
+ exports.OpenListContext = (0, react_1.createContext)({
9
+ closeDroplist: () => {},
10
+ closeDroplistOnItemClick: false
11
+ });
12
+ const useOpenListContext = () => (0, react_1.useContext)(exports.OpenListContext);
13
+ exports.useOpenListContext = useOpenListContext;
@@ -0,0 +1,133 @@
1
+ "use strict";
2
+
3
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
4
+ var t = {};
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
8
+ }
9
+ return t;
10
+ };
11
+ Object.defineProperty(exports, "__esModule", {
12
+ value: true
13
+ });
14
+ exports.SelectionContext = void 0;
15
+ exports.isSelectionMultipleProps = isSelectionMultipleProps;
16
+ exports.isSelectionSingleProps = isSelectionSingleProps;
17
+ exports.SelectionProvider = SelectionProvider;
18
+ exports.useSelectionContext = useSelectionContext;
19
+ const jsx_runtime_1 = require("react/jsx-runtime");
20
+ const react_1 = require("react");
21
+ const utils_1 = require("@snack-uikit/utils");
22
+ exports.SelectionContext = (0, react_1.createContext)({
23
+ value: undefined,
24
+ onChange: undefined,
25
+ mode: undefined
26
+ });
27
+ function isSelectionMultipleProps(props) {
28
+ return 'mode' in props && props['mode'] === 'multiple';
29
+ }
30
+ function isSelectionSingleProps(props) {
31
+ return 'mode' in props && props['mode'] === 'single';
32
+ }
33
+ function SelectionNoneProvider(_ref) {
34
+ let {
35
+ children
36
+ } = _ref;
37
+ return (0, jsx_runtime_1.jsx)(exports.SelectionContext.Provider, {
38
+ value: {
39
+ mode: 'none'
40
+ },
41
+ children: children
42
+ });
43
+ }
44
+ function SelectionSingleProvider(_ref2) {
45
+ let {
46
+ value: valueProp,
47
+ defaultValue,
48
+ onChange: onChangeProp,
49
+ children
50
+ } = _ref2;
51
+ const [value, setValue] = (0, utils_1.useValueControl)({
52
+ value: valueProp,
53
+ defaultValue,
54
+ onChange: onChangeProp
55
+ });
56
+ const onChange = (0, react_1.useCallback)(newValue => setValue(oldValue => {
57
+ if (newValue !== oldValue) {
58
+ return newValue;
59
+ }
60
+ return undefined;
61
+ }), [setValue]);
62
+ return (0, jsx_runtime_1.jsx)(exports.SelectionContext.Provider, {
63
+ value: {
64
+ value,
65
+ onChange,
66
+ mode: 'single',
67
+ isSelectionSingle: true,
68
+ isSelectionMultiple: false,
69
+ setValue
70
+ },
71
+ children: children
72
+ });
73
+ }
74
+ function SelectionMultipleProvider(_ref3) {
75
+ let {
76
+ value: valueProp,
77
+ defaultValue,
78
+ onChange: onChangeProp,
79
+ children
80
+ } = _ref3;
81
+ const [value, setValue] = (0, utils_1.useValueControl)({
82
+ value: valueProp,
83
+ defaultValue,
84
+ onChange: onChangeProp
85
+ });
86
+ const onChange = (0, react_1.useCallback)(newValue => {
87
+ setValue(oldValues => {
88
+ if (Array.isArray(oldValues)) {
89
+ if (oldValues.includes(newValue)) {
90
+ return oldValues.filter(oldValue => oldValue !== newValue);
91
+ }
92
+ return oldValues.concat(newValue);
93
+ }
94
+ if (oldValues === undefined) {
95
+ return Array.isArray(newValue) ? newValue : [newValue];
96
+ }
97
+ return undefined;
98
+ });
99
+ }, [setValue]);
100
+ return (0, jsx_runtime_1.jsx)(exports.SelectionContext.Provider, {
101
+ value: {
102
+ value,
103
+ onChange,
104
+ mode: 'multiple',
105
+ isSelectionSingle: false,
106
+ isSelectionMultiple: true,
107
+ setValue
108
+ },
109
+ children: children
110
+ });
111
+ }
112
+ function SelectionProvider(_a) {
113
+ var {
114
+ children
115
+ } = _a,
116
+ props = __rest(_a, ["children"]);
117
+ if (isSelectionSingleProps(props)) {
118
+ return (0, jsx_runtime_1.jsx)(SelectionSingleProvider, Object.assign({}, props, {
119
+ children: children
120
+ }));
121
+ }
122
+ if (isSelectionMultipleProps(props)) {
123
+ return (0, jsx_runtime_1.jsx)(SelectionMultipleProvider, Object.assign({}, props, {
124
+ children: children
125
+ }));
126
+ }
127
+ return (0, jsx_runtime_1.jsx)(SelectionNoneProvider, {
128
+ children: children
129
+ });
130
+ }
131
+ function useSelectionContext() {
132
+ return (0, react_1.useContext)(exports.SelectionContext);
133
+ }
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
20
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
21
+ };
22
+ Object.defineProperty(exports, "__esModule", {
23
+ value: true
24
+ });
25
+ __exportStar(require("./SelectionProvider"), exports);
26
+ __exportStar(require("./CollapseProvider"), exports);
27
+ __exportStar(require("./NewListProvider"), exports);
28
+ __exportStar(require("./SelectionProvider"), exports);
29
+ __exportStar(require("./FocusListProvider"), exports);
30
+ __exportStar(require("./OpenListProvider"), exports);
@@ -0,0 +1,121 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useNewKeyboardNavigation = useNewKeyboardNavigation;
7
+ const react_1 = require("react");
8
+ function useNewKeyboardNavigation(_ref) {
9
+ let {
10
+ mainRef,
11
+ btnRef,
12
+ focusFlattenItems
13
+ } = _ref;
14
+ const [activeItemId, setActiveItemId] = (0, react_1.useState)();
15
+ const activeItemIdRef = (0, react_1.useRef)();
16
+ const handleListKeyDownFactory = (0, react_1.useCallback)((ids, expandedIds) => e => {
17
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18
+ switch (e.key) {
19
+ case 'ArrowDown':
20
+ {
21
+ if (activeItemIdRef.current !== undefined) {
22
+ const activeIndex = ids.findIndex(id => id === activeItemIdRef.current);
23
+ const nextId = Math.min(activeIndex + 1, ids.length - 1);
24
+ const itemId = ids[nextId];
25
+ const item = focusFlattenItems[itemId];
26
+ activeItemIdRef.current = itemId;
27
+ setActiveItemId(itemId);
28
+ if (item.type !== 'group') {
29
+ (_b = (_a = item.itemRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
30
+ }
31
+ } else {
32
+ const itemId = ids[0];
33
+ const item = focusFlattenItems[itemId];
34
+ activeItemIdRef.current = itemId;
35
+ setActiveItemId(itemId);
36
+ if (item.type !== 'group') {
37
+ (_d = (_c = item.itemRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.focus();
38
+ }
39
+ }
40
+ e.stopPropagation();
41
+ e.preventDefault();
42
+ return;
43
+ }
44
+ case 'ArrowUp':
45
+ {
46
+ if (ids[0] === activeItemIdRef.current) {
47
+ const item = focusFlattenItems[ids[0]];
48
+ if (item.parentId === '~main') {
49
+ activeItemIdRef.current = undefined;
50
+ setActiveItemId(undefined);
51
+ (_e = mainRef === null || mainRef === void 0 ? void 0 : mainRef.current) === null || _e === void 0 ? void 0 : _e.focus();
52
+ }
53
+ } else if (activeItemIdRef.current !== undefined) {
54
+ const activeIndex = ids.findIndex(id => id === activeItemIdRef.current);
55
+ const nextId = Math.max(activeIndex - 1, 0);
56
+ const itemId = ids[nextId];
57
+ const item = focusFlattenItems[itemId];
58
+ activeItemIdRef.current = itemId;
59
+ setActiveItemId(itemId);
60
+ if (item.type !== 'group') {
61
+ (_g = (_f = item.itemRef) === null || _f === void 0 ? void 0 : _f.current) === null || _g === void 0 ? void 0 : _g.focus();
62
+ }
63
+ }
64
+ e.stopPropagation();
65
+ e.preventDefault();
66
+ return;
67
+ }
68
+ case 'ArrowRight':
69
+ {
70
+ if (activeItemIdRef.current !== undefined && expandedIds.includes(activeItemIdRef.current)) {
71
+ const item = focusFlattenItems[activeItemIdRef.current];
72
+ const newItemId = item.items[0];
73
+ const newItem = focusFlattenItems[newItemId];
74
+ activeItemIdRef.current = newItemId;
75
+ setActiveItemId(newItemId);
76
+ setTimeout(() => {
77
+ var _a, _b;
78
+ return (_b = (_a = newItem.itemRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
79
+ }, 0);
80
+ e.stopPropagation();
81
+ e.preventDefault();
82
+ }
83
+ return;
84
+ }
85
+ case 'Tab':
86
+ {
87
+ if (activeItemIdRef.current !== undefined) {
88
+ e.preventDefault();
89
+ e.stopPropagation();
90
+ activeItemIdRef.current = undefined;
91
+ setActiveItemId(undefined);
92
+ (_h = mainRef === null || mainRef === void 0 ? void 0 : mainRef.current) === null || _h === void 0 ? void 0 : _h.focus();
93
+ } else {
94
+ btnRef && !e.shiftKey ? (_j = btnRef === null || btnRef === void 0 ? void 0 : btnRef.current) === null || _j === void 0 ? void 0 : _j.focus() : (_k = mainRef === null || mainRef === void 0 ? void 0 : mainRef.current) === null || _k === void 0 ? void 0 : _k.focus();
95
+ }
96
+ return;
97
+ }
98
+ default:
99
+ {
100
+ return;
101
+ }
102
+ }
103
+ }, [focusFlattenItems, mainRef, btnRef]);
104
+ const resetActiveItemId = (0, react_1.useCallback)(() => {
105
+ setActiveItemId(undefined);
106
+ activeItemIdRef.current = undefined;
107
+ }, []);
108
+ const forceUpdateActiveItemId = (0, react_1.useCallback)(itemId => {
109
+ var _a, _b;
110
+ setActiveItemId(itemId);
111
+ activeItemIdRef.current = itemId;
112
+ const item = focusFlattenItems[itemId];
113
+ (_b = (_a = item === null || item === void 0 ? void 0 : item.itemRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
114
+ }, [focusFlattenItems]);
115
+ return {
116
+ resetActiveItemId,
117
+ activeItemId,
118
+ forceUpdateActiveItemId,
119
+ handleListKeyDownFactory
120
+ };
121
+ }
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
20
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
21
+ };
22
+ Object.defineProperty(exports, "__esModule", {
23
+ value: true
24
+ });
25
+ exports.isSelectionMultipleProps = exports.isSelectionSingleProps = exports.useCollapseContext = exports.useSelectionContext = void 0;
26
+ __exportStar(require("./Droplist"), exports);
27
+ __exportStar(require("./List"), exports);
28
+ var contexts_1 = require("./contexts");
29
+ Object.defineProperty(exports, "useSelectionContext", {
30
+ enumerable: true,
31
+ get: function () {
32
+ return contexts_1.useSelectionContext;
33
+ }
34
+ });
35
+ Object.defineProperty(exports, "useCollapseContext", {
36
+ enumerable: true,
37
+ get: function () {
38
+ return contexts_1.useCollapseContext;
39
+ }
40
+ });
41
+ Object.defineProperty(exports, "isSelectionSingleProps", {
42
+ enumerable: true,
43
+ get: function () {
44
+ return contexts_1.isSelectionSingleProps;
45
+ }
46
+ });
47
+ Object.defineProperty(exports, "isSelectionMultipleProps", {
48
+ enumerable: true,
49
+ get: function () {
50
+ return contexts_1.isSelectionMultipleProps;
51
+ }
52
+ });
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+
3
+ var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
20
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
21
+ };
22
+ Object.defineProperty(exports, "__esModule", {
23
+ value: true
24
+ });
25
+ exports.useGroupItemSelection = exports.isGroupSelectItem = exports.isNextListItemProps = exports.isGroupItemProps = exports.isBaseItemProps = exports.isAccordionItemProps = void 0;
26
+ __exportStar(require("./Lists"), exports);
27
+ var Items_1 = require("./Items");
28
+ Object.defineProperty(exports, "isAccordionItemProps", {
29
+ enumerable: true,
30
+ get: function () {
31
+ return Items_1.isAccordionItemProps;
32
+ }
33
+ });
34
+ Object.defineProperty(exports, "isBaseItemProps", {
35
+ enumerable: true,
36
+ get: function () {
37
+ return Items_1.isBaseItemProps;
38
+ }
39
+ });
40
+ Object.defineProperty(exports, "isGroupItemProps", {
41
+ enumerable: true,
42
+ get: function () {
43
+ return Items_1.isGroupItemProps;
44
+ }
45
+ });
46
+ Object.defineProperty(exports, "isNextListItemProps", {
47
+ enumerable: true,
48
+ get: function () {
49
+ return Items_1.isNextListItemProps;
50
+ }
51
+ });
52
+ Object.defineProperty(exports, "isGroupSelectItem", {
53
+ enumerable: true,
54
+ get: function () {
55
+ return Items_1.isGroupSelectItem;
56
+ }
57
+ });
58
+ var hooks_1 = require("./Items/hooks");
59
+ Object.defineProperty(exports, "useGroupItemSelection", {
60
+ enumerable: true,
61
+ get: function () {
62
+ return hooks_1.useGroupItemSelection;
63
+ }
64
+ });
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
4
+ var t = {};
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
8
+ }
9
+ return t;
10
+ };
11
+ var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
12
+ return mod && mod.__esModule ? mod : {
13
+ "default": mod
14
+ };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", {
17
+ value: true
18
+ });
19
+ exports.CollapseBlockPrivate = CollapseBlockPrivate;
20
+ const jsx_runtime_1 = require("react/jsx-runtime");
21
+ const classnames_1 = __importDefault(require("classnames"));
22
+ const utils_1 = require("@snack-uikit/utils");
23
+ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
24
+ // TODO: Add animation. Solution like in Accordion/Tree does not work with Scroll =(
25
+ function CollapseBlockPrivate(_a) {
26
+ var {
27
+ children,
28
+ expanded,
29
+ className,
30
+ header
31
+ } = _a,
32
+ rest = __rest(_a, ["children", "expanded", "className", "header"]);
33
+ return (0, jsx_runtime_1.jsxs)("div", Object.assign({
34
+ className: (0, classnames_1.default)(styles_module_scss_1.default.accordion, className),
35
+ role: 'menuitem',
36
+ "aria-haspopup": true,
37
+ "aria-expanded": expanded
38
+ }, (0, utils_1.extractSupportProps)(rest), {
39
+ children: [header, (0, jsx_runtime_1.jsx)("div", {
40
+ className: styles_module_scss_1.default.contentWrapper,
41
+ "aria-hidden": !expanded,
42
+ children: (0, jsx_runtime_1.jsx)("div", {
43
+ className: styles_module_scss_1.default.content,
44
+ "data-content": true,
45
+ children: expanded && children
46
+ })
47
+ })]
48
+ }));
49
+ }
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
20
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
21
+ };
22
+ Object.defineProperty(exports, "__esModule", {
23
+ value: true
24
+ });
25
+ __exportStar(require("./CollapseBlockPrivate"), exports);
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
4
+ return mod && mod.__esModule ? mod : {
5
+ "default": mod
6
+ };
7
+ };
8
+ Object.defineProperty(exports, "__esModule", {
9
+ value: true
10
+ });
11
+ exports.HiddenTabButton = void 0;
12
+ const jsx_runtime_1 = require("react/jsx-runtime");
13
+ const react_1 = require("react");
14
+ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
15
+ exports.HiddenTabButton = (0, react_1.forwardRef)((_ref, ref) => {
16
+ let {
17
+ listRef,
18
+ tabIndex
19
+ } = _ref;
20
+ const handleFocus = (0, react_1.useCallback)(e => {
21
+ var _a;
22
+ if (e.relatedTarget !== listRef.current) {
23
+ (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.focus();
24
+ }
25
+ e.preventDefault();
26
+ e.stopPropagation();
27
+ }, [listRef]);
28
+ const handleKeyDown = (0, react_1.useCallback)(e => {
29
+ e.stopPropagation();
30
+ }, []);
31
+ return (0, jsx_runtime_1.jsx)("button", {
32
+ type: 'button',
33
+ "aria-hidden": true,
34
+ ref: ref,
35
+ onKeyDown: handleKeyDown,
36
+ onFocus: handleFocus,
37
+ className: styles_module_scss_1.default.hiddenBtn,
38
+ tabIndex: tabIndex
39
+ });
40
+ });
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
20
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
21
+ };
22
+ Object.defineProperty(exports, "__esModule", {
23
+ value: true
24
+ });
25
+ __exportStar(require("./HiddenTabButton"), exports);