@elliemae/ds-left-navigation 1.57.1-rc.0 → 2.0.0-alpha.11

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 (330) hide show
  1. package/cjs/LeftNavigation.js +11 -58
  2. package/cjs/LeftNavigationContext.js +14 -35
  3. package/cjs/common/getFocusedByKeyboardStyle.js +2 -7
  4. package/cjs/common/getItemBackgroundStyle.js +2 -5
  5. package/cjs/common/getLeftBorderStyle.js +2 -5
  6. package/cjs/common/getScrollbarStyle.js +1 -4
  7. package/cjs/common/index.js +8 -9
  8. package/cjs/configs/index.js +3 -17
  9. package/cjs/configs/useGlobalKeyListeners.js +9 -12
  10. package/cjs/configs/useLeftNavConfig.js +61 -100
  11. package/cjs/configs/useLeftNavItems.js +34 -32
  12. package/cjs/configs/useLeftNavSmoothExpand.js +13 -16
  13. package/cjs/exported-related/ChevronItem/index.js +14 -13
  14. package/cjs/exported-related/Icon/index.js +17 -18
  15. package/cjs/exported-related/ItemRenderer/index.js +100 -101
  16. package/cjs/exported-related/ItemRenderer/styled.js +20 -30
  17. package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +7 -12
  18. package/cjs/exported-related/Notifications/index.js +46 -43
  19. package/cjs/exported-related/OpenWindowItem/index.js +16 -17
  20. package/cjs/exported-related/constants.js +5 -6
  21. package/cjs/exported-related/index.js +16 -27
  22. package/cjs/hooks/index.js +6 -10
  23. package/cjs/hooks/useExpandableOnClickHandler.js +15 -15
  24. package/cjs/hooks/useKeyboardNavigation.js +37 -42
  25. package/cjs/hooks/useOpenableOnClickHandler.js +17 -16
  26. package/cjs/hooks/useSelectFirstBodyItem.js +10 -15
  27. package/cjs/index.d.js +0 -1
  28. package/cjs/index.js +17 -68
  29. package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +76 -62
  30. package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +7 -15
  31. package/cjs/outOfTheBox/ItemHeader/index.js +58 -58
  32. package/cjs/outOfTheBox/ItemHeader/styled.js +6 -12
  33. package/cjs/outOfTheBox/ItemLink/index.js +42 -45
  34. package/cjs/outOfTheBox/ItemLink/styled.js +2 -7
  35. package/cjs/outOfTheBox/ItemSection/index.js +38 -31
  36. package/cjs/outOfTheBox/ItemSection/styled.js +5 -14
  37. package/cjs/outOfTheBox/ItemSeparator/index.js +23 -25
  38. package/cjs/outOfTheBox/ItemSubmenu/index.js +63 -73
  39. package/cjs/outOfTheBox/ItemSubmenu/styled.js +6 -12
  40. package/cjs/outOfTheBox/ItemTextLabel/index.js +36 -25
  41. package/cjs/outOfTheBox/ItemTextLabel/styled.js +5 -11
  42. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +88 -79
  43. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +7 -15
  44. package/cjs/outOfTheBox/ItemWithDate/index.js +43 -32
  45. package/cjs/outOfTheBox/ItemWithDate/styled.js +7 -15
  46. package/cjs/outOfTheBox/index.js +51 -54
  47. package/cjs/parts/LeftNavContent/index.js +55 -90
  48. package/cjs/parts/LeftNavContent/styled.js +14 -27
  49. package/cjs/parts/LeftNavContentWithScrollbar/index.js +49 -49
  50. package/cjs/parts/LeftNavFooterItem/index.js +77 -91
  51. package/cjs/parts/LeftNavFooterItem/styled.js +16 -33
  52. package/cjs/parts/LeftNavLoading/index.js +14 -15
  53. package/cjs/parts/OutOfTheBoxMapItem.js +18 -42
  54. package/cjs/prop-types.js +10 -50
  55. package/esm/LeftNavigation.js +8 -55
  56. package/esm/LeftNavigationContext.js +13 -34
  57. package/esm/common/getFocusedByKeyboardStyle.js +2 -7
  58. package/esm/common/getItemBackgroundStyle.js +2 -5
  59. package/esm/common/getLeftBorderStyle.js +2 -5
  60. package/esm/common/getScrollbarStyle.js +1 -4
  61. package/esm/common/index.js +0 -1
  62. package/esm/configs/index.js +0 -14
  63. package/esm/configs/useGlobalKeyListeners.js +8 -11
  64. package/esm/configs/useLeftNavConfig.js +53 -91
  65. package/esm/configs/useLeftNavItems.js +28 -22
  66. package/esm/configs/useLeftNavSmoothExpand.js +12 -15
  67. package/esm/exported-related/ChevronItem/index.js +11 -10
  68. package/esm/exported-related/Icon/index.js +16 -16
  69. package/esm/exported-related/ItemRenderer/index.js +97 -98
  70. package/esm/exported-related/ItemRenderer/styled.js +19 -29
  71. package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +6 -11
  72. package/esm/exported-related/Notifications/index.js +40 -41
  73. package/esm/exported-related/OpenWindowItem/index.js +13 -14
  74. package/esm/exported-related/constants.js +5 -6
  75. package/esm/exported-related/index.js +0 -11
  76. package/esm/hooks/index.js +0 -4
  77. package/esm/hooks/useExpandableOnClickHandler.js +15 -15
  78. package/esm/hooks/useKeyboardNavigation.js +34 -39
  79. package/esm/hooks/useOpenableOnClickHandler.js +17 -16
  80. package/esm/hooks/useSelectFirstBodyItem.js +9 -14
  81. package/esm/index.d.js +0 -1
  82. package/esm/index.js +0 -51
  83. package/esm/outOfTheBox/ItemControlledDrilldown/index.js +68 -56
  84. package/esm/outOfTheBox/ItemControlledDrilldown/styled.js +7 -15
  85. package/esm/outOfTheBox/ItemHeader/index.js +52 -52
  86. package/esm/outOfTheBox/ItemHeader/styled.js +5 -12
  87. package/esm/outOfTheBox/ItemLink/index.js +39 -42
  88. package/esm/outOfTheBox/ItemLink/styled.js +2 -7
  89. package/esm/outOfTheBox/ItemSection/index.js +34 -27
  90. package/esm/outOfTheBox/ItemSection/styled.js +5 -14
  91. package/esm/outOfTheBox/ItemSeparator/index.js +20 -22
  92. package/esm/outOfTheBox/ItemSubmenu/index.js +58 -68
  93. package/esm/outOfTheBox/ItemSubmenu/styled.js +5 -12
  94. package/esm/outOfTheBox/ItemTextLabel/index.js +32 -21
  95. package/esm/outOfTheBox/ItemTextLabel/styled.js +5 -11
  96. package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +78 -70
  97. package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +7 -15
  98. package/esm/outOfTheBox/ItemWithDate/index.js +39 -28
  99. package/esm/outOfTheBox/ItemWithDate/styled.js +7 -15
  100. package/esm/outOfTheBox/index.js +32 -31
  101. package/esm/parts/LeftNavContent/index.js +49 -85
  102. package/esm/parts/LeftNavContent/styled.js +14 -27
  103. package/esm/parts/LeftNavContentWithScrollbar/index.js +48 -47
  104. package/esm/parts/LeftNavFooterItem/index.js +72 -87
  105. package/esm/parts/LeftNavFooterItem/styled.js +13 -30
  106. package/esm/parts/LeftNavLoading/index.js +13 -14
  107. package/esm/parts/OutOfTheBoxMapItem.js +13 -38
  108. package/esm/prop-types.js +8 -48
  109. package/package.json +241 -17
  110. package/types/LeftNavigation.d.ts +20 -0
  111. package/types/LeftNavigationContext.d.ts +22 -0
  112. package/types/common/getFocusedByKeyboardStyle.d.ts +4 -0
  113. package/types/common/getItemBackgroundStyle.d.ts +5 -0
  114. package/types/common/getLeftBorderStyle.d.ts +4 -0
  115. package/types/common/getScrollbarStyle.d.ts +1 -0
  116. package/types/common/index.d.ts +4 -0
  117. package/types/configs/index.d.ts +3 -0
  118. package/types/configs/useGlobalKeyListeners.d.ts +6 -0
  119. package/types/configs/useLeftNavConfig.d.ts +4 -0
  120. package/types/configs/useLeftNavItems.d.ts +12 -0
  121. package/types/configs/useLeftNavSmoothExpand.d.ts +10 -0
  122. package/types/exported-related/ChevronItem/index.d.ts +3 -0
  123. package/types/exported-related/Icon/index.d.ts +5 -0
  124. package/types/exported-related/ItemRenderer/index.d.ts +3 -0
  125. package/types/exported-related/ItemRenderer/styled.d.ts +15 -0
  126. package/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +2 -0
  127. package/types/exported-related/Notifications/index.d.ts +8 -0
  128. package/types/exported-related/OpenWindowItem/index.d.ts +3 -0
  129. package/types/exported-related/constants.d.ts +19 -0
  130. package/types/exported-related/index.d.ts +6 -0
  131. package/types/hooks/index.d.ts +3 -0
  132. package/types/hooks/useExpandableOnClickHandler.d.ts +9 -0
  133. package/types/hooks/useKeyboardNavigation.d.ts +8 -0
  134. package/types/hooks/useOpenableOnClickHandler.d.ts +10 -0
  135. package/types/hooks/useSelectFirstBodyItem.d.ts +3 -0
  136. package/types/index.d.d.ts +69 -0
  137. package/types/index.d.ts +3 -0
  138. package/types/outOfTheBox/ItemControlledDrilldown/index.d.ts +3 -0
  139. package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts +5 -0
  140. package/types/outOfTheBox/ItemHeader/index.d.ts +3 -0
  141. package/types/outOfTheBox/ItemHeader/styled.d.ts +3 -0
  142. package/types/outOfTheBox/ItemLink/index.d.ts +3 -0
  143. package/types/outOfTheBox/ItemLink/styled.d.ts +2 -0
  144. package/types/outOfTheBox/ItemSection/index.d.ts +3 -0
  145. package/types/outOfTheBox/ItemSection/styled.d.ts +3 -0
  146. package/types/outOfTheBox/ItemSeparator/index.d.ts +3 -0
  147. package/types/outOfTheBox/ItemSubmenu/index.d.ts +3 -0
  148. package/types/outOfTheBox/ItemSubmenu/styled.d.ts +3 -0
  149. package/types/outOfTheBox/ItemTextLabel/index.d.ts +3 -0
  150. package/types/outOfTheBox/ItemTextLabel/styled.d.ts +2 -0
  151. package/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +3 -0
  152. package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts +5 -0
  153. package/types/outOfTheBox/ItemWithDate/index.d.ts +3 -0
  154. package/types/outOfTheBox/ItemWithDate/styled.d.ts +5 -0
  155. package/types/outOfTheBox/index.d.ts +13 -0
  156. package/types/parts/LeftNavContent/index.d.ts +3 -0
  157. package/types/parts/LeftNavContent/styled.d.ts +18 -0
  158. package/types/parts/LeftNavContentWithScrollbar/index.d.ts +6 -0
  159. package/types/parts/LeftNavFooterItem/index.d.ts +8 -0
  160. package/types/parts/LeftNavFooterItem/styled.d.ts +10 -0
  161. package/types/parts/LeftNavLoading/index.d.ts +4 -0
  162. package/types/parts/OutOfTheBoxMapItem.d.ts +3 -0
  163. package/types/prop-types.d.ts +22 -0
  164. package/types/tests/LeftNavigation.collapsed.test.d.ts +1 -0
  165. package/types/tests/LeftNavigation.expanded.test.d.ts +1 -0
  166. package/types/tests/LeftNavigation.opened.test.d.ts +1 -0
  167. package/types/tests/events/LeftNavigation.events.keyboard.test.d.ts +1 -0
  168. package/types/tests/events/LeftNavigation.events.subitems.test.d.ts +1 -0
  169. package/types/tests/events/LeftNavigation.events.test.d.ts +1 -0
  170. package/types/tests/events/LeftNavigation.focus.events.test.d.ts +1 -0
  171. package/LeftNavigation/package.json +0 -10
  172. package/LeftNavigationContext/package.json +0 -10
  173. package/cjs/LeftNavigation.js.map +0 -1
  174. package/cjs/LeftNavigationContext.js.map +0 -1
  175. package/cjs/common/getFocusedByKeyboardStyle.js.map +0 -1
  176. package/cjs/common/getItemBackgroundStyle.js.map +0 -1
  177. package/cjs/common/getLeftBorderStyle.js.map +0 -1
  178. package/cjs/common/getScrollbarStyle.js.map +0 -1
  179. package/cjs/common/index.js.map +0 -1
  180. package/cjs/configs/index.js.map +0 -1
  181. package/cjs/configs/useGlobalKeyListeners.js.map +0 -1
  182. package/cjs/configs/useLeftNavConfig.js.map +0 -1
  183. package/cjs/configs/useLeftNavItems.js.map +0 -1
  184. package/cjs/configs/useLeftNavSmoothExpand.js.map +0 -1
  185. package/cjs/exported-related/ChevronItem/index.js.map +0 -1
  186. package/cjs/exported-related/Icon/index.js.map +0 -1
  187. package/cjs/exported-related/ItemRenderer/index.js.map +0 -1
  188. package/cjs/exported-related/ItemRenderer/styled.js.map +0 -1
  189. package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -1
  190. package/cjs/exported-related/Notifications/index.js.map +0 -1
  191. package/cjs/exported-related/OpenWindowItem/index.js.map +0 -1
  192. package/cjs/exported-related/constants.js.map +0 -1
  193. package/cjs/exported-related/index.js.map +0 -1
  194. package/cjs/hooks/index.js.map +0 -1
  195. package/cjs/hooks/useExpandableOnClickHandler.js.map +0 -1
  196. package/cjs/hooks/useKeyboardNavigation.js.map +0 -1
  197. package/cjs/hooks/useOpenableOnClickHandler.js.map +0 -1
  198. package/cjs/hooks/useSelectFirstBodyItem.js.map +0 -1
  199. package/cjs/index.d.js.map +0 -1
  200. package/cjs/index.js.map +0 -1
  201. package/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -1
  202. package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -1
  203. package/cjs/outOfTheBox/ItemHeader/index.js.map +0 -1
  204. package/cjs/outOfTheBox/ItemHeader/styled.js.map +0 -1
  205. package/cjs/outOfTheBox/ItemLink/index.js.map +0 -1
  206. package/cjs/outOfTheBox/ItemLink/styled.js.map +0 -1
  207. package/cjs/outOfTheBox/ItemSection/index.js.map +0 -1
  208. package/cjs/outOfTheBox/ItemSection/styled.js.map +0 -1
  209. package/cjs/outOfTheBox/ItemSeparator/index.js.map +0 -1
  210. package/cjs/outOfTheBox/ItemSubmenu/index.js.map +0 -1
  211. package/cjs/outOfTheBox/ItemSubmenu/styled.js.map +0 -1
  212. package/cjs/outOfTheBox/ItemTextLabel/index.js.map +0 -1
  213. package/cjs/outOfTheBox/ItemTextLabel/styled.js.map +0 -1
  214. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -1
  215. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -1
  216. package/cjs/outOfTheBox/ItemWithDate/index.js.map +0 -1
  217. package/cjs/outOfTheBox/ItemWithDate/styled.js.map +0 -1
  218. package/cjs/outOfTheBox/index.js.map +0 -1
  219. package/cjs/parts/LeftNavContent/index.js.map +0 -1
  220. package/cjs/parts/LeftNavContent/styled.js.map +0 -1
  221. package/cjs/parts/LeftNavContentWithScrollbar/index.js.map +0 -1
  222. package/cjs/parts/LeftNavFooterItem/index.js.map +0 -1
  223. package/cjs/parts/LeftNavFooterItem/styled.js.map +0 -1
  224. package/cjs/parts/LeftNavLoading/index.js.map +0 -1
  225. package/cjs/parts/OutOfTheBoxMapItem.js.map +0 -1
  226. package/cjs/prop-types.js.map +0 -1
  227. package/common/getFocusedByKeyboardStyle/package.json +0 -10
  228. package/common/getItemBackgroundStyle/package.json +0 -10
  229. package/common/getLeftBorderStyle/package.json +0 -10
  230. package/common/getScrollbarStyle/package.json +0 -10
  231. package/common/package.json +0 -10
  232. package/configs/package.json +0 -10
  233. package/configs/useGlobalKeyListeners/package.json +0 -10
  234. package/configs/useLeftNavConfig/package.json +0 -10
  235. package/configs/useLeftNavItems/package.json +0 -10
  236. package/configs/useLeftNavSmoothExpand/package.json +0 -10
  237. package/esm/LeftNavigation.js.map +0 -1
  238. package/esm/LeftNavigationContext.js.map +0 -1
  239. package/esm/common/getFocusedByKeyboardStyle.js.map +0 -1
  240. package/esm/common/getItemBackgroundStyle.js.map +0 -1
  241. package/esm/common/getLeftBorderStyle.js.map +0 -1
  242. package/esm/common/getScrollbarStyle.js.map +0 -1
  243. package/esm/common/index.js.map +0 -1
  244. package/esm/configs/index.js.map +0 -1
  245. package/esm/configs/useGlobalKeyListeners.js.map +0 -1
  246. package/esm/configs/useLeftNavConfig.js.map +0 -1
  247. package/esm/configs/useLeftNavItems.js.map +0 -1
  248. package/esm/configs/useLeftNavSmoothExpand.js.map +0 -1
  249. package/esm/exported-related/ChevronItem/index.js.map +0 -1
  250. package/esm/exported-related/Icon/index.js.map +0 -1
  251. package/esm/exported-related/ItemRenderer/index.js.map +0 -1
  252. package/esm/exported-related/ItemRenderer/styled.js.map +0 -1
  253. package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -1
  254. package/esm/exported-related/Notifications/index.js.map +0 -1
  255. package/esm/exported-related/OpenWindowItem/index.js.map +0 -1
  256. package/esm/exported-related/constants.js.map +0 -1
  257. package/esm/exported-related/index.js.map +0 -1
  258. package/esm/hooks/index.js.map +0 -1
  259. package/esm/hooks/useExpandableOnClickHandler.js.map +0 -1
  260. package/esm/hooks/useKeyboardNavigation.js.map +0 -1
  261. package/esm/hooks/useOpenableOnClickHandler.js.map +0 -1
  262. package/esm/hooks/useSelectFirstBodyItem.js.map +0 -1
  263. package/esm/index.d.js.map +0 -1
  264. package/esm/index.js.map +0 -1
  265. package/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -1
  266. package/esm/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -1
  267. package/esm/outOfTheBox/ItemHeader/index.js.map +0 -1
  268. package/esm/outOfTheBox/ItemHeader/styled.js.map +0 -1
  269. package/esm/outOfTheBox/ItemLink/index.js.map +0 -1
  270. package/esm/outOfTheBox/ItemLink/styled.js.map +0 -1
  271. package/esm/outOfTheBox/ItemSection/index.js.map +0 -1
  272. package/esm/outOfTheBox/ItemSection/styled.js.map +0 -1
  273. package/esm/outOfTheBox/ItemSeparator/index.js.map +0 -1
  274. package/esm/outOfTheBox/ItemSubmenu/index.js.map +0 -1
  275. package/esm/outOfTheBox/ItemSubmenu/styled.js.map +0 -1
  276. package/esm/outOfTheBox/ItemTextLabel/index.js.map +0 -1
  277. package/esm/outOfTheBox/ItemTextLabel/styled.js.map +0 -1
  278. package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -1
  279. package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -1
  280. package/esm/outOfTheBox/ItemWithDate/index.js.map +0 -1
  281. package/esm/outOfTheBox/ItemWithDate/styled.js.map +0 -1
  282. package/esm/outOfTheBox/index.js.map +0 -1
  283. package/esm/parts/LeftNavContent/index.js.map +0 -1
  284. package/esm/parts/LeftNavContent/styled.js.map +0 -1
  285. package/esm/parts/LeftNavContentWithScrollbar/index.js.map +0 -1
  286. package/esm/parts/LeftNavFooterItem/index.js.map +0 -1
  287. package/esm/parts/LeftNavFooterItem/styled.js.map +0 -1
  288. package/esm/parts/LeftNavLoading/index.js.map +0 -1
  289. package/esm/parts/OutOfTheBoxMapItem.js.map +0 -1
  290. package/esm/prop-types.js.map +0 -1
  291. package/exported-related/ChevronItem/package.json +0 -10
  292. package/exported-related/Icon/package.json +0 -10
  293. package/exported-related/ItemRenderer/package.json +0 -10
  294. package/exported-related/ItemRenderer/styled/package.json +0 -10
  295. package/exported-related/ItemRenderer/usePropsWithDefaults/package.json +0 -10
  296. package/exported-related/Notifications/package.json +0 -10
  297. package/exported-related/OpenWindowItem/package.json +0 -10
  298. package/exported-related/constants/package.json +0 -10
  299. package/exported-related/package.json +0 -10
  300. package/hooks/package.json +0 -10
  301. package/hooks/useExpandableOnClickHandler/package.json +0 -10
  302. package/hooks/useKeyboardNavigation/package.json +0 -10
  303. package/hooks/useOpenableOnClickHandler/package.json +0 -10
  304. package/hooks/useSelectFirstBodyItem/package.json +0 -10
  305. package/outOfTheBox/ItemControlledDrilldown/package.json +0 -10
  306. package/outOfTheBox/ItemControlledDrilldown/styled/package.json +0 -10
  307. package/outOfTheBox/ItemHeader/package.json +0 -10
  308. package/outOfTheBox/ItemHeader/styled/package.json +0 -10
  309. package/outOfTheBox/ItemLink/package.json +0 -10
  310. package/outOfTheBox/ItemLink/styled/package.json +0 -10
  311. package/outOfTheBox/ItemSection/package.json +0 -10
  312. package/outOfTheBox/ItemSection/styled/package.json +0 -10
  313. package/outOfTheBox/ItemSeparator/package.json +0 -10
  314. package/outOfTheBox/ItemSubmenu/package.json +0 -10
  315. package/outOfTheBox/ItemSubmenu/styled/package.json +0 -10
  316. package/outOfTheBox/ItemTextLabel/package.json +0 -10
  317. package/outOfTheBox/ItemTextLabel/styled/package.json +0 -10
  318. package/outOfTheBox/ItemUncontrolledDrilldown/package.json +0 -10
  319. package/outOfTheBox/ItemUncontrolledDrilldown/styled/package.json +0 -10
  320. package/outOfTheBox/ItemWithDate/package.json +0 -10
  321. package/outOfTheBox/ItemWithDate/styled/package.json +0 -10
  322. package/outOfTheBox/package.json +0 -10
  323. package/parts/LeftNavContent/package.json +0 -10
  324. package/parts/LeftNavContent/styled/package.json +0 -10
  325. package/parts/LeftNavContentWithScrollbar/package.json +0 -10
  326. package/parts/LeftNavFooterItem/package.json +0 -10
  327. package/parts/LeftNavFooterItem/styled/package.json +0 -10
  328. package/parts/LeftNavLoading/package.json +0 -10
  329. package/parts/OutOfTheBoxMapItem/package.json +0 -10
  330. package/prop-types/package.json +0 -10
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ComponentProps } from '../../index.d';
3
+ export declare const ItemSeparator: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ComponentProps } from '../../index.d';
3
+ export declare const ItemSubmenu: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
3
+ export declare const StyledChevronLeft: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ComponentProps } from '../../index.d';
3
+ export declare const ItemTextLabel: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ComponentProps } from '../../index.d';
3
+ export declare const ItemUncontrolledDrilldown: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
3
+ labelBold: boolean;
4
+ }, never>;
5
+ export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ComponentProps } from '../../index.d';
3
+ export declare const ItemWithDate: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
3
+ labelBold: boolean;
4
+ }, never>;
5
+ export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ComponentProps } from '../index.d';
3
+ export * from './ItemControlledDrilldown';
4
+ export * from './ItemUncontrolledDrilldown';
5
+ export * from './ItemHeader';
6
+ export * from './ItemLink';
7
+ export * from './ItemSection';
8
+ export * from './ItemSeparator';
9
+ export * from './ItemSubmenu';
10
+ export * from './ItemTextLabel';
11
+ export * from './ItemWithDate';
12
+ export declare const outOfTheBoxTypes: string[];
13
+ export declare const outOfTheBoxComponents: Record<string, React.ComponentType<ComponentProps>>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const LeftNavContent: React.ComponentType;
3
+ export default LeftNavContent;
@@ -0,0 +1,18 @@
1
+ declare type LeftNavProps = {
2
+ expanded: boolean;
3
+ expandedWidth: string;
4
+ };
5
+ export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", any, LeftNavProps, never>;
6
+ export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", any, LeftNavProps, never>;
7
+ export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", any, {
8
+ selected: boolean;
9
+ }, never>;
10
+ export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", any, {
12
+ selected: boolean;
13
+ }, never>;
14
+ export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", any, {
15
+ selected: boolean;
16
+ }, never>;
17
+ export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", any, {}, never>;
18
+ export {};
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import 'overlayscrollbars/css/OverlayScrollbars.css';
3
+ export interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ children?: React.ReactNode;
5
+ }
6
+ export declare const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare type LeftNavFooterItemProps = {
3
+ footerLabel: string | JSX.Element;
4
+ onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;
5
+ onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;
6
+ };
7
+ export declare const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps>;
8
+ export default LeftNavFooterItem;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
3
+ theme: any;
4
+ selected: boolean;
5
+ }, never>;
6
+ export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
7
+ export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
8
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
9
+ export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
10
+ export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: Record<string, unknown>) => JSX.Element, any, {}, never>;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const LeftNavLoading: React.ComponentType<{
3
+ expanded: boolean;
4
+ }>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { OutOfTheBoxMapItemT } from '../index.d';
3
+ export declare const OutOfTheBoxMapItem: (props: OutOfTheBoxMapItemT) => JSX.Element;
@@ -0,0 +1,22 @@
1
+ export declare const leftNavItemProps: {
2
+ type: any;
3
+ dsId: any;
4
+ Component: any;
5
+ CollapsedComponent: any;
6
+ itemOpts: any;
7
+ };
8
+ export declare const leftNavigationProps: {
9
+ containerProps: any;
10
+ expanded: any;
11
+ loading: any;
12
+ tabIndex: any;
13
+ openedItem: any;
14
+ footerLabel: any;
15
+ onFooterExpand: any;
16
+ onFooterClose: any;
17
+ onSelectedChange: any;
18
+ onFocusChange: any;
19
+ items: any;
20
+ };
21
+ export declare const LeftNavItemPropsSchema: any;
22
+ export declare const LeftNavItemOptionsSchema: any;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/LeftNavigation",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/LeftNavigation.js",
9
- "module": "../esm/LeftNavigation.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/LeftNavigationContext",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/LeftNavigationContext.js",
9
- "module": "../esm/LeftNavigationContext.js"
10
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n const leftNavConfig = useLeftNavConfig(props);\n\n return (\n <LeftNavigationContext.Provider value={leftNavConfig}>\n <LeftNavContent />\n </LeftNavigationContext.Provider>\n );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description(\n 'Left Navigation',\n);\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","React","LeftNavigationContext","LeftNavContent","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsC;AAClE,MAAMC,aAAa,GAAGC,yCAAgB,CAACF,KAAD,CAAtC;AAEA,sBACEG,wCAACC,oCAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEH;AAAvC,kBACEE,wCAACE,0BAAD,OADF,CADF;AAKD;AAEDN,cAAc,CAACO,SAAf,GAA2BC,6BAA3B;AACAR,cAAc,CAACS,YAAf,GAA8BA,kCAA9B;IAEaC,wBAAwB,GAAGC,kBAAQ,CAACX,cAAD,CAAR,CAAyBY,WAAzB,CACtC,iBADsC;AAGxCF,wBAAwB,CAACH,SAAzB,GAAqCC,6BAArC;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LeftNavigationContext.js","sources":["../../src/LeftNavigationContext.tsx"],"sourcesContent":["import React, { createContext, MutableRefObject, RefObject } from 'react';\nimport type { LeftNavProps, LabelOveflowT } from './index.d';\n\nexport type ContextProps = {\n selectedItem: string;\n setSelectedItem: React.Dispatch<React.SetStateAction<string>>;\n selectedSubitem: string;\n setSelectedSubitem: React.Dispatch<React.SetStateAction<string>>;\n focusedItem: string;\n setFocusedItem: React.Dispatch<React.SetStateAction<string>>;\n focusedByKey: boolean;\n setFocusedByKey: React.Dispatch<React.SetStateAction<boolean>>;\n openedDrilldowns: string[];\n setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n leftNavProps: LeftNavProps;\n expandedForAnimation: boolean;\n};\n\nexport const defaultProps: LeftNavProps = {\n expandedWidth: '240px',\n tabIndex: 0,\n loading: false,\n expanded: false,\n openedItem: null,\n footerLabel: '',\n onSelectedChange: () => null,\n onFocusChange: () => null,\n onFooterExpand: () => null,\n onFooterClose: () => null,\n items: [],\n labelOverflow: 'wrap' as LabelOveflowT,\n onItemClick: () => null,\n};\n\nexport const defaultContext: ContextProps = {\n leftNavProps: defaultProps,\n selectedItem: null,\n setSelectedItem: () => null,\n selectedSubitem: null,\n setSelectedSubitem: () => null,\n focusedItem: null,\n setFocusedItem: () => null,\n focusedByKey: false,\n setFocusedByKey: () => null,\n expandedForAnimation: true,\n openedDrilldowns: [],\n setOpenedDrilldowns: () => null,\n visibleItems: [],\n visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n"],"names":["defaultProps","expandedWidth","tabIndex","loading","expanded","openedItem","footerLabel","onSelectedChange","onFocusChange","onFooterExpand","onFooterClose","items","labelOverflow","onItemClick","defaultContext","leftNavProps","selectedItem","setSelectedItem","selectedSubitem","setSelectedSubitem","focusedItem","setFocusedItem","focusedByKey","setFocusedByKey","expandedForAnimation","openedDrilldowns","setOpenedDrilldowns","visibleItems","visibleItemsRefs","current","LeftNavContext","createContext"],"mappings":";;;;;;IAoBaA,YAA0B,GAAG;AACxCC,EAAAA,aAAa,EAAE,OADyB;AAExCC,EAAAA,QAAQ,EAAE,CAF8B;AAGxCC,EAAAA,OAAO,EAAE,KAH+B;AAIxCC,EAAAA,QAAQ,EAAE,KAJ8B;AAKxCC,EAAAA,UAAU,EAAE,IAL4B;AAMxCC,EAAAA,WAAW,EAAE,EAN2B;AAOxCC,EAAAA,gBAAgB,EAAE;AAAA,WAAM,IAAN;AAAA,GAPsB;AAQxCC,EAAAA,aAAa,EAAE;AAAA,WAAM,IAAN;AAAA,GARyB;AASxCC,EAAAA,cAAc,EAAE;AAAA,WAAM,IAAN;AAAA,GATwB;AAUxCC,EAAAA,aAAa,EAAE;AAAA,WAAM,IAAN;AAAA,GAVyB;AAWxCC,EAAAA,KAAK,EAAE,EAXiC;AAYxCC,EAAAA,aAAa,EAAE,MAZyB;AAaxCC,EAAAA,WAAW,EAAE;AAAA,WAAM,IAAN;AAAA;AAb2B;IAgB7BC,cAA4B,GAAG;AAC1CC,EAAAA,YAAY,EAAEf,YAD4B;AAE1CgB,EAAAA,YAAY,EAAE,IAF4B;AAG1CC,EAAAA,eAAe,EAAE;AAAA,WAAM,IAAN;AAAA,GAHyB;AAI1CC,EAAAA,eAAe,EAAE,IAJyB;AAK1CC,EAAAA,kBAAkB,EAAE;AAAA,WAAM,IAAN;AAAA,GALsB;AAM1CC,EAAAA,WAAW,EAAE,IAN6B;AAO1CC,EAAAA,cAAc,EAAE;AAAA,WAAM,IAAN;AAAA,GAP0B;AAQ1CC,EAAAA,YAAY,EAAE,KAR4B;AAS1CC,EAAAA,eAAe,EAAE;AAAA,WAAM,IAAN;AAAA,GATyB;AAU1CC,EAAAA,oBAAoB,EAAE,IAVoB;AAW1CC,EAAAA,gBAAgB,EAAE,EAXwB;AAY1CC,EAAAA,mBAAmB,EAAE;AAAA,WAAM,IAAN;AAAA,GAZqB;AAa1CC,EAAAA,YAAY,EAAE,EAb4B;AAc1CC,EAAAA,gBAAgB,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAdwB;IAiB/BC,cAAc,gBAAGC,mBAAa,CAAejB,cAAf;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"getFocusedByKeyboardStyle.js","sources":["../../../src/common/getFocusedByKeyboardStyle.tsx"],"sourcesContent":["const commonFocusedByKeyboardBorder = (\n props,\n height: string,\n width: string,\n) => `\n &:before {\n content: '';\n position: absolute;\n height: ${height};\n width: ${width};\n top: 0;\n left: 0px;\n border: 1px solid ${props.theme.colors.brand[600]};\n pointer-events: none;\n }\n`;\n\nexport const getFocusedByKeyboardBorderStyle = (\n props: {\n focused: boolean;\n focusedByKey: boolean;\n },\n height = '100%',\n width = '100%',\n): string => {\n if (props.focused && props.focusedByKey)\n return commonFocusedByKeyboardBorder(props, height, width);\n return '';\n};\n"],"names":["commonFocusedByKeyboardBorder","props","height","width","theme","colors","brand","getFocusedByKeyboardBorderStyle","focused","focusedByKey"],"mappings":";;;;AAAA,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,CACpCC,KADoC,EAEpCC,MAFoC,EAGpCC,KAHoC;AAAA,0FAQxBD,MARwB,2BASzBC,KATyB,mEAYdF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAZc;AAAA,CAAtC;;IAiBaC,+BAA+B,GAAG,SAAlCA,+BAAkC,CAC7CN,KAD6C,EAOlC;AAAA,MAFXC,MAEW,uEAFF,MAEE;AAAA,MADXC,KACW,uEADH,MACG;AACX,MAAIF,KAAK,CAACO,OAAN,IAAiBP,KAAK,CAACQ,YAA3B,EACE,OAAOT,6BAA6B,CAACC,KAAD,EAAQC,MAAR,EAAgBC,KAAhB,CAApC;AACF,SAAO,EAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"getItemBackgroundStyle.js","sources":["../../../src/common/getItemBackgroundStyle.tsx"],"sourcesContent":["const commonItemBackgroundStyle = (\n color: string,\n hoverColor: string,\n activeColor: string,\n): string => `\n\n background: ${color};\n\n :hover {\n background: ${hoverColor};\n }\n\n :active {\n background: ${activeColor};\n }\n`;\n\nexport const getItemBackgroundStyle = (props: {\n theme: any;\n selected: boolean;\n opened: boolean;\n}): string => {\n if (props.selected && !props.opened)\n return commonItemBackgroundStyle(\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n );\n\n return commonItemBackgroundStyle(\n props.theme.colors.neutral['000'],\n props.theme.colors.neutral['080'],\n props.theme.colors.brand[200],\n );\n};\n"],"names":["commonItemBackgroundStyle","color","hoverColor","activeColor","getItemBackgroundStyle","props","selected","opened","theme","colors","brand","neutral"],"mappings":";;;;AAAA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAChCC,KADgC,EAEhCC,UAFgC,EAGhCC,WAHgC;AAAA,qCAMlBF,KANkB,8CAShBC,UATgB,oDAahBC,WAbgB;AAAA,CAAlC;;IAiBaC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAIxB;AACZ,MAAIA,KAAK,CAACC,QAAN,IAAkB,CAACD,KAAK,CAACE,MAA7B,EACE,OAAOP,yBAAyB,CAC9BK,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAD8B,EAE9BL,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAF8B,EAG9BL,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH8B,CAAhC;AAMF,SAAOV,yBAAyB,CAC9BK,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAD8B,EAE9BN,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAF8B,EAG9BN,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH8B,CAAhC;AAKD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"getLeftBorderStyle.js","sources":["../../../src/common/getLeftBorderStyle.tsx"],"sourcesContent":["const commonLeftBorderStyle = (\n color: string,\n hoverColor: string,\n activeColor: string,\n): string => `\n\n -webkit-box-shadow: inset 4px 0 0 0 ${color};\n box-shadow: inset 4px 0 0 0 ${color};\n\n :hover {\n -webkit-box-shadow: inset 4px 0 0 0 ${hoverColor};\n box-shadow: inset 4px 0 0 0 ${hoverColor};\n }\n\n :active {\n -webkit-box-shadow: inset 4px 0 0 0 ${activeColor};\n box-shadow: inset 4px 0 0 0 ${activeColor};\n }\n`;\n\nexport const getLeftBorderStyle = (props: {\n theme: any;\n selected: boolean;\n}): string => {\n if (props.selected)\n return commonLeftBorderStyle(\n props.theme.colors.brand[400],\n props.theme.colors.brand[400],\n props.theme.colors.brand[400],\n );\n\n return commonLeftBorderStyle(\n props.theme.colors.neutral['000'],\n props.theme.colors.neutral[300],\n props.theme.colors.brand[400],\n );\n};\n"],"names":["commonLeftBorderStyle","color","hoverColor","activeColor","getLeftBorderStyle","props","selected","theme","colors","brand","neutral"],"mappings":";;;;AAAA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAC5BC,KAD4B,EAE5BC,UAF4B,EAG5BC,WAH4B;AAAA,6DAMUF,KANV,sDAOUA,KAPV,sEAUYC,UAVZ,wDAWYA,UAXZ,4EAeYC,WAfZ,wDAgBYA,WAhBZ;AAAA,CAA9B;;IAoBaC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAGpB;AACZ,MAAIA,KAAK,CAACC,QAAV,EACE,OAAON,qBAAqB,CAC1BK,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAD0B,EAE1BJ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAF0B,EAG1BJ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH0B,CAA5B;AAMF,SAAOT,qBAAqB,CAC1BK,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAD0B,EAE1BL,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,GAA3B,CAF0B,EAG1BL,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH0B,CAA5B;AAKD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"getScrollbarStyle.js","sources":["../../../src/common/getScrollbarStyle.tsx"],"sourcesContent":["export const getScrolbarStyle = (): string => `\n ::-webkit-scrollbar {\n width: 14px;\n }\n ::-webkit-scrollbar-thumb {\n height: 6px;\n border: 4px solid rgba(0, 0, 0, 0);\n\n background-clip: padding-box;\n\n background-color: rgba(105, 116, 137, 0.5);\n\n border-radius: 7px;\n -webkit-border-radius: 7px;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n`;\n"],"names":["getScrolbarStyle"],"mappings":";;;;IAAaA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useGlobalKeyListeners.js","sources":["../../../src/configs/useGlobalKeyListeners.tsx"],"sourcesContent":["import React from 'react';\n\ninterface optsT {\n setFocusedByKey: React.Dispatch<boolean>;\n}\n\nexport const useGlobalKeyListeners = (opts: optsT) => {\n const { setFocusedByKey } = opts;\n React.useEffect(() => {\n const isKey = () => setFocusedByKey(true);\n const isClick = () => setFocusedByKey(false);\n\n // To track wheter it's keyboard focus to apply the necessary style\n window.addEventListener('keydown', isKey);\n window.addEventListener('mousedown', isClick);\n\n return () => {\n window.removeEventListener('keydown', isKey);\n window.removeEventListener('mousedown', isClick);\n };\n }, [setFocusedByKey]);\n};\n\nexport default useGlobalKeyListeners;\n"],"names":["useGlobalKeyListeners","opts","setFocusedByKey","React","useEffect","isKey","isClick","window","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;IAMaA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAiB;AACpD,MAAQC,eAAR,GAA4BD,IAA5B,CAAQC,eAAR;AACAC,EAAAA,yBAAK,CAACC,SAAN,CAAgB,YAAM;AACpB,QAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,aAAMH,eAAe,CAAC,IAAD,CAArB;AAAA,KAAd;;AACA,QAAMI,OAAO,GAAG,SAAVA,OAAU;AAAA,aAAMJ,eAAe,CAAC,KAAD,CAArB;AAAA,KAAhB,CAFoB;;;AAKpBK,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,KAAnC;AACAE,IAAAA,MAAM,CAACC,gBAAP,CAAwB,WAAxB,EAAqCF,OAArC;AAEA,WAAO,YAAM;AACXC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,KAAtC;AACAE,MAAAA,MAAM,CAACE,mBAAP,CAA2B,WAA3B,EAAwCH,OAAxC;AACD,KAHD;AAID,GAZD,EAYG,CAACJ,eAAD,CAZH;AAaD;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useLeftNavConfig.js","sources":["../../../src/configs/useLeftNavConfig.tsx"],"sourcesContent":["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport { useGlobalKeyListeners } from './useGlobalKeyListeners';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n const {\n expanded,\n openedItem,\n onSelectedChange,\n onFocusChange,\n items,\n } = props;\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * INTERNAL STATE *\n // ************************** ------------ **************************\n // Selection related\n const [selectedItem, setSelectedItem] = React.useState(null);\n const [selectedSubitem, setSelectedSubitem] = React.useState(null);\n // Focus related\n const [focusedItem, setFocusedItem] = React.useState(null);\n const [focusedByKey, setFocusedByKey] = React.useState(true);\n // Opened uncontrolled drilldowns\n const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * EXPAND ANIMATION *\n // ************************** ------------ **************************\n const [expandedForAnimation, setExpandedForAnimation] = React.useState(\n expanded,\n );\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n const smoothExpandOpts = React.useMemo(\n () => ({\n expandedForAnimation,\n timeoutRef,\n setExpandedForAnimation,\n }),\n [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n );\n useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * KEYBOARD *\n // ************************** ------------ **************************\n const globalKeyOpts = React.useMemo(() => ({ setFocusedByKey }), [\n setFocusedByKey,\n ]);\n useGlobalKeyListeners(globalKeyOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * SIDE EFFECTS *\n // ************************** ------------ **************************\n React.useEffect(() => {\n onSelectedChange(selectedItem);\n }, [selectedItem, onSelectedChange]);\n\n React.useEffect(() => {\n onFocusChange(focusedItem);\n }, [focusedItem, setFocusedItem]);\n\n useSelectFirstBodyItem(items, openedItem, setSelectedItem);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * ITEMS MANAGEMENT *\n // ************************** ------------ **************************\n\n const leftNavItemsProps = React.useMemo(\n () => ({\n headerItem: props.HeaderComponent,\n bodyHeaderItem: props.BodyHeaderComponent,\n items: props.items,\n openedDrilldowns,\n }),\n [props.items, openedDrilldowns],\n );\n // We need to know the current visible items since we have drilldowns\n const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * LEFTNAV CONFIG *\n // ************************** ------------ **************************\n const finalConfig = React.useMemo(\n () => ({\n leftNavProps: props,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n selectedSubitem,\n setSelectedSubitem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n setFocusedByKey,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n }),\n [\n props,\n props.items,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n selectedSubitem,\n setSelectedSubitem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n setFocusedByKey,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n ],\n );\n\n return finalConfig;\n};\n\nexport default useLeftNavConfig;\n"],"names":["useLeftNavConfig","props","expanded","openedItem","onSelectedChange","onFocusChange","items","React","useState","selectedItem","setSelectedItem","selectedSubitem","setSelectedSubitem","focusedItem","setFocusedItem","focusedByKey","setFocusedByKey","openedDrilldowns","setOpenedDrilldowns","expandedForAnimation","setExpandedForAnimation","timeoutRef","useRef","smoothExpandOpts","useMemo","useLeftNavSmoothExpand","globalKeyOpts","useGlobalKeyListeners","useEffect","useSelectFirstBodyItem","leftNavItemsProps","headerItem","HeaderComponent","bodyHeaderItem","BodyHeaderComponent","useLeftNavItems","visibleItems","visibleItemsRefs","finalConfig","leftNavProps"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useLeftNavItems.js","sources":["../../../src/configs/useLeftNavItems.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport { createRef, MutableRefObject, RefObject, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related';\nimport type { GenericItemItemProps } from '../index.d';\nimport { FOOTER_DS_ID } from '../exported-related/constants';\n\nconst notFocuseableItems = [\n ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,\n ITEM_TYPES.LEFT_NAV_ITEM_SECTION,\n];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n items: GenericItemItemProps[],\n openedDrilldowns: string[],\n callback: (dsId: string) => void,\n) => {\n items.forEach((item) => {\n if (typeof item.type === 'string') {\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 (\n item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN &&\n openedDrilldowns.includes(item.dsId)\n )\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n // If it's an opened controlled drilldown\n if (\n item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN &&\n item.itemOpts?.isOpened\n )\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n } else {\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: GenericItemItemProps;\n bodyHeaderItem: GenericItemItemProps;\n items: GenericItemItemProps[];\n openedDrilldowns: string[];\n}): {\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n} => {\n const {\n headerItem,\n bodyHeaderItem,\n items: bodyItems,\n openedDrilldowns,\n } = props;\n\n // Place the header and body header items into the array of items\n const items = useMemo(() => {\n const itemsArray: 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<HTMLElement>>>({});\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 }, [props]);\n\n visibleItems.forEach((dsId) => {\n if (!(dsId in visibleItemsRefs.current))\n visibleItemsRefs.current[dsId] = createRef();\n });\n\n return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],"names":["notFocuseableItems","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SECTION","walkItems","items","openedDrilldowns","callback","forEach","item","type","includes","dsId","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","itemOpts","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","isOpened","focuseable","useLeftNavItems","props","headerItem","bodyHeaderItem","bodyItems","useMemo","itemsArray","unshift","visibleItemsRefs","useRef","visibleItems","visibleItemsArray","push","FOOTER_DS_ID","current","createRef"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useLeftNavSmoothExpand.js","sources":["../../../src/configs/useLeftNavSmoothExpand.tsx"],"sourcesContent":["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\n\ninterface smoothExpandOptsT {\n expandedForAnimation: boolean;\n timeoutRef: React.MutableRefObject<NodeJS.Timeout>;\n setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport const useLeftNavSmoothExpand = (\n props: LeftNavProps,\n smoothExpandOpts: smoothExpandOptsT,\n): void => {\n const { expanded } = props;\n const {\n expandedForAnimation,\n timeoutRef,\n setExpandedForAnimation,\n } = 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 clearTimeout(timeoutRef.current);\n timeoutRef.current = setTimeout(\n () => setExpandedForAnimation(false),\n 350,\n );\n } else if (expanded) setExpandedForAnimation(true);\n }, [expanded]);\n\n React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n};\n\nexport default useLeftNavSmoothExpand;\n"],"names":["useLeftNavSmoothExpand","props","smoothExpandOpts","expanded","expandedForAnimation","timeoutRef","setExpandedForAnimation","React","useEffect","clearTimeout","current","setTimeout"],"mappings":";;;;;;;;;;IAQaA,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,KADoC,EAEpCC,gBAFoC,EAG3B;AACT,MAAQC,QAAR,GAAqBF,KAArB,CAAQE,QAAR;AACA,MACEC,oBADF,GAIIF,gBAJJ,CACEE,oBADF;AAAA,MAEEC,UAFF,GAIIH,gBAJJ,CAEEG,UAFF;AAAA,MAGEC,uBAHF,GAIIJ,gBAJJ,CAGEI,uBAHF;AAMAC,EAAAA,yBAAK,CAACC,SAAN,CAAgB,YAAM;AACpB;AACA;AACA,QAAI,CAACL,QAAD,IAAaC,oBAAjB,EAAuC;AACrCK,MAAAA,YAAY,CAACJ,UAAU,CAACK,OAAZ,CAAZ;AACAL,MAAAA,UAAU,CAACK,OAAX,GAAqBC,UAAU,CAC7B;AAAA,eAAML,uBAAuB,CAAC,KAAD,CAA7B;AAAA,OAD6B,EAE7B,GAF6B,CAA/B;AAID,KAND,MAMO,IAAIH,QAAJ,EAAcG,uBAAuB,CAAC,IAAD,CAAvB;AACtB,GAVD,EAUG,CAACH,QAAD,CAVH;AAYAI,EAAAA,yBAAK,CAACC,SAAN,CAAgB;AAAA,WAAM;AAAA,aAAMC,YAAY,CAACJ,UAAU,CAACK,OAAZ,CAAlB;AAAA,KAAN;AAAA,GAAhB,EAA8D,EAA9D;AACD;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/exported-related/ChevronItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\n\nexport const ChevronItem = (props: unknown): JSX.Element => (\n <ChevronSmallRight size=\"m\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default ChevronItem;\n"],"names":["ChevronItem","props","React","ChevronSmallRight"],"mappings":";;;;;;;;;;;;;IAGaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,sBACzBC,wCAACC,yBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAnC,KAA+DF,KAA/D,EADyB;AAAA;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/exported-related/Icon/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nconst AugmentedIcon = (\n Icon: React.ComponentType<{ color: unknown; tabIndex: number }>,\n) => styled(Icon)`\n cursor: pointer;\n\n outline: 0;\n :focus,\n :active {\n outline: 1px solid #1e79c2;\n }\n`;\n\nexport const Icon = (\n IconComponent: React.ComponentType<{ color: unknown; tabIndex: number }>,\n) => (props: unknown): JSX.Element => {\n const StyledComponent = AugmentedIcon(IconComponent);\n return (\n <StyledComponent color={['brand-primary', 800]} tabIndex={0} {...props} />\n );\n};\n"],"names":["AugmentedIcon","Icon","styled","IconComponent","props","StyledComponent","React"],"mappings":";;;;;;;;;;;;;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CACpBC,IADoB;AAAA,SAEjBC,0BAAM,CAACD,IAAD,CAFW;AAAA;AAAA;AAAA,CAAtB;;IAYaA,IAAI,GAAG,SAAPA,IAAO,CAClBE,aADkB;AAAA,SAEf,UAACC,KAAD,EAAiC;AACpC,QAAMC,eAAe,GAAGL,aAAa,CAACG,aAAD,CAArC;AACA,wBACEG,wCAAC,eAAD;AAAiB,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAAxB;AAAgD,MAAA,QAAQ,EAAE;AAA1D,OAAiEF,KAAjE,EADF;AAGD,GAPmB;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/exported-related/ItemRenderer/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { StyledItemWrapper, StyledItem } from './styled';\n\nimport { ItemRendererT } from '../../index.d';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { usePropsWithDefaults } from './usePropsWithDefaults';\nimport { useKeyboardNavigation } from '../../hooks';\n\nexport const ItemRenderer = (props: ItemRendererT): JSX.Element => {\n const propsWithDefault = usePropsWithDefaults(props);\n const {\n item,\n item: {\n dsId,\n itemOpts: { selectable, focuseable, indent, ariaLabel, ariaRole, ariaLive, 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 focusedByKey,\n selectedItem,\n setSelectedItem,\n focusedItem,\n setFocusedItem,\n visibleItemsRefs,\n } = ctx;\n\n const opened = dsId === openedItem;\n\n const handleOnClick = useCallback(\n (e) => {\n if (onClick) onClick(); // used by uncontrolled drilldowns\n onItemClick(item, e);\n if (selectable) setSelectedItem(item.dsId);\n },\n [onItemClick, item, setSelectedItem, selectable, onClick],\n );\n\n const handleFocus = useCallback(() => {\n if (focuseable) setFocusedItem(dsId);\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 const isFocused = useMemo(() => focusedItem === dsId, [focusedItem, dsId]);\n\n if (!expandedForAnimation && !CollapsedComponent) {\n return null;\n }\n\n return (\n <>\n <StyledItemWrapper shadowStyle={shadowStyle} data-testid=\"leftnav-item-wrapper\">\n <StyledItem\n ref={visibleItemsRefs.current[dsId]}\n pt={paddingTop}\n pl={indent === undefined ? 'xxxs' : `${indent}px`}\n minHeight={minHeight}\n shadowStyle={shadowStyle}\n alignItems=\"flex-start\"\n cols={cols}\n onClick={!opened ? handleOnClick : () => null}\n onKeyDown={onKeyDown}\n selectable={selectable}\n selected={isSelected}\n opened={opened}\n focused={isFocused}\n focusedByKey={focusedByKey}\n onFocus={handleFocus}\n data-testid=\"leftnav-item-container\"\n tabIndex={focuseable ? 0 : -1}\n aria-describedby={ariaDescribedBy}\n aria-expanded={ariaExpanded}\n role={ariaRole}\n aria-label={ariaLabel}\n aria-hidden={!focuseable}\n aria-live={ariaLive}\n >\n {!expandedForAnimation ? (\n <Grid data-testid=\"leftnav-leftcomponent\" justifyContent=\"center\">\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n ) : (\n children\n )}\n </StyledItem>\n {hasBorderBottom && (\n <div\n style={{\n marginLeft: opened ? '16px' : '0px',\n marginRight: borderBottomMr,\n height: '1px',\n width: `calc(100% - ${borderBottomMr} - ${opened ? '16px' : '0px'})`,\n backgroundColor: '#E0E3E8',\n }}\n />\n )}\n </StyledItemWrapper>\n {subitems}\n </>\n );\n};\n"],"names":["ItemRenderer","props","propsWithDefault","usePropsWithDefaults","item","dsId","itemOpts","selectable","focuseable","indent","ariaLabel","ariaRole","ariaLive","ariaExpanded","ariaDescribedBy","CollapsedComponent","subitems","minHeight","paddingTop","onClick","shadowStyle","hasBorderBottom","borderBottomMr","children","ctx","useContext","LeftNavContext","leftNavProps","onItemClick","openedItem","expandedForAnimation","focusedByKey","selectedItem","setSelectedItem","focusedItem","setFocusedItem","visibleItemsRefs","opened","handleOnClick","useCallback","e","handleFocus","onKeyDown","useKeyboardNavigation","cols","useMemo","isSelected","isFocused","React","StyledItemWrapper","StyledItem","current","undefined","Grid","marginLeft","marginRight","height","width","backgroundColor"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/exported-related/ItemRenderer/styled.tsx"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\ninterface ItemProps {\n selected: boolean;\n selectable: boolean;\n opened: boolean;\n theme: any;\n shadowStyle: (theme: any) => string;\n}\n\nexport const StyledItemWrapper = styled(Grid)<{\n shadowStyle: (theme: any) => string;\n}>`\n position: relative;\n ${(props) => props.shadowStyle(props.theme)}\n`;\n\nconst getItemBackground = ({\n selectable,\n opened,\n selected,\n theme,\n}: ItemProps) => {\n if (!selectable) return 'white';\n if (selected && !opened) return theme.colors.brand[200];\n return theme.colors.neutral['000'];\n};\n\nconst getItemHoverBackground = ({\n selectable,\n opened,\n selected,\n theme,\n}: ItemProps) => {\n if (!selectable) return 'white';\n if (selected && !opened) return theme.colors.brand[200];\n return theme.colors.neutral['080'];\n};\n\nexport const StyledItem = styled(Grid)<{ minHeight: string } & ItemProps>`\n cursor: ${(props) =>\n props.selectable && !props.opened ? 'pointer' : 'auto'};\n min-height: ${(props) => props.minHeight};\n\n background: ${getItemBackground};\n\n :hover {\n background: ${getItemHoverBackground};\n }\n\n :active {\n background: ${({ selectable, theme }) =>\n selectable ? theme.colors.brand[200] : 'white'};\n }\n\n ${(props) => props.shadowStyle(props.theme)};\n\n outline: none;\n\n ${(props) =>\n props.focused && props.focusedByKey\n ? `\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid ${props.theme.colors.brand[600]};\n pointer-events: none;\n }`\n : ''}\n`;\n"],"names":["StyledItemWrapper","styled","Grid","props","shadowStyle","theme","getItemBackground","selectable","opened","selected","colors","brand","neutral","getItemHoverBackground","StyledItem","minHeight","focused","focusedByKey"],"mappings":";;;;;;;;;;;;AAAA;IAaaA,iBAAiB,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,+BAI1B,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,WAAN,CAAkBD,KAAK,CAACE,KAAxB,CAAX;AAAA,CAJ0B;;AAO9B,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAKT;AAAA,MAJfC,UAIe,QAJfA,UAIe;AAAA,MAHfC,MAGe,QAHfA,MAGe;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADfJ,KACe,QADfA,KACe;AACf,MAAI,CAACE,UAAL,EAAiB,OAAO,OAAP;AACjB,MAAIE,QAAQ,IAAI,CAACD,MAAjB,EAAyB,OAAOH,KAAK,CAACK,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAP;AACzB,SAAON,KAAK,CAACK,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAAP;AACD,CATD;;AAWA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,QAKd;AAAA,MAJfN,UAIe,SAJfA,UAIe;AAAA,MAHfC,MAGe,SAHfA,MAGe;AAAA,MAFfC,QAEe,SAFfA,QAEe;AAAA,MADfJ,KACe,SADfA,KACe;AACf,MAAI,CAACE,UAAL,EAAiB,OAAO,OAAP;AACjB,MAAIE,QAAQ,IAAI,CAACD,MAAjB,EAAyB,OAAOH,KAAK,CAACK,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAP;AACzB,SAAON,KAAK,CAACK,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAAP;AACD,CATD;;IAWaE,UAAU,gBAAGb,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,4HACX,UAACC,KAAD;AAAA,SACRA,KAAK,CAACI,UAAN,IAAoB,CAACJ,KAAK,CAACK,MAA3B,GAAoC,SAApC,GAAgD,MADxC;AAAA,CADW,EAGP,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACY,SAAjB;AAAA,CAHO,EAKPT,iBALO,EAQLO,sBARK,EAYL;AAAA,MAAGN,UAAH,SAAGA,UAAH;AAAA,MAAeF,KAAf,SAAeA,KAAf;AAAA,SACZE,UAAU,GAAGF,KAAK,CAACK,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,OAD3B;AAAA,CAZK,EAgBnB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,WAAN,CAAkBD,KAAK,CAACE,KAAxB,CAAX;AAAA,CAhBmB,EAoBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACa,OAAN,IAAiBb,KAAK,CAACc,YAAvB,wLASwBd,KAAK,CAACE,KAAN,CAAYK,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CATxB,iDAYI,EAbJ;AAAA,CApBmB;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePropsWithDefaults.js","sources":["../../../../src/exported-related/ItemRenderer/usePropsWithDefaults.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { itemOptsT, ItemRendererT } from '../../index.d';\n\nconst itemDefaultProps: itemOptsT = {\n label: '',\n labelOverflow: 'truncate',\n selectable: true,\n focuseable: true,\n openable: false,\n closable: false,\n ariaLabel: '',\n ariaRole: 'menuitem',\n ariaLive: 'off',\n ariaExpanded: undefined,\n ariaDescribedBy: undefined,\n};\n\n// Make use Item props with defaults\n\nexport const usePropsWithDefaults = (props: ItemRendererT): ItemRendererT => {\n const propsWithDefault = useMemo(() => {\n const itemWithDefaults = {\n CollapsedComponent: () => null,\n ...props.item,\n itemOpts: { ...itemDefaultProps, ...props.item.itemOpts },\n };\n return {\n minHeight: '48px',\n paddingTop: '12px',\n subitems: [],\n shadowStyle: () => 'box-shadow: inherit',\n hasBorderBottom: false,\n borderBottomMr: '0px',\n ...props,\n item: itemWithDefaults,\n };\n }, [props]);\n\n return propsWithDefault;\n};\n"],"names":["itemDefaultProps","label","labelOverflow","selectable","focuseable","openable","closable","ariaLabel","ariaRole","ariaLive","ariaExpanded","undefined","ariaDescribedBy","usePropsWithDefaults","props","propsWithDefault","useMemo","itemWithDefaults","CollapsedComponent","item","itemOpts","minHeight","paddingTop","subitems","shadowStyle","hasBorderBottom","borderBottomMr"],"mappings":";;;;;;;;;;;;;;AAGA,IAAMA,gBAA2B,GAAG;AAClCC,EAAAA,KAAK,EAAE,EAD2B;AAElCC,EAAAA,aAAa,EAAE,UAFmB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,IAJsB;AAKlCC,EAAAA,QAAQ,EAAE,KALwB;AAMlCC,EAAAA,QAAQ,EAAE,KANwB;AAOlCC,EAAAA,SAAS,EAAE,EAPuB;AAQlCC,EAAAA,QAAQ,EAAE,UARwB;AASlCC,EAAAA,QAAQ,EAAE,KATwB;AAUlCC,EAAAA,YAAY,EAAEC,SAVoB;AAWlCC,EAAAA,eAAe,EAAED;AAXiB,CAApC;;IAgBaE,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyC;AAC3E,MAAMC,gBAAgB,GAAGC,aAAO,CAAC,YAAM;AACrC,QAAMC,gBAAgB;AACpBC,MAAAA,kBAAkB,EAAE;AAAA,eAAM,IAAN;AAAA;AADA,OAEjBJ,KAAK,CAACK,IAFW;AAGpBC,MAAAA,QAAQ,kCAAOpB,gBAAP,GAA4Bc,KAAK,CAACK,IAAN,CAAWC,QAAvC;AAHY,MAAtB;;AAKA;AACEC,MAAAA,SAAS,EAAE,MADb;AAEEC,MAAAA,UAAU,EAAE,MAFd;AAGEC,MAAAA,QAAQ,EAAE,EAHZ;AAIEC,MAAAA,WAAW,EAAE;AAAA,eAAM,qBAAN;AAAA,OAJf;AAKEC,MAAAA,eAAe,EAAE,KALnB;AAMEC,MAAAA,cAAc,EAAE;AANlB,OAOKZ,KAPL;AAQEK,MAAAA,IAAI,EAAEF;AARR;AAUD,GAhB+B,EAgB7B,CAACH,KAAD,CAhB6B,CAAhC;AAkBA,SAAOC,gBAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/exported-related/Notifications/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n AlertsSmallFill,\n Notifications as InternalNotifications,\n ExceptionsSmallFill,\n MessagesSmallFill,\n} from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nconst StyledIcon = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\ntype NotificationsProps = {\n exceptions?: boolean;\n alerts?: boolean;\n messages?: boolean;\n};\n\nexport const Notifications = ({\n exceptions = false,\n alerts = false,\n messages = false,\n}: NotificationsProps): JSX.Element => (\n <StyledIcon>\n <InternalNotifications size=\"m\" color={['brand-primary', 800]} />\n {(exceptions || alerts || messages) && (\n <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n <Grid width=\"6px\" height=\"6px\">\n {exceptions && <ExceptionsSmallFill width=\"6px\" height=\"6px\" color={['warning', 900]} />}\n </Grid>\n <Grid width=\"6px\" height=\"6px\">\n {alerts && <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', 900]} />}\n </Grid>\n <Grid width=\"6px\" height=\"6px\">\n {messages && <MessagesSmallFill width=\"6px\" height=\"6px\" color={['success', 900]} />}\n </Grid>\n </Grid>\n )}\n </StyledIcon>\n);\n\nexport default Notifications;\n"],"names":["StyledIcon","styled","div","Notifications","exceptions","alerts","messages","React","InternalNotifications","Grid","ExceptionsSmallFill","AlertsSmallFill","MessagesSmallFill"],"mappings":";;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,8DAAhB;IAYaC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,6BAC3BC,UAD2B;AAAA,MAC3BA,UAD2B,gCACd,KADc;AAAA,yBAE3BC,MAF2B;AAAA,MAE3BA,MAF2B,4BAElB,KAFkB;AAAA,2BAG3BC,QAH2B;AAAA,MAG3BA,QAH2B,8BAGhB,KAHgB;AAAA,sBAK3BC,wCAAC,UAAD,qBACEA,wCAACC,qBAAD;AAAuB,IAAA,IAAI,EAAC,GAA5B;AAAgC,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAvC,IADF,EAEG,CAACJ,UAAU,IAAIC,MAAd,IAAwBC,QAAzB,kBACCC,wCAACE,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,CAAZ;AAAmC,IAAA,MAAM,EAAC,MAA1C;AAAiD,IAAA,EAAE,EAAC;AAApD,kBACEF,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGL,UAAU,iBAAIG,wCAACG,2BAAD;AAAqB,IAAA,KAAK,EAAC,KAA3B;AAAiC,IAAA,MAAM,EAAC,KAAxC;AAA8C,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAArD,IADjB,CADF,eAIEH,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGJ,MAAM,iBAAIE,wCAACI,uBAAD;AAAiB,IAAA,KAAK,EAAC,KAAvB;AAA6B,IAAA,MAAM,EAAC,KAApC;AAA0C,IAAA,KAAK,EAAE,CAAC,QAAD,EAAW,GAAX;AAAjD,IADb,CAJF,eAOEJ,wCAACE,wBAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGH,QAAQ,iBAAIC,wCAACK,yBAAD;AAAmB,IAAA,KAAK,EAAC,KAAzB;AAA+B,IAAA,MAAM,EAAC,KAAtC;AAA4C,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAnD,IADf,CAPF,CAHJ,CAL2B;AAAA;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/exported-related/OpenWindowItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { OpenWindow as OpenWindowIcon } from '@elliemae/ds-icons';\n\nconst StyledOpenWindow = styled(OpenWindowIcon)`\n cursor: pointer;\n :focus {\n outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n }\n`;\n\nexport const OpenWindow = (props: unknown): JSX.Element => (\n <StyledOpenWindow size=\"s\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default OpenWindow;\n"],"names":["StyledOpenWindow","styled","OpenWindowIcon","props","theme","colors","brand","OpenWindow","React"],"mappings":";;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,kBAAD,CAAT;AAAA;AAAA,uDAGG,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHH,CAAtB;IAOaC,UAAU,GAAG,SAAbA,UAAa,CAACJ,KAAD;AAAA,sBACxBK,wCAAC,gBAAD;AAAkB,IAAA,IAAI,EAAC,GAAvB;AAA2B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlC,KAA8DL,KAA9D,EADwB;AAAA;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sources":["../../../src/exported-related/constants.tsx"],"sourcesContent":["export const LABEL_OVERFLOW = {\n WRAP: 'wrap',\n WRAP_ALL: 'wrapAll',\n TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n"],"names":["LABEL_OVERFLOW","WRAP","WRAP_ALL","TRUNCATE","ITEM_TYPES","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","FOOTER_DS_ID","FOOTER_MENU_CLOSE_DS_ID","CHEVRON_BACK_DS_ID"],"mappings":";;;;IAAaA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,MADsB;AAE5BC,EAAAA,QAAQ,EAAE,SAFkB;AAG5BC,EAAAA,QAAQ,EAAE;AAHkB;IAMjBC,UAAU,GAAG;AACxBC,EAAAA,oBAAoB,EAAE,yBADE;AAExBC,EAAAA,kBAAkB,EAAE,uBAFI;AAGxBC,EAAAA,qBAAqB,EAAE,0BAHC;AAIxBC,EAAAA,kCAAkC,EAAE,uCAJZ;AAKxBC,EAAAA,oCAAoC,EAAE,yCALd;AAMxBC,EAAAA,qBAAqB,EAAE,0BANC;AAOxBC,EAAAA,uBAAuB,EAAE,4BAPD;AAQxBC,EAAAA,wBAAwB,EAAE,6BARF;AASxBC,EAAAA,uBAAuB,EAAE;AATD;IAYbC,YAAY,GAAG;IAEfC,uBAAuB,GAAG;IAE1BC,kBAAkB,GAAG;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useExpandableOnClickHandler.js","sources":["../../../src/hooks/useExpandableOnClickHandler.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport LeftNavigationContext from '../LeftNavigationContext';\n\ntype useExpandableOnClickHandlerProps = {\n id: string;\n onExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n onOpen: React.MouseEventHandler & React.KeyboardEventHandler;\n selectable?: boolean;\n};\n\nexport const useExpandableOnClickHandler = ({\n id,\n onExpand,\n onOpen,\n selectable = true,\n}: useExpandableOnClickHandlerProps): ((\n e: React.MouseEvent<HTMLElement>,\n) => void) => {\n const {\n leftNavProps: { expanded },\n setSelectedItem,\n } = useContext(LeftNavigationContext);\n\n const handleOnExpand = useCallback(\n (e) => {\n onExpand(e);\n if (selectable) setSelectedItem(id);\n },\n [id, onExpand, setSelectedItem, selectable],\n );\n\n const handleOnOpen = useCallback(\n (e) => {\n onOpen(e);\n if (selectable) setSelectedItem(id);\n },\n [id, onOpen, setSelectedItem, selectable],\n );\n\n const handleOnClick = useCallback(\n (e) => {\n if (!expanded) handleOnExpand(e);\n else handleOnOpen(e);\n },\n [expanded, handleOnExpand, handleOnOpen],\n );\n\n return handleOnClick;\n};\n"],"names":["useExpandableOnClickHandler","id","onExpand","onOpen","selectable","useContext","LeftNavigationContext","expanded","leftNavProps","setSelectedItem","handleOnExpand","useCallback","e","handleOnOpen","handleOnClick"],"mappings":";;;;;;;IAUaA,2BAA2B,GAAG,SAA9BA,2BAA8B,OAO7B;AAAA,MANZC,EAMY,QANZA,EAMY;AAAA,MALZC,QAKY,QALZA,QAKY;AAAA,MAJZC,MAIY,QAJZA,MAIY;AAAA,6BAHZC,UAGY;AAAA,MAHZA,UAGY,gCAHC,IAGD;;AACZ,oBAGIC,gBAAU,CAACC,oCAAD,CAHd;AAAA,MACkBC,QADlB,eACEC,YADF,CACkBD,QADlB;AAAA,MAEEE,eAFF,eAEEA,eAFF;;AAKA,MAAMC,cAAc,GAAGC,iBAAW,CAChC,UAACC,CAAD,EAAO;AACLV,IAAAA,QAAQ,CAACU,CAAD,CAAR;AACA,QAAIR,UAAJ,EAAgBK,eAAe,CAACR,EAAD,CAAf;AACjB,GAJ+B,EAKhC,CAACA,EAAD,EAAKC,QAAL,EAAeO,eAAf,EAAgCL,UAAhC,CALgC,CAAlC;AAQA,MAAMS,YAAY,GAAGF,iBAAW,CAC9B,UAACC,CAAD,EAAO;AACLT,IAAAA,MAAM,CAACS,CAAD,CAAN;AACA,QAAIR,UAAJ,EAAgBK,eAAe,CAACR,EAAD,CAAf;AACjB,GAJ6B,EAK9B,CAACA,EAAD,EAAKE,MAAL,EAAaM,eAAb,EAA8BL,UAA9B,CAL8B,CAAhC;AAQA,MAAMU,aAAa,GAAGH,iBAAW,CAC/B,UAACC,CAAD,EAAO;AACL,QAAI,CAACL,QAAL,EAAeG,cAAc,CAACE,CAAD,CAAd,CAAf,KACKC,YAAY,CAACD,CAAD,CAAZ;AACN,GAJ8B,EAK/B,CAACL,QAAD,EAAWG,cAAX,EAA2BG,YAA3B,CAL+B,CAAjC;AAQA,SAAOC,aAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../src/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, {\n useCallback,\n useMemo,\n useLayoutEffect,\n useContext,\n} from 'react';\nimport {\n CHEVRON_BACK_DS_ID,\n FOOTER_MENU_CLOSE_DS_ID,\n} from '../exported-related/constants';\nimport { GenericItemItemProps } from '../index.d';\nimport LeftNavContext from '../LeftNavigationContext';\n\nconst KEY_CODES = {\n TAB: 9,\n ENTER: 13,\n SPACE: 32,\n LEFT_ARROW: 37,\n UP_ARROW: 38,\n RIGHT_ARROW: 39,\n DOWN_ARROW: 40,\n END: 35,\n HOME: 36,\n};\n\nconst nextIndex = (index: number, length: number) => (index + 1) % length;\nconst prevIndex = (index: number, length: number) =>\n (index - 1 + length) % length;\n\ntype useKeyboardNavigationProps = {\n item: GenericItemItemProps;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick: (e: any) => void;\n};\n\nexport const useKeyboardNavigation = ({\n item,\n onClick,\n}: useKeyboardNavigationProps): React.KeyboardEventHandler => {\n const {\n dsId,\n itemOpts: { selectable, openable, closable },\n } = item;\n\n const { visibleItems, visibleItemsRefs } = useContext(LeftNavContext);\n\n const currentIndex = useMemo(\n () => visibleItems.findIndex((visibleItemDsId) => visibleItemDsId === dsId),\n [dsId, visibleItems],\n );\n\n const {\n expandedForAnimation,\n setFocusedItem,\n focusedItem,\n setSelectedItem,\n } = useContext(LeftNavContext);\n\n const focusAndSelect = useCallback(\n (nextDsId: string) => {\n setFocusedItem(nextDsId);\n setSelectedItem(nextDsId);\n },\n [setFocusedItem, setSelectedItem],\n );\n\n useLayoutEffect(() => {\n if (dsId === focusedItem) visibleItemsRefs.current[dsId]?.current?.focus();\n }, [dsId, focusedItem, visibleItemsRefs]);\n\n const onKeyDown: React.KeyboardEventHandler = useCallback(\n (e) => {\n const { keyCode } = e;\n\n // Prevent default behaviour when not tab\n if (keyCode !== KEY_CODES.TAB) {\n e.preventDefault();\n }\n\n if (keyCode === KEY_CODES.ENTER || keyCode === KEY_CODES.SPACE) {\n if (selectable) {\n onClick(e);\n focusAndSelect(dsId);\n } else if (focusedItem === CHEVRON_BACK_DS_ID) {\n onClick(e);\n focusAndSelect(dsId);\n } else if (focusedItem === FOOTER_MENU_CLOSE_DS_ID) {\n onClick(e);\n setFocusedItem(dsId);\n }\n }\n\n if (openable && keyCode === KEY_CODES.RIGHT_ARROW) {\n onClick(e);\n }\n\n if (closable && keyCode === KEY_CODES.LEFT_ARROW) {\n onClick(e);\n focusAndSelect(dsId);\n }\n\n if (keyCode === KEY_CODES.DOWN_ARROW) {\n const nextDsId =\n visibleItems[nextIndex(currentIndex, visibleItems.length)];\n setFocusedItem(nextDsId);\n }\n\n if (keyCode === KEY_CODES.UP_ARROW) {\n const prevDsId =\n visibleItems[prevIndex(currentIndex, visibleItems.length)];\n setFocusedItem(prevDsId);\n }\n\n if (keyCode === KEY_CODES.HOME) {\n setFocusedItem(visibleItems[0]);\n }\n\n if (keyCode === KEY_CODES.END) {\n setFocusedItem(visibleItems[visibleItems.length - 1]);\n }\n },\n [\n dsId,\n expandedForAnimation,\n selectable,\n openable,\n closable,\n onClick,\n visibleItemsRefs,\n visibleItems,\n focusedItem,\n focusAndSelect,\n ],\n );\n\n return onKeyDown;\n};\n"],"names":["KEY_CODES","TAB","ENTER","SPACE","LEFT_ARROW","UP_ARROW","RIGHT_ARROW","DOWN_ARROW","END","HOME","nextIndex","index","length","prevIndex","useKeyboardNavigation","item","onClick","dsId","itemOpts","selectable","openable","closable","useContext","LeftNavContext","visibleItems","visibleItemsRefs","currentIndex","useMemo","findIndex","visibleItemDsId","expandedForAnimation","setFocusedItem","focusedItem","setSelectedItem","focusAndSelect","useCallback","nextDsId","useLayoutEffect","current","focus","onKeyDown","e","keyCode","preventDefault","CHEVRON_BACK_DS_ID","FOOTER_MENU_CLOSE_DS_ID","prevDsId"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useOpenableOnClickHandler.js","sources":["../../../src/hooks/useOpenableOnClickHandler.tsx"],"sourcesContent":["import { useCallback, useContext } from 'react';\nimport LeftNavigationContext from '../LeftNavigationContext';\n\ntype useOpenableOnClickHandlerProps = {\n id: string;\n onExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n onOpen: React.MouseEventHandler & React.KeyboardEventHandler;\n onClose: React.MouseEventHandler & React.KeyboardEventHandler;\n opened: boolean;\n};\n\nexport const useOpenableOnClickHandler = ({\n id,\n opened,\n onExpand,\n onOpen,\n onClose,\n}: useOpenableOnClickHandlerProps): ((\n e: React.MouseEvent<HTMLElement>,\n) => void) => {\n const {\n leftNavProps: { expanded },\n setSelectedItem,\n } = useContext(LeftNavigationContext);\n\n const handleOnExpand = useCallback(\n (e) => {\n onExpand(e);\n setSelectedItem(id);\n },\n [id, onExpand, setSelectedItem],\n );\n\n const handleOnOpen = useCallback(\n (e) => {\n onOpen(e);\n setSelectedItem(id);\n },\n [id, onOpen, setSelectedItem],\n );\n\n const handleOnClose = useCallback(\n (e) => {\n onClose(e);\n setSelectedItem(id);\n },\n [id, onClose, setSelectedItem],\n );\n\n const handleOnClick = useCallback(\n (e) => {\n if (!expanded) handleOnExpand(e);\n else if (!opened) handleOnOpen(e);\n else handleOnClose(e);\n },\n [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose],\n );\n\n return handleOnClick;\n};\n"],"names":["useOpenableOnClickHandler","id","opened","onExpand","onOpen","onClose","useContext","LeftNavigationContext","expanded","leftNavProps","setSelectedItem","handleOnExpand","useCallback","e","handleOnOpen","handleOnClose","handleOnClick"],"mappings":";;;;;;;IAWaA,yBAAyB,GAAG,SAA5BA,yBAA4B,OAQ3B;AAAA,MAPZC,EAOY,QAPZA,EAOY;AAAA,MANZC,MAMY,QANZA,MAMY;AAAA,MALZC,QAKY,QALZA,QAKY;AAAA,MAJZC,MAIY,QAJZA,MAIY;AAAA,MAHZC,OAGY,QAHZA,OAGY;;AACZ,oBAGIC,gBAAU,CAACC,oCAAD,CAHd;AAAA,MACkBC,QADlB,eACEC,YADF,CACkBD,QADlB;AAAA,MAEEE,eAFF,eAEEA,eAFF;;AAKA,MAAMC,cAAc,GAAGC,iBAAW,CAChC,UAACC,CAAD,EAAO;AACLV,IAAAA,QAAQ,CAACU,CAAD,CAAR;AACAH,IAAAA,eAAe,CAACT,EAAD,CAAf;AACD,GAJ+B,EAKhC,CAACA,EAAD,EAAKE,QAAL,EAAeO,eAAf,CALgC,CAAlC;AAQA,MAAMI,YAAY,GAAGF,iBAAW,CAC9B,UAACC,CAAD,EAAO;AACLT,IAAAA,MAAM,CAACS,CAAD,CAAN;AACAH,IAAAA,eAAe,CAACT,EAAD,CAAf;AACD,GAJ6B,EAK9B,CAACA,EAAD,EAAKG,MAAL,EAAaM,eAAb,CAL8B,CAAhC;AAQA,MAAMK,aAAa,GAAGH,iBAAW,CAC/B,UAACC,CAAD,EAAO;AACLR,IAAAA,OAAO,CAACQ,CAAD,CAAP;AACAH,IAAAA,eAAe,CAACT,EAAD,CAAf;AACD,GAJ8B,EAK/B,CAACA,EAAD,EAAKI,OAAL,EAAcK,eAAd,CAL+B,CAAjC;AAQA,MAAMM,aAAa,GAAGJ,iBAAW,CAC/B,UAACC,CAAD,EAAO;AACL,QAAI,CAACL,QAAL,EAAeG,cAAc,CAACE,CAAD,CAAd,CAAf,KACK,IAAI,CAACX,MAAL,EAAaY,YAAY,CAACD,CAAD,CAAZ,CAAb,KACAE,aAAa,CAACF,CAAD,CAAb;AACN,GAL8B,EAM/B,CAACL,QAAD,EAAWN,MAAX,EAAmBS,cAAnB,EAAmCG,YAAnC,EAAiDC,aAAjD,CAN+B,CAAjC;AASA,SAAOC,aAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSelectFirstBodyItem.js","sources":["../../../src/hooks/useSelectFirstBodyItem.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { GenericItemItemProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related/constants';\n\nconst { LEFT_NAV_ITEM_SEPARATOR, LEFT_NAV_ITEM_SECTION } = ITEM_TYPES;\n\nconst isSelectableOutOfTheBox = (elem: GenericItemItemProps) =>\n typeof elem.type === 'string' &&\n elem.type !== LEFT_NAV_ITEM_SEPARATOR &&\n elem.type !== LEFT_NAV_ITEM_SECTION;\nconst isSelectableCustom = (elem: GenericItemItemProps) =>\n elem.itemOpts.selectable;\n\nexport const useSelectFirstBodyItem = (\n items: GenericItemItemProps[],\n openedItem: string,\n setSelectedItem: React.Dispatch<React.SetStateAction<string>>,\n): void => {\n useEffect(() => {\n if (items && items.length && openedItem) {\n const index = items.findIndex(\n (elem) => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem),\n );\n if (index !== -1) setSelectedItem(items[index].dsId);\n }\n }, [openedItem]);\n};\n"],"names":["LEFT_NAV_ITEM_SEPARATOR","ITEM_TYPES","LEFT_NAV_ITEM_SECTION","isSelectableOutOfTheBox","elem","type","isSelectableCustom","itemOpts","selectable","useSelectFirstBodyItem","items","openedItem","setSelectedItem","useEffect","length","index","findIndex","dsId"],"mappings":";;;;;;;AAIA,IAAQA,uBAAR,GAA2DC,oCAA3D,CAAQD,uBAAR;AAAA,IAAiCE,qBAAjC,GAA2DD,oCAA3D,CAAiCC,qBAAjC;;AAEA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,IAAD;AAAA,SAC9B,OAAOA,IAAI,CAACC,IAAZ,KAAqB,QAArB,IACAD,IAAI,CAACC,IAAL,KAAcL,uBADd,IAEAI,IAAI,CAACC,IAAL,KAAcH,qBAHgB;AAAA,CAAhC;;AAIA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACF,IAAD;AAAA,SACzBA,IAAI,CAACG,QAAL,CAAcC,UADW;AAAA,CAA3B;;IAGaC,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,KADoC,EAEpCC,UAFoC,EAGpCC,eAHoC,EAI3B;AACTC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIH,KAAK,IAAIA,KAAK,CAACI,MAAf,IAAyBH,UAA7B,EAAyC;AACvC,UAAMI,KAAK,GAAGL,KAAK,CAACM,SAAN,CACZ,UAACZ,IAAD;AAAA,eAAUD,uBAAuB,CAACC,IAAD,CAAvB,IAAiCE,kBAAkB,CAACF,IAAD,CAA7D;AAAA,OADY,CAAd;AAGA,UAAIW,KAAK,KAAK,CAAC,CAAf,EAAkBH,eAAe,CAACF,KAAK,CAACK,KAAD,CAAL,CAAaE,IAAd,CAAf;AACnB;AACF,GAPQ,EAON,CAACN,UAAD,CAPM,CAAT;AAQD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
package/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemControlledDrilldown/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport type { ComponentProps } from '../../index.d';\n\nconst outOfTheBoxSubitemsComponents: Record<string, React.ComponentType<ComponentProps>> = {\n [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: { type, Component },\n ctx,\n } = props;\n\n if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n const currentIndent = item.itemOpts?.indent ?? 0;\n const newItem = {\n ...item,\n itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n };\n return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemControlledDrilldown = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: {\n label,\n RightComponent,\n labelRightSection,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n isOpened,\n items,\n },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n const arrowIcon = useMemo(() => {\n const Component = isOpened ? ArrowheadDown : ArrowheadRight;\n return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n }, [isOpened]);\n\n const subitems = useMemo(() => {\n if (!isOpened || !items) return [];\n return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n }, [items, isOpened]);\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaExpanded: isOpened,\n ariaRole: 'menuitem',\n ...item.itemOpts,\n openable: !isOpened,\n closable: isOpened,\n },\n CollapsedComponent: null,\n }}\n subitems={subitems}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n <Grid pl=\"xxs\" mt=\"-2px\">\n {arrowIcon}\n </Grid>\n <StyledLabel\n pb=\"xxxs\"\n data-testid=\"leftnav-list-item-label\"\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n {labelRightSection}\n </StyledDate>\n <Grid pl={RightComponent ? 'xxs' : '0px'} data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","React","ItemControlledDrilldown","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","isOpened","items","leftNavLabelOverflow","leftNavProps","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","dsId","ItemRenderer","ariaExpanded","ariaRole","openable","closable","CollapsedComponent","Grid","StyledLabel","SimpleTruncatedTooltipText","StyledDate"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemControlledDrilldown/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 14px;\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow","StyledDate"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,qFAEP,UAACC,KAAD;AAAA,SACbA,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;AAAA,MAAGC,UAAH,QAAGA,UAAH;AAAA,MAAeJ,KAAf,QAAeA,KAAf;AAAA,SACPI,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;AAAA,SACZA,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;IAeXC,UAAU,gBAAGZ,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,oDAEZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACE,KAAN,CAAYK,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFY;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemHeader/index.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, BottomComponent },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { openedItem, labelOverflow, onItemClick },\n expandedForAnimation,\n setSelectedItem,\n setFocusedItem,\n },\n } = props;\n\n const opened = openedItem === dsId;\n\n const ariaLabel =\n item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaLabel,\n ariaExpanded: opened,\n ...item.itemOpts,\n openable: expandedForAnimation && !opened,\n closable: expandedForAnimation && opened,\n selectable: !opened,\n },\n }}\n hasBorderBottom\n borderBottomMr={opened ? '12px' : '0px'}\n >\n <Grid\n cols={opened ? ['auto', 'auto'] : ['38px']}\n gutter=\"1px\"\n pl={opened ? 'xxs' : 0}\n justifyItems=\"center\"\n data-testid=\"leftnav-leftcomponent\"\n >\n {opened && (\n <StyledChevronLeft\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n onItemClick(item, e);\n setSelectedItem(dsId);\n }}\n data-testid=\"leftnav-leftcomponent-chevron\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(CHEVRON_BACK_DS_ID);\n }}\n role=\"button\"\n aria-label={`Close ${ariaLabel}`}\n />\n )}\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml={opened ? 'xxs' : '1px'}\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid=\"leftnav-itemlabel\"\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n ) : (\n label\n )}\n </StyledLabel>\n <Grid\n pl=\"xs\"\n pr={opened ? 'xxs2' : 'xxs'}\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n {BottomComponent && (\n <Grid\n style={{ gridColumn: 'span 3' }}\n pb=\"xxxs\"\n pl=\"xxs\"\n pr=\"xxs\"\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n >\n <BottomComponent ctx={ctx} item={item} />\n </Grid>\n )}\n </ItemRenderer>\n );\n};\n"],"names":["ItemHeader","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","setSelectedItem","setFocusedItem","opened","ariaLabel","React","ItemRenderer","ariaExpanded","openable","closable","selectable","Grid","StyledChevronLeft","e","stopPropagation","CHEVRON_BACK_DS_ID","StyledLabel","SimpleTruncatedTooltipText","gridColumn"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemHeader/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 14px;\n color: ${(props) => props.theme.colors.neutral[800]};\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledChevronLeft = styled(ChevronSmallLeft)`\n cursor: pointer;\n :focus {\n outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronSmallLeft","brand"],"mappings":";;;;;;;;;;;;;IAIaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,mDAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAHQ;IAMXC,iBAAiB,gBAAGP,0BAAM,CAACQ,wBAAD,CAAT;AAAA;AAAA,uDAGL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemLink/index.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${\n isSelected ? theme.colors.brand[400] : 'transparent'\n };\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${\n isSelected ? theme.colors.brand[400] : theme.colors.neutral[300]\n };\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow, openedItem },\n selectedItem,\n },\n } = props;\n\n const isSelected = selectedItem === dsId;\n\n const shadowStyle = useCallback(\n (theme) =>\n !openedItem\n ? notOpenedShadowStyle(isSelected)(theme)\n : `box-shadow: inherit`,\n [isSelected, !openedItem],\n );\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaLabel: typeof label === 'string' ? label : '',\n ariaRole: 'link',\n ...item.itemOpts,\n },\n }}\n shadowStyle={shadowStyle}\n >\n <Grid\n cols={['38px']}\n gutter=\"1px\"\n pl={0}\n justifyItems=\"center\"\n data-testid=\"leftnav-leftcomponent\"\n >\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml=\"1px\"\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid=\"leftnav-itemlabel\"\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n ) : (\n label\n )}\n </StyledLabel>\n <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","neutral","ItemLink","props","item","dsId","itemOpts","label","RightComponent","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","shadowStyle","useCallback","React","ItemRenderer","ariaLabel","ariaRole","Grid","StyledLabel","SimpleTruncatedTooltipText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AAAA,SAAyB,UAACC,KAAD;AAAA,qDAGlDD,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAHW,8DAQhDH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,GAArB,CARS,oEAapBH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAboB;AAAA,GAAzB;AAAA,CAA7B;;IAiBaE,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAwC;AAC9D,MACEC,IADF,GAYID,KAZJ,CACEC,IADF;AAAA,oBAYID,KAZJ,CAEEC,IAFF;AAAA,MAGIC,IAHJ,eAGIA,IAHJ;AAAA,yCAIIC,QAJJ;AAAA,MAIgBC,KAJhB,wBAIgBA,KAJhB;AAAA,MAIuBC,cAJvB,wBAIuBA,cAJvB;AAAA,0CAKIC,kBALJ;AAAA,MAKIA,kBALJ,sCAKyB;AAAA,WAAM,IAAN;AAAA,GALzB;AAAA,MAOEC,GAPF,GAYIP,KAZJ,CAOEO,GAPF;AAAA,mBAYIP,KAZJ,CAQEO,GARF;AAAA,yCASIC,YATJ;AAAA,MASoBC,aATpB,yBASoBA,aATpB;AAAA,MASmCC,UATnC,yBASmCA,UATnC;AAAA,MAUIC,YAVJ,cAUIA,YAVJ;AAcA,MAAMjB,UAAU,GAAGiB,YAAY,KAAKT,IAApC;AAEA,MAAMU,WAAW,GAAGC,iBAAW,CAC7B,UAAClB,KAAD;AAAA,WACE,CAACe,UAAD,GACIjB,oBAAoB,CAACC,UAAD,CAApB,CAAiCC,KAAjC,CADJ,wBADF;AAAA,GAD6B,EAK7B,CAACD,UAAD,EAAa,CAACgB,UAAd,CAL6B,CAA/B;AAQA,sBACEI,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCd,IADD;AAEFE,MAAAA,QAAQ;AACNa,QAAAA,SAAS,EAAE,OAAOZ,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;AAENa,QAAAA,QAAQ,EAAE;AAFJ,SAGHhB,IAAI,CAACE,QAHF;AAFN,MADN;AASE,IAAA,WAAW,EAAES;AATf,kBAWEE,wCAACI,wBAAD;AACE,IAAA,IAAI,EAAE,CAAC,MAAD,CADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,YAAY,EAAC,QAJf;AAKE,mBAAY;AALd,kBAOEJ,wCAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEb,IAA1B;AAAgC,IAAA,GAAG,EAAEM;AAArC,IAPF,CAXF,eAoBEO,wCAACK,uCAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEV;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACCK,wCAACM,iDAAD;AAA4B,IAAA,KAAK,EAAEhB,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCEU,wCAACI,wBAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,EAAE,EAAC,MAAnB;AAA0B,mBAAY;AAAtC,KACGb,cAAc,iBAAIS,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEP,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IADrB,CAjCF,CADF;AAuCD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemLink/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 14px;\n color: ${(props) => props.theme.colors.neutral[800]};\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,mDAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;AAAA,SACZA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAHQ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n },\n ctx,\n ctx: { setFocusedItem },\n } = props;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n <StyledLabel>{label}</StyledLabel>\n <StyledVerticalSeparator />\n <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n </Grid>\n <Grid\n ml=\"auto\"\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n pr=\"xxs2\"\n alignItems=\"center\"\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","React","ItemRenderer","selectable","focuseable","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;AACjE,MACEC,IADF,GAOID,KAPJ,CACEC,IADF;AAAA,6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAGgBC,KAHhB,wBAGgBA,KAHhB;AAAA,MAGuBC,aAHvB,wBAGuBA,aAHvB;AAAA,MAGsCC,cAHtC,wBAGsCA,cAHtC;AAAA,MAGsDC,iBAHtD,wBAGsDA,iBAHtD;AAAA,MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;AAAA,MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;AASA,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBS,QAAAA,UAAU,EAAE,KAAlC;AAAyCC,QAAAA,UAAU,EAAE;AAArD,QAFN;AAGFC,MAAAA,kBAAkB,EAAE;AAHlB,MADN;AAME,IAAA,SAAS,EAAC,MANZ;AAOE,IAAA,UAAU,EAAC;AAPb,kBASEJ,wCAACK,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGV,aAAa,gBAAGK,wCAAC,aAAD;AAAe,IAAA,GAAG,EAAEF,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6CQ,oDAD7D,eAEEA,wCAACM,0CAAD,QAAcZ,KAAd,CAFF,eAGEM,wCAACO,sDAAD,OAHF,eAIEP,wCAACQ,+CAAD,QAAmBX,iBAAnB,CAJF,CATF,eAeEG,wCAACK,wBAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD,EAAO;AACdV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAU,MAAAA,CAAC,CAACC,eAAF;AACD,KALH;AAME,IAAA,SAAS,EAAE,mBAACD,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,KANb;AAOE,IAAA,EAAE,EAAC,MAPL;AAQE,IAAA,UAAU,EAAC,QARb;AASE,mBAAY;AATd,KAWGd,cAAc,iBAAII,wCAAC,cAAD;AAAgB,IAAA,GAAG,EAAEF,GAArB;AAA0B,IAAA,IAAI,EAAEN;AAAhC,IAXrB,CAfF,CADF;AA+BD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSection/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledLabel = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[700]};\n margin-left: ${(props) => props.theme.space.xxs};\n line-height: 13px;\n`;\n\nexport const StyledVerticalSeparator = styled.div`\n margin: 0 ${(props) => props.theme.space.xxs};\n width: 1px;\n height: 13px;\n background: ${(props) => props.theme.colors.neutral[600]};\n`;\n\nexport const StyledRightLabel = styled.span`\n font-size: 12px;\n line-height: 13px;\n`;\n"],"names":["StyledLabel","styled","span","props","theme","colors","neutral","space","xxs","StyledVerticalSeparator","div","StyledRightLabel"],"mappings":";;;;;;;;;;IAEaA,WAAW,gBAAGC,0BAAM,CAACC,IAAV;AAAA;AAAA,qEAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGP,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CAHO;IAOXC,uBAAuB,gBAAGR,0BAAM,CAACS,GAAV;AAAA;AAAA,6DACtB,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CADsB,EAIpB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJoB;IAOvBK,gBAAgB,gBAAGV,0BAAM,CAACC,IAAV;AAAA;AAAA;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSeparator/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\n\nconst StyledSeparator = styled.div`\n height: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n width: auto;\n margin: ${(props) => props.theme.space.xxxs} 0;\n margin-left: ${(props) => props.theme.space.xxxs};\n grid-column: span 3;\n`;\n\nexport const ItemSeparator = (props: ComponentProps): JSX.Element => {\n const { item } = props;\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n selectable: false,\n focuseable: false,\n },\n CollapsedComponent: null,\n }}\n minHeight=\"1px\"\n paddingTop=\"0px\"\n >\n <StyledSeparator data-testid=\"leftnav-separator-subitem\" />\n </ItemRenderer>\n );\n};\n"],"names":["StyledSeparator","styled","div","props","theme","colors","neutral","space","xxxs","ItemSeparator","item","React","ItemRenderer","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,uGAEC,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFD,EAIT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CAJS,EAKJ,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CALI,CAArB;IASaC,aAAa,GAAG,SAAhBA,aAAgB,CAACN,KAAD,EAAwC;AACnE,MAAQO,IAAR,GAAiBP,KAAjB,CAAQO,IAAR;AACA,sBACEC,wCAACC,+CAAD;AACE,IAAA,IAAI,kCACCF,IADD;AAEFG,MAAAA,QAAQ,kCACHH,IAAI,CAACG,QADF;AAENC,QAAAA,UAAU,EAAE,KAFN;AAGNC,QAAAA,UAAU,EAAE;AAHN,QAFN;AAOFC,MAAAA,kBAAkB,EAAE;AAPlB,MADN;AAUE,IAAA,SAAS,EAAC,KAVZ;AAWE,IAAA,UAAU,EAAC;AAXb,kBAaEL,wCAAC,eAAD;AAAiB,mBAAY;AAA7B,IAbF,CADF;AAiBD;;;;"}