@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": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFooter/Text.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Text = styled.p`\n margin: auto 0;\n ${truncate()}\n ${textStyle('body')}\n ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\n\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA,IAEhB;AAAA,IACA,UAAU;AAAA,IACV,MAAM,WAAW;AAAA;AAGrB,MAAM,qBAAqB,CAAC,EAAE,eAAe,qCAAC,MAAD,MAAO;AAEpD,MAAM,QAAQ;AAAA,EACZ,UAAU,UAAU,OAAO,WAAW,YAAY;AAAA;AAGpD,mBAAmB,YAAY;AAE/B,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFooter/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import DSMobileFooter, { MobileFooterWithSchema } from './Footer';\nimport { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text';\nimport { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action';\n\nexport {\n DSMobileFooterText,\n DSMobileFooterAction,\n DSMobileFooter,\n DSMobileFooterActionWithSchema,\n DSMobileFooterTextWithSchema,\n MobileFooterWithSchema,\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/MobileListItem.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['800']};\n ${truncate()}\n`;\n\nconst MobileListItem = ({\n leftAddon = null,\n rightAddon = null,\n title = '',\n value = '',\n dataTestid = 'mobile-list-item',\n theme,\n}) => {\n const cols = [1];\n if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n return (\n <StyledContainer\n cols={cols}\n height={theme.space.m}\n width=\"100%\"\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n gutter=\"xs\"\n data-testid={`${dataTestid}--${value}`}\n >\n {leftAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {leftAddon}\n </Grid>\n )}\n <Grid alignItems=\"center\">\n <StyledTitle>{title}</StyledTitle>\n </Grid>\n {rightAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {rightAddon}\n </Grid>\n )}\n </StyledContainer>\n );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n leftAddon: PropTypes.element.description('Element placed at the left'),\n rightAddon: PropTypes.element.description('Element placed at the right'),\n title: PropTypes.string.description('Item s title').isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Item s value, used for data-testid attr',\n ),\n dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\n\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,OAAO;AAAA,gBACf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEhE,MAAM,cAAc,OAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C;AAAA;AAGJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,OAAO,CAAC;AACd,MAAI;AAAW,SAAK,QAAQ,yBAAyB,MAAM,MAAM;AACjE,MAAI;AAAY,SAAK,KAAK,yBAAyB,MAAM,MAAM;AAC/D,SACE,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,OAAM;AAAA,IACN,IAAI,yBAAyB,MAAM,MAAM;AAAA,IACzC,IAAI,yBAAyB,MAAM,MAAM;AAAA,IACzC,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,KAE9B,aACC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,YAGL,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,KACf,qCAAC,aAAD,MAAc,SAEf,cACC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC;AAAA;AAOX,MAAM,mBAAmB,UAAU;AAEnC,MAAM,gBAAgB;AAAA,EACpB,WAAW,UAAU,QAAQ,YAAY;AAAA,EACzC,YAAY,UAAU,QAAQ,YAAY;AAAA,EAC1C,OAAO,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACpD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D;AAAA,EAEF,YAAY,UAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EAC7E,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,eAAe,YAAY;AAE3B,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileListItem';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobilePageHeader/MobilePageHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n font-size: 22px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n`;\n\nconst StyledBreadCrumb = styled.div`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['600']};\n ${truncate()}\n`;\n\nconst Label = styled.div`\n color: ${(props) => props.theme.colors.neutral['500']};\n ${truncate()}\n`;\n\nconst Value = styled.div`\n ${truncate()}\n color: ${(props) => props.theme.colors.neutral['600']};\n ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n pageTitle = null,\n contextMenu = null,\n firstAction = null,\n secondAction = null,\n backArrow = null,\n breadCrumb = null,\n onOpenContextMenu = () => null,\n value,\n label,\n theme,\n}) => {\n const hasValue = value === 0 || value;\n\n const countActions = useMemo(() => {\n let count = 0;\n if (firstAction) count++;\n if (secondAction) count++;\n return count;\n }, [firstAction, secondAction]);\n const [open, setOpen] = useState();\n const handleContext = useCallback(() => {\n setOpen(!open);\n }, [open]);\n\n const separator = (\n <Grid height=\"32px\" alignItems=\"center\">\n <Grid height=\"24px\">\n <MobileSeparator direction=\"vertical\" margin=\"xxs\" color={['neutral', '300']} />\n </Grid>\n </Grid>\n );\n const cols = [1, 'auto'];\n const cols2 = ['auto'];\n if (countActions) cols.push('auto');\n if (hasValue) cols2.push('auto');\n if (label) cols2.push('auto');\n\n return (\n <Wrapper\n cols={cols}\n pl={theme.space.xs}\n pr={theme.space.xs}\n alignItems=\"flex-start\"\n width=\"100%\"\n data-testid=\"page-header-wrapper\"\n >\n <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n <Grid\n cols={backArrow ? ['auto', 1] : [1]}\n alignItems=\"flex-start\"\n pr={countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0}\n >\n {backArrow && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n {backArrow}\n </Grid>\n )}\n <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n <Grid>\n {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"flex-start\"\n withBreadcrumb={!!breadCrumb}\n data-testid=\"page-header-title\"\n >\n <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n <TruncatedExpandableText value={pageTitle} />\n </Grid>\n </StyledTitle>\n </Grid>\n {contextMenu && (\n <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n <DSButton\n buttonType=\"text\"\n icon={<ChevronSmallDown />}\n size=\"s\"\n onClick={() => {\n handleContext();\n onOpenContextMenu();\n }}\n containerProps={{ 'data-testid': 'trigger-context-menu' }}\n />\n {React.cloneElement(contextMenu, {\n open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n onChange: (event, item) => {\n if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n handleContext();\n },\n })}\n </Grid>\n )}\n </Grid>\n </Grid>\n </Grid>\n {hasValue && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n {separator}\n <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n {value}\n </Value>\n </Grid>\n )}\n {label && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n {label}\n </Label>\n </Grid>\n )}\n </Grid>\n {countActions > 0 && (\n <Grid\n height={breadCrumb ? '56px' : '44px'}\n alignItems=\"center\"\n cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n >\n {firstAction && <Grid>{firstAction}</Grid>}\n {countActions === 2 && separator}\n {secondAction && <Grid>{secondAction}</Grid>}\n </Grid>\n )}\n </Wrapper>\n );\n};\n\nconst pageHeaderProps = {\n pageTitle: PropTypes.string.description('Page title').isRequired,\n contextMenu: PropTypes.element.description('Context Menu to open'),\n onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n firstAction: PropTypes.element.description('Action Button'),\n secondAction: PropTypes.element.description('Action Button'),\n backArrow: PropTypes.element.description('Back Arrow Button'),\n breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n value: PropTypes.number.description('Page summary value'),\n label: PropTypes.string.description('Page summary label'),\n theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\n\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobilePageHeader/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobilePageHeader';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSelectList/MobileSelectList.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n open = false,\n header = null,\n multiple = false,\n onChange = noop,\n children,\n theme,\n zIndex = 1,\n useSearch,\n onSearch = noop,\n dataTestid = 'mobile-select-list',\n buttonFooter = null,\n onApply = noop,\n selecteds: initSelecteds = [],\n}) => {\n const rows = ['auto', 1];\n const [selecteds, setSelected] = useState(initSelecteds);\n const [filter, setFilter] = useState('');\n useEffect(() => {\n setSelected(initSelecteds);\n }, [initSelecteds]);\n\n const handleSelection = (value) => {\n if (multiple) {\n const index = selecteds.findIndex((s) => s === value);\n if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n else setSelected([...selecteds, value]);\n } else setSelected([value]);\n };\n const handleChange = function (event) {\n onChange(event, this);\n handleSelection(this.value);\n };\n const handleOnSearch = (e) => {\n setFilter(e.target.value);\n onSearch(e);\n };\n\n const handleApply = function (e) {\n if (this.onClick) this.onClick(e);\n onApply(e, selecteds);\n };\n if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n if (!open) return null;\n return (\n <>\n <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n <HeaderContainer>\n {header}\n {useSearch && (\n <Grid\n alignItems=\"center\"\n height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n >\n <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n </Grid>\n )}\n </HeaderContainer>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>\n <ListContainer data-testid={`${dataTestid}--list-container`}>\n {React.Children.map(children, (child) => {\n let leftAddon = null;\n let rightAddon = null;\n const { value, title } = child.props;\n const found = selecteds.findIndex((s) => String(s) === String(value));\n if (\n filter &&\n !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n )\n return null;\n if (multiple) {\n if (found > -1) leftAddon = checked;\n else leftAddon = checkbox;\n } else if (found > -1) {\n rightAddon = selectedMark;\n }\n return (\n <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n {React.cloneElement(child, { leftAddon, rightAddon })}\n </DSMobileTouchable>\n );\n })}\n </ListContainer>\n </Grid>\n </Grid>\n {buttonFooter && (\n <Footer\n alignItems=\"center\"\n // eslint-disable-next-line max-lines\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n >\n {React.cloneElement(buttonFooter, {\n ...buttonFooter.props,\n containerProps: {\n 'data-testid': `${dataTestid}--btn`,\n },\n buttonType: 'primary',\n size: 'l',\n onClick: handleApply.bind(buttonFooter.props),\n })}\n </Footer>\n )}\n </StyledContainer>\n </>\n );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n /** show select list */\n open: PropTypes.bool,\n /** DSMobilePageHeader instance */\n header: PropTypes.element,\n /** called when a DSMobileListItem is touched */\n onChange: PropTypes.func,\n /** allow multiple selection */\n multiple: PropTypes.bool,\n /** Array of DSMobileListItem instances */\n children: PropTypes.arrayOf(PropTypes.element),\n /** data test id for testing purposes */\n dataTestid: PropTypes.string,\n /** footer action, DSButton instance */\n buttonFooter: PropTypes.element,\n /** called when footer action is triggered */\n onApply: PropTypes.func,\n /** zIndex */\n zIndex: PropTypes.number,\n /** init selecteds */\n selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n theme: PropTypes.object.isRequired,\n useSearch: PropTypes.bool,\n onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSelectList/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileSelectList';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSelectList/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${(props) => props.zIndex};\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n border: none;\n }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,OAAO;AAAA,gBACtB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,kBAAkB,OAAO;AAAA,mBACnB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,SAAS,OAAO;AAAA,gBACb,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,gBAAgB,OAAO;AAAA,MAC9B,gCAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,qCAAC,YAAD;AAAA,EAAY,SAAS;AAAA,EAAO,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe;AAAA;AACrF,MAAM,UAAU,qCAAC,YAAD;AAAA,EAAY,SAAO;AAAA,EAAC,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe;AAAA;AAC5E,MAAM,eAAe,qCAAC,WAAD;AAAA,EAAW,OAAO,CAAC,iBAAiB;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSeparator/Separator.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n const orientation = direction === 'vertical' ? 'height' : 'width';\n const xORy = direction === 'vertical' ? 'mx' : 'my';\n const styles = {\n width: 0,\n height: 0,\n [orientation]: '100%',\n [xORy]: margin,\n borderType: type,\n color,\n };\n return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n direction: PropTypes.oneOf(['vertical', 'horizontal'])\n .description('Direction of the separator')\n .defaultValue('horizontal'),\n color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n .description('Margin of the separator')\n .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\n\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA,gBACT,CAAC,EAAE,OAAO,OAAO,iBAAiB,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,iBAAiB,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,QAAQ,YAAY,cAAc,OAAO,SAAS,SAAS,WAAW;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,KACP,cAAc;AAAA,KACd,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA;AAEF,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;AAGxB,MAAM,uBAAuB;AAAA,EAC3B,MAAM,UAAU,MAAM,CAAC,SAAS,WAAW,YAAY,2BAA2B,aAAa;AAAA,EAC/F,WAAW,UAAU,MAAM,CAAC,YAAY,eACrC,YAAY,8BACZ,aAAa;AAAA,EAChB,OAAO,UAAU,MAAM,YAAY,0BAA0B,aAAa,CAAC,WAAW;AAAA,EACtF,QAAQ,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QACxD,YAAY,2BACZ,aAAa;AAAA;AAGlB,gBAAgB,YAAY;AAE5B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSeparator/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import DSMobileSeparator, { MobileSeparatorWithSchema } from './Separator';\n\nexport { MobileSeparatorWithSchema };\nexport default DSMobileSeparator;\n"],
5
- "mappings": "AAAA;ACAA;AAGA,IAAO,0BAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTimePicker/Input.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport styled from 'styled-components';\n\nconst StyledInput = styled.input`\n input[type=time]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=time]&:active, input[type=time]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMhD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,wBAG7C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIjC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,YACnC,qCAAC,aAAD;AAAA,EAAa,KAAK;AAAA,KAAc;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTimePicker/MobileTimePicker.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n const inputRef = useRef(null);\n const valueArr = value.split(':');\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const displayValue = useMemo(() => {\n if (!value || !valueArr[0] || !valueArr[1]) return '';\n const ampm = valueArr[0] >= 12 ? 'pm' : 'am';\n const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];\n\n return `${h} : ${valueArr[1]} ${ampm}`;\n }, [value]);\n\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Time Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<RecentDocuments />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n innerRef={inputRef}\n type=\"time\"\n data-testid=\"ds-mobile-time-picker\"\n aria-label=\"Time Picker Input Mask\"\n disabled={disabled}\n placeholder={placeholder}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileTimePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'HH : MM am',\n value: '',\n};\n\nconst pickerProps = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('disabled prop, defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),\n /**\n * HH : MM am as default\n */\n placeholder: PropTypes.string.description('HH : MM am as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n /**\n * HH:MM string representing the time or empty string\n */\n value: PropTypes.string.description('HH:MM string representing the time or empty string'),\n};\n\nDSMobileTimePicker.propTypes = pickerProps;\n\nconst DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');\n\nDSMobileTimePickerWithSchema.propTypes = pickerProps;\n\nexport { DSMobileTimePicker, DSMobileTimePickerWithSchema };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,eAAe;AACnF,QAAM,WAAW,OAAO;AACxB,QAAM,WAAW,MAAM,MAAM;AAC7B,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA;AAAA,KAEjC,CAAC,SAAS;AACb,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,CAAC,SAAS,CAAC,SAAS,MAAM,CAAC,SAAS;AAAI,aAAO;AACnD,UAAM,OAAO,SAAS,MAAM,KAAK,OAAO;AACxC,UAAM,IAAI,SAAS,KAAK,KAAK,SAAS,KAAK,KAAK,SAAS;AAEzD,WAAO,GAAG,OAAO,SAAS,MAAM;AAAA,KAC/B,CAAC;AAEJ,SACE,qCAAC,cAAD;AAAA,IACE,YACE,qCAAC,UAAD;AAAA,MACE,cAAW;AAAA,MACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,MACvD;AAAA,MACA,MAAM,qCAAC,iBAAD;AAAA,MACN,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS,MAAM;AACb,iBAAS,QAAQ;AACjB,iBAAS,QAAQ;AAAA;AAAA;AAAA,KAKvB,qCAAC,OAAD;AAAA,IACE,UAAU;AAAA,IACV,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,cAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAmB;AAAA,IACnB,UAAU,CAAC,MAAM;AAEf,YAAM,EAAE,WAAW,EAAE;AACrB,iCAA2B;AACzB,eAAO,eAAe;AAAA;AAExB,aAAO,WAAW,iBAAiB;AACnC,eAAS;AAAA;AAAA;AAAA;AAOnB,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AAAA;AAGT,MAAM,cAAc;AAAA,EAIlB,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,OAAO,YAAY;AAAA,EAIvC,aAAa,UAAU,OAAO,YAAY;AAAA,EAI1C,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,mBAAmB,YAAY;AAE/B,MAAM,+BAA+B,SAAS,oBAAoB,YAAY;AAE9E,6BAA6B,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTimePicker/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileTimePicker';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTouchable/MobileTouchable.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n cursor: pointer;\n background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n children,\n onClick = noop,\n theme,\n dataTestid = 'mobile-touchable',\n render,\n ...gridProps\n}) => {\n const [touching, setTouching] = useState(false);\n const handleStart = useCallback(() => setTouching(true));\n const handleEnd = useCallback(() => setTouching(false));\n return (\n <StyledContainer\n {...gridProps}\n touching={touching}\n onClick={onClick}\n onTouchStart={handleStart}\n onTouchEnd={handleEnd}\n data-testid={dataTestid}\n >\n {children || render(gridProps)}\n </StyledContainer>\n );\n};\n\nMobileTouchable.propTypes = {\n onClick: PropTypes.func,\n children: PropTypes.any,\n render: PropTypes.func,\n theme: PropTypes.any,\n dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,OAAO;AAAA;AAAA,gBAEf,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1G,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,KACG;AAAA,MACC;AACJ,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,cAAc,YAAY,MAAM,YAAY;AAClD,QAAM,YAAY,YAAY,MAAM,YAAY;AAChD,SACE,qCAAC,iBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,eAAa;AAAA,KAEZ,YAAY,OAAO;AAAA;AAK1B,gBAAgB,YAAY;AAAA,EAC1B,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AAAA;AAGxB,MAAM,oBAAoB,UAAU;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTouchable/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileTouchable';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Modal/Modal.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled';\n\nconst Modal = ({\n zIndex = 1,\n title = '',\n description = '',\n onClose = noop,\n showSecondaryAction = true,\n secondaryActionProps = {\n onClick: noop,\n labelText: 'Cancel',\n },\n primaryActionProps = {\n onClick: noop,\n labelText: 'Accept',\n },\n isOpen = false,\n}) => {\n const theme = useTheme();\n if (!isOpen) return null;\n return (\n <>\n <BodyFix isOpen={isOpen} />\n <BackShadow onClick={onClose} zIndex={zIndex} />\n <ModalPosition zIndex={zIndex} cols={['auto']}>\n <ModalBox\n maxHeight={`${window.innerHeight * 0.75}px`}\n rows={[1, '80px']}\n style={{\n overflow: 'hidden',\n }}\n >\n <Grid\n pl=\"xs\"\n pr=\"xs\"\n style={{\n overflow: 'hidden',\n }}\n >\n <Grid\n rows={['auto', 'auto', 1]}\n style={{\n overflow: 'hidden',\n }}\n >\n <ModalIcon>\n <WarningTriangle size=\"xxl\" />\n </ModalIcon>\n <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n <ModalDescription\n data-testid=\"modal-desc\"\n style={{\n overflow: 'auto',\n }}\n >\n {description}\n </ModalDescription>\n </Grid>\n </Grid>\n <Grid pt=\"24px\">\n <Grid\n pl=\"xs\"\n pr=\"xs\"\n cols={showSecondaryAction ? [1, 1] : [1]}\n gutter=\"xs\"\n justifyContent=\"center\"\n alignItems=\"center\"\n style={{\n borderTop: `1px solid ${theme.colors.neutral[100]}`,\n }}\n >\n {showSecondaryAction && (\n <DSButton\n {...secondaryActionProps}\n labelText={secondaryActionProps.labelText || ' Cancel'}\n buttonType=\"secondary\"\n data-testid=\"modal-secondary-btn\"\n />\n )}\n <DSButton\n labelText={primaryActionProps.labelText || ' Accept'}\n {...primaryActionProps}\n buttonType=\"primary\"\n data-testid=\"modal-primary-btn\"\n />\n </Grid>\n </Grid>\n </ModalBox>\n </ModalPosition>\n </>\n );\n};\n\nconst modalProps = {\n isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n title: PropTypes.string.description('Modal s title').isRequired,\n description: PropTypes.string.description('Modal s content').isRequired,\n onClose: PropTypes.func.description('Function executed when the modal closes'),\n showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n secondaryActionProps: PropTypes.shape({\n onClick: PropTypes.func,\n labelText: PropTypes.string,\n }).description('Secondary action props'),\n primaryActionProps: PropTypes.shape({\n onClick: PropTypes.func,\n labelText: PropTypes.string,\n }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\n\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,EAEb,qBAAqB;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,EAEb,SAAS;AAAA,MACL;AACJ,QAAM,QAAQ;AACd,MAAI,CAAC;AAAQ,WAAO;AACpB,SACE,4DACE,qCAAC,SAAD;AAAA,IAAS;AAAA,MACT,qCAAC,YAAD;AAAA,IAAY,SAAS;AAAA,IAAS;AAAA,MAC9B,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAgB,MAAM,CAAC;AAAA,KACpC,qCAAC,UAAD;AAAA,IACE,WAAW,GAAG,OAAO,cAAc;AAAA,IACnC,MAAM,CAAC,GAAG;AAAA,IACV,OAAO;AAAA,MACL,UAAU;AAAA;AAAA,KAGZ,qCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,OAAO;AAAA,MACL,UAAU;AAAA;AAAA,KAGZ,qCAAC,MAAD;AAAA,IACE,MAAM,CAAC,QAAQ,QAAQ;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA;AAAA,KAGZ,qCAAC,WAAD,MACE,qCAAC,iBAAD;AAAA,IAAiB,MAAK;AAAA,OAExB,qCAAC,YAAD;AAAA,IAAY,eAAY;AAAA,KAAe,QACvC,qCAAC,kBAAD;AAAA,IACE,eAAY;AAAA,IACZ,OAAO;AAAA,MACL,UAAU;AAAA;AAAA,KAGX,gBAIP,qCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,KACP,qCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,MAAM,sBAAsB,CAAC,GAAG,KAAK,CAAC;AAAA,IACtC,QAAO;AAAA,IACP,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,OAAO;AAAA,MACL,WAAW,aAAa,MAAM,OAAO,QAAQ;AAAA;AAAA,KAG9C,uBACC,qCAAC,UAAD;AAAA,OACM;AAAA,IACJ,WAAW,qBAAqB,aAAa;AAAA,IAC7C,YAAW;AAAA,IACX,eAAY;AAAA,MAGhB,qCAAC,UAAD;AAAA,IACE,WAAW,mBAAmB,aAAa;AAAA,OACvC;AAAA,IACJ,YAAW;AAAA,IACX,eAAY;AAAA;AAAA;AAU5B,MAAM,aAAa;AAAA,EACjB,QAAQ,UAAU,KAAK,YAAY,sCAAsC,aAAa;AAAA,EACtF,QAAQ,UAAU,OAAO,YAAY,iBAAiB,aAAa;AAAA,EACnE,OAAO,UAAU,OAAO,YAAY,iBAAiB;AAAA,EACrD,aAAa,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAC7D,SAAS,UAAU,KAAK,YAAY;AAAA,EACpC,qBAAqB,UAAU,KAAK,YAAY,iDAAiD,aAAa;AAAA,EAC9G,sBAAsB,UAAU,MAAM;AAAA,IACpC,SAAS,UAAU;AAAA,IACnB,WAAW,UAAU;AAAA,KACpB,YAAY;AAAA,EACf,oBAAoB,UAAU,MAAM;AAAA,IAClC,SAAS,UAAU;AAAA,IACnB,WAAW,UAAU;AAAA,KACpB,YAAY;AAAA;AAGjB,MAAM,YAAY;AAElB,MAAM,kBAAkB,SAAS;AACjC,gBAAgB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Modal/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Modal, ModalWithSchema } from './Modal';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Modal/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n body{\n ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n }\n`;\nexport const ModalBox = styled(Grid)`\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n max-height: ${(props) => props.maxHeight};\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n z-index: ${(props) => props.zIndex};\n background: ${(props) => props.theme.colors.neutral['000']};\n position: absolute;\n top: 12.5%;\n width: 80%;\n left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n z-index: ${(props) => props.zIndex};\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n padding-top: 24px;\n justify-content: center;\n span.em-ds-icon svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.warning[600]};\n }\n`;\n\nexport const ModalTitle = styled(Grid)`\n padding-top: 24px;\n font-size: 22px;\n font-weight: 600;\n color: ${(props) => props.theme.colors.neutral[600]};\n text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n padding-top: ${(props) => props.theme.space.xxs};\n font-size: 16px;\n font-weight: 400;\n color: ${(props) => props.theme.colors.neutral[500]};\n text-align: center;\n`;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,UAAU;AAAA;AAAA,UAEb,CAAC,UAAW,MAAM,SAAS,sBAAsB;AAAA;AAAA;AAGpD,MAAM,WAAW,OAAO;AAAA;AAAA,gBAEf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAAC,UAAU,MAAM;AAAA;AAAA;AAG1B,MAAM,gBAAgB,OAAO;AAAA,aACvB,CAAC,UAAU,MAAM;AAAA,gBACd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,MAAM,aAAa,OAAO;AAAA,aACpB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,WAItB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAG1C,MAAM,mBAAmB,OAAO;AAAA,iBACtB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,WAGnC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageFilter/PageFilter.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n`;\nconst Title = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n align-items: flex-end;\n font-size: 16px;\n color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n overflow: auto;\n`;\nconst Footer = styled(Grid)`\n display: flex;\n justify-content: space-around;\n align-items: center;\n width: 100%;\n padding: 0.67rem;\n border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n & > button {\n flex-grow: 1;\n margin: 0 0.33rem;\n }\n`;\n\nconst PageFilter = ({\n children = null,\n breadCrumb = null,\n pageTitle = null,\n leftProp = null,\n rightProp = null,\n footerButton = null,\n}) => {\n const theme = useTheme();\n const headerDimension = theme.space.l;\n const rows = [headerDimension, 1];\n if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n const cols = ['auto'];\n if (leftProp) cols.unshift(headerDimension);\n if (rightProp) cols.push(headerDimension);\n const bodyStyle = {\n maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n };\n return (\n <DSFullPageContainer rows={rows}>\n <Header cols={cols} height={headerDimension}>\n {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n <Grid>\n {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n </Grid>\n {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n </Header>\n\n <Body style={bodyStyle}>{children}</Body>\n {footerButton && <Footer>{footerButton}</Footer>}\n </DSFullPageContainer>\n );\n};\n\nPageFilter.propTypes = {\n /**\n * Text to render in header title\n */\n pageTitle: PropTypes.string,\n /**\n * Pass an element to render left. For example a Button with an icon\n */\n leftProp: PropTypes.element,\n /**\n * Pass an element to render right. For example a Button with an icon\n */\n rightProp: PropTypes.element,\n /**\n * Pass an element to render in the body section\n */\n children: PropTypes.element,\n /**\n * Pass a button to render in the footer\n */\n footerButton: PropTypes.element,\n /**\n * BreadCrumb text\n */\n breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;AAAA,6BACO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA,WAGf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAKpB,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,MACX;AACJ,QAAM,QAAQ;AACd,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB;AAC/B,MAAI;AAAc,SAAK,KAAK,GAAG,KAAK,yBAAyB,MAAM,MAAM,KAAK;AAC9E,QAAM,OAAO,CAAC;AACd,MAAI;AAAU,SAAK,QAAQ;AAC3B,MAAI;AAAW,SAAK,KAAK;AACzB,QAAM,YAAY;AAAA,IAChB,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAE/D,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KACnB,qCAAC,QAAD;AAAA,IAAQ;AAAA,IAAY,QAAQ;AAAA,KACzB,YAAY,qCAAC,YAAD;AAAA,IAAY,IAAI,yBAAyB,MAAM,MAAM;AAAA,KAAK,WACvE,qCAAC,MAAD,MACG,cAAc,qCAAC,YAAD;AAAA,IAAY,IAAI,CAAC,YAAY;AAAA,KAAS,aACrD,qCAAC,OAAD;AAAA,IAAO,OAAO,WAAW,KAAK,EAAE,aAAa;AAAA,KAAW,aAEzD,aAAa,qCAAC,YAAD;AAAA,IAAY,IAAI,yBAAyB,MAAM,MAAM;AAAA,KAAK,aAG1E,qCAAC,MAAD;AAAA,IAAM,OAAO;AAAA,KAAY,WACxB,gBAAgB,qCAAC,QAAD,MAAS;AAAA;AAKhC,WAAW,YAAY;AAAA,EAIrB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EAIxB,YAAY,UAAU;AAAA;AAGxB,MAAM,eAAe;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageForm/PageForm.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n const theme = useTheme();\n const rows = [1];\n if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n if (footer) rows.push(theme.space.l);\n return (\n <DSFullPageContainer rows={rows}>\n {header && <Grid>{header}</Grid>}\n <Grid style={{ overflow: 'hidden' }}>\n <DSFullPageContainerScroll>\n <Body>{body}</Body>\n </DSFullPageContainerScroll>\n </Grid>\n {footer && <Grid>{footer}</Grid>}\n </DSFullPageContainer>\n );\n};\n\nPageForm.propTypes = {\n header: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,WAAW;AAClE,QAAM,QAAQ;AACd,QAAM,OAAO,CAAC;AACd,MAAI;AAAQ,SAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAC5E,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM;AAClC,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,MAAD;AAAA,IAAM,OAAO,EAAE,UAAU;AAAA,KACvB,qCAAC,2BAAD,MACE,qCAAC,MAAD,MAAO,SAGV,UAAU,qCAAC,MAAD,MAAO;AAAA;AAKxB,SAAS,YAAY;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/PageList.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n if (footer) rows.push('56px');\n return (\n <DSFullPageContainer rows={rows}>\n {header && <Grid>{header}</Grid>}\n <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n <Grid>{filterBar}</Grid>\n <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n {footer && <Grid>{footer}</Grid>}\n </DSFullPageContainer>\n );\n },\n);\n\nDSMobilePageList.propTypes = {\n header: PropTypes.element,\n pageTitle: PropTypes.element,\n filterBar: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAIhC,MAAM,mBAAmB,UACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,YAAY;AAC5F,QAAM,OAAO,CAAC,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,KAAK,OAAO;AAC/E,MAAI;AAAQ,SAAK,QAAQ,yBAAyB,MAAM,MAAM;AAC9D,MAAI;AAAQ,SAAK,KAAK;AACtB,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,kBAAD,MAAmB,YACnB,qCAAC,MAAD,MAAO,YACP,qCAAC,2BAAD,MAA4B,OAC3B,UAAU,qCAAC,MAAD,MAAO;AAAA;AAM1B,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './PageList';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSearch/PageSearch.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n height: 100%;\n background: ${(props) => props.theme.colors.brand['600']};\n padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n ({\n HeaderContainer = Header,\n SearchContainer = Header,\n searchHeader = null,\n pageTitle = 'Search',\n body = null,\n theme,\n }) => {\n const rows = [\n op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n 1,\n ];\n return (\n <Grid rows={rows} height=\"100%\">\n <Grid>\n <HeaderContainer>{pageTitle}</HeaderContainer>\n </Grid>\n <Grid>\n <SearchContainer>{searchHeader}</SearchContainer>\n </Grid>\n <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n {body}\n </Grid>\n </Grid>\n </Grid>\n );\n },\n);\n\nDSMobilePageSearch.propTypes = {\n header: PropTypes.element,\n pageTitle: PropTypes.element,\n filterBar: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;AAAA;AAAA,gBAEN,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAGnE,MAAM,qBAAqB,UACzB,CAAC;AAAA,EACC,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM,OAAO;AAAA,IACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD;AAAA;AAEF,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAY,QAAO;AAAA,KACvB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,aAEpB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,gBAEpB,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACrC,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACpC;AAAA;AAQb,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,eAAe;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n }\n`;\n\nconst PageSummary = ({\n header = null,\n headerZIndex = 1,\n bodyPrimary = null,\n actions = null,\n actionsZIndex = 1,\n bodySecondary = null,\n}) => (\n <DSFullPageContainer>\n {header && <Header zIndex={headerZIndex}>{header}</Header>}\n <Section>\n <Grid>\n <Body>{bodyPrimary}</Body>\n </Grid>\n <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n <BodyWrapper>\n <Body>{bodySecondary}</Body>\n </BodyWrapper>\n </Section>\n </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n header: PropTypes.element,\n bodyPrimary: PropTypes.element,\n actions: PropTypes.element,\n bodySecondary: PropTypes.element,\n headerZIndex: PropTypes.number,\n actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,MAEhB,qCAAC,qBAAD,MACG,UAAU,qCAAC,QAAD;AAAA,EAAQ,QAAQ;AAAA,GAAe,SAC1C,qCAAC,SAAD,MACE,qCAAC,MAAD,MACE,qCAAC,MAAD,MAAO,eAET,qCAAC,SAAD;AAAA,EAAS,QAAQ;AAAA,GAAgB,UACjC,qCAAC,aAAD,MACE,qCAAC,MAAD,MAAO;AAMf,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAG3B,MAAM,gBAAgB;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/Tags.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Header = styled.div`\n position: fixed;\n display: grid;\n top: 0;\n left: 0;\n width: 100%;\n height: 64px;\n z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n position: sticky;\n left: 0;\n top: 64px;\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n position: relative;\n display: grid;\n top: 0;\n left: 0;\n height: 100%;\n`;\n\nexport const Section = styled.div`\n position: relative;\n top: 64px;\n height: 100%;\n`;\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/SideNav.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n const menuItemClick = (idx, text, cb) => {\n if (cb) {\n cb(idx, text);\n }\n setSelectedMenuItem(idx);\n };\n\n const renderMenuList = () => (\n <>\n {menuItems.length > 0 ? (\n <MenuList>\n {menuItems.map(({ icon, text, onClick }, idx) => (\n <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n <div className=\"icon\">{icon}</div>\n <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n </div>\n ))}\n </MenuList>\n ) : null}\n </>\n );\n\n const renderBottomMenu = () => (\n <MenuList>\n {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n <div className=\"icon\">{icon}</div>\n <div className=\"text\">{text}</div>\n </div>\n ))}\n </MenuList>\n );\n\n return (\n <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n <Menu>\n <MenuWrapper>\n <Heading>\n <Icon>{Logo()}</Icon>\n <div className=\"content\">\n <label>{title}</label>\n <span></span>\n <div className=\"icon\">\n <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n </div>\n </div>\n </Heading>\n <Hr></Hr>\n {renderMenuList()}\n {bottomMenuItems.length > 0 ? (\n <BottomMenu>\n <div className=\"content\">\n <hr></hr>\n {renderBottomMenu()}\n </div>\n </BottomMenu>\n ) : null}\n </MenuWrapper>\n </Menu>\n </Container>\n );\n};\n\nconst menuProps = PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n text: PropTypes.string,\n }),\n);\n\nconst navProps = {\n /** inject props to wrapper element of side nav */\n containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n /**\n * Heading Title\n */\n title: PropTypes.string.isRequired.description('Heading Title'),\n /**\n * Callback function when close is menu is triggered\n */\n onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n /**\n * Top Menu items array\n */\n menuItems: menuProps.description('Top Menu items array'),\n /**\n * Bottom Menu items array\n */\n bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],
5
- "mappings": "AAAA;ACKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,CAAC,EAAE,iBAAiB,IAAI,OAAO,UAAU,MAAM,YAAY,IAAI,kBAAkB,SAAS;AAC1G,QAAM,CAAC,qBAAqB,uBAAuB,SAAS;AAE5D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK;AAAA;AAEV,wBAAoB;AAAA;AAGtB,QAAM,iBAAiB,MACrB,4DACG,UAAU,SAAS,IAClB,qCAAC,UAAD,MACG,UAAU,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QACvC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM;AAAA,KAC/E,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAW,QAAQ,QAAQ,sBAAsB,WAAW;AAAA,KAAO,WAI5E;AAIR,QAAM,mBAAmB,MACvB,qCAAC,UAAD,MACG,gBAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QAC7C,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,MAAM,QAAQ,KAAK;AAAA,KAC9D,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ;AAM/B,SACE,qCAAC,WAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KACvD,qCAAC,YAAD;AAAA,IAAY,SAAS;AAAA,IAAS,MAAK;AAAA,MAEnC,qCAAC,MAAD,MACE,qCAAC,aAAD,MACE,qCAAC,SAAD,MACE,qCAAC,MAAD,MAAO,SACP,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,SAAD,MAAQ,QACR,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAO,SAAS;AAAA,IAAS,MAAM,YAAY;AAAA,IAAG,OAAO,aAAa;AAAA,SAIxE,qCAAC,IAAD,OACC,kBACA,gBAAgB,SAAS,IACxB,qCAAC,YAAD,MACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,MAAD,OACC,uBAGH;AAAA;AAOd,MAAM,YAAY,UAAU,QAC1B,UAAU,MAAM;AAAA,EACd,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA;AAIpB,MAAM,WAAW;AAAA,EAEf,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,WAAW,UAAU,YAAY;AAAA,EAIjC,iBAAiB,UAAU,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AAE5D,oBAAoB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSideNav, DSSideNavWithSchema } from './SideNav';\n"],
5
- "mappings": "AAAA;ACAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/styles.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Container = styled.div`\n position: fixed;\n width: 100%;\n height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n position: relative;\n height: 100%;\n`;\n\nexport const Menu = styled.div`\n position: fixed;\n width: 80%;\n height: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n font-family: ${(props) => props.theme.fonts.default};\n box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n display: flex;\n flex-direction: row;\n\n .content {\n width: 100%;\n display: flex;\n flex-direction: row;\n span {\n flex-grow: 1;\n }\n label {\n padding-top: 1px;\n line-height:30px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n .icon {\n cursor: pointer;\n padding-top: 6px;\n }\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n margin-left: -${(props) => props.theme.space.xs};\n margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n .menuitem {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n height:22px;\n margin-bottom: ${(props) => props.theme.space.xs};\n .icon {\n padding-left: 6px;\n margin-right: ${(props) => props.theme.space.xs};\n span{\n height:20px;\n width:20px;\n svg{\n height:20px;\n width:20px;\n }\n }\n }\n .text {\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 18px;\n line-height:22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n &.active {\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nexport const BottomMenu = styled.div`\n position: absolute;\n bottom: 0;\n width: 100%;\n`;\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGnC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,OAAO,OAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,OAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,uBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressIndicator.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n const factor = progress / 100;\n const theme = useTheme();\n const dashoffset = cir * (1 - factor);\n return (\n <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n <circle\n cx=\"60\"\n cy=\"60\"\n r=\"54\"\n strokeWidth=\"12\"\n fill=\"none\"\n strokeDasharray={`${cir}px`}\n strokeDashoffset={`${dashoffset}px`}\n stroke={`${theme.colors.brand[600]}`}\n strokeLinecap=\"round\"\n />\n </svg>\n </Grid>\n );\n};\n\nProgressIndicator.propTypes = {\n progress: PropTypes.number,\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ;AACd,QAAM,aAAa,MAAO,KAAI;AAC9B,SACE,qCAAC,MAAD;AAAA,IAAM,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,qCAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,qCAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,MAC5F,qCAAC,UAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,IAC9B,eAAc;AAAA;AAAA;AAOxB,kBAAkB,YAAY;AAAA,EAC5B,UAAU,UAAU;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressLoader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const ProgressLoader = () => {\n const width = 32;\n const height = 32;\n return (\n <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n <defs>\n <clipPath id=\"prefix__clip-path\">\n <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-2\">\n <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-3\">\n <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-4\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-5\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-6\">\n <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-7\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-8\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-9\">\n <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-10\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-11\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-12\">\n <path\n className=\"prefix__cls-1\"\n d=\"M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-13\">\n <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n </clipPath>\n <clipPath id=\"prefix__clip-path-14\">\n <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n </clipPath>\n <clipPath id=\"prefix__clip-path-15\">\n <path\n className=\"prefix__cls-2\"\n d=\"M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z\"\n />\n </clipPath>\n <style>\n {\n '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n }\n </style>\n </defs>\n <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n <g clipPath=\"url(#prefix__clip-path-12)\">\n <g clipPath=\"url(#prefix__clip-path-14)\">\n <image\n width={32}\n height={32}\n transform=\"rotate(-90 21.19 16.71)\"\n xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n />\n </g>\n </g>\n <g clipPath=\"url(#prefix__clip-path-15)\">\n <path\n transform=\"rotate(-77 22.961 10.28)\"\n fill=\"#3590ce\"\n d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n />\n </g>\n </g>\n </svg>\n );\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,SACE,qCAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,IAAY;AAAA,IAAc;AAAA,IAAgB,QAAO;AAAA,KAC5D,qCAAC,QAAD,MACE,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAI,GAAG;AAAA,OAEzD,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAG,GAAG;AAAA,OAExD,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAS,IAAI;AAAA,IAAI,GAAG;AAAA,OAE5D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAO,GAAG;AAAA,OAE9D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAM,GAAG;AAAA,OAE7D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,SAAD,MAEI,oIAIN,qCAAC,KAAD;AAAA,IAAG,IAAG;AAAA,IAAkB,aAAU;AAAA,KAChC,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,SAAD;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAU;AAAA,IACV,WAAU;AAAA,QAIhB,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAE;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled';\nimport { ProgressIndicator } from './ProgressIndicator';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n const breakpoint = 60;\n const theme = useTheme();\n const swipe = useSwipe({ onRefresh, breakpoint });\n const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n return (\n <SwipeContainer>\n <SwipeDrag\n onTouchStart={swipe.touchStart}\n onTouchEnd={swipe.touchEnd}\n onTouchCancel={swipe.touchCancel}\n onTouchMove={swipe.touchMove}\n ref={swipe.ref}\n >\n <LoaderBox\n height={loading ? theme.space.m : `${swipe.height}px`}\n alignItems=\"flex-start\"\n data-testid=\"loader-box\"\n >\n <PositionLoader\n height={theme.space.m}\n justifyContent=\"center\"\n alignItems=\"center\"\n mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n >\n {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n </PositionLoader>\n </LoaderBox>\n <div ref={swipe.target} style={{ height: 1 }} />\n {children}\n </SwipeDrag>\n </SwipeContainer>\n );\n};\n\nconst props = {\n /** component inside swipe to refresh container */\n children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n /** toggle loading state for swipe */\n loading: PropTypes.bool.description('toggle loading state for swipe'),\n /** callback on refresh swipe */\n onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\n\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,gBAAgB;AAC3D,QAAM,aAAa;AACnB,QAAM,QAAQ;AACd,QAAM,QAAQ,SAAS,EAAE,WAAW;AACpC,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,qCAAC,gBAAD,MACE,qCAAC,WAAD;AAAA,IACE,cAAc,MAAM;AAAA,IACpB,YAAY,MAAM;AAAA,IAClB,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,KAAK,MAAM;AAAA,KAEX,qCAAC,WAAD;AAAA,IACE,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,IAC3C,YAAW;AAAA,IACX,eAAY;AAAA,KAEZ,qCAAC,gBAAD;AAAA,IACE,QAAQ,MAAM,MAAM;AAAA,IACpB,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,KAExD,UAAU,qCAAC,6BAAD,QAAkC,qCAAC,mBAAD;AAAA,IAAmB;AAAA,QAGpE,qCAAC,OAAD;AAAA,IAAK,KAAK,MAAM;AAAA,IAAQ,OAAO,EAAE,QAAQ;AAAA,MACxC;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,QAAQ,WAAW,YAAY;AAAA,EAEnD,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,eAAe,YAAY;AAE3B,MAAM,2BAA2B,SAAS;AAE1C,yBAAyB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const SwipeContainer = styled(Grid)`\n transition: height 0.2s;\n overscroll-behavior: none;\n height: 100%;\n`;\n\nexport const SwipeDrag = styled.div`\n border: none;\n overscroll-behavior: none;\n overflow: auto;\n max-height: 100%;\n`;\n\nexport const LoaderBox = styled(Grid)`\n transition: height 0.2s;\n overflow: hidden;\n`;\n\nexport const PositionLoader = styled(Grid)`\n transition: margin 0.2s;\n`;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAKzB,MAAM,iBAAiB,OAAO;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/useSwipe.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n const [startingPoint, setStartingPoint] = useState(0);\n const [movingPoint, setMovingPoint] = useState(0);\n const ref = useRef();\n const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n const [allowRefresh, setAllowRefresh] = useState(false);\n\n const callback = (entries) => {\n const { isIntersecting } = entries[0];\n if (isIntersecting) {\n setAllowRefresh(true)\n } else {\n setAllowRefresh(false)\n }\n };\n const target = useRef(null);\n const observer = useRef(null);\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 \n const touchStart = (e) => {\n const { scrollTop } = ref.current;\n if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n };\n const touchEnd = () => {\n if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n setStartingPoint(0);\n setMovingPoint(0);\n };\n const touchCancel = () => {\n if (height > breakpoint && onRefresh) onRefresh();\n setStartingPoint(0);\n setMovingPoint(0);\n };\n const touchMove = (e) => {\n setMovingPoint(e.touches[0].clientY);\n };\n\n return {\n height,\n touchStart,\n touchEnd,\n touchCancel,\n touchMove,\n ref,\n target,\n };\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,WAAW,CAAC,EAAE,WAAW,iBAAiB;AACrD,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,MAAM;AACZ,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,mBAAmB,QAAQ;AACnC,QAAI,gBAAgB;AAClB,sBAAgB;AAAA,WACX;AACL,sBAAgB;AAAA;AAAA;AAGpB,QAAM,SAAS,OAAO;AACtB,QAAM,WAAW,OAAO;AACxB,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ;AAAA;AAEnB,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IAClD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA;AAEf,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO;AAAA;AAGlC,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,cAAc,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,GAAG;AAAA;AAEnD,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW;AACtD,qBAAiB;AACjB,mBAAe;AAAA;AAEjB,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW;AACtC,qBAAiB;AACjB,mBAAe;AAAA;AAEjB,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,GAAG;AAAA;AAG9B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Tabs/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsPropsT, DSTabPropsT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes';\n\ntype DSMobileTabsPropsT = Omit<\n DSTabsPropsT,\n 'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabPropsT, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n <DSTabs {...props} isDSMobile>\n {children}\n </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n"],
5
- "mappings": "AAAA;ACCA;AACA;AAEA;AASO,MAAM,eAAe,CAAC,EAAE,aAAa,YAC1C,oCAAC,QAAD;AAAA,KAAY;AAAA,EAAO,YAAU;AAAA,GAC1B;AAIE,MAAM,cAAc,CAAC,EAAE,aAAa,YAA+B,oCAAC,OAAD;AAAA,KAAW;AAAA,GAAQ;AAE7F,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Tabs/propTypes.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const MobileTabPropTypes = {\n tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),\n title: PropTypes.string.description('Tab title.').defaultValue(''),\n required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const MobileTabsPropTypes = {\n onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),\n onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n fixedTabsHeaders: PropTypes.bool\n .description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.')\n .defaultValue(false),\n activeTab: PropTypes.string\n .description('Passing a value makes DSTabs a controlled component.')\n .defaultValue('First DSTab children.'),\n children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),\n containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n .description('Ref to the container.')\n .defaultValue(undefined),\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,YAAY,kBAAkB,aAAa;AAAA,EACnE,OAAO,UAAU,OAAO,YAAY,cAAc,aAAa;AAAA,EAC/D,UAAU,UAAU,KAAK,YAAY,2CAA2C,aAAa;AAAA,EAC7F,UAAU,UAAU,KAAK,YAAY,iBAAiB,aAAa;AAAA;AAG9D,MAAM,sBAAsB;AAAA,EACjC,aAAa,UAAU,KAAK,YAAY,kDAAkD,aAAa;AAAA,EACvG,oBAAoB,UAAU,QAAQ,YAAY,uCAAuC,aAAa;AAAA,EACtG,qBAAqB,UAAU,KAAK,YAAY,2CAA2C,aAAa;AAAA,EACxG,kBAAkB,UAAU,KACzB,YAAY,sFACZ,aAAa;AAAA,EAChB,WAAW,UAAU,OAClB,YAAY,wDACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,oCAAoC;AAAA,EACzE,mBAAmB,UAAU,OAAO,YAAY,gCAAgC,aAAa;AAAA,EAC7F,gBAAgB,UAAU,OAAO,YAAY,4CAA4C,aAAa;AAAA,EACtG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,SACjF,YAAY,yBACZ,aAAa;AAAA;",
6
- "names": []
7
- }
package/esm/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/export */\n// page templates\nexport * from './PageList/PageList';\nexport * from './PageFilter/PageFilter';\nexport * from './PageForm/PageForm';\nexport * from './PageSummary/PageSummary';\nexport * from './LoadingPage';\nexport * from './PageSearch/PageSearch';\n\n// components\nexport {\n DSMobileAccordion,\n DSMobileAccordionItem,\n DSMobileAccordionWithSchema,\n DSMobileAccordionItemWithSchema,\n} from './Accordion';\nexport * from './MobileSeparator';\nexport * from './MobileListItem';\nexport * from './MobileTouchable';\nexport * from './MobileContextMenu';\nexport * from './MobileFilterbar';\nexport * from './MobileActionToolbar';\nexport * from './MobileFooter';\nexport * from './MobilePageHeader';\nexport * from './MobileSelectList';\nexport * from './MobileDatePicker';\nexport * from './MobileTimePicker';\nexport * from './MobileEmtpyState';\nexport * from './MobileDropdownMenu';\nexport * from './Tabs';\nexport { DSMobileCard, DSMobileCardWithSchema, DSMobileCardGroupWithSchema, SubIcons } from './MobileCard';\nexport { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';\nexport { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox';\nexport { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox';\nexport { SwipeToRefresh, SwipeToRefreshWithSchema } from './SwipeToRefresh/SwipeToRefresh';\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema } from './GlobalHeader';\nexport * from './Modal';\nexport { DSSideNav, DSSideNavWithSchema } from './SideNav';\nexport {\n InfiniteLoader,\n VirtualizedInfiniteLoader,\n VirtualizedInfiniteLoaderWithSchema,\n InfiniteLoaderWithSchema,\n} from './InfiniteLoader';\nexport * from './MobileBanner';\nexport * from './MobileActionToolbar';\nexport { default as DSMobileActionToolbar } from './MobileActionToolbar';\nexport * from './MobileSeparator';\nexport { default as DSMobileSeparator } from './MobileSeparator';\n"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;",
6
- "names": []
7
- }