@elliemae/ds-mobile 1.55.0-next.7 → 2.0.0-alpha.10

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 (595) hide show
  1. package/cjs/Accordion/Accordion.js +4 -13
  2. package/cjs/Accordion/index.js +4 -13
  3. package/cjs/CategoryBox/CategoryBox.js +25 -38
  4. package/cjs/CategoryBox/index.js +3 -10
  5. package/cjs/CollectionBox/CollectionBox.js +31 -45
  6. package/cjs/CollectionBox/index.js +3 -9
  7. package/cjs/FullPageContainer/FullPageContainer.js +20 -20
  8. package/cjs/FullPageContainer/FullPageContainerScroll.js +14 -21
  9. package/cjs/FullPageContainer/index.js +4 -13
  10. package/cjs/FullPageContainer/useMobileHeight.js +4 -15
  11. package/cjs/GlobalHeader/MobileGlobalHeader.js +75 -84
  12. package/cjs/GlobalHeader/index.js +3 -23
  13. package/cjs/GlobalHeader/styles.js +20 -41
  14. package/cjs/GroupBox/GroupBox.js +26 -39
  15. package/cjs/GroupBox/index.js +3 -10
  16. package/cjs/Icons/EM_logo.js +9 -9
  17. package/cjs/InfiniteLoader/Infiniteloader.js +26 -29
  18. package/cjs/InfiniteLoader/Loader.js +13 -20
  19. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +32 -68
  20. package/cjs/InfiniteLoader/index.js +6 -18
  21. package/cjs/InfiniteLoader/styled.js +1 -2
  22. package/cjs/LoadingPage/Page.js +38 -78
  23. package/cjs/LoadingPage/index.js +3 -12
  24. package/cjs/MobileActionToolbar/MobileActionToolbar.js +22 -29
  25. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +18 -13
  26. package/cjs/MobileActionToolbar/index.js +6 -15
  27. package/cjs/MobileBanner/MobileBanner.js +66 -84
  28. package/cjs/MobileBanner/defaultProps.js +5 -10
  29. package/cjs/MobileBanner/index.d.js +0 -1
  30. package/cjs/MobileBanner/index.js +5 -24
  31. package/cjs/MobileBanner/propTypes.js +1 -2
  32. package/cjs/MobileBanner/styles.js +69 -95
  33. package/cjs/MobileBanner/utils/bannerTypes.js +1 -2
  34. package/cjs/MobileBanner/utils/icons.js +8 -8
  35. package/cjs/MobileBanner/utils/styleHelpers.js +52 -28
  36. package/cjs/MobileCard/ActionAddon.js +15 -38
  37. package/cjs/MobileCard/Card.js +75 -117
  38. package/cjs/MobileCard/CardIcons.js +19 -62
  39. package/cjs/MobileCard/ExpandChevron.js +13 -36
  40. package/cjs/MobileCard/ExpandableRegion.js +22 -43
  41. package/cjs/MobileCard/Group.js +32 -55
  42. package/cjs/MobileCard/StyledCard.js +2 -9
  43. package/cjs/MobileCard/index.js +11 -31
  44. package/cjs/MobileCard/useHeight.js +4 -18
  45. package/cjs/MobileContextMenu/MobileContextMenu.js +110 -143
  46. package/cjs/MobileContextMenu/MobileContextMenuGroup.js +33 -46
  47. package/cjs/MobileContextMenu/MobileContextMenuItem.js +76 -72
  48. package/cjs/MobileContextMenu/index.js +9 -28
  49. package/cjs/MobileDatePicker/Input.js +18 -27
  50. package/cjs/MobileDatePicker/MobileDatePicker.js +29 -32
  51. package/cjs/MobileDatePicker/index.js +3 -15
  52. package/cjs/MobileDropdownMenu/MobileDropdownInput.js +28 -37
  53. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +47 -81
  54. package/cjs/MobileDropdownMenu/index.js +5 -28
  55. package/cjs/MobileEmtpyState/MobileEmptyState.js +15 -24
  56. package/cjs/MobileEmtpyState/index.js +4 -9
  57. package/cjs/MobileFilterbar/Filterbar.js +19 -27
  58. package/cjs/MobileFilterbar/FilterbarItem.js +16 -18
  59. package/cjs/MobileFilterbar/FilterbarSort.js +15 -15
  60. package/cjs/MobileFilterbar/index.js +9 -17
  61. package/cjs/MobileFooter/Action.js +29 -35
  62. package/cjs/MobileFooter/Footer.js +20 -33
  63. package/cjs/MobileFooter/Text.js +9 -12
  64. package/cjs/MobileFooter/index.js +9 -17
  65. package/cjs/MobileListItem/MobileListItem.js +25 -38
  66. package/cjs/MobileListItem/index.js +3 -9
  67. package/cjs/MobilePageHeader/MobilePageHeader.js +63 -98
  68. package/cjs/MobilePageHeader/index.js +3 -15
  69. package/cjs/MobileSelectList/MobileSelectList.js +93 -159
  70. package/cjs/MobileSelectList/index.js +2 -21
  71. package/cjs/MobileSelectList/styled.js +18 -31
  72. package/cjs/MobileSeparator/Separator.js +35 -37
  73. package/cjs/MobileSeparator/index.js +3 -9
  74. package/cjs/MobileTimePicker/Input.js +18 -27
  75. package/cjs/MobileTimePicker/MobileTimePicker.js +31 -32
  76. package/cjs/MobileTimePicker/MobileTimePicker.stories.js +35 -0
  77. package/cjs/MobileTimePicker/index.js +3 -15
  78. package/cjs/MobileTouchable/MobileTouchable.js +28 -45
  79. package/cjs/MobileTouchable/index.js +2 -12
  80. package/cjs/Modal/Modal.js +86 -87
  81. package/cjs/Modal/index.js +3 -15
  82. package/cjs/Modal/styled.js +17 -37
  83. package/cjs/PageFilter/PageFilter.js +37 -84
  84. package/cjs/PageForm/PageForm.js +24 -41
  85. package/cjs/PageList/PageList.js +18 -37
  86. package/cjs/PageList/index.js +3 -17
  87. package/cjs/PageSearch/PageSearch.js +19 -36
  88. package/cjs/PageSummary/PageSummary.js +28 -50
  89. package/cjs/PageSummary/Tags.js +10 -15
  90. package/cjs/SideNav/SideNav.js +54 -70
  91. package/cjs/SideNav/index.js +3 -14
  92. package/cjs/SideNav/styles.js +13 -42
  93. package/cjs/SwipeToRefresh/ProgressIndicator.js +19 -24
  94. package/cjs/SwipeToRefresh/ProgressLoader.js +45 -44
  95. package/cjs/SwipeToRefresh/SwipeToRefresh.js +42 -42
  96. package/cjs/SwipeToRefresh/styled.js +4 -5
  97. package/cjs/SwipeToRefresh/useSwipe.js +30 -44
  98. package/cjs/Tabs/index.js +29 -20
  99. package/cjs/index.js +118 -198
  100. package/cjs/package.json +7 -0
  101. package/esm/Accordion/Accordion.js +0 -1
  102. package/esm/Accordion/index.js +0 -1
  103. package/esm/CategoryBox/CategoryBox.js +24 -37
  104. package/esm/CategoryBox/index.js +0 -7
  105. package/esm/CollectionBox/CollectionBox.js +30 -44
  106. package/esm/CollectionBox/index.js +0 -6
  107. package/esm/FullPageContainer/FullPageContainer.js +17 -15
  108. package/esm/FullPageContainer/FullPageContainerScroll.js +12 -16
  109. package/esm/FullPageContainer/index.js +0 -9
  110. package/esm/FullPageContainer/useMobileHeight.js +4 -11
  111. package/esm/GlobalHeader/MobileGlobalHeader.js +73 -81
  112. package/esm/GlobalHeader/index.js +0 -20
  113. package/esm/GlobalHeader/styles.js +20 -40
  114. package/esm/GroupBox/GroupBox.js +25 -38
  115. package/esm/GroupBox/index.js +0 -7
  116. package/esm/Icons/EM_logo.js +8 -8
  117. package/esm/InfiniteLoader/Infiniteloader.js +25 -28
  118. package/esm/InfiniteLoader/Loader.js +11 -17
  119. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +34 -69
  120. package/esm/InfiniteLoader/index.js +0 -12
  121. package/esm/InfiniteLoader/styled.js +1 -2
  122. package/esm/LoadingPage/Page.js +34 -73
  123. package/esm/LoadingPage/index.js +0 -9
  124. package/esm/MobileActionToolbar/MobileActionToolbar.js +17 -24
  125. package/esm/MobileActionToolbar/MobileActionToolbarItem.js +15 -10
  126. package/esm/MobileActionToolbar/index.js +0 -9
  127. package/esm/MobileBanner/MobileBanner.js +59 -76
  128. package/esm/MobileBanner/defaultProps.js +3 -8
  129. package/esm/MobileBanner/index.d.js +0 -1
  130. package/esm/MobileBanner/index.js +0 -19
  131. package/esm/MobileBanner/propTypes.js +1 -2
  132. package/esm/MobileBanner/styles.js +68 -94
  133. package/esm/MobileBanner/utils/bannerTypes.js +1 -2
  134. package/esm/MobileBanner/utils/icons.js +7 -7
  135. package/esm/MobileBanner/utils/styleHelpers.js +47 -19
  136. package/esm/MobileCard/ActionAddon.js +14 -36
  137. package/esm/MobileCard/Card.js +70 -112
  138. package/esm/MobileCard/CardIcons.js +18 -60
  139. package/esm/MobileCard/ExpandChevron.js +12 -34
  140. package/esm/MobileCard/ExpandableRegion.js +22 -41
  141. package/esm/MobileCard/Group.js +29 -53
  142. package/esm/MobileCard/StyledCard.js +2 -9
  143. package/esm/MobileCard/index.js +1 -21
  144. package/esm/MobileCard/useHeight.js +4 -14
  145. package/esm/MobileContextMenu/MobileContextMenu.js +107 -139
  146. package/esm/MobileContextMenu/MobileContextMenuGroup.js +31 -45
  147. package/esm/MobileContextMenu/MobileContextMenuItem.js +72 -69
  148. package/esm/MobileContextMenu/index.js +0 -19
  149. package/esm/MobileDatePicker/Input.js +15 -23
  150. package/esm/MobileDatePicker/MobileDatePicker.js +28 -31
  151. package/esm/MobileDatePicker/index.js +0 -12
  152. package/esm/MobileDropdownMenu/MobileDropdownInput.js +26 -34
  153. package/esm/MobileDropdownMenu/MobileDropdownMenu.js +43 -77
  154. package/esm/MobileDropdownMenu/index.js +0 -23
  155. package/esm/MobileEmtpyState/MobileEmptyState.js +13 -22
  156. package/esm/MobileEmtpyState/index.js +0 -5
  157. package/esm/MobileFilterbar/Filterbar.js +16 -24
  158. package/esm/MobileFilterbar/FilterbarItem.js +15 -17
  159. package/esm/MobileFilterbar/FilterbarSort.js +13 -13
  160. package/esm/MobileFilterbar/index.js +0 -8
  161. package/esm/MobileFooter/Action.js +26 -33
  162. package/esm/MobileFooter/Footer.js +17 -31
  163. package/esm/MobileFooter/Text.js +8 -11
  164. package/esm/MobileFooter/index.js +0 -8
  165. package/esm/MobileListItem/MobileListItem.js +24 -37
  166. package/esm/MobileListItem/index.js +0 -6
  167. package/esm/MobilePageHeader/MobilePageHeader.js +60 -95
  168. package/esm/MobilePageHeader/index.js +0 -12
  169. package/esm/MobileSelectList/MobileSelectList.js +88 -152
  170. package/esm/MobileSelectList/index.js +0 -19
  171. package/esm/MobileSelectList/styled.js +13 -26
  172. package/esm/MobileSeparator/Separator.js +33 -34
  173. package/esm/MobileSeparator/index.js +0 -6
  174. package/esm/MobileTimePicker/Input.js +15 -23
  175. package/esm/MobileTimePicker/MobileTimePicker.js +30 -31
  176. package/esm/MobileTimePicker/MobileTimePicker.stories.js +26 -0
  177. package/esm/MobileTimePicker/index.js +0 -12
  178. package/esm/MobileTouchable/MobileTouchable.js +26 -40
  179. package/esm/MobileTouchable/index.js +0 -10
  180. package/esm/Modal/Modal.js +83 -84
  181. package/esm/Modal/index.js +0 -12
  182. package/esm/Modal/styled.js +17 -36
  183. package/esm/PageFilter/PageFilter.js +35 -81
  184. package/esm/PageForm/PageForm.js +20 -36
  185. package/esm/PageList/PageList.js +15 -33
  186. package/esm/PageList/index.js +0 -14
  187. package/esm/PageSearch/PageSearch.js +18 -34
  188. package/esm/PageSummary/PageSummary.js +24 -45
  189. package/esm/PageSummary/Tags.js +10 -15
  190. package/esm/SideNav/SideNav.js +49 -64
  191. package/esm/SideNav/index.js +0 -11
  192. package/esm/SideNav/styles.js +13 -42
  193. package/esm/SwipeToRefresh/ProgressIndicator.js +18 -22
  194. package/esm/SwipeToRefresh/ProgressLoader.js +44 -43
  195. package/esm/SwipeToRefresh/SwipeToRefresh.js +38 -38
  196. package/esm/SwipeToRefresh/styled.js +4 -5
  197. package/esm/SwipeToRefresh/useSwipe.js +30 -40
  198. package/esm/Tabs/index.js +25 -15
  199. package/esm/index.js +0 -72
  200. package/esm/package.json +7 -0
  201. package/package.json +414 -13
  202. package/types/Accordion/Accordion.d.ts +1 -0
  203. package/types/Accordion/index.d.ts +1 -0
  204. package/types/CategoryBox/CategoryBox.d.ts +34 -0
  205. package/types/CategoryBox/index.d.ts +1 -0
  206. package/types/CollectionBox/CollectionBox.d.ts +34 -0
  207. package/types/CollectionBox/index.d.ts +1 -0
  208. package/types/FullPageContainer/FullPageContainer.d.ts +12 -0
  209. package/types/FullPageContainer/FullPageContainerScroll.d.ts +14 -0
  210. package/types/FullPageContainer/index.d.ts +2 -0
  211. package/types/FullPageContainer/useMobileHeight.d.ts +1 -0
  212. package/types/GlobalHeader/MobileGlobalHeader.d.ts +37 -0
  213. package/types/GlobalHeader/index.d.ts +1 -0
  214. package/types/GlobalHeader/styles.d.ts +6 -0
  215. package/types/GroupBox/GroupBox.d.ts +39 -0
  216. package/types/GroupBox/index.d.ts +1 -0
  217. package/types/Icons/EM_logo.d.ts +3 -0
  218. package/types/InfiniteLoader/Infiniteloader.d.ts +21 -0
  219. package/types/InfiniteLoader/Loader.d.ts +10 -0
  220. package/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts +30 -0
  221. package/types/InfiniteLoader/index.d.ts +2 -0
  222. package/types/InfiniteLoader/styled.d.ts +1 -0
  223. package/types/LoadingPage/Page.d.ts +12 -0
  224. package/types/LoadingPage/index.d.ts +3 -0
  225. package/types/LoadingPage/tests/LoadingPage.test.d.ts +1 -0
  226. package/types/MobileActionToolbar/MobileActionToolbar.d.ts +11 -0
  227. package/types/MobileActionToolbar/MobileActionToolbarItem.d.ts +15 -0
  228. package/types/MobileActionToolbar/index.d.ts +3 -0
  229. package/types/MobileBanner/MobileBanner.d.ts +33 -0
  230. package/types/MobileBanner/defaultProps.d.ts +13 -0
  231. package/types/MobileBanner/index.d.ts +2 -0
  232. package/types/MobileBanner/propTypes.d.ts +13 -0
  233. package/types/MobileBanner/styles.d.ts +11 -0
  234. package/types/MobileBanner/tests/MobileBanner.events.test.d.ts +1 -0
  235. package/types/MobileBanner/tests/MobileBanner.test.d.ts +1 -0
  236. package/types/MobileBanner/utils/bannerTypes.d.ts +6 -0
  237. package/types/MobileBanner/utils/icons.d.ts +7 -0
  238. package/types/MobileBanner/utils/styleHelpers.d.ts +10 -0
  239. package/types/MobileCard/ActionAddon.d.ts +23 -0
  240. package/types/MobileCard/Card.d.ts +19 -0
  241. package/types/MobileCard/CardIcons.d.ts +18 -0
  242. package/types/MobileCard/ExpandChevron.d.ts +23 -0
  243. package/types/MobileCard/ExpandableRegion.d.ts +12 -0
  244. package/types/MobileCard/Group.d.ts +14 -0
  245. package/types/MobileCard/StyledCard.d.ts +1 -0
  246. package/types/MobileCard/index.d.ts +22 -0
  247. package/types/MobileCard/useHeight.d.ts +1 -0
  248. package/types/MobileContextMenu/MobileContextMenu.d.ts +10 -0
  249. package/types/MobileContextMenu/MobileContextMenuGroup.d.ts +32 -0
  250. package/types/MobileContextMenu/MobileContextMenuItem.d.ts +37 -0
  251. package/types/MobileContextMenu/index.d.ts +3 -0
  252. package/types/MobileDatePicker/Input.d.ts +5 -0
  253. package/types/MobileDatePicker/MobileDatePicker.d.ts +39 -0
  254. package/types/MobileDatePicker/index.d.ts +1 -0
  255. package/types/MobileDropdownMenu/MobileDropdownInput.d.ts +16 -0
  256. package/types/MobileDropdownMenu/MobileDropdownMenu.d.ts +33 -0
  257. package/types/MobileDropdownMenu/index.d.ts +2 -0
  258. package/types/MobileEmtpyState/MobileEmptyState.d.ts +12 -0
  259. package/types/MobileEmtpyState/index.d.ts +3 -0
  260. package/types/MobileFilterbar/Filterbar.d.ts +11 -0
  261. package/types/MobileFilterbar/FilterbarItem.d.ts +13 -0
  262. package/types/MobileFilterbar/FilterbarSort.d.ts +11 -0
  263. package/types/MobileFilterbar/index.d.ts +4 -0
  264. package/types/MobileFooter/Action.d.ts +18 -0
  265. package/types/MobileFooter/Footer.d.ts +15 -0
  266. package/types/MobileFooter/Text.d.ts +11 -0
  267. package/types/MobileFooter/index.d.ts +4 -0
  268. package/types/MobileFooter/tests/MobileFooter.test.d.ts +1 -0
  269. package/types/MobileListItem/MobileListItem.d.ts +12 -0
  270. package/types/MobileListItem/index.d.ts +1 -0
  271. package/types/MobilePageHeader/MobilePageHeader.d.ts +16 -0
  272. package/types/MobilePageHeader/index.d.ts +1 -0
  273. package/types/MobileSelectList/MobileSelectList.d.ts +18 -0
  274. package/types/MobileSelectList/index.d.ts +1 -0
  275. package/types/MobileSelectList/styled.d.ts +8 -0
  276. package/types/MobileSeparator/Separator.d.ts +18 -0
  277. package/types/MobileSeparator/index.d.ts +3 -0
  278. package/types/MobileTimePicker/Input.d.ts +5 -0
  279. package/types/MobileTimePicker/MobileTimePicker.d.ts +40 -0
  280. package/types/MobileTimePicker/MobileTimePicker.stories.d.ts +6 -0
  281. package/types/MobileTimePicker/index.d.ts +1 -0
  282. package/types/MobileTouchable/MobileTouchable.d.ts +8 -0
  283. package/types/MobileTouchable/index.d.ts +1 -0
  284. package/types/Modal/Modal.d.ts +31 -0
  285. package/types/Modal/index.d.ts +1 -0
  286. package/types/Modal/styled.d.ts +7 -0
  287. package/types/PageFilter/PageFilter.d.ts +39 -0
  288. package/types/PageForm/PageForm.d.ts +27 -0
  289. package/types/PageList/PageList.d.ts +16 -0
  290. package/types/PageList/index.d.ts +1 -0
  291. package/types/PageSearch/PageSearch.d.ts +16 -0
  292. package/types/PageSummary/PageSummary.d.ts +21 -0
  293. package/types/PageSummary/Tags.d.ts +4 -0
  294. package/types/SideNav/SideNav.d.ts +32 -0
  295. package/types/SideNav/index.d.ts +1 -0
  296. package/types/SideNav/styles.d.ts +8 -0
  297. package/types/SwipeToRefresh/ProgressIndicator.d.ts +10 -0
  298. package/types/SwipeToRefresh/ProgressLoader.d.ts +2 -0
  299. package/types/SwipeToRefresh/SwipeToRefresh.d.ts +18 -0
  300. package/types/SwipeToRefresh/styled.d.ts +4 -0
  301. package/types/SwipeToRefresh/useSwipe.d.ts +13 -0
  302. package/types/Tabs/index.d.ts +9 -0
  303. package/types/index.d.ts +31 -0
  304. package/Accordion/Accordion/package.json +0 -10
  305. package/Accordion/package.json +0 -10
  306. package/CategoryBox/CategoryBox/package.json +0 -10
  307. package/CategoryBox/package.json +0 -10
  308. package/CollectionBox/CollectionBox/package.json +0 -10
  309. package/CollectionBox/package.json +0 -10
  310. package/FullPageContainer/FullPageContainer/package.json +0 -10
  311. package/FullPageContainer/FullPageContainerScroll/package.json +0 -10
  312. package/FullPageContainer/package.json +0 -10
  313. package/FullPageContainer/useMobileHeight/package.json +0 -10
  314. package/GlobalHeader/MobileGlobalHeader/package.json +0 -10
  315. package/GlobalHeader/package.json +0 -10
  316. package/GlobalHeader/styles/package.json +0 -10
  317. package/GroupBox/GroupBox/package.json +0 -10
  318. package/GroupBox/package.json +0 -10
  319. package/Icons/EM_logo/package.json +0 -10
  320. package/InfiniteLoader/Infiniteloader/package.json +0 -10
  321. package/InfiniteLoader/Loader/package.json +0 -10
  322. package/InfiniteLoader/VirtualizedInfiniteLoader/package.json +0 -10
  323. package/InfiniteLoader/package.json +0 -10
  324. package/InfiniteLoader/styled/package.json +0 -10
  325. package/LoadingPage/Page/package.json +0 -10
  326. package/LoadingPage/package.json +0 -10
  327. package/MobileActionToolbar/MobileActionToolbar/package.json +0 -10
  328. package/MobileActionToolbar/MobileActionToolbarItem/package.json +0 -10
  329. package/MobileActionToolbar/package.json +0 -10
  330. package/MobileBanner/MobileBanner/package.json +0 -10
  331. package/MobileBanner/defaultProps/package.json +0 -10
  332. package/MobileBanner/package.json +0 -10
  333. package/MobileBanner/propTypes/package.json +0 -10
  334. package/MobileBanner/styles/package.json +0 -10
  335. package/MobileBanner/utils/bannerTypes/package.json +0 -10
  336. package/MobileBanner/utils/icons/package.json +0 -10
  337. package/MobileBanner/utils/styleHelpers/package.json +0 -10
  338. package/MobileCard/ActionAddon/package.json +0 -10
  339. package/MobileCard/Card/package.json +0 -10
  340. package/MobileCard/CardIcons/package.json +0 -10
  341. package/MobileCard/ExpandChevron/package.json +0 -10
  342. package/MobileCard/ExpandableRegion/package.json +0 -10
  343. package/MobileCard/Group/package.json +0 -10
  344. package/MobileCard/StyledCard/package.json +0 -10
  345. package/MobileCard/package.json +0 -10
  346. package/MobileCard/useHeight/package.json +0 -10
  347. package/MobileContextMenu/MobileContextMenu/package.json +0 -10
  348. package/MobileContextMenu/MobileContextMenuGroup/package.json +0 -10
  349. package/MobileContextMenu/MobileContextMenuItem/package.json +0 -10
  350. package/MobileContextMenu/package.json +0 -10
  351. package/MobileDatePicker/Input/package.json +0 -10
  352. package/MobileDatePicker/MobileDatePicker/package.json +0 -10
  353. package/MobileDatePicker/package.json +0 -10
  354. package/MobileDropdownMenu/MobileDropdownInput/package.json +0 -10
  355. package/MobileDropdownMenu/MobileDropdownMenu/package.json +0 -10
  356. package/MobileDropdownMenu/package.json +0 -10
  357. package/MobileEmtpyState/MobileEmptyState/package.json +0 -10
  358. package/MobileEmtpyState/package.json +0 -10
  359. package/MobileFilterbar/Filterbar/package.json +0 -10
  360. package/MobileFilterbar/FilterbarItem/package.json +0 -10
  361. package/MobileFilterbar/FilterbarSort/package.json +0 -10
  362. package/MobileFilterbar/package.json +0 -10
  363. package/MobileFooter/Action/package.json +0 -10
  364. package/MobileFooter/Footer/package.json +0 -10
  365. package/MobileFooter/Text/package.json +0 -10
  366. package/MobileFooter/package.json +0 -10
  367. package/MobileListItem/MobileListItem/package.json +0 -10
  368. package/MobileListItem/package.json +0 -10
  369. package/MobilePageHeader/MobilePageHeader/package.json +0 -10
  370. package/MobilePageHeader/package.json +0 -10
  371. package/MobileSelectList/MobileSelectList/package.json +0 -10
  372. package/MobileSelectList/package.json +0 -10
  373. package/MobileSelectList/styled/package.json +0 -10
  374. package/MobileSeparator/Separator/package.json +0 -10
  375. package/MobileSeparator/package.json +0 -10
  376. package/MobileTimePicker/Input/package.json +0 -10
  377. package/MobileTimePicker/MobileTimePicker/package.json +0 -10
  378. package/MobileTimePicker/package.json +0 -10
  379. package/MobileTouchable/MobileTouchable/package.json +0 -10
  380. package/MobileTouchable/package.json +0 -10
  381. package/Modal/Modal/package.json +0 -10
  382. package/Modal/package.json +0 -10
  383. package/Modal/styled/package.json +0 -10
  384. package/PageFilter/PageFilter/package.json +0 -10
  385. package/PageForm/PageForm/package.json +0 -10
  386. package/PageList/PageList/package.json +0 -10
  387. package/PageList/package.json +0 -10
  388. package/PageSearch/PageSearch/package.json +0 -10
  389. package/PageSummary/PageSummary/package.json +0 -10
  390. package/PageSummary/Tags/package.json +0 -10
  391. package/SideNav/SideNav/package.json +0 -10
  392. package/SideNav/package.json +0 -10
  393. package/SideNav/styles/package.json +0 -10
  394. package/SwipeToRefresh/ProgressIndicator/package.json +0 -10
  395. package/SwipeToRefresh/ProgressLoader/package.json +0 -10
  396. package/SwipeToRefresh/SwipeToRefresh/package.json +0 -10
  397. package/SwipeToRefresh/styled/package.json +0 -10
  398. package/SwipeToRefresh/useSwipe/package.json +0 -10
  399. package/Tabs/package.json +0 -10
  400. package/cjs/Accordion/Accordion.js.map +0 -1
  401. package/cjs/Accordion/index.js.map +0 -1
  402. package/cjs/CategoryBox/CategoryBox.js.map +0 -1
  403. package/cjs/CategoryBox/index.js.map +0 -1
  404. package/cjs/CollectionBox/CollectionBox.js.map +0 -1
  405. package/cjs/CollectionBox/index.js.map +0 -1
  406. package/cjs/FullPageContainer/FullPageContainer.js.map +0 -1
  407. package/cjs/FullPageContainer/FullPageContainerScroll.js.map +0 -1
  408. package/cjs/FullPageContainer/index.js.map +0 -1
  409. package/cjs/FullPageContainer/useMobileHeight.js.map +0 -1
  410. package/cjs/GlobalHeader/MobileGlobalHeader.js.map +0 -1
  411. package/cjs/GlobalHeader/index.js.map +0 -1
  412. package/cjs/GlobalHeader/styles.js.map +0 -1
  413. package/cjs/GroupBox/GroupBox.js.map +0 -1
  414. package/cjs/GroupBox/index.js.map +0 -1
  415. package/cjs/Icons/EM_logo.js.map +0 -1
  416. package/cjs/InfiniteLoader/Infiniteloader.js.map +0 -1
  417. package/cjs/InfiniteLoader/Loader.js.map +0 -1
  418. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -1
  419. package/cjs/InfiniteLoader/index.js.map +0 -1
  420. package/cjs/InfiniteLoader/styled.js.map +0 -1
  421. package/cjs/LoadingPage/Page.js.map +0 -1
  422. package/cjs/LoadingPage/index.js.map +0 -1
  423. package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +0 -1
  424. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -1
  425. package/cjs/MobileActionToolbar/index.js.map +0 -1
  426. package/cjs/MobileBanner/MobileBanner.js.map +0 -1
  427. package/cjs/MobileBanner/defaultProps.js.map +0 -1
  428. package/cjs/MobileBanner/index.d.js.map +0 -1
  429. package/cjs/MobileBanner/index.js.map +0 -1
  430. package/cjs/MobileBanner/propTypes.js.map +0 -1
  431. package/cjs/MobileBanner/styles.js.map +0 -1
  432. package/cjs/MobileBanner/utils/bannerTypes.js.map +0 -1
  433. package/cjs/MobileBanner/utils/icons.js.map +0 -1
  434. package/cjs/MobileBanner/utils/styleHelpers.js.map +0 -1
  435. package/cjs/MobileCard/ActionAddon.js.map +0 -1
  436. package/cjs/MobileCard/Card.js.map +0 -1
  437. package/cjs/MobileCard/CardIcons.js.map +0 -1
  438. package/cjs/MobileCard/ExpandChevron.js.map +0 -1
  439. package/cjs/MobileCard/ExpandableRegion.js.map +0 -1
  440. package/cjs/MobileCard/Group.js.map +0 -1
  441. package/cjs/MobileCard/StyledCard.js.map +0 -1
  442. package/cjs/MobileCard/index.js.map +0 -1
  443. package/cjs/MobileCard/useHeight.js.map +0 -1
  444. package/cjs/MobileContextMenu/MobileContextMenu.js.map +0 -1
  445. package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +0 -1
  446. package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +0 -1
  447. package/cjs/MobileContextMenu/index.js.map +0 -1
  448. package/cjs/MobileDatePicker/Input.js.map +0 -1
  449. package/cjs/MobileDatePicker/MobileDatePicker.js.map +0 -1
  450. package/cjs/MobileDatePicker/index.js.map +0 -1
  451. package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +0 -1
  452. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -1
  453. package/cjs/MobileDropdownMenu/index.js.map +0 -1
  454. package/cjs/MobileEmtpyState/MobileEmptyState.js.map +0 -1
  455. package/cjs/MobileEmtpyState/index.js.map +0 -1
  456. package/cjs/MobileFilterbar/Filterbar.js.map +0 -1
  457. package/cjs/MobileFilterbar/FilterbarItem.js.map +0 -1
  458. package/cjs/MobileFilterbar/FilterbarSort.js.map +0 -1
  459. package/cjs/MobileFilterbar/index.js.map +0 -1
  460. package/cjs/MobileFooter/Action.js.map +0 -1
  461. package/cjs/MobileFooter/Footer.js.map +0 -1
  462. package/cjs/MobileFooter/Text.js.map +0 -1
  463. package/cjs/MobileFooter/index.js.map +0 -1
  464. package/cjs/MobileListItem/MobileListItem.js.map +0 -1
  465. package/cjs/MobileListItem/index.js.map +0 -1
  466. package/cjs/MobilePageHeader/MobilePageHeader.js.map +0 -1
  467. package/cjs/MobilePageHeader/index.js.map +0 -1
  468. package/cjs/MobileSelectList/MobileSelectList.js.map +0 -1
  469. package/cjs/MobileSelectList/index.js.map +0 -1
  470. package/cjs/MobileSelectList/styled.js.map +0 -1
  471. package/cjs/MobileSeparator/Separator.js.map +0 -1
  472. package/cjs/MobileSeparator/index.js.map +0 -1
  473. package/cjs/MobileTimePicker/Input.js.map +0 -1
  474. package/cjs/MobileTimePicker/MobileTimePicker.js.map +0 -1
  475. package/cjs/MobileTimePicker/index.js.map +0 -1
  476. package/cjs/MobileTouchable/MobileTouchable.js.map +0 -1
  477. package/cjs/MobileTouchable/index.js.map +0 -1
  478. package/cjs/Modal/Modal.js.map +0 -1
  479. package/cjs/Modal/index.js.map +0 -1
  480. package/cjs/Modal/styled.js.map +0 -1
  481. package/cjs/PageFilter/PageFilter.js.map +0 -1
  482. package/cjs/PageForm/PageForm.js.map +0 -1
  483. package/cjs/PageList/PageList.js.map +0 -1
  484. package/cjs/PageList/index.js.map +0 -1
  485. package/cjs/PageSearch/PageSearch.js.map +0 -1
  486. package/cjs/PageSummary/PageSummary.js.map +0 -1
  487. package/cjs/PageSummary/Tags.js.map +0 -1
  488. package/cjs/SideNav/SideNav.js.map +0 -1
  489. package/cjs/SideNav/index.js.map +0 -1
  490. package/cjs/SideNav/styles.js.map +0 -1
  491. package/cjs/SwipeToRefresh/ProgressIndicator.js.map +0 -1
  492. package/cjs/SwipeToRefresh/ProgressLoader.js.map +0 -1
  493. package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +0 -1
  494. package/cjs/SwipeToRefresh/styled.js.map +0 -1
  495. package/cjs/SwipeToRefresh/useSwipe.js.map +0 -1
  496. package/cjs/Tabs/index.js.map +0 -1
  497. package/cjs/index.js.map +0 -1
  498. package/esm/Accordion/Accordion.js.map +0 -1
  499. package/esm/Accordion/index.js.map +0 -1
  500. package/esm/CategoryBox/CategoryBox.js.map +0 -1
  501. package/esm/CategoryBox/index.js.map +0 -1
  502. package/esm/CollectionBox/CollectionBox.js.map +0 -1
  503. package/esm/CollectionBox/index.js.map +0 -1
  504. package/esm/FullPageContainer/FullPageContainer.js.map +0 -1
  505. package/esm/FullPageContainer/FullPageContainerScroll.js.map +0 -1
  506. package/esm/FullPageContainer/index.js.map +0 -1
  507. package/esm/FullPageContainer/useMobileHeight.js.map +0 -1
  508. package/esm/GlobalHeader/MobileGlobalHeader.js.map +0 -1
  509. package/esm/GlobalHeader/index.js.map +0 -1
  510. package/esm/GlobalHeader/styles.js.map +0 -1
  511. package/esm/GroupBox/GroupBox.js.map +0 -1
  512. package/esm/GroupBox/index.js.map +0 -1
  513. package/esm/Icons/EM_logo.js.map +0 -1
  514. package/esm/InfiniteLoader/Infiniteloader.js.map +0 -1
  515. package/esm/InfiniteLoader/Loader.js.map +0 -1
  516. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -1
  517. package/esm/InfiniteLoader/index.js.map +0 -1
  518. package/esm/InfiniteLoader/styled.js.map +0 -1
  519. package/esm/LoadingPage/Page.js.map +0 -1
  520. package/esm/LoadingPage/index.js.map +0 -1
  521. package/esm/MobileActionToolbar/MobileActionToolbar.js.map +0 -1
  522. package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -1
  523. package/esm/MobileActionToolbar/index.js.map +0 -1
  524. package/esm/MobileBanner/MobileBanner.js.map +0 -1
  525. package/esm/MobileBanner/defaultProps.js.map +0 -1
  526. package/esm/MobileBanner/index.d.js.map +0 -1
  527. package/esm/MobileBanner/index.js.map +0 -1
  528. package/esm/MobileBanner/propTypes.js.map +0 -1
  529. package/esm/MobileBanner/styles.js.map +0 -1
  530. package/esm/MobileBanner/utils/bannerTypes.js.map +0 -1
  531. package/esm/MobileBanner/utils/icons.js.map +0 -1
  532. package/esm/MobileBanner/utils/styleHelpers.js.map +0 -1
  533. package/esm/MobileCard/ActionAddon.js.map +0 -1
  534. package/esm/MobileCard/Card.js.map +0 -1
  535. package/esm/MobileCard/CardIcons.js.map +0 -1
  536. package/esm/MobileCard/ExpandChevron.js.map +0 -1
  537. package/esm/MobileCard/ExpandableRegion.js.map +0 -1
  538. package/esm/MobileCard/Group.js.map +0 -1
  539. package/esm/MobileCard/StyledCard.js.map +0 -1
  540. package/esm/MobileCard/index.js.map +0 -1
  541. package/esm/MobileCard/useHeight.js.map +0 -1
  542. package/esm/MobileContextMenu/MobileContextMenu.js.map +0 -1
  543. package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +0 -1
  544. package/esm/MobileContextMenu/MobileContextMenuItem.js.map +0 -1
  545. package/esm/MobileContextMenu/index.js.map +0 -1
  546. package/esm/MobileDatePicker/Input.js.map +0 -1
  547. package/esm/MobileDatePicker/MobileDatePicker.js.map +0 -1
  548. package/esm/MobileDatePicker/index.js.map +0 -1
  549. package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +0 -1
  550. package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -1
  551. package/esm/MobileDropdownMenu/index.js.map +0 -1
  552. package/esm/MobileEmtpyState/MobileEmptyState.js.map +0 -1
  553. package/esm/MobileEmtpyState/index.js.map +0 -1
  554. package/esm/MobileFilterbar/Filterbar.js.map +0 -1
  555. package/esm/MobileFilterbar/FilterbarItem.js.map +0 -1
  556. package/esm/MobileFilterbar/FilterbarSort.js.map +0 -1
  557. package/esm/MobileFilterbar/index.js.map +0 -1
  558. package/esm/MobileFooter/Action.js.map +0 -1
  559. package/esm/MobileFooter/Footer.js.map +0 -1
  560. package/esm/MobileFooter/Text.js.map +0 -1
  561. package/esm/MobileFooter/index.js.map +0 -1
  562. package/esm/MobileListItem/MobileListItem.js.map +0 -1
  563. package/esm/MobileListItem/index.js.map +0 -1
  564. package/esm/MobilePageHeader/MobilePageHeader.js.map +0 -1
  565. package/esm/MobilePageHeader/index.js.map +0 -1
  566. package/esm/MobileSelectList/MobileSelectList.js.map +0 -1
  567. package/esm/MobileSelectList/index.js.map +0 -1
  568. package/esm/MobileSelectList/styled.js.map +0 -1
  569. package/esm/MobileSeparator/Separator.js.map +0 -1
  570. package/esm/MobileSeparator/index.js.map +0 -1
  571. package/esm/MobileTimePicker/Input.js.map +0 -1
  572. package/esm/MobileTimePicker/MobileTimePicker.js.map +0 -1
  573. package/esm/MobileTimePicker/index.js.map +0 -1
  574. package/esm/MobileTouchable/MobileTouchable.js.map +0 -1
  575. package/esm/MobileTouchable/index.js.map +0 -1
  576. package/esm/Modal/Modal.js.map +0 -1
  577. package/esm/Modal/index.js.map +0 -1
  578. package/esm/Modal/styled.js.map +0 -1
  579. package/esm/PageFilter/PageFilter.js.map +0 -1
  580. package/esm/PageForm/PageForm.js.map +0 -1
  581. package/esm/PageList/PageList.js.map +0 -1
  582. package/esm/PageList/index.js.map +0 -1
  583. package/esm/PageSearch/PageSearch.js.map +0 -1
  584. package/esm/PageSummary/PageSummary.js.map +0 -1
  585. package/esm/PageSummary/Tags.js.map +0 -1
  586. package/esm/SideNav/SideNav.js.map +0 -1
  587. package/esm/SideNav/index.js.map +0 -1
  588. package/esm/SideNav/styles.js.map +0 -1
  589. package/esm/SwipeToRefresh/ProgressIndicator.js.map +0 -1
  590. package/esm/SwipeToRefresh/ProgressLoader.js.map +0 -1
  591. package/esm/SwipeToRefresh/SwipeToRefresh.js.map +0 -1
  592. package/esm/SwipeToRefresh/styled.js.map +0 -1
  593. package/esm/SwipeToRefresh/useSwipe.js.map +0 -1
  594. package/esm/Tabs/index.js.map +0 -1
  595. package/esm/index.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"Page.js","sources":["../../../src/LoadingPage/Page.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-basic/Backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) =>\n type === 'cover' ? 'position: fixed' : 'position: absolute'};\n\n z-index: ${(props) => props.zIndex};\n top: 25%;\n left: 15%;\n width: 70%;\n height: 75%;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nconst LoadingPage = ({\n backdropZIndex,\n children,\n loader,\n loading,\n type = 'fill',\n zIndex = 1,\n}) => {\n const [position, setPosition] = useState(null);\n const childRef = useRef(null);\n useEffect(() => {\n if (childRef && childRef.current) {\n const style = childRef && window.getComputedStyle(childRef.current);\n setPosition(style.getPropertyValue('position'));\n }\n }, [childRef]);\n\n const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n const Loader = loader && loading && (\n <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n {loader}\n </LoadingPageLoader>\n );\n\n const injectRefPosition = (child) =>\n React.cloneElement(React.Children.only(child), {\n ref: childRef,\n children: React.Children.toArray(child.props.children).concat([\n Loader,\n Back,\n ]),\n style: {\n ...get(child, 'props.style', {}),\n position: position === 'static' ? 'relative' : position,\n },\n });\n\n if (React.Children.count(children) === 0) {\n return (\n <>\n {Loader}\n {Back}\n </>\n );\n }\n return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n /**\n * z-index of dimmer background\n */\n backdropZIndex: PropTypes.number,\n /**\n * Children page to show behind the loader\n */\n children: PropTypes.element,\n /**\n * Array of elements centrally aligned\n */\n loader: PropTypes.arrayOf(PropTypes.element),\n /**\n * Show / hide loader\n */\n loading: PropTypes.bool,\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of loader, should be higher than the backdropZIndex\n */\n zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],"names":["LoadingPageLoader","styled","div","type","props","zIndex","LoadingPage","backdropZIndex","children","loader","loading","useState","position","setPosition","childRef","useRef","useEffect","current","style","window","getComputedStyle","getPropertyValue","Back","Loader","injectRefPosition","child","React","cloneElement","Children","only","ref","toArray","concat","get","count","propTypes","PropTypes","number","element","arrayOf","bool","oneOf","DSMobileLoadingPage","withTheme"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileActionToolbar.js","sources":["../../../src/MobileActionToolbar/MobileActionToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n display: flex;\n justify-content: space-around;\n align-items: center;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n const rows = [1];\n const toolbarHeight = theme.space.m;\n const borderStyle = withDepth\n ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' }\n : { boxShadow: 'none' };\n return (\n <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n {buttons}\n </ToolStrip>\n );\n};\n\nconst props = {\n /** toggle box shadow for buttons border */\n withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n /** button array for the mobile action toolbar */\n buttons: PropTypes.arrayOf(PropTypes.element).description(\n 'button array for the mobile action toolbar',\n ),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n"],"names":["ToolStrip","styled","Grid","props","theme","colors","neutral","Toolbar","withDepth","buttons","rows","toolbarHeight","space","m","borderStyle","boxShadow","PropTypes","bool","description","arrayOf","element","propTypes","DSMobileActionToolbar","withTheme","DSMobileActionToolbarWithSchema","describe"],"mappings":";;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,4FAIO,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJP,CAAf;;AAMA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAA+C;AAAA,4BAA5CC,SAA4C;AAAA,MAA5CA,SAA4C,+BAAhC,IAAgC;AAAA,0BAA1BC,OAA0B;AAAA,MAA1BA,OAA0B,6BAAhB,EAAgB;AAAA,MAAZL,KAAY,QAAZA,KAAY;AAC7D,MAAMM,IAAI,GAAG,CAAC,CAAD,CAAb;AACA,MAAMC,aAAa,GAAGP,KAAK,CAACQ,KAAN,CAAYC,CAAlC;AACA,MAAMC,WAAW,GAAGN,SAAS,GACzB;AAAEO,IAAAA,SAAS,EAAE;AAAb,GADyB,GAEzB;AAAEA,IAAAA,SAAS,EAAE;AAAb,GAFJ;AAGA,sBACE,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEL,IAAjB;AAAuB,IAAA,MAAM,EAAEC,aAA/B;AAA8C,IAAA,KAAK,EAAEG;AAArD,KACGL,OADH,CADF;AAKD,CAXD;;AAaA,IAAMN,KAAK,GAAG;AACZ;AACAK,EAAAA,SAAS,EAAEQ,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sCAA3B,CAFC;;AAGZ;AACAT,EAAAA,OAAO,EAAEO,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,OAA5B,EAAqCF,WAArC,CACP,4CADO;AAJG,CAAd;AASAX,OAAO,CAACc,SAAR,GAAoBlB,KAApB;IAEMmB,qBAAqB,GAAGC,SAAS,CAAChB,OAAD;IAEjCiB,+BAA+B,GAAGC,QAAQ,CAACH,qBAAD;AAChDE,+BAA+B,CAACH,SAAhC,GAA4ClB,KAA5C;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileActionToolbarItem.js","sources":["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-basic/Button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n const displayIcon = React.cloneElement(icon, { size: 'm' });\n return (\n <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />\n );\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n /** toolbar item icon */\n icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n"],"names":["ToolbarItem","icon","otherProps","displayIcon","React","cloneElement","size","displayName","props","PropTypes","element","description","propTypes","DSToolbarItemWithSchema","describe"],"mappings":";;;;;;;;IAIMA,WAAW,GAAG,SAAdA,WAAc,OAA6B;AAAA,MAA1BC,IAA0B,QAA1BA,IAA0B;AAAA,MAAjBC,UAAiB;;AAC/C,MAAMC,WAAW,gBAAGC,KAAK,CAACC,YAAN,CAAmBJ,IAAnB,EAAyB;AAAEK,IAAAA,IAAI,EAAE;AAAR,GAAzB,CAApB;AACA,sBACE,oBAAC,QAAD,eAAcJ,UAAd;AAA0B,IAAA,UAAU,EAAC,MAArC;AAA4C,IAAA,IAAI,EAAEC,WAAlD;AAA+D,IAAA,IAAI,EAAC;AAApE,KADF;AAGD;;AAEDH,WAAW,CAACO,WAAZ,GAA0B,aAA1B;AAEA,IAAMC,KAAK,GAAG;AACZ;AACAP,EAAAA,IAAI,EAAEQ,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,mBAA9B;AAFM,CAAd;AAKAX,WAAW,CAACY,SAAZ,GAAwBJ,KAAxB;IAEMK,uBAAuB,GAAGC,QAAQ,CAACd,WAAD;AAExCa,uBAAuB,CAACD,SAAxB,GAAoCJ,KAApC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileBanner.js","sources":["../../../src/MobileBanner/MobileBanner.tsx"],"sourcesContent":["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport CloseX from '@elliemae/ds-icons/CloseX';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n StyledActionLink,\n StyledCloseButton,\n StyledInnerContainer,\n StyledBannerContainer,\n StyledContent,\n StyledIconContainer,\n StyledSubTitle,\n StyledTitle,\n StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n type,\n isOpen,\n closeButtonOnClick,\n label,\n body,\n actionLinkLabel,\n actionLinkHref,\n actionLinkOnClick,\n showCloseButton,\n containerProps,\n focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n const innerContainerRef = useRef<HTMLDivElement | null>(null);\n const closeRef = useRef<HTMLDivElement | null>(null);\n const [current, setCurrent] = useState<boolean>(isOpen);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n if (innerContainerRef.current) {\n setHeight(innerContainerRef.current.offsetHeight);\n }\n }, [isAnimating, isOpen]);\n\n useEffect(() => {\n if (focusOnOpen && closeRef.current && isOpen) {\n closeRef.current?.focus?.();\n }\n }, [focusOnOpen, isOpen]);\n\n useLayoutEffect(() => {\n if (isOpen !== current || isOpen) setIsAnimating(true);\n else setIsAnimating(false);\n }, [isOpen, current]);\n\n if (!isAnimating && !isOpen) return null;\n\n return (\n <StyledBannerContainer\n type={type}\n isOpen={isOpen}\n isAnimating={isAnimating}\n onAnimationEnd={() => setCurrent(isOpen)}\n height={height}\n {...containerProps}\n data-testid=\"ds-mobile-banner-container\"\n role=\"alert\"\n >\n <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n <StyledContent showCloseButton={showCloseButton}>\n <StyledTitle>{label}</StyledTitle>\n <StyledSubTitle>\n {body}\n {actionLinkLabel && (\n <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n {actionLinkLabel}\n </StyledActionLink>\n )}\n </StyledSubTitle>\n </StyledContent>\n {showCloseButton && (\n <StyledCloseButtonContainer>\n <StyledCloseButton\n data-testid=\"ds-mobile-banner-close-button\"\n buttonType=\"link\"\n onClick={closeButtonOnClick}\n aria-label=\"Close Banner\"\n icon={<CloseX width=\"12px\" height=\"12px\" />}\n innerRef={closeRef}\n />\n </StyledCloseButtonContainer>\n )}\n </StyledInnerContainer>\n </StyledBannerContainer>\n );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],"names":["DSMobileBanner","type","isOpen","closeButtonOnClick","label","body","actionLinkLabel","actionLinkHref","actionLinkOnClick","showCloseButton","containerProps","focusOnOpen","innerContainerRef","useRef","closeRef","useState","current","setCurrent","isAnimating","setIsAnimating","height","setHeight","useEffect","offsetHeight","focus","useLayoutEffect","icons","defaultProps","propTypes","DSMobileBannerWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"defaultProps.js","sources":["../../../src/MobileBanner/defaultProps.ts"],"sourcesContent":["import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n type: MOBILE_BANNER_TYPES.SUCCESS,\n isOpen: false,\n closeButtonOnClick: () => null,\n actionLinkLabel: null,\n actionLinkHref: null,\n actionLinkOnClick: () => null,\n label: '',\n body: '',\n showCloseButton: true,\n containerProps: {},\n focusOnOpen: false,\n};\n"],"names":["defaultProps","type","MOBILE_BANNER_TYPES","SUCCESS","isOpen","closeButtonOnClick","actionLinkLabel","actionLinkHref","actionLinkOnClick","label","body","showCloseButton","containerProps","focusOnOpen"],"mappings":";;IAEaA,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAEC,mBAAmB,CAACC,OADA;AAE1BC,EAAAA,MAAM,EAAE,KAFkB;AAG1BC,EAAAA,kBAAkB,EAAE;AAAA,WAAM,IAAN;AAAA,GAHM;AAI1BC,EAAAA,eAAe,EAAE,IAJS;AAK1BC,EAAAA,cAAc,EAAE,IALU;AAM1BC,EAAAA,iBAAiB,EAAE;AAAA,WAAM,IAAN;AAAA,GANO;AAO1BC,EAAAA,KAAK,EAAE,EAPmB;AAQ1BC,EAAAA,IAAI,EAAE,EARoB;AAS1BC,EAAAA,eAAe,EAAE,IATS;AAU1BC,EAAAA,cAAc,EAAE,EAVU;AAW1BC,EAAAA,WAAW,EAAE;AAXa;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"propTypes.js","sources":["../../../src/MobileBanner/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),\n isOpen: PropTypes.bool.description('Whether the banner is open or not'),\n closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),\n actionLinkLabel: PropTypes.string.description('Label used in the the action link'),\n actionLinkHref: PropTypes.string.description('Href used in the the action link'),\n actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),\n label: PropTypes.string.description('Label text for the banner'),\n body: PropTypes.string.description('Body text for the banner'),\n showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),\n containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),\n focusOnOpen: PropTypes.bool.description(\n \"Whether the banner should get focus when its openedWhether the banner should get focus when it's opened\",\n ),\n};\n"],"names":["propTypes","type","PropTypes","oneOf","description","isOpen","bool","closeButtonOnClick","func","actionLinkLabel","string","actionLinkHref","actionLinkOnClick","label","body","showCloseButton","containerProps","shape","focusOnOpen"],"mappings":";;IAEaA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,EAAoB,SAApB,EAA+B,OAA/B,CAAhB,EAAyDC,WAAzD,CAAqE,gBAArE,CADiB;AAEvBC,EAAAA,MAAM,EAAEH,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mCAA3B,CAFe;AAGvBG,EAAAA,kBAAkB,EAAEL,SAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,2CAA3B,CAHG;AAIvBK,EAAAA,eAAe,EAAEP,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,mCAA7B,CAJM;AAKvBO,EAAAA,cAAc,EAAET,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,kCAA7B,CALO;AAMvBQ,EAAAA,iBAAiB,EAAEV,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,0CAA7B,CANI;AAOvBS,EAAAA,KAAK,EAAEX,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,2BAA7B,CAPgB;AAQvBU,EAAAA,IAAI,EAAEZ,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,0BAA7B,CARiB;AASvBW,EAAAA,eAAe,EAAEb,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mDAA3B,CATM;AAUvBY,EAAAA,cAAc,EAAEd,SAAS,CAACe,KAAV,CAAgB,EAAhB,EAAoBb,WAApB,CAAgC,oDAAhC,CAVO;AAWvBc,EAAAA,WAAW,EAAEhB,SAAS,CAACI,IAAV,CAAeF,WAAf,CACX,yGADW;AAXU;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio:0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 14px;\n margin-right: 4px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: -2px;\n left: 0;\n width: calc(100% + 0px);\n height: calc(100% + 5px);\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"bannerTypes.js","sources":["../../../../src/MobileBanner/utils/bannerTypes.ts"],"sourcesContent":["export const MOBILE_BANNER_TYPES = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n"],"names":["MOBILE_BANNER_TYPES","INFO","SUCCESS","WARNING","ERROR"],"mappings":"IAAaA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,MAD2B;AAEjCC,EAAAA,OAAO,EAAE,SAFwB;AAGjCC,EAAAA,OAAO,EAAE,SAHwB;AAIjCC,EAAAA,KAAK,EAAE;AAJ0B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"icons.js","sources":["../../../../src/MobileBanner/utils/icons.tsx"],"sourcesContent":["import React from 'react';\nimport SuccessFill from '@elliemae/ds-icons/SuccessFill';\nimport InfoFill from '@elliemae/ds-icons/InfoFill';\nimport AlertsDetailFill from '@elliemae/ds-icons/AlertsDetailFill';\nimport WarningSquare from '@elliemae/ds-icons/WarningSquare';\n\nexport const icons = {\n success: <SuccessFill fill=\"#207e56\" />,\n info: <InfoFill fill=\"#1e79c2\" />,\n error: <AlertsDetailFill width=\"24px\" height=\"24px\" fill=\"#c64252\" />,\n warning: <WarningSquare width=\"24px\" height=\"24px\" fill=\"#d17a00\" />,\n};\n"],"names":["icons","success","info","error","warning"],"mappings":";;;;;;IAMaA,KAAK,GAAG;AACnBC,EAAAA,OAAO,eAAE,oBAAC,WAAD;AAAa,IAAA,IAAI,EAAC;AAAlB,IADU;AAEnBC,EAAAA,IAAI,eAAE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IAFa;AAGnBC,EAAAA,KAAK,eAAE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAC,MAAxB;AAA+B,IAAA,MAAM,EAAC,MAAtC;AAA6C,IAAA,IAAI,EAAC;AAAlD,IAHY;AAInBC,EAAAA,OAAO,eAAE,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC,MAArB;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,IAAI,EAAC;AAA/C;AAJU;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styleHelpers.js","sources":["../../../../src/MobileBanner/utils/styleHelpers.ts"],"sourcesContent":["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes';\n\nexport const slideIn = kfrm`\n 0% {\n transform: translate3d(0, -100%, 0);\n }\n 100% {\n transform: translate3d(0, 0, 0);\n }\n`;\n\nexport const slideOut = kfrm`\n 0% {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n 0% {\n height: 0px;\n }\n 100% {\n height: ${height}px;\n }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n 0% {\n height: ${height}px;\n }\n 100% {\n height: 0px;\n }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n switch (type) {\n case MOBILE_BANNER_TYPES.SUCCESS:\n return colors.success[900];\n case MOBILE_BANNER_TYPES.INFO:\n return colors.brand[600];\n case MOBILE_BANNER_TYPES.WARNING:\n return colors.warning[900];\n case MOBILE_BANNER_TYPES.ERROR:\n return colors.danger[900];\n }\n};\n\nexport const handleAnimation = (\n isAnimating: boolean,\n isOpen: boolean,\n height: number | null = null,\n): FlattenSimpleInterpolation => {\n if (isAnimating) {\n if (isOpen) {\n return css`\n animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n `;\n } else {\n return css`\n animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n `;\n }\n }\n};\n"],"names":["slideIn","kfrm","slideOut","spanContainer","height","shrinkContainer","handleBorderColor","type","colors","MOBILE_BANNER_TYPES","SUCCESS","success","INFO","brand","WARNING","warning","ERROR","danger","handleAnimation","isAnimating","isOpen","css"],"mappings":";;;;;IAKaA,OAAO,GAAGC,IAAH;IASPC,QAAQ,GAAGD,IAAH;IAcRE,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAAoBH,IAApB,6IAKfG,MALe;AAAA;IAShBC,eAAe,GAAG,SAAlBA,eAAkB,CAACD,MAAD;AAAA,SAAoBH,IAApB,6IAEjBG,MAFiB;AAAA;IASlBE,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,IAAD,QAAkD;AAAA,MAArBC,MAAqB,QAArBA,MAAqB;;AACjF,UAAQD,IAAR;AACE,SAAKE,mBAAmB,CAACC,OAAzB;AACE,aAAOF,MAAM,CAACG,OAAP,CAAe,GAAf,CAAP;;AACF,SAAKF,mBAAmB,CAACG,IAAzB;AACE,aAAOJ,MAAM,CAACK,KAAP,CAAa,GAAb,CAAP;;AACF,SAAKJ,mBAAmB,CAACK,OAAzB;AACE,aAAON,MAAM,CAACO,OAAP,CAAe,GAAf,CAAP;;AACF,SAAKN,mBAAmB,CAACO,KAAzB;AACE,aAAOR,MAAM,CAACS,MAAP,CAAc,GAAd,CAAP;AARJ;AAUD;IAEYC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,WAD6B,EAE7BC,MAF6B,EAIE;AAAA,MAD/BhB,MAC+B,uEADP,IACO;;AAC/B,MAAIe,WAAJ,EAAiB;AACf,QAAIC,MAAJ,EAAY;AACV,aAAOC,GAAP,uHACejB,MAAM,GAAGD,aAAa,CAACC,MAAD,CAAhB,GAA2BJ,OADhD;AAGD,KAJD,MAIO;AACL,aAAOqB,GAAP,uHACejB,MAAM,GAAGC,eAAe,CAACD,MAAD,CAAlB,GAA6BF,QADlD;AAGD;AACF;AACF;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionAddon.js","sources":["../../../src/MobileCard/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport Chevron from '@elliemae/ds-icons/ChevronSmallDown';\nimport Button from '@elliemae/ds-basic/Button';\n\nconst Addon = styled(Button)`\n background-color: transparent;\n padding-right: 4px;\n height: 100%;\n border: none;\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.brand['700']};\n cursor: pointer;\n &:focus,\n &::after {\n background-color: transparent;\n box-shadow: none !important; /* needed */\n border: none !important; /* needed */\n }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n <Addon\n onClick={onClick}\n labelText={label}\n icon={icon || <Chevron color={['brand-primary', 700]} />}\n />\n);\n\nActionAddon.propTypes = {\n /**\n * Addon label\n */\n label: PropTypes.string,\n /**\n * On click callback\n */\n onClick: PropTypes.func,\n /**\n * Icon to display after the label\n */\n icon: PropTypes.element,\n};\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","Chevron","propTypes","PropTypes","string","func","element"],"mappings":";;;;;;AAMA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,QAAD,CAAT;AAAA;AAAA,2OAMM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;IAiBaC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,IAAnB,QAAmBA,IAAnB;AAAA,sBACzB,oBAAC,KAAD;AACE,IAAA,OAAO,EAAED,OADX;AAEE,IAAA,SAAS,EAAED,KAFb;AAGE,IAAA,IAAI,EAAEE,IAAI,iBAAI,oBAACC,gBAAD;AAAS,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAhB;AAHhB,IADyB;AAAA;AAQ3BJ,WAAW,CAACK,SAAZ,GAAwB;AACtB;AACF;AACA;AACEJ,EAAAA,KAAK,EAAEK,SAAS,CAACC,MAJK;;AAKtB;AACF;AACA;AACEL,EAAAA,OAAO,EAAEI,SAAS,CAACE,IARG;;AAStB;AACF;AACA;AACEL,EAAAA,IAAI,EAAEG,SAAS,CAACG;AAZM,CAAxB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sources":["../../../src/MobileCard/Card.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { padding } from 'styled-system';\nimport {\n color,\n border,\n op,\n truncate,\n withTheme,\n __UNSAFE_SPACE_TO_DIMSUM,\n toMobile,\n} from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\n\nconst TitleEllipsis = styled.div`\n ${truncate()}\n`;\n\nconst Title = styled.div`\n ${padding}\n ${truncate()}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n width: 100%;\n ${color('neutral', '800')}\n`;\nconst Detail = styled.span`\n ${padding}\n ${truncate()}\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n ${truncate()}\n &:nth-child(2) {\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n }\n`;\nconst SubTextWrap = styled.div`\n ${truncate()}\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n margin-top: 6px;\n margin-bottom: 2px;\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n ${color('neutral', '500')}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n display: flex;\n justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)`\n & > span {\n height: ${(props) => props.halfM};\n width: ${(props) => props.halfM};\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: ${(props) => props.halfM};\n width: ${(props) => props.halfM};\n }\n`;\nconst CenterWrap = styled.div`\n display: flex;\n align-items: center;\n ${truncate()}\n`;\n\nconst MobileCard = ({\n children,\n height = 'm',\n leftAddOn,\n leftProp,\n rightProp,\n subText,\n subIcons,\n details,\n theme,\n expandable = false,\n expandedContent,\n value,\n}) => {\n const subTextRef = useRef(null);\n const subTextHeight = useHeight(subTextRef);\n const isJustChildren = !(subText || subIcons || details);\n const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n return (\n <GroupItem\n render={(context = {}) => {\n const { activeValue, onChange } = context;\n const selected =\n activeValue !== undefined &&\n (activeValue === value ||\n (activeValue?.length && activeValue?.includes(value)));\n\n return (\n <Card\n data-testid=\"card-wrapper\"\n minHeight={\n height === 'm'\n ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl)\n : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n }\n >\n {expandable && (\n <ExpandChevron\n isExpanded={selected}\n onClick={(e) => {\n e.stopPropagation();\n onChange({ target: { value } });\n }}\n align={subText || subIcons ? 'top' : 'center'}\n />\n )}\n <Grid\n pb={(subText || subIcons) && subTextHeight}\n cols={['auto', 'auto']}\n alignItems=\"center\"\n >\n {leftProp && (\n <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>\n {leftProp}\n </Grid>\n )}\n {leftAddOn && (\n <LeftIcon\n ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n halfM={halfM}\n >\n {leftAddOn}\n </LeftIcon>\n )}\n </Grid>\n <Grid\n pl={\n !leftAddOn\n ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)\n : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)\n }\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n width=\"100%\"\n >\n <CenterWrap>\n <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n <TitleEllipsis>{children}</TitleEllipsis>\n {details && (\n <Grid\n data-testid=\"card-details\"\n cols={details.map(() => 'min-content')}\n mb={!(subText || subIcons) && halfM}\n pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n >\n {details.map((d, i) => (\n <Detail key={i}>\n {d}\n {i < details.length - 1 && (\n <Detail\n px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}\n >\n •\n </Detail>\n )}\n </Detail>\n ))}\n </Grid>\n )}\n </Title>\n {rightProp &&\n rightProp.map((prop, i) => (\n <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n {prop}\n </Grid>\n ))}\n </CenterWrap>\n {subIcons && (\n <SubTextWrap ref={subTextRef}>\n <SubText>{subIcons}</SubText>\n {subText && subText[1] && (\n <SubText data-testid=\"card-subText\">{subText[1]}</SubText>\n )}\n </SubTextWrap>\n )}\n {subText && !subIcons && (\n <SubTextWrap ref={subTextRef}>\n {subText.map((s, i) => (\n <SubText data-testid=\"card-subText\" key={i}>\n {s}\n </SubText>\n ))}\n </SubTextWrap>\n )}\n <ExpandableRegion show={selected} content={expandedContent} />\n </Grid>\n </Card>\n );\n }}\n />\n );\n};\n\nconst props = {\n /**\n * card height\n */\n height: PropTypes.oneOf(['s', 'm']).description('card height'),\n /**\n * Defines mobile card title\n */\n children: PropTypes.string.isRequired.description(\n 'Defines mobile card title',\n ),\n /**\n * Wheter if the card is expandable or not\n */\n expandable: PropTypes.bool.description(\n 'Wheter if the card is expandable or not',\n ),\n /**\n * content to display in expand card section\n */\n expandedContent: PropTypes.element.description(\n 'content to display in expand card section',\n ),\n /**\n * Icon to the left of the card. Size is adjusted automatically.\n */\n leftAddOn: PropTypes.element.description(\n 'Icon to the left of the card. Size is adjusted automatically.',\n ),\n /**\n * Pass an element to render left. For example a Button with an icon\n */\n leftProp: PropTypes.element.description(\n 'Pass an element to render left. For example a Button with an icon',\n ),\n /**\n * Pass an array of 1 or 2 elements to render right. For example a Button with an icon\n */\n rightProp: PropTypes.arrayOf(PropTypes.element).description(\n 'Pass an array of 1 or 2 elements to render right. For example a Button with an icon',\n ),\n /**\n * Pass an array of 1 or 2 strings\n */\n subText: PropTypes.arrayOf(PropTypes.string).description(\n 'Pass an array of 1 or 2 strings',\n ),\n /**\n * SubIcons component\n */\n subIcons: PropTypes.element.description('SubIcons component'),\n /**\n * Pass an array of 1, 2 or 3 strings\n */\n details: PropTypes.arrayOf(PropTypes.string).description(\n 'Pass an array of 1, 2 or 3 strings',\n ),\n theme: PropTypes.object.isRequired.description(''),\n value: PropTypes.number.description(''),\n};\n\nMobileCard.propTypes = props;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = props;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],"names":["TitleEllipsis","styled","div","truncate","Title","padding","props","theme","fontWeights","semibold","toMobile","fontSizes","title","color","Detail","span","regular","SubText","__UNSAFE_SPACE_TO_DIMSUM","space","xs","s","SubTextWrap","border","colors","neutral","xxs","subTitle","LeftIcon","Grid","halfM","CenterWrap","MobileCard","children","height","leftAddOn","leftProp","rightProp","subText","subIcons","details","expandable","expandedContent","value","subTextRef","useRef","subTextHeight","useHeight","isJustChildren","op","m","context","activeValue","onChange","selected","undefined","length","includes","Card","xxl","xl","e","stopPropagation","target","map","d","i","prop","PropTypes","oneOf","description","string","isRequired","bool","element","arrayOf","object","number","propTypes","DSMobileCardWithSchema","describe","withTheme"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardIcons.js","sources":["../../../src/MobileCard/CardIcons.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\n\nconst CardIconsWrapper = styled(Grid)`\n align-items: center;\n span,\n svg {\n width: 12px !important;\n height: 12px !important;\n }\n span.icon-color-muted svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.neutral['600']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.neutral['600']};\n }\n }\n span.icon-color-warn svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.warning['600']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.warning['600']};\n }\n }\n span.icon-color-error svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.danger['900']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.danger['900']};\n }\n }\n span.icon-color-success svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.success['900']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.success['900']};\n }\n }\n span.icon-color-primary svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n span.icon-color-primary svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n {icons.map((Icon, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n ))}\n </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n /**\n * Array of Icons\n */\n icons: PropTypes.arrayOf(PropTypes.func),\n /**\n * Color Types: muted, warn, error, success\n */\n colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],"names":["CardIconsWrapper","styled","Grid","props","theme","colors","neutral","warning","danger","success","brand","SubIcons","icons","map","Icon","i","propTypes","PropTypes","arrayOf","func","oneOf"],"mappings":";;;;;AAAA;AAMA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,soBASV,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATU,EAcR,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdQ,EAmBV,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAnBU,EAwBR,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAxBQ,EA6BV,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CA7BU,EAkCR,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CAlCQ,EAuCV,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvCU,EA4CR,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CA5CQ,EAiDV,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAjDU,EAqDV,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CArDU,CAAtB;IAyDaC,QAAQ,GAAG,SAAXA,QAAW;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,EAAX;AAAA,yBAAeP,MAAf;AAAA,MAAeA,MAAf,4BAAwB,EAAxB;AAAA,sBACtB,oBAAC,gBAAD;AAAkB,IAAA,IAAI,EAAEO,KAAK,CAACC,GAAN,CAAU;AAAA,aAAM,MAAN;AAAA,KAAV,CAAxB;AAAiD,IAAA,MAAM,EAAC,KAAxD;AAA8D,IAAA,MAAM,EAAC,MAArE;AAA4E,mBAAY;AAAxF,KACGD,KAAK,CAACC,GAAN,CAAU,UAACC,IAAD,EAAOC,CAAP;AAAA;AAAA;AACT;AACA,0BAAC,IAAD;AAAM,QAAA,GAAG,EAAEA,CAAX;AAAc,QAAA,SAAS,uBAAgBV,MAAM,CAACU,CAAD,CAAN,IAAa,OAA7B;AAAvB;AAFS;AAAA,GAAV,CADH,CADsB;AAAA;AASxBJ,QAAQ,CAACK,SAAT,GAAqB;AACnB;AACF;AACA;AACEJ,EAAAA,KAAK,EAAEK,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CAJY;;AAKnB;AACF;AACA;AACEd,EAAAA,MAAM,EAAEY,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,OAAlB,EAA2B,SAA3B,EAAsC,SAAtC,CAAhB,CAAlB;AARW,CAArB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpandChevron.js","sources":["../../../src/MobileCard/ExpandChevron.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport ChevronDown from '@elliemae/ds-icons/ChevronDown';\nimport ChevronRight from '@elliemae/ds-icons/ChevronRight';\n\nconst ChevronWrap = styled.div`\n margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n const Chevron = isExpanded ? ChevronDown : ChevronRight;\n return (\n <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n </ChevronWrap>\n );\n};\n\nExpandChevron.propTypes = {\n /**\n * Whether if the chevron is expanded or not\n */\n isExpanded: PropTypes.bool,\n /**\n * click callback\n */\n onClick: PropTypes.func.isRequired,\n /**\n * top or center\n */\n align: PropTypes.string.isRequired,\n};\n"],"names":["ChevronWrap","styled","div","props","align","theme","space","xs","ExpandChevron","isExpanded","onClick","Chevron","ChevronDown","ChevronRight","propTypes","PropTypes","bool","func","isRequired","string"],"mappings":";;;;;;AAMA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,0DACD,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,GAA7C;AAAA,CADC,EAED,UAACD,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,YAAxB,GAAuC,QAAnD;AAAA,CAFC,EAGA,UAACD,KAAD;AAAA,SAAWA,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,EAA7B;AAAA,CAHA,CAAjB;IAMaC,aAAa,GAAG,SAAhBA,aAAgB,OAAoC;AAAA,MAAjCC,UAAiC,QAAjCA,UAAiC;AAAA,MAArBC,OAAqB,QAArBA,OAAqB;AAAA,MAAZN,KAAY,QAAZA,KAAY;AAC/D,MAAMO,OAAO,GAAGF,UAAU,GAAGG,eAAH,GAAiBC,YAA3C;AACA,sBACE,oBAAC,WAAD;AAAa,mBAAY,wBAAzB;AAAkD,IAAA,KAAK,EAAET;AAAzD,kBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAAzB;AAAiD,IAAA,OAAO,EAAEM;AAA1D,IADF,CADF;AAKD;AAEDF,aAAa,CAACM,SAAd,GAA0B;AACxB;AACF;AACA;AACEL,EAAAA,UAAU,EAAEM,SAAS,CAACC,IAJE;;AAKxB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEK,SAAS,CAACE,IAAV,CAAeC,UARA;;AASxB;AACF;AACA;AACEd,EAAAA,KAAK,EAAEW,SAAS,CAACI,MAAV,CAAiBD;AAZA,CAA1B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpandableRegion.js","sources":["../../../src/MobileCard/ExpandableRegion.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\nconst Region = styled.div`\n display: flex;\n ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n transition: max-height ${(props) =>\n props.animate ? '0.25s' : '0.20s'} linear;\n max-height: 0;\n ${(props) =>\n props.animate\n ? `\n max-height: ${props.refHeight}px;\n `\n : ''}\n align-items: center;\n ${truncate()};\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }) => {\n const ref = useRef(null);\n // triggers transition\n const [animate, setAnimate] = useState(show);\n // needed to properly handle the transition. Hide after transition ends\n const [hide, setHide] = useState(!show);\n useEffect(() => {\n setAnimate(show);\n if (show) setHide(false);\n }, [show]);\n\n const hideOnAnimationEnd = () => {\n if (!show) setHide(true);\n };\n\n return (\n <Region\n hide={hide}\n // needed to handle transition, `auto` max-height isn't supported\n refHeight={ref?.current?.scrollHeight || 9999}\n onTransitionEnd={hideOnAnimationEnd}\n animate={animate}\n >\n <RegionWrapper ref={ref}>{content}</RegionWrapper>\n </Region>\n );\n};\n\nExpandableRegion.propTypes = {\n show: PropTypes.bool,\n content: PropTypes.element,\n};\n"],"names":["RegionWrapper","styled","div","Region","props","hide","animate","refHeight","truncate","border","theme","colors","neutral","fontWeights","regular","ExpandableRegion","show","content","ref","useRef","useState","setAnimate","setHide","useEffect","hideOnAnimationEnd","current","scrollHeight","propTypes","PropTypes","bool","element"],"mappings":";;;;;;AAKA,IAAMA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,+BAAnB;AAKA,IAAMC,MAAM,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,wIAER,UAACE,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,GAAa,qBAAb,GAAqC,EAAjD;AAAA,CAFQ,EAGe,UAACD,KAAD;AAAA,SACvBA,KAAK,CAACE,OAAN,GAAgB,OAAhB,GAA0B,OADH;AAAA,CAHf,EAMR,UAACF,KAAD;AAAA,SACAA,KAAK,CAACE,OAAN,iCAEgBF,KAAK,CAACG,SAFtB,iBAII,EALJ;AAAA,CANQ,EAaRC,QAAQ,EAbA,EAcI,UAACJ,KAAD;AAAA,SAAWK,MAAM,CAACL,KAAK,CAACM,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CAdJ,EAeK,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,WAAZ,CAAwBC,OAAnC;AAAA,CAfL,CAAZ;IAkBaC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAuB;AAAA;;AAAA,MAApBC,IAAoB,QAApBA,IAAoB;AAAA,MAAdC,OAAc,QAAdA,OAAc;AACrD,MAAMC,GAAG,GAAGC,MAAM,CAAC,IAAD,CAAlB,CADqD;;AAGrD,kBAA8BC,QAAQ,CAACJ,IAAD,CAAtC;AAAA;AAAA,MAAOV,OAAP;AAAA,MAAgBe,UAAhB,iBAHqD;;;AAKrD,mBAAwBD,QAAQ,CAAC,CAACJ,IAAF,CAAhC;AAAA;AAAA,MAAOX,IAAP;AAAA,MAAaiB,OAAb;;AACAC,EAAAA,SAAS,CAAC,YAAM;AACdF,IAAAA,UAAU,CAACL,IAAD,CAAV;AACA,QAAIA,IAAJ,EAAUM,OAAO,CAAC,KAAD,CAAP;AACX,GAHQ,EAGN,CAACN,IAAD,CAHM,CAAT;;AAKA,MAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AAC/B,QAAI,CAACR,IAAL,EAAWM,OAAO,CAAC,IAAD,CAAP;AACZ,GAFD;;AAIA,sBACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAEjB,IADR;AAAA;AAGE,IAAA,SAAS,EAAE,CAAAa,GAAG,SAAH,IAAAA,GAAG,WAAH,4BAAAA,GAAG,CAAEO,OAAL,8DAAcC,YAAd,KAA8B,IAH3C;AAIE,IAAA,eAAe,EAAEF,kBAJnB;AAKE,IAAA,OAAO,EAAElB;AALX,kBAOE,oBAAC,aAAD;AAAe,IAAA,GAAG,EAAEY;AAApB,KAA0BD,OAA1B,CAPF,CADF;AAWD;AAEDF,gBAAgB,CAACY,SAAjB,GAA6B;AAC3BX,EAAAA,IAAI,EAAEY,SAAS,CAACC,IADW;AAE3BZ,EAAAA,OAAO,EAAEW,SAAS,CAACE;AAFQ,CAA7B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.js","sources":["../../../src/MobileCard/Group.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport {\n color,\n border,\n withTheme,\n truncate,\n __UNSAFE_SPACE_TO_DIMSUM,\n} from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n ${Card} {\n border-top: none;\n }\n\n ${({ theme, withTopBorder }) =>\n withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : ''}\n`;\n\nconst GroupTitle = styled.span`\n ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 0 ${(props) => props.theme.space.xs};\n font-size: ${(props) =>\n `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n ${color('neutral', '700')}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n background-color: ${(props) => props.theme.colors.brand['200']};\n border-top: ${(props) => border(props.theme.colors.brand['300'])};\n line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n @media (min-width: 1024px) {\n background-color: ${(props) => props.theme.colors.neutral['080']};\n border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n }\n`;\n\nconst MobileCardGroup = ({\n children,\n theme,\n title,\n action,\n activeValue,\n allowMultipleOpen = false,\n onChange = () => null,\n}) => {\n const rows = !title\n ? ['auto']\n : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n return (\n <Group\n activeValue={activeValue}\n multiple={allowMultipleOpen}\n onChange={onChange}\n >\n <GroupGrid withTopBorder={!title} rows={rows}>\n {!!title && (\n <GroupTitleGrid pl=\"xxs\">\n <GroupTitle>{title}</GroupTitle>\n {action}\n </GroupTitleGrid>\n )}\n <Grid>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n value: idx,\n idx,\n }),\n null,\n )}\n </Grid>\n </GroupGrid>\n </Group>\n );\n};\n\nconst props = {\n theme: PropTypes.object.isRequired.description(''),\n /**\n * Defines group title\n */\n title: PropTypes.string.description(''),\n /**\n * Pass one or more Mobile Cards to render as a group\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description(''),\n /**\n * Group header addon\n */\n action: PropTypes.element.description(''),\n /** */\n activeValue: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.arrayOf(PropTypes.number),\n ]).description(''),\n /** */\n allowMultipleOpen: PropTypes.bool.description(''),\n /** */\n onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],"names":["GroupGrid","styled","Grid","Card","theme","withTopBorder","border","colors","neutral","GroupTitle","span","truncate","GroupTitleGrid","div","props","space","xs","__UNSAFE_SPACE_TO_DIMSUM","m","color","fontWeights","semibold","brand","MobileCardGroup","children","title","action","activeValue","allowMultipleOpen","onChange","rows","React","Children","map","child","idx","cloneElement","key","value","PropTypes","object","isRequired","description","string","oneOfType","element","arrayOf","number","bool","func","propTypes","DSMobileCardGroupWithSchema","describe","withTheme"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StyledCard.js","sources":["../../../src/MobileCard/StyledCard.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div`\n display: flex;\n align-items: center;\n height: fit-content;\n min-height: ${(props) => props.minHeight};\n border: ${(props) => border(props.theme.colors.neutral['100'])};\n border-bottom: ${(props) =>\n border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],"names":["StyledCard","styled","div","props","minHeight","border","theme","colors","neutral"],"mappings":";;;IAGaA,UAAU,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,2GAIP,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,SAAjB;AAAA,CAJO,EAKX,UAACD,KAAD;AAAA,SAAWE,MAAM,CAACF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CALW,EAMJ,UAACL,KAAD;AAAA,SACfE,MAAM,CAAC,MAAD,EAASF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAT,CADS;AAAA,CANI;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/MobileCard/index.tsx"],"sourcesContent":["import MobileCard, { DSMobileCardWithSchema } from './Card';\nimport MobileGroup, { DSMobileCardGroupWithSchema } from './Group';\nimport { ActionAddon } from './ActionAddon';\n\nMobileCard.Group = MobileGroup;\nconst DSMobileCard = MobileCard;\n\nexport {\n DSMobileCard,\n ActionAddon,\n DSMobileCardWithSchema,\n DSMobileCardGroupWithSchema,\n};\nexport * from './CardIcons';\nexport default MobileCard;\n"],"names":["MobileCard","Group","MobileGroup","DSMobileCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIAA,UAAU,CAACC,KAAX,GAAmBC,WAAnB;IACMC,YAAY,GAAGH;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHeight.js","sources":["../../../src/MobileCard/useHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n return Number(\n window\n .getComputedStyle(document.querySelector(':root'))\n .getPropertyValue('font-size')\n .match(/\\d+/)[0],\n );\n}\n\nexport function useHeight(ref) {\n const [height, setHeight] = useState('0rem');\n const [currentFont, setCurrentFont] = useState(13);\n useEffect(() => {\n setCurrentFont(getCurrentFont());\n }, []);\n\n useEffect(() => {\n if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n setHeight(rem(ref.current.clientHeight, currentFont));\n }\n }, [ref.current, currentFont]);\n\n return height;\n}\n"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","useHeight","ref","useState","height","setHeight","currentFont","setCurrentFont","useEffect","current","rem","clientHeight"],"mappings":";;;;AAGA,SAASA,cAAT,GAA0B;AACxB,SAAOC,MAAM,CACXC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADW,CAAb;AAMD;;AAEM,SAASC,SAAT,CAAmBC,GAAnB,EAAwB;AAC7B,kBAA4BC,QAAQ,CAAC,MAAD,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAAsCF,QAAQ,CAAC,EAAD,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AACAC,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,cAAc,CAACd,cAAc,EAAf,CAAd;AACD,GAFQ,EAEN,EAFM,CAAT;AAIAe,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIN,GAAG,CAACO,OAAJ,IAAeL,MAAM,KAAKM,GAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAjC,EAA0E;AACxED,MAAAA,SAAS,CAACK,GAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAJ,CAAT;AACD;AACF,GAJQ,EAIN,CAACJ,GAAG,CAACO,OAAL,EAAcH,WAAd,CAJM,CAAT;AAMA,SAAOF,MAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { DSBackdrop } from '@elliemae/ds-basic';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${(props) => props.zIndex};\n width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n position: fixed;\n bottom: 0;\n left: ${(props) => props.theme.space.xxs};\n max-height: 90vh;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['000']};\n ${truncate()}\n\n & > span {\n height: 20px;\n width: 20px;\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: 20px;\n width: 20px;\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nconst HeaderContainer = styled(Grid)`\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n ({\n open = false,\n title = '',\n multiple = false,\n singleSelect = false,\n onChange = noop,\n onClickOutside = noop,\n children,\n theme,\n backdropZIndex,\n zIndex = 1,\n dataTestid = 'mobile-context-menu',\n buttonFooter = null,\n onApply = noop,\n selecteds: initSelecteds,\n }) => {\n const [selectedItems, setSelectedItems] = useState([]);\n const trueSelected = useMemo(\n () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n [initSelecteds, selectedItems],\n );\n const containerRef = useRef(null);\n const handleChange = (value, childProps, event) => {\n onChange(value, childProps, event);\n if (initSelecteds === undefined) {\n if (multiple) setSelectedItems([...value]);\n else if (singleSelect) setSelectedItems(value);\n }\n };\n\n const handleApply = function (e) {\n if (this.onClick) this.onClick(e);\n onApply(e, selectedItems);\n };\n\n const rows = [theme.space.s, 1];\n if (buttonFooter) rows.push('56px');\n\n if (!open) return null;\n\n return (\n <>\n <DSBackdrop\n type=\"cover\"\n zIndex={backdropZIndex}\n onClick={(e) => {\n // PUI-4481 prevent click on elements below backdrop\n e.stopPropagation();\n onClickOutside(e);\n }}\n />\n <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n {title}\n </StyledTitle>\n </HeaderContainer>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>\n <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n {React.Children.map(children, (child, ii) => {\n const isGroup =\n child.type === (<ContextMenuGroup />).type ||\n child.type?.name === ContextMenuGroup.componentType ||\n child.type === ContextMenuGroup.type;\n const { onClick = noop } = child.props;\n const value = ii;\n let isSelected;\n if (singleSelect) isSelected = trueSelected === value;\n else if (multiple) isSelected = trueSelected.includes(value);\n return React.cloneElement(child, {\n value,\n key: `cm.${ii}`,\n isMulti: multiple,\n singleSelect,\n isSelected,\n onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n selectedItems: isGroup ? trueSelected : null,\n });\n })}\n </Group>\n </Grid>\n </Grid>\n {buttonFooter && (\n <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n {React.cloneElement(buttonFooter, {\n ...buttonFooter.props,\n containerProps: {\n 'data-testid': `${dataTestid}--btn`,\n },\n buttonType: 'primary',\n size: 'l',\n onClick: handleApply.bind(buttonFooter.props),\n })}\n </Grid>\n )}\n </StyledContainer>\n </>\n );\n },\n);\n\nconst props = {\n /** toggle open the menu */\n open: PropTypes.bool.description('toggle open the menu'),\n /** context menu title */\n title: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n ]).description('context menu title'),\n /** change handler for selectable context menu */\n onChange: PropTypes.func.description('change handler for selectable context menu'),\n /** multi select */\n multiple: PropTypes.bool.description('multi select'),\n /** click outside callback handler */\n onClickOutside: PropTypes.func.description('click outside callback handler'),\n /** array of mobile context menu items */\n children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n /** z index for overlay div */\n backdropZIndex: PropTypes.number.description('z index for overlay div'),\n /** z index for menu container */\n zIndex: PropTypes.number.description('z index for menu container'),\n /** for e2e tests */\n dataTestid: PropTypes.string.description('for e2e tests'),\n /** bottom button */\n buttonFooter: PropTypes.element.description('bottom button'),\n /** callback */\n onApply: PropTypes.func.description('callback'),\n /** selected elements for multi and single select */\n selecteds: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.number,\n ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","stopPropagation","length","fill","overflow","React","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,+NACL,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADK,EAER,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACI,MAAjB;AAAA,CAFQ,EAGV,UAACJ,KAAD;AAAA,+BAA0BA,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,EAA5C;AAAA,CAHU,EAMX,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBE,GAA7B;AAAA,CANW,CAArB;AAaA,IAAMC,WAAW,gBAAGV,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2JAEA,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYQ,WAAZ,CAAwBC,QAAnC;AAAA,CAFA,EAGN,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHM,EAIbQ,QAAQ,EAJK,EAeL,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfK,CAAjB;AAmBA,IAAMS,eAAe,gBAAGd,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,gFAGL,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBW,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAHK,CAArB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,IAAD;AAAA,SAAUC,KAAK,CAACC,OAAN,CAAcF,IAAd,CAAV;AAAA,CAAd;;IAEMG,mBAAmB,GAAGC,SAAS,CACnC,gBAeM;AAAA,uBAdJC,IAcI;AAAA,MAdJA,IAcI,0BAdG,KAcH;AAAA,wBAbJC,KAaI;AAAA,MAbJA,KAaI,2BAbI,EAaJ;AAAA,2BAZJC,QAYI;AAAA,MAZJA,QAYI,8BAZO,KAYP;AAAA,+BAXJC,YAWI;AAAA,MAXJA,YAWI,kCAXW,KAWX;AAAA,2BAVJC,QAUI;AAAA,MAVJA,QAUI,8BAVOC,IAUP;AAAA,iCATJC,cASI;AAAA,MATJA,cASI,oCATaD,IASb;AAAA,MARJE,QAQI,QARJA,QAQI;AAAA,MAPJ1B,KAOI,QAPJA,KAOI;AAAA,MANJ2B,cAMI,QANJA,cAMI;AAAA,yBALJxB,MAKI;AAAA,MALJA,MAKI,4BALK,CAKL;AAAA,6BAJJyB,UAII;AAAA,MAJJA,UAII,gCAJS,qBAIT;AAAA,+BAHJC,YAGI;AAAA,MAHJA,YAGI,kCAHW,IAGX;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFMN,IAEN;AAAA,MADOO,aACP,QADJC,SACI;;AACJ,kBAA0CC,QAAQ,CAAC,EAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,YAAY,GAAGC,OAAO,CAC1B;AAAA,WAAON,aAAa,KAAKO,SAAlB,GAA8BP,aAA9B,sBAAkDG,aAAlD,CAAP;AAAA,GAD0B,EAE1B,CAACH,aAAD,EAAgBG,aAAhB,CAF0B,CAA5B;AAIA,MAAMK,YAAY,GAAGC,MAAM,CAAC,IAAD,CAA3B;;AACA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,UAAR,EAAoBC,KAApB,EAA8B;AACjDrB,IAAAA,QAAQ,CAACmB,KAAD,EAAQC,UAAR,EAAoBC,KAApB,CAAR;;AACA,QAAIb,aAAa,KAAKO,SAAtB,EAAiC;AAC/B,UAAIjB,QAAJ,EAAcc,gBAAgB,oBAAKO,KAAL,EAAhB,CAAd,KACK,IAAIpB,YAAJ,EAAkBa,gBAAgB,CAACO,KAAD,CAAhB;AACxB;AACF,GAND;;AAQA,MAAMG,WAAW,GAAG,SAAdA,WAAc,CAAUC,CAAV,EAAa;AAC/B,QAAI,KAAKC,OAAT,EAAkB,KAAKA,OAAL,CAAaD,CAAb;AAClBhB,IAAAA,OAAO,CAACgB,CAAD,EAAIZ,aAAJ,CAAP;AACD,GAHD;;AAKA,MAAMc,IAAI,GAAG,CAAChD,KAAK,CAACI,KAAN,CAAY6C,CAAb,EAAgB,CAAhB,CAAb;AACA,MAAIpB,YAAJ,EAAkBmB,IAAI,CAACE,IAAL,CAAU,MAAV;AAElB,MAAI,CAAC/B,IAAL,EAAW,OAAO,IAAP;AAEX,sBACE,uDACE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,MAAM,EAAEQ,cAFV;AAGE,IAAA,OAAO,EAAE,iBAACmB,CAAD,EAAO;AACd;AACAA,MAAAA,CAAC,CAACK,eAAF;AACA1B,MAAAA,cAAc,CAACqB,CAAD,CAAd;AACD;AAPH,IADF,eAUE,oBAAC,eAAD;AAAiB,IAAA,MAAM,EAAE3C,MAAzB;AAAiC,IAAA,IAAI,EAAE6C,IAAvC;AAA6C,IAAA,GAAG,EAAET,YAAlD;AAAgE,mBAAY;AAA5E,kBACE,oBAAC,eAAD;AAAiB,IAAA,cAAc,EAAC,QAAhC;AAAyC,IAAA,UAAU,EAAC,QAApD;AAA6D,IAAA,EAAE,EAAC,IAAhE;AAAqE,IAAA,EAAE,EAAC;AAAxE,kBACE,oBAAC,WAAD;AAAa,IAAA,UAAU,EAAC,QAAxB;AAAiC,IAAA,MAAM,EAAC,KAAxC;AAA8C,IAAA,IAAI,EAAExB,KAAK,CAACF,KAAK,CAACO,KAAD,CAAL,GAAeA,KAAK,CAACgC,MAArB,GAA8B,CAA/B,CAAL,CAAuCC,IAAvC,CAA4C,MAA5C;AAApD,KACGjC,KADH,CADF,CADF,eAME,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEkC,MAAAA,QAAQ,EAAE;AAAZ;AAAb,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEA,MAAAA,QAAQ,EAAE;AAAZ;AAAb,kBACE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAElB,YAApB;AAAkC,IAAA,QAAQ,EAAEf,QAA5C;AAAsD,IAAA,QAAQ,EAAEoB;AAAhE,KACGc,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmB/B,QAAnB,EAA6B,UAACgC,KAAD,EAAQC,EAAR,EAAe;AAAA;;AAC3C,QAAMC,OAAO,GACXF,KAAK,CAACG,IAAN,KAAgB,oBAACC,wBAAD,OAAD,CAAuBD,IAAtC,IACA,gBAAAH,KAAK,CAACG,IAAN,4DAAYE,IAAZ,MAAqBD,wBAAgB,CAACE,aADtC,IAEAN,KAAK,CAACG,IAAN,KAAeC,wBAAgB,CAACD,IAHlC;AAIA,+BAA2BH,KAAK,CAAC3D,KAAjC,CAAQgD,OAAR;AAAA,QAAQA,OAAR,qCAAkBvB,IAAlB;AACA,QAAMkB,KAAK,GAAGiB,EAAd;AACA,QAAIM,UAAJ;AACA,QAAI3C,YAAJ,EAAkB2C,UAAU,GAAG7B,YAAY,KAAKM,KAA9B,CAAlB,KACK,IAAIrB,QAAJ,EAAc4C,UAAU,GAAG7B,YAAY,CAAC8B,QAAb,CAAsBxB,KAAtB,CAAb;AACnB,wBAAOa,KAAK,CAACY,YAAN,CAAmBT,KAAnB,EAA0B;AAC/BhB,MAAAA,KAAK,EAALA,KAD+B;AAE/B0B,MAAAA,GAAG,eAAQT,EAAR,CAF4B;AAG/BU,MAAAA,OAAO,EAAEhD,QAHsB;AAI/BC,MAAAA,YAAY,EAAZA,YAJ+B;AAK/B2C,MAAAA,UAAU,EAAVA,UAL+B;AAM/BlB,MAAAA,OAAO,EAAE,CAACa,OAAD,GAAW,UAACd,CAAD;AAAA,eAAOC,OAAO,CAACD,CAAD,EAAIY,KAAK,CAAC3D,KAAV,CAAd;AAAA,OAAX,GAA4C,IANtB;AAO/BmC,MAAAA,aAAa,EAAE0B,OAAO,GAAGxB,YAAH,GAAkB;AAPT,KAA1B,CAAP;AASD,GAnBA,CADH,CADF,CADF,CANF,EAgCGP,YAAY,iBACX,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,IAAT;AAAc,IAAA,EAAE,EAAC,IAAjB;AAAsB,IAAA,UAAU,EAAC;AAAjC,kBACG0B,KAAK,CAACY,YAAN,CAAmBtC,YAAnB,kCACIA,YAAY,CAAC9B,KADjB;AAECuE,IAAAA,cAAc,EAAE;AACd,+BAAkB1C,UAAlB;AADc,KAFjB;AAKC2C,IAAAA,UAAU,EAAE,SALb;AAMCC,IAAAA,IAAI,EAAE,GANP;AAOCzB,IAAAA,OAAO,EAAEF,WAAW,CAAC4B,IAAZ,CAAiB5C,YAAY,CAAC9B,KAA9B;AAPV,KADH,CAjCJ,CAVF,CADF;AA2DD,CApGkC;AAuGrC,IAAMA,KAAK,GAAG;AACZ;AACAoB,EAAAA,IAAI,EAAEuD,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sBAA3B,CAFM;;AAGZ;AACAxD,EAAAA,KAAK,EAAEsD,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACG,SAAV,CAAoB,CAACH,SAAS,CAACI,MAAX,EAAmBJ,SAAS,CAACM,IAA7B,CAApB,CAAlB,CAFyB,CAApB,EAGJJ,WAHI,CAGQ,oBAHR,CAJK;;AAQZ;AACArD,EAAAA,QAAQ,EAAEmD,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,4CAA3B,CATE;;AAUZ;AACAvD,EAAAA,QAAQ,EAAEqD,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,cAA3B,CAXE;;AAYZ;AACAnD,EAAAA,cAAc,EAAEiD,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,gCAA3B,CAbJ;;AAcZ;AACAlD,EAAAA,QAAQ,EAAEgD,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACQ,OAA5B,EAAqCN,WAArC,CAAiD,oCAAjD,CAfE;;AAgBZ;AACAjD,EAAAA,cAAc,EAAE+C,SAAS,CAACS,MAAV,CAAiBP,WAAjB,CAA6B,yBAA7B,CAjBJ;;AAkBZ;AACAzE,EAAAA,MAAM,EAAEuE,SAAS,CAACS,MAAV,CAAiBP,WAAjB,CAA6B,4BAA7B,CAnBI;;AAoBZ;AACAhD,EAAAA,UAAU,EAAE8C,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,eAA7B,CArBA;;AAsBZ;AACA/C,EAAAA,YAAY,EAAE6C,SAAS,CAACQ,OAAV,CAAkBN,WAAlB,CAA8B,eAA9B,CAvBF;;AAwBZ;AACA9C,EAAAA,OAAO,EAAE4C,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,UAA3B,CAzBG;;AA0BZ;AACA5C,EAAAA,SAAS,EAAE0C,SAAS,CAACG,SAAV,CAAoB,CAC7BH,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACG,SAAV,CAAoB,CAACH,SAAS,CAACI,MAAX,EAAmBJ,SAAS,CAACS,MAA7B,CAApB,CAAlB,CAD6B,EAE7BT,SAAS,CAACS,MAFmB,CAApB,EAGRP,WAHQ,CAGI,+CAHJ;AA3BC,CAAd;AAiCA3D,mBAAmB,CAACmE,SAApB,GAAgCrF,KAAhC;IAEMsF,6BAA6B,GAAGC,QAAQ,CAACrE,mBAAD;AAE9CoE,6BAA6B,CAACD,SAA9B,GAA0CrF,KAA1C;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileContextMenuGroup.js","sources":["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n height: 24px;\n line-height: 24px;\n font-size: 12px;\n border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n background: ${(props) => props.theme.colors.brand['200']};\n padding: 0 ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n <Grid>\n <Grid>\n <Title>{title}</Title>\n </Grid>\n <Grid>\n {React.Children.map(children, (child, index) => {\n const { onClick = noop } = child.props;\n const value = `${groupValue}:${index}`;\n let isSelected;\n if (singleSelect) isSelected = selectedItems === value;\n else if (isMulti) isSelected = selectedItems.includes(value);\n return React.cloneElement(child, {\n value,\n key: 'group.'.concat(index),\n isGroup: true,\n isMulti,\n singleSelect,\n isSelected,\n onClick: (e) => onClick(e, { value, ...child.props }),\n });\n })}\n </Grid>\n </Grid>\n);\n\nconst props = {\n /**\n * Group title\n */\n title: PropTypes.string.isRequired.description('group title'),\n /**\n * Array of MobileContextMenuItem\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** single select */\n singleSelect: PropTypes.bool.description('single select'),\n /** value for select */\n value: PropTypes.string.description('value for select'),\n /** selected items, array for multi, string for single */\n selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n 'selected items, array for multi, string for single',\n ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],"names":["Title","styled","div","props","theme","colors","brand","space","xs","neutral","fontWeights","semibold","DSMobileContextMenuGroup","title","isMulti","singleSelect","children","groupValue","value","selectedItems","React","Children","map","child","index","onClick","noop","isSelected","includes","cloneElement","key","concat","isGroup","e","PropTypes","string","isRequired","description","arrayOf","element","bool","oneOfType","array","propTypes","componentType","DSMobileContextMenuGroupWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\n\nimport Checkbox from '@elliemae/ds-basic/form/Checkbox';\nimport DSCheckmark from '@elliemae/ds-icons/Checkmark';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n ${(props) => {\n if (!props.isMulti) {\n return `\n & > span {\n height: 18px;\n width: 18px;\n }\n\n & > span > svg {\n height: 18px;\n width: 18px;\n }\n `;\n }\n return '';\n }}\n`;\n\nconst Title = styled.span`\n font-size: 16px;\n color: ${(props) => props.theme.colors.brand['600']};\n ${truncate()}\n`;\n\nconst Label = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(DSCheckmark)`\n fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n label: string;\n title: string;\n leftProp: JSX.Element;\n isGroup: boolean;\n isMulti: boolean;\n isSelected: boolean;\n singleSelect: boolean;\n onClick: (e: any) => void;\n value: string;\n}\nconst DSMobileContextMenuItem = ({\n label,\n title,\n leftProp,\n isGroup,\n isMulti,\n singleSelect,\n isSelected,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick = () => {},\n value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n let showLeftAddon = isSelected;\n if (isMulti || !singleSelect) showLeftAddon = true;\n\n let leftAddon = leftProp || null;\n if (isMulti) leftAddon = <Checkbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n return (\n <Wrap\n data-testid=\"ds-contextmenu-item\"\n onClick={(e) => {\n if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n onClick(e);\n }}\n cols={\n (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n }\n >\n {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n {showLeftAddon && leftAddon}\n </PropWrap>\n )}\n <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n {label && (\n <Grid alignItems=\"center\">\n <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n </Grid>\n )}\n <Grid alignItems={!label ? 'center' : undefined}>\n <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n </Grid>\n </Grid>\n </Wrap>\n );\n }}\n />\n);\n\nconst props = {\n /** label */\n label: PropTypes.string.description('label'),\n /** menu item title */\n title: PropTypes.string.isRequired.description('menu item title'),\n /** */\n leftProp: PropTypes.element.description(''),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** */\n singleSelect: PropTypes.bool.description(''),\n /** */\n isGroup: PropTypes.bool.description(''),\n /** on click handler */\n onClick: PropTypes.func.description('on click handler'),\n /** value for select */\n value: PropTypes.number.description('value for select'),\n /** selected value */\n isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","PropWrap","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","DSCheckmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","Checkbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.js","sources":["../../../src/MobileDatePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n input[type=date]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=date]&:active, input[type=date]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef"],"mappings":";;;;;;;AAIA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,KAAV;AAAA;AAAA,0mBAUH,UAAAC,KAAK;AAAA,SAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAA5B;AAAA,CAVF,EAgBC,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAJ;AAAA,CAhBN,EAiBA,UAAAN,KAAK;AAAA,SAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBI,EAAnB,CAA5B;AAAA,CAjBL,EAoBO,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAJ;AAAA,CApBZ,EAwBX,UAAAN,KAAK;AAAA,SAAIQ,KAAK,CAACR,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBI,KAAnB,CAAyB,GAAzB,CAAD,CAAT;AAAA,CAxBM,EA4BJ,UAAAT,KAAK;AAAA,SACZA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GACIV,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CADJ,GAEIN,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAHQ;AAAA,CA5BD,EAgCD,UAAAN,KAAK;AAAA,SACfA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GAAqBV,KAAK,CAACW,WAA3B,GAAyCX,KAAK,CAAC,mBAAD,CAD/B;AAAA,CAhCJ,CAAjB;IA0CaY,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBb,KAAhB;;AAAA,sBACnB,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAEa;AAAlB,KAAgCb,KAAhC,EADmB;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileDatePicker.js","sources":["../../../src/MobileDatePicker/MobileDatePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-basic/Icon';\nimport DatePicker from '@elliemae/ds-icons/DatePicker';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport DSInputGroup from '@elliemae/ds-basic/form/InputGroup';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({\n disabled,\n value,\n tabIndex,\n placeholder,\n onChange,\n}) => {\n const inputRef = useRef(null);\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const valueArr = value.split('-');\n const displayValue =\n value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Date Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<DatePicker />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n data-testid=\"ds-mobile-date-picker\"\n innerRef={inputRef}\n aria-label=\"Date Picker Input Mask\"\n disabled={disabled}\n onKeyDown={(e) => e.preventDefault()}\n type=\"date\"\n placeholder={placeholder}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileDatePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('0 as default'),\n /**\n * MM / DD / YYYY as default\n */\n placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description(\n 'onChange handler, receives change event as first argument',\n ),\n /**\n * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n */\n value: PropTypes.string.description(\n 'ISO8601 string representing the date in format YYYY-MM-DD or empty string',\n ),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],"names":["DSMobileDatePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","useEffect","current","defaultValue","valueArr","split","displayValue","DSIconColors","PRIMARY","NEUTRAL","focus","click","e","preventDefault","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","props","PropTypes","bool","description","number","string","func","propTypes","DSMobileDatePickerWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileDropdownInput.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport ChevronDownIcon from '@elliemae/ds-icons/ChevronDown';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDownIcon color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly />\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n"],"names":["MobileDropdownInput","styled","input","props","theme","colors","neutral","focus","brand","MobileDropdownInputWrap","span","CaretWrap","Caret","onClick","propTypes","PropTypes","func","isRequired","DSMobileDropdownTriggerInput","inputProps","caretProps"],"mappings":";;;;;;;IAOaA,mBAAmB,gBAAGC,MAAM,CAACC,KAAV;AAAA;AAAA,iRAShB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATgB,EAYV,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAZU,EAgB1B,UAACH,KAAD;AAAA,SAAWI,KAAK,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,KAAnB,CAAyB,GAAzB,CAAD,CAAhB;AAAA,CAhB0B;IAoBnBC,uBAAuB,gBAAGR,MAAM,CAACS,IAAV;AAAA;AAAA;AAOpC,IAAMC,SAAS,gBAAGV,MAAM,CAACS,IAAV;AAAA;AAAA,sHAAf;IAWaE,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBACnB,oBAAC,SAAD;AAAW,IAAA,OAAO,EAAEA;AAApB,kBACE,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAAxB,IADF,CADmB;AAAA;AAMrBD,KAAK,CAACE,SAAN,GAAkB;AAChBD,EAAAA,OAAO,EAAEE,SAAS,CAACC,IAAV,CAAeC;AADR,CAAlB;IAIaC,4BAA4B,GAAG,SAA/BA,4BAA+B;AAAA,MAC1CC,UAD0C,SAC1CA,UAD0C;AAAA,MAE1CC,UAF0C,SAE1CA,UAF0C;AAAA,sBAO1C,oBAAC,uBAAD;AAAyB,mBAAY;AAArC,kBACE,oBAAC,mBAAD,eAAyBD,UAAzB;AAAqC,IAAA,QAAQ;AAA7C,KADF,eAEE,oBAAC,KAAD,EAAWC,UAAX,CAFF,CAP0C;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileDropdownMenu.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n DSMobileContextMenu,\n DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n label: string;\n value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n placeholder: string;\n value: string;\n options: OptionT[];\n title: string;\n itemsProps: {\n label?: string;\n leftProp?: JSX.Element;\n isGroup?: boolean;\n isMulti?: boolean;\n singleSelect?: boolean;\n isItemSelected?: (opt: OptionT) => boolean;\n onClick?: (opt: OptionT, e: any) => void;\n };\n}\nconst DSMobileDropdownMenu = ({\n placeholder,\n options = [],\n title,\n value,\n itemsProps = {\n label: undefined,\n leftProp: undefined,\n isGroup: false,\n isMulti: false,\n singleSelect: false,\n isItemSelected: () => false,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick: () => {},\n },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n const [menuOpen, setMenuOpen] = useState(false);\n const inputRef = useRef(null);\n const inputProps = React.useMemo(\n () => ({\n readOnly: true,\n value,\n onClick: () => setMenuOpen(true),\n ref: inputRef,\n placeholder,\n }),\n [value, placeholder],\n );\n const caretProps = React.useMemo(\n () => ({\n onClick: () => {\n inputRef.current.focus();\n setMenuOpen(true);\n },\n }),\n [],\n );\n return (\n <>\n <DSMobileDropdownTriggerInput\n inputProps={inputProps}\n caretProps={caretProps}\n />\n {menuOpen ? (\n <DSMobileContextMenu\n title={title}\n open\n onChange={(_, e) => {\n setMenuOpen(false);\n }}\n onClickOutside={() => setMenuOpen(false)}\n >\n {options.map((opt, i) => (\n <DSMobileContextMenuItem\n key={'ddwn'.concat(`${i}`)}\n title={opt.label}\n value={opt.value}\n isSelected={itemsProps.isItemSelected(opt)}\n onClick={(e) => {\n setMenuOpen(false);\n itemsProps.onClick(opt, e);\n }}\n label={itemsProps.label}\n leftProp={itemsProps.leftProp}\n isGroup={itemsProps.isGroup}\n isMulti={itemsProps.isMulti}\n singleSelect={itemsProps.singleSelect}\n />\n ))}\n </DSMobileContextMenu>\n ) : null}\n </>\n );\n};\n\nconst props = {\n /** dropdown menu placeholder */\n placeholder: PropTypes.string.description('dropdown menu placeholder'),\n /** context menu menu title */\n title: PropTypes.string.description('context menu menu title'),\n /** context menu options / items */\n options: PropTypes.arrayOf(\n PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],"names":["DSMobileDropdownMenu","placeholder","options","title","value","itemsProps","label","undefined","leftProp","isGroup","isMulti","singleSelect","isItemSelected","onClick","useState","menuOpen","setMenuOpen","inputRef","useRef","inputProps","React","useMemo","readOnly","ref","caretProps","current","focus","_","e","map","opt","i","concat","props","PropTypes","string","description","arrayOf","shape","propTypes","DSMobileDropdownMenuWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileEmptyState.js","sources":["../../../src/MobileEmtpyState/MobileEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport SearchIcon from '@elliemae/ds-icons/Search';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n min-width: 132px;\n`;\n\nconst DSMobileEmptyState = ({ label = 'No search results found.' }) => (\n <Wrapper>\n <SearchIcon size=\"xxl\" color={['neutral', 400]} />\n <Label>{label}</Label>\n </Wrapper>\n);\n\nconst props = {\n /** empty state label */\n label: PropTypes.string.description('empty state label'),\n};\n\nDSMobileEmptyState.propTypes = props;\n\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],"names":["Wrapper","styled","div","Label","p","props","theme","colors","neutral","space","xs","fontWeights","semibold","DSMobileEmptyState","label","SearchIcon","PropTypes","string","description","propTypes","DSMobileEmptyStateWithSchema","describe"],"mappings":";;;;;AAKA,IAAMA,OAAO,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,iGAAb;AAQA,IAAMC,KAAK,gBAAGF,MAAM,CAACG,CAAV;AAAA;AAAA,oEACA,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADA,EAEI,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ,EAGM,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,WAAZ,CAAwBC,QAAnC;AAAA,CAHN,CAAX;;IAOMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,0BAAX;AAAA,sBACzB,oBAAC,OAAD,qBACE,oBAACC,MAAD;AAAY,IAAA,IAAI,EAAC,KAAjB;AAAuB,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAA9B,IADF,eAEE,oBAAC,KAAD,QAAQD,KAAR,CAFF,CADyB;AAAA;;AAO3B,IAAMT,KAAK,GAAG;AACZ;AACAS,EAAAA,KAAK,EAAEE,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B;AAFK,CAAd;AAKAL,kBAAkB,CAACM,SAAnB,GAA+Bd,KAA/B;IAEMe,4BAA4B,GAAGC,QAAQ,CAACR,kBAAD;AAC7CO,4BAA4B,CAACD,SAA7B,GAAyCd,KAAzC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Filterbar.js","sources":["../../../src/MobileFilterbar/Filterbar.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { describe, PropTypes } from 'react-desc';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n display: flex;\n overflow: auto;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n & > * {\n flex-shrink: 0;\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst Separator = styled.div`\n & > * {\n margin: 0;\n }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n <Bar>{children}</Bar>\n <Separator>\n <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n);\n\nconst filterbarProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\n\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],"names":["Bar","styled","div","props","theme","colors","neutral","__UNSAFE_SPACE_TO_DIMSUM","space","xs","Separator","DSMobileFilterbar","children","filterbarProps","PropTypes","element","description","isRequired","propTypes","FilterbarWithSchema","describe"],"mappings":";;;;;;;;AAAA;AAQA,IAAMA,GAAG,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,oIAGa,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHb,EAIS,UAACH,KAAD;AAAA,SAAWI,wBAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,EAAnB,CAAnC;AAAA,CAJT,CAAT;AAcA,IAAMC,SAAS,gBAAGT,MAAM,CAACC,GAAV;AAAA;AAAA,wBAAf;;IAMMS,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxB,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAZ;AAA8B,mBAAY;AAA1C,kBACE,oBAAC,GAAD,QAAMA,QAAN,CADF,eAEE,oBAAC,SAAD,qBACE,oBAAC,eAAD;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,KAAZ;AAArC,IADF,CAFF,CADwB;AAAA;;AAS1B,IAAMC,cAAc,GAAG;AACrBD,EAAAA,QAAQ,EAAEE,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,iBAA9B,EAAiDC;AADtC,CAAvB;AAIAN,iBAAiB,CAACO,SAAlB,GAA8BL,cAA9B;IAEMM,mBAAmB,GAAGC,QAAQ,CAACT,iBAAD;AACpCQ,mBAAmB,CAACD,SAApB,GAAgCL,cAAhC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterbarItem.js","sources":["../../../src/MobileFilterbar/FilterbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { Grid } from '@elliemae/ds-basic/Grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n <Grid\n data-testid=\"filter-bar-item-wrapper\"\n cols={['min-content']}\n pr=\"xxs\"\n pt=\"xxs\"\n role=\"button\"\n onClick={onClick}\n >\n {children}\n </Grid>\n);\nconst filterbarItemProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n onClick: PropTypes.func.description(\n 'Function executed when clicking filterbar item',\n ),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\n\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],"names":["DSMobileFilterbarItem","children","onClick","filterbarItemProps","PropTypes","element","description","isRequired","func","propTypes","FilterbarItemWithSchema","describe"],"mappings":";;;;IAIMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,OAAb,QAAaA,OAAb;AAAA,sBAC5B,oBAAC,IAAD;AACE,mBAAY,yBADd;AAEE,IAAA,IAAI,EAAE,CAAC,aAAD,CAFR;AAGE,IAAA,EAAE,EAAC,KAHL;AAIE,IAAA,EAAE,EAAC,KAJL;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,OAAO,EAAEA;AANX,KAQGD,QARH,CAD4B;AAAA;;AAY9B,IAAME,kBAAkB,GAAG;AACzBF,EAAAA,QAAQ,EAAEG,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,iBAA9B,EAAiDC,UADlC;AAEzBL,EAAAA,OAAO,EAAEE,SAAS,CAACI,IAAV,CAAeF,WAAf,CACP,gDADO;AAFgB,CAA3B;AAOAN,qBAAqB,CAACS,SAAtB,GAAkCN,kBAAlC;IAEMO,uBAAuB,GAAGC,QAAQ,CAACX,qBAAD;AACxCU,uBAAuB,CAACD,SAAxB,GAAoCN,kBAApC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterbarSort.js","sources":["../../../src/MobileFilterbar/FilterbarSort.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n & > * {\n margin-left: 0;\n }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n <>\n {children}\n <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n <Separator>\n <MobileSeparator\n margin=\"xxs\"\n direction=\"vertical\"\n color={['neutral', '300']}\n />\n </Separator>\n </Grid>\n </>\n);\n\nconst filterbarSortProps = {\n children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\n\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n"],"names":["Separator","styled","div","DSMobileFilterbarSort","children","filterbarSortProps","PropTypes","element","description","isRequired","propTypes","FilterbarSortWithSchema","describe"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,6BAAf;;IAMMC,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBAC5B,0CACGA,QADH,eAEE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,KAAT;AAAe,IAAA,EAAE,EAAC,KAAlB;AAAwB,IAAA,IAAI,EAAE,CAAC,aAAD;AAA9B,kBACE,oBAAC,SAAD,qBACE,oBAAC,eAAD;AACE,IAAA,MAAM,EAAC,KADT;AAEE,IAAA,SAAS,EAAC,UAFZ;AAGE,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,KAAZ;AAHT,IADF,CADF,CAFF,CAD4B;AAAA;;AAe9B,IAAMC,kBAAkB,GAAG;AACzBD,EAAAA,QAAQ,EAAEE,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,qBAA9B,EAAqDC;AADtC,CAA3B;AAIAN,qBAAqB,CAACO,SAAtB,GAAkCL,kBAAlC;IAEMM,uBAAuB,GAAGC,QAAQ,CAACT,qBAAD;AACxCQ,uBAAuB,CAACD,SAAxB,GAAoCL,kBAApC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.js","sources":["../../../src/MobileFooter/Action.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { typography } from 'styled-system';\nimport { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Label = styled.span`\n ${typography}\n ${color('neutral', '800')}\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n padding-top: calc(\n ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2\n );\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n <Grid\n data-testid=\"ds-mobile-footer-action\"\n rows={['auto'].concat(label ? 'min-content' : 'none')}\n justifyContent=\"center\"\n role=\"button\"\n onClick={onClick}\n >\n <Grid justifyContent=\"center\" alignItems=\"center\">\n {React.cloneElement(icon, {\n 'data-testid': 'ds-mobile-footer-action-icon',\n size: !label ? 'l' : 'm',\n })}\n </Grid>\n\n {label && (\n <Grid justifyContent=\"center\">\n <Label fontSize=\"11px\">{label}</Label>\n </Grid>\n )}\n </Grid>\n);\n\nconst actionProps = {\n /** Action label */\n label: PropTypes.string.description('Action label'),\n /** Action icon */\n icon: PropTypes.element.description('Action icon'),\n /** onClick callback */\n onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\n\nconst DSMobileFooterActionWithSchema = describe(\n DSMobileFooterAction,\n).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n"],"names":["Label","styled","span","typography","color","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xxs","DSMobileFooterAction","label","icon","onClick","concat","React","cloneElement","size","actionProps","PropTypes","string","description","element","func","propTypes","DSMobileFooterActionWithSchema","describe"],"mappings":";;;;;;;AAAA;AASA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,IAAV;AAAA;AAAA,oEACPC,UADO,EAEPC,KAAK,CAAC,SAAD,EAAY,KAAZ,CAFE,EAGS,UAACC,KAAD;AAAA,SAAWC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHT,EAKL,UAACJ,KAAD;AAAA,SAAWC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CALK,CAAX;;IASMC,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,IAAV,QAAUA,IAAV;AAAA,MAAgBC,OAAhB,QAAgBA,OAAhB;AAAA,sBAC3B,oBAAC,IAAD;AACE,mBAAY,yBADd;AAEE,IAAA,IAAI,EAAE,CAAC,MAAD,EAASC,MAAT,CAAgBH,KAAK,GAAG,aAAH,GAAmB,MAAxC,CAFR;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,OAAO,EAAEE;AALX,kBAOE,oBAAC,IAAD;AAAM,IAAA,cAAc,EAAC,QAArB;AAA8B,IAAA,UAAU,EAAC;AAAzC,kBACGE,KAAK,CAACC,YAAN,CAAmBJ,IAAnB,EAAyB;AACxB,mBAAe,8BADS;AAExBK,IAAAA,IAAI,EAAE,CAACN,KAAD,GAAS,GAAT,GAAe;AAFG,GAAzB,CADH,CAPF,EAcGA,KAAK,iBACJ,oBAAC,IAAD;AAAM,IAAA,cAAc,EAAC;AAArB,kBACE,oBAAC,KAAD;AAAO,IAAA,QAAQ,EAAC;AAAhB,KAAwBA,KAAxB,CADF,CAfJ,CAD2B;AAAA;;AAuB7B,IAAMO,WAAW,GAAG;AAClB;AACAP,EAAAA,KAAK,EAAEQ,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,cAA7B,CAFW;;AAGlB;AACAT,EAAAA,IAAI,EAAEO,SAAS,CAACG,OAAV,CAAkBD,WAAlB,CAA8B,aAA9B,CAJY;;AAKlB;AACAR,EAAAA,OAAO,EAAEM,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,kBAA3B;AANS,CAApB;AASAX,oBAAoB,CAACc,SAArB,GAAiCN,WAAjC;IAEMO,8BAA8B,GAAGC,QAAQ,CAC7ChB,oBAD6C,CAAR,CAErCW,WAFqC,CAEzB,sBAFyB;AAGvCI,8BAA8B,CAACD,SAA/B,GAA2CN,WAA3C;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Footer.js","sources":["../../../src/MobileFooter/Footer.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport { describe, PropTypes } from 'react-desc';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n background-color: ${(props) => props.theme.colors.neutral['000']};\n border-top: ${(props) => border(props.theme.colors.neutral[100])};\n height: ${(props) =>\n `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n const childArr = React.Children.toArray(children);\n const isButtonType =\n childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n const setCols = () => {\n if (isButtonType) {\n return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n }\n return childArr.map(() => `${100 / childArr.length}%`);\n };\n return (\n <FooterWrap>\n <Grid\n cols={setCols()}\n gutter={isButtonType ? 'xs' : undefined}\n justifyContent=\"center\"\n alignItems={isButtonType ? 'center' : undefined}\n >\n {childArr.map((c, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Grid key={i}>{c}</Grid>\n ))}\n </Grid>\n </FooterWrap>\n );\n};\n\nconst footerProps = {\n /**\n * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description(\n 'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n ),\n};\n\nMobileFooter.propTypes = footerProps;\n\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n"],"names":["FooterWrap","styled","Grid","props","theme","colors","neutral","border","__UNSAFE_SPACE_TO_DIMSUM","space","xs","MobileFooter","children","childArr","React","Children","toArray","isButtonType","type","DSMobileFooterText","DSButton","setCols","length","map","undefined","c","i","footerProps","PropTypes","oneOfType","element","arrayOf","isRequired","description","propTypes","MobileFooterWithSchema","describe"],"mappings":";;;;;;;;AAAA;AAUA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2DACM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADN,EAEA,UAACH,KAAD;AAAA,SAAWI,MAAM,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAD,CAAjB;AAAA,CAFA,EAGJ,UAACH,KAAD;AAAA,wBACAK,wBAAwB,CAACL,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,EAAnB,CADxB;AAAA,CAHI,CAAhB;;IAOMC,YAAY,GAAG,SAAfA,YAAe,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACrC,MAAMC,QAAQ,GAAGC,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAjB;AACA,MAAMK,YAAY,GAChBJ,QAAQ,CAAC,CAAD,CAAR,CAAYK,IAAZ,KAAqBC,kBAArB,IAA2CN,QAAQ,CAAC,CAAD,CAAR,CAAYK,IAAZ,KAAqBE,QADlE;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AACpB,QAAIJ,YAAJ,EAAkB;AAChB,aAAOJ,QAAQ,CAACS,MAAT,KAAoB,CAApB,GAAwB,CAAC,KAAD,CAAxB,GAAkC,CAAC,KAAD,EAAQ,KAAR,CAAzC;AACD;;AACD,WAAOT,QAAQ,CAACU,GAAT,CAAa;AAAA,uBAAS,MAAMV,QAAQ,CAACS,MAAxB;AAAA,KAAb,CAAP;AACD,GALD;;AAMA,sBACE,oBAAC,UAAD,qBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAED,OAAO,EADf;AAEE,IAAA,MAAM,EAAEJ,YAAY,GAAG,IAAH,GAAUO,SAFhC;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,UAAU,EAAEP,YAAY,GAAG,QAAH,GAAcO;AAJxC,KAMGX,QAAQ,CAACU,GAAT,CAAa,UAACE,CAAD,EAAIC,CAAJ;AAAA;AAAA;AACZ;AACA,0BAAC,IAAD;AAAM,QAAA,GAAG,EAAEA;AAAX,SAAeD,CAAf;AAFY;AAAA,GAAb,CANH,CADF,CADF;AAeD;;AAED,IAAME,WAAW,GAAG;AAClB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAEgB,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,OADkB,EAE5BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,OAA5B,CAF4B,CAApB,EAGPE,UAHO,CAGIC,WAHJ,CAIR,kEAJQ;AAJQ,CAApB;AAYAtB,YAAY,CAACuB,SAAb,GAAyBP,WAAzB;IAEMQ,sBAAsB,GAAGC,QAAQ,CAACzB,YAAD;AACvCwB,sBAAsB,CAACD,SAAvB,GAAmCP,WAAnC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Text.js","sources":["../../../src/MobileFooter/Text.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Text = styled.p`\n margin: auto 0;\n ${truncate()}\n ${textStyle('body')}\n ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\n\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n"],"names":["Text","styled","p","truncate","textStyle","color","DSMobileFooterText","children","props","PropTypes","string","isRequired","description","propTypes","DSMobileFooterTextWithSchema","describe"],"mappings":";;;;;AAAA;AAOA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,CAAV;AAAA;AAAA,qCAENC,QAAQ,EAFF,EAGNC,SAAS,CAAC,MAAD,CAHH,EAINC,KAAK,CAAC,SAAD,EAAY,KAAZ,CAJC,CAAV;;IAOMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBAAkB,oBAAC,IAAD,QAAOA,QAAP,CAAlB;AAAA;;AAE3B,IAAMC,KAAK,GAAG;AACZD,EAAAA,QAAQ,EAAEE,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,UAAxC;AADE,CAAd;AAIAN,kBAAkB,CAACO,SAAnB,GAA+BL,KAA/B;IAEMM,4BAA4B,GAAGC,QAAQ,CAACT,kBAAD;AAC7CQ,4BAA4B,CAACD,SAA7B,GAAyCL,KAAzC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobileListItem.js","sources":["../../../src/MobileListItem/MobileListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport {\n border,\n truncate,\n withTheme,\n __UNSAFE_SPACE_TO_DIMSUM,\n} from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['800']};\n ${truncate()}\n`;\n\nconst MobileListItem = ({\n leftAddon = null,\n rightAddon = null,\n title = '',\n value = '',\n dataTestid = 'mobile-list-item',\n theme,\n}) => {\n const cols = [1];\n if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n return (\n <StyledContainer\n cols={cols}\n height={theme.space.m}\n width=\"100%\"\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n gutter=\"xs\"\n data-testid={`${dataTestid}--${value}`}\n >\n {leftAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {leftAddon}\n </Grid>\n )}\n <Grid alignItems=\"center\">\n <StyledTitle>{title}</StyledTitle>\n </Grid>\n {rightAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {rightAddon}\n </Grid>\n )}\n </StyledContainer>\n );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n leftAddon: PropTypes.element.description('Element placed at the left'),\n rightAddon: PropTypes.element.description('Element placed at the right'),\n title: PropTypes.string.description('Item s title').isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Item s value, used for data-testid attr',\n ),\n dataTestid: PropTypes.string\n .description('ID used for testing')\n .defaultValue('mobile-list-item'),\n theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\n\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","border","StyledTitle","div","fontWeights","semibold","truncate","MobileListItem","leftAddon","rightAddon","title","value","dataTestid","cols","unshift","__UNSAFE_SPACE_TO_DIMSUM","space","m","push","s","DSMobileListItem","withTheme","listItemProps","PropTypes","element","description","string","isRequired","oneOfType","number","defaultValue","object","propTypes","ListItemWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MobilePageHeader.js","sources":["../../../src/MobilePageHeader/MobilePageHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { TruncatedExpandableText } from '@elliemae/ds-basic/TruncatedExpandableText';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport {\n border,\n truncate,\n withTheme,\n __UNSAFE_SPACE_TO_DIMSUM,\n} from '@elliemae/ds-system';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n font-size: 22px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n`;\n\nconst StyledBreadCrumb = styled.div`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['600']};\n ${truncate()}\n`;\n\nconst Label = styled.div`\n color: ${(props) => props.theme.colors.neutral['500']};\n ${truncate()}\n`;\n\nconst Value = styled.div`\n ${truncate()}\n color: ${(props) => props.theme.colors.neutral['600']};\n ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n pageTitle = null,\n contextMenu = null,\n firstAction = null,\n secondAction = null,\n backArrow = null,\n breadCrumb = null,\n onOpenContextMenu = () => null,\n value,\n label,\n theme,\n}) => {\n const hasValue = value === 0 || value;\n\n const countActions = useMemo(() => {\n let count = 0;\n if (firstAction) count++;\n if (secondAction) count++;\n return count;\n }, [firstAction, secondAction]);\n const [open, setOpen] = useState();\n const handleContext = useCallback(() => {\n setOpen(!open);\n }, [open]);\n\n const separator = (\n <Grid height=\"32px\" alignItems=\"center\">\n <Grid height=\"24px\">\n <MobileSeparator\n direction=\"vertical\"\n margin=\"xxs\"\n color={['neutral', '300']}\n />\n </Grid>\n </Grid>\n );\n const cols = [1, 'auto'];\n const cols2 = ['auto'];\n if (countActions) cols.push('auto');\n if (hasValue) cols2.push('auto');\n if (label) cols2.push('auto');\n\n return (\n <Wrapper\n cols={cols}\n pl={theme.space.xs}\n pr={theme.space.xs}\n alignItems=\"flex-start\"\n width=\"100%\"\n data-testid=\"page-header-wrapper\"\n >\n <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n <Grid\n cols={backArrow ? ['auto', 1] : [1]}\n alignItems=\"flex-start\"\n pr={\n countActions === 0 && !hasValue && !label\n ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)\n : 0\n }\n >\n {backArrow && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n {backArrow}\n </Grid>\n )}\n <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n <Grid>\n {breadCrumb && (\n <StyledBreadCrumb data-testid=\"page-header-breadcrum\">\n {breadCrumb}\n </StyledBreadCrumb>\n )}\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"flex-start\"\n withBreadcrumb={!!breadCrumb}\n data-testid=\"page-header-title\"\n >\n <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n <TruncatedExpandableText value={pageTitle} />\n </Grid>\n </StyledTitle>\n </Grid>\n {contextMenu && (\n <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n <DSButton\n buttonType=\"text\"\n icon={<ChevronSmallDown />}\n size=\"s\"\n onClick={() => {\n handleContext();\n onOpenContextMenu();\n }}\n containerProps={{ 'data-testid': 'trigger-context-menu' }}\n />\n {React.cloneElement(contextMenu, {\n open:\n contextMenu.props.open !== undefined\n ? contextMenu.props.open\n : open,\n onChange: (event, item) => {\n if (contextMenu.props.onChange)\n contextMenu.props.onChange(event, item);\n handleContext();\n },\n })}\n </Grid>\n )}\n </Grid>\n </Grid>\n </Grid>\n {hasValue && (\n <Grid\n height={breadCrumb ? '56px' : '44px'}\n alignItems=\"center\"\n cols={['auto', 'auto']}\n >\n {separator}\n <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n {value}\n </Value>\n </Grid>\n )}\n {label && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n <Label\n withBreadcrumb={!!breadCrumb}\n data-testid=\"page-header-label\"\n >\n {label}\n </Label>\n </Grid>\n )}\n </Grid>\n {countActions > 0 && (\n <Grid\n height={breadCrumb ? '56px' : '44px'}\n alignItems=\"center\"\n cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n >\n {firstAction && <Grid>{firstAction}</Grid>}\n {countActions === 2 && separator}\n {secondAction && <Grid>{secondAction}</Grid>}\n </Grid>\n )}\n </Wrapper>\n );\n};\n\nconst pageHeaderProps = {\n pageTitle: PropTypes.string.description('Page title').isRequired,\n contextMenu: PropTypes.element.description('Context Menu to open'),\n onOpenContextMenu: PropTypes.func.description(\n 'function called when context menu opens',\n ),\n firstAction: PropTypes.element.description('Action Button'),\n secondAction: PropTypes.element.description('Action Button'),\n backArrow: PropTypes.element.description('Back Arrow Button'),\n breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n value: PropTypes.number.description('Page summary value'),\n label: PropTypes.string.description('Page summary label'),\n theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\n\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n"],"names":["StyledTitle","styled","Grid","props","theme","fontWeights","regular","colors","neutral","withBreadcrumb","StyledBreadCrumb","div","truncate","Label","Value","withMarginRight","Wrapper","border","MobilePageHeader","pageTitle","contextMenu","firstAction","secondAction","backArrow","breadCrumb","onOpenContextMenu","value","label","hasValue","countActions","useMemo","count","useState","open","setOpen","handleContext","useCallback","separator","cols","cols2","push","space","xs","__UNSAFE_SPACE_TO_DIMSUM","s","xxs","xxxs","React","cloneElement","undefined","onChange","event","item","pageHeaderProps","PropTypes","string","description","isRequired","element","func","number","object","propTypes","PageHeaderWithSchema","describe","DSMobilePageHeader","withTheme"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}