@elliemae/ds-mobile 2.2.0-next.4 → 2.3.0-alpha.2

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 (436) hide show
  1. package/cjs/Accordion/Accordion.js +51 -55
  2. package/cjs/Accordion/Accordion.js.map +7 -0
  3. package/cjs/Accordion/index.js +28 -12
  4. package/cjs/Accordion/index.js.map +7 -0
  5. package/cjs/Accordion/propTypes.js +53 -22
  6. package/cjs/Accordion/propTypes.js.map +7 -0
  7. package/cjs/CategoryBox/CategoryBox.js +74 -73
  8. package/cjs/CategoryBox/CategoryBox.js.map +7 -0
  9. package/cjs/CategoryBox/index.js +36 -10
  10. package/cjs/CategoryBox/index.js.map +7 -0
  11. package/cjs/CollectionBox/CollectionBox.js +96 -84
  12. package/cjs/CollectionBox/CollectionBox.js.map +7 -0
  13. package/cjs/CollectionBox/index.js +36 -10
  14. package/cjs/CollectionBox/index.js.map +7 -0
  15. package/cjs/FullPageContainer/FullPageContainer.js +48 -42
  16. package/cjs/FullPageContainer/FullPageContainer.js.map +7 -0
  17. package/cjs/FullPageContainer/FullPageContainerScroll.js +45 -43
  18. package/cjs/FullPageContainer/FullPageContainerScroll.js.map +7 -0
  19. package/cjs/FullPageContainer/index.js +37 -11
  20. package/cjs/FullPageContainer/index.js.map +7 -0
  21. package/cjs/FullPageContainer/useMobileHeight.js +40 -18
  22. package/cjs/FullPageContainer/useMobileHeight.js.map +7 -0
  23. package/cjs/GlobalHeader/MobileGlobalHeader.js +105 -132
  24. package/cjs/GlobalHeader/MobileGlobalHeader.js.map +7 -0
  25. package/cjs/GlobalHeader/index.js +36 -10
  26. package/cjs/GlobalHeader/index.js.map +7 -0
  27. package/cjs/GlobalHeader/styles.js +114 -39
  28. package/cjs/GlobalHeader/styles.js.map +7 -0
  29. package/cjs/GroupBox/GroupBox.js +77 -79
  30. package/cjs/GroupBox/GroupBox.js.map +7 -0
  31. package/cjs/GroupBox/index.js +36 -10
  32. package/cjs/GroupBox/index.js.map +7 -0
  33. package/cjs/Icons/EM_logo.js +41 -18
  34. package/cjs/Icons/EM_logo.js.map +7 -0
  35. package/cjs/InfiniteLoader/Infiniteloader.js +64 -77
  36. package/cjs/InfiniteLoader/Infiniteloader.js.map +7 -0
  37. package/cjs/InfiniteLoader/Loader.js +46 -27
  38. package/cjs/InfiniteLoader/Loader.js.map +7 -0
  39. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +77 -82
  40. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +7 -0
  41. package/cjs/InfiniteLoader/index.js +39 -13
  42. package/cjs/InfiniteLoader/index.js.map +7 -0
  43. package/cjs/InfiniteLoader/styled.js +50 -15
  44. package/cjs/InfiniteLoader/styled.js.map +7 -0
  45. package/cjs/LoadingPage/Page.js +79 -78
  46. package/cjs/LoadingPage/Page.js.map +7 -0
  47. package/cjs/LoadingPage/index.js +37 -10
  48. package/cjs/LoadingPage/index.js.map +7 -0
  49. package/cjs/MobileActionToolbar/MobileActionToolbar.js +59 -47
  50. package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +7 -0
  51. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +48 -48
  52. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +7 -0
  53. package/cjs/MobileActionToolbar/index.js +38 -13
  54. package/cjs/MobileActionToolbar/index.js.map +7 -0
  55. package/cjs/MobileBanner/MobileBanner.js +105 -99
  56. package/cjs/MobileBanner/MobileBanner.js.map +7 -0
  57. package/cjs/MobileBanner/defaultProps.js +38 -11
  58. package/cjs/MobileBanner/defaultProps.js.map +7 -0
  59. package/cjs/MobileBanner/index.d.js +27 -2
  60. package/cjs/MobileBanner/index.d.js.map +7 -0
  61. package/cjs/MobileBanner/index.js +38 -12
  62. package/cjs/MobileBanner/index.js.map +7 -0
  63. package/cjs/MobileBanner/propTypes.js +46 -19
  64. package/cjs/MobileBanner/propTypes.js.map +7 -0
  65. package/cjs/MobileBanner/styles.js +127 -173
  66. package/cjs/MobileBanner/styles.js.map +7 -0
  67. package/cjs/MobileBanner/utils/bannerTypes.js +38 -10
  68. package/cjs/MobileBanner/utils/bannerTypes.js.map +7 -0
  69. package/cjs/MobileBanner/utils/icons.js +40 -18
  70. package/cjs/MobileBanner/utils/icons.js.map +7 -0
  71. package/cjs/MobileBanner/utils/styleHelpers.js +90 -41
  72. package/cjs/MobileBanner/utils/styleHelpers.js.map +7 -0
  73. package/cjs/MobileCard/ActionAddon.js +66 -34
  74. package/cjs/MobileCard/ActionAddon.js.map +7 -0
  75. package/cjs/MobileCard/Card.js +163 -124
  76. package/cjs/MobileCard/Card.js.map +7 -0
  77. package/cjs/MobileCard/CardIcons.js +102 -33
  78. package/cjs/MobileCard/CardIcons.js.map +7 -0
  79. package/cjs/MobileCard/ExpandChevron.js +55 -31
  80. package/cjs/MobileCard/ExpandChevron.js.map +7 -0
  81. package/cjs/MobileCard/ExpandableRegion.js +75 -50
  82. package/cjs/MobileCard/ExpandableRegion.js.map +7 -0
  83. package/cjs/MobileCard/Group.js +91 -84
  84. package/cjs/MobileCard/Group.js.map +7 -0
  85. package/cjs/MobileCard/StyledCard.js +44 -16
  86. package/cjs/MobileCard/StyledCard.js.map +7 -0
  87. package/cjs/MobileCard/index.js +45 -18
  88. package/cjs/MobileCard/index.js.map +7 -0
  89. package/cjs/MobileCard/props.js +48 -60
  90. package/cjs/MobileCard/props.js.map +7 -0
  91. package/cjs/MobileCard/useHeight.js +43 -18
  92. package/cjs/MobileCard/useHeight.js.map +7 -0
  93. package/cjs/MobileContextMenu/MobileContextMenu.js +191 -187
  94. package/cjs/MobileContextMenu/MobileContextMenu.js.map +7 -0
  95. package/cjs/MobileContextMenu/MobileContextMenuGroup.js +75 -87
  96. package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +7 -0
  97. package/cjs/MobileContextMenu/MobileContextMenuItem.js +146 -147
  98. package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +7 -0
  99. package/cjs/MobileContextMenu/index.js +30 -16
  100. package/cjs/MobileContextMenu/index.js.map +7 -0
  101. package/cjs/MobileDatePicker/Input.js +74 -38
  102. package/cjs/MobileDatePicker/Input.js.map +7 -0
  103. package/cjs/MobileDatePicker/MobileDatePicker.js +70 -87
  104. package/cjs/MobileDatePicker/MobileDatePicker.js.map +7 -0
  105. package/cjs/MobileDatePicker/index.js +28 -10
  106. package/cjs/MobileDatePicker/index.js.map +7 -0
  107. package/cjs/MobileDropdownMenu/MobileDropdownInput.js +93 -58
  108. package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +7 -0
  109. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +88 -83
  110. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +7 -0
  111. package/cjs/MobileDropdownMenu/index.js +36 -12
  112. package/cjs/MobileDropdownMenu/index.js.map +7 -0
  113. package/cjs/MobileEmtpyState/MobileEmptyState.js +58 -37
  114. package/cjs/MobileEmtpyState/MobileEmptyState.js.map +7 -0
  115. package/cjs/MobileEmtpyState/index.js +37 -11
  116. package/cjs/MobileEmtpyState/index.js.map +7 -0
  117. package/cjs/MobileFilterbar/Filterbar.js +67 -40
  118. package/cjs/MobileFilterbar/Filterbar.js.map +7 -0
  119. package/cjs/MobileFilterbar/FilterbarItem.js +49 -33
  120. package/cjs/MobileFilterbar/FilterbarItem.js.map +7 -0
  121. package/cjs/MobileFilterbar/FilterbarSort.js +56 -42
  122. package/cjs/MobileFilterbar/FilterbarSort.js.map +7 -0
  123. package/cjs/MobileFilterbar/index.js +42 -16
  124. package/cjs/MobileFilterbar/index.js.map +7 -0
  125. package/cjs/MobileFooter/Action.js +68 -58
  126. package/cjs/MobileFooter/Action.js.map +7 -0
  127. package/cjs/MobileFooter/Footer.js +62 -57
  128. package/cjs/MobileFooter/Footer.js.map +7 -0
  129. package/cjs/MobileFooter/Text.js +48 -30
  130. package/cjs/MobileFooter/Text.js.map +7 -0
  131. package/cjs/MobileFooter/index.js +42 -16
  132. package/cjs/MobileFooter/index.js.map +7 -0
  133. package/cjs/MobileListItem/MobileListItem.js +80 -55
  134. package/cjs/MobileListItem/MobileListItem.js.map +7 -0
  135. package/cjs/MobileListItem/index.js +28 -10
  136. package/cjs/MobileListItem/index.js.map +7 -0
  137. package/cjs/MobilePageHeader/MobilePageHeader.js +149 -121
  138. package/cjs/MobilePageHeader/MobilePageHeader.js.map +7 -0
  139. package/cjs/MobilePageHeader/index.js +28 -10
  140. package/cjs/MobilePageHeader/index.js.map +7 -0
  141. package/cjs/MobileSelectList/MobileSelectList.js +144 -132
  142. package/cjs/MobileSelectList/MobileSelectList.js.map +7 -0
  143. package/cjs/MobileSelectList/index.js +28 -9
  144. package/cjs/MobileSelectList/index.js.map +7 -0
  145. package/cjs/MobileSelectList/styled.js +78 -52
  146. package/cjs/MobileSelectList/styled.js.map +7 -0
  147. package/cjs/MobileSeparator/Separator.js +56 -61
  148. package/cjs/MobileSeparator/Separator.js.map +7 -0
  149. package/cjs/MobileSeparator/index.js +37 -10
  150. package/cjs/MobileSeparator/index.js.map +7 -0
  151. package/cjs/MobileTimePicker/Input.js +74 -38
  152. package/cjs/MobileTimePicker/Input.js.map +7 -0
  153. package/cjs/MobileTimePicker/MobileTimePicker.js +74 -90
  154. package/cjs/MobileTimePicker/MobileTimePicker.js.map +7 -0
  155. package/cjs/MobileTimePicker/index.js +28 -10
  156. package/cjs/MobileTimePicker/index.js.map +7 -0
  157. package/cjs/MobileTouchable/MobileTouchable.js +69 -57
  158. package/cjs/MobileTouchable/MobileTouchable.js.map +7 -0
  159. package/cjs/MobileTouchable/index.js +28 -9
  160. package/cjs/MobileTouchable/index.js.map +7 -0
  161. package/cjs/Modal/Modal.js +135 -129
  162. package/cjs/Modal/Modal.js.map +7 -0
  163. package/cjs/Modal/index.js +36 -10
  164. package/cjs/Modal/index.js.map +7 -0
  165. package/cjs/Modal/styled.js +94 -42
  166. package/cjs/Modal/styled.js.map +7 -0
  167. package/cjs/PageFilter/PageFilter.js +115 -76
  168. package/cjs/PageFilter/PageFilter.js.map +7 -0
  169. package/cjs/PageForm/PageForm.js +63 -50
  170. package/cjs/PageForm/PageForm.js.map +7 -0
  171. package/cjs/PageList/PageList.js +60 -38
  172. package/cjs/PageList/PageList.js.map +7 -0
  173. package/cjs/PageList/index.js +28 -10
  174. package/cjs/PageList/index.js.map +7 -0
  175. package/cjs/PageSearch/PageSearch.js +72 -42
  176. package/cjs/PageSearch/PageSearch.js.map +7 -0
  177. package/cjs/PageSummary/PageSummary.js +66 -55
  178. package/cjs/PageSummary/PageSummary.js.map +7 -0
  179. package/cjs/PageSummary/Tags.js +65 -36
  180. package/cjs/PageSummary/Tags.js.map +7 -0
  181. package/cjs/SideNav/SideNav.js +83 -110
  182. package/cjs/SideNav/SideNav.js.map +7 -0
  183. package/cjs/SideNav/index.js +36 -10
  184. package/cjs/SideNav/index.js.map +7 -0
  185. package/cjs/SideNav/styles.js +128 -42
  186. package/cjs/SideNav/styles.js.map +7 -0
  187. package/cjs/SwipeToRefresh/ProgressIndicator.js +51 -28
  188. package/cjs/SwipeToRefresh/ProgressIndicator.js.map +7 -0
  189. package/cjs/SwipeToRefresh/ProgressLoader.js +75 -54
  190. package/cjs/SwipeToRefresh/ProgressLoader.js.map +7 -0
  191. package/cjs/SwipeToRefresh/SwipeToRefresh.js +67 -64
  192. package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +7 -0
  193. package/cjs/SwipeToRefresh/styled.js +57 -28
  194. package/cjs/SwipeToRefresh/styled.js.map +7 -0
  195. package/cjs/SwipeToRefresh/useSwipe.js +54 -44
  196. package/cjs/SwipeToRefresh/useSwipe.js.map +7 -0
  197. package/cjs/Tabs/index.js +51 -55
  198. package/cjs/Tabs/index.js.map +7 -0
  199. package/cjs/Tabs/propTypes.js +49 -24
  200. package/cjs/Tabs/propTypes.js.map +7 -0
  201. package/cjs/index.js +94 -132
  202. package/cjs/index.js.map +7 -0
  203. package/esm/Accordion/Accordion.js +20 -41
  204. package/esm/Accordion/Accordion.js.map +7 -0
  205. package/esm/Accordion/index.js +3 -1
  206. package/esm/Accordion/index.js.map +7 -0
  207. package/esm/Accordion/propTypes.js +24 -17
  208. package/esm/Accordion/propTypes.js.map +7 -0
  209. package/esm/CategoryBox/CategoryBox.js +44 -62
  210. package/esm/CategoryBox/CategoryBox.js.map +7 -0
  211. package/esm/CategoryBox/index.js +7 -1
  212. package/esm/CategoryBox/index.js.map +7 -0
  213. package/esm/CollectionBox/CollectionBox.js +66 -73
  214. package/esm/CollectionBox/CollectionBox.js.map +7 -0
  215. package/esm/CollectionBox/index.js +7 -1
  216. package/esm/CollectionBox/index.js.map +7 -0
  217. package/esm/FullPageContainer/FullPageContainer.js +18 -32
  218. package/esm/FullPageContainer/FullPageContainer.js.map +7 -0
  219. package/esm/FullPageContainer/FullPageContainerScroll.js +16 -34
  220. package/esm/FullPageContainer/FullPageContainerScroll.js.map +7 -0
  221. package/esm/FullPageContainer/index.js +8 -2
  222. package/esm/FullPageContainer/index.js.map +7 -0
  223. package/esm/FullPageContainer/useMobileHeight.js +9 -12
  224. package/esm/FullPageContainer/useMobileHeight.js.map +7 -0
  225. package/esm/GlobalHeader/MobileGlobalHeader.js +68 -113
  226. package/esm/GlobalHeader/MobileGlobalHeader.js.map +7 -0
  227. package/esm/GlobalHeader/index.js +7 -1
  228. package/esm/GlobalHeader/index.js.map +7 -0
  229. package/esm/GlobalHeader/styles.js +85 -25
  230. package/esm/GlobalHeader/styles.js.map +7 -0
  231. package/esm/GroupBox/GroupBox.js +48 -69
  232. package/esm/GroupBox/GroupBox.js.map +7 -0
  233. package/esm/GroupBox/index.js +7 -1
  234. package/esm/GroupBox/index.js.map +7 -0
  235. package/esm/Icons/EM_logo.js +12 -12
  236. package/esm/Icons/EM_logo.js.map +7 -0
  237. package/esm/InfiniteLoader/Infiniteloader.js +31 -64
  238. package/esm/InfiniteLoader/Infiniteloader.js.map +7 -0
  239. package/esm/InfiniteLoader/Loader.js +17 -18
  240. package/esm/InfiniteLoader/Loader.js.map +7 -0
  241. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +46 -70
  242. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +7 -0
  243. package/esm/InfiniteLoader/index.js +13 -2
  244. package/esm/InfiniteLoader/index.js.map +7 -0
  245. package/esm/InfiniteLoader/styled.js +21 -7
  246. package/esm/InfiniteLoader/styled.js.map +7 -0
  247. package/esm/LoadingPage/Page.js +47 -63
  248. package/esm/LoadingPage/Page.js.map +7 -0
  249. package/esm/LoadingPage/index.js +8 -2
  250. package/esm/LoadingPage/index.js.map +7 -0
  251. package/esm/MobileActionToolbar/MobileActionToolbar.js +28 -34
  252. package/esm/MobileActionToolbar/MobileActionToolbar.js.map +7 -0
  253. package/esm/MobileActionToolbar/MobileActionToolbarItem.js +18 -35
  254. package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +7 -0
  255. package/esm/MobileActionToolbar/index.js +9 -2
  256. package/esm/MobileActionToolbar/index.js.map +7 -0
  257. package/esm/MobileBanner/MobileBanner.js +75 -78
  258. package/esm/MobileBanner/MobileBanner.js.map +7 -0
  259. package/esm/MobileBanner/defaultProps.js +8 -6
  260. package/esm/MobileBanner/defaultProps.js.map +7 -0
  261. package/esm/MobileBanner/index.d.js +2 -1
  262. package/esm/MobileBanner/index.d.js.map +7 -0
  263. package/esm/MobileBanner/index.js +9 -2
  264. package/esm/MobileBanner/index.js.map +7 -0
  265. package/esm/MobileBanner/propTypes.js +16 -14
  266. package/esm/MobileBanner/propTypes.js.map +7 -0
  267. package/esm/MobileBanner/styles.js +99 -156
  268. package/esm/MobileBanner/styles.js.map +7 -0
  269. package/esm/MobileBanner/utils/bannerTypes.js +9 -6
  270. package/esm/MobileBanner/utils/bannerTypes.js.map +7 -0
  271. package/esm/MobileBanner/utils/icons.js +11 -10
  272. package/esm/MobileBanner/utils/icons.js.map +7 -0
  273. package/esm/MobileBanner/utils/styleHelpers.js +57 -24
  274. package/esm/MobileBanner/utils/styleHelpers.js.map +7 -0
  275. package/esm/MobileCard/ActionAddon.js +37 -24
  276. package/esm/MobileCard/ActionAddon.js.map +7 -0
  277. package/esm/MobileCard/Card.js +125 -104
  278. package/esm/MobileCard/Card.js.map +7 -0
  279. package/esm/MobileCard/CardIcons.js +76 -27
  280. package/esm/MobileCard/CardIcons.js.map +7 -0
  281. package/esm/MobileCard/ExpandChevron.js +25 -21
  282. package/esm/MobileCard/ExpandChevron.js.map +7 -0
  283. package/esm/MobileCard/ExpandableRegion.js +44 -39
  284. package/esm/MobileCard/ExpandableRegion.js.map +7 -0
  285. package/esm/MobileCard/Group.js +62 -72
  286. package/esm/MobileCard/Group.js.map +7 -0
  287. package/esm/MobileCard/StyledCard.js +15 -8
  288. package/esm/MobileCard/StyledCard.js.map +7 -0
  289. package/esm/MobileCard/index.js +14 -9
  290. package/esm/MobileCard/index.js.map +7 -0
  291. package/esm/MobileCard/props.js +19 -56
  292. package/esm/MobileCard/props.js.map +7 -0
  293. package/esm/MobileCard/useHeight.js +9 -9
  294. package/esm/MobileCard/useHeight.js.map +7 -0
  295. package/esm/MobileContextMenu/MobileContextMenu.js +159 -171
  296. package/esm/MobileContextMenu/MobileContextMenu.js.map +7 -0
  297. package/esm/MobileContextMenu/MobileContextMenuGroup.js +45 -74
  298. package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +7 -0
  299. package/esm/MobileContextMenu/MobileContextMenuItem.js +117 -135
  300. package/esm/MobileContextMenu/MobileContextMenuItem.js.map +7 -0
  301. package/esm/MobileContextMenu/index.js +5 -3
  302. package/esm/MobileContextMenu/index.js.map +7 -0
  303. package/esm/MobileDatePicker/Input.js +44 -27
  304. package/esm/MobileDatePicker/Input.js.map +7 -0
  305. package/esm/MobileDatePicker/MobileDatePicker.js +37 -73
  306. package/esm/MobileDatePicker/MobileDatePicker.js.map +7 -0
  307. package/esm/MobileDatePicker/index.js +3 -1
  308. package/esm/MobileDatePicker/index.js.map +7 -0
  309. package/esm/MobileDropdownMenu/MobileDropdownInput.js +64 -45
  310. package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +7 -0
  311. package/esm/MobileDropdownMenu/MobileDropdownMenu.js +59 -70
  312. package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +7 -0
  313. package/esm/MobileDropdownMenu/index.js +7 -2
  314. package/esm/MobileDropdownMenu/index.js.map +7 -0
  315. package/esm/MobileEmtpyState/MobileEmptyState.js +29 -27
  316. package/esm/MobileEmtpyState/MobileEmptyState.js.map +7 -0
  317. package/esm/MobileEmtpyState/index.js +8 -2
  318. package/esm/MobileEmtpyState/index.js.map +7 -0
  319. package/esm/MobileFilterbar/Filterbar.js +38 -30
  320. package/esm/MobileFilterbar/Filterbar.js.map +7 -0
  321. package/esm/MobileFilterbar/FilterbarItem.js +20 -24
  322. package/esm/MobileFilterbar/FilterbarItem.js.map +7 -0
  323. package/esm/MobileFilterbar/FilterbarSort.js +27 -32
  324. package/esm/MobileFilterbar/FilterbarSort.js.map +7 -0
  325. package/esm/MobileFilterbar/index.js +19 -3
  326. package/esm/MobileFilterbar/index.js.map +7 -0
  327. package/esm/MobileFooter/Action.js +40 -48
  328. package/esm/MobileFooter/Action.js.map +7 -0
  329. package/esm/MobileFooter/Footer.js +31 -43
  330. package/esm/MobileFooter/Footer.js.map +7 -0
  331. package/esm/MobileFooter/Text.js +19 -20
  332. package/esm/MobileFooter/Text.js.map +7 -0
  333. package/esm/MobileFooter/index.js +13 -3
  334. package/esm/MobileFooter/index.js.map +7 -0
  335. package/esm/MobileListItem/MobileListItem.js +47 -41
  336. package/esm/MobileListItem/MobileListItem.js.map +7 -0
  337. package/esm/MobileListItem/index.js +3 -1
  338. package/esm/MobileListItem/index.js.map +7 -0
  339. package/esm/MobilePageHeader/MobilePageHeader.js +114 -103
  340. package/esm/MobilePageHeader/MobilePageHeader.js.map +7 -0
  341. package/esm/MobilePageHeader/index.js +3 -1
  342. package/esm/MobilePageHeader/index.js.map +7 -0
  343. package/esm/MobileSelectList/MobileSelectList.js +112 -119
  344. package/esm/MobileSelectList/MobileSelectList.js.map +7 -0
  345. package/esm/MobileSelectList/index.js +3 -1
  346. package/esm/MobileSelectList/index.js.map +7 -0
  347. package/esm/MobileSelectList/styled.js +47 -35
  348. package/esm/MobileSelectList/styled.js.map +7 -0
  349. package/esm/MobileSeparator/Separator.js +27 -51
  350. package/esm/MobileSeparator/Separator.js.map +7 -0
  351. package/esm/MobileSeparator/index.js +8 -2
  352. package/esm/MobileSeparator/index.js.map +7 -0
  353. package/esm/MobileTimePicker/Input.js +44 -27
  354. package/esm/MobileTimePicker/Input.js.map +7 -0
  355. package/esm/MobileTimePicker/MobileTimePicker.js +41 -76
  356. package/esm/MobileTimePicker/MobileTimePicker.js.map +7 -0
  357. package/esm/MobileTimePicker/index.js +3 -1
  358. package/esm/MobileTimePicker/index.js.map +7 -0
  359. package/esm/MobileTouchable/MobileTouchable.js +36 -43
  360. package/esm/MobileTouchable/MobileTouchable.js.map +7 -0
  361. package/esm/MobileTouchable/index.js +3 -1
  362. package/esm/MobileTouchable/index.js.map +7 -0
  363. package/esm/Modal/Modal.js +98 -110
  364. package/esm/Modal/Modal.js.map +7 -0
  365. package/esm/Modal/index.js +7 -1
  366. package/esm/Modal/index.js.map +7 -0
  367. package/esm/Modal/styled.js +65 -27
  368. package/esm/Modal/styled.js.map +7 -0
  369. package/esm/PageFilter/PageFilter.js +83 -64
  370. package/esm/PageFilter/PageFilter.js.map +7 -0
  371. package/esm/PageForm/PageForm.js +34 -40
  372. package/esm/PageForm/PageForm.js.map +7 -0
  373. package/esm/PageList/PageList.js +31 -28
  374. package/esm/PageList/PageList.js.map +7 -0
  375. package/esm/PageList/index.js +3 -1
  376. package/esm/PageList/index.js.map +7 -0
  377. package/esm/PageSearch/PageSearch.js +43 -32
  378. package/esm/PageSearch/PageSearch.js.map +7 -0
  379. package/esm/PageSummary/PageSummary.js +38 -47
  380. package/esm/PageSummary/PageSummary.js.map +7 -0
  381. package/esm/PageSummary/Tags.js +37 -26
  382. package/esm/PageSummary/Tags.js.map +7 -0
  383. package/esm/SideNav/SideNav.js +48 -95
  384. package/esm/SideNav/SideNav.js.map +7 -0
  385. package/esm/SideNav/index.js +7 -1
  386. package/esm/SideNav/index.js.map +7 -0
  387. package/esm/SideNav/styles.js +99 -27
  388. package/esm/SideNav/styles.js.map +7 -0
  389. package/esm/SwipeToRefresh/ProgressIndicator.js +21 -19
  390. package/esm/SwipeToRefresh/ProgressIndicator.js.map +7 -0
  391. package/esm/SwipeToRefresh/ProgressLoader.js +46 -46
  392. package/esm/SwipeToRefresh/ProgressLoader.js.map +7 -0
  393. package/esm/SwipeToRefresh/SwipeToRefresh.js +36 -53
  394. package/esm/SwipeToRefresh/SwipeToRefresh.js.map +7 -0
  395. package/esm/SwipeToRefresh/styled.js +28 -17
  396. package/esm/SwipeToRefresh/styled.js.map +7 -0
  397. package/esm/SwipeToRefresh/useSwipe.js +19 -34
  398. package/esm/SwipeToRefresh/useSwipe.js.map +7 -0
  399. package/esm/Tabs/index.js +20 -41
  400. package/esm/Tabs/index.js.map +7 -0
  401. package/esm/Tabs/propTypes.js +20 -19
  402. package/esm/Tabs/propTypes.js.map +7 -0
  403. package/esm/index.js +75 -44
  404. package/esm/index.js.map +7 -0
  405. package/package.json +15 -15
  406. package/types/Accordion/Accordion.d.ts +2 -2
  407. package/types/CategoryBox/CategoryBox.d.ts +1 -7
  408. package/types/CollectionBox/CollectionBox.d.ts +1 -7
  409. package/types/GlobalHeader/MobileGlobalHeader.d.ts +1 -8
  410. package/types/GroupBox/GroupBox.d.ts +1 -8
  411. package/types/InfiniteLoader/Infiniteloader.d.ts +1 -6
  412. package/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts +1 -9
  413. package/types/MobileActionToolbar/MobileActionToolbar.d.ts +1 -7
  414. package/types/MobileActionToolbar/MobileActionToolbarItem.d.ts +1 -4
  415. package/types/MobileBanner/MobileBanner.d.ts +1 -1
  416. package/types/MobileCard/Card.d.ts +1 -2
  417. package/types/MobileCard/Group.d.ts +1 -9
  418. package/types/MobileContextMenu/MobileContextMenu.d.ts +1 -7
  419. package/types/MobileContextMenu/MobileContextMenuGroup.d.ts +1 -8
  420. package/types/MobileContextMenu/MobileContextMenuItem.d.ts +1 -1
  421. package/types/MobileDatePicker/MobileDatePicker.d.ts +1 -7
  422. package/types/MobileDropdownMenu/MobileDropdownMenu.d.ts +1 -1
  423. package/types/MobileEmtpyState/MobileEmptyState.d.ts +1 -3
  424. package/types/MobileFilterbar/Filterbar.d.ts +1 -3
  425. package/types/MobileFilterbar/FilterbarItem.d.ts +1 -4
  426. package/types/MobileFilterbar/FilterbarSort.d.ts +1 -3
  427. package/types/MobileFooter/Footer.d.ts +1 -3
  428. package/types/MobileFooter/Text.d.ts +1 -3
  429. package/types/MobileListItem/MobileListItem.d.ts +1 -8
  430. package/types/MobilePageHeader/MobilePageHeader.d.ts +1 -12
  431. package/types/MobileSeparator/Separator.d.ts +1 -6
  432. package/types/Modal/Modal.d.ts +1 -16
  433. package/types/SwipeToRefresh/SwipeToRefresh.d.ts +1 -5
  434. package/types/Tabs/index.d.ts +2 -2
  435. package/cjs/MobileTimePicker/MobileTimePicker.stories.js +0 -35
  436. package/esm/MobileTimePicker/MobileTimePicker.stories.js +0 -26
package/esm/PageForm/PageForm.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageForm/PageForm.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n const theme = useTheme();\n const rows = [1];\n if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n if (footer) rows.push(theme.space.l);\n return (\n <DSFullPageContainer rows={rows}>\n {header && <Grid>{header}</Grid>}\n <Grid style={{ overflow: 'hidden' }}>\n <DSFullPageContainerScroll>\n <Body>{body}</Body>\n </DSFullPageContainerScroll>\n </Grid>\n {footer && <Grid>{footer}</Grid>}\n </DSFullPageContainer>\n );\n};\n\nPageForm.propTypes = {\n header: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,WAAW;AAClE,QAAM,QAAQ;AACd,QAAM,OAAO,CAAC;AACd,MAAI;AAAQ,SAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAC5E,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM;AAClC,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,MAAD;AAAA,IAAM,OAAO,EAAE,UAAU;AAAA,KACvB,qCAAC,2BAAD,MACE,qCAAC,MAAD,MAAO,SAGV,UAAU,qCAAC,MAAD,MAAO;AAAA;AAKxB,SAAS,YAAY;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
6
+ "names": []
7
+ }
package/esm/PageList/PageList.js CHANGED
@@ -1,30 +1,33 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import styled from 'styled-components';
4
- import { Grid } from '@elliemae/ds-grid';
5
- import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
6
- import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
7
- import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
8
-
9
- const PageTitleWrapper = /*#__PURE__*/styled(Grid).withConfig({
10
- componentId: "sc-e4h57j-0"
11
- })(["min-height:44px;"]);
12
- const DSMobilePageList = withTheme(_ref => {
13
- let {
14
- header = null,
15
- pageTitle = null,
16
- filterBar = null,
17
- body = null,
18
- footer = null,
19
- theme
20
- } = _ref;
21
- const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
22
- if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
23
- if (footer) rows.push('56px');
24
- return /*#__PURE__*/_jsx(DSFullPageContainer, {
25
- rows: rows
26
- }, void 0, header && /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx(Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx(DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx(Grid, {}, void 0, footer));
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import PropTypes from "prop-types";
4
+ import styled from "styled-components";
5
+ import { Grid } from "@elliemae/ds-grid";
6
+ import { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
7
+ import { DSFullPageContainer, DSFullPageContainerScroll } from "../FullPageContainer";
8
+ const PageTitleWrapper = styled(Grid)`
9
+ min-height: 44px;
10
+ `;
11
+ const DSMobilePageList = withTheme(({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {
12
+ const rows = ["auto", op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
13
+ if (header)
14
+ rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
15
+ if (footer)
16
+ rows.push("56px");
17
+ return /* @__PURE__ */ React2.createElement(DSFullPageContainer, {
18
+ rows
19
+ }, header && /* @__PURE__ */ React2.createElement(Grid, null, header), /* @__PURE__ */ React2.createElement(PageTitleWrapper, null, pageTitle), /* @__PURE__ */ React2.createElement(Grid, null, filterBar), /* @__PURE__ */ React2.createElement(DSFullPageContainerScroll, null, body), footer && /* @__PURE__ */ React2.createElement(Grid, null, footer));
27
20
  });
21
+ DSMobilePageList.propTypes = {
22
+ header: PropTypes.element,
23
+ pageTitle: PropTypes.element,
24
+ filterBar: PropTypes.element,
25
+ body: PropTypes.element,
26
+ footer: PropTypes.element
27
+ };
28
28
  const DSPageList = DSMobilePageList;
29
-
30
- export { DSMobilePageList, DSPageList };
29
+ export {
30
+ DSMobilePageList,
31
+ DSPageList
32
+ };
33
+ //# sourceMappingURL=PageList.js.map
package/esm/PageList/PageList.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/PageList.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n if (footer) rows.push('56px');\n return (\n <DSFullPageContainer rows={rows}>\n {header && <Grid>{header}</Grid>}\n <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n <Grid>{filterBar}</Grid>\n <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n {footer && <Grid>{footer}</Grid>}\n </DSFullPageContainer>\n );\n },\n);\n\nDSMobilePageList.propTypes = {\n header: PropTypes.element,\n pageTitle: PropTypes.element,\n filterBar: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAIhC,MAAM,mBAAmB,UACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,YAAY;AAC5F,QAAM,OAAO,CAAC,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,KAAK,OAAO;AAC/E,MAAI;AAAQ,SAAK,QAAQ,yBAAyB,MAAM,MAAM;AAC9D,MAAI;AAAQ,SAAK,KAAK;AACtB,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,kBAAD,MAAmB,YACnB,qCAAC,MAAD,MAAO,YACP,qCAAC,2BAAD,MAA4B,OAC3B,UAAU,qCAAC,MAAD,MAAO;AAAA;AAM1B,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;",
6
+ "names": []
7
+ }
package/esm/PageList/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DSMobilePageList, DSPageList } from './PageList.js';
1
+ import * as React from "react";
2
+ export * from "./PageList";
3
+ //# sourceMappingURL=index.js.map
package/esm/PageList/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/index.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './PageList';\n"],
5
+ "mappings": "AAAA;ACAA;",
6
+ "names": []
7
+ }
package/esm/PageSearch/PageSearch.js CHANGED
@@ -1,37 +1,48 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import styled from 'styled-components';
4
- import { Grid } from '@elliemae/ds-grid';
5
- import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
6
-
7
- const Header = /*#__PURE__*/styled(Grid).withConfig({
8
- componentId: "sc-a8tzbi-0"
9
- })(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
10
- const DSMobilePageSearch = withTheme(_ref => {
11
- let {
12
- HeaderContainer = Header,
13
- SearchContainer = Header,
14
- searchHeader = null,
15
- pageTitle = 'Search',
16
- body = null,
17
- theme
18
- } = _ref;
19
- const rows = [op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
20
- return /*#__PURE__*/_jsx(Grid, {
21
- rows: rows,
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import PropTypes from "prop-types";
4
+ import styled from "styled-components";
5
+ import { Grid } from "@elliemae/ds-grid";
6
+ import { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
7
+ const Header = styled(Grid)`
8
+ height: 100%;
9
+ background: ${(props) => props.theme.colors.brand["600"]};
10
+ padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
11
+ `;
12
+ const DSMobilePageSearch = withTheme(({
13
+ HeaderContainer = Header,
14
+ SearchContainer = Header,
15
+ searchHeader = null,
16
+ pageTitle = "Search",
17
+ body = null,
18
+ theme
19
+ }) => {
20
+ const rows = [
21
+ op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),
22
+ op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),
23
+ 1
24
+ ];
25
+ return /* @__PURE__ */ React2.createElement(Grid, {
26
+ rows,
22
27
  height: "100%"
23
- }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx(Grid, {
28
+ }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(HeaderContainer, null, pageTitle)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(SearchContainer, null, searchHeader)), /* @__PURE__ */ React2.createElement(Grid, {
24
29
  height: "100%",
25
- style: {
26
- overflow: 'hidden'
27
- }
28
- }, void 0, /*#__PURE__*/_jsx(Grid, {
30
+ style: { overflow: "hidden" }
31
+ }, /* @__PURE__ */ React2.createElement(Grid, {
29
32
  height: "100%",
30
- style: {
31
- overflow: 'auto'
32
- }
33
- }, void 0, body)));
33
+ style: { overflow: "auto" }
34
+ }, body)));
34
35
  });
36
+ DSMobilePageSearch.propTypes = {
37
+ header: PropTypes.element,
38
+ pageTitle: PropTypes.element,
39
+ filterBar: PropTypes.element,
40
+ body: PropTypes.element,
41
+ footer: PropTypes.element
42
+ };
35
43
  const DSPageSearch = DSMobilePageSearch;
36
-
37
- export { DSMobilePageSearch, DSPageSearch };
44
+ export {
45
+ DSMobilePageSearch,
46
+ DSPageSearch
47
+ };
48
+ //# sourceMappingURL=PageSearch.js.map
package/esm/PageSearch/PageSearch.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSearch/PageSearch.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n height: 100%;\n background: ${(props) => props.theme.colors.brand['600']};\n padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n ({\n HeaderContainer = Header,\n SearchContainer = Header,\n searchHeader = null,\n pageTitle = 'Search',\n body = null,\n theme,\n }) => {\n const rows = [\n op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n 1,\n ];\n return (\n <Grid rows={rows} height=\"100%\">\n <Grid>\n <HeaderContainer>{pageTitle}</HeaderContainer>\n </Grid>\n <Grid>\n <SearchContainer>{searchHeader}</SearchContainer>\n </Grid>\n <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n {body}\n </Grid>\n </Grid>\n </Grid>\n );\n },\n);\n\nDSMobilePageSearch.propTypes = {\n header: PropTypes.element,\n pageTitle: PropTypes.element,\n filterBar: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;AAAA;AAAA,gBAEN,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAGnE,MAAM,qBAAqB,UACzB,CAAC;AAAA,EACC,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM,OAAO;AAAA,IACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD;AAAA;AAEF,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAY,QAAO;AAAA,KACvB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,aAEpB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,gBAEpB,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACrC,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACpC;AAAA;AAQb,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,eAAe;",
6
+ "names": []
7
+ }
package/esm/PageSummary/PageSummary.js CHANGED
@@ -1,49 +1,40 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'react';
3
- import { Grid } from '@elliemae/ds-grid';
4
- import styled from 'styled-components';
5
- import { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
6
- import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
7
- import 'core-js/modules/esnext.async-iterator.filter.js';
8
- import 'core-js/modules/esnext.iterator.constructor.js';
9
- import 'core-js/modules/esnext.iterator.filter.js';
10
- import 'core-js/modules/esnext.async-iterator.for-each.js';
11
- import 'core-js/modules/esnext.iterator.for-each.js';
12
- import '@babel/runtime/helpers/esm/defineProperty';
13
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
14
- import 'react/jsx-runtime';
15
- import { Header, Section, Toolbar, BodyWrapper } from './Tags.js';
16
-
17
- const Body = /*#__PURE__*/styled(Grid).withConfig({
18
- componentId: "sc-1jlvilw-0"
19
- })(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
20
- let {
21
- theme
22
- } = _ref;
23
- return theme.breakpoints.small;
24
- }, _ref2 => {
25
- let {
26
- theme
27
- } = _ref2;
28
- return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
29
- });
30
-
31
- const PageSummary = _ref3 => {
32
- let {
33
- header = null,
34
- headerZIndex = 1,
35
- bodyPrimary = null,
36
- actions = null,
37
- actionsZIndex = 1,
38
- bodySecondary = null
39
- } = _ref3;
40
- return /*#__PURE__*/_jsx(DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx(Header, {
41
- zIndex: headerZIndex
42
- }, void 0, header), /*#__PURE__*/_jsx(Section, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx(Toolbar, {
43
- zIndex: actionsZIndex
44
- }, void 0, actions), /*#__PURE__*/_jsx(BodyWrapper, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodySecondary))));
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import PropTypes from "prop-types";
4
+ import { Grid } from "@elliemae/ds-grid";
5
+ import styled from "styled-components";
6
+ import { op, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
7
+ import { DSFullPageContainer } from "../FullPageContainer";
8
+ import { Header, Toolbar, BodyWrapper, Section } from "./Tags";
9
+ const Body = styled(Grid)`
10
+ margin: 0 auto;
11
+ width: 100%;
12
+ @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
13
+ ${({ theme }) => `width: ${op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}
14
+ }
15
+ `;
16
+ const PageSummary = ({
17
+ header = null,
18
+ headerZIndex = 1,
19
+ bodyPrimary = null,
20
+ actions = null,
21
+ actionsZIndex = 1,
22
+ bodySecondary = null
23
+ }) => /* @__PURE__ */ React2.createElement(DSFullPageContainer, null, header && /* @__PURE__ */ React2.createElement(Header, {
24
+ zIndex: headerZIndex
25
+ }, header), /* @__PURE__ */ React2.createElement(Section, null, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Body, null, bodyPrimary)), /* @__PURE__ */ React2.createElement(Toolbar, {
26
+ zIndex: actionsZIndex
27
+ }, actions), /* @__PURE__ */ React2.createElement(BodyWrapper, null, /* @__PURE__ */ React2.createElement(Body, null, bodySecondary))));
28
+ PageSummary.propTypes = {
29
+ header: PropTypes.element,
30
+ bodyPrimary: PropTypes.element,
31
+ actions: PropTypes.element,
32
+ bodySecondary: PropTypes.element,
33
+ headerZIndex: PropTypes.number,
34
+ actionsZIndex: PropTypes.number
45
35
  };
46
-
47
36
  const DSPageSummary = PageSummary;
48
-
49
- export { DSPageSummary };
37
+ export {
38
+ DSPageSummary
39
+ };
40
+ //# sourceMappingURL=PageSummary.js.map
package/esm/PageSummary/PageSummary.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n }\n`;\n\nconst PageSummary = ({\n header = null,\n headerZIndex = 1,\n bodyPrimary = null,\n actions = null,\n actionsZIndex = 1,\n bodySecondary = null,\n}) => (\n <DSFullPageContainer>\n {header && <Header zIndex={headerZIndex}>{header}</Header>}\n <Section>\n <Grid>\n <Body>{bodyPrimary}</Body>\n </Grid>\n <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n <BodyWrapper>\n <Body>{bodySecondary}</Body>\n </BodyWrapper>\n </Section>\n </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n header: PropTypes.element,\n bodyPrimary: PropTypes.element,\n actions: PropTypes.element,\n bodySecondary: PropTypes.element,\n headerZIndex: PropTypes.number,\n actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,MAEhB,qCAAC,qBAAD,MACG,UAAU,qCAAC,QAAD;AAAA,EAAQ,QAAQ;AAAA,GAAe,SAC1C,qCAAC,SAAD,MACE,qCAAC,MAAD,MACE,qCAAC,MAAD,MAAO,eAET,qCAAC,SAAD;AAAA,EAAS,QAAQ;AAAA,GAAgB,UACjC,qCAAC,aAAD,MACE,qCAAC,MAAD,MAAO;AAMf,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAG3B,MAAM,gBAAgB;",
6
+ "names": []
7
+ }
package/esm/PageSummary/Tags.js CHANGED
@@ -1,26 +1,37 @@
1
- import styled from 'styled-components';
2
-
3
- const Header = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "sc-1bwtial-0"
5
- })(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], _ref => {
6
- let {
7
- zIndex
8
- } = _ref;
9
- return zIndex;
10
- });
11
- const Toolbar = /*#__PURE__*/styled.div.withConfig({
12
- componentId: "sc-1bwtial-1"
13
- })(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], _ref2 => {
14
- let {
15
- zIndex
16
- } = _ref2;
17
- return zIndex;
18
- });
19
- const BodyWrapper = /*#__PURE__*/styled.div.withConfig({
20
- componentId: "sc-1bwtial-2"
21
- })(["position:relative;display:grid;top:0;left:0;height:100%;"]);
22
- const Section = /*#__PURE__*/styled.div.withConfig({
23
- componentId: "sc-1bwtial-3"
24
- })(["position:relative;top:64px;height:100%;"]);
25
-
26
- export { BodyWrapper, Header, Section, Toolbar };
1
+ import * as React from "react";
2
+ import styled from "styled-components";
3
+ const Header = styled.div`
4
+ position: fixed;
5
+ display: grid;
6
+ top: 0;
7
+ left: 0;
8
+ width: 100%;
9
+ height: 64px;
10
+ z-index: ${({ zIndex }) => zIndex};
11
+ `;
12
+ const Toolbar = styled.div`
13
+ position: sticky;
14
+ left: 0;
15
+ top: 64px;
16
+ background: ${(props) => props.theme.colors.neutral["000"]};
17
+ z-index: ${({ zIndex }) => zIndex};
18
+ `;
19
+ const BodyWrapper = styled.div`
20
+ position: relative;
21
+ display: grid;
22
+ top: 0;
23
+ left: 0;
24
+ height: 100%;
25
+ `;
26
+ const Section = styled.div`
27
+ position: relative;
28
+ top: 64px;
29
+ height: 100%;
30
+ `;
31
+ export {
32
+ BodyWrapper,
33
+ Header,
34
+ Section,
35
+ Toolbar
36
+ };
37
+ //# sourceMappingURL=Tags.js.map
package/esm/PageSummary/Tags.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/Tags.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Header = styled.div`\n position: fixed;\n display: grid;\n top: 0;\n left: 0;\n width: 100%;\n height: 64px;\n z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n position: sticky;\n left: 0;\n top: 64px;\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n position: relative;\n display: grid;\n top: 0;\n left: 0;\n height: 100%;\n`;\n\nexport const Section = styled.div`\n position: relative;\n top: 64px;\n height: 100%;\n`;\n"],
5
+ "mappings": "AAAA;ACAA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
package/esm/SideNav/SideNav.js CHANGED
@@ -1,118 +1,71 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'core-js/modules/web.dom-collections.iterator.js';
3
- import 'core-js/modules/esnext.async-iterator.map.js';
4
- import 'core-js/modules/esnext.iterator.map.js';
5
- import { useState } from 'react';
6
- import { DSBackdrop } from '@elliemae/ds-backdrop';
7
- import { Close } from '@elliemae/ds-icons';
8
- import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
9
- import { PropTypes, describe } from 'react-desc';
10
- import { noop } from 'lodash';
11
- import SvgIcon from '../Icons/EM_logo.js';
12
- import { Container, Menu, MenuWrapper, Heading, Icon, Hr, MenuList, BottomMenu } from './styles.js';
13
- import { jsx, Fragment } from 'react/jsx-runtime';
14
-
15
- var _span, _Hr, _hr;
16
-
17
- const DSSideNav = _ref => {
18
- let {
19
- containerProps = {},
20
- title,
21
- onClose = noop,
22
- menuItems = [],
23
- bottomMenuItems = []
24
- } = _ref;
1
+ import * as React from "react";
2
+ import React2, { useState } from "react";
3
+ import { DSBackdrop } from "@elliemae/ds-backdrop";
4
+ import { Close } from "@elliemae/ds-icons";
5
+ import { DSIconSizes, DSIconColors } from "@elliemae/ds-icon";
6
+ import { PropTypes, describe } from "react-desc";
7
+ import { noop } from "lodash";
8
+ import Logo from "../Icons/EM_logo";
9
+ import { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from "./styles";
10
+ const DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {
25
11
  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
26
-
27
12
  const menuItemClick = (idx, text, cb) => {
28
13
  if (cb) {
29
14
  cb(idx, text);
30
15
  }
31
-
32
16
  setSelectedMenuItem(idx);
33
17
  };
34
-
35
- const renderMenuList = () => /*#__PURE__*/jsx(Fragment, {
36
- children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map((_ref2, idx) => {
37
- let {
38
- icon,
39
- text,
40
- onClick
41
- } = _ref2;
42
- return /*#__PURE__*/_jsx("div", {
43
- className: "menuitem",
44
- onClick: menuItemClick.bind(null, idx, text, onClick)
45
- }, idx, /*#__PURE__*/_jsx("div", {
46
- className: "icon"
47
- }, void 0, icon), /*#__PURE__*/_jsx("div", {
48
- className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
49
- }, void 0, text));
50
- })) : null
51
- });
52
-
53
- const renderBottomMenu = () => /*#__PURE__*/_jsx(MenuList, {}, void 0, bottomMenuItems.map((_ref3, idx) => {
54
- let {
55
- icon,
56
- text,
57
- onClick
58
- } = _ref3;
59
- return /*#__PURE__*/_jsx("div", {
60
- className: "menuitem",
61
- onClick: () => onClick(idx, text)
62
- }, idx, /*#__PURE__*/_jsx("div", {
63
- className: "icon"
64
- }, void 0, icon), /*#__PURE__*/_jsx("div", {
65
- className: "text"
66
- }, void 0, text));
67
- }));
68
-
69
- return /*#__PURE__*/_jsx(Container, {
70
- "data-testid": containerProps['data-testid'] || 'global-header-menu'
71
- }, void 0, /*#__PURE__*/_jsx(DSBackdrop, {
18
+ const renderMenuList = () => /* @__PURE__ */ React2.createElement(React2.Fragment, null, menuItems.length > 0 ? /* @__PURE__ */ React2.createElement(MenuList, null, menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
19
+ key: idx,
20
+ className: "menuitem",
21
+ onClick: menuItemClick.bind(null, idx, text, onClick)
22
+ }, /* @__PURE__ */ React2.createElement("div", {
23
+ className: "icon"
24
+ }, icon), /* @__PURE__ */ React2.createElement("div", {
25
+ className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`
26
+ }, text)))) : null);
27
+ const renderBottomMenu = () => /* @__PURE__ */ React2.createElement(MenuList, null, bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
28
+ key: idx,
29
+ className: "menuitem",
30
+ onClick: () => onClick(idx, text)
31
+ }, /* @__PURE__ */ React2.createElement("div", {
32
+ className: "icon"
33
+ }, icon), /* @__PURE__ */ React2.createElement("div", {
34
+ className: "text"
35
+ }, text))));
36
+ return /* @__PURE__ */ React2.createElement(Container, {
37
+ "data-testid": containerProps["data-testid"] || "global-header-menu"
38
+ }, /* @__PURE__ */ React2.createElement(DSBackdrop, {
72
39
  onClick: onClose,
73
40
  type: "cover"
74
- }), /*#__PURE__*/_jsx(Menu, {}, void 0, /*#__PURE__*/_jsx(MenuWrapper, {}, void 0, /*#__PURE__*/_jsx(Heading, {}, void 0, /*#__PURE__*/_jsx(Icon, {}, void 0, SvgIcon()), /*#__PURE__*/_jsx("div", {
41
+ }), /* @__PURE__ */ React2.createElement(Menu, null, /* @__PURE__ */ React2.createElement(MenuWrapper, null, /* @__PURE__ */ React2.createElement(Heading, null, /* @__PURE__ */ React2.createElement(Icon, null, Logo()), /* @__PURE__ */ React2.createElement("div", {
75
42
  className: "content"
76
- }, void 0, /*#__PURE__*/_jsx("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx("span", {})), /*#__PURE__*/_jsx("div", {
43
+ }, /* @__PURE__ */ React2.createElement("label", null, title), /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement("div", {
77
44
  className: "icon"
78
- }, void 0, /*#__PURE__*/_jsx(Close, {
45
+ }, /* @__PURE__ */ React2.createElement(Close, {
79
46
  onClick: onClose,
80
47
  size: DSIconSizes.S,
81
48
  color: DSIconColors.WHITE
82
- })))), _Hr || (_Hr = /*#__PURE__*/_jsx(Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx(BottomMenu, {}, void 0, /*#__PURE__*/_jsx("div", {
49
+ })))), /* @__PURE__ */ React2.createElement(Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /* @__PURE__ */ React2.createElement(BottomMenu, null, /* @__PURE__ */ React2.createElement("div", {
83
50
  className: "content"
84
- }, void 0, _hr || (_hr = /*#__PURE__*/_jsx("hr", {})), renderBottomMenu())) : null)));
51
+ }, /* @__PURE__ */ React2.createElement("hr", null), renderBottomMenu())) : null)));
85
52
  };
86
-
87
53
  const menuProps = PropTypes.arrayOf(PropTypes.shape({
88
54
  icon: PropTypes.element,
89
55
  text: PropTypes.string
90
56
  }));
91
57
  const navProps = {
92
- /** inject props to wrapper element of side nav */
93
- containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),
94
-
95
- /**
96
- * Heading Title
97
- */
98
- title: PropTypes.string.isRequired.description('Heading Title'),
99
-
100
- /**
101
- * Callback function when close is menu is triggered
102
- */
103
- onClose: PropTypes.func.description('Callback function when close is menu is triggered'),
104
-
105
- /**
106
- * Top Menu items array
107
- */
108
- menuItems: menuProps.description('Top Menu items array'),
109
-
110
- /**
111
- * Bottom Menu items array
112
- */
113
- bottomMenuItems: menuProps.description('Bottom Menu items array')
58
+ containerProps: PropTypes.object.description("inject props to wrapper element of side nav"),
59
+ title: PropTypes.string.isRequired.description("Heading Title"),
60
+ onClose: PropTypes.func.description("Callback function when close is menu is triggered"),
61
+ menuItems: menuProps.description("Top Menu items array"),
62
+ bottomMenuItems: menuProps.description("Bottom Menu items array")
114
63
  };
115
- const DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');
64
+ DSSideNav.propTypes = navProps;
65
+ const DSSideNavWithSchema = describe(DSSideNav).description("Side navigation for mobile and tablet");
116
66
  DSSideNavWithSchema.propTypes = navProps;
117
-
118
- export { DSSideNav, DSSideNavWithSchema };
67
+ export {
68
+ DSSideNav,
69
+ DSSideNavWithSchema
70
+ };
71
+ //# sourceMappingURL=SideNav.js.map
package/esm/SideNav/SideNav.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/SideNav.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n const menuItemClick = (idx, text, cb) => {\n if (cb) {\n cb(idx, text);\n }\n setSelectedMenuItem(idx);\n };\n\n const renderMenuList = () => (\n <>\n {menuItems.length > 0 ? (\n <MenuList>\n {menuItems.map(({ icon, text, onClick }, idx) => (\n <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n <div className=\"icon\">{icon}</div>\n <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n </div>\n ))}\n </MenuList>\n ) : null}\n </>\n );\n\n const renderBottomMenu = () => (\n <MenuList>\n {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n <div className=\"icon\">{icon}</div>\n <div className=\"text\">{text}</div>\n </div>\n ))}\n </MenuList>\n );\n\n return (\n <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n <Menu>\n <MenuWrapper>\n <Heading>\n <Icon>{Logo()}</Icon>\n <div className=\"content\">\n <label>{title}</label>\n <span></span>\n <div className=\"icon\">\n <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n </div>\n </div>\n </Heading>\n <Hr></Hr>\n {renderMenuList()}\n {bottomMenuItems.length > 0 ? (\n <BottomMenu>\n <div className=\"content\">\n <hr></hr>\n {renderBottomMenu()}\n </div>\n </BottomMenu>\n ) : null}\n </MenuWrapper>\n </Menu>\n </Container>\n );\n};\n\nconst menuProps = PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n text: PropTypes.string,\n }),\n);\n\nconst navProps = {\n /** inject props to wrapper element of side nav */\n containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n /**\n * Heading Title\n */\n title: PropTypes.string.isRequired.description('Heading Title'),\n /**\n * Callback function when close is menu is triggered\n */\n onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n /**\n * Top Menu items array\n */\n menuItems: menuProps.description('Top Menu items array'),\n /**\n * Bottom Menu items array\n */\n bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],
5
+ "mappings": "AAAA;ACKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,CAAC,EAAE,iBAAiB,IAAI,OAAO,UAAU,MAAM,YAAY,IAAI,kBAAkB,SAAS;AAC1G,QAAM,CAAC,qBAAqB,uBAAuB,SAAS;AAE5D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK;AAAA;AAEV,wBAAoB;AAAA;AAGtB,QAAM,iBAAiB,MACrB,4DACG,UAAU,SAAS,IAClB,qCAAC,UAAD,MACG,UAAU,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QACvC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM;AAAA,KAC/E,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAW,QAAQ,QAAQ,sBAAsB,WAAW;AAAA,KAAO,WAI5E;AAIR,QAAM,mBAAmB,MACvB,qCAAC,UAAD,MACG,gBAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QAC7C,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,MAAM,QAAQ,KAAK;AAAA,KAC9D,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ;AAM/B,SACE,qCAAC,WAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KACvD,qCAAC,YAAD;AAAA,IAAY,SAAS;AAAA,IAAS,MAAK;AAAA,MAEnC,qCAAC,MAAD,MACE,qCAAC,aAAD,MACE,qCAAC,SAAD,MACE,qCAAC,MAAD,MAAO,SACP,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,SAAD,MAAQ,QACR,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAO,SAAS;AAAA,IAAS,MAAM,YAAY;AAAA,IAAG,OAAO,aAAa;AAAA,SAIxE,qCAAC,IAAD,OACC,kBACA,gBAAgB,SAAS,IACxB,qCAAC,YAAD,MACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,MAAD,OACC,uBAGH;AAAA;AAOd,MAAM,YAAY,UAAU,QAC1B,UAAU,MAAM;AAAA,EACd,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA;AAIpB,MAAM,WAAW;AAAA,EAEf,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,WAAW,UAAU,YAAY;AAAA,EAIjC,iBAAiB,UAAU,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AAE5D,oBAAoB,YAAY;",
6
+ "names": []
7
+ }
package/esm/SideNav/index.js CHANGED
@@ -1 +1,7 @@
1
- export { DSSideNav, DSSideNavWithSchema } from './SideNav.js';
1
+ import * as React from "react";
2
+ import { DSSideNav, DSSideNavWithSchema } from "./SideNav";
3
+ export {
4
+ DSSideNav,
5
+ DSSideNavWithSchema
6
+ };
7
+ //# sourceMappingURL=index.js.map
package/esm/SideNav/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/index.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSideNav, DSSideNavWithSchema } from './SideNav';\n"],
5
+ "mappings": "AAAA;ACAA;",
6
+ "names": []
7
+ }