@elliemae/ds-mobile 3.5.0-rc.9 → 3.5.1-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 (233) hide show
  1. package/dist/cjs/Accordion/DSMobileAccordion.js +9 -6
  2. package/dist/cjs/Accordion/DSMobileAccordion.js.map +1 -1
  3. package/dist/cjs/CategoryBox/CategoryBox.js +25 -14
  4. package/dist/cjs/CategoryBox/CategoryBox.js.map +1 -1
  5. package/dist/cjs/CollectionBox/CollectionBox.js +31 -16
  6. package/dist/cjs/CollectionBox/CollectionBox.js.map +2 -2
  7. package/dist/cjs/FullPageContainer/FullPageContainer.js +5 -4
  8. package/dist/cjs/FullPageContainer/FullPageContainer.js.map +2 -2
  9. package/dist/cjs/FullPageContainer/FullPageContainerScroll.js +5 -4
  10. package/dist/cjs/FullPageContainer/FullPageContainerScroll.js.map +2 -2
  11. package/dist/cjs/GlobalHeader/MobileGlobalHeader.js +67 -36
  12. package/dist/cjs/GlobalHeader/MobileGlobalHeader.js.map +2 -2
  13. package/dist/cjs/GroupBox/GroupBox.js +26 -16
  14. package/dist/cjs/GroupBox/GroupBox.js.map +2 -2
  15. package/dist/cjs/Icons/EM_logo.js +31 -21
  16. package/dist/cjs/Icons/EM_logo.js.map +2 -2
  17. package/dist/cjs/InfiniteLoader/Infiniteloader.js +19 -10
  18. package/dist/cjs/InfiniteLoader/Infiniteloader.js.map +1 -1
  19. package/dist/cjs/InfiniteLoader/Loader.js +8 -7
  20. package/dist/cjs/InfiniteLoader/Loader.js.map +2 -2
  21. package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +31 -23
  22. package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +2 -2
  23. package/dist/cjs/LoadingPage/Page.js +12 -5
  24. package/dist/cjs/LoadingPage/Page.js.map +2 -2
  25. package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js +5 -4
  26. package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js.map +2 -2
  27. package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js +2 -1
  28. package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +1 -1
  29. package/dist/cjs/MobileBanner/MobileBanner.js +52 -27
  30. package/dist/cjs/MobileBanner/MobileBanner.js.map +2 -2
  31. package/dist/cjs/MobileBanner/utils/icons.js +5 -5
  32. package/dist/cjs/MobileBanner/utils/icons.js.map +2 -2
  33. package/dist/cjs/MobileCard/ActionAddon.js +3 -3
  34. package/dist/cjs/MobileCard/ActionAddon.js.map +2 -2
  35. package/dist/cjs/MobileCard/Card.js +97 -52
  36. package/dist/cjs/MobileCard/Card.js.map +2 -2
  37. package/dist/cjs/MobileCard/CardIcons.js +7 -7
  38. package/dist/cjs/MobileCard/CardIcons.js.map +2 -2
  39. package/dist/cjs/MobileCard/ExpandChevron.js +9 -8
  40. package/dist/cjs/MobileCard/ExpandChevron.js.map +2 -2
  41. package/dist/cjs/MobileCard/ExpandableRegion.js +9 -6
  42. package/dist/cjs/MobileCard/ExpandableRegion.js.map +2 -2
  43. package/dist/cjs/MobileCard/Group.js +30 -16
  44. package/dist/cjs/MobileCard/Group.js.map +1 -1
  45. package/dist/cjs/MobileContextMenu/MobileContextMenu.js +77 -60
  46. package/dist/cjs/MobileContextMenu/MobileContextMenu.js.map +1 -1
  47. package/dist/cjs/MobileContextMenu/MobileContextMenuGroup.js +30 -18
  48. package/dist/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +1 -1
  49. package/dist/cjs/MobileContextMenu/MobileContextMenuItem.js +46 -31
  50. package/dist/cjs/MobileContextMenu/MobileContextMenuItem.js.map +2 -2
  51. package/dist/cjs/MobileDatePicker/Input.js +2 -2
  52. package/dist/cjs/MobileDatePicker/Input.js.map +2 -2
  53. package/dist/cjs/MobileDatePicker/MobileDatePicker.js +26 -24
  54. package/dist/cjs/MobileDatePicker/MobileDatePicker.js.map +2 -2
  55. package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js +20 -15
  56. package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +2 -2
  57. package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js +31 -25
  58. package/dist/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +1 -1
  59. package/dist/cjs/MobileEmtpyState/MobileEmptyState.js +12 -5
  60. package/dist/cjs/MobileEmtpyState/MobileEmptyState.js.map +2 -2
  61. package/dist/cjs/MobileFilterbar/Filterbar.js +15 -7
  62. package/dist/cjs/MobileFilterbar/Filterbar.js.map +2 -2
  63. package/dist/cjs/MobileFilterbar/FilterbarItem.js +5 -4
  64. package/dist/cjs/MobileFilterbar/FilterbarItem.js.map +2 -2
  65. package/dist/cjs/MobileFilterbar/FilterbarSort.js +18 -10
  66. package/dist/cjs/MobileFilterbar/FilterbarSort.js.map +2 -2
  67. package/dist/cjs/MobileFooter/Action.js +21 -13
  68. package/dist/cjs/MobileFooter/Action.js.map +1 -1
  69. package/dist/cjs/MobileFooter/Footer.js +12 -8
  70. package/dist/cjs/MobileFooter/Footer.js.map +1 -1
  71. package/dist/cjs/MobileFooter/Text.js +4 -2
  72. package/dist/cjs/MobileFooter/Text.js.map +2 -2
  73. package/dist/cjs/MobileListItem/MobileListItem.js +21 -11
  74. package/dist/cjs/MobileListItem/MobileListItem.js.map +2 -2
  75. package/dist/cjs/MobileListItem/MobileListMultipleItem.js +11 -10
  76. package/dist/cjs/MobileListItem/MobileListMultipleItem.js.map +2 -2
  77. package/dist/cjs/MobileListItem/MobileListSeparator.js +18 -10
  78. package/dist/cjs/MobileListItem/MobileListSeparator.js.map +2 -2
  79. package/dist/cjs/MobileListItem/MobileListSingleItem.js +18 -10
  80. package/dist/cjs/MobileListItem/MobileListSingleItem.js.map +2 -2
  81. package/dist/cjs/MobilePageHeader/MobilePageHeader.js +127 -77
  82. package/dist/cjs/MobilePageHeader/MobilePageHeader.js.map +2 -2
  83. package/dist/cjs/MobileSelectList/MobileSelectList.js +69 -50
  84. package/dist/cjs/MobileSelectList/MobileSelectList.js.map +1 -1
  85. package/dist/cjs/MobileSelectList/styled.js +4 -4
  86. package/dist/cjs/MobileSelectList/styled.js.map +2 -2
  87. package/dist/cjs/MobileSeparator/Separator.js +2 -2
  88. package/dist/cjs/MobileSeparator/Separator.js.map +2 -2
  89. package/dist/cjs/MobileTimePicker/Input.js +2 -2
  90. package/dist/cjs/MobileTimePicker/Input.js.map +2 -2
  91. package/dist/cjs/MobileTimePicker/MobileTimePicker.js +25 -23
  92. package/dist/cjs/MobileTimePicker/MobileTimePicker.js.map +2 -2
  93. package/dist/cjs/MobileTouchable/MobileTouchable.js +6 -4
  94. package/dist/cjs/MobileTouchable/MobileTouchable.js.map +2 -2
  95. package/dist/cjs/Modal/Modal.js +84 -58
  96. package/dist/cjs/Modal/Modal.js.map +2 -2
  97. package/dist/cjs/PageFilter/PageFilter.js +39 -17
  98. package/dist/cjs/PageFilter/PageFilter.js.map +2 -2
  99. package/dist/cjs/PageForm/PageForm.js +20 -6
  100. package/dist/cjs/PageForm/PageForm.js.map +2 -2
  101. package/dist/cjs/PageList/PageList.js +21 -4
  102. package/dist/cjs/PageList/PageList.js.map +2 -2
  103. package/dist/cjs/PageSearch/PageSearch.js +24 -9
  104. package/dist/cjs/PageSearch/PageSearch.js.map +2 -2
  105. package/dist/cjs/PageSummary/PageSummary.js +27 -6
  106. package/dist/cjs/PageSummary/PageSummary.js.map +2 -2
  107. package/dist/cjs/SideNav/SideNav.js +86 -35
  108. package/dist/cjs/SideNav/SideNav.js.map +2 -2
  109. package/dist/cjs/SwipeToRefresh/ProgressIndicator.js +31 -26
  110. package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map +2 -2
  111. package/dist/cjs/SwipeToRefresh/ProgressLoader.js +154 -107
  112. package/dist/cjs/SwipeToRefresh/ProgressLoader.js.map +2 -2
  113. package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js +31 -22
  114. package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js.map +2 -2
  115. package/dist/cjs/Tabs/index.js +9 -6
  116. package/dist/cjs/Tabs/index.js.map +1 -1
  117. package/dist/esm/Accordion/DSMobileAccordion.js +9 -6
  118. package/dist/esm/Accordion/DSMobileAccordion.js.map +1 -1
  119. package/dist/esm/CategoryBox/CategoryBox.js +25 -14
  120. package/dist/esm/CategoryBox/CategoryBox.js.map +1 -1
  121. package/dist/esm/CollectionBox/CollectionBox.js +31 -16
  122. package/dist/esm/CollectionBox/CollectionBox.js.map +2 -2
  123. package/dist/esm/FullPageContainer/FullPageContainer.js +5 -4
  124. package/dist/esm/FullPageContainer/FullPageContainer.js.map +2 -2
  125. package/dist/esm/FullPageContainer/FullPageContainerScroll.js +5 -4
  126. package/dist/esm/FullPageContainer/FullPageContainerScroll.js.map +2 -2
  127. package/dist/esm/GlobalHeader/MobileGlobalHeader.js +67 -36
  128. package/dist/esm/GlobalHeader/MobileGlobalHeader.js.map +2 -2
  129. package/dist/esm/GroupBox/GroupBox.js +26 -16
  130. package/dist/esm/GroupBox/GroupBox.js.map +2 -2
  131. package/dist/esm/Icons/EM_logo.js +31 -21
  132. package/dist/esm/Icons/EM_logo.js.map +2 -2
  133. package/dist/esm/InfiniteLoader/Infiniteloader.js +19 -10
  134. package/dist/esm/InfiniteLoader/Infiniteloader.js.map +1 -1
  135. package/dist/esm/InfiniteLoader/Loader.js +8 -7
  136. package/dist/esm/InfiniteLoader/Loader.js.map +2 -2
  137. package/dist/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +31 -23
  138. package/dist/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +2 -2
  139. package/dist/esm/LoadingPage/Page.js +12 -5
  140. package/dist/esm/LoadingPage/Page.js.map +1 -1
  141. package/dist/esm/MobileActionToolbar/MobileActionToolbar.js +5 -4
  142. package/dist/esm/MobileActionToolbar/MobileActionToolbar.js.map +2 -2
  143. package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js +2 -1
  144. package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +1 -1
  145. package/dist/esm/MobileBanner/MobileBanner.js +52 -27
  146. package/dist/esm/MobileBanner/MobileBanner.js.map +2 -2
  147. package/dist/esm/MobileBanner/utils/icons.js +5 -5
  148. package/dist/esm/MobileBanner/utils/icons.js.map +2 -2
  149. package/dist/esm/MobileCard/ActionAddon.js +3 -3
  150. package/dist/esm/MobileCard/ActionAddon.js.map +2 -2
  151. package/dist/esm/MobileCard/Card.js +97 -52
  152. package/dist/esm/MobileCard/Card.js.map +2 -2
  153. package/dist/esm/MobileCard/CardIcons.js +7 -7
  154. package/dist/esm/MobileCard/CardIcons.js.map +2 -2
  155. package/dist/esm/MobileCard/ExpandChevron.js +9 -8
  156. package/dist/esm/MobileCard/ExpandChevron.js.map +2 -2
  157. package/dist/esm/MobileCard/ExpandableRegion.js +9 -6
  158. package/dist/esm/MobileCard/ExpandableRegion.js.map +2 -2
  159. package/dist/esm/MobileCard/Group.js +30 -16
  160. package/dist/esm/MobileCard/Group.js.map +1 -1
  161. package/dist/esm/MobileContextMenu/MobileContextMenu.js +77 -60
  162. package/dist/esm/MobileContextMenu/MobileContextMenu.js.map +1 -1
  163. package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js +30 -18
  164. package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js.map +1 -1
  165. package/dist/esm/MobileContextMenu/MobileContextMenuItem.js +46 -31
  166. package/dist/esm/MobileContextMenu/MobileContextMenuItem.js.map +2 -2
  167. package/dist/esm/MobileDatePicker/Input.js +2 -2
  168. package/dist/esm/MobileDatePicker/Input.js.map +2 -2
  169. package/dist/esm/MobileDatePicker/MobileDatePicker.js +26 -24
  170. package/dist/esm/MobileDatePicker/MobileDatePicker.js.map +2 -2
  171. package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js +20 -15
  172. package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js.map +2 -2
  173. package/dist/esm/MobileDropdownMenu/MobileDropdownMenu.js +31 -25
  174. package/dist/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +1 -1
  175. package/dist/esm/MobileEmtpyState/MobileEmptyState.js +12 -5
  176. package/dist/esm/MobileEmtpyState/MobileEmptyState.js.map +2 -2
  177. package/dist/esm/MobileFilterbar/Filterbar.js +15 -7
  178. package/dist/esm/MobileFilterbar/Filterbar.js.map +2 -2
  179. package/dist/esm/MobileFilterbar/FilterbarItem.js +5 -4
  180. package/dist/esm/MobileFilterbar/FilterbarItem.js.map +2 -2
  181. package/dist/esm/MobileFilterbar/FilterbarSort.js +18 -10
  182. package/dist/esm/MobileFilterbar/FilterbarSort.js.map +2 -2
  183. package/dist/esm/MobileFooter/Action.js +21 -13
  184. package/dist/esm/MobileFooter/Action.js.map +1 -1
  185. package/dist/esm/MobileFooter/Footer.js +12 -8
  186. package/dist/esm/MobileFooter/Footer.js.map +1 -1
  187. package/dist/esm/MobileFooter/Text.js +4 -2
  188. package/dist/esm/MobileFooter/Text.js.map +2 -2
  189. package/dist/esm/MobileListItem/MobileListItem.js +21 -11
  190. package/dist/esm/MobileListItem/MobileListItem.js.map +2 -2
  191. package/dist/esm/MobileListItem/MobileListMultipleItem.js +11 -10
  192. package/dist/esm/MobileListItem/MobileListMultipleItem.js.map +2 -2
  193. package/dist/esm/MobileListItem/MobileListSeparator.js +18 -10
  194. package/dist/esm/MobileListItem/MobileListSeparator.js.map +2 -2
  195. package/dist/esm/MobileListItem/MobileListSingleItem.js +18 -10
  196. package/dist/esm/MobileListItem/MobileListSingleItem.js.map +2 -2
  197. package/dist/esm/MobilePageHeader/MobilePageHeader.js +127 -77
  198. package/dist/esm/MobilePageHeader/MobilePageHeader.js.map +1 -1
  199. package/dist/esm/MobileSelectList/MobileSelectList.js +69 -50
  200. package/dist/esm/MobileSelectList/MobileSelectList.js.map +1 -1
  201. package/dist/esm/MobileSelectList/styled.js +4 -4
  202. package/dist/esm/MobileSelectList/styled.js.map +2 -2
  203. package/dist/esm/MobileSeparator/Separator.js +2 -2
  204. package/dist/esm/MobileSeparator/Separator.js.map +2 -2
  205. package/dist/esm/MobileTimePicker/Input.js +2 -2
  206. package/dist/esm/MobileTimePicker/Input.js.map +2 -2
  207. package/dist/esm/MobileTimePicker/MobileTimePicker.js +25 -23
  208. package/dist/esm/MobileTimePicker/MobileTimePicker.js.map +2 -2
  209. package/dist/esm/MobileTouchable/MobileTouchable.js +6 -4
  210. package/dist/esm/MobileTouchable/MobileTouchable.js.map +2 -2
  211. package/dist/esm/Modal/Modal.js +84 -58
  212. package/dist/esm/Modal/Modal.js.map +2 -2
  213. package/dist/esm/PageFilter/PageFilter.js +39 -17
  214. package/dist/esm/PageFilter/PageFilter.js.map +2 -2
  215. package/dist/esm/PageForm/PageForm.js +20 -6
  216. package/dist/esm/PageForm/PageForm.js.map +2 -2
  217. package/dist/esm/PageList/PageList.js +21 -4
  218. package/dist/esm/PageList/PageList.js.map +2 -2
  219. package/dist/esm/PageSearch/PageSearch.js +24 -9
  220. package/dist/esm/PageSearch/PageSearch.js.map +2 -2
  221. package/dist/esm/PageSummary/PageSummary.js +27 -6
  222. package/dist/esm/PageSummary/PageSummary.js.map +2 -2
  223. package/dist/esm/SideNav/SideNav.js +86 -35
  224. package/dist/esm/SideNav/SideNav.js.map +2 -2
  225. package/dist/esm/SwipeToRefresh/ProgressIndicator.js +31 -26
  226. package/dist/esm/SwipeToRefresh/ProgressIndicator.js.map +2 -2
  227. package/dist/esm/SwipeToRefresh/ProgressLoader.js +154 -107
  228. package/dist/esm/SwipeToRefresh/ProgressLoader.js.map +2 -2
  229. package/dist/esm/SwipeToRefresh/SwipeToRefresh.js +31 -22
  230. package/dist/esm/SwipeToRefresh/SwipeToRefresh.js.map +2 -2
  231. package/dist/esm/Tabs/index.js +9 -6
  232. package/dist/esm/Tabs/index.js.map +1 -1
  233. package/package.json +16 -16
package/dist/esm/PageSummary/PageSummary.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import PropTypes from "prop-types";
4
4
  import { Grid } from "@elliemae/ds-grid";
5
5
  import { styled } from "@elliemae/ds-system";
@@ -20,11 +20,32 @@ const PageSummary = ({
20
20
  actions = null,
21
21
  actionsZIndex = 1,
22
22
  bodySecondary = null
23
- }) => /* @__PURE__ */ React2.createElement(DSFullPageContainer, null, header && /* @__PURE__ */ React2.createElement(Header, {
24
- zIndex: headerZIndex
25
- }, header), /* @__PURE__ */ React2.createElement(Section, null, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Body, null, bodyPrimary)), /* @__PURE__ */ React2.createElement(Toolbar, {
26
- zIndex: actionsZIndex
27
- }, actions), /* @__PURE__ */ React2.createElement(BodyWrapper, null, /* @__PURE__ */ React2.createElement(Body, null, bodySecondary))));
23
+ }) => /* @__PURE__ */ jsxs(DSFullPageContainer, {
24
+ children: [
25
+ header && /* @__PURE__ */ jsx(Header, {
26
+ zIndex: headerZIndex,
27
+ children: header
28
+ }),
29
+ /* @__PURE__ */ jsxs(Section, {
30
+ children: [
31
+ /* @__PURE__ */ jsx(Grid, {
32
+ children: /* @__PURE__ */ jsx(Body, {
33
+ children: bodyPrimary
34
+ })
35
+ }),
36
+ /* @__PURE__ */ jsx(Toolbar, {
37
+ zIndex: actionsZIndex,
38
+ children: actions
39
+ }),
40
+ /* @__PURE__ */ jsx(BodyWrapper, {
41
+ children: /* @__PURE__ */ jsx(Body, {
42
+ children: bodySecondary
43
+ })
44
+ })
45
+ ]
46
+ })
47
+ ]
48
+ });
28
49
  PageSummary.propTypes = {
29
50
  header: PropTypes.element,
30
51
  bodyPrimary: PropTypes.element,
package/dist/esm/PageSummary/PageSummary.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.tsx"],
4
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 '@elliemae/ds-system';\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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,IAAI,gCAAgC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,QAAQ,SAAS,aAAa,eAAe;AAEtD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,gBAAAA,OAAA,cAAC,2BACE,UAAU,gBAAAA,OAAA,cAAC;AAAA,EAAO,QAAQ;AAAA,GAAe,MAAO,GACjD,gBAAAA,OAAA,cAAC,eACC,gBAAAA,OAAA,cAAC,YACC,gBAAAA,OAAA,cAAC,YAAM,WAAY,CACrB,GACA,gBAAAA,OAAA,cAAC;AAAA,EAAQ,QAAQ;AAAA,GAAgB,OAAQ,GACzC,gBAAAA,OAAA,cAAC,mBACC,gBAAAA,OAAA,cAAC,YAAM,aAAc,CACvB,CACF,CACF;AAGF,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;AAC3B;AAEA,MAAM,gBAAgB;",
6
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,IAAI,gCAAgC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,QAAQ,SAAS,aAAa,eAAe;AAEtD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,qBAAC;AAAA,EACE;AAAA,cAAU,oBAAC;AAAA,MAAO,QAAQ;AAAA,MAAe;AAAA,KAAO;AAAA,IACjD,qBAAC;AAAA,MACC;AAAA,4BAAC;AAAA,UACC,8BAAC;AAAA,YAAM;AAAA,WAAY;AAAA,SACrB;AAAA,QACA,oBAAC;AAAA,UAAQ,QAAQ;AAAA,UAAgB;AAAA,SAAQ;AAAA,QACzC,oBAAC;AAAA,UACC,8BAAC;AAAA,YAAM;AAAA,WAAc;AAAA,SACvB;AAAA;AAAA,KACF;AAAA;AAAA,CACF;AAGF,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;AAC3B;AAEA,MAAM,gBAAgB;",
6
+ "names": []
7
7
  }
package/dist/esm/SideNav/SideNav.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { useState } from "react";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { useState } from "react";
3
4
  import { DSBackdrop } from "@elliemae/ds-backdrop";
4
5
  import { Close } from "@elliemae/ds-icons";
5
6
  import { DSIconSizes, DSIconColors } from "@elliemae/ds-icon";
@@ -15,40 +16,90 @@ const DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [],
15
16
  }
16
17
  setSelectedMenuItem(idx);
17
18
  };
18
- const renderMenuList = () => /* @__PURE__ */ React2.createElement(React2.Fragment, null, menuItems.length > 0 ? /* @__PURE__ */ React2.createElement(MenuList, null, menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
19
- key: idx,
20
- className: "menuitem",
21
- onClick: menuItemClick.bind(null, idx, text, onClick)
22
- }, /* @__PURE__ */ React2.createElement("div", {
23
- className: "icon"
24
- }, icon), /* @__PURE__ */ React2.createElement("div", {
25
- className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`
26
- }, text)))) : null);
27
- const renderBottomMenu = () => /* @__PURE__ */ React2.createElement(MenuList, null, bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
28
- key: idx,
29
- className: "menuitem",
30
- onClick: () => onClick(idx, text)
31
- }, /* @__PURE__ */ React2.createElement("div", {
32
- className: "icon"
33
- }, icon), /* @__PURE__ */ React2.createElement("div", {
34
- className: "text"
35
- }, text))));
36
- return /* @__PURE__ */ React2.createElement(Container, {
37
- "data-testid": containerProps["data-testid"] || "global-header-menu"
38
- }, /* @__PURE__ */ React2.createElement(DSBackdrop, {
39
- onClick: onClose,
40
- type: "cover"
41
- }), /* @__PURE__ */ React2.createElement(Menu, null, /* @__PURE__ */ React2.createElement(MenuWrapper, null, /* @__PURE__ */ React2.createElement(Heading, null, /* @__PURE__ */ React2.createElement(Icon, null, Logo()), /* @__PURE__ */ React2.createElement("div", {
42
- className: "content"
43
- }, /* @__PURE__ */ React2.createElement("label", null, title), /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement("div", {
44
- className: "icon"
45
- }, /* @__PURE__ */ React2.createElement(Close, {
46
- onClick: onClose,
47
- size: DSIconSizes.S,
48
- color: DSIconColors.WHITE
49
- })))), /* @__PURE__ */ React2.createElement(Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /* @__PURE__ */ React2.createElement(BottomMenu, null, /* @__PURE__ */ React2.createElement("div", {
50
- className: "content"
51
- }, /* @__PURE__ */ React2.createElement("hr", null), renderBottomMenu())) : null)));
19
+ const renderMenuList = () => /* @__PURE__ */ jsx(Fragment, {
20
+ children: menuItems.length > 0 ? /* @__PURE__ */ jsx(MenuList, {
21
+ children: menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ jsxs("div", {
22
+ className: "menuitem",
23
+ onClick: menuItemClick.bind(null, idx, text, onClick),
24
+ children: [
25
+ /* @__PURE__ */ jsx("div", {
26
+ className: "icon",
27
+ children: icon
28
+ }),
29
+ /* @__PURE__ */ jsx("div", {
30
+ className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`,
31
+ children: text
32
+ })
33
+ ]
34
+ }, idx))
35
+ }) : null
36
+ });
37
+ const renderBottomMenu = () => /* @__PURE__ */ jsx(MenuList, {
38
+ children: bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ jsxs("div", {
39
+ className: "menuitem",
40
+ onClick: () => onClick(idx, text),
41
+ children: [
42
+ /* @__PURE__ */ jsx("div", {
43
+ className: "icon",
44
+ children: icon
45
+ }),
46
+ /* @__PURE__ */ jsx("div", {
47
+ className: "text",
48
+ children: text
49
+ })
50
+ ]
51
+ }, idx))
52
+ });
53
+ return /* @__PURE__ */ jsxs(Container, {
54
+ "data-testid": containerProps["data-testid"] || "global-header-menu",
55
+ children: [
56
+ /* @__PURE__ */ jsx(DSBackdrop, {
57
+ onClick: onClose,
58
+ type: "cover"
59
+ }),
60
+ /* @__PURE__ */ jsx(Menu, {
61
+ children: /* @__PURE__ */ jsxs(MenuWrapper, {
62
+ children: [
63
+ /* @__PURE__ */ jsxs(Heading, {
64
+ children: [
65
+ /* @__PURE__ */ jsx(Icon, {
66
+ children: Logo()
67
+ }),
68
+ /* @__PURE__ */ jsxs("div", {
69
+ className: "content",
70
+ children: [
71
+ /* @__PURE__ */ jsx("label", {
72
+ children: title
73
+ }),
74
+ /* @__PURE__ */ jsx("span", {}),
75
+ /* @__PURE__ */ jsx("div", {
76
+ className: "icon",
77
+ children: /* @__PURE__ */ jsx(Close, {
78
+ onClick: onClose,
79
+ size: DSIconSizes.S,
80
+ color: DSIconColors.WHITE
81
+ })
82
+ })
83
+ ]
84
+ })
85
+ ]
86
+ }),
87
+ /* @__PURE__ */ jsx(Hr, {}),
88
+ renderMenuList(),
89
+ bottomMenuItems.length > 0 ? /* @__PURE__ */ jsx(BottomMenu, {
90
+ children: /* @__PURE__ */ jsxs("div", {
91
+ className: "content",
92
+ children: [
93
+ /* @__PURE__ */ jsx("hr", {}),
94
+ renderBottomMenu()
95
+ ]
96
+ })
97
+ }) : null
98
+ ]
99
+ })
100
+ })
101
+ ]
102
+ });
52
103
  };
53
104
  const menuProps = PropTypes.arrayOf(
54
105
  PropTypes.shape({
package/dist/esm/SideNav/SideNav.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/SideNav.tsx"],
4
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 '@elliemae/ds-utilities';\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;\nDSSideNav.displayName = 'DSSideNav';\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],
5
- "mappings": "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",
6
- "names": ["React"]
5
+ "mappings": "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",
6
+ "names": []
7
7
  }
package/dist/esm/SwipeToRefresh/ProgressIndicator.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useTheme } from "@elliemae/ds-system";
4
4
  import PropTypes from "prop-types";
5
5
  import { Grid } from "@elliemae/ds-grid";
@@ -9,34 +9,39 @@ const ProgressIndicator = ({ progress = 0 }) => {
9
9
  const factor = progress / 100;
10
10
  const theme = useTheme();
11
11
  const dashoffset = cir * (1 - factor);
12
- return /* @__PURE__ */ React2.createElement(Grid, {
12
+ return /* @__PURE__ */ jsx(Grid, {
13
13
  height: theme.space.s,
14
14
  width: theme.space.s,
15
15
  justifyContent: "center",
16
- alignItems: "center"
17
- }, /* @__PURE__ */ React2.createElement("svg", {
18
- width: "23",
19
- height: "23",
20
- viewBox: "0 0 120 120",
21
- transform: "rotate(-90)"
22
- }, /* @__PURE__ */ React2.createElement("circle", {
23
- cx: "60",
24
- cy: "60",
25
- r: "54",
26
- fill: "none",
27
- strokeWidth: "12",
28
- stroke: `${theme.colors.neutral[100]}`
29
- }), /* @__PURE__ */ React2.createElement("circle", {
30
- cx: "60",
31
- cy: "60",
32
- r: "54",
33
- strokeWidth: "12",
34
- fill: "none",
35
- strokeDasharray: `${cir}px`,
36
- strokeDashoffset: `${dashoffset}px`,
37
- stroke: `${theme.colors.brand[600]}`,
38
- strokeLinecap: "round"
39
- })));
16
+ alignItems: "center",
17
+ children: /* @__PURE__ */ jsxs("svg", {
18
+ width: "23",
19
+ height: "23",
20
+ viewBox: "0 0 120 120",
21
+ transform: "rotate(-90)",
22
+ children: [
23
+ /* @__PURE__ */ jsx("circle", {
24
+ cx: "60",
25
+ cy: "60",
26
+ r: "54",
27
+ fill: "none",
28
+ strokeWidth: "12",
29
+ stroke: `${theme.colors.neutral[100]}`
30
+ }),
31
+ /* @__PURE__ */ jsx("circle", {
32
+ cx: "60",
33
+ cy: "60",
34
+ r: "54",
35
+ strokeWidth: "12",
36
+ fill: "none",
37
+ strokeDasharray: `${cir}px`,
38
+ strokeDashoffset: `${dashoffset}px`,
39
+ stroke: `${theme.colors.brand[600]}`,
40
+ strokeLinecap: "round"
41
+ })
42
+ ]
43
+ })
44
+ });
40
45
  };
41
46
  ProgressIndicator.propTypes = {
42
47
  progress: PropTypes.number
package/dist/esm/SwipeToRefresh/ProgressIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressIndicator.tsx"],
4
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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,OAAO,eAAe;AACtB,SAAS,YAAY;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,gBAAAA,OAAA,cAAC;AAAA,IAAO,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,GAAQ,GACpG,gBAAAA,OAAA,cAAC;AAAA,IACC,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,GAChB,CACF,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,UAAU;AACtB;",
6
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,OAAO,eAAe;AACtB,SAAS,YAAY;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,oBAAC;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,IACpF,+BAAC;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,SAAQ;AAAA,MAAc,WAAU;AAAA,MAC1D;AAAA,4BAAC;AAAA,UAAO,IAAG;AAAA,UAAK,IAAG;AAAA,UAAK,GAAE;AAAA,UAAK,MAAK;AAAA,UAAO,aAAY;AAAA,UAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,SAAQ;AAAA,QACpG,oBAAC;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,aAAY;AAAA,UACZ,MAAK;AAAA,UACL,iBAAiB,GAAG;AAAA,UACpB,kBAAkB,GAAG;AAAA,UACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,UAC9B,eAAc;AAAA,SAChB;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,UAAU;AACtB;",
6
+ "names": []
7
7
  }
package/dist/esm/SwipeToRefresh/ProgressLoader.js CHANGED
@@ -1,117 +1,164 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  const ProgressLoader = () => {
4
4
  const width = 32;
5
5
  const height = 32;
6
- return /* @__PURE__ */ React2.createElement("svg", {
6
+ return /* @__PURE__ */ jsxs("svg", {
7
7
  viewBox: "0 0 40 40",
8
8
  width,
9
9
  height,
10
- rotate: "20deg"
11
- }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("clipPath", {
12
- id: "prefix__clip-path"
13
- }, /* @__PURE__ */ React2.createElement("circle", {
14
- className: "prefix__cls-1",
15
- cx: -220,
16
- cy: 21,
17
- r: 12
18
- })), /* @__PURE__ */ React2.createElement("clipPath", {
19
- id: "prefix__clip-path-2"
20
- }, /* @__PURE__ */ React2.createElement("circle", {
21
- className: "prefix__cls-1",
22
- cx: -220,
23
- cy: 9,
24
- r: 2
25
- })), /* @__PURE__ */ React2.createElement("clipPath", {
26
- id: "prefix__clip-path-3"
27
- }, /* @__PURE__ */ React2.createElement("circle", {
28
- className: "prefix__cls-1",
29
- cx: -159.98,
30
- cy: 21,
31
- r: 12
32
- })), /* @__PURE__ */ React2.createElement("clipPath", {
33
- id: "prefix__clip-path-4"
34
- }, /* @__PURE__ */ React2.createElement("path", {
35
- className: "prefix__cls-1",
36
- 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"
37
- })), /* @__PURE__ */ React2.createElement("clipPath", {
38
- id: "prefix__clip-path-5"
39
- }, /* @__PURE__ */ React2.createElement("path", {
40
- className: "prefix__cls-2",
41
- 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"
42
- })), /* @__PURE__ */ React2.createElement("clipPath", {
43
- id: "prefix__clip-path-6"
44
- }, /* @__PURE__ */ React2.createElement("circle", {
45
- className: "prefix__cls-1",
46
- cx: -99.68,
47
- cy: 21.22,
48
- r: 12
49
- })), /* @__PURE__ */ React2.createElement("clipPath", {
50
- id: "prefix__clip-path-7"
51
- }, /* @__PURE__ */ React2.createElement("path", {
52
- className: "prefix__cls-1",
53
- 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"
54
- })), /* @__PURE__ */ React2.createElement("clipPath", {
55
- id: "prefix__clip-path-8"
56
- }, /* @__PURE__ */ React2.createElement("path", {
57
- className: "prefix__cls-2",
58
- 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"
59
- })), /* @__PURE__ */ React2.createElement("clipPath", {
60
- id: "prefix__clip-path-9"
61
- }, /* @__PURE__ */ React2.createElement("circle", {
62
- className: "prefix__cls-1",
63
- cx: -39.52,
64
- cy: 21.9,
65
- r: 12
66
- })), /* @__PURE__ */ React2.createElement("clipPath", {
67
- id: "prefix__clip-path-10"
68
- }, /* @__PURE__ */ React2.createElement("path", {
69
- className: "prefix__cls-1",
70
- 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"
71
- })), /* @__PURE__ */ React2.createElement("clipPath", {
72
- id: "prefix__clip-path-11"
73
- }, /* @__PURE__ */ React2.createElement("path", {
74
- className: "prefix__cls-2",
75
- 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"
76
- })), /* @__PURE__ */ React2.createElement("clipPath", {
77
- id: "prefix__clip-path-12"
78
- }, /* @__PURE__ */ React2.createElement("path", {
79
- className: "prefix__cls-1",
80
- 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"
81
- })), /* @__PURE__ */ React2.createElement("clipPath", {
82
- id: "prefix__clip-path-13"
83
- }, /* @__PURE__ */ React2.createElement("path", {
84
- className: "prefix__cls-1",
85
- d: "M-155.52-51.1h282v114h-282z"
86
- })), /* @__PURE__ */ React2.createElement("clipPath", {
87
- id: "prefix__clip-path-14"
88
- }, /* @__PURE__ */ React2.createElement("path", {
89
- className: "prefix__cls-1",
90
- d: "M4.48 5.9h32v32h-32z"
91
- })), /* @__PURE__ */ React2.createElement("clipPath", {
92
- id: "prefix__clip-path-15"
93
- }, /* @__PURE__ */ React2.createElement("path", {
94
- className: "prefix__cls-2",
95
- 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"
96
- })), /* @__PURE__ */ React2.createElement("style", null, ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}")), /* @__PURE__ */ React2.createElement("g", {
97
- id: "prefix__Layer_5",
98
- "data-name": "Layer 5"
99
- }, /* @__PURE__ */ React2.createElement("g", {
100
- clipPath: "url(#prefix__clip-path-12)"
101
- }, /* @__PURE__ */ React2.createElement("g", {
102
- clipPath: "url(#prefix__clip-path-14)"
103
- }, /* @__PURE__ */ React2.createElement("image", {
104
- width: 32,
105
- height: 32,
106
- transform: "rotate(-90 21.19 16.71)",
107
- xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
108
- }))), /* @__PURE__ */ React2.createElement("g", {
109
- clipPath: "url(#prefix__clip-path-15)"
110
- }, /* @__PURE__ */ React2.createElement("path", {
111
- transform: "rotate(-77 22.961 10.28)",
112
- fill: "#3590ce",
113
- d: "M13.66 1.31h18.6v17.94h-18.6z"
114
- }))));
10
+ rotate: "20deg",
11
+ children: [
12
+ /* @__PURE__ */ jsxs("defs", {
13
+ children: [
14
+ /* @__PURE__ */ jsx("clipPath", {
15
+ id: "prefix__clip-path",
16
+ children: /* @__PURE__ */ jsx("circle", {
17
+ className: "prefix__cls-1",
18
+ cx: -220,
19
+ cy: 21,
20
+ r: 12
21
+ })
22
+ }),
23
+ /* @__PURE__ */ jsx("clipPath", {
24
+ id: "prefix__clip-path-2",
25
+ children: /* @__PURE__ */ jsx("circle", {
26
+ className: "prefix__cls-1",
27
+ cx: -220,
28
+ cy: 9,
29
+ r: 2
30
+ })
31
+ }),
32
+ /* @__PURE__ */ jsx("clipPath", {
33
+ id: "prefix__clip-path-3",
34
+ children: /* @__PURE__ */ jsx("circle", {
35
+ className: "prefix__cls-1",
36
+ cx: -159.98,
37
+ cy: 21,
38
+ r: 12
39
+ })
40
+ }),
41
+ /* @__PURE__ */ jsx("clipPath", {
42
+ id: "prefix__clip-path-4",
43
+ children: /* @__PURE__ */ jsx("path", {
44
+ className: "prefix__cls-1",
45
+ 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"
46
+ })
47
+ }),
48
+ /* @__PURE__ */ jsx("clipPath", {
49
+ id: "prefix__clip-path-5",
50
+ children: /* @__PURE__ */ jsx("path", {
51
+ className: "prefix__cls-2",
52
+ 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"
53
+ })
54
+ }),
55
+ /* @__PURE__ */ jsx("clipPath", {
56
+ id: "prefix__clip-path-6",
57
+ children: /* @__PURE__ */ jsx("circle", {
58
+ className: "prefix__cls-1",
59
+ cx: -99.68,
60
+ cy: 21.22,
61
+ r: 12
62
+ })
63
+ }),
64
+ /* @__PURE__ */ jsx("clipPath", {
65
+ id: "prefix__clip-path-7",
66
+ children: /* @__PURE__ */ jsx("path", {
67
+ className: "prefix__cls-1",
68
+ 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"
69
+ })
70
+ }),
71
+ /* @__PURE__ */ jsx("clipPath", {
72
+ id: "prefix__clip-path-8",
73
+ children: /* @__PURE__ */ jsx("path", {
74
+ className: "prefix__cls-2",
75
+ 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"
76
+ })
77
+ }),
78
+ /* @__PURE__ */ jsx("clipPath", {
79
+ id: "prefix__clip-path-9",
80
+ children: /* @__PURE__ */ jsx("circle", {
81
+ className: "prefix__cls-1",
82
+ cx: -39.52,
83
+ cy: 21.9,
84
+ r: 12
85
+ })
86
+ }),
87
+ /* @__PURE__ */ jsx("clipPath", {
88
+ id: "prefix__clip-path-10",
89
+ children: /* @__PURE__ */ jsx("path", {
90
+ className: "prefix__cls-1",
91
+ 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"
92
+ })
93
+ }),
94
+ /* @__PURE__ */ jsx("clipPath", {
95
+ id: "prefix__clip-path-11",
96
+ children: /* @__PURE__ */ jsx("path", {
97
+ className: "prefix__cls-2",
98
+ 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"
99
+ })
100
+ }),
101
+ /* @__PURE__ */ jsx("clipPath", {
102
+ id: "prefix__clip-path-12",
103
+ children: /* @__PURE__ */ jsx("path", {
104
+ className: "prefix__cls-1",
105
+ 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"
106
+ })
107
+ }),
108
+ /* @__PURE__ */ jsx("clipPath", {
109
+ id: "prefix__clip-path-13",
110
+ children: /* @__PURE__ */ jsx("path", {
111
+ className: "prefix__cls-1",
112
+ d: "M-155.52-51.1h282v114h-282z"
113
+ })
114
+ }),
115
+ /* @__PURE__ */ jsx("clipPath", {
116
+ id: "prefix__clip-path-14",
117
+ children: /* @__PURE__ */ jsx("path", {
118
+ className: "prefix__cls-1",
119
+ d: "M4.48 5.9h32v32h-32z"
120
+ })
121
+ }),
122
+ /* @__PURE__ */ jsx("clipPath", {
123
+ id: "prefix__clip-path-15",
124
+ children: /* @__PURE__ */ jsx("path", {
125
+ className: "prefix__cls-2",
126
+ 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"
127
+ })
128
+ }),
129
+ /* @__PURE__ */ jsx("style", {
130
+ children: ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}"
131
+ })
132
+ ]
133
+ }),
134
+ /* @__PURE__ */ jsxs("g", {
135
+ id: "prefix__Layer_5",
136
+ "data-name": "Layer 5",
137
+ children: [
138
+ /* @__PURE__ */ jsx("g", {
139
+ clipPath: "url(#prefix__clip-path-12)",
140
+ children: /* @__PURE__ */ jsx("g", {
141
+ clipPath: "url(#prefix__clip-path-14)",
142
+ children: /* @__PURE__ */ jsx("image", {
143
+ width: 32,
144
+ height: 32,
145
+ transform: "rotate(-90 21.19 16.71)",
146
+ xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
147
+ })
148
+ })
149
+ }),
150
+ /* @__PURE__ */ jsx("g", {
151
+ clipPath: "url(#prefix__clip-path-15)",
152
+ children: /* @__PURE__ */ jsx("path", {
153
+ transform: "rotate(-77 22.961 10.28)",
154
+ fill: "#3590ce",
155
+ d: "M13.66 1.31h18.6v17.94h-18.6z"
156
+ })
157
+ })
158
+ ]
159
+ })
160
+ ]
161
+ });
115
162
  };
116
163
  export {
117
164
  ProgressLoader