@elliemae/ds-legacy-left-navigation 1.0.0-rc.1

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 (248) hide show
  1. package/dist/cjs/LeftNavigation.js +51 -0
  2. package/dist/cjs/LeftNavigation.js.map +7 -0
  3. package/dist/cjs/LeftNavigationContext.js +70 -0
  4. package/dist/cjs/LeftNavigationContext.js.map +7 -0
  5. package/dist/cjs/common/getItemBackgroundStyle.js +57 -0
  6. package/dist/cjs/common/getItemBackgroundStyle.js.map +7 -0
  7. package/dist/cjs/common/getLeftBorderStyle.js +59 -0
  8. package/dist/cjs/common/getLeftBorderStyle.js.map +7 -0
  9. package/dist/cjs/common/getScrollbarStyle.js +59 -0
  10. package/dist/cjs/common/getScrollbarStyle.js.map +7 -0
  11. package/dist/cjs/common/index.js +32 -0
  12. package/dist/cjs/common/index.js.map +7 -0
  13. package/dist/cjs/configs/index.js +39 -0
  14. package/dist/cjs/configs/index.js.map +7 -0
  15. package/dist/cjs/configs/useLeftNavConfig.js +127 -0
  16. package/dist/cjs/configs/useLeftNavConfig.js.map +7 -0
  17. package/dist/cjs/configs/useLeftNavItems.js +85 -0
  18. package/dist/cjs/configs/useLeftNavItems.js.map +7 -0
  19. package/dist/cjs/configs/useLeftNavSmoothExpand.js +57 -0
  20. package/dist/cjs/configs/useLeftNavSmoothExpand.js.map +7 -0
  21. package/dist/cjs/constants/constants.js +68 -0
  22. package/dist/cjs/constants/constants.js.map +7 -0
  23. package/dist/cjs/constants/index.js +30 -0
  24. package/dist/cjs/constants/index.js.map +7 -0
  25. package/dist/cjs/exported-related/ChevronItem/index.js +40 -0
  26. package/dist/cjs/exported-related/ChevronItem/index.js.map +7 -0
  27. package/dist/cjs/exported-related/Icon/index.js +50 -0
  28. package/dist/cjs/exported-related/Icon/index.js.map +7 -0
  29. package/dist/cjs/exported-related/ItemRenderer/index.js +133 -0
  30. package/dist/cjs/exported-related/ItemRenderer/index.js.map +7 -0
  31. package/dist/cjs/exported-related/ItemRenderer/styled.js +107 -0
  32. package/dist/cjs/exported-related/ItemRenderer/styled.js.map +7 -0
  33. package/dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +69 -0
  34. package/dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map +7 -0
  35. package/dist/cjs/exported-related/Notifications/index.js +62 -0
  36. package/dist/cjs/exported-related/Notifications/index.js.map +7 -0
  37. package/dist/cjs/exported-related/OpenWindowItem/index.js +47 -0
  38. package/dist/cjs/exported-related/OpenWindowItem/index.js.map +7 -0
  39. package/dist/cjs/exported-related/constants.js +71 -0
  40. package/dist/cjs/exported-related/constants.js.map +7 -0
  41. package/dist/cjs/exported-related/index.js +35 -0
  42. package/dist/cjs/exported-related/index.js.map +7 -0
  43. package/dist/cjs/hooks/index.js +32 -0
  44. package/dist/cjs/hooks/index.js.map +7 -0
  45. package/dist/cjs/hooks/useExpandableOnClickHandler.js +74 -0
  46. package/dist/cjs/hooks/useExpandableOnClickHandler.js.map +7 -0
  47. package/dist/cjs/hooks/useKeyboardNavigation.js +128 -0
  48. package/dist/cjs/hooks/useKeyboardNavigation.js.map +7 -0
  49. package/dist/cjs/hooks/useOpenableOnClickHandler.js +82 -0
  50. package/dist/cjs/hooks/useOpenableOnClickHandler.js.map +7 -0
  51. package/dist/cjs/hooks/useSelectFirstBodyItem.js +53 -0
  52. package/dist/cjs/hooks/useSelectFirstBodyItem.js.map +7 -0
  53. package/dist/cjs/index.js +46 -0
  54. package/dist/cjs/index.js.map +7 -0
  55. package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js +147 -0
  56. package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +7 -0
  57. package/dist/cjs/outOfTheBox/ItemHeader/index.js +169 -0
  58. package/dist/cjs/outOfTheBox/ItemHeader/index.js.map +7 -0
  59. package/dist/cjs/outOfTheBox/ItemLink/index.js +102 -0
  60. package/dist/cjs/outOfTheBox/ItemLink/index.js.map +7 -0
  61. package/dist/cjs/outOfTheBox/ItemSection/index.js +83 -0
  62. package/dist/cjs/outOfTheBox/ItemSection/index.js.map +7 -0
  63. package/dist/cjs/outOfTheBox/ItemSeparator/index.js +68 -0
  64. package/dist/cjs/outOfTheBox/ItemSeparator/index.js.map +7 -0
  65. package/dist/cjs/outOfTheBox/ItemSkeleton/index.js +78 -0
  66. package/dist/cjs/outOfTheBox/ItemSkeleton/index.js.map +7 -0
  67. package/dist/cjs/outOfTheBox/ItemSubmenu/index.js +173 -0
  68. package/dist/cjs/outOfTheBox/ItemSubmenu/index.js.map +7 -0
  69. package/dist/cjs/outOfTheBox/ItemTextLabel/index.js +79 -0
  70. package/dist/cjs/outOfTheBox/ItemTextLabel/index.js.map +7 -0
  71. package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +162 -0
  72. package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +7 -0
  73. package/dist/cjs/outOfTheBox/ItemWithDate/index.js +101 -0
  74. package/dist/cjs/outOfTheBox/ItemWithDate/index.js.map +7 -0
  75. package/dist/cjs/outOfTheBox/index.js +83 -0
  76. package/dist/cjs/outOfTheBox/index.js.map +7 -0
  77. package/dist/cjs/outOfTheBox/styled.js +126 -0
  78. package/dist/cjs/outOfTheBox/styled.js.map +7 -0
  79. package/dist/cjs/package.json +4 -0
  80. package/dist/cjs/parts/LeftNavContent/index.js +158 -0
  81. package/dist/cjs/parts/LeftNavContent/index.js.map +7 -0
  82. package/dist/cjs/parts/LeftNavContent/styled.js +107 -0
  83. package/dist/cjs/parts/LeftNavContent/styled.js.map +7 -0
  84. package/dist/cjs/parts/LeftNavFooterItem/index.js +138 -0
  85. package/dist/cjs/parts/LeftNavFooterItem/index.js.map +7 -0
  86. package/dist/cjs/parts/LeftNavFooterItem/styled.js +102 -0
  87. package/dist/cjs/parts/LeftNavFooterItem/styled.js.map +7 -0
  88. package/dist/cjs/parts/LeftNavLoading/index.js +55 -0
  89. package/dist/cjs/parts/LeftNavLoading/index.js.map +7 -0
  90. package/dist/cjs/parts/OutOfTheBoxMapItem.js +59 -0
  91. package/dist/cjs/parts/OutOfTheBoxMapItem.js.map +7 -0
  92. package/dist/cjs/react-desc-prop-types.js +74 -0
  93. package/dist/cjs/react-desc-prop-types.js.map +7 -0
  94. package/dist/cjs/typescript-testing/typescript-left-navigation-valid.js +186 -0
  95. package/dist/cjs/typescript-testing/typescript-left-navigation-valid.js.map +7 -0
  96. package/dist/esm/LeftNavigation.js +21 -0
  97. package/dist/esm/LeftNavigation.js.map +7 -0
  98. package/dist/esm/LeftNavigationContext.js +40 -0
  99. package/dist/esm/LeftNavigationContext.js.map +7 -0
  100. package/dist/esm/common/getItemBackgroundStyle.js +27 -0
  101. package/dist/esm/common/getItemBackgroundStyle.js.map +7 -0
  102. package/dist/esm/common/getLeftBorderStyle.js +29 -0
  103. package/dist/esm/common/getLeftBorderStyle.js.map +7 -0
  104. package/dist/esm/common/getScrollbarStyle.js +29 -0
  105. package/dist/esm/common/getScrollbarStyle.js.map +7 -0
  106. package/dist/esm/common/index.js +5 -0
  107. package/dist/esm/common/index.js.map +7 -0
  108. package/dist/esm/configs/index.js +9 -0
  109. package/dist/esm/configs/index.js.map +7 -0
  110. package/dist/esm/configs/useLeftNavConfig.js +97 -0
  111. package/dist/esm/configs/useLeftNavConfig.js.map +7 -0
  112. package/dist/esm/configs/useLeftNavItems.js +55 -0
  113. package/dist/esm/configs/useLeftNavItems.js.map +7 -0
  114. package/dist/esm/configs/useLeftNavSmoothExpand.js +27 -0
  115. package/dist/esm/configs/useLeftNavSmoothExpand.js.map +7 -0
  116. package/dist/esm/constants/constants.js +38 -0
  117. package/dist/esm/constants/constants.js.map +7 -0
  118. package/dist/esm/constants/index.js +3 -0
  119. package/dist/esm/constants/index.js.map +7 -0
  120. package/dist/esm/exported-related/ChevronItem/index.js +10 -0
  121. package/dist/esm/exported-related/ChevronItem/index.js.map +7 -0
  122. package/dist/esm/exported-related/Icon/index.js +20 -0
  123. package/dist/esm/exported-related/Icon/index.js.map +7 -0
  124. package/dist/esm/exported-related/ItemRenderer/index.js +103 -0
  125. package/dist/esm/exported-related/ItemRenderer/index.js.map +7 -0
  126. package/dist/esm/exported-related/ItemRenderer/styled.js +77 -0
  127. package/dist/esm/exported-related/ItemRenderer/styled.js.map +7 -0
  128. package/dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +39 -0
  129. package/dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js.map +7 -0
  130. package/dist/esm/exported-related/Notifications/index.js +37 -0
  131. package/dist/esm/exported-related/Notifications/index.js.map +7 -0
  132. package/dist/esm/exported-related/OpenWindowItem/index.js +17 -0
  133. package/dist/esm/exported-related/OpenWindowItem/index.js.map +7 -0
  134. package/dist/esm/exported-related/constants.js +41 -0
  135. package/dist/esm/exported-related/constants.js.map +7 -0
  136. package/dist/esm/exported-related/index.js +8 -0
  137. package/dist/esm/exported-related/index.js.map +7 -0
  138. package/dist/esm/hooks/index.js +5 -0
  139. package/dist/esm/hooks/index.js.map +7 -0
  140. package/dist/esm/hooks/useExpandableOnClickHandler.js +44 -0
  141. package/dist/esm/hooks/useExpandableOnClickHandler.js.map +7 -0
  142. package/dist/esm/hooks/useKeyboardNavigation.js +98 -0
  143. package/dist/esm/hooks/useKeyboardNavigation.js.map +7 -0
  144. package/dist/esm/hooks/useOpenableOnClickHandler.js +52 -0
  145. package/dist/esm/hooks/useOpenableOnClickHandler.js.map +7 -0
  146. package/dist/esm/hooks/useSelectFirstBodyItem.js +23 -0
  147. package/dist/esm/hooks/useSelectFirstBodyItem.js.map +7 -0
  148. package/dist/esm/index.js +15 -0
  149. package/dist/esm/index.js.map +7 -0
  150. package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js +117 -0
  151. package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +7 -0
  152. package/dist/esm/outOfTheBox/ItemHeader/index.js +145 -0
  153. package/dist/esm/outOfTheBox/ItemHeader/index.js.map +7 -0
  154. package/dist/esm/outOfTheBox/ItemLink/index.js +72 -0
  155. package/dist/esm/outOfTheBox/ItemLink/index.js.map +7 -0
  156. package/dist/esm/outOfTheBox/ItemSection/index.js +59 -0
  157. package/dist/esm/outOfTheBox/ItemSection/index.js.map +7 -0
  158. package/dist/esm/outOfTheBox/ItemSeparator/index.js +38 -0
  159. package/dist/esm/outOfTheBox/ItemSeparator/index.js.map +7 -0
  160. package/dist/esm/outOfTheBox/ItemSkeleton/index.js +48 -0
  161. package/dist/esm/outOfTheBox/ItemSkeleton/index.js.map +7 -0
  162. package/dist/esm/outOfTheBox/ItemSubmenu/index.js +149 -0
  163. package/dist/esm/outOfTheBox/ItemSubmenu/index.js.map +7 -0
  164. package/dist/esm/outOfTheBox/ItemTextLabel/index.js +49 -0
  165. package/dist/esm/outOfTheBox/ItemTextLabel/index.js.map +7 -0
  166. package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +132 -0
  167. package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +7 -0
  168. package/dist/esm/outOfTheBox/ItemWithDate/index.js +71 -0
  169. package/dist/esm/outOfTheBox/ItemWithDate/index.js.map +7 -0
  170. package/dist/esm/outOfTheBox/index.js +52 -0
  171. package/dist/esm/outOfTheBox/index.js.map +7 -0
  172. package/dist/esm/outOfTheBox/styled.js +96 -0
  173. package/dist/esm/outOfTheBox/styled.js.map +7 -0
  174. package/dist/esm/package.json +4 -0
  175. package/dist/esm/parts/LeftNavContent/index.js +135 -0
  176. package/dist/esm/parts/LeftNavContent/index.js.map +7 -0
  177. package/dist/esm/parts/LeftNavContent/styled.js +77 -0
  178. package/dist/esm/parts/LeftNavContent/styled.js.map +7 -0
  179. package/dist/esm/parts/LeftNavFooterItem/index.js +114 -0
  180. package/dist/esm/parts/LeftNavFooterItem/index.js.map +7 -0
  181. package/dist/esm/parts/LeftNavFooterItem/styled.js +72 -0
  182. package/dist/esm/parts/LeftNavFooterItem/styled.js.map +7 -0
  183. package/dist/esm/parts/LeftNavLoading/index.js +25 -0
  184. package/dist/esm/parts/LeftNavLoading/index.js.map +7 -0
  185. package/dist/esm/parts/OutOfTheBoxMapItem.js +29 -0
  186. package/dist/esm/parts/OutOfTheBoxMapItem.js.map +7 -0
  187. package/dist/esm/react-desc-prop-types.js +44 -0
  188. package/dist/esm/react-desc-prop-types.js.map +7 -0
  189. package/dist/esm/typescript-testing/typescript-left-navigation-valid.js +163 -0
  190. package/dist/esm/typescript-testing/typescript-left-navigation-valid.js.map +7 -0
  191. package/dist/types/LeftNavigation.d.ts +9 -0
  192. package/dist/types/LeftNavigationContext.d.ts +21 -0
  193. package/dist/types/common/getItemBackgroundStyle.d.ts +6 -0
  194. package/dist/types/common/getLeftBorderStyle.d.ts +6 -0
  195. package/dist/types/common/getScrollbarStyle.d.ts +1 -0
  196. package/dist/types/common/index.d.ts +3 -0
  197. package/dist/types/configs/index.d.ts +3 -0
  198. package/dist/types/configs/useLeftNavConfig.d.ts +17 -0
  199. package/dist/types/configs/useLeftNavItems.d.ts +12 -0
  200. package/dist/types/configs/useLeftNavSmoothExpand.d.ts +10 -0
  201. package/dist/types/constants/constants.d.ts +32 -0
  202. package/dist/types/constants/index.d.ts +1 -0
  203. package/dist/types/exported-related/ChevronItem/index.d.ts +4 -0
  204. package/dist/types/exported-related/Icon/index.d.ts +6 -0
  205. package/dist/types/exported-related/ItemRenderer/index.d.ts +3 -0
  206. package/dist/types/exported-related/ItemRenderer/styled.d.ts +20 -0
  207. package/dist/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +2 -0
  208. package/dist/types/exported-related/Notifications/index.d.ts +8 -0
  209. package/dist/types/exported-related/OpenWindowItem/index.d.ts +4 -0
  210. package/dist/types/exported-related/constants.d.ts +31 -0
  211. package/dist/types/exported-related/index.d.ts +6 -0
  212. package/dist/types/hooks/index.d.ts +3 -0
  213. package/dist/types/hooks/useExpandableOnClickHandler.d.ts +9 -0
  214. package/dist/types/hooks/useKeyboardNavigation.d.ts +8 -0
  215. package/dist/types/hooks/useOpenableOnClickHandler.d.ts +10 -0
  216. package/dist/types/hooks/useSelectFirstBodyItem.d.ts +3 -0
  217. package/dist/types/index.d.ts +6 -0
  218. package/dist/types/outOfTheBox/ItemControlledDrilldown/index.d.ts +3 -0
  219. package/dist/types/outOfTheBox/ItemHeader/index.d.ts +3 -0
  220. package/dist/types/outOfTheBox/ItemLink/index.d.ts +3 -0
  221. package/dist/types/outOfTheBox/ItemSection/index.d.ts +3 -0
  222. package/dist/types/outOfTheBox/ItemSeparator/index.d.ts +3 -0
  223. package/dist/types/outOfTheBox/ItemSkeleton/index.d.ts +8 -0
  224. package/dist/types/outOfTheBox/ItemSubmenu/index.d.ts +3 -0
  225. package/dist/types/outOfTheBox/ItemTextLabel/index.d.ts +3 -0
  226. package/dist/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +3 -0
  227. package/dist/types/outOfTheBox/ItemWithDate/index.d.ts +3 -0
  228. package/dist/types/outOfTheBox/index.d.ts +14 -0
  229. package/dist/types/outOfTheBox/styled.d.ts +24 -0
  230. package/dist/types/parts/LeftNavContent/index.d.ts +3 -0
  231. package/dist/types/parts/LeftNavContent/styled.d.ts +23 -0
  232. package/dist/types/parts/LeftNavFooterItem/index.d.ts +9 -0
  233. package/dist/types/parts/LeftNavFooterItem/styled.d.ts +14 -0
  234. package/dist/types/parts/LeftNavLoading/index.d.ts +4 -0
  235. package/dist/types/parts/OutOfTheBoxMapItem.d.ts +3 -0
  236. package/dist/types/react-desc-prop-types.d.ts +101 -0
  237. package/dist/types/tests/LeftNavigation.collapsed.test.d.ts +1 -0
  238. package/dist/types/tests/LeftNavigation.expanded.test.d.ts +1 -0
  239. package/dist/types/tests/LeftNavigation.opened.test.d.ts +1 -0
  240. package/dist/types/tests/a11y/axe-collapsed.test.d.ts +1 -0
  241. package/dist/types/tests/a11y/axe-expanded.test.d.ts +1 -0
  242. package/dist/types/tests/a11y/axe-opened.test.d.ts +1 -0
  243. package/dist/types/tests/events/LeftNavigation.events.keyboard.test.d.ts +1 -0
  244. package/dist/types/tests/events/LeftNavigation.events.subitems.test.d.ts +1 -0
  245. package/dist/types/tests/events/LeftNavigation.events.test.d.ts +1 -0
  246. package/dist/types/tests/events/LeftNavigation.focus.events.test.d.ts +1 -0
  247. package/dist/types/typescript-testing/typescript-left-navigation-valid.d.ts +1 -0
  248. package/package.json +269 -0
@@ -0,0 +1,85 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var useLeftNavItems_exports = {};
30
+ __export(useLeftNavItems_exports, {
31
+ default: () => useLeftNavItems_default,
32
+ useLeftNavItems: () => useLeftNavItems
33
+ });
34
+ module.exports = __toCommonJS(useLeftNavItems_exports);
35
+ var React = __toESM(require("react"));
36
+ var import_react = require("react");
37
+ var import_exported_related = require("../exported-related/index.js");
38
+ var import_constants = require("../exported-related/constants.js");
39
+ const notFocuseableItems = [import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SECTION];
40
+ const walkItems = (items, openedDrilldowns, callback) => {
41
+ items.forEach((item) => {
42
+ if (typeof item.type === "string" && item.dsId) {
43
+ if (notFocuseableItems.includes(item.type))
44
+ return;
45
+ callback(item.dsId);
46
+ if (item.type === import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))
47
+ walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);
48
+ if (item.type === import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)
49
+ walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);
50
+ } else if (item.dsId) {
51
+ if (!item.itemOpts?.focuseable)
52
+ return;
53
+ callback(item.dsId);
54
+ }
55
+ });
56
+ };
57
+ const useLeftNavItems = (props) => {
58
+ const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;
59
+ const items = (0, import_react.useMemo)(() => {
60
+ if (!bodyItems)
61
+ return [];
62
+ const itemsArray = [...bodyItems];
63
+ if (bodyHeaderItem)
64
+ itemsArray.unshift(bodyHeaderItem);
65
+ if (headerItem)
66
+ itemsArray.unshift(headerItem);
67
+ return itemsArray;
68
+ }, [headerItem, bodyHeaderItem, bodyItems]);
69
+ const visibleItemsRefs = (0, import_react.useRef)({});
70
+ const visibleItems = (0, import_react.useMemo)(() => {
71
+ const visibleItemsArray = [];
72
+ walkItems(items, openedDrilldowns, (dsId) => {
73
+ visibleItemsArray.push(dsId);
74
+ });
75
+ visibleItemsArray.push(import_constants.FOOTER_DS_ID);
76
+ return visibleItemsArray;
77
+ }, [items, openedDrilldowns]);
78
+ visibleItems.forEach((dsId) => {
79
+ if (!(dsId in visibleItemsRefs.current))
80
+ visibleItemsRefs.current[dsId] = (0, import_react.createRef)();
81
+ });
82
+ return { visibleItems, visibleItemsRefs };
83
+ };
84
+ var useLeftNavItems_default = useLeftNavItems;
85
+ //# sourceMappingURL=useLeftNavItems.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/configs/useLeftNavItems.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable complexity */\nimport type { MutableRefObject, RefObject } from 'react';\nimport { createRef, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { FOOTER_DS_ID } from '../exported-related/constants.js';\n\nconst notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n items: DSLeftNavigationT.GenericItemItemProps[],\n openedDrilldowns: string[],\n callback: (dsId: string) => void,\n) => {\n items.forEach((item) => {\n if (typeof item.type === 'string' && item.dsId) {\n // Out of the box item\n if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n callback(item.dsId);\n\n // If it's an opened uncontrolled drilldown\n if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n // If it's an opened controlled drilldown\n if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n } else if (item.dsId) {\n // Custom item\n if (!item.itemOpts?.focuseable) return; // not focuseable specified\n callback(item.dsId);\n }\n });\n};\n\nexport const useLeftNavItems = (props: {\n headerItem?: DSLeftNavigationT.GenericItemItemProps;\n bodyHeaderItem?: DSLeftNavigationT.GenericItemItemProps;\n items?: DSLeftNavigationT.GenericItemItemProps[];\n openedDrilldowns: string[];\n}): {\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>;\n} => {\n const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;\n\n // Place the header and body header items into the array of items\n const items = useMemo(() => {\n if (!bodyItems) return [];\n const itemsArray: DSLeftNavigationT.GenericItemItemProps[] = [...bodyItems];\n if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n if (headerItem) itemsArray.unshift(headerItem);\n return itemsArray;\n }, [headerItem, bodyHeaderItem, bodyItems]);\n\n const visibleItemsRefs = useRef<Record<string, RefObject<HTMLDivElement>>>({});\n\n const visibleItems: string[] = useMemo(() => {\n const visibleItemsArray: string[] = [];\n walkItems(items, openedDrilldowns, (dsId: string) => {\n visibleItemsArray.push(dsId);\n });\n visibleItemsArray.push(FOOTER_DS_ID);\n return visibleItemsArray;\n }, [items, openedDrilldowns]);\n\n visibleItems.forEach((dsId) => {\n if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = createRef();\n });\n\n return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2C;AAC3C,8BAA2B;AAE3B,uBAA6B;AAE7B,MAAM,qBAAqB,CAAC,mCAAW,yBAAyB,mCAAW,qBAAqB;AAIhG,MAAM,YAAY,CAChB,OACA,kBACA,aACG;AACH,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,OAAO,KAAK,SAAS,YAAY,KAAK,MAAM;AAE9C,UAAI,mBAAmB,SAAS,KAAK,IAAI;AAAG;AAE5C,eAAS,KAAK,IAAI;AAGlB,UAAI,KAAK,SAAS,mCAAW,wCAAwC,iBAAiB,SAAS,KAAK,IAAI;AACtG,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAGlE,UAAI,KAAK,SAAS,mCAAW,sCAAsC,KAAK,UAAU;AAChF,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAAA,IACpE,WAAW,KAAK,MAAM;AAEpB,UAAI,CAAC,KAAK,UAAU;AAAY;AAChC,eAAS,KAAK,IAAI;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEO,MAAM,kBAAkB,CAAC,UAQ3B;AACH,QAAM,EAAE,YAAY,gBAAgB,OAAO,WAAW,iBAAiB,IAAI;AAG3E,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,QAAI,CAAC;AAAW,aAAO,CAAC;AACxB,UAAM,aAAuD,CAAC,GAAG,SAAS;AAC1E,QAAI;AAAgB,iBAAW,QAAQ,cAAc;AACrD,QAAI;AAAY,iBAAW,QAAQ,UAAU;AAC7C,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,gBAAgB,SAAS,CAAC;AAE1C,QAAM,uBAAmB,qBAAkD,CAAC,CAAC;AAE7E,QAAM,mBAAyB,sBAAQ,MAAM;AAC3C,UAAM,oBAA8B,CAAC;AACrC,cAAU,OAAO,kBAAkB,CAAC,SAAiB;AACnD,wBAAkB,KAAK,IAAI;AAAA,IAC7B,CAAC;AACD,sBAAkB,KAAK,6BAAY;AACnC,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,gBAAgB,CAAC;AAE5B,eAAa,QAAQ,CAAC,SAAS;AAC7B,QAAI,EAAE,QAAQ,iBAAiB;AAAU,uBAAiB,QAAQ,IAAI,QAAI,wBAAU;AAAA,EACtF,CAAC;AAED,SAAO,EAAE,cAAc,iBAAiB;AAC1C;AAEA,IAAO,0BAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var useLeftNavSmoothExpand_exports = {};
30
+ __export(useLeftNavSmoothExpand_exports, {
31
+ default: () => useLeftNavSmoothExpand_default,
32
+ useLeftNavSmoothExpand: () => useLeftNavSmoothExpand
33
+ });
34
+ module.exports = __toCommonJS(useLeftNavSmoothExpand_exports);
35
+ var React = __toESM(require("react"));
36
+ var import_react = __toESM(require("react"));
37
+ const useLeftNavSmoothExpand = (props, smoothExpandOpts) => {
38
+ const { expanded } = props;
39
+ const { expandedForAnimation, timeoutRef, setExpandedForAnimation } = smoothExpandOpts;
40
+ import_react.default.useEffect(() => {
41
+ if (!expanded && expandedForAnimation) {
42
+ if (timeoutRef.current)
43
+ clearTimeout(timeoutRef.current);
44
+ timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);
45
+ } else if (expanded)
46
+ setExpandedForAnimation(true);
47
+ }, [expanded]);
48
+ import_react.default.useEffect(
49
+ () => () => {
50
+ if (timeoutRef.current)
51
+ clearTimeout(timeoutRef.current);
52
+ },
53
+ [timeoutRef]
54
+ );
55
+ };
56
+ var useLeftNavSmoothExpand_default = useLeftNavSmoothExpand;
57
+ //# sourceMappingURL=useLeftNavSmoothExpand.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/configs/useLeftNavSmoothExpand.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import React from 'react';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\n\ninterface SmoothExpandOptsT {\n expandedForAnimation: boolean;\n timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;\n setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport const useLeftNavSmoothExpand = (props: DSLeftNavigationT.Props, smoothExpandOpts: SmoothExpandOptsT): void => {\n const { expanded } = props;\n const { expandedForAnimation, timeoutRef, setExpandedForAnimation } = smoothExpandOpts;\n\n React.useEffect(() => {\n // If expanded changes, we need to smoothly transition to the non-expanded state\n // so we need to wait for 350ms\n if (!expanded && expandedForAnimation) {\n if (timeoutRef.current) clearTimeout(timeoutRef.current);\n timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);\n } else if (expanded) setExpandedForAnimation(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [expanded]);\n\n React.useEffect(\n () => () => {\n if (timeoutRef.current) clearTimeout(timeoutRef.current);\n },\n [timeoutRef],\n );\n};\n\nexport default useLeftNavSmoothExpand;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAQX,MAAM,yBAAyB,CAAC,OAAgC,qBAA8C;AACnH,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,sBAAsB,YAAY,wBAAwB,IAAI;AAEtE,eAAAA,QAAM,UAAU,MAAM;AAGpB,QAAI,CAAC,YAAY,sBAAsB;AACrC,UAAI,WAAW;AAAS,qBAAa,WAAW,OAAO;AACvD,iBAAW,UAAU,WAAW,MAAM,wBAAwB,KAAK,GAAG,GAAG;AAAA,IAC3E,WAAW;AAAU,8BAAwB,IAAI;AAAA,EAEnD,GAAG,CAAC,QAAQ,CAAC;AAEb,eAAAA,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,WAAW;AAAS,qBAAa,WAAW,OAAO;AAAA,IACzD;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACF;AAEA,IAAO,iCAAQ;",
6
+ "names": ["React"]
7
+ }
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var constants_exports = {};
30
+ __export(constants_exports, {
31
+ DSLeftNavigationName: () => DSLeftNavigationName,
32
+ DSLeftNavigationSlots: () => DSLeftNavigationSlots
33
+ });
34
+ module.exports = __toCommonJS(constants_exports);
35
+ var React = __toESM(require("react"));
36
+ const DSLeftNavigationName = "DSLeftNavigation";
37
+ const DSLeftNavigationSlots = {
38
+ ROOT: "root",
39
+ AREAS_CONTAINER: "areas-container",
40
+ BODY_AREAS_CONTAINER: "body-areas-container",
41
+ FOOTER_AREA: "footer-area",
42
+ LOADER_WRAPPER: "loader-wrapper",
43
+ HEADER_AREA: "header-area",
44
+ BODY_HEADER_AREA: "body-header-area",
45
+ BODY_ITEMS_AREA: "body-items-area",
46
+ FOOTER_MENU: "footer-menu",
47
+ FOOTER_ITEM: "footer-item",
48
+ FOOTER_LABEL: "footer-label",
49
+ FOOTER_SEPARATOR: "footer-separator",
50
+ FOOTER_MENU_COLLAPSE: "footer-menu-collapse",
51
+ NOTIFICATIONS_CONTAINER: "notifications-container",
52
+ ITEM_SEPARATOR: "item-separator",
53
+ SECTION_LABEL: "section-label",
54
+ SECTION_RIGHT_LABEL: "section-right-label",
55
+ VERTICAL_SEPARATOR: "vertical-separator",
56
+ SECTION_CONTAINER: "section-container",
57
+ ITEM_LABEL: "item-label",
58
+ LEFT_CONTAINER: "left-container",
59
+ BOTTOM_CONTAINER: "bottom-container",
60
+ RIGHT_CONTAINER: "right-container",
61
+ ITEM_DATE: "item-date",
62
+ ITEM_CHEVRON_BACK: "item-chevron-back",
63
+ ITEM: "item",
64
+ COLLAPSED_CONTAINER: "collapsed-container",
65
+ ARROW_CONTAINER: "arrow-container",
66
+ ITEM_BORDER_BOTTOM: "item-border-bottom"
67
+ };
68
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/constants/constants.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export const DSLeftNavigationName = 'DSLeftNavigation';\n\nexport const DSLeftNavigationSlots = {\n ROOT: 'root',\n\n AREAS_CONTAINER: 'areas-container',\n BODY_AREAS_CONTAINER: 'body-areas-container',\n FOOTER_AREA: 'footer-area',\n LOADER_WRAPPER: 'loader-wrapper',\n HEADER_AREA: 'header-area',\n BODY_HEADER_AREA: 'body-header-area',\n BODY_ITEMS_AREA: 'body-items-area',\n\n FOOTER_MENU: 'footer-menu',\n FOOTER_ITEM: 'footer-item',\n FOOTER_LABEL: 'footer-label',\n FOOTER_SEPARATOR: 'footer-separator',\n FOOTER_MENU_COLLAPSE: 'footer-menu-collapse',\n\n NOTIFICATIONS_CONTAINER: 'notifications-container',\n\n ITEM_SEPARATOR: 'item-separator',\n\n SECTION_LABEL: 'section-label',\n SECTION_RIGHT_LABEL: 'section-right-label',\n VERTICAL_SEPARATOR: 'vertical-separator',\n SECTION_CONTAINER: 'section-container',\n\n ITEM_LABEL: 'item-label',\n LEFT_CONTAINER: 'left-container',\n BOTTOM_CONTAINER: 'bottom-container',\n RIGHT_CONTAINER: 'right-container',\n ITEM_DATE: 'item-date',\n ITEM_CHEVRON_BACK: 'item-chevron-back',\n\n ITEM: 'item',\n COLLAPSED_CONTAINER: 'collapsed-container',\n ARROW_CONTAINER: 'arrow-container',\n ITEM_BORDER_BOTTOM: 'item-border-bottom',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB;AAE7B,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EAEN,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EAEtB,yBAAyB;AAAA,EAEzB,gBAAgB;AAAA,EAEhB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EAEnB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,mBAAmB;AAAA,EAEnB,MAAM;AAAA,EACN,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,oBAAoB;AACtB;",
6
+ "names": []
7
+ }
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from === "object" || typeof from === "function") {
10
+ for (let key of __getOwnPropNames(from))
11
+ if (!__hasOwnProp.call(to, key) && key !== except)
12
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ }
14
+ return to;
15
+ };
16
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
18
+ // If the importer is in node compatibility mode or this is not an ESM
19
+ // file that has been converted to a CommonJS file using a Babel-
20
+ // compatible transform (i.e. "__esModule" has not been set), then set
21
+ // "default" to the CommonJS "module.exports" for node compatibility.
22
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
23
+ mod
24
+ ));
25
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
26
+ var constants_exports = {};
27
+ module.exports = __toCommonJS(constants_exports);
28
+ var React = __toESM(require("react"));
29
+ __reExport(constants_exports, require("./constants.js"), module.exports);
30
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export * from './constants.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,2BAAd;",
6
+ "names": []
7
+ }
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var ChevronItem_exports = {};
30
+ __export(ChevronItem_exports, {
31
+ ChevronItem: () => ChevronItem,
32
+ default: () => ChevronItem_default
33
+ });
34
+ module.exports = __toCommonJS(ChevronItem_exports);
35
+ var React = __toESM(require("react"));
36
+ var import_jsx_runtime = require("react/jsx-runtime");
37
+ var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
38
+ const ChevronItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.ChevronSmallRight, { size: "m", color: ["brand-primary", "800"], ...props });
39
+ var ChevronItem_default = ChevronItem;
40
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/exported-related/ChevronItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import React from 'react';\nimport { ChevronSmallRight, type SvgIconT } from '@elliemae/ds-legacy-icons';\n\nexport const ChevronItem = (props?: SvgIconT.Props): JSX.Element => (\n <ChevronSmallRight size=\"m\" color={['brand-primary', '800']} {...props} />\n);\n\nexport default ChevronItem;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIrB;AAHF,6BAAiD;AAE1C,MAAM,cAAc,CAAC,UAC1B,4CAAC,4CAAkB,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAI,GAAG,OAAO;AAG1E,IAAO,sBAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var Icon_exports = {};
30
+ __export(Icon_exports, {
31
+ Icon: () => Icon
32
+ });
33
+ module.exports = __toCommonJS(Icon_exports);
34
+ var React = __toESM(require("react"));
35
+ var import_jsx_runtime = require("react/jsx-runtime");
36
+ var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
37
+ const AugmentedIcon = (Icon2) => (0, import_ds_legacy_system.styled)(Icon2)`
38
+ cursor: pointer;
39
+
40
+ outline: 0;
41
+ :focus,
42
+ :active {
43
+ outline: 1px solid #1e79c2;
44
+ }
45
+ `;
46
+ const Icon = (IconComponent) => function(props) {
47
+ const StyledComponent = AugmentedIcon(IconComponent);
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledComponent, { color: ["brand-primary", "800"], tabIndex: 0, ...props });
49
+ };
50
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/exported-related/Icon/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-legacy-system';\nimport { type SvgIconT } from '@elliemae/ds-legacy-icons';\n\nconst AugmentedIcon = (Icon: React.ComponentType<{ color: unknown; tabIndex: number }>) => styled(Icon)`\n cursor: pointer;\n\n outline: 0;\n :focus,\n :active {\n outline: 1px solid #1e79c2;\n }\n`;\n\nexport const Icon = (IconComponent: React.ComponentType<{ color: unknown; tabIndex: number }>) =>\n function (props?: SvgIconT.Props): JSX.Element {\n const StyledComponent = AugmentedIcon(IconComponent);\n return <StyledComponent color={['brand-primary', '800']} tabIndex={0} {...props} />;\n };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBZ;AAhBX,8BAAuB;AAGvB,MAAM,gBAAgB,CAACA,cAAoE,gCAAOA,KAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU/F,MAAM,OAAO,CAAC,kBACnB,SAAU,OAAqC;AAC7C,QAAM,kBAAkB,cAAc,aAAa;AACnD,SAAO,4CAAC,mBAAgB,OAAO,CAAC,iBAAiB,KAAK,GAAG,UAAU,GAAI,GAAG,OAAO;AACnF;",
6
+ "names": ["Icon"]
7
+ }
@@ -0,0 +1,133 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var ItemRenderer_exports = {};
30
+ __export(ItemRenderer_exports, {
31
+ ItemRenderer: () => ItemRenderer
32
+ });
33
+ module.exports = __toCommonJS(ItemRenderer_exports);
34
+ var React = __toESM(require("react"));
35
+ var import_jsx_runtime = require("react/jsx-runtime");
36
+ var import_react = require("react");
37
+ var import_styled = require("./styled.js");
38
+ var import_LeftNavigationContext = require("../../LeftNavigationContext.js");
39
+ var import_usePropsWithDefaults = require("./usePropsWithDefaults.js");
40
+ var import_hooks = require("../../hooks/index.js");
41
+ const ItemRenderer = (props) => {
42
+ const propsWithDefault = (0, import_usePropsWithDefaults.usePropsWithDefaults)(props);
43
+ const {
44
+ item,
45
+ item: {
46
+ dsId,
47
+ itemOpts: { selectable = false, focuseable, indent, ariaLabel, ariaRole, ariaExpanded, ariaDescribedBy },
48
+ CollapsedComponent
49
+ },
50
+ subitems,
51
+ minHeight,
52
+ paddingTop,
53
+ onClick,
54
+ shadowStyle,
55
+ hasBorderBottom,
56
+ borderBottomMr,
57
+ children
58
+ } = propsWithDefault;
59
+ const ctx = (0, import_react.useContext)(import_LeftNavigationContext.LeftNavContext);
60
+ const {
61
+ leftNavProps: { onItemClick, openedItem },
62
+ expandedForAnimation,
63
+ selectedParent,
64
+ selectedItem,
65
+ setSelectedItem,
66
+ setFocusedItem,
67
+ visibleItemsRefs
68
+ } = ctx;
69
+ const opened = dsId === openedItem;
70
+ const handleOnClick = (0, import_react.useCallback)(
71
+ (e) => {
72
+ if (onClick)
73
+ onClick();
74
+ if (onItemClick)
75
+ onItemClick(item, e);
76
+ if (selectable)
77
+ setSelectedItem(item.dsId);
78
+ },
79
+ [onItemClick, item, setSelectedItem, selectable, onClick]
80
+ );
81
+ const handleFocus = (0, import_react.useCallback)(() => {
82
+ if (focuseable)
83
+ setFocusedItem(dsId);
84
+ }, [dsId, setFocusedItem, focuseable]);
85
+ const onKeyDown = (0, import_hooks.useKeyboardNavigation)({
86
+ item,
87
+ onClick: handleOnClick
88
+ });
89
+ const cols = (0, import_react.useMemo)(() => expandedForAnimation ? ["auto", "1fr", "auto"] : ["38px"], [expandedForAnimation]);
90
+ const isSelected = (0, import_react.useMemo)(() => selectedItem === dsId, [selectedItem, dsId]);
91
+ if (!expandedForAnimation && !CollapsedComponent) {
92
+ return null;
93
+ }
94
+ const isSelectedParent = selectedParent === dsId;
95
+ const visibleItemRef = dsId ? visibleItemsRefs.current[dsId] : void 0;
96
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
97
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
98
+ import_styled.StyledItem,
99
+ {
100
+ ref: visibleItemRef,
101
+ pt: paddingTop,
102
+ pl: indent === void 0 ? "xxxs" : `${indent}px`,
103
+ minHeight,
104
+ shadowStyle: shadowStyle(opened, item.type),
105
+ alignItems: "flex-start",
106
+ cols,
107
+ onClick: !opened ? handleOnClick : () => null,
108
+ onKeyDown,
109
+ selectable,
110
+ selected: isSelected,
111
+ selectedParent: isSelectedParent,
112
+ opened,
113
+ onFocus: handleFocus,
114
+ "data-testid": "leftnav-item-container",
115
+ tabIndex: focuseable ? 0 : void 0,
116
+ "aria-describedby": ariaDescribedBy,
117
+ "aria-expanded": ariaExpanded,
118
+ role: ariaRole,
119
+ "data-selected": isSelected,
120
+ "data-selectedparent": isSelectedParent,
121
+ "data-opened": opened,
122
+ "data-type": item.type,
123
+ "aria-label": ariaLabel,
124
+ children: [
125
+ !expandedForAnimation ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCollapsedContainer, { "data-testid": "leftnav-leftcomponent", justifyContent: "center", children: CollapsedComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, { item, ctx }) }) : children,
126
+ hasBorderBottom && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBorderBottom, { opened, borderBottomMr })
127
+ ]
128
+ }
129
+ ),
130
+ subitems
131
+ ] });
132
+ };
133
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/exported-related/ItemRenderer/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { StyledItem, StyledCollapsedContainer, StyledBorderBottom } from './styled.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport { LeftNavContext } from '../../LeftNavigationContext.js';\nimport { usePropsWithDefaults } from './usePropsWithDefaults.js';\nimport { useKeyboardNavigation } from '../../hooks/index.js';\n\nexport const ItemRenderer: React.ComponentType<DSLeftNavigationT.ItemRendererT> = (props) => {\n const propsWithDefault = usePropsWithDefaults(props);\n const {\n item,\n item: {\n dsId,\n itemOpts: { selectable = false, focuseable, indent, ariaLabel, ariaRole, ariaExpanded, ariaDescribedBy },\n CollapsedComponent,\n },\n subitems,\n minHeight,\n paddingTop,\n onClick,\n shadowStyle,\n hasBorderBottom,\n borderBottomMr,\n children,\n } = propsWithDefault;\n\n const ctx = useContext(LeftNavContext);\n const {\n leftNavProps: { onItemClick, openedItem },\n expandedForAnimation,\n selectedParent,\n selectedItem,\n setSelectedItem,\n setFocusedItem,\n visibleItemsRefs,\n } = ctx;\n\n const opened = dsId === openedItem;\n\n const handleOnClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (onClick) onClick(); // used by uncontrolled drilldowns\n if (onItemClick) onItemClick(item, e);\n if (selectable) setSelectedItem(item.dsId as string);\n },\n [onItemClick, item, setSelectedItem, selectable, onClick],\n );\n\n const handleFocus = useCallback(() => {\n if (focuseable) setFocusedItem(dsId as string);\n }, [dsId, setFocusedItem, focuseable]);\n\n const onKeyDown = useKeyboardNavigation({\n item,\n onClick: handleOnClick,\n });\n\n const cols = useMemo(() => (expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']), [expandedForAnimation]);\n const isSelected = useMemo(() => selectedItem === dsId, [selectedItem, dsId]);\n\n if (!expandedForAnimation && !CollapsedComponent) {\n return null;\n }\n\n const isSelectedParent = selectedParent === dsId;\n const visibleItemRef = dsId ? visibleItemsRefs.current[dsId] : undefined;\n return (\n <>\n <StyledItem\n ref={visibleItemRef}\n pt={paddingTop}\n pl={indent === undefined ? 'xxxs' : `${indent}px`}\n minHeight={minHeight}\n shadowStyle={shadowStyle(opened, item.type)}\n alignItems=\"flex-start\"\n cols={cols}\n onClick={!opened ? handleOnClick : () => null}\n onKeyDown={onKeyDown}\n selectable={selectable}\n selected={isSelected}\n selectedParent={isSelectedParent}\n opened={opened}\n onFocus={handleFocus}\n data-testid=\"leftnav-item-container\"\n tabIndex={focuseable ? 0 : undefined}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n role={ariaRole}\n data-selected={isSelected}\n data-selectedparent={isSelectedParent}\n data-opened={opened}\n data-type={item.type}\n aria-label={ariaLabel}\n >\n {!expandedForAnimation ? (\n <StyledCollapsedContainer data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n {CollapsedComponent && <CollapsedComponent item={item} ctx={ctx} />}\n </StyledCollapsedContainer>\n ) : (\n children\n )}\n {hasBorderBottom && <StyledBorderBottom opened={opened} borderBottomMr={borderBottomMr} />}\n </StyledItem>\n {subitems}\n </>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqEnB;AAnEJ,mBAAwD;AACxD,oBAAyE;AAEzE,mCAA+B;AAC/B,kCAAqC;AACrC,mBAAsC;AAE/B,MAAM,eAAqE,CAAC,UAAU;AAC3F,QAAM,uBAAmB,kDAAqB,KAAK;AACnD,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,aAAa,OAAO,YAAY,QAAQ,WAAW,UAAU,cAAc,gBAAgB;AAAA,MACvG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,UAAM,yBAAW,2CAAc;AACrC,QAAM;AAAA,IACJ,cAAc,EAAE,aAAa,WAAW;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,SAAS,SAAS;AAExB,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAqC;AACpC,UAAI;AAAS,gBAAQ;AACrB,UAAI;AAAa,oBAAY,MAAM,CAAC;AACpC,UAAI;AAAY,wBAAgB,KAAK,IAAc;AAAA,IACrD;AAAA,IACA,CAAC,aAAa,MAAM,iBAAiB,YAAY,OAAO;AAAA,EAC1D;AAEA,QAAM,kBAAc,0BAAY,MAAM;AACpC,QAAI;AAAY,qBAAe,IAAc;AAAA,EAC/C,GAAG,CAAC,MAAM,gBAAgB,UAAU,CAAC;AAErC,QAAM,gBAAY,oCAAsB;AAAA,IACtC;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,WAAO,sBAAQ,MAAO,uBAAuB,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC,MAAM,GAAI,CAAC,oBAAoB,CAAC;AAC9G,QAAM,iBAAa,sBAAQ,MAAM,iBAAiB,MAAM,CAAC,cAAc,IAAI,CAAC;AAE5E,MAAI,CAAC,wBAAwB,CAAC,oBAAoB;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB,mBAAmB;AAC5C,QAAM,iBAAiB,OAAO,iBAAiB,QAAQ,IAAI,IAAI;AAC/D,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI,WAAW,SAAY,SAAS,GAAG;AAAA,QACvC;AAAA,QACA,aAAa,YAAY,QAAQ,KAAK,IAAI;AAAA,QAC1C,YAAW;AAAA,QACX;AAAA,QACA,SAAS,CAAC,SAAS,gBAAgB,MAAM;AAAA,QACzC;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB;AAAA,QACA,SAAS;AAAA,QACT,eAAY;AAAA,QACZ,UAAU,aAAa,IAAI;AAAA,QAC3B,oBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,uBAAqB;AAAA,QACrB,eAAa;AAAA,QACb,aAAW,KAAK;AAAA,QAChB,cAAY;AAAA,QAEX;AAAA,WAAC,uBACA,4CAAC,0CAAyB,eAAY,yBAAwB,gBAAe,UAC1E,gCAAsB,4CAAC,sBAAmB,MAAY,KAAU,GACnE,IAEA;AAAA,UAED,mBAAmB,4CAAC,oCAAmB,QAAgB,gBAAgC;AAAA;AAAA;AAAA,IAC1F;AAAA,IACC;AAAA,KACH;AAEJ;",
6
+ "names": []
7
+ }