@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
@@ -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,UAAU,CAACC,cAAD,CAHd;AAAA,MACkBC,QADlB,eACEC,YADF,CACkBD,QADlB;AAAA,MAEEE,eAFF,eAEEA,eAFF;;AAKA,MAAMC,cAAc,GAAGC,WAAW,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,WAAW,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,WAAW,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,WAAW,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,UAA3D,CAAQD,uBAAR;AAAA,IAAiCE,qBAAjC,GAA2DD,UAA3D,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,SAAS,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/esm/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","ItemControlledDrilldown","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","isOpened","items","leftNavLabelOverflow","leftNavProps","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","dsId","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"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,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,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","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","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,MAAM,CAACC,IAAD,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,MAAM,CAACQ,gBAAD,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","ariaLabel","ariaRole"],"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,WAAW,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,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCT,IADD;AAEFE,MAAAA,QAAQ;AACNW,QAAAA,SAAS,EAAE,OAAOV,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;AAENW,QAAAA,QAAQ,EAAE;AAFJ,SAGHd,IAAI,CAACE,QAHF;AAFN,MADN;AASE,IAAA,WAAW,EAAES;AATf,kBAWE,oBAAC,IAAD;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,kBAOE,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEX,IAA1B;AAAgC,IAAA,GAAG,EAAEM;AAArC,IAPF,CAXF,eAoBE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,EAAE,EAAC,MAHL;AAIE,mBAAY,mBAJd;AAKE,IAAA,aAAa,EAAEE;AALjB,KAOGA,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEL,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAVJ,CApBF,eAiCE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,EAAE,EAAC,MAAnB;AAA0B,mBAAY;AAAtC,KACGC,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEE,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,MAAM,CAACC,IAAD,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","selectable","focuseable","CollapsedComponent","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,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFC,MAAAA,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;AAAsBO,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,kBASE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;AAA4D,IAAA,EAAE,EAAC,KAA/D;AAAqE,IAAA,UAAU,EAAC;AAAhF,KACGP,aAAa,gBAAG,oBAAC,aAAD;AAAe,IAAA,GAAG,EAAEG,GAApB;AAAyB,IAAA,IAAI,EAAEN;AAA/B,IAAH,gBAA6C,gCAD7D,eAEE,oBAAC,WAAD,QAAcE,KAAd,CAFF,eAGE,oBAAC,uBAAD,OAHF,eAIE,oBAAC,gBAAD,QAAmBG,iBAAnB,CAJF,CATF,eAeE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,MADL;AAEE,IAAA,OAAO,EAAE,iBAACM,CAAD,EAAO;AACdJ,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAI,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,KAWGR,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEE,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,MAAM,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,MAAM,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,MAAM,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","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,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,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCA,IADD;AAEFC,MAAAA,QAAQ,kCACHD,IAAI,CAACC,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,kBAaE,oBAAC,eAAD;AAAiB,mBAAY;AAA7B,IAbF,CADF;AAiBD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* 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, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\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 ItemSubmenu = (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 selectedItem,\n setSelectedItem,\n setFocusedItem,\n },\n } = props;\n\n const opened = openedItem === dsId;\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 const ariaLabel =\n item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n ariaLabel,\n ariaExpanded: opened,\n openable: expandedForAnimation && !opened,\n closable: expandedForAnimation && opened,\n selectable: !opened,\n },\n }}\n shadowStyle={shadowStyle}\n hasBorderBottom={opened}\n borderBottomMr=\"12px\"\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 e.stopPropagation();\n setFocusedItem(null);\n }}\n onKeyDown={(e) => e.stopPropagation()}\n onClick={(e) => openedItem && 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 e.stopPropagation();\n setFocusedItem(null);\n }}\n onKeyDown={(e) => e.stopPropagation()}\n onClick={(e) => openedItem && e.stopPropagation()}\n >\n <BottomComponent ctx={ctx} item={item} />\n </Grid>\n )}\n </ItemRenderer>\n );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","neutral","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","setSelectedItem","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","ariaExpanded","openable","closable","selectable","e","stopPropagation","CHEVRON_BACK_DS_ID","gridColumn"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/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,MAAM,CAACC,IAAD,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,MAAM,CAACQ,gBAAD,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/ItemTextLabel/index.tsx"],"sourcesContent":["import React from 'react';\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\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: {\n label,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n },\n },\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n {/* Empty LeftComponent */} <div />\n <StyledLabel\n data-testid=\"leftnav-list-item-label\"\n pl=\"24px\"\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n mr=\"xxs2\"\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n ) : (\n label\n )}\n </StyledLabel>\n </ItemRenderer>\n );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","leftNavLabelOverflow","ctx","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;AACnE,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,6BAaID,KAbJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAIMC,KAJN,wBAIMA,KAJN;AAAA,MAKqBC,iBALrB,wBAKMC,aALN;AAAA,MAMMC,SANN,wBAMMA,SANN;AAAA,MAOMC,UAPN,wBAOMA,UAPN;AAAA,MAWmCC,oBAXnC,GAaIR,KAbJ,CAUES,GAVF,CAWIC,YAXJ,CAWoBL,aAXpB;AAeA,MAAMA,aAAa,GAAGD,iBAAiB,IAAII,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCP,IADD;AAEFU,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,mBAAY,yBADd;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,aAAa,EAAEN,aAHjB;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,EAAE,EAAC;AANL,KAQGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEF,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,CADF;AA0BD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)`\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"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow"],"mappings":";;;IAGaA,WAAW,gBAAGC,MAAM,CAACC,IAAD,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;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } 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 { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\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 [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\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 ItemUncontrolledDrilldown = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: {\n label,\n RightComponent,\n labelRightSection,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n startOpened,\n items,\n },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n openedDrilldowns,\n setOpenedDrilldowns,\n },\n } = props;\n\n // Start opened functionality\n useEffect(() => {\n if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n }, []);\n\n const opened = openedDrilldowns.includes(dsId);\n\n const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n const arrowIcon = useMemo(() => {\n const Component = opened ? ArrowheadDown : ArrowheadRight;\n return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n }, [opened]);\n\n // Array of subitems\n const subitems = useMemo(() => {\n if (!opened || !items) return [];\n return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n }, [items, opened]);\n\n const handleOnClick = useCallback(() => {\n if (opened) setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));\n else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaExpanded: opened,\n ariaRole: 'menuitem',\n ...item.itemOpts,\n openable: !opened,\n closable: opened,\n },\n CollapsedComponent: null,\n }}\n subitems={subitems}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n onClick={handleOnClick}\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'}>{RightComponent && <RightComponent ctx={ctx} item={item} />}</Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ariaExpanded","ariaRole","openable","closable","CollapsedComponent"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/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,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,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/ItemWithDate/index.tsx"],"sourcesContent":["import 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, StyledDate } from './styled';\n\nexport const ItemWithDate = (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 },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n {/* Empty LeftComponent */} <div />\n <StyledLabel\n pl=\"xxs\"\n pb=\"xxxs\"\n data-testid=\"leftnav-list-item-label\"\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" />\n ) : (\n label\n )}\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\n pl={RightComponent ? 'xxs' : '0px'}\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["ItemWithDate","props","item","itemOpts","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","ctx","leftNavLabelOverflow","leftNavProps","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwC;AAClE,MACEC,IADF,GAgBID,KAhBJ,CACEC,IADF;AAAA,6BAgBID,KAhBJ,CAEEC,IAFF,CAGIC,QAHJ;AAAA,MAIMC,KAJN,wBAIMA,KAJN;AAAA,MAKMC,cALN,wBAKMA,cALN;AAAA,MAMMC,iBANN,wBAMMA,iBANN;AAAA,MAOqBC,iBAPrB,wBAOMC,aAPN;AAAA,MAQMC,SARN,wBAQMA,SARN;AAAA,MASMC,UATN,wBASMA,UATN;AAAA,MAYEC,GAZF,GAgBIV,KAhBJ,CAYEU,GAZF;AAAA,MAcmCC,oBAdnC,GAgBIX,KAhBJ,CAaEU,GAbF,CAcIE,YAdJ,CAcoBL,aAdpB;AAkBA,MAAMA,aAAa,GAAGD,iBAAiB,IAAIK,oBAA3C;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,kCACCV,IADD;AAEFY,MAAAA,kBAAkB,EAAE;AAFlB,MADN;AAKE,IAAA,SAAS,EAAC,MALZ;AAME,IAAA,UAAU,EAAC;AANb,uBAQ8B,gCAR9B,eASE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,mBAAY,yBAHd;AAIE,IAAA,aAAa,EAAEN,aAJjB;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,UAAU,EAAEC;AANd,KAQGF,aAAa,KAAK,UAAlB,gBACC,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEJ,KAAnC;AAA0C,IAAA,SAAS,EAAC;AAApD,IADD,GAGCA,KAXJ,CATF,eAuBE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAgB,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;AAAwC,IAAA,UAAU,EAAC;AAAnD,kBACE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAC,KAAf;AAAqB,mBAAY;AAAjC,KACGE,iBADH,CADF,eAIE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAED,cAAc,GAAG,KAAH,GAAW,KAD/B;AAEE,mBAAY;AAFd,KAIGA,cAAc,iBAAI,oBAAC,cAAD;AAAgB,IAAA,GAAG,EAAEM,GAArB;AAA0B,IAAA,IAAI,EAAET;AAAhC,IAJrB,CAJF,CAvBF,CADF;AAqCD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemWithDate/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,MAAM,CAACC,IAAD,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,MAAM,CAACC,IAAD,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/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related';\nimport { ItemControlledDrilldown } from './ItemControlledDrilldown';\nimport { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown';\nimport { ItemHeader } from './ItemHeader';\nimport { ItemLink } from './ItemLink';\nimport { ItemSection } from './ItemSection';\nimport { ItemSeparator } from './ItemSeparator';\nimport { ItemSubmenu } from './ItemSubmenu';\nimport { ItemTextLabel } from './ItemTextLabel';\nimport { ItemWithDate } from './ItemWithDate';\n\nexport * from './ItemControlledDrilldown';\nexport * from './ItemUncontrolledDrilldown';\nexport * from './ItemHeader';\nexport * from './ItemLink';\nexport * from './ItemSection';\nexport * from './ItemSeparator';\nexport * from './ItemSubmenu';\nexport * from './ItemTextLabel';\nexport * from './ItemWithDate';\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\nconst {\n LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n LEFT_NAV_ITEM_HEADER,\n LEFT_NAV_ITEM_LINK,\n LEFT_NAV_ITEM_SECTION,\n LEFT_NAV_ITEM_SEPARATOR,\n LEFT_NAV_ITEM_SUBMENU,\n LEFT_NAV_ITEM_TEXT_LABEL,\n LEFT_NAV_ITEM_WITH_DATE,\n} = ITEM_TYPES;\n\nexport const outOfTheBoxComponents: Record<\n string,\n React.ComponentType<ComponentProps>\n> = {\n [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,\n [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,\n [LEFT_NAV_ITEM_HEADER]: ItemHeader,\n [LEFT_NAV_ITEM_LINK]: ItemLink,\n [LEFT_NAV_ITEM_SECTION]: ItemSection,\n [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,\n [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n"],"names":["outOfTheBoxTypes","Object","values","ITEM_TYPES","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","outOfTheBoxComponents","ItemControlledDrilldown","ItemUncontrolledDrilldown","ItemHeader","ItemLink","ItemSection","ItemSeparator","ItemSubmenu","ItemTextLabel","ItemWithDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuBaA,gBAAgB,GAAGC,MAAM,CAACC,MAAP,CAAcC,UAAd;AAChC,IACEC,kCADF,GAUID,UAVJ,CACEC,kCADF;AAAA,IAEEC,oCAFF,GAUIF,UAVJ,CAEEE,oCAFF;AAAA,IAGEC,oBAHF,GAUIH,UAVJ,CAGEG,oBAHF;AAAA,IAIEC,kBAJF,GAUIJ,UAVJ,CAIEI,kBAJF;AAAA,IAKEC,qBALF,GAUIL,UAVJ,CAKEK,qBALF;AAAA,IAMEC,uBANF,GAUIN,UAVJ,CAMEM,uBANF;AAAA,IAOEC,qBAPF,GAUIP,UAVJ,CAOEO,qBAPF;AAAA,IAQEC,wBARF,GAUIR,UAVJ,CAQEQ,wBARF;AAAA,IASEC,uBATF,GAUIT,UAVJ,CASES,uBATF;IAYaC,qBAGZ,uEACET,kCADF,EACuCU,uBADvC,0CAEET,oCAFF,EAEyCU,yBAFzC,0CAGET,oBAHF,EAGyBU,UAHzB,0CAIET,kBAJF,EAIuBU,QAJvB,0CAKET,qBALF,EAK0BU,WAL1B,0CAMET,uBANF,EAM4BU,aAN5B,0CAOET,qBAPF,EAO0BU,WAP1B,0CAQET,wBARF,EAQ6BU,aAR7B,0CASET,uBATF,EAS4BU,YAT5B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n StyledLeftNavExpandAnimationWrapper,\n StyledLeftNavAreasContainer,\n StyledLeftNavHeaderArea,\n StyledLeftNavBodyAreasContainer,\n StyledLeftNavBodyHeaderArea,\n StyledLeftNavBodyItemsArea,\n StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n 'To expand or select an item, use the Enter/Return or Space keys. ' +\n 'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n 'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n const {\n leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items },\n selectedItem,\n } = React.useContext(LeftNavContext);\n return (\n <>\n <StyledLeftNavHeaderArea\n data-testid=\"leftnav-header-area\"\n selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n >\n {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n </StyledLeftNavHeaderArea>\n <StyledLeftNavBodyAreasContainer>\n <StyledLeftNavBodyHeaderArea\n data-testid=\"leftnav-body-header-area\"\n selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n >\n {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n </StyledLeftNavBodyHeaderArea>\n <StyledLeftNavBodyItemsArea selected={openedItem !== null} data-testid=\"leftnav-body-items-area\" tabIndex={-1}>\n <LeftNavContentWithScrollbar>\n {items.map((item) => (\n <OutOfTheBoxMapItem item={item} key={item.dsId} />\n ))}\n </LeftNavContentWithScrollbar>\n </StyledLeftNavBodyItemsArea>\n </StyledLeftNavBodyAreasContainer>\n </>\n );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n const {\n expandedForAnimation,\n leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n } = React.useContext(LeftNavContext);\n\n return (\n <StyledLeftNavExpandAnimationWrapper\n expandedWidth={expandedWidth}\n expanded={expanded}\n data-testid=\"leftnav-component\"\n aria-label={leftNavScreenReaderInstructions}\n >\n <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n {!loading && <LeftNavInnerContent />}\n <StyledLeftNavFooterArea>\n <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n </StyledLeftNavFooterArea>\n </StyledLeftNavAreasContainer>\n </StyledLeftNavExpandAnimationWrapper>\n );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","selectedItem","includes","dsId","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,0BAGIC,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAHJ;AAAA,gDACEC,YADF;AAAA,MACkBC,eADlB,yBACkBA,eADlB;AAAA,MACmCC,mBADnC,yBACmCA,mBADnC;AAAA,MACwDC,UADxD,yBACwDA,UADxD;AAAA,MACoEC,KADpE,yBACoEA,KADpE;AAAA,MAEEC,YAFF,qBAEEA,YAFF;;AAIA,sBACE,uDACE,oBAAC,uBAAD;AACE,mBAAY,qBADd;AAEE,IAAA,QAAQ,EAAEJ,eAAe,IAAI,CAACI,YAAD,EAAeF,UAAf,EAA2BG,QAA3B,CAAoCL,eAAe,CAACM,IAApD;AAF/B,KAIGN,eAAe,gBAAG,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEA;AAA1B,IAAH,GAAmD,IAJrE,CADF,eAOE,oBAAC,+BAAD,qBACE,oBAAC,2BAAD;AACE,mBAAY,0BADd;AAEE,IAAA,QAAQ,EAAEC,mBAAmB,IAAI,CAACG,YAAD,EAAeF,UAAf,EAA2BG,QAA3B,CAAoCJ,mBAAmB,CAACK,IAAxD;AAFnC,KAIGL,mBAAmB,gBAAG,oBAAC,kBAAD;AAAoB,IAAA,IAAI,EAAEA;AAA1B,IAAH,GAAuD,IAJ7E,CADF,eAOE,oBAAC,0BAAD;AAA4B,IAAA,QAAQ,EAAEC,UAAU,KAAK,IAArD;AAA2D,mBAAY,yBAAvE;AAAiG,IAAA,QAAQ,EAAE,CAAC;AAA5G,kBACE,oBAAC,2BAAD,QACGC,KAAK,CAACI,GAAN,CAAU,UAACC,IAAD;AAAA,wBACT,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAEA,IAA1B;AAAgC,MAAA,GAAG,EAAEA,IAAI,CAACF;AAA1C,MADS;AAAA,GAAV,CADH,CADF,CAPF,CAPF,CADF;AAyBD,CA9BD;;IAgCMG,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;AAChD,2BAGIb,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAHJ;AAAA,MACEY,oBADF,sBACEA,oBADF;AAAA,iDAEEX,YAFF;AAAA,MAEkBY,QAFlB,yBAEkBA,QAFlB;AAAA,MAE4BC,aAF5B,yBAE4BA,aAF5B;AAAA,MAE2CC,WAF3C,yBAE2CA,WAF3C;AAAA,MAEwDC,cAFxD,yBAEwDA,cAFxD;AAAA,MAEwEC,aAFxE,yBAEwEA,aAFxE;AAAA,MAEuFC,OAFvF,yBAEuFA,OAFvF;;AAKA,sBACE,oBAAC,mCAAD;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,mBAAY,mBAHd;AAIE,kBAAYjB;AAJd,kBAME,oBAAC,2BAAD;AAA6B,IAAA,aAAa,EAAEkB,aAA5C;AAA2D,IAAA,QAAQ,EAAEF;AAArE,KACGM,OAAO,iBAAI,oBAAC,cAAD;AAAgB,IAAA,QAAQ,EAAEN;AAA1B,IADd,EAEG,CAACM,OAAD,iBAAY,oBAAC,mBAAD,OAFf,eAGE,oBAAC,uBAAD,qBACE,oBAAC,iBAAD;AAAmB,IAAA,WAAW,EAAEH,WAAhC;AAA6C,IAAA,cAAc,EAAEC,cAA7D;AAA6E,IAAA,aAAa,EAAEC;AAA5F,IADF,CAHF,CANF,CADF;AAgBD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavContent/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype LeftNavProps = {\n expanded: boolean;\n expandedWidth: string;\n};\n\nconst getLeftShadowStyles = ({\n selected,\n theme,\n}: {\n selected: boolean;\n theme: any;\n}) => {\n if (!selected) {\n return `\n box-shadow: inset 4px 0 0 0 transparent;\n :hover {\n box-shadow: inset 4px 0 0 0 ${theme.colors.neutral[300]};\n }\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n `;\n }\n return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;\n};\n\nexport const StyledLeftNavExpandAnimationWrapper = styled.nav<LeftNavProps>`\n width: ${(props) => (props.expanded ? props.expandedWidth : '48px')};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n border: 1px solid ${(props) => props.theme.colors.neutral[100]};\n overflow: hidden;\n height: 100%;\n position: relative;\n`;\nexport const StyledLeftNavAreasContainer = styled.div<LeftNavProps>`\n position: absolute;\n width: ${(props) =>\n props.expanded ? `calc(${props.expandedWidth} - 2px)` : '46px'};\n height: 100%;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr auto;\n grid-template-areas:\n 'left-nav-header'\n 'left-nav-body'\n 'left-nav-footer';\n`;\n\nexport const StyledLeftNavHeaderArea = styled.div<{ selected: boolean }>`\n grid-area: left-nav-header;\n ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyAreasContainer = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr;\n grid-template-areas:\n 'left-nav-body-header'\n 'left-nav-body-body';\n grid-area: left-nav-body;\n`;\n\nexport const StyledLeftNavBodyHeaderArea = styled.div<{ selected: boolean }>`\n width: 100%;\n grid-area: left-nav-body-header;\n ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyItemsArea = styled.div<{ selected: boolean }>`\n width: 100%;\n grid-area: left-nav-body-body;\n max-height: 100%;\n overflow-y: hidden;\n overflow-x: hidden;\n box-shadow: inset 4px 0 0 0\n ${(props) =>\n props.selected ? props.theme.colors.brand[400] : 'transparent'};\n`;\n\nexport const StyledLeftNavFooterArea = styled.div`\n width: 100%;\n grid-area: left-nav-footer;\n`;\n"],"names":["getLeftShadowStyles","selected","theme","colors","neutral","brand","StyledLeftNavExpandAnimationWrapper","styled","nav","props","expanded","expandedWidth","StyledLeftNavAreasContainer","div","StyledLeftNavHeaderArea","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","StyledLeftNavFooterArea"],"mappings":";;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAMtB;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;;AACJ,MAAI,CAACD,QAAL,EAAe;AACb,2HAGkCC,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHlC,8EAMkCF,KAAK,CAACC,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CANlC;AASD;;AACD,+CAAsCH,KAAK,CAACC,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CAAtC;AACD,CAnBD;;IAqBaC,mCAAmC,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,+IACrC,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACE,aAAvB,GAAuC,MAAnD;AAAA,CADqC,EAE1B,UAACF,KAAD;AAAA,SAAYA,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CAF0B,EAIrB,UAACD,KAAD;AAAA,SAAWA,KAAK,CAACP,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJqB,EAK1B,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACP,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAL0B;IAUnCQ,2BAA2B,gBAAGL,MAAM,CAACM,GAAV;AAAA;AAAA,kMAE7B,UAACJ,KAAD;AAAA,SACPA,KAAK,CAACC,QAAN,kBAAyBD,KAAK,CAACE,aAA/B,eAAwD,MADjD;AAAA,CAF6B;IAc3BG,uBAAuB,gBAAGP,MAAM,CAACM,GAAV;AAAA;AAAA,uCAEhCb,mBAFgC;IAKvBe,+BAA+B,gBAAGR,MAAM,CAACM,GAAV;AAAA;AAAA;IAa/BG,2BAA2B,gBAAGT,MAAM,CAACM,GAAV;AAAA;AAAA,uDAGpCb,mBAHoC;IAM3BiB,0BAA0B,gBAAGV,MAAM,CAACM,GAAV;AAAA;AAAA,qIAOjC,UAACJ,KAAD;AAAA,SACAA,KAAK,CAACR,QAAN,GAAiBQ,KAAK,CAACP,KAAN,CAAYC,MAAZ,CAAmBE,KAAnB,CAAyB,GAAzB,CAAjB,GAAiD,aADjD;AAAA,CAPiC;IAW1Ba,uBAAuB,gBAAGX,MAAM,CAACM,GAAV;AAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nconst options: Options = {\n className: 'os-theme-dark',\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n const { children } = props;\n\n const inheritBoxShadow = { boxShadow: 'inherit' };\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }, [osInstance]);\n\n return (\n <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n <div className=\"os-resize-observer-host\" />\n <div className=\"os-padding\" style={inheritBoxShadow}>\n <div className=\"os-viewport\" style={inheritBoxShadow}>\n <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n {children}\n </div>\n </div>\n </div>\n <div className=\"os-scrollbar os-scrollbar-horizontal \">\n <div className=\"os-scrollbar-track\">\n <div className=\"os-scrollbar-handle\" />\n </div>\n </div>\n <div className=\"os-scrollbar os-scrollbar-vertical\">\n <div className=\"os-scrollbar-track\">\n <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n </div>\n </div>\n <div className=\"os-scrollbar-corner\" />\n </div>\n );\n};\n"],"names":["StyledHandle","styled","div","options","className","scrollbars","autoHide","autoHideDelay","LeftNavContentWithScrollbar","props","children","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","height"],"mappings":";;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,0OAAlB;AAeA,IAAMC,OAAgB,GAAG;AACvBC,EAAAA,SAAS,EAAE,eADY;AAEvBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,OADA;AAEVC,IAAAA,aAAa,EAAE;AAFL;AAFW,CAAzB;IAQaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAACC,KAAD,EAAW;AAC1G,MAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR;AAEA,MAAMC,gBAAgB,GAAG;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAAzB;;AACA,kBAAoCC,QAAQ,EAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGC,MAAM,CAAiB,IAAjB,CAA1B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMC,cAAiC,GAAGC,iBAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;AACAY,IAAAA,aAAa,CAACI,cAAD,CAAb;AACD,GAHQ,EAGN,CAACL,UAAD,CAHM,CAAT;AAKA,sBACE;AAAK,IAAA,SAAS,EAAC,SAAf;AAAyB,IAAA,KAAK;AAAIQ,MAAAA,MAAM,EAAE;AAAZ,OAAuBX,gBAAvB,CAA9B;AAAyE,IAAA,QAAQ,EAAE,CAAC,CAApF;AAAuF,IAAA,GAAG,EAAEK;AAA5F,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEE;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEL;AAAnC,kBACE;AAAK,IAAA,SAAS,EAAC,aAAf;AAA6B,IAAA,KAAK,EAAEA;AAApC,kBACE;AAAK,IAAA,SAAS,EAAC,YAAf;AAA4B,IAAA,KAAK,EAAEA,gBAAnC;AAAqD;AAArD,KACGD,QADH,CADF,CADF,CAFF,eASE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,CADF,CATF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,IADF,CADF,CAdF,eAmBE;AAAK,IAAA,SAAS,EAAC;AAAf,IAnBF,CADF;AAuBD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledFooterMenu,\n StyledItem,\n StyledItemWrapper,\n StyledLabel,\n StyledSeparator,\n StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n footerLabel: string | JSX.Element;\n onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n const {\n leftNavProps: { labelOverflow, openedItem },\n expandedForAnimation,\n setSelectedItem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n visibleItemsRefs,\n } = useContext(LeftNavigationContext);\n\n const id = FOOTER_DS_ID;\n\n const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n const onKeyDown = useKeyboardNavigation({\n item: {\n dsId: id,\n itemOpts: {\n selectable: !expandedForAnimation,\n openable: false,\n closable: false,\n },\n },\n onClick: handleOnClick,\n });\n\n return (\n <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n <StyledItemWrapper>\n <StyledItem\n ref={visibleItemsRefs.current[id]}\n tabIndex={expandedForAnimation ? -1 : 0}\n expanded={expandedForAnimation}\n pt=\"xxs2\"\n height={expandedForAnimation ? 'auto' : '48px'}\n alignItems=\"flex-start\"\n pl=\"xxs\"\n cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n onClick={expandedForAnimation ? () => null : handleOnClick}\n onKeyDown={onKeyDown}\n focused={focusedItem === id}\n focusedByKey={focusedByKey}\n onFocus={() => setFocusedItem(id)}\n data-testid=\"leftnav-item-container\"\n role=\"menuitem\"\n aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n >\n {!expandedForAnimation ? (\n <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n ) : (\n <>\n <StyledLabel\n mt=\"5px\"\n mr=\"12px\"\n mb=\"16px\"\n data-testid=\"leftnav-itemlabel\"\n labelOverflow={labelOverflow}\n aria-live=\"polite\"\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n ) : (\n footerLabel\n )}\n </StyledLabel>\n <StyledSeparator mt=\"xxxs\" />\n <Grid m=\"0 12px\">\n <StyledMenuCollapse\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n if (openedItem) setSelectedItem(openedItem);\n e.stopPropagation();\n handleOnClick(e);\n }}\n onKeyDown={(e) => {\n if (['Space', 'Enter'].includes(e.code) && openedItem) setSelectedItem(openedItem);\n }}\n data-testid=\"leftnav-footer-btn\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n }}\n role=\"button\"\n aria-label=\"Collapse left navigation\"\n />\n </Grid>\n </>\n )}\n </StyledItem>\n </StyledItemWrapper>\n </StyledFooterMenu>\n );\n};\n\nLeftNavFooterItem.propTypes = {\n footerLabel: PropTypes.any,\n onFooterExpand: PropTypes.func,\n onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],"names":["LeftNavFooterItem","props","footerLabel","onFooterExpand","onFooterClose","useContext","LeftNavigationContext","leftNavProps","labelOverflow","openedItem","expandedForAnimation","setSelectedItem","focusedItem","setFocusedItem","focusedByKey","visibleItemsRefs","id","FOOTER_DS_ID","handleOnClick","onKeyDown","useKeyboardNavigation","item","dsId","itemOpts","selectable","openable","closable","onClick","current","e","stopPropagation","includes","code","FOOTER_MENU_CLOSE_DS_ID","propTypes","PropTypes","any","func"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport { getFocusedByKeyboardBorderStyle, getLeftBorderStyle, getItemBackgroundStyle } from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n width: 100%;\n margin-top: auto;\n background: ${(props) => props.theme.colors.neutral['000']};\n\n ${getLeftBorderStyle}\n\n border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n position: relative;\n padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n min-height: 48px;\n cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n ${getItemBackgroundStyle}\n\n outline: none;\n\n ${getFocusedByKeyboardBorderStyle}\n`;\n\nexport const StyledLabel = styled(Grid)`\n font-size: 11px;\n color: ${(props) => props.theme.colors.neutral[500]};\n line-height: 14px;\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n height: 16px;\n width: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n cursor: pointer;\n :focus {\n outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n }\n`;\n"],"names":["StyledFooterMenu","styled","Grid","props","theme","colors","neutral","getLeftBorderStyle","StyledItemWrapper","space","xxxs","StyledItem","expanded","getItemBackgroundStyle","getFocusedByKeyboardBorderStyle","StyledLabel","labelOverflow","StyledSeparator","StyledMenuCollapse","MenuCollapse","brand"],"mappings":";;;;;;;IAKaA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mFAGb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHa,EAKzBC,kBALyB,EAOH,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAPG;IAUhBE,iBAAiB,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,6CAEZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,IAA7B;AAAA,CAFY;IAKjBC,UAAU,gBAAGV,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2DAEX,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACS,QAAN,GAAiB,MAAjB,GAA0B,SAAtC;AAAA,CAFW,EAInBC,sBAJmB,EAQnBC,+BARmB;IAWVC,WAAW,gBAAGd,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,oEAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAIR,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACa,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAJQ;IAOXC,eAAe,gBAAGhB,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,qDAGN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;IAMfY,kBAAkB,gBAAGjB,MAAM,CAACkB,YAAD,CAAT;AAAA;AAAA,uDAGN,UAAChB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBe,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHM;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n grid-area: left-nav-body;\n height: 100%;\n place-items: center;\n z-index: 0;\n background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n <StyledLoaderWrapper>\n <DSCircularProgressIndicator\n size={expanded ? 'xl' : 'm'}\n loading\n showLabel={expanded}\n waiting={false}\n showTooltip={!expanded}\n />\n </StyledLoaderWrapper>\n);\n"],"names":["StyledLoaderWrapper","styled","Grid","LeftNavLoading","expanded"],"mappings":";;;;;AAKA,IAAMA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,gGAAzB;IAQaC,cAA0D,GAAG,SAA7DA,cAA6D;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxE,oBAAC,mBAAD,qBACE,oBAAC,2BAAD;AACE,IAAA,IAAI,EAAEA,QAAQ,GAAG,IAAH,GAAU,GAD1B;AAEE,IAAA,OAAO,MAFT;AAGE,IAAA,SAAS,EAAEA,QAHb;AAIE,IAAA,OAAO,EAAE,KAJX;AAKE,IAAA,WAAW,EAAE,CAACA;AALhB,IADF,CADwE;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n const {\n item,\n item: { type, Component },\n } = props;\n const ctx = React.useContext(LeftNavContext);\n\n if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} 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"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA6C;AAC7E,MACEC,IADF,GAGID,KAHJ,CACEC,IADF;AAAA,oBAGID,KAHJ,CAEEC,IAFF;AAAA,MAEUC,IAFV,eAEUA,IAFV;AAAA,MAEgBC,SAFhB,eAEgBA,SAFhB;AAIA,MAAMC,GAAG,GAAGC,KAAK,CAACC,UAAN,CAAiBC,cAAjB,CAAZ;;AAEA,MAAI,OAAOL,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACM,qBAAqB,CAACN,IAAD,CAAvD,EAA+D;AAC7D,QAAMO,oBAAoB,GAAGD,qBAAqB,CAACN,IAAD,CAAlD;AACA,wBAAO,oBAAC,oBAAD;AAAsB,MAAA,IAAI;AAAIQ,QAAAA,QAAQ,EAAE;AAAd,SAAqBT,IAArB,CAA1B;AAAuD,MAAA,GAAG,EAAEG;AAA5D,MAAP;AACD,GAV4E;;;AAY7E,sBAAO,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,GAAG,EAAEG;AAA5B,IAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n dsId: PropTypes.string.description('unique identifier for the left nav item'),\n Component: PropTypes.func.description(\n \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n ),\n CollapsedComponent: PropTypes.func.description(\n 'A component which is renderer when the left-nav is collapsed',\n ),\n itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n .description('Set of Properties attached to the main container')\n .defaultValue({ expandedWidth: '240px' }),\n expanded: PropTypes.bool\n .description('Whether to show the left navigation expanded or collapsed')\n .defaultValue(false),\n loading: PropTypes.bool\n .description('Whether the left-nav is loading')\n .defaultValue(false),\n tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n openedItem: PropTypes.string\n .description('The id of the left navigation item you want to be opened')\n .defaultValue(null),\n footerLabel: PropTypes.string.description(\n 'The label to show in the footer item',\n ),\n onFooterExpand: PropTypes.func.description(\n 'The function to call when the left-nav is opened via the footer',\n ),\n onFooterClose: PropTypes.func.description(\n 'The function to call when the left-nav is closed via the footer',\n ),\n onSelectedChange: PropTypes.func\n .description('A callback which triggers when the selected item changes')\n .defaultValue(() => null),\n onFocusChange: PropTypes.func\n .description('A callback which triggers when the focused item changes')\n .defaultValue(() => null),\n items: PropTypes.arrayOf(PropTypes.object)\n .description('The array of items you want to render inside the left nav')\n .defaultValue([]),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,gBAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgBC,gBAAhB,EAAkCC,WAAlC,CAA8C,sBAA9C,CADwB;AAE9BC,EAAAA,IAAI,EAAEJ,SAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,yCAA7B,CAFwB;AAG9BG,EAAAA,SAAS,EAAEN,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACT,iIADS,CAHmB;AAM9BK,EAAAA,kBAAkB,EAAER,SAAS,CAACO,IAAV,CAAeJ,WAAf,CAClB,8DADkB,CANU;AAS9BM,EAAAA,QAAQ,EAAET,SAAS,CAACU,MAAV,CAAiBP,WAAjB,CAA6B,cAA7B;AAToB;IAYnBQ,mBAAmB,GAAG;AACjCC,EAAAA,cAAc,EAAEZ,SAAS,CAACa,KAAV,CAAgB;AAAEC,IAAAA,aAAa,EAAEd,SAAS,CAACK;AAA3B,GAAhB,EACbF,WADa,CACD,kDADC,EAEbY,YAFa,CAEA;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFA,CADiB;AAIjCE,EAAAA,QAAQ,EAAEhB,SAAS,CAACiB,IAAV,CACPd,WADO,CACK,2DADL,EAEPY,YAFO,CAEM,KAFN,CAJuB;AAOjCG,EAAAA,OAAO,EAAElB,SAAS,CAACiB,IAAV,CACNd,WADM,CACM,iCADN,EAENY,YAFM,CAEO,KAFP,CAPwB;AAUjCI,EAAAA,QAAQ,EAAEnB,SAAS,CAACoB,MAAV,CAAiBjB,WAAjB,CAA6B,WAA7B,EAA0CY,YAA1C,CAAuD,CAAvD,CAVuB;AAWjCM,EAAAA,UAAU,EAAErB,SAAS,CAACK,MAAV,CACTF,WADS,CACG,0DADH,EAETY,YAFS,CAEI,IAFJ,CAXqB;AAcjCO,EAAAA,WAAW,EAAEtB,SAAS,CAACK,MAAV,CAAiBF,WAAjB,CACX,sCADW,CAdoB;AAiBjCoB,EAAAA,cAAc,EAAEvB,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACd,iEADc,CAjBiB;AAoBjCqB,EAAAA,aAAa,EAAExB,SAAS,CAACO,IAAV,CAAeJ,WAAf,CACb,iEADa,CApBkB;AAuBjCsB,EAAAA,gBAAgB,EAAEzB,SAAS,CAACO,IAAV,CACfJ,WADe,CACH,0DADG,EAEfY,YAFe,CAEF;AAAA,WAAM,IAAN;AAAA,GAFE,CAvBe;AA0BjCW,EAAAA,aAAa,EAAE1B,SAAS,CAACO,IAAV,CACZJ,WADY,CACA,yDADA,EAEZY,YAFY,CAEC;AAAA,WAAM,IAAN;AAAA,GAFD,CA1BkB;AA6BjCY,EAAAA,KAAK,EAAE3B,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAACU,MAA5B,EACJP,WADI,CACQ,2DADR,EAEJY,YAFI,CAES,EAFT;AA7B0B;;AAkCnC,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAM,IAAN;AAAA,CAAzB;;IACaC,sBAAsB,GAAGC,QAAQ,CAACF,gBAAD;AAC9CC,sBAAsB,CAACE,SAAvB,GAAmClC,gBAAnC;;AAEA,IAAMmC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,IAAN;AAAA,CAA3B;;IACaC,wBAAwB,GAAGH,QAAQ,CAACE,kBAAD;AAChDC,wBAAwB,CAACF,SAAzB,GAAqClC,gBAArC;;;;"}
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/ChevronItem",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/exported-related/ChevronItem/index.js",
9
- "module": "../../esm/exported-related/ChevronItem/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/Icon",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/exported-related/Icon/index.js",
9
- "module": "../../esm/exported-related/Icon/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/ItemRenderer",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/exported-related/ItemRenderer/index.js",
9
- "module": "../../esm/exported-related/ItemRenderer/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/ItemRenderer/styled",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../../cjs/exported-related/ItemRenderer/styled.js",
9
- "module": "../../../esm/exported-related/ItemRenderer/styled.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/ItemRenderer/usePropsWithDefaults",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../../cjs/exported-related/ItemRenderer/usePropsWithDefaults.js",
9
- "module": "../../../esm/exported-related/ItemRenderer/usePropsWithDefaults.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/Notifications",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/exported-related/Notifications/index.js",
9
- "module": "../../esm/exported-related/Notifications/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/OpenWindowItem",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/exported-related/OpenWindowItem/index.js",
9
- "module": "../../esm/exported-related/OpenWindowItem/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related/constants",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/exported-related/constants.js",
9
- "module": "../../esm/exported-related/constants.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/exported-related",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/exported-related/index.js",
9
- "module": "../esm/exported-related/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/hooks",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/hooks/index.js",
9
- "module": "../esm/hooks/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/hooks/useExpandableOnClickHandler",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/hooks/useExpandableOnClickHandler.js",
9
- "module": "../../esm/hooks/useExpandableOnClickHandler.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/hooks/useKeyboardNavigation",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/hooks/useKeyboardNavigation.js",
9
- "module": "../../esm/hooks/useKeyboardNavigation.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/hooks/useOpenableOnClickHandler",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/hooks/useOpenableOnClickHandler.js",
9
- "module": "../../esm/hooks/useOpenableOnClickHandler.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/hooks/useSelectFirstBodyItem",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/hooks/useSelectFirstBodyItem.js",
9
- "module": "../../esm/hooks/useSelectFirstBodyItem.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/outOfTheBox/ItemControlledDrilldown",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/outOfTheBox/ItemControlledDrilldown/index.js",
9
- "module": "../../esm/outOfTheBox/ItemControlledDrilldown/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/outOfTheBox/ItemControlledDrilldown/styled",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../../cjs/outOfTheBox/ItemControlledDrilldown/styled.js",
9
- "module": "../../../esm/outOfTheBox/ItemControlledDrilldown/styled.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/outOfTheBox/ItemHeader",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/outOfTheBox/ItemHeader/index.js",
9
- "module": "../../esm/outOfTheBox/ItemHeader/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/outOfTheBox/ItemHeader/styled",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../../cjs/outOfTheBox/ItemHeader/styled.js",
9
- "module": "../../../esm/outOfTheBox/ItemHeader/styled.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/outOfTheBox/ItemLink",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/outOfTheBox/ItemLink/index.js",
9
- "module": "../../esm/outOfTheBox/ItemLink/index.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-left-navigation/outOfTheBox/ItemLink/styled",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../../cjs/outOfTheBox/ItemLink/styled.js",
9
- "module": "../../../esm/outOfTheBox/ItemLink/styled.js"
10
- }