@elliemae/ds-mobile 2.2.0-alpha.3 → 3.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (407) hide show
  1. package/cjs/Accordion/Accordion.js +55 -51
  2. package/cjs/Accordion/index.js +12 -28
  3. package/cjs/Accordion/propTypes.js +22 -53
  4. package/cjs/CategoryBox/CategoryBox.js +73 -74
  5. package/cjs/CategoryBox/index.js +10 -36
  6. package/cjs/CollectionBox/CollectionBox.js +84 -96
  7. package/cjs/CollectionBox/index.js +10 -36
  8. package/cjs/FullPageContainer/FullPageContainer.js +42 -48
  9. package/cjs/FullPageContainer/FullPageContainerScroll.js +43 -45
  10. package/cjs/FullPageContainer/index.js +11 -37
  11. package/cjs/FullPageContainer/useMobileHeight.js +18 -40
  12. package/cjs/GlobalHeader/MobileGlobalHeader.js +132 -105
  13. package/cjs/GlobalHeader/index.js +10 -36
  14. package/cjs/GlobalHeader/styles.js +39 -114
  15. package/cjs/GroupBox/GroupBox.js +79 -77
  16. package/cjs/GroupBox/index.js +10 -36
  17. package/cjs/Icons/EM_logo.js +18 -41
  18. package/cjs/InfiniteLoader/Infiniteloader.js +77 -64
  19. package/cjs/InfiniteLoader/Loader.js +27 -46
  20. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +82 -77
  21. package/cjs/InfiniteLoader/index.js +13 -39
  22. package/cjs/InfiniteLoader/styled.js +15 -50
  23. package/cjs/LoadingPage/Page.js +78 -79
  24. package/cjs/LoadingPage/index.js +10 -37
  25. package/cjs/MobileActionToolbar/MobileActionToolbar.js +47 -59
  26. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +48 -48
  27. package/cjs/MobileActionToolbar/index.js +13 -38
  28. package/cjs/MobileBanner/MobileBanner.js +99 -105
  29. package/cjs/MobileBanner/defaultProps.js +11 -38
  30. package/cjs/MobileBanner/index.d.js +2 -27
  31. package/cjs/MobileBanner/index.js +12 -38
  32. package/cjs/MobileBanner/propTypes.js +19 -46
  33. package/cjs/MobileBanner/styles.js +173 -127
  34. package/cjs/MobileBanner/utils/bannerTypes.js +10 -38
  35. package/cjs/MobileBanner/utils/icons.js +18 -40
  36. package/cjs/MobileBanner/utils/styleHelpers.js +41 -90
  37. package/cjs/MobileCard/ActionAddon.js +34 -66
  38. package/cjs/MobileCard/Card.js +124 -163
  39. package/cjs/MobileCard/CardIcons.js +33 -102
  40. package/cjs/MobileCard/ExpandChevron.js +31 -55
  41. package/cjs/MobileCard/ExpandableRegion.js +50 -75
  42. package/cjs/MobileCard/Group.js +84 -91
  43. package/cjs/MobileCard/StyledCard.js +16 -44
  44. package/cjs/MobileCard/index.js +18 -45
  45. package/cjs/MobileCard/props.js +60 -48
  46. package/cjs/MobileCard/useHeight.js +18 -43
  47. package/cjs/MobileContextMenu/MobileContextMenu.js +187 -191
  48. package/cjs/MobileContextMenu/MobileContextMenuGroup.js +87 -75
  49. package/cjs/MobileContextMenu/MobileContextMenuItem.js +147 -146
  50. package/cjs/MobileContextMenu/index.js +16 -30
  51. package/cjs/MobileDatePicker/Input.js +38 -74
  52. package/cjs/MobileDatePicker/MobileDatePicker.js +87 -70
  53. package/cjs/MobileDatePicker/index.js +10 -28
  54. package/cjs/MobileDropdownMenu/MobileDropdownInput.js +58 -93
  55. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +83 -88
  56. package/cjs/MobileDropdownMenu/index.js +12 -36
  57. package/cjs/MobileEmtpyState/MobileEmptyState.js +37 -58
  58. package/cjs/MobileEmtpyState/index.js +11 -37
  59. package/cjs/MobileFilterbar/Filterbar.js +40 -67
  60. package/cjs/MobileFilterbar/FilterbarItem.js +33 -49
  61. package/cjs/MobileFilterbar/FilterbarSort.js +42 -56
  62. package/cjs/MobileFilterbar/index.js +16 -42
  63. package/cjs/MobileFooter/Action.js +58 -68
  64. package/cjs/MobileFooter/Footer.js +57 -62
  65. package/cjs/MobileFooter/Text.js +30 -48
  66. package/cjs/MobileFooter/index.js +16 -42
  67. package/cjs/MobileListItem/MobileListItem.js +55 -80
  68. package/cjs/MobileListItem/index.js +10 -28
  69. package/cjs/MobilePageHeader/MobilePageHeader.js +121 -149
  70. package/cjs/MobilePageHeader/index.js +10 -28
  71. package/cjs/MobileSelectList/MobileSelectList.js +132 -144
  72. package/cjs/MobileSelectList/index.js +9 -28
  73. package/cjs/MobileSelectList/styled.js +52 -78
  74. package/cjs/MobileSeparator/Separator.js +61 -56
  75. package/cjs/MobileSeparator/index.js +10 -37
  76. package/cjs/MobileTimePicker/Input.js +38 -74
  77. package/cjs/MobileTimePicker/MobileTimePicker.js +90 -74
  78. package/cjs/MobileTimePicker/MobileTimePicker.stories.js +35 -0
  79. package/cjs/MobileTimePicker/index.js +10 -28
  80. package/cjs/MobileTouchable/MobileTouchable.js +57 -69
  81. package/cjs/MobileTouchable/index.js +9 -28
  82. package/cjs/Modal/Modal.js +129 -135
  83. package/cjs/Modal/index.js +10 -36
  84. package/cjs/Modal/styled.js +42 -94
  85. package/cjs/PageFilter/PageFilter.js +76 -115
  86. package/cjs/PageForm/PageForm.js +50 -63
  87. package/cjs/PageList/PageList.js +38 -60
  88. package/cjs/PageList/index.js +10 -28
  89. package/cjs/PageSearch/PageSearch.js +42 -72
  90. package/cjs/PageSummary/PageSummary.js +55 -66
  91. package/cjs/PageSummary/Tags.js +36 -65
  92. package/cjs/SideNav/SideNav.js +110 -83
  93. package/cjs/SideNav/index.js +10 -36
  94. package/cjs/SideNav/styles.js +42 -128
  95. package/cjs/SwipeToRefresh/ProgressIndicator.js +28 -51
  96. package/cjs/SwipeToRefresh/ProgressLoader.js +54 -75
  97. package/cjs/SwipeToRefresh/SwipeToRefresh.js +64 -67
  98. package/cjs/SwipeToRefresh/styled.js +28 -57
  99. package/cjs/SwipeToRefresh/useSwipe.js +44 -54
  100. package/cjs/Tabs/index.js +55 -51
  101. package/cjs/Tabs/propTypes.js +24 -49
  102. package/cjs/index.js +132 -94
  103. package/esm/Accordion/Accordion.js +41 -20
  104. package/esm/Accordion/index.js +1 -3
  105. package/esm/Accordion/propTypes.js +17 -24
  106. package/esm/CategoryBox/CategoryBox.js +62 -44
  107. package/esm/CategoryBox/index.js +1 -7
  108. package/esm/CollectionBox/CollectionBox.js +73 -66
  109. package/esm/CollectionBox/index.js +1 -7
  110. package/esm/FullPageContainer/FullPageContainer.js +32 -18
  111. package/esm/FullPageContainer/FullPageContainerScroll.js +34 -16
  112. package/esm/FullPageContainer/index.js +2 -8
  113. package/esm/FullPageContainer/useMobileHeight.js +12 -9
  114. package/esm/GlobalHeader/MobileGlobalHeader.js +113 -68
  115. package/esm/GlobalHeader/index.js +1 -7
  116. package/esm/GlobalHeader/styles.js +25 -85
  117. package/esm/GroupBox/GroupBox.js +69 -48
  118. package/esm/GroupBox/index.js +1 -7
  119. package/esm/Icons/EM_logo.js +12 -12
  120. package/esm/InfiniteLoader/Infiniteloader.js +64 -31
  121. package/esm/InfiniteLoader/Loader.js +18 -17
  122. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +70 -46
  123. package/esm/InfiniteLoader/index.js +2 -13
  124. package/esm/InfiniteLoader/styled.js +7 -21
  125. package/esm/LoadingPage/Page.js +63 -47
  126. package/esm/LoadingPage/index.js +2 -8
  127. package/esm/MobileActionToolbar/MobileActionToolbar.js +34 -28
  128. package/esm/MobileActionToolbar/MobileActionToolbarItem.js +35 -18
  129. package/esm/MobileActionToolbar/index.js +2 -9
  130. package/esm/MobileBanner/MobileBanner.js +78 -75
  131. package/esm/MobileBanner/defaultProps.js +6 -8
  132. package/esm/MobileBanner/index.d.js +1 -2
  133. package/esm/MobileBanner/index.js +2 -9
  134. package/esm/MobileBanner/propTypes.js +14 -16
  135. package/esm/MobileBanner/styles.js +156 -99
  136. package/esm/MobileBanner/utils/bannerTypes.js +6 -9
  137. package/esm/MobileBanner/utils/icons.js +10 -11
  138. package/esm/MobileBanner/utils/styleHelpers.js +24 -57
  139. package/esm/MobileCard/ActionAddon.js +24 -37
  140. package/esm/MobileCard/Card.js +104 -125
  141. package/esm/MobileCard/CardIcons.js +27 -76
  142. package/esm/MobileCard/ExpandChevron.js +21 -25
  143. package/esm/MobileCard/ExpandableRegion.js +39 -44
  144. package/esm/MobileCard/Group.js +72 -62
  145. package/esm/MobileCard/StyledCard.js +8 -15
  146. package/esm/MobileCard/index.js +9 -14
  147. package/esm/MobileCard/props.js +56 -19
  148. package/esm/MobileCard/useHeight.js +9 -9
  149. package/esm/MobileContextMenu/MobileContextMenu.js +171 -159
  150. package/esm/MobileContextMenu/MobileContextMenuGroup.js +74 -45
  151. package/esm/MobileContextMenu/MobileContextMenuItem.js +135 -117
  152. package/esm/MobileContextMenu/index.js +3 -5
  153. package/esm/MobileDatePicker/Input.js +27 -44
  154. package/esm/MobileDatePicker/MobileDatePicker.js +73 -37
  155. package/esm/MobileDatePicker/index.js +1 -3
  156. package/esm/MobileDropdownMenu/MobileDropdownInput.js +45 -64
  157. package/esm/MobileDropdownMenu/MobileDropdownMenu.js +70 -59
  158. package/esm/MobileDropdownMenu/index.js +2 -7
  159. package/esm/MobileEmtpyState/MobileEmptyState.js +27 -29
  160. package/esm/MobileEmtpyState/index.js +2 -8
  161. package/esm/MobileFilterbar/Filterbar.js +30 -38
  162. package/esm/MobileFilterbar/FilterbarItem.js +24 -20
  163. package/esm/MobileFilterbar/FilterbarSort.js +32 -27
  164. package/esm/MobileFilterbar/index.js +3 -19
  165. package/esm/MobileFooter/Action.js +48 -40
  166. package/esm/MobileFooter/Footer.js +43 -31
  167. package/esm/MobileFooter/Text.js +20 -19
  168. package/esm/MobileFooter/index.js +3 -13
  169. package/esm/MobileListItem/MobileListItem.js +41 -47
  170. package/esm/MobileListItem/index.js +1 -3
  171. package/esm/MobilePageHeader/MobilePageHeader.js +103 -114
  172. package/esm/MobilePageHeader/index.js +1 -3
  173. package/esm/MobileSelectList/MobileSelectList.js +119 -112
  174. package/esm/MobileSelectList/index.js +1 -3
  175. package/esm/MobileSelectList/styled.js +35 -47
  176. package/esm/MobileSeparator/Separator.js +51 -27
  177. package/esm/MobileSeparator/index.js +2 -8
  178. package/esm/MobileTimePicker/Input.js +27 -44
  179. package/esm/MobileTimePicker/MobileTimePicker.js +76 -41
  180. package/esm/MobileTimePicker/MobileTimePicker.stories.js +26 -0
  181. package/esm/MobileTimePicker/index.js +1 -3
  182. package/esm/MobileTouchable/MobileTouchable.js +43 -36
  183. package/esm/MobileTouchable/index.js +1 -3
  184. package/esm/Modal/Modal.js +110 -98
  185. package/esm/Modal/index.js +1 -7
  186. package/esm/Modal/styled.js +27 -65
  187. package/esm/PageFilter/PageFilter.js +64 -83
  188. package/esm/PageForm/PageForm.js +40 -34
  189. package/esm/PageList/PageList.js +28 -31
  190. package/esm/PageList/index.js +1 -3
  191. package/esm/PageSearch/PageSearch.js +32 -43
  192. package/esm/PageSummary/PageSummary.js +47 -38
  193. package/esm/PageSummary/Tags.js +26 -37
  194. package/esm/SideNav/SideNav.js +95 -48
  195. package/esm/SideNav/index.js +1 -7
  196. package/esm/SideNav/styles.js +27 -99
  197. package/esm/SwipeToRefresh/ProgressIndicator.js +19 -21
  198. package/esm/SwipeToRefresh/ProgressLoader.js +46 -46
  199. package/esm/SwipeToRefresh/SwipeToRefresh.js +53 -36
  200. package/esm/SwipeToRefresh/styled.js +17 -28
  201. package/esm/SwipeToRefresh/useSwipe.js +34 -19
  202. package/esm/Tabs/index.js +41 -20
  203. package/esm/Tabs/propTypes.js +19 -20
  204. package/esm/index.js +44 -75
  205. package/package.json +15 -15
  206. package/cjs/Accordion/Accordion.js.map +0 -7
  207. package/cjs/Accordion/index.js.map +0 -7
  208. package/cjs/Accordion/propTypes.js.map +0 -7
  209. package/cjs/CategoryBox/CategoryBox.js.map +0 -7
  210. package/cjs/CategoryBox/index.js.map +0 -7
  211. package/cjs/CollectionBox/CollectionBox.js.map +0 -7
  212. package/cjs/CollectionBox/index.js.map +0 -7
  213. package/cjs/FullPageContainer/FullPageContainer.js.map +0 -7
  214. package/cjs/FullPageContainer/FullPageContainerScroll.js.map +0 -7
  215. package/cjs/FullPageContainer/index.js.map +0 -7
  216. package/cjs/FullPageContainer/useMobileHeight.js.map +0 -7
  217. package/cjs/GlobalHeader/MobileGlobalHeader.js.map +0 -7
  218. package/cjs/GlobalHeader/index.js.map +0 -7
  219. package/cjs/GlobalHeader/styles.js.map +0 -7
  220. package/cjs/GroupBox/GroupBox.js.map +0 -7
  221. package/cjs/GroupBox/index.js.map +0 -7
  222. package/cjs/Icons/EM_logo.js.map +0 -7
  223. package/cjs/InfiniteLoader/Infiniteloader.js.map +0 -7
  224. package/cjs/InfiniteLoader/Loader.js.map +0 -7
  225. package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -7
  226. package/cjs/InfiniteLoader/index.js.map +0 -7
  227. package/cjs/InfiniteLoader/styled.js.map +0 -7
  228. package/cjs/LoadingPage/Page.js.map +0 -7
  229. package/cjs/LoadingPage/index.js.map +0 -7
  230. package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +0 -7
  231. package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -7
  232. package/cjs/MobileActionToolbar/index.js.map +0 -7
  233. package/cjs/MobileBanner/MobileBanner.js.map +0 -7
  234. package/cjs/MobileBanner/defaultProps.js.map +0 -7
  235. package/cjs/MobileBanner/index.d.js.map +0 -7
  236. package/cjs/MobileBanner/index.js.map +0 -7
  237. package/cjs/MobileBanner/propTypes.js.map +0 -7
  238. package/cjs/MobileBanner/styles.js.map +0 -7
  239. package/cjs/MobileBanner/utils/bannerTypes.js.map +0 -7
  240. package/cjs/MobileBanner/utils/icons.js.map +0 -7
  241. package/cjs/MobileBanner/utils/styleHelpers.js.map +0 -7
  242. package/cjs/MobileCard/ActionAddon.js.map +0 -7
  243. package/cjs/MobileCard/Card.js.map +0 -7
  244. package/cjs/MobileCard/CardIcons.js.map +0 -7
  245. package/cjs/MobileCard/ExpandChevron.js.map +0 -7
  246. package/cjs/MobileCard/ExpandableRegion.js.map +0 -7
  247. package/cjs/MobileCard/Group.js.map +0 -7
  248. package/cjs/MobileCard/StyledCard.js.map +0 -7
  249. package/cjs/MobileCard/index.js.map +0 -7
  250. package/cjs/MobileCard/props.js.map +0 -7
  251. package/cjs/MobileCard/useHeight.js.map +0 -7
  252. package/cjs/MobileContextMenu/MobileContextMenu.js.map +0 -7
  253. package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +0 -7
  254. package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +0 -7
  255. package/cjs/MobileContextMenu/index.js.map +0 -7
  256. package/cjs/MobileDatePicker/Input.js.map +0 -7
  257. package/cjs/MobileDatePicker/MobileDatePicker.js.map +0 -7
  258. package/cjs/MobileDatePicker/index.js.map +0 -7
  259. package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +0 -7
  260. package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -7
  261. package/cjs/MobileDropdownMenu/index.js.map +0 -7
  262. package/cjs/MobileEmtpyState/MobileEmptyState.js.map +0 -7
  263. package/cjs/MobileEmtpyState/index.js.map +0 -7
  264. package/cjs/MobileFilterbar/Filterbar.js.map +0 -7
  265. package/cjs/MobileFilterbar/FilterbarItem.js.map +0 -7
  266. package/cjs/MobileFilterbar/FilterbarSort.js.map +0 -7
  267. package/cjs/MobileFilterbar/index.js.map +0 -7
  268. package/cjs/MobileFooter/Action.js.map +0 -7
  269. package/cjs/MobileFooter/Footer.js.map +0 -7
  270. package/cjs/MobileFooter/Text.js.map +0 -7
  271. package/cjs/MobileFooter/index.js.map +0 -7
  272. package/cjs/MobileListItem/MobileListItem.js.map +0 -7
  273. package/cjs/MobileListItem/index.js.map +0 -7
  274. package/cjs/MobilePageHeader/MobilePageHeader.js.map +0 -7
  275. package/cjs/MobilePageHeader/index.js.map +0 -7
  276. package/cjs/MobileSelectList/MobileSelectList.js.map +0 -7
  277. package/cjs/MobileSelectList/index.js.map +0 -7
  278. package/cjs/MobileSelectList/styled.js.map +0 -7
  279. package/cjs/MobileSeparator/Separator.js.map +0 -7
  280. package/cjs/MobileSeparator/index.js.map +0 -7
  281. package/cjs/MobileTimePicker/Input.js.map +0 -7
  282. package/cjs/MobileTimePicker/MobileTimePicker.js.map +0 -7
  283. package/cjs/MobileTimePicker/index.js.map +0 -7
  284. package/cjs/MobileTouchable/MobileTouchable.js.map +0 -7
  285. package/cjs/MobileTouchable/index.js.map +0 -7
  286. package/cjs/Modal/Modal.js.map +0 -7
  287. package/cjs/Modal/index.js.map +0 -7
  288. package/cjs/Modal/styled.js.map +0 -7
  289. package/cjs/PageFilter/PageFilter.js.map +0 -7
  290. package/cjs/PageForm/PageForm.js.map +0 -7
  291. package/cjs/PageList/PageList.js.map +0 -7
  292. package/cjs/PageList/index.js.map +0 -7
  293. package/cjs/PageSearch/PageSearch.js.map +0 -7
  294. package/cjs/PageSummary/PageSummary.js.map +0 -7
  295. package/cjs/PageSummary/Tags.js.map +0 -7
  296. package/cjs/SideNav/SideNav.js.map +0 -7
  297. package/cjs/SideNav/index.js.map +0 -7
  298. package/cjs/SideNav/styles.js.map +0 -7
  299. package/cjs/SwipeToRefresh/ProgressIndicator.js.map +0 -7
  300. package/cjs/SwipeToRefresh/ProgressLoader.js.map +0 -7
  301. package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +0 -7
  302. package/cjs/SwipeToRefresh/styled.js.map +0 -7
  303. package/cjs/SwipeToRefresh/useSwipe.js.map +0 -7
  304. package/cjs/Tabs/index.js.map +0 -7
  305. package/cjs/Tabs/propTypes.js.map +0 -7
  306. package/cjs/index.js.map +0 -7
  307. package/esm/Accordion/Accordion.js.map +0 -7
  308. package/esm/Accordion/index.js.map +0 -7
  309. package/esm/Accordion/propTypes.js.map +0 -7
  310. package/esm/CategoryBox/CategoryBox.js.map +0 -7
  311. package/esm/CategoryBox/index.js.map +0 -7
  312. package/esm/CollectionBox/CollectionBox.js.map +0 -7
  313. package/esm/CollectionBox/index.js.map +0 -7
  314. package/esm/FullPageContainer/FullPageContainer.js.map +0 -7
  315. package/esm/FullPageContainer/FullPageContainerScroll.js.map +0 -7
  316. package/esm/FullPageContainer/index.js.map +0 -7
  317. package/esm/FullPageContainer/useMobileHeight.js.map +0 -7
  318. package/esm/GlobalHeader/MobileGlobalHeader.js.map +0 -7
  319. package/esm/GlobalHeader/index.js.map +0 -7
  320. package/esm/GlobalHeader/styles.js.map +0 -7
  321. package/esm/GroupBox/GroupBox.js.map +0 -7
  322. package/esm/GroupBox/index.js.map +0 -7
  323. package/esm/Icons/EM_logo.js.map +0 -7
  324. package/esm/InfiniteLoader/Infiniteloader.js.map +0 -7
  325. package/esm/InfiniteLoader/Loader.js.map +0 -7
  326. package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -7
  327. package/esm/InfiniteLoader/index.js.map +0 -7
  328. package/esm/InfiniteLoader/styled.js.map +0 -7
  329. package/esm/LoadingPage/Page.js.map +0 -7
  330. package/esm/LoadingPage/index.js.map +0 -7
  331. package/esm/MobileActionToolbar/MobileActionToolbar.js.map +0 -7
  332. package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -7
  333. package/esm/MobileActionToolbar/index.js.map +0 -7
  334. package/esm/MobileBanner/MobileBanner.js.map +0 -7
  335. package/esm/MobileBanner/defaultProps.js.map +0 -7
  336. package/esm/MobileBanner/index.d.js.map +0 -7
  337. package/esm/MobileBanner/index.js.map +0 -7
  338. package/esm/MobileBanner/propTypes.js.map +0 -7
  339. package/esm/MobileBanner/styles.js.map +0 -7
  340. package/esm/MobileBanner/utils/bannerTypes.js.map +0 -7
  341. package/esm/MobileBanner/utils/icons.js.map +0 -7
  342. package/esm/MobileBanner/utils/styleHelpers.js.map +0 -7
  343. package/esm/MobileCard/ActionAddon.js.map +0 -7
  344. package/esm/MobileCard/Card.js.map +0 -7
  345. package/esm/MobileCard/CardIcons.js.map +0 -7
  346. package/esm/MobileCard/ExpandChevron.js.map +0 -7
  347. package/esm/MobileCard/ExpandableRegion.js.map +0 -7
  348. package/esm/MobileCard/Group.js.map +0 -7
  349. package/esm/MobileCard/StyledCard.js.map +0 -7
  350. package/esm/MobileCard/index.js.map +0 -7
  351. package/esm/MobileCard/props.js.map +0 -7
  352. package/esm/MobileCard/useHeight.js.map +0 -7
  353. package/esm/MobileContextMenu/MobileContextMenu.js.map +0 -7
  354. package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +0 -7
  355. package/esm/MobileContextMenu/MobileContextMenuItem.js.map +0 -7
  356. package/esm/MobileContextMenu/index.js.map +0 -7
  357. package/esm/MobileDatePicker/Input.js.map +0 -7
  358. package/esm/MobileDatePicker/MobileDatePicker.js.map +0 -7
  359. package/esm/MobileDatePicker/index.js.map +0 -7
  360. package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +0 -7
  361. package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -7
  362. package/esm/MobileDropdownMenu/index.js.map +0 -7
  363. package/esm/MobileEmtpyState/MobileEmptyState.js.map +0 -7
  364. package/esm/MobileEmtpyState/index.js.map +0 -7
  365. package/esm/MobileFilterbar/Filterbar.js.map +0 -7
  366. package/esm/MobileFilterbar/FilterbarItem.js.map +0 -7
  367. package/esm/MobileFilterbar/FilterbarSort.js.map +0 -7
  368. package/esm/MobileFilterbar/index.js.map +0 -7
  369. package/esm/MobileFooter/Action.js.map +0 -7
  370. package/esm/MobileFooter/Footer.js.map +0 -7
  371. package/esm/MobileFooter/Text.js.map +0 -7
  372. package/esm/MobileFooter/index.js.map +0 -7
  373. package/esm/MobileListItem/MobileListItem.js.map +0 -7
  374. package/esm/MobileListItem/index.js.map +0 -7
  375. package/esm/MobilePageHeader/MobilePageHeader.js.map +0 -7
  376. package/esm/MobilePageHeader/index.js.map +0 -7
  377. package/esm/MobileSelectList/MobileSelectList.js.map +0 -7
  378. package/esm/MobileSelectList/index.js.map +0 -7
  379. package/esm/MobileSelectList/styled.js.map +0 -7
  380. package/esm/MobileSeparator/Separator.js.map +0 -7
  381. package/esm/MobileSeparator/index.js.map +0 -7
  382. package/esm/MobileTimePicker/Input.js.map +0 -7
  383. package/esm/MobileTimePicker/MobileTimePicker.js.map +0 -7
  384. package/esm/MobileTimePicker/index.js.map +0 -7
  385. package/esm/MobileTouchable/MobileTouchable.js.map +0 -7
  386. package/esm/MobileTouchable/index.js.map +0 -7
  387. package/esm/Modal/Modal.js.map +0 -7
  388. package/esm/Modal/index.js.map +0 -7
  389. package/esm/Modal/styled.js.map +0 -7
  390. package/esm/PageFilter/PageFilter.js.map +0 -7
  391. package/esm/PageForm/PageForm.js.map +0 -7
  392. package/esm/PageList/PageList.js.map +0 -7
  393. package/esm/PageList/index.js.map +0 -7
  394. package/esm/PageSearch/PageSearch.js.map +0 -7
  395. package/esm/PageSummary/PageSummary.js.map +0 -7
  396. package/esm/PageSummary/Tags.js.map +0 -7
  397. package/esm/SideNav/SideNav.js.map +0 -7
  398. package/esm/SideNav/index.js.map +0 -7
  399. package/esm/SideNav/styles.js.map +0 -7
  400. package/esm/SwipeToRefresh/ProgressIndicator.js.map +0 -7
  401. package/esm/SwipeToRefresh/ProgressLoader.js.map +0 -7
  402. package/esm/SwipeToRefresh/SwipeToRefresh.js.map +0 -7
  403. package/esm/SwipeToRefresh/styled.js.map +0 -7
  404. package/esm/SwipeToRefresh/useSwipe.js.map +0 -7
  405. package/esm/Tabs/index.js.map +0 -7
  406. package/esm/Tabs/propTypes.js.map +0 -7
  407. package/esm/index.js.map +0 -7
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/FullPageContainer/FullPageContainerScroll.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n {children}\n </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n children: PropTypes.any,\n style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,IAAI,aAAa,YAC5D,mDAAC,qBAAD;AAAA,EAAM,WAAU;AAAA,EAAO,OAAO,EAAE,UAAU,WAAW;AAAA,KAAa;AAAA,GAC/D;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,0BAAU;AAAA,EACpB,OAAO,0BAAU;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/FullPageContainer/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { DSFullPageContainer } from './FullPageContainer';\nexport { DSFullPageContainerScroll } from './FullPageContainerScroll';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAoC;AACpC,qCAA0C;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/FullPageContainer/useMobileHeight.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n const [height, setHeight] = useState(window.innerHeight);\n const handleHeight = () => {\n setHeight(window.innerHeight);\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleHeight);\n\n // Remove event listener on cleanup\n return () => window.removeEventListener('resize', handleHeight);\n }, []); // Empty array ensures that effect is only run on mount\n\n return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAE7B,2BAA2B;AAChC,QAAM,CAAC,QAAQ,aAAa,2BAAS,OAAO;AAC5C,QAAM,eAAe,MAAM;AACzB,cAAU,OAAO;AAAA;AAGnB,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU;AAGlC,WAAO,MAAM,OAAO,oBAAoB,UAAU;AAAA,KACjD;AAEH,SAAO;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/GlobalHeader/MobileGlobalHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n containerProps = {},\n title,\n lastIcon,\n onSearchChange = noop,\n topMenuItems,\n bottomMenuItems,\n}) => {\n const [searchBarVisible, setSearchBarVisible] = useState(false);\n const [searchValue, setSearchValue] = useState();\n const [showMenu, setShowMenu] = useState(false);\n const searchClicked = () => {\n setSearchBarVisible(true);\n };\n\n const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n const searchValueChanged = (e) => {\n const val = e.target.value;\n onSearchChangeDebounced(val);\n setSearchValue(val);\n };\n\n const searchCloseClicked = () => {\n setSearchBarVisible(false);\n };\n\n const menuToggle = (flag) => {\n setShowMenu(flag);\n };\n\n return (\n <>\n <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n {!searchBarVisible ? (\n <>\n <MainSection>\n <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n <Label>{title}</Label>\n <span></span>\n <RightSection>\n <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n <Grid>\n <Search\n data-testid=\"mobile-global-header-search\"\n size={DSIconSizes.M}\n color={DSIconColors.WHITE}\n onClick={searchClicked}\n />\n </Grid>\n {lastIcon && <Grid>{lastIcon}</Grid>}\n </Grid>\n </RightSection>\n </MainSection>\n </>\n ) : (\n <SearchWrapper>\n <DSInput\n clearable\n className=\"dsInput\"\n placeholder=\"Search here\"\n onChange={searchValueChanged}\n rightComponent={\n <DSButton\n buttonType=\"primary\"\n className=\"dsButton\"\n icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n />\n }\n value={searchValue}\n variant=\"variant-active\"\n />\n </SearchWrapper>\n )}\n </Container>\n {showMenu ? (\n <DSSideNav\n title={title}\n menuItems={topMenuItems}\n bottomMenuItems={bottomMenuItems}\n onClose={menuToggle.bind(null, false)}\n ></DSSideNav>\n ) : null}\n </>\n );\n};\n\nconst menuProps = PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n text: PropTypes.string,\n }),\n).description('menu item array');\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Heading Title\n */\n title: PropTypes.string.isRequired.description('Heading Title'),\n /**\n * Dimsum icon Element\n */\n lastIcon: PropTypes.element.description('Dimsum icon Element'),\n /**\n * Callback function for search change\n */\n onSearchChange: PropTypes.func.description('Callback function for search change'),\n /**\n * Top Menu items array\n */\n topMenuItems: menuProps,\n /**\n * Bottom Menu items array\n */\n bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAA6C;AAC7C,sBAAuB;AACvB,qBAAwB;AACxB,wBAAoC;AACpC,uBAAqB;AACrB,qBAA0C;AAC1C,oBAA+B;AAC/B,qBAAqB;AACrB,qBAAiB;AACjB,oBAAiF;AACjF,qBAA0B;AAE1B,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,kBAAkB,uBAAuB,2BAAS;AACzD,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB;AAAA;AAGtB,QAAM,0BAA0B,8BAAY,4BAAS,gBAAgB,MAAM;AAC3E,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,MAAM,EAAE,OAAO;AACrB,4BAAwB;AACxB,mBAAe;AAAA;AAGjB,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB;AAAA;AAGtB,QAAM,aAAa,CAAC,SAAS;AAC3B,gBAAY;AAAA;AAGd,SACE,wFACE,mDAAC,yBAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,OAA6B;AAAA,KACnF,CAAC,mBACA,wFACE,mDAAC,2BAAD,MACE,mDAAC,oBAAD;AAAA,IAAM,SAAS,WAAW,KAAK,MAAM;AAAA,KAAQ,gCAC7C,mDAAC,qBAAD,MAAQ,QACR,mDAAC,QAAD,OACA,mDAAC,4BAAD,MACE,mDAAC,qBAAD;AAAA,IAAM,MAAM,WAAW,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC;AAAA,IAAI,QAAO;AAAA,KAClD,mDAAC,qBAAD,MACE,mDAAC,wBAAD;AAAA,IACE,eAAY;AAAA,IACZ,MAAM,2BAAY;AAAA,IAClB,OAAO,4BAAa;AAAA,IACpB,SAAS;AAAA,OAGZ,YAAY,mDAAC,qBAAD,MAAO,gBAM5B,mDAAC,6BAAD,MACE,mDAAC,wBAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAU;AAAA,IACV,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,gBACE,mDAAC,0BAAD;AAAA,MACE,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,mDAAC,wBAAD;AAAA,QAAQ,MAAM,2BAAY;AAAA,QAAG,OAAO,4BAAa;AAAA,QAAO,SAAS;AAAA;AAAA;AAAA,IAG3E,OAAO;AAAA,IACP,SAAQ;AAAA,QAKf,WACC,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS,WAAW,KAAK,MAAM;AAAA,OAE/B;AAAA;AAKV,MAAM,YAAY,4BAAU,QAC1B,4BAAU,MAAM;AAAA,EACd,MAAM,4BAAU;AAAA,EAChB,MAAM,4BAAU;AAAA,IAElB,YAAY;AAEd,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,gBAAgB,4BAAU,KAAK,YAAY;AAAA,EAI3C,cAAc;AAAA,EAId,iBAAiB;AAAA;AAGnB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/GlobalHeader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { DSGlobalHeader, DSGlobalHeaderWithSchema } from './MobileGlobalHeader';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAyD;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/GlobalHeader/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n width: auto;\n height: 64px;\n position: fixed;\n width: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n padding: ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n`;\n\nexport const SearchWrapper = styled.div`\n background-color: ${(props) => props.theme.colors.brand[600]};\n ${css`\n animation: ${growLeft} 1s;\n `}\n float: right;\n width: 100%;\n border-radius: 4px;\n .dsInput {\n input {\n border-radius: 2px 0 0 2px;\n color: ${(props) => props.theme.colors.neutral['000']};\n border: calc(0.30769rem * 0.25) solid\n ${(props) => props.theme.colors.brand[800]} !important;\n &:focus {\n border-right: none !important;\n }\n &::placeholder {\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n }\n .em-ds-input__clearable {\n border: calc(0.30769rem * 0.25) solid\n ${(props) => props.theme.colors.brand[800]} !important;\n }\n }\n\n .dsButton {\n border-color: ${(props) => props.theme.colors.brand[800]} !important;\n border-radius: 0 2px 2px 0;\n border-left: none;\n }\n svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n font-family: ${(props) => props.theme.fonts.default};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 25px;\n line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n display: flex;\n flex-direction: row;\n height: 32px;\n span {\n flex-grow: 1;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAA0B;AAEnB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WAC/B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV,MAAM,gBAAgB,iCAAO;AAAA,sBACd,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,IACtD;AAAA,iBACa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAE3C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,iBAK7B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,oBAK1B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAM5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,OAAO,iCAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,QAAQ,iCAAO;AAAA,iBACX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC7B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAK7C,MAAM,eAAe,iCAAO;AAAA;AAAA;AAI5B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/GroupBox/GroupBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n font-size: 14px;\n margin: 0;\n ${truncate()}\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: inherit;\n text-transform: capitalize;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n background: ${(props) =>\n props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n const rows = ['auto'];\n const hasActions = actionsRight.length > 0;\n if (hasActions) rows.push('auto');\n return (\n <Grid rows={['32px', 'auto']}>\n <GroupBox\n background={background}\n cols={rows}\n borderTop={borderTop}\n alignItems=\"center\"\n pl=\"xs\"\n pr={hasActions ? 'xxs' : 'xs'}\n >\n <Title as={`h${headerLevel}`}>{title}</Title>\n {hasActions && (\n <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n {actionsRight}\n </Grid>\n )}\n </GroupBox>\n {children}\n </Grid>\n );\n};\n\nconst props = {\n /**\n * In-box children\n */\n children: PropTypes.element.description('In-box children'),\n /**\n * Title background\n */\n background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n /**\n * Toggle border top of group box\n */\n borderTop: PropTypes.bool.description('Toggle border top of group box'),\n /**\n * Group Box title\n */\n title: PropTypes.string.isRequired.description('Group Box title'),\n /**\n * semantic level of header tag for the title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n /**\n * Array of button icons\n */\n actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAsB;AACtB,uBAAyB;AACzB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA,IAGjB;AAAA,WACO,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,WAAW,sCAAO;AAAA,gBACR,CAAC,WACb,OAAM,eAAe,SAAS,OAAM,MAAM,OAAO,QAAQ,SAAS,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEjF,CAAC,WAAW,OAAM,YAAY,aAAa,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,aAAa,CAAC,EAAE,UAAU,OAAO,aAAa,QAAQ,cAAc,GAAG,eAAe,IAAI,gBAAgB;AAC9G,QAAM,OAAO,CAAC;AACd,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK;AAC1B,SACE,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,mDAAC,UAAD;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,YAAW;AAAA,IACX,IAAG;AAAA,IACH,IAAI,aAAa,QAAQ;AAAA,KAEzB,mDAAC,OAAD;AAAA,IAAO,IAAI,IAAI;AAAA,KAAgB,QAC9B,cACC,mDAAC,qBAAD;AAAA,IAAM,MAAM,yBAAM,aAAa,QAAQ,MAAM;AAAA,IAAS,aAAY;AAAA,KAC/D,gBAIN;AAAA;AAKP,MAAM,QAAQ;AAAA,EAIZ,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,YAAY,4BAAU,MAAM,CAAC,SAAS,SAAS,YAAY;AAAA,EAI3D,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,aAAa,4BAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA,EAI7D,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAGjE,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AACtC,qBAAqB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/GroupBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAiD;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/Icons/EM_logo.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nfunction SvgIcon() {\n return (\n <svg\n width=\"32px\"\n height=\"32px\"\n viewBox=\"0 0 32 32\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>em-logo-whitebackground</title>\n <g\n id=\"em-logo-whitebackground\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"16\" cy=\"16\" r=\"16\"></circle>\n <image\n id=\"Encompass_ICON_COLOR\"\n width=\"32\"\n height=\"32\"\n xlinkHref=\"data:image/png;base64,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\"\n ></image>\n </g>\n </svg>\n );\n}\n\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAElB,mBAAmB;AACjB,SACE,mDAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,KAEN,mDAAC,SAAD,MAAO,4BACP,mDAAC,KAAD;AAAA,IACE,IAAG;AAAA,IACH,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAS;AAAA,KAET,mDAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAO,MAAK;AAAA,IAAU,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,MACnD,mDAAC,SAAD;AAAA,IACE,IAAG;AAAA,IACH,OAAM;AAAA,IACN,QAAO;AAAA,IACP,WAAU;AAAA;AAAA;AAOpB,IAAO,kBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/InfiniteLoader/Infiniteloader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useEffect, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader';\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height = window.innerHeight }) => {\n const callback = (entries) => {\n const { isIntersecting } = entries[0];\n if (isIntersecting && !isFetching) {\n fetchData();\n // observer.current.unobserve(target.current);\n observer.current.disconnect();\n observer.current = undefined;\n }\n };\n // const [target, setTarget] = useState(null);\n const target = useRef(null);\n const observer = useRef(null);\n\n useEffect(() => {\n if (observer.current) {\n observer.current.disconnect();\n }\n observer.current = new IntersectionObserver(callback, {\n root: null,\n rootMargin: '0px',\n threshold: 0.25,\n });\n if (target.current) {\n observer.current.observe(target.current);\n }\n return () => {\n observer.current?.unobserve(target.current);\n observer.current?.disconnect();\n };\n }, [target, observer, fetchData]);\n\n return (\n <Grid style={{ position: 'relative', height, overflow: 'hidden' }}>\n <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height }}>\n {children}\n <div ref={target} style={{ height: 1 }} />\n </Grid>\n <Loader isOpen={isFetching} />\n </Grid>\n );\n};\n\nconst listProps = {\n /** toggle loading state */\n isFetching: PropTypes.bool.description('toggle loading state'),\n /** callback to fetch new items */\n fetchData: PropTypes.func.description('callback to fetch new items'),\n /** row items for infinite loader */\n children: PropTypes.element.description('row items for infinite loader'),\n /** infinite loader list height */\n height: PropTypes.number.isRequired.description('infinite loader list height'),\n};\n\nInfiniteLoader.propTypes = listProps;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\n\nInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,wBAAoC;AACpC,qBAAqB;AACrB,oBAAuB;AAEvB,MAAM,iBAAiB,CAAC,EAAE,YAAY,WAAW,UAAU,SAAS,OAAO,kBAAkB;AAC3F,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,mBAAmB,QAAQ;AACnC,QAAI,kBAAkB,CAAC,YAAY;AACjC;AAEA,eAAS,QAAQ;AACjB,eAAS,UAAU;AAAA;AAAA;AAIvB,QAAM,SAAS,yBAAO;AACtB,QAAM,WAAW,yBAAO;AAExB,8BAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ;AAAA;AAEnB,aAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,MACpD,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW;AAAA;AAEb,QAAI,OAAO,SAAS;AAClB,eAAS,QAAQ,QAAQ,OAAO;AAAA;AAElC,WAAO,MAAM;AACX,eAAS,SAAS,UAAU,OAAO;AACnC,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,QAAQ,UAAU;AAEtB,SACE,mDAAC,qBAAD;AAAA,IAAM,OAAO,EAAE,UAAU,YAAY,QAAQ,UAAU;AAAA,KACrD,mDAAC,qBAAD;AAAA,IAAM,OAAO,EAAE,UAAU,aAAa,WAAW,QAAQ;AAAA,KACtD,UACD,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAQ,OAAO,EAAE,QAAQ;AAAA,OAErC,mDAAC,sBAAD;AAAA,IAAQ,QAAQ;AAAA;AAAA;AAKtB,MAAM,YAAY;AAAA,EAEhB,YAAY,4BAAU,KAAK,YAAY;AAAA,EAEvC,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAExC,QAAQ,4BAAU,OAAO,WAAW,YAAY;AAAA;AAGlD,eAAe,YAAY;AAE3B,MAAM,2BAA2B,gCAAS;AAE1C,yBAAyB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/InfiniteLoader/Loader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled';\n\nexport const Loader = ({ isOpen }) => (\n <LoaderBox className={isOpen && 'opened'}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </LoaderBox>\n);\n\nLoader.propTypes = {\n isOpen: PropTypes.bool,\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,iDAA6C;AAC7C,oBAA0B;AAEnB,MAAM,SAAS,CAAC,EAAE,aACvB,mDAAC,yBAAD;AAAA,EAAW,WAAW,UAAU;AAAA,GAC9B,mDAAC,oDAAD;AAAA,EAAkC,YAAU;AAAA,EAAC,OAAM;AAAA;AAIvD,OAAO,YAAY;AAAA,EACjB,QAAQ,0BAAU;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n moreItemsLoading = false,\n hasNextPage = false,\n isItemLoaded = () => true,\n loadMoreItems,\n getItemSize = () => 38,\n height,\n item: Row,\n}) => {\n const [itemCount, setItemCount] = useState(10);\n\n const loadMore = (startIndex, stopIndex) => {\n if (hasNextPage) setItemCount(itemCount + 1);\n return loadMoreItems(startIndex, stopIndex);\n };\n\n return (\n <div style={{ position: 'relative' }}>\n <RWInfiniteLoader\n isItemLoaded={isItemLoaded}\n itemCount={itemCount}\n loadMoreItems={loadMore}\n >\n {({ onItemsRendered, ref }) => (\n <List\n className=\"List\"\n height={height}\n itemCount={itemCount}\n itemSize={getItemSize}\n onItemsRendered={onItemsRendered}\n ref={ref}\n width=\"100%\"\n >\n {Row}\n </List>\n )}\n </RWInfiniteLoader>\n {moreItemsLoading && (\n <div\n style={{\n position: 'absolute',\n bottom: 0,\n background: 'blue',\n zIndex: 1,\n }}\n >\n Loading\n </div>\n )}\n </div>\n );\n};\n\nconst listProps = {\n /** Function responsible for tracking the loaded state of each item. */\n isItemLoaded: PropTypes.bool.description(\n 'Function responsible for tracking the loaded state of each item.',\n ),\n /** Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n loadMoreItems: PropTypes.func.description(\n 'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n ),\n /** callback to get row item size */\n getItemSize: PropTypes.func.description('callback to get row item size'),\n /** height for the list */\n height: PropTypes.number.description('height for the list'),\n /** flag to know if virtual list should be on loading state */\n moreItemsLoading: PropTypes.bool.description(\n 'flag to know if virtual list s',\n ),\n /** Row item to render */\n item: PropTypes.element.description('Row item to render'),\n /** flag for virtualized list */\n hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\n\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,wBAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,MACF;AACJ,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAE3C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY;AAC1C,WAAO,cAAc,YAAY;AAAA;AAGnC,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU;AAAA,KACtB,mDAAC,6CAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,mDAAC,sCAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAM;AAAA,KAEL,OAIN,oBACC,mDAAC,OAAD;AAAA,IACE,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA;AAAA,KAEX;AAAA;AAQT,MAAM,YAAY;AAAA,EAEhB,cAAc,4BAAU,KAAK,YAC3B;AAAA,EAGF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAGF,aAAa,4BAAU,KAAK,YAAY;AAAA,EAExC,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAErC,kBAAkB,4BAAU,KAAK,YAC/B;AAAA,EAGF,MAAM,4BAAU,QAAQ,YAAY;AAAA,EAEpC,aAAa,4BAAU,KAAK,YAAY;AAAA;AAG1C,0BAA0B,YAAY;AAEtC,MAAM,sCAAsC,gCAAS;AAErD,oCAAoC,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/InfiniteLoader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader';\nexport {\n VirtualizedInfiniteLoader,\n VirtualizedInfiniteLoaderWithSchema,\n} from './VirtualizedInfiniteLoader';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAyD;AACzD,uCAGO;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/InfiniteLoader/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import styled from 'styled-components';\n\nexport const LoaderBox = styled.div`\n position: absolute;\n width: 100%;\n z-index: 10;\n background-color: white;\n height: 50px;\n bottom: -50px;\n border-top: 1px solid #e0e3e8;\n align-items: center;\n transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n &.opened {\n transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n bottom: 0;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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-backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) => (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 = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\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([Loader, Back]),\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAsB;AACtB,uBAA0B;AAC1B,oBAAoB;AACpB,+BAAmB;AACnB,yBAAqB;AAErB,MAAM,oBAAoB,iCAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,WAAW,yBAAO;AACxB,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS;AAC3D,kBAAY,MAAM,iBAAiB;AAAA;AAAA,KAEpC,CAAC;AAEJ,QAAM,OAAO,WAAW,mDAAC,4BAAD;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA;AACtD,QAAM,SAAS,UAAU,WACvB,mDAAC,mBAAD;AAAA,IAAmB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD;AAIL,QAAM,oBAAoB,CAAC,UACzB,qBAAM,aAAa,qBAAM,SAAS,KAAK,QAAQ;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,qBAAM,SAAS,QAAQ,MAAM,MAAM,UAAU,OAAO,CAAC,QAAQ;AAAA,IACvE,OAAO;AAAA,SACF,uBAAI,OAAO,eAAe;AAAA,MAC7B,UAAU,aAAa,WAAW,aAAa;AAAA;AAAA;AAIrD,MAAI,qBAAM,SAAS,MAAM,cAAc,GAAG;AACxC,WACE,wFACG,QACA;AAAA;AAIP,SAAO,kBAAkB;AAAA;AAG3B,YAAY,YAAY;AAAA,EAItB,gBAAgB,0BAAU;AAAA,EAI1B,UAAU,0BAAU;AAAA,EAIpB,QAAQ,0BAAU,QAAQ,0BAAU;AAAA,EAIpC,SAAS,0BAAU;AAAA,EAInB,MAAM,0BAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,0BAAU;AAAA;AAGpB,MAAM,sBAAsB,gCAAU;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/LoadingPage/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { DSMobileLoadingPage } from './Page';\n\nexport * from './Page';\nexport default DSMobileLoadingPage;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc;AACd,IAAO,sBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileActionToolbar/MobileActionToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-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 ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { 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('button array for the mobile action toolbar'),\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,qBAAqB;AACrB,+BAAmB;AACnB,uBAA0B;AAC1B,qCAAwB;AAExB,MAAM,YAAY,sCAAO;AAAA;AAAA;AAAA;AAAA,sBAIH,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,IAAI,YAAY;AAC7D,QAAM,OAAO,CAAC;AACd,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,kCAAkC,EAAE,WAAW;AAC5F,SACE,mDAAC,WAAD;AAAA,IAAW;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,KAClD;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAG5D,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,gCAAU;AAExC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n const displayIcon = React.cloneElement(icon, { size: 'm' });\n return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,EAAE,SAAS,iBAAiB;AAC/C,QAAM,cAAc,qBAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,mDAAC,0BAAD;AAAA,OAAc;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,4BAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,gCAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileActionToolbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export * from './MobileActionToolbar';\nexport { default } from './MobileActionToolbar';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAAc;AACd,iCAAwB;AACxB,qCAAwC;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileBanner/MobileBanner.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAAuB;AACvB,wBAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAUO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACqC;AACrC,QAAM,oBAAoB,yBAA8B;AACxD,QAAM,WAAW,yBAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,2BAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,2BAAiB;AAE7C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,OACI;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,mDAAC,oCAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,mDAAC,mCAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,mBAAM,QAChE,mDAAC,6BAAD;AAAA,IAAe;AAAA,KACb,mDAAC,2BAAD,MAAc,QACd,mDAAC,8BAAD,MACG,MACA,mBACC,mDAAC,gCAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,mDAAC,0CAAD,MACE,mDAAC,iCAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,mDAAC,wBAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileBanner/defaultProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAoC;AAE7B,MAAM,eAAe;AAAA,EAC1B,MAAM,uCAAoB;AAAA,EAC1B,QAAQ;AAAA,EACR,oBAAoB,MAAM;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileBanner/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\ntype MobileBannerTypesT = typeof MOBILE_BANNER_TYPES[keyof typeof MOBILE_BANNER_TYPES];\n\nexport interface MobileBannerPropsT {\n type: MobileBannerTypesT;\n isOpen: boolean;\n closeButtonOnClick: () => void | null;\n actionLinkLabel: string;\n actionLinkHref: string;\n actionLinkOnClick: () => void | null;\n label: string;\n body: string;\n showCloseButton?: boolean;\n containerProps: Record<string, unknown>;\n focusOnOpen?: boolean;\n}\n\nexport interface StyledBannerContainerT {\n type: MobileBannerTypesT;\n isOpen: boolean;\n isAnimating: boolean;\n height: number;\n}\n\nexport interface StyledInnerContainerT {\n type: MobileBannerTypesT;\n isOpen: boolean;\n isAnimating: boolean;\n ref: React.MutableRefObject<HTMLDivElement>;\n}\n\nexport interface StyledContentT {\n showCloseButton: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileBanner/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner';\nexport { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyD;AACzD,yBAAoC;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileBanner/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,MAAM,4BAAU,MAAM,CAAC,QAAQ,WAAW,WAAW,UAAU,YAAY;AAAA,EAC3E,QAAQ,4BAAU,KAAK,YAAY;AAAA,EACnC,oBAAoB,4BAAU,KAAK,YAAY;AAAA,EAC/C,iBAAiB,4BAAU,OAAO,YAAY;AAAA,EAC9C,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,mBAAmB,4BAAU,OAAO,YAAY;AAAA,EAChD,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAC5C,gBAAgB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAChD,aAAa,4BAAU,KAAK,YAC1B;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileBanner/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-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: 6px;\n margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAyB;AACzB,uBAAqB;AAErB,0BAAmD;AAE5C,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA,sBAIrB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,6BAC7B,CAAC,EAAE,MAAM,YAAY,2CAAkB,MAAM;AAAA,0BAChD,CAAC,EAAE,aAAc,SAAS,MAAM;AAAA,IACtD,CAAC,EAAE,aAAa,aAAa,yCAAgB,aAAa;AAAA;AAGvD,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAIjC,MAAM,cAAc,iCAAO;AAAA,WACvB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,eAChC,CAAC,EAAE,YAAY,+BAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,mBAC/B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,mCAIX,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,iCAKtC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI9D,MAAM,iBAAiB,iCAAO;AAAA,eACtB,CAAC,EAAE,YAAY,+BAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAG3C,MAAM,sBAAsB,iCAAO;AAAA;AAAA,kBAExB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,iBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAGrC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACrB,CAAC,EAAE,sBAAuB,CAAC,kBAAkB,SAAS;AAAA;AAGjE,MAAM,6BAA6B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,oBAAoB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWd,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA,iBAGtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,eAE7B,CAAC,EAAE,YAAY,+BAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGtC,MAAM,wBAAwB,iCAAO;AAAA;AAAA,YAEhC,CAAC,EAAE,aAAc,SAAS,SAAS;AAAA,IAC3C,CAAC,EAAE,aAAa,QAAQ,aAAa,yCAAgB,aAAa,QAAQ;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/MobileBanner/utils/bannerTypes.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export const MOBILE_BANNER_TYPES = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/MobileBanner/utils/icons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAuE;AAEhE,MAAM,QAAQ;AAAA,EACnB,SAAS,mDAAC,6BAAD;AAAA,IAAa,MAAK;AAAA;AAAA,EAC3B,MAAM,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA;AAAA,EACrB,OAAO,mDAAC,kCAAD;AAAA,IAAkB,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,MAAK;AAAA;AAAA,EACzD,SAAS,mDAAC,+BAAD;AAAA,IAAe,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,MAAK;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/MobileBanner/utils/styleHelpers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAG1B,yBAAoC;AAE7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC;AAAA;AAAA;AAIP,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAErC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP,MAAM,oBAAoB,CAAC,MAA0B,EAAE,aAAqB;AACjF,UAAQ;AAAA,SACD,uCAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,SACnB,uCAAoB;AACvB,aAAO,OAAO,MAAM;AAAA,SACjB,uCAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,SACnB,uCAAoB;AACvB,aAAO,OAAO,OAAO;AAAA;AAAA;AAIpB,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,UAAU;AAAA;AAAA,WAE3C;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/ActionAddon.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-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 onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,sBAAiC;AACjC,uBAAmB;AAEnB,MAAM,QAAQ,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUxC,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,WAC5C,mDAAC,OAAD;AAAA,EAAO;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,mDAAC,kCAAD;AAAA,IAAkB,OAAO,CAAC,iBAAiB;AAAA;AAAA;AAGtG,YAAY,YAAY;AAAA,EAItB,OAAO,0BAAU;AAAA,EAIjB,SAAS,0BAAU;AAAA,EAInB,MAAM,0BAAU;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/Card.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { space } from '@xstyled/styled-components';\nimport { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\nimport { cardPropsTypes, MobileCardProps } from './props';\n\nconst TitleEllipsis = styled.div`\n ${truncate()}\n`;\n\nconst Title = styled.div`\n ${space}\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 ${space}\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)<{ halfM: string }>`\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: React.ComponentType<MobileCardProps> = ({\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 cardContent,\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 && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n return (\n <Card\n data-testid=\"card-wrapper\"\n minHeight={\n height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __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 pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n {leftAddOn && (\n <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n {leftAddOn}\n </LeftIcon>\n )}\n </Grid>\n <Grid\n pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\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) || 0}\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 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>\u2022</Detail>}\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] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\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 {cardContent && <Grid>{cardContent}</Grid>}\n </Grid>\n </Card>\n );\n }}\n />\n );\n};\n\nMobileCard.propTypes = cardPropsTypes;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = cardPropsTypes;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/CardIcons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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-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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,YAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzC,MAAM,WAAW,CAAC,EAAE,QAAQ,IAAI,SAAS,SAC9C,mDAAC,kBAAD;AAAA,EAAkB,MAAM,MAAM,IAAI,MAAM;AAAA,EAAS,QAAO;AAAA,EAAM,QAAO;AAAA,EAAO,eAAY;AAAA,GACrF,MAAM,IAAI,CAAC,MAAM,MAEhB,mDAAC,MAAD;AAAA,EAAM,KAAK;AAAA,EAAG,WAAW,cAAc,OAAO,MAAM;AAAA;AAK1D,SAAS,YAAY;AAAA,EAInB,OAAO,0BAAU,QAAQ,0BAAU;AAAA,EAInC,QAAQ,0BAAU,QAAQ,0BAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/ExpandChevron.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,sBAA0C;AAE1C,MAAM,cAAc,iCAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS;AAAA,gBAC7C,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGvC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,YAAY;AAC/D,QAAM,UAAU,aAAa,8BAAc;AAC3C,SACE,mDAAC,aAAD;AAAA,IAAa,eAAY;AAAA,IAAyB;AAAA,KAChD,mDAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA,IAAM;AAAA;AAAA;AAKvD,cAAc,YAAY;AAAA,EAIxB,YAAY,0BAAU;AAAA,EAItB,SAAS,0BAAU,KAAK;AAAA,EAIxB,OAAO,0BAAU,OAAO;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/ExpandableRegion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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<{ hide: boolean; animate: boolean; refHeight: number }>`\n display: flex;\n ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n transition: max-height ${(props) => (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 }: { show: boolean; content: JSX.Element | JSX.Element[] }) => {\n const ref = useRef<HTMLDivElement>(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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAsB;AACtB,+BAAmB;AACnB,uBAAiC;AAEjC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,iCAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB;AAAA,2BAC1B,CAAC,UAAW,MAAM,UAAU,UAAU;AAAA;AAAA,IAE7D,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM;AAAA,QAElB;AAAA;AAAA,IAEJ;AAAA,gBACY,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,cAAuE;AAC9G,QAAM,MAAM,yBAAuB;AAEnC,QAAM,CAAC,SAAS,cAAc,2BAAS;AAEvC,QAAM,CAAC,MAAM,WAAW,2BAAS,CAAC;AAClC,8BAAU,MAAM;AACd,eAAW;AACX,QAAI;AAAM,cAAQ;AAAA,KACjB,CAAC;AAEJ,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ;AAAA;AAGrB,SACE,mDAAC,QAAD;AAAA,IACE;AAAA,IAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,IACzC,iBAAiB;AAAA,IACjB;AAAA,KAEA,mDAAC,eAAD;AAAA,IAAe;AAAA,KAAW;AAAA;AAKhC,iBAAiB,YAAY;AAAA,EAC3B,MAAM,0BAAU;AAAA,EAChB,SAAS,0BAAU;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } 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 }) => (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) => `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 ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n return (\n <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\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([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n /**\n * Group header addon\n */\n action: PropTypes.element.description(''),\n /** */\n activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,mBAAkB;AAClB,qBAAqB;AACrB,uBAA6E;AAC7E,wBAAmC;AAEnC,MAAM,YAAY,sCAAO;AAAA,IACrB;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,oBAAqB,gBAAgB,eAAe,6BAAO,MAAM,OAAO,QAAQ,YAAY;AAAA;AAG1G,MAAM,aAAa,iCAAO;AAAA,IACtB;AAAA;AAGJ,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA,eAGf,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,eAC7B,CAAC,WAAU,QAAQ,+CAAyB,OAAM,MAAM,MAAM;AAAA,IACzE,4BAAM,WAAW;AAAA,iBACJ,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAAC,WAAU,6BAAO,OAAM,MAAM,OAAO,MAAM;AAAA,iBAC1C,CAAC,WAAU,+CAAyB,OAAM,MAAM,MAAM;AAAA;AAAA,wBAE/C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAAC,WAAU,6BAAO,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI/D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AAAA,MACb;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,+CAAyB,MAAM,MAAM,IAAI;AAE3E,SACE,mDAAC,sBAAD;AAAA,IAAO;AAAA,IAA0B,UAAU;AAAA,IAAmB;AAAA,KAC5D,mDAAC,WAAD;AAAA,IAAW,eAAe,CAAC;AAAA,IAAO;AAAA,KAC/B,CAAC,CAAC,SACD,mDAAC,gBAAD;AAAA,IAAgB,IAAG;AAAA,KACjB,mDAAC,YAAD,MAAa,QACZ,SAGL,mDAAC,qBAAD,MACG,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,QACN,qBAAM,aAAa,OAAO;AAAA,IACxB,KAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,MAEJ;AAAA;AAQZ,MAAM,QAAQ;AAAA,EACZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,4BAAU,UAAU,CAAC,4BAAU,SAAS,4BAAU,QAAQ,4BAAU,WAAW,WAAW,YAAY;AAAA,EAIhH,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EAEtC,aAAa,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,QAAQ,4BAAU,UAAU,YAAY;AAAA,EAEtG,mBAAmB,4BAAU,KAAK,YAAY;AAAA,EAE9C,UAAU,4BAAU,KAAK,YAAY;AAAA;AAGvC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,gCAAS;AAE7C,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,gCAAU;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/StyledCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div<{ minHeight: string }>`\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) => border('.5px', props.theme.colors.neutral['500'])};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAuB;AAEhB,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACtC,CAAC,UAAU,6BAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAmD;AACnD,mBAAyD;AACzD,yBAA4B;AAW5B,+BAAc;AATd,oBAAW,QAAQ;AACnB,MAAM,eAAe;AASrB,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/props.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport interface MobileCardProps {\n children: React.ReactNode | React.ReactNode[];\n height: 's' | 'm';\n leftAddOn: JSX.Element | JSX.Element[];\n leftProp: JSX.Element | JSX.Element[];\n rightProp: JSX.Element[];\n subText: string[];\n subIcons: JSX.Element | JSX.Element[];\n details: string[];\n theme: Theme;\n value: number;\n expandable: boolean;\n expandedContent: JSX.Element | JSX.Element[];\n cardContent: JSX.Element | JSX.Element[];\n}\n\nexport const cardPropsTypes = {\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.description('Defines mobile card title').isRequired,\n /**\n * Wheter if the card is expandable or not\n */\n expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),\n /**\n * content to display in expand card section\n */\n expandedContent: PropTypes.element.description('content to display in expand card section'),\n /**\n * Icon to the left of the card. Size is adjusted automatically.\n */\n leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),\n /**\n * Pass an element to render left. For example a Button with an icon\n */\n leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),\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('Pass an array of 1 or 2 strings'),\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('Pass an array of 1, 2 or 3 strings'),\n theme: PropTypes.object.description('').isRequired,\n value: PropTypes.number.description(''),\n cardContent: PropTypes.node.description('JSX content for the card'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AAmBnB,MAAM,iBAAiB;AAAA,EAI5B,QAAQ,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAIhD,UAAU,4BAAU,OAAO,YAAY,6BAA6B;AAAA,EAIpE,YAAY,4BAAU,KAAK,YAAY;AAAA,EAIvC,iBAAiB,4BAAU,QAAQ,YAAY;AAAA,EAI/C,WAAW,4BAAU,QAAQ,YAAY;AAAA,EAIzC,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,WAAW,4BAAU,QAAQ,4BAAU,SAAS,YAC9C;AAAA,EAKF,SAAS,4BAAU,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EAIzD,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,SAAS,4BAAU,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EACzD,OAAO,4BAAU,OAAO,YAAY,IAAI;AAAA,EACxC,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,aAAa,4BAAU,KAAK,YAAY;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MobileCard/useHeight.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,sBAAoB;AAEpB,0BAA0B;AACxB,SAAO,OACL,OACG,iBAAiB,SAAS,cAAc,UACxC,iBAAiB,aACjB,MAAM,OAAO;AAAA;AAIb,mBAAmB,KAAK;AAC7B,QAAM,CAAC,QAAQ,aAAa,2BAAS;AACrC,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,8BAAU,MAAM;AACd,mBAAe;AAAA,KACd;AAEH,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,yBAAI,IAAI,QAAQ,cAAc,cAAc;AACxE,gBAAU,yBAAI,IAAI,QAAQ,cAAc;AAAA;AAAA,KAEzC,CAAC,IAAI,SAAS;AAEjB,SAAO;AAAA;",
6
- "names": []
7
- }