@elliemae/ds-left-navigation 2.2.0-alpha.3 → 3.0.0-next.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 (213) hide show
  1. package/cjs/LeftNavigation.js +27 -49
  2. package/cjs/LeftNavigationContext.js +18 -44
  3. package/cjs/common/getItemBackgroundStyle.js +8 -47
  4. package/cjs/common/getLeftBorderStyle.js +8 -50
  5. package/cjs/common/getScrollbarStyle.js +4 -55
  6. package/cjs/common/index.js +13 -30
  7. package/cjs/configs/index.js +10 -38
  8. package/cjs/configs/useLeftNavConfig.js +76 -76
  9. package/cjs/configs/useLeftNavItems.js +64 -66
  10. package/cjs/configs/useLeftNavSmoothExpand.js +25 -43
  11. package/cjs/exported-related/ChevronItem/index.js +27 -42
  12. package/cjs/exported-related/Icon/index.js +34 -51
  13. package/cjs/exported-related/ItemRenderer/index.js +94 -99
  14. package/cjs/exported-related/ItemRenderer/styled.js +51 -83
  15. package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +45 -57
  16. package/cjs/exported-related/Notifications/index.js +61 -81
  17. package/cjs/exported-related/OpenWindowItem/index.js +32 -49
  18. package/cjs/exported-related/constants.js +25 -53
  19. package/cjs/exported-related/index.js +23 -33
  20. package/cjs/hooks/index.js +13 -30
  21. package/cjs/hooks/useExpandableOnClickHandler.js +26 -55
  22. package/cjs/hooks/useKeyboardNavigation.js +54 -62
  23. package/cjs/hooks/useOpenableOnClickHandler.js +26 -55
  24. package/cjs/hooks/useSelectFirstBodyItem.js +34 -47
  25. package/cjs/index.d.js +2 -27
  26. package/cjs/index.js +30 -41
  27. package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +103 -97
  28. package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +27 -49
  29. package/cjs/outOfTheBox/ItemHeader/index.js +93 -95
  30. package/cjs/outOfTheBox/ItemHeader/styled.js +22 -49
  31. package/cjs/outOfTheBox/ItemLink/index.js +67 -75
  32. package/cjs/outOfTheBox/ItemLink/styled.js +17 -41
  33. package/cjs/outOfTheBox/ItemSection/index.js +63 -59
  34. package/cjs/outOfTheBox/ItemSection/styled.js +23 -53
  35. package/cjs/outOfTheBox/ItemSeparator/index.js +45 -56
  36. package/cjs/outOfTheBox/ItemSubmenu/index.js +92 -95
  37. package/cjs/outOfTheBox/ItemSubmenu/styled.js +22 -49
  38. package/cjs/outOfTheBox/ItemTextLabel/index.js +52 -51
  39. package/cjs/outOfTheBox/ItemTextLabel/styled.js +23 -43
  40. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +113 -107
  41. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +27 -49
  42. package/cjs/outOfTheBox/ItemWithDate/index.js +54 -59
  43. package/cjs/outOfTheBox/ItemWithDate/styled.js +27 -49
  44. package/cjs/outOfTheBox/index.js +50 -65
  45. package/cjs/parts/LeftNavContent/index.js +71 -75
  46. package/cjs/parts/LeftNavContent/styled.js +50 -110
  47. package/cjs/parts/LeftNavContentWithScrollbar/index.js +79 -89
  48. package/cjs/parts/LeftNavFooterItem/index.js +80 -97
  49. package/cjs/parts/LeftNavFooterItem/styled.js +34 -89
  50. package/cjs/parts/LeftNavLoading/index.js +33 -51
  51. package/cjs/parts/OutOfTheBoxMapItem.js +46 -49
  52. package/cjs/prop-types.js +39 -58
  53. package/esm/LeftNavigation.js +15 -17
  54. package/esm/LeftNavigationContext.js +11 -15
  55. package/esm/common/getItemBackgroundStyle.js +6 -20
  56. package/esm/common/getLeftBorderStyle.js +6 -23
  57. package/esm/common/getScrollbarStyle.js +2 -28
  58. package/esm/common/index.js +3 -5
  59. package/esm/configs/index.js +2 -9
  60. package/esm/configs/useLeftNavConfig.js +67 -47
  61. package/esm/configs/useLeftNavItems.js +55 -33
  62. package/esm/configs/useLeftNavSmoothExpand.js +16 -14
  63. package/esm/exported-related/ChevronItem/index.js +18 -13
  64. package/esm/exported-related/Icon/index.js +24 -21
  65. package/esm/exported-related/ItemRenderer/index.js +80 -65
  66. package/esm/exported-related/ItemRenderer/styled.js +42 -56
  67. package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +36 -27
  68. package/esm/exported-related/Notifications/index.js +50 -57
  69. package/esm/exported-related/OpenWindowItem/index.js +22 -20
  70. package/esm/exported-related/constants.js +17 -24
  71. package/esm/exported-related/index.js +6 -8
  72. package/esm/hooks/index.js +3 -5
  73. package/esm/hooks/useExpandableOnClickHandler.js +22 -26
  74. package/esm/hooks/useKeyboardNavigation.js +47 -30
  75. package/esm/hooks/useOpenableOnClickHandler.js +22 -26
  76. package/esm/hooks/useSelectFirstBodyItem.js +30 -18
  77. package/esm/index.d.js +1 -2
  78. package/esm/index.js +8 -12
  79. package/esm/outOfTheBox/ItemControlledDrilldown/index.js +87 -62
  80. package/esm/outOfTheBox/ItemControlledDrilldown/styled.js +17 -20
  81. package/esm/outOfTheBox/ItemHeader/index.js +82 -65
  82. package/esm/outOfTheBox/ItemHeader/styled.js +12 -20
  83. package/esm/outOfTheBox/ItemLink/index.js +57 -46
  84. package/esm/outOfTheBox/ItemLink/styled.js +8 -12
  85. package/esm/outOfTheBox/ItemSection/index.js +53 -30
  86. package/esm/outOfTheBox/ItemSection/styled.js +13 -24
  87. package/esm/outOfTheBox/ItemSeparator/index.js +35 -27
  88. package/esm/outOfTheBox/ItemSubmenu/index.js +81 -65
  89. package/esm/outOfTheBox/ItemSubmenu/styled.js +12 -20
  90. package/esm/outOfTheBox/ItemTextLabel/index.js +43 -22
  91. package/esm/outOfTheBox/ItemTextLabel/styled.js +14 -14
  92. package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +95 -70
  93. package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +17 -20
  94. package/esm/outOfTheBox/ItemWithDate/index.js +44 -30
  95. package/esm/outOfTheBox/ItemWithDate/styled.js +17 -20
  96. package/esm/outOfTheBox/index.js +34 -25
  97. package/esm/parts/LeftNavContent/index.js +64 -54
  98. package/esm/parts/LeftNavContent/styled.js +36 -81
  99. package/esm/parts/LeftNavContentWithScrollbar/index.js +64 -56
  100. package/esm/parts/LeftNavFooterItem/index.js +68 -73
  101. package/esm/parts/LeftNavFooterItem/styled.js +24 -63
  102. package/esm/parts/LeftNavLoading/index.js +22 -22
  103. package/esm/parts/OutOfTheBoxMapItem.js +35 -19
  104. package/esm/prop-types.js +29 -26
  105. package/package.json +6 -6
  106. package/types/LeftNavigationContext.d.ts +4 -4
  107. package/types/configs/useLeftNavSmoothExpand.d.ts +3 -3
  108. package/types/hooks/useSelectFirstBodyItem.d.ts +1 -1
  109. package/types/index.d.d.ts +5 -2
  110. package/cjs/LeftNavigation.js.map +0 -7
  111. package/cjs/LeftNavigationContext.js.map +0 -7
  112. package/cjs/common/getItemBackgroundStyle.js.map +0 -7
  113. package/cjs/common/getLeftBorderStyle.js.map +0 -7
  114. package/cjs/common/getScrollbarStyle.js.map +0 -7
  115. package/cjs/common/index.js.map +0 -7
  116. package/cjs/configs/index.js.map +0 -7
  117. package/cjs/configs/useLeftNavConfig.js.map +0 -7
  118. package/cjs/configs/useLeftNavItems.js.map +0 -7
  119. package/cjs/configs/useLeftNavSmoothExpand.js.map +0 -7
  120. package/cjs/exported-related/ChevronItem/index.js.map +0 -7
  121. package/cjs/exported-related/Icon/index.js.map +0 -7
  122. package/cjs/exported-related/ItemRenderer/index.js.map +0 -7
  123. package/cjs/exported-related/ItemRenderer/styled.js.map +0 -7
  124. package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -7
  125. package/cjs/exported-related/Notifications/index.js.map +0 -7
  126. package/cjs/exported-related/OpenWindowItem/index.js.map +0 -7
  127. package/cjs/exported-related/constants.js.map +0 -7
  128. package/cjs/exported-related/index.js.map +0 -7
  129. package/cjs/hooks/index.js.map +0 -7
  130. package/cjs/hooks/useExpandableOnClickHandler.js.map +0 -7
  131. package/cjs/hooks/useKeyboardNavigation.js.map +0 -7
  132. package/cjs/hooks/useOpenableOnClickHandler.js.map +0 -7
  133. package/cjs/hooks/useSelectFirstBodyItem.js.map +0 -7
  134. package/cjs/index.d.js.map +0 -7
  135. package/cjs/index.js.map +0 -7
  136. package/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -7
  137. package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -7
  138. package/cjs/outOfTheBox/ItemHeader/index.js.map +0 -7
  139. package/cjs/outOfTheBox/ItemHeader/styled.js.map +0 -7
  140. package/cjs/outOfTheBox/ItemLink/index.js.map +0 -7
  141. package/cjs/outOfTheBox/ItemLink/styled.js.map +0 -7
  142. package/cjs/outOfTheBox/ItemSection/index.js.map +0 -7
  143. package/cjs/outOfTheBox/ItemSection/styled.js.map +0 -7
  144. package/cjs/outOfTheBox/ItemSeparator/index.js.map +0 -7
  145. package/cjs/outOfTheBox/ItemSubmenu/index.js.map +0 -7
  146. package/cjs/outOfTheBox/ItemSubmenu/styled.js.map +0 -7
  147. package/cjs/outOfTheBox/ItemTextLabel/index.js.map +0 -7
  148. package/cjs/outOfTheBox/ItemTextLabel/styled.js.map +0 -7
  149. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -7
  150. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -7
  151. package/cjs/outOfTheBox/ItemWithDate/index.js.map +0 -7
  152. package/cjs/outOfTheBox/ItemWithDate/styled.js.map +0 -7
  153. package/cjs/outOfTheBox/index.js.map +0 -7
  154. package/cjs/parts/LeftNavContent/index.js.map +0 -7
  155. package/cjs/parts/LeftNavContent/styled.js.map +0 -7
  156. package/cjs/parts/LeftNavContentWithScrollbar/index.js.map +0 -7
  157. package/cjs/parts/LeftNavFooterItem/index.js.map +0 -7
  158. package/cjs/parts/LeftNavFooterItem/styled.js.map +0 -7
  159. package/cjs/parts/LeftNavLoading/index.js.map +0 -7
  160. package/cjs/parts/OutOfTheBoxMapItem.js.map +0 -7
  161. package/cjs/prop-types.js.map +0 -7
  162. package/esm/LeftNavigation.js.map +0 -7
  163. package/esm/LeftNavigationContext.js.map +0 -7
  164. package/esm/common/getItemBackgroundStyle.js.map +0 -7
  165. package/esm/common/getLeftBorderStyle.js.map +0 -7
  166. package/esm/common/getScrollbarStyle.js.map +0 -7
  167. package/esm/common/index.js.map +0 -7
  168. package/esm/configs/index.js.map +0 -7
  169. package/esm/configs/useLeftNavConfig.js.map +0 -7
  170. package/esm/configs/useLeftNavItems.js.map +0 -7
  171. package/esm/configs/useLeftNavSmoothExpand.js.map +0 -7
  172. package/esm/exported-related/ChevronItem/index.js.map +0 -7
  173. package/esm/exported-related/Icon/index.js.map +0 -7
  174. package/esm/exported-related/ItemRenderer/index.js.map +0 -7
  175. package/esm/exported-related/ItemRenderer/styled.js.map +0 -7
  176. package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -7
  177. package/esm/exported-related/Notifications/index.js.map +0 -7
  178. package/esm/exported-related/OpenWindowItem/index.js.map +0 -7
  179. package/esm/exported-related/constants.js.map +0 -7
  180. package/esm/exported-related/index.js.map +0 -7
  181. package/esm/hooks/index.js.map +0 -7
  182. package/esm/hooks/useExpandableOnClickHandler.js.map +0 -7
  183. package/esm/hooks/useKeyboardNavigation.js.map +0 -7
  184. package/esm/hooks/useOpenableOnClickHandler.js.map +0 -7
  185. package/esm/hooks/useSelectFirstBodyItem.js.map +0 -7
  186. package/esm/index.d.js.map +0 -7
  187. package/esm/index.js.map +0 -7
  188. package/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -7
  189. package/esm/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -7
  190. package/esm/outOfTheBox/ItemHeader/index.js.map +0 -7
  191. package/esm/outOfTheBox/ItemHeader/styled.js.map +0 -7
  192. package/esm/outOfTheBox/ItemLink/index.js.map +0 -7
  193. package/esm/outOfTheBox/ItemLink/styled.js.map +0 -7
  194. package/esm/outOfTheBox/ItemSection/index.js.map +0 -7
  195. package/esm/outOfTheBox/ItemSection/styled.js.map +0 -7
  196. package/esm/outOfTheBox/ItemSeparator/index.js.map +0 -7
  197. package/esm/outOfTheBox/ItemSubmenu/index.js.map +0 -7
  198. package/esm/outOfTheBox/ItemSubmenu/styled.js.map +0 -7
  199. package/esm/outOfTheBox/ItemTextLabel/index.js.map +0 -7
  200. package/esm/outOfTheBox/ItemTextLabel/styled.js.map +0 -7
  201. package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -7
  202. package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -7
  203. package/esm/outOfTheBox/ItemWithDate/index.js.map +0 -7
  204. package/esm/outOfTheBox/ItemWithDate/styled.js.map +0 -7
  205. package/esm/outOfTheBox/index.js.map +0 -7
  206. package/esm/parts/LeftNavContent/index.js.map +0 -7
  207. package/esm/parts/LeftNavContent/styled.js.map +0 -7
  208. package/esm/parts/LeftNavContentWithScrollbar/index.js.map +0 -7
  209. package/esm/parts/LeftNavFooterItem/index.js.map +0 -7
  210. package/esm/parts/LeftNavFooterItem/styled.js.map +0 -7
  211. package/esm/parts/LeftNavLoading/index.js.map +0 -7
  212. package/esm/parts/OutOfTheBoxMapItem.js.map +0 -7
  213. package/esm/prop-types.js.map +0 -7
@@ -1,30 +1,13 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var hooks_exports = {};
25
- var React = __toESM(require("react"));
26
- __reExport(hooks_exports, __toESM(require("./useOpenableOnClickHandler")));
27
- __reExport(hooks_exports, __toESM(require("./useExpandableOnClickHandler")));
28
- __reExport(hooks_exports, __toESM(require("./useKeyboardNavigation")));
29
- module.exports = __toCommonJS(hooks_exports);
30
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var useOpenableOnClickHandler = require('./useOpenableOnClickHandler.js');
6
+ var useExpandableOnClickHandler = require('./useExpandableOnClickHandler.js');
7
+ var useKeyboardNavigation = require('./useKeyboardNavigation.js');
8
+
9
+
10
+
11
+ exports.useOpenableOnClickHandler = useOpenableOnClickHandler.useOpenableOnClickHandler;
12
+ exports.useExpandableOnClickHandler = useExpandableOnClickHandler.useExpandableOnClickHandler;
13
+ exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;
@@ -1,64 +1,35 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var useExpandableOnClickHandler_exports = {};
29
- __export(useExpandableOnClickHandler_exports, {
30
- useExpandableOnClickHandler: () => useExpandableOnClickHandler
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
35
- const useExpandableOnClickHandler = ({
36
- id,
37
- onExpand,
38
- onOpen,
39
- selectable = true
40
- }) => {
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var LeftNavigationContext = require('../LeftNavigationContext.js');
7
+
8
+ const useExpandableOnClickHandler = _ref => {
9
+ let {
10
+ id,
11
+ onExpand,
12
+ onOpen,
13
+ selectable = true
14
+ } = _ref;
41
15
  const {
42
- leftNavProps: { expanded },
16
+ leftNavProps: {
17
+ expanded
18
+ },
43
19
  setSelectedItem
44
- } = (0, import_react.useContext)(import_LeftNavigationContext.default);
45
- const handleOnExpand = (0, import_react.useCallback)((e) => {
20
+ } = React.useContext(LeftNavigationContext.LeftNavContext);
21
+ const handleOnExpand = React.useCallback(e => {
46
22
  onExpand(e);
47
- if (selectable)
48
- setSelectedItem(id);
23
+ if (selectable) setSelectedItem(id);
49
24
  }, [id, onExpand, setSelectedItem, selectable]);
50
- const handleOnOpen = (0, import_react.useCallback)((e) => {
25
+ const handleOnOpen = React.useCallback(e => {
51
26
  onOpen(e);
52
- if (selectable)
53
- setSelectedItem(id);
27
+ if (selectable) setSelectedItem(id);
54
28
  }, [id, onOpen, setSelectedItem, selectable]);
55
- const handleOnClick = (0, import_react.useCallback)((e) => {
56
- if (!expanded)
57
- handleOnExpand(e);
58
- else
59
- handleOnOpen(e);
29
+ const handleOnClick = React.useCallback(e => {
30
+ if (!expanded) handleOnExpand(e);else handleOnOpen(e);
60
31
  }, [expanded, handleOnExpand, handleOnOpen]);
61
32
  return handleOnClick;
62
33
  };
63
- module.exports = __toCommonJS(useExpandableOnClickHandler_exports);
64
- //# sourceMappingURL=useExpandableOnClickHandler.js.map
34
+
35
+ exports.useExpandableOnClickHandler = useExpandableOnClickHandler;
@@ -1,38 +1,12 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var useKeyboardNavigation_exports = {};
29
- __export(useKeyboardNavigation_exports, {
30
- useKeyboardNavigation: () => useKeyboardNavigation
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_constants = __toESM(require("../exported-related/constants"));
35
- var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var constants = require('../exported-related/constants.js');
7
+ var LeftNavigationContext = require('../LeftNavigationContext.js');
8
+
9
+ /* eslint-disable max-statements */
36
10
  const KEY_CODES = {
37
11
  TAB: 9,
38
12
  ENTER: 13,
@@ -44,75 +18,93 @@ const KEY_CODES = {
44
18
  END: 35,
45
19
  HOME: 36
46
20
  };
21
+
47
22
  const nextIndex = (index, length) => (index + 1) % length;
23
+
48
24
  const prevIndex = (index, length) => (index - 1 + length) % length;
49
- const useKeyboardNavigation = ({ item, onClick }) => {
25
+
26
+ const useKeyboardNavigation = _ref => {
27
+ let {
28
+ item,
29
+ onClick
30
+ } = _ref;
50
31
  const {
51
32
  dsId,
52
- itemOpts: { selectable, openable, closable }
33
+ itemOpts: {
34
+ selectable,
35
+ openable,
36
+ closable
37
+ }
53
38
  } = item;
54
- const { visibleItems, visibleItemsRefs } = (0, import_react.useContext)(import_LeftNavigationContext.default);
55
- const currentIndex = (0, import_react.useMemo)(() => visibleItems.findIndex((visibleItemDsId) => visibleItemDsId === dsId), [dsId, visibleItems]);
56
- const { setFocusedItem, focusedItem, setSelectedItem } = (0, import_react.useContext)(import_LeftNavigationContext.default);
57
- const focusAndSelect = (0, import_react.useCallback)((nextDsId) => {
39
+ const {
40
+ visibleItems,
41
+ visibleItemsRefs
42
+ } = React.useContext(LeftNavigationContext.LeftNavContext);
43
+ const currentIndex = React.useMemo(() => visibleItems.findIndex(visibleItemDsId => visibleItemDsId === dsId), [dsId, visibleItems]);
44
+ const {
45
+ setFocusedItem,
46
+ focusedItem,
47
+ setSelectedItem
48
+ } = React.useContext(LeftNavigationContext.LeftNavContext);
49
+ const focusAndSelect = React.useCallback(nextDsId => {
58
50
  setFocusedItem(nextDsId);
59
51
  setSelectedItem(nextDsId);
60
52
  }, [setFocusedItem, setSelectedItem]);
61
- (0, import_react.useLayoutEffect)(() => {
62
- if (dsId === focusedItem)
63
- visibleItemsRefs.current[dsId]?.current?.focus();
53
+ React.useLayoutEffect(() => {
54
+ var _visibleItemsRefs$cur, _visibleItemsRefs$cur2;
55
+
56
+ if (dsId === focusedItem) (_visibleItemsRefs$cur = visibleItemsRefs.current[dsId]) === null || _visibleItemsRefs$cur === void 0 ? void 0 : (_visibleItemsRefs$cur2 = _visibleItemsRefs$cur.current) === null || _visibleItemsRefs$cur2 === void 0 ? void 0 : _visibleItemsRefs$cur2.focus();
64
57
  }, [dsId, focusedItem, visibleItemsRefs]);
65
- const onKeyDown = (0, import_react.useCallback)((e) => {
66
- const { keyCode } = e;
58
+ const onKeyDown = React.useCallback(e => {
59
+ const {
60
+ keyCode
61
+ } = e; // Prevent default behaviour when not tab
62
+
67
63
  if (keyCode !== KEY_CODES.TAB) {
68
64
  e.preventDefault();
69
65
  }
66
+
70
67
  if (keyCode === KEY_CODES.ENTER || keyCode === KEY_CODES.SPACE) {
71
68
  if (selectable) {
72
69
  onClick(e);
73
70
  focusAndSelect(dsId);
74
- } else if (focusedItem === import_constants.CHEVRON_BACK_DS_ID) {
71
+ } else if (focusedItem === constants.CHEVRON_BACK_DS_ID) {
75
72
  onClick(e);
76
73
  focusAndSelect(dsId);
77
- } else if (focusedItem === import_constants.FOOTER_MENU_CLOSE_DS_ID) {
74
+ } else if (focusedItem === constants.FOOTER_MENU_CLOSE_DS_ID) {
78
75
  onClick(e);
79
76
  setFocusedItem(dsId);
80
77
  }
81
78
  }
79
+
82
80
  if (openable && keyCode === KEY_CODES.RIGHT_ARROW) {
83
81
  onClick(e);
84
82
  }
83
+
85
84
  if (closable && keyCode === KEY_CODES.LEFT_ARROW) {
86
85
  onClick(e);
87
86
  setFocusedItem(dsId);
88
87
  }
88
+
89
89
  if (keyCode === KEY_CODES.DOWN_ARROW) {
90
90
  const nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
91
91
  setFocusedItem(nextDsId);
92
92
  }
93
+
93
94
  if (keyCode === KEY_CODES.UP_ARROW) {
94
95
  const prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
95
96
  setFocusedItem(prevDsId);
96
97
  }
98
+
97
99
  if (keyCode === KEY_CODES.HOME) {
98
100
  setFocusedItem(visibleItems[0]);
99
101
  }
102
+
100
103
  if (keyCode === KEY_CODES.END) {
101
104
  setFocusedItem(visibleItems[visibleItems.length - 1]);
102
105
  }
103
- }, [
104
- openable,
105
- closable,
106
- selectable,
107
- focusedItem,
108
- onClick,
109
- focusAndSelect,
110
- dsId,
111
- setFocusedItem,
112
- visibleItems,
113
- currentIndex
114
- ]);
106
+ }, [openable, closable, selectable, focusedItem, onClick, focusAndSelect, dsId, setFocusedItem, visibleItems, currentIndex]);
115
107
  return onKeyDown;
116
108
  };
117
- module.exports = __toCommonJS(useKeyboardNavigation_exports);
118
- //# sourceMappingURL=useKeyboardNavigation.js.map
109
+
110
+ exports.useKeyboardNavigation = useKeyboardNavigation;
@@ -1,69 +1,40 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var useOpenableOnClickHandler_exports = {};
29
- __export(useOpenableOnClickHandler_exports, {
30
- useOpenableOnClickHandler: () => useOpenableOnClickHandler
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
35
- const useOpenableOnClickHandler = ({
36
- id,
37
- opened,
38
- onExpand,
39
- onOpen,
40
- onClose
41
- }) => {
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var LeftNavigationContext = require('../LeftNavigationContext.js');
7
+
8
+ const useOpenableOnClickHandler = _ref => {
9
+ let {
10
+ id,
11
+ opened,
12
+ onExpand,
13
+ onOpen,
14
+ onClose
15
+ } = _ref;
42
16
  const {
43
- leftNavProps: { expanded },
17
+ leftNavProps: {
18
+ expanded
19
+ },
44
20
  setSelectedItem
45
- } = (0, import_react.useContext)(import_LeftNavigationContext.default);
46
- const handleOnExpand = (0, import_react.useCallback)((e) => {
21
+ } = React.useContext(LeftNavigationContext.LeftNavContext);
22
+ const handleOnExpand = React.useCallback(e => {
47
23
  onExpand(e);
48
24
  setSelectedItem(id);
49
25
  }, [id, onExpand, setSelectedItem]);
50
- const handleOnOpen = (0, import_react.useCallback)((e) => {
26
+ const handleOnOpen = React.useCallback(e => {
51
27
  onOpen(e);
52
28
  setSelectedItem(id);
53
29
  }, [id, onOpen, setSelectedItem]);
54
- const handleOnClose = (0, import_react.useCallback)((e) => {
30
+ const handleOnClose = React.useCallback(e => {
55
31
  onClose(e);
56
32
  setSelectedItem(id);
57
33
  }, [id, onClose, setSelectedItem]);
58
- const handleOnClick = (0, import_react.useCallback)((e) => {
59
- if (!expanded)
60
- handleOnExpand(e);
61
- else if (!opened)
62
- handleOnOpen(e);
63
- else
64
- handleOnClose(e);
34
+ const handleOnClick = React.useCallback(e => {
35
+ if (!expanded) handleOnExpand(e);else if (!opened) handleOnOpen(e);else handleOnClose(e);
65
36
  }, [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose]);
66
37
  return handleOnClick;
67
38
  };
68
- module.exports = __toCommonJS(useOpenableOnClickHandler_exports);
69
- //# sourceMappingURL=useOpenableOnClickHandler.js.map
39
+
40
+ exports.useOpenableOnClickHandler = useOpenableOnClickHandler;
@@ -1,52 +1,39 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('core-js/modules/esnext.async-iterator.some.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.some.js');
8
+ var React = require('react');
9
+ var constants = require('../exported-related/constants.js');
10
+
11
+ const {
12
+ LEFT_NAV_ITEM_SEPARATOR,
13
+ LEFT_NAV_ITEM_SECTION
14
+ } = constants.ITEM_TYPES;
15
+
16
+ const isSelectableOutOfTheBox = elem => typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
17
+
18
+ const isSelectableCustom = elem => elem.itemOpts.selectable;
19
+
20
+ const isItemInsideTheTree = (item, itemID) => {
21
+ var _item$itemOpts, _item$itemOpts$items;
22
+
23
+ return item.dsId === itemID || !!(item !== null && item !== void 0 && (_item$itemOpts = item.itemOpts) !== null && _item$itemOpts !== void 0 && (_item$itemOpts$items = _item$itemOpts.items) !== null && _item$itemOpts$items !== void 0 && _item$itemOpts$items.some(it => isItemInsideTheTree(it, itemID)));
11
24
  };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var useSelectFirstBodyItem_exports = {};
29
- __export(useSelectFirstBodyItem_exports, {
30
- useSelectFirstBodyItem: () => useSelectFirstBodyItem
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_constants = __toESM(require("../exported-related/constants"));
35
- const { LEFT_NAV_ITEM_SEPARATOR, LEFT_NAV_ITEM_SECTION } = import_constants.ITEM_TYPES;
36
- const isSelectableOutOfTheBox = (elem) => typeof elem.type === "string" && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
37
- const isSelectableCustom = (elem) => elem.itemOpts.selectable;
38
- const isItemInsideTheTree = (item, itemID) => item.dsId === itemID || item?.itemOpts?.items?.some((it) => isItemInsideTheTree(it, itemID));
25
+
39
26
  const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) => {
40
- (0, import_react.useEffect)(() => {
27
+ React.useEffect(() => {
41
28
  if (!disableDefaultSelection && items && items.length && openedItem) {
42
- const index = items.findIndex((elem) => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
43
- const isItemInside = items.some((it) => isItemInsideTheTree(it, selectedItem));
44
- if (isItemInside)
45
- setSelectedItem(selectedItem);
46
- else if (index !== -1)
47
- setSelectedItem(items[index].dsId);
48
- }
29
+ var _items$index$dsId;
30
+
31
+ const index = items.findIndex(elem => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
32
+ const isItemInside = items.some(it => isItemInsideTheTree(it, selectedItem));
33
+ if (isItemInside) setSelectedItem(selectedItem);else if (index !== -1) setSelectedItem((_items$index$dsId = items[index].dsId) !== null && _items$index$dsId !== void 0 ? _items$index$dsId : '');
34
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
35
+
49
36
  }, [openedItem, setSelectedItem, disableDefaultSelection]);
50
37
  };
51
- module.exports = __toCommonJS(useSelectFirstBodyItem_exports);
52
- //# sourceMappingURL=useSelectFirstBodyItem.js.map
38
+
39
+ exports.useSelectFirstBodyItem = useSelectFirstBodyItem;
package/cjs/index.d.js CHANGED
@@ -1,27 +1,2 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var index_d_exports = {};
25
- var React = __toESM(require("react"));
26
- module.exports = __toCommonJS(index_d_exports);
27
- //# sourceMappingURL=index.d.js.map
1
+ 'use strict';
2
+
package/cjs/index.js CHANGED
@@ -1,41 +1,30 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var src_exports = {};
29
- __export(src_exports, {
30
- LeftNavItemOptionsSchema: () => import_prop_types.LeftNavItemOptionsSchema,
31
- LeftNavItemPropsSchema: () => import_prop_types.LeftNavItemPropsSchema,
32
- LeftNavigation: () => import_LeftNavigation.LeftNavigation,
33
- LeftNavigationWithSchema: () => import_LeftNavigation.LeftNavigationWithSchema,
34
- default: () => import_LeftNavigation.LeftNavigation
35
- });
36
- var React = __toESM(require("react"));
37
- var import_prop_types = __toESM(require("./prop-types"));
38
- var import_LeftNavigation = __toESM(require("./LeftNavigation"));
39
- __reExport(src_exports, __toESM(require("./exported-related")));
40
- module.exports = __toCommonJS(src_exports);
41
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var propTypes = require('./prop-types.js');
6
+ var LeftNavigation = require('./LeftNavigation.js');
7
+ var constants = require('./exported-related/constants.js');
8
+ var index = require('./exported-related/ItemRenderer/index.js');
9
+ var index$1 = require('./exported-related/ChevronItem/index.js');
10
+ var index$2 = require('./exported-related/Notifications/index.js');
11
+ var index$3 = require('./exported-related/OpenWindowItem/index.js');
12
+ var index$4 = require('./exported-related/Icon/index.js');
13
+
14
+
15
+
16
+ exports.LeftNavItemOptionsSchema = propTypes.LeftNavItemOptionsSchema;
17
+ exports.LeftNavItemPropsSchema = propTypes.LeftNavItemPropsSchema;
18
+ exports.LeftNavigation = LeftNavigation.LeftNavigation;
19
+ exports.LeftNavigationWithSchema = LeftNavigation.LeftNavigationWithSchema;
20
+ exports["default"] = LeftNavigation.LeftNavigation;
21
+ exports.CHEVRON_BACK_DS_ID = constants.CHEVRON_BACK_DS_ID;
22
+ exports.FOOTER_DS_ID = constants.FOOTER_DS_ID;
23
+ exports.FOOTER_MENU_CLOSE_DS_ID = constants.FOOTER_MENU_CLOSE_DS_ID;
24
+ exports.ITEM_TYPES = constants.ITEM_TYPES;
25
+ exports.LABEL_OVERFLOW = constants.LABEL_OVERFLOW;
26
+ exports.ItemRenderer = index.ItemRenderer;
27
+ exports.ChevronItem = index$1.ChevronItem;
28
+ exports.Notifications = index$2.Notifications;
29
+ exports.OpenWindow = index$3.OpenWindow;
30
+ exports.Icon = index$4.Icon;