@elliemae/ds-mobile 3.17.0-next.10 → 3.17.0-next.11

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 (113) hide show
  1. package/dist/cjs/LoadingPage/Page.js +2 -2
  2. package/dist/cjs/LoadingPage/Page.js.map +2 -2
  3. package/dist/esm/LoadingPage/Page.js +2 -2
  4. package/dist/esm/LoadingPage/Page.js.map +2 -2
  5. package/dist/types/Accordion/DSMobileAccordion.d.ts +14 -0
  6. package/dist/types/Accordion/index.d.ts +1 -0
  7. package/dist/types/Accordion/react-desc-prop-types.d.ts +900 -0
  8. package/dist/types/CategoryBox/CategoryBox.d.ts +41 -0
  9. package/dist/types/CategoryBox/index.d.ts +1 -0
  10. package/dist/types/CollectionBox/CollectionBox.d.ts +41 -0
  11. package/dist/types/CollectionBox/index.d.ts +1 -0
  12. package/dist/types/FullPageContainer/FullPageContainer.d.ts +12 -0
  13. package/dist/types/FullPageContainer/FullPageContainerScroll.d.ts +14 -0
  14. package/dist/types/FullPageContainer/index.d.ts +2 -0
  15. package/dist/types/FullPageContainer/useMobileHeight.d.ts +1 -0
  16. package/dist/types/GlobalHeader/MobileGlobalHeader.d.ts +45 -0
  17. package/dist/types/GlobalHeader/index.d.ts +1 -0
  18. package/dist/types/GlobalHeader/styles.d.ts +7 -0
  19. package/dist/types/GroupBox/GroupBox.d.ts +47 -0
  20. package/dist/types/GroupBox/index.d.ts +1 -0
  21. package/dist/types/Icons/EM_logo.d.ts +3 -0
  22. package/dist/types/InfiniteLoader/Infiniteloader.d.ts +11 -0
  23. package/dist/types/InfiniteLoader/Loader.d.ts +12 -0
  24. package/dist/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts +39 -0
  25. package/dist/types/InfiniteLoader/index.d.ts +2 -0
  26. package/dist/types/InfiniteLoader/styled.d.ts +2 -0
  27. package/dist/types/LoadingPage/Page.d.ts +13 -0
  28. package/dist/types/LoadingPage/index.d.ts +3 -0
  29. package/dist/types/LoadingPage/tests/LoadingPage.test.d.ts +1 -0
  30. package/dist/types/MobileActionToolbar/MobileActionToolbar.d.ts +18 -0
  31. package/dist/types/MobileActionToolbar/MobileActionToolbarItem.d.ts +18 -0
  32. package/dist/types/MobileActionToolbar/index.d.ts +3 -0
  33. package/dist/types/MobileBanner/DSMobileBannerDefinitions.d.ts +1 -0
  34. package/dist/types/MobileBanner/MobileBanner.d.ts +463 -0
  35. package/dist/types/MobileBanner/config/useMobileBanner.d.ts +9 -0
  36. package/dist/types/MobileBanner/index.d.ts +2 -0
  37. package/dist/types/MobileBanner/propTypes.d.ts +494 -0
  38. package/dist/types/MobileBanner/styles.d.ts +30 -0
  39. package/dist/types/MobileBanner/tests/MobileBanner.events.test.d.ts +1 -0
  40. package/dist/types/MobileBanner/tests/MobileBanner.test.d.ts +1 -0
  41. package/dist/types/MobileBanner/utils/bannerTypes.d.ts +6 -0
  42. package/dist/types/MobileBanner/utils/icons.d.ts +7 -0
  43. package/dist/types/MobileBanner/utils/styleHelpers.d.ts +9 -0
  44. package/dist/types/MobileCard/ActionAddon.d.ts +23 -0
  45. package/dist/types/MobileCard/Card.d.ts +21 -0
  46. package/dist/types/MobileCard/CardIcons.d.ts +18 -0
  47. package/dist/types/MobileCard/ExpandChevron.d.ts +23 -0
  48. package/dist/types/MobileCard/ExpandableRegion.d.ts +12 -0
  49. package/dist/types/MobileCard/Group.d.ts +19 -0
  50. package/dist/types/MobileCard/StyledCard.d.ts +4 -0
  51. package/dist/types/MobileCard/index.d.ts +23 -0
  52. package/dist/types/MobileCard/props.d.ts +62 -0
  53. package/dist/types/MobileCard/useHeight.d.ts +1 -0
  54. package/dist/types/MobileContextMenu/MobileContextMenu.d.ts +16 -0
  55. package/dist/types/MobileContextMenu/MobileContextMenuGroup.d.ts +40 -0
  56. package/dist/types/MobileContextMenu/MobileContextMenuItem.d.ts +38 -0
  57. package/dist/types/MobileContextMenu/index.d.ts +3 -0
  58. package/dist/types/MobileDatePicker/Input.d.ts +5 -0
  59. package/dist/types/MobileDatePicker/MobileDatePicker.d.ts +46 -0
  60. package/dist/types/MobileDatePicker/index.d.ts +1 -0
  61. package/dist/types/MobileDropdownMenu/MobileDropdownInput.d.ts +17 -0
  62. package/dist/types/MobileDropdownMenu/MobileDropdownMenu.d.ts +34 -0
  63. package/dist/types/MobileDropdownMenu/index.d.ts +2 -0
  64. package/dist/types/MobileEmtpyState/MobileEmptyState.d.ts +8 -0
  65. package/dist/types/MobileEmtpyState/index.d.ts +3 -0
  66. package/dist/types/MobileFilterbar/Filterbar.d.ts +14 -0
  67. package/dist/types/MobileFilterbar/FilterbarItem.d.ts +17 -0
  68. package/dist/types/MobileFilterbar/FilterbarSort.d.ts +14 -0
  69. package/dist/types/MobileFilterbar/index.d.ts +4 -0
  70. package/dist/types/MobileFooter/Action.d.ts +23 -0
  71. package/dist/types/MobileFooter/Footer.d.ts +18 -0
  72. package/dist/types/MobileFooter/Text.d.ts +14 -0
  73. package/dist/types/MobileFooter/index.d.ts +4 -0
  74. package/dist/types/MobileFooter/tests/MobileFooter.test.d.ts +1 -0
  75. package/dist/types/MobileListItem/MobileListItem.d.ts +17 -0
  76. package/dist/types/MobileListItem/MobileListMultipleItem.d.ts +8 -0
  77. package/dist/types/MobileListItem/MobileListSingleItem.d.ts +8 -0
  78. package/dist/types/MobileListItem/index.d.ts +3 -0
  79. package/dist/types/MobileListItem/style.d.ts +3 -0
  80. package/dist/types/MobilePageHeader/MobilePageHeader.d.ts +22 -0
  81. package/dist/types/MobilePageHeader/index.d.ts +1 -0
  82. package/dist/types/MobileSelectList/MobileSelectList.d.ts +19 -0
  83. package/dist/types/MobileSelectList/index.d.ts +1 -0
  84. package/dist/types/MobileSelectList/styled.d.ts +14 -0
  85. package/dist/types/MobileSeparator/Separator.d.ts +24 -0
  86. package/dist/types/MobileSeparator/index.d.ts +3 -0
  87. package/dist/types/MobileTimePicker/Input.d.ts +5 -0
  88. package/dist/types/MobileTimePicker/MobileTimePicker.d.ts +47 -0
  89. package/dist/types/MobileTimePicker/index.d.ts +1 -0
  90. package/dist/types/MobileTouchable/MobileTouchable.d.ts +8 -0
  91. package/dist/types/MobileTouchable/index.d.ts +1 -0
  92. package/dist/types/Modal/Modal.d.ts +49 -0
  93. package/dist/types/Modal/index.d.ts +1 -0
  94. package/dist/types/Modal/styled.d.ts +8 -0
  95. package/dist/types/PageFilter/PageFilter.d.ts +39 -0
  96. package/dist/types/PageForm/PageForm.d.ts +27 -0
  97. package/dist/types/PageList/PageList.d.ts +16 -0
  98. package/dist/types/PageList/index.d.ts +1 -0
  99. package/dist/types/PageSearch/PageSearch.d.ts +16 -0
  100. package/dist/types/PageSummary/PageSummary.d.ts +21 -0
  101. package/dist/types/PageSummary/Tags.d.ts +5 -0
  102. package/dist/types/SideNav/SideNav.d.ts +39 -0
  103. package/dist/types/SideNav/index.d.ts +1 -0
  104. package/dist/types/SideNav/styles.d.ts +9 -0
  105. package/dist/types/SwipeToRefresh/ProgressIndicator.d.ts +10 -0
  106. package/dist/types/SwipeToRefresh/ProgressLoader.d.ts +2 -0
  107. package/dist/types/SwipeToRefresh/SwipeToRefresh.d.ts +23 -0
  108. package/dist/types/SwipeToRefresh/styled.d.ts +5 -0
  109. package/dist/types/SwipeToRefresh/useSwipe.d.ts +13 -0
  110. package/dist/types/Tabs/index.d.ts +17 -0
  111. package/dist/types/Tabs/propTypes.d.ts +17 -0
  112. package/dist/types/index.d.ts +35 -0
  113. package/package.json +17 -17
@@ -41,7 +41,7 @@ var import_ds_backdrop = __toESM(require("@elliemae/ds-backdrop"));
41
41
  const LoadingPageLoader = import_ds_system.styled.div`
42
42
  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
43
43
 
44
- z-index: ${(props) => props.zIndex};
44
+ z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};
45
45
  top: 25%;
46
46
  left: 15%;
47
47
  width: 70%;
@@ -50,7 +50,7 @@ const LoadingPageLoader = import_ds_system.styled.div`
50
50
  flex-direction: column;
51
51
  align-items: center;
52
52
  `;
53
- const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex = 1 }) => {
53
+ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex }) => {
54
54
  const [position, setPosition] = (0, import_react.useState)(null);
55
55
  const childRef = (0, import_react.useRef)(null);
56
56
  (0, import_react.useEffect)(() => {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n z-index: ${(props) => props.zIndex};\n top: 25%;\n left: 15%;\n width: 70%;\n height: 75%;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n const [position, setPosition] = useState(null);\n const childRef = useRef(null);\n useEffect(() => {\n if (childRef && childRef.current) {\n const style = childRef && window.getComputedStyle(childRef.current);\n setPosition(style.getPropertyValue('position'));\n }\n }, [childRef]);\n\n const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n const Loader = loader && loading && (\n <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n {loader}\n </LoadingPageLoader>\n );\n\n const injectRefPosition = (child) =>\n React.cloneElement(React.Children.only(child), {\n ref: childRef,\n children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n style: {\n ...get(child, 'props.style', {}),\n position: position === 'static' ? 'relative' : position,\n },\n });\n\n if (React.Children.count(children) === 0) {\n return (\n <>\n {Loader}\n {Back}\n </>\n );\n }\n return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n /**\n * z-index of dimmer background\n */\n backdropZIndex: PropTypes.number,\n /**\n * Children page to show behind the loader\n */\n children: PropTypes.element,\n /**\n * Array of elements centrally aligned\n */\n loader: PropTypes.arrayOf(PropTypes.element),\n /**\n * Show / hide loader\n */\n loading: PropTypes.bool,\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of loader, should be higher than the backdropZIndex\n */\n zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BG;AA7B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAAkC;AAClC,oBAAoB;AACpB,yBAAqB;AAErB,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,EAAE,MAAM;AAChG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,mBAAAA,SAAA,EAAS,MAAY,QAAQ,gBAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAC,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
4
+ "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\n top: 25%;\n left: 15%;\n width: 70%;\n height: 75%;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex }) => {\n const [position, setPosition] = useState(null);\n const childRef = useRef(null);\n useEffect(() => {\n if (childRef && childRef.current) {\n const style = childRef && window.getComputedStyle(childRef.current);\n setPosition(style.getPropertyValue('position'));\n }\n }, [childRef]);\n\n const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n const Loader = loader && loading && (\n <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n {loader}\n </LoadingPageLoader>\n );\n\n const injectRefPosition = (child) =>\n React.cloneElement(React.Children.only(child), {\n ref: childRef,\n children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n style: {\n ...get(child, 'props.style', {}),\n position: position === 'static' ? 'relative' : position,\n },\n });\n\n if (React.Children.count(children) === 0) {\n return (\n <>\n {Loader}\n {Back}\n </>\n );\n }\n return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n /**\n * z-index of dimmer background\n */\n backdropZIndex: PropTypes.number,\n /**\n * Children page to show behind the loader\n */\n children: PropTypes.element,\n /**\n * Array of elements centrally aligned\n */\n loader: PropTypes.arrayOf(PropTypes.element),\n /**\n * Show / hide loader\n */\n loading: PropTypes.bool,\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of loader, should be higher than the backdropZIndex\n */\n zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BG;AA7B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAAkC;AAClC,oBAAoB;AACpB,yBAAqB;AAErB,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3D,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,mBAAAA,SAAA,EAAS,MAAY,QAAQ,gBAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAC,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
6
6
  "names": ["Backdrop", "React", "PropTypes"]
7
7
  }
@@ -8,7 +8,7 @@ import Backdrop from "@elliemae/ds-backdrop";
8
8
  const LoadingPageLoader = styled.div`
9
9
  ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
10
10
 
11
- z-index: ${(props) => props.zIndex};
11
+ z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};
12
12
  top: 25%;
13
13
  left: 15%;
14
14
  width: 70%;
@@ -17,7 +17,7 @@ const LoadingPageLoader = styled.div`
17
17
  flex-direction: column;
18
18
  align-items: center;
19
19
  `;
20
- const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex = 1 }) => {
20
+ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex }) => {
21
21
  const [position, setPosition] = useState(null);
22
22
  const childRef = useRef(null);
23
23
  useEffect(() => {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/Page.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n z-index: ${(props) => props.zIndex};\n top: 25%;\n left: 15%;\n width: 70%;\n height: 75%;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n const [position, setPosition] = useState(null);\n const childRef = useRef(null);\n useEffect(() => {\n if (childRef && childRef.current) {\n const style = childRef && window.getComputedStyle(childRef.current);\n setPosition(style.getPropertyValue('position'));\n }\n }, [childRef]);\n\n const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n const Loader = loader && loading && (\n <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n {loader}\n </LoadingPageLoader>\n );\n\n const injectRefPosition = (child) =>\n React.cloneElement(React.Children.only(child), {\n ref: childRef,\n children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n style: {\n ...get(child, 'props.style', {}),\n position: position === 'static' ? 'relative' : position,\n },\n });\n\n if (React.Children.count(children) === 0) {\n return (\n <>\n {Loader}\n {Back}\n </>\n );\n }\n return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n /**\n * z-index of dimmer background\n */\n backdropZIndex: PropTypes.number,\n /**\n * Children page to show behind the loader\n */\n children: PropTypes.element,\n /**\n * Array of elements centrally aligned\n */\n loader: PropTypes.arrayOf(PropTypes.element),\n /**\n * Show / hide loader\n */\n loading: PropTypes.bool,\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of loader, should be higher than the backdropZIndex\n */\n zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;AC6BG,SAmBpB,UAnBoB,KAmBpB,YAnBoB;AA7B1B,OAAOA,UAAS,QAAQ,UAAU,iBAAiB;AACnD,OAAO,eAAe;AACtB,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW;AACpB,OAAO,cAAc;AAErB,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,EAAE,MAAM;AAChG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,oBAAC,YAAS,MAAY,QAAQ,gBAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,oBAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzBA,OAAM,aAAaA,OAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAUA,OAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,IAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAIA,OAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,iCACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU;AACpB;AAEA,MAAM,sBAAsB,UAAU,WAAW;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\n top: 25%;\n left: 15%;\n width: 70%;\n height: 75%;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex }) => {\n const [position, setPosition] = useState(null);\n const childRef = useRef(null);\n useEffect(() => {\n if (childRef && childRef.current) {\n const style = childRef && window.getComputedStyle(childRef.current);\n setPosition(style.getPropertyValue('position'));\n }\n }, [childRef]);\n\n const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n const Loader = loader && loading && (\n <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n {loader}\n </LoadingPageLoader>\n );\n\n const injectRefPosition = (child) =>\n React.cloneElement(React.Children.only(child), {\n ref: childRef,\n children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n style: {\n ...get(child, 'props.style', {}),\n position: position === 'static' ? 'relative' : position,\n },\n });\n\n if (React.Children.count(children) === 0) {\n return (\n <>\n {Loader}\n {Back}\n </>\n );\n }\n return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n /**\n * z-index of dimmer background\n */\n backdropZIndex: PropTypes.number,\n /**\n * Children page to show behind the loader\n */\n children: PropTypes.element,\n /**\n * Array of elements centrally aligned\n */\n loader: PropTypes.arrayOf(PropTypes.element),\n /**\n * Show / hide loader\n */\n loading: PropTypes.bool,\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of loader, should be higher than the backdropZIndex\n */\n zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;AC6BG,SAmBpB,UAnBoB,KAmBpB,YAnBoB;AA7B1B,OAAOA,UAAS,QAAQ,UAAU,iBAAiB;AACnD,OAAO,eAAe;AACtB,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW;AACpB,OAAO,cAAc;AAErB,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3D,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,oBAAC,YAAS,MAAY,QAAQ,gBAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,oBAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzBA,OAAM,aAAaA,OAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAUA,OAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,IAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAIA,OAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,iCACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU;AACpB;AAEA,MAAM,sBAAsB,UAAU,WAAW;",
6
6
  "names": ["React"]
7
7
  }
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import type { DSAccordionT } from '@elliemae/ds-accordion';
3
+ type DSMobileAccordionPropsT = Omit<DSAccordionT.Props, 'isDSMobile'>;
4
+ export declare const DSMobileAccordion: {
5
+ ({ children, ...props }: DSMobileAccordionPropsT): JSX.Element;
6
+ displayName: string;
7
+ };
8
+ export declare const DSMobileAccordionItem: {
9
+ ({ children, ...props }: DSAccordionT.ItemProps): JSX.Element;
10
+ displayName: string;
11
+ };
12
+ declare const DSMobileAccordionItemWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSAccordionT.ItemProps>;
13
+ declare const DSMobileAccordionWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSMobileAccordionPropsT>;
14
+ export { DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };
@@ -0,0 +1 @@
1
+ export * from './DSMobileAccordion.js';