@elliemae/ds-mobile 1.61.12 → 1.61.13
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.
- package/cjs/CategoryBox/CategoryBox.js.map +1 -1
- package/cjs/CollectionBox/CollectionBox.js.map +1 -1
- package/cjs/FullPageContainer/FullPageContainer.js.map +1 -1
- package/cjs/FullPageContainer/FullPageContainerScroll.js.map +1 -1
- package/cjs/FullPageContainer/useMobileHeight.js.map +1 -1
- package/cjs/GlobalHeader/MobileGlobalHeader.js.map +1 -1
- package/cjs/GlobalHeader/styles.js.map +1 -1
- package/cjs/GroupBox/GroupBox.js.map +1 -1
- package/cjs/Icons/EM_logo.js.map +1 -1
- package/cjs/InfiniteLoader/Infiniteloader.js.map +1 -1
- package/cjs/InfiniteLoader/Loader.js.map +1 -1
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +1 -1
- package/cjs/InfiniteLoader/styled.js.map +1 -1
- package/cjs/LoadingPage/Page.js.map +1 -1
- package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +1 -1
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +1 -1
- package/cjs/MobileBanner/MobileBanner.js.map +1 -1
- package/cjs/MobileBanner/defaultProps.js.map +1 -1
- package/cjs/MobileBanner/propTypes.js.map +1 -1
- package/cjs/MobileBanner/styles.js.map +1 -1
- package/cjs/MobileBanner/utils/bannerTypes.js.map +1 -1
- package/cjs/MobileBanner/utils/icons.js.map +1 -1
- package/cjs/MobileBanner/utils/styleHelpers.js.map +1 -1
- package/cjs/MobileCard/ActionAddon.js.map +1 -1
- package/cjs/MobileCard/Card.js.map +1 -1
- package/cjs/MobileCard/CardIcons.js.map +1 -1
- package/cjs/MobileCard/ExpandChevron.js.map +1 -1
- package/cjs/MobileCard/ExpandableRegion.js.map +1 -1
- package/cjs/MobileCard/Group.js.map +1 -1
- package/cjs/MobileCard/StyledCard.js.map +1 -1
- package/cjs/MobileCard/useHeight.js.map +1 -1
- package/cjs/MobileContextMenu/MobileContextMenu.js.map +1 -1
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +1 -1
- package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +1 -1
- package/cjs/MobileDatePicker/Input.js.map +1 -1
- package/cjs/MobileDatePicker/MobileDatePicker.js.map +1 -1
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +1 -1
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +1 -1
- package/cjs/MobileEmtpyState/MobileEmptyState.js.map +1 -1
- package/cjs/MobileFilterbar/Filterbar.js.map +1 -1
- package/cjs/MobileFilterbar/FilterbarItem.js.map +1 -1
- package/cjs/MobileFilterbar/FilterbarSort.js.map +1 -1
- package/cjs/MobileFooter/Action.js.map +1 -1
- package/cjs/MobileFooter/Footer.js.map +1 -1
- package/cjs/MobileFooter/Text.js.map +1 -1
- package/cjs/MobileListItem/MobileListItem.js.map +1 -1
- package/cjs/MobilePageHeader/MobilePageHeader.js.map +1 -1
- package/cjs/MobileSelectList/MobileSelectList.js.map +1 -1
- package/cjs/MobileSelectList/styled.js.map +1 -1
- package/cjs/MobileSeparator/Separator.js.map +1 -1
- package/cjs/MobileTimePicker/Input.js.map +1 -1
- package/cjs/MobileTimePicker/MobileTimePicker.js.map +1 -1
- package/cjs/MobileTouchable/MobileTouchable.js.map +1 -1
- package/cjs/Modal/Modal.js.map +1 -1
- package/cjs/Modal/styled.js.map +1 -1
- package/cjs/PageFilter/PageFilter.js.map +1 -1
- package/cjs/PageForm/PageForm.js.map +1 -1
- package/cjs/PageList/PageList.js.map +1 -1
- package/cjs/PageSearch/PageSearch.js.map +1 -1
- package/cjs/PageSummary/PageSummary.js.map +1 -1
- package/cjs/PageSummary/Tags.js.map +1 -1
- package/cjs/SideNav/SideNav.js.map +1 -1
- package/cjs/SideNav/styles.js.map +1 -1
- package/cjs/SwipeToRefresh/ProgressIndicator.js.map +1 -1
- package/cjs/SwipeToRefresh/ProgressLoader.js.map +1 -1
- package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +1 -1
- package/cjs/SwipeToRefresh/styled.js.map +1 -1
- package/cjs/SwipeToRefresh/useSwipe.js.map +1 -1
- package/cjs/Tabs/index.js.map +1 -1
- package/esm/CategoryBox/CategoryBox.js.map +1 -1
- package/esm/CollectionBox/CollectionBox.js.map +1 -1
- package/esm/FullPageContainer/FullPageContainer.js.map +1 -1
- package/esm/FullPageContainer/FullPageContainerScroll.js.map +1 -1
- package/esm/FullPageContainer/useMobileHeight.js.map +1 -1
- package/esm/GlobalHeader/MobileGlobalHeader.js.map +1 -1
- package/esm/GlobalHeader/styles.js.map +1 -1
- package/esm/GroupBox/GroupBox.js.map +1 -1
- package/esm/Icons/EM_logo.js.map +1 -1
- package/esm/InfiniteLoader/Infiniteloader.js.map +1 -1
- package/esm/InfiniteLoader/Loader.js.map +1 -1
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +1 -1
- package/esm/InfiniteLoader/styled.js.map +1 -1
- package/esm/LoadingPage/Page.js.map +1 -1
- package/esm/MobileActionToolbar/MobileActionToolbar.js.map +1 -1
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +1 -1
- package/esm/MobileBanner/MobileBanner.js.map +1 -1
- package/esm/MobileBanner/defaultProps.js.map +1 -1
- package/esm/MobileBanner/propTypes.js.map +1 -1
- package/esm/MobileBanner/styles.js.map +1 -1
- package/esm/MobileBanner/utils/bannerTypes.js.map +1 -1
- package/esm/MobileBanner/utils/icons.js.map +1 -1
- package/esm/MobileBanner/utils/styleHelpers.js.map +1 -1
- package/esm/MobileCard/ActionAddon.js.map +1 -1
- package/esm/MobileCard/Card.js.map +1 -1
- package/esm/MobileCard/CardIcons.js.map +1 -1
- package/esm/MobileCard/ExpandChevron.js.map +1 -1
- package/esm/MobileCard/ExpandableRegion.js.map +1 -1
- package/esm/MobileCard/Group.js.map +1 -1
- package/esm/MobileCard/StyledCard.js.map +1 -1
- package/esm/MobileCard/useHeight.js.map +1 -1
- package/esm/MobileContextMenu/MobileContextMenu.js.map +1 -1
- package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +1 -1
- package/esm/MobileContextMenu/MobileContextMenuItem.js.map +1 -1
- package/esm/MobileDatePicker/Input.js.map +1 -1
- package/esm/MobileDatePicker/MobileDatePicker.js.map +1 -1
- package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +1 -1
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +1 -1
- package/esm/MobileEmtpyState/MobileEmptyState.js.map +1 -1
- package/esm/MobileFilterbar/Filterbar.js.map +1 -1
- package/esm/MobileFilterbar/FilterbarItem.js.map +1 -1
- package/esm/MobileFilterbar/FilterbarSort.js.map +1 -1
- package/esm/MobileFooter/Action.js.map +1 -1
- package/esm/MobileFooter/Footer.js.map +1 -1
- package/esm/MobileFooter/Text.js.map +1 -1
- package/esm/MobileListItem/MobileListItem.js.map +1 -1
- package/esm/MobilePageHeader/MobilePageHeader.js.map +1 -1
- package/esm/MobileSelectList/MobileSelectList.js.map +1 -1
- package/esm/MobileSelectList/styled.js.map +1 -1
- package/esm/MobileSeparator/Separator.js.map +1 -1
- package/esm/MobileTimePicker/Input.js.map +1 -1
- package/esm/MobileTimePicker/MobileTimePicker.js.map +1 -1
- package/esm/MobileTouchable/MobileTouchable.js.map +1 -1
- package/esm/Modal/Modal.js.map +1 -1
- package/esm/Modal/styled.js.map +1 -1
- package/esm/PageFilter/PageFilter.js.map +1 -1
- package/esm/PageForm/PageForm.js.map +1 -1
- package/esm/PageList/PageList.js.map +1 -1
- package/esm/PageSearch/PageSearch.js.map +1 -1
- package/esm/PageSummary/PageSummary.js.map +1 -1
- package/esm/PageSummary/Tags.js.map +1 -1
- package/esm/SideNav/SideNav.js.map +1 -1
- package/esm/SideNav/styles.js.map +1 -1
- package/esm/SwipeToRefresh/ProgressIndicator.js.map +1 -1
- package/esm/SwipeToRefresh/ProgressLoader.js.map +1 -1
- package/esm/SwipeToRefresh/SwipeToRefresh.js.map +1 -1
- package/esm/SwipeToRefresh/styled.js.map +1 -1
- package/esm/SwipeToRefresh/useSwipe.js.map +1 -1
- package/esm/Tabs/index.js.map +1 -1
- package/package.json +6 -6
package/esm/Icons/EM_logo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EM_logo.js","sources":["../../../src/Icons/EM_logo.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nfunction SvgIcon() {\n return (\n <svg\n width=\"32px\"\n height=\"32px\"\n viewBox=\"0 0 32 32\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>em-logo-whitebackground</title>\n <g\n id=\"em-logo-whitebackground\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"16\" cy=\"16\" r=\"16\"></circle>\n <image\n id=\"Encompass_ICON_COLOR\"\n width=\"32\"\n height=\"32\"\n xlinkHref=\"data:image/png;base64,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\"\n ></image>\n </g>\n </svg>\n );\n}\n\nexport default SvgIcon;\n"],"names":["SvgIcon"],"mappings":";;AAAA;;AAGA,SAASA,OAAT,GAAmB;AACjB,sBACE;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,OAAO,EAAC,KAJV;AAKE,IAAA,KAAK,EAAC;AALR,kBAOE,6DAPF,eAQE;AACE,IAAA,EAAE,EAAC,yBADL;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,WAAW,EAAC,GAHd;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,QAAQ,EAAC;AALX,kBAOE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,IAAI,EAAC,SAAvB;AAAiC,IAAA,EAAE,EAAC,IAApC;AAAyC,IAAA,EAAE,EAAC,IAA5C;AAAiD,IAAA,CAAC,EAAC;AAAnD,IAPF,eAQE;AACE,IAAA,EAAE,EAAC,sBADL;AAEE,IAAA,KAAK,EAAC,IAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,IARF,CARF,CADF;AA0BD;;;;"}
|
|
1
|
+
{"version":3,"file":"EM_logo.js","sources":["../../../src/Icons/EM_logo.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nfunction SvgIcon() {\n return (\n <svg\n width=\"32px\"\n height=\"32px\"\n viewBox=\"0 0 32 32\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>em-logo-whitebackground</title>\n <g\n id=\"em-logo-whitebackground\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"16\" cy=\"16\" r=\"16\"></circle>\n <image\n id=\"Encompass_ICON_COLOR\"\n width=\"32\"\n height=\"32\"\n xlinkHref=\"data:image/png;base64,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\"\n ></image>\n </g>\n </svg>\n );\n}\n\nexport default SvgIcon;\n"],"names":["SvgIcon"],"mappings":";;AAAA;;AAGA,SAASA,OAAT,GAAmB;EACjB,oBACE;IACE,KAAK,EAAC,MADR;IAEE,MAAM,EAAC,MAFT;IAGE,OAAO,EAAC,WAHV;IAIE,OAAO,EAAC,KAJV;IAKE,KAAK,EAAC;kBAEN,6DAPF,eAQE;IACE,EAAE,EAAC,yBADL;IAEE,MAAM,EAAC,MAFT;IAGE,WAAW,EAAC,GAHd;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAC;kBAET;IAAQ,EAAE,EAAC,MAAX;IAAkB,IAAI,EAAC,SAAvB;IAAiC,EAAE,EAAC,IAApC;IAAyC,EAAE,EAAC,IAA5C;IAAiD,CAAC,EAAC;IAPrD,eAQE;IACE,EAAE,EAAC,sBADL;IAEE,KAAK,EAAC,IAFR;IAGE,MAAM,EAAC,IAHT;IAIE,SAAS,EAAC;IAZd,CARF,CADF;AA0BD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Infiniteloader.js","sources":["../../../src/InfiniteLoader/Infiniteloader.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader';\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height = window.innerHeight }) => {\n const callback = (entries) => {\n const { isIntersecting } = entries[0];\n if (isIntersecting && !isFetching) {\n fetchData();\n // observer.current.unobserve(target.current);\n observer.current.disconnect();\n observer.current = undefined;\n }\n };\n // const [target, setTarget] = useState(null);\n const target = useRef(null);\n const observer = useRef(null);\n\n useEffect(() => {\n if (observer.current) {\n observer.current.disconnect();\n }\n observer.current = new IntersectionObserver(callback, {\n root: null,\n rootMargin: '0px',\n threshold: 0.25,\n });\n if (target.current) {\n observer.current.observe(target.current);\n }\n return () => {\n observer.current?.unobserve(target.current);\n observer.current?.disconnect();\n };\n }, [target, observer, fetchData]);\n\n return (\n <Grid style={{ position: 'relative', height, overflow: 'hidden' }}>\n <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height }}>\n {children}\n <div ref={target} style={{ height: 1 }} />\n </Grid>\n <Loader isOpen={isFetching} />\n </Grid>\n );\n};\n\nconst listProps = {\n /** toggle loading state */\n isFetching: PropTypes.bool.description('toggle loading state'),\n /** callback to fetch new items */\n fetchData: PropTypes.func.description('callback to fetch new items'),\n /** row items for infinite loader */\n children: PropTypes.element.description('row items for infinite loader'),\n /** infinite loader list height */\n height: PropTypes.number.isRequired.description('infinite loader list height'),\n};\n\nInfiniteLoader.propTypes = listProps;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\n\nInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n"],"names":["InfiniteLoader","isFetching","fetchData","children","height","window","innerHeight","callback","entries","isIntersecting","observer","current","disconnect","undefined","target","useRef","useEffect","IntersectionObserver","root","rootMargin","threshold","observe","unobserve","position","overflow","listProps","PropTypes","bool","description","func","element","number","isRequired","propTypes","InfiniteLoaderWithSchema","describe"],"mappings":";;;;;;;;;IAKMA,cAAc,GAAG,SAAjBA,cAAiB,OAAsE;
|
|
1
|
+
{"version":3,"file":"Infiniteloader.js","sources":["../../../src/InfiniteLoader/Infiniteloader.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader';\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height = window.innerHeight }) => {\n const callback = (entries) => {\n const { isIntersecting } = entries[0];\n if (isIntersecting && !isFetching) {\n fetchData();\n // observer.current.unobserve(target.current);\n observer.current.disconnect();\n observer.current = undefined;\n }\n };\n // const [target, setTarget] = useState(null);\n const target = useRef(null);\n const observer = useRef(null);\n\n useEffect(() => {\n if (observer.current) {\n observer.current.disconnect();\n }\n observer.current = new IntersectionObserver(callback, {\n root: null,\n rootMargin: '0px',\n threshold: 0.25,\n });\n if (target.current) {\n observer.current.observe(target.current);\n }\n return () => {\n observer.current?.unobserve(target.current);\n observer.current?.disconnect();\n };\n }, [target, observer, fetchData]);\n\n return (\n <Grid style={{ position: 'relative', height, overflow: 'hidden' }}>\n <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height }}>\n {children}\n <div ref={target} style={{ height: 1 }} />\n </Grid>\n <Loader isOpen={isFetching} />\n </Grid>\n );\n};\n\nconst listProps = {\n /** toggle loading state */\n isFetching: PropTypes.bool.description('toggle loading state'),\n /** callback to fetch new items */\n fetchData: PropTypes.func.description('callback to fetch new items'),\n /** row items for infinite loader */\n children: PropTypes.element.description('row items for infinite loader'),\n /** infinite loader list height */\n height: PropTypes.number.isRequired.description('infinite loader list height'),\n};\n\nInfiniteLoader.propTypes = listProps;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\n\nInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n"],"names":["InfiniteLoader","isFetching","fetchData","children","height","window","innerHeight","callback","entries","isIntersecting","observer","current","disconnect","undefined","target","useRef","useEffect","IntersectionObserver","root","rootMargin","threshold","observe","unobserve","position","overflow","listProps","PropTypes","bool","description","func","element","number","isRequired","propTypes","InfiniteLoaderWithSchema","describe"],"mappings":";;;;;;;;;IAKMA,cAAc,GAAG,SAAjBA,cAAiB,OAAsE;EAAA,IAAnEC,UAAmE,QAAnEA,UAAmE;MAAvDC,SAAuD,QAAvDA,SAAuD;MAA5CC,QAA4C,QAA5CA,QAA4C;yBAAlCC,MAAkC;MAAlCA,MAAkC,4BAAzBC,MAAM,CAACC,WAAkB;;EAC3F,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAa;IAC5B,IAAQC,cAAR,GAA2BD,OAAO,CAAC,CAAD,CAAlC,CAAQC,cAAR;;IACA,IAAIA,cAAc,IAAI,CAACR,UAAvB,EAAmC;MACjCC,SAAS,GADwB;;MAGjCQ,QAAQ,CAACC,OAAT,CAAiBC,UAAjB;MACAF,QAAQ,CAACC,OAAT,GAAmBE,SAAnB;;GANJ,CAD2F;;;EAW3F,IAAMC,MAAM,GAAGC,MAAM,CAAC,IAAD,CAArB;EACA,IAAML,QAAQ,GAAGK,MAAM,CAAC,IAAD,CAAvB;EAEAC,SAAS,CAAC,YAAM;IACd,IAAIN,QAAQ,CAACC,OAAb,EAAsB;MACpBD,QAAQ,CAACC,OAAT,CAAiBC,UAAjB;;;IAEFF,QAAQ,CAACC,OAAT,GAAmB,IAAIM,oBAAJ,CAAyBV,QAAzB,EAAmC;MACpDW,IAAI,EAAE,IAD8C;MAEpDC,UAAU,EAAE,KAFwC;MAGpDC,SAAS,EAAE;KAHM,CAAnB;;IAKA,IAAIN,MAAM,CAACH,OAAX,EAAoB;MAClBD,QAAQ,CAACC,OAAT,CAAiBU,OAAjB,CAAyBP,MAAM,CAACH,OAAhC;;;IAEF,OAAO,YAAM;MAAA;;MACX,qBAAAD,QAAQ,CAACC,OAAT,wEAAkBW,SAAlB,CAA4BR,MAAM,CAACH,OAAnC;MACA,sBAAAD,QAAQ,CAACC,OAAT,0EAAkBC,UAAlB;KAFF;GAZO,EAgBN,CAACE,MAAD,EAASJ,QAAT,EAAmBR,SAAnB,CAhBM,CAAT;EAkBA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEqB,QAAQ,EAAE,UAAZ;MAAwBnB,MAAM,EAANA,MAAxB;MAAgCoB,QAAQ,EAAE;;kBACrD,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA,QAAQ,EAAEvB,UAAU,GAAG,QAAH,GAAc,MAApC;MAA4CG,MAAM,EAANA;;KACtDD,QADH,eAEE;IAAK,GAAG,EAAEW,MAAV;IAAkB,KAAK,EAAE;MAAEV,MAAM,EAAE;;IAFrC,CADF,eAKE,oBAAC,MAAD;IAAQ,MAAM,EAAEH;IALlB,CADF;AASD;;AAED,IAAMwB,SAAS,GAAG;;EAEhBxB,UAAU,EAAEyB,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sBAA3B,CAFI;;;EAIhB1B,SAAS,EAAEwB,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,6BAA3B,CAJK;;;EAMhBzB,QAAQ,EAAEuB,SAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,+BAA9B,CANM;;;EAQhBxB,MAAM,EAAEsB,SAAS,CAACK,MAAV,CAAiBC,UAAjB,CAA4BJ,WAA5B,CAAwC,6BAAxC;AARQ,CAAlB;AAWA5B,cAAc,CAACiC,SAAf,GAA2BR,SAA3B;IAEMS,wBAAwB,GAAGC,QAAQ,CAACnC,cAAD;AAEzCkC,wBAAwB,CAACD,SAAzB,GAAqCR,SAArC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/InfiniteLoader/Loader.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled';\n\nexport const Loader = ({ isOpen }) => (\n <LoaderBox className={isOpen && 'opened'}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </LoaderBox>\n);\n\nLoader.propTypes = {\n isOpen: PropTypes.bool,\n};\n"],"names":["Loader","isOpen","propTypes","PropTypes","bool"],"mappings":";;;;;;AAAA;IAMaA,MAAM,GAAG,SAATA,MAAS;
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/InfiniteLoader/Loader.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled';\n\nexport const Loader = ({ isOpen }) => (\n <LoaderBox className={isOpen && 'opened'}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </LoaderBox>\n);\n\nLoader.propTypes = {\n isOpen: PropTypes.bool,\n};\n"],"names":["Loader","isOpen","propTypes","PropTypes","bool"],"mappings":";;;;;;AAAA;IAMaA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,oBACpB,oBAAC,SAAD;IAAW,SAAS,EAAEA,MAAM,IAAI;kBAC9B,oBAAC,gCAAD;IAAkC,UAAU,MAA5C;IAA6C,KAAK,EAAC;IADrD,CADoB;AAAA;AAMtBD,MAAM,CAACE,SAAP,GAAmB;EACjBD,MAAM,EAAEE,SAAS,CAACC;AADD,CAAnB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedInfiniteLoader.js","sources":["../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n moreItemsLoading = false,\n hasNextPage = false,\n isItemLoaded = () => true,\n loadMoreItems,\n getItemSize = () => 38,\n height,\n item: Row,\n}) => {\n const [itemCount, setItemCount] = useState(10);\n\n const loadMore = (startIndex, stopIndex) => {\n if (hasNextPage) setItemCount(itemCount + 1);\n return loadMoreItems(startIndex, stopIndex);\n };\n\n return (\n <div style={{ position: 'relative' }}>\n <RWInfiniteLoader\n isItemLoaded={isItemLoaded}\n itemCount={itemCount}\n loadMoreItems={loadMore}\n >\n {({ onItemsRendered, ref }) => (\n <List\n className=\"List\"\n height={height}\n itemCount={itemCount}\n itemSize={getItemSize}\n onItemsRendered={onItemsRendered}\n ref={ref}\n width=\"100%\"\n >\n {Row}\n </List>\n )}\n </RWInfiniteLoader>\n {moreItemsLoading && (\n <div\n style={{\n position: 'absolute',\n bottom: 0,\n background: 'blue',\n zIndex: 1,\n }}\n >\n Loading\n </div>\n )}\n </div>\n );\n};\n\nconst listProps = {\n /** Function responsible for tracking the loaded state of each item. */\n isItemLoaded: PropTypes.bool.description(\n 'Function responsible for tracking the loaded state of each item.',\n ),\n /** Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n loadMoreItems: PropTypes.func.description(\n 'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n ),\n /** callback to get row item size */\n getItemSize: PropTypes.func.description('callback to get row item size'),\n /** height for the list */\n height: PropTypes.number.description('height for the list'),\n /** flag to know if virtual list should be on loading state */\n moreItemsLoading: PropTypes.bool.description(\n 'flag to know if virtual list s',\n ),\n /** Row item to render */\n item: PropTypes.element.description('Row item to render'),\n /** flag for virtualized list */\n hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\n\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n"],"names":["VirtualizedInfiniteLoader","moreItemsLoading","hasNextPage","isItemLoaded","loadMoreItems","getItemSize","height","Row","item","useState","itemCount","setItemCount","loadMore","startIndex","stopIndex","position","onItemsRendered","ref","List","bottom","background","zIndex","listProps","PropTypes","bool","description","func","number","element","propTypes","VirtualizedInfiniteLoaderWithSchema","describe"],"mappings":";;;;;;IAKMA,yBAAyB,GAAG,SAA5BA,yBAA4B,OAQ5B;
|
|
1
|
+
{"version":3,"file":"VirtualizedInfiniteLoader.js","sources":["../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n moreItemsLoading = false,\n hasNextPage = false,\n isItemLoaded = () => true,\n loadMoreItems,\n getItemSize = () => 38,\n height,\n item: Row,\n}) => {\n const [itemCount, setItemCount] = useState(10);\n\n const loadMore = (startIndex, stopIndex) => {\n if (hasNextPage) setItemCount(itemCount + 1);\n return loadMoreItems(startIndex, stopIndex);\n };\n\n return (\n <div style={{ position: 'relative' }}>\n <RWInfiniteLoader\n isItemLoaded={isItemLoaded}\n itemCount={itemCount}\n loadMoreItems={loadMore}\n >\n {({ onItemsRendered, ref }) => (\n <List\n className=\"List\"\n height={height}\n itemCount={itemCount}\n itemSize={getItemSize}\n onItemsRendered={onItemsRendered}\n ref={ref}\n width=\"100%\"\n >\n {Row}\n </List>\n )}\n </RWInfiniteLoader>\n {moreItemsLoading && (\n <div\n style={{\n position: 'absolute',\n bottom: 0,\n background: 'blue',\n zIndex: 1,\n }}\n >\n Loading\n </div>\n )}\n </div>\n );\n};\n\nconst listProps = {\n /** Function responsible for tracking the loaded state of each item. */\n isItemLoaded: PropTypes.bool.description(\n 'Function responsible for tracking the loaded state of each item.',\n ),\n /** Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n loadMoreItems: PropTypes.func.description(\n 'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n ),\n /** callback to get row item size */\n getItemSize: PropTypes.func.description('callback to get row item size'),\n /** height for the list */\n height: PropTypes.number.description('height for the list'),\n /** flag to know if virtual list should be on loading state */\n moreItemsLoading: PropTypes.bool.description(\n 'flag to know if virtual list s',\n ),\n /** Row item to render */\n item: PropTypes.element.description('Row item to render'),\n /** flag for virtualized list */\n hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\n\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n"],"names":["VirtualizedInfiniteLoader","moreItemsLoading","hasNextPage","isItemLoaded","loadMoreItems","getItemSize","height","Row","item","useState","itemCount","setItemCount","loadMore","startIndex","stopIndex","position","onItemsRendered","ref","List","bottom","background","zIndex","listProps","PropTypes","bool","description","func","number","element","propTypes","VirtualizedInfiniteLoaderWithSchema","describe"],"mappings":";;;;;;IAKMA,yBAAyB,GAAG,SAA5BA,yBAA4B,OAQ5B;EAAA,iCAPJC,gBAOI;MAPJA,gBAOI,sCAPe,KAOf;8BANJC,WAMI;MANJA,WAMI,iCANU,KAMV;+BALJC,YAKI;MALJA,YAKI,kCALW;IAAA,OAAM,IAAN;GAKX;MAJJC,aAII,QAJJA,aAII;8BAHJC,WAGI;MAHJA,WAGI,iCAHU;IAAA,OAAM,EAAN;GAGV;MAFJC,MAEI,QAFJA,MAEI;MADEC,GACF,QADJC,IACI;;EACJ,gBAAkCC,QAAQ,CAAC,EAAD,CAA1C;;MAAOC,SAAP;MAAkBC,YAAlB;;EAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,UAAD,EAAaC,SAAb,EAA2B;IAC1C,IAAIZ,WAAJ,EAAiBS,YAAY,CAACD,SAAS,GAAG,CAAb,CAAZ;IACjB,OAAON,aAAa,CAACS,UAAD,EAAaC,SAAb,CAApB;GAFF;;EAKA,oBACE;IAAK,KAAK,EAAE;MAAEC,QAAQ,EAAE;;kBACtB,oBAAC,gBAAD;IACE,YAAY,EAAEZ,YADhB;IAEE,SAAS,EAAEO,SAFb;IAGE,aAAa,EAAEE;KAEd;IAAA,IAAGI,eAAH,SAAGA,eAAH;QAAoBC,GAApB,SAAoBA,GAApB;IAAA,oBACC,oBAACC,gBAAD;MACE,SAAS,EAAC,MADZ;MAEE,MAAM,EAAEZ,MAFV;MAGE,SAAS,EAAEI,SAHb;MAIE,QAAQ,EAAEL,WAJZ;MAKE,eAAe,EAAEW,eALnB;MAME,GAAG,EAAEC,GANP;MAOE,KAAK,EAAC;OAELV,GATH,CADD;GALH,CADF,EAoBGN,gBAAgB,iBACf;IACE,KAAK,EAAE;MACLc,QAAQ,EAAE,UADL;MAELI,MAAM,EAAE,CAFH;MAGLC,UAAU,EAAE,MAHP;MAILC,MAAM,EAAE;;eA1BhB,CADF;AAmCD;;AAED,IAAMC,SAAS,GAAG;;EAEhBnB,YAAY,EAAEoB,SAAS,CAACC,IAAV,CAAeC,WAAf,CACZ,kEADY,CAFE;;;EAMhBrB,aAAa,EAAEmB,SAAS,CAACG,IAAV,CAAeD,WAAf,CACb,uIADa,CANC;;;EAUhBpB,WAAW,EAAEkB,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,+BAA3B,CAVG;;;EAYhBnB,MAAM,EAAEiB,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,qBAA7B,CAZQ;;;EAchBxB,gBAAgB,EAAEsB,SAAS,CAACC,IAAV,CAAeC,WAAf,CAChB,gCADgB,CAdF;;;EAkBhBjB,IAAI,EAAEe,SAAS,CAACK,OAAV,CAAkBH,WAAlB,CAA8B,oBAA9B,CAlBU;;;EAoBhBvB,WAAW,EAAEqB,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,2BAA3B;AApBG,CAAlB;AAuBAzB,yBAAyB,CAAC6B,SAA1B,GAAsCP,SAAtC;IAEMQ,mCAAmC,GAAGC,QAAQ,CAAC/B,yBAAD;AAEpD8B,mCAAmC,CAACD,SAApC,GAAgDP,SAAhD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/InfiniteLoader/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const LoaderBox = styled.div`\n position: absolute;\n width: 100%;\n z-index: 10;\n background-color: white;\n height: 50px;\n bottom: -50px;\n border-top: 1px solid #e0e3e8;\n align-items: center;\n transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n &.opened {\n transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n bottom: 0;\n }\n`;\n"],"names":["LoaderBox","styled","div"],"mappings":";;IAEaA,SAAS,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../src/InfiniteLoader/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const LoaderBox = styled.div`\n position: absolute;\n width: 100%;\n z-index: 10;\n background-color: white;\n height: 50px;\n bottom: -50px;\n border-top: 1px solid #e0e3e8;\n align-items: center;\n transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n &.opened {\n transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n bottom: 0;\n }\n`;\n"],"names":["LoaderBox","styled","div"],"mappings":";;IAEaA,SAAS,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sources":["../../../src/LoadingPage/Page.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-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"],"names":["LoadingPageLoader","styled","div","type","props","zIndex","LoadingPage","backdropZIndex","children","loader","loading","useState","position","setPosition","childRef","useRef","useEffect","current","style","window","getComputedStyle","getPropertyValue","Back","Loader","injectRefPosition","child","React","cloneElement","Children","only","ref","toArray","concat","get","count","propTypes","PropTypes","number","element","arrayOf","bool","oneOf","DSMobileLoadingPage","withTheme"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"Page.js","sources":["../../../src/LoadingPage/Page.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-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"],"names":["LoadingPageLoader","styled","div","type","props","zIndex","LoadingPage","backdropZIndex","children","loader","loading","useState","position","setPosition","childRef","useRef","useEffect","current","style","window","getComputedStyle","getPropertyValue","Back","Loader","injectRefPosition","child","React","cloneElement","Children","only","ref","toArray","concat","get","count","propTypes","PropTypes","number","element","arrayOf","bool","oneOf","DSMobileLoadingPage","withTheme"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileActionToolbar.js","sources":["../../../src/MobileActionToolbar/MobileActionToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n display: flex;\n justify-content: space-around;\n align-items: center;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n const rows = [1];\n const toolbarHeight = theme.space.m;\n const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n return (\n <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n {buttons}\n </ToolStrip>\n );\n};\n\nconst props = {\n /** toggle box shadow for buttons border */\n withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n /** button array for the mobile action toolbar */\n buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n"],"names":["ToolStrip","styled","Grid","props","theme","colors","neutral","Toolbar","withDepth","buttons","rows","toolbarHeight","space","m","borderStyle","boxShadow","PropTypes","bool","description","arrayOf","element","propTypes","DSMobileActionToolbar","withTheme","DSMobileActionToolbarWithSchema","describe"],"mappings":";;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"MobileActionToolbar.js","sources":["../../../src/MobileActionToolbar/MobileActionToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n display: flex;\n justify-content: space-around;\n align-items: center;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n const rows = [1];\n const toolbarHeight = theme.space.m;\n const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n return (\n <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n {buttons}\n </ToolStrip>\n );\n};\n\nconst props = {\n /** toggle box shadow for buttons border */\n withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n /** button array for the mobile action toolbar */\n buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n"],"names":["ToolStrip","styled","Grid","props","theme","colors","neutral","Toolbar","withDepth","buttons","rows","toolbarHeight","space","m","borderStyle","boxShadow","PropTypes","bool","description","arrayOf","element","propTypes","DSMobileActionToolbar","withTheme","DSMobileActionToolbarWithSchema","describe"],"mappings":";;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,4FAIO,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJP,CAAf;;AAMA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAA+C;EAAA,0BAA5CC,SAA4C;MAA5CA,SAA4C,+BAAhC,IAAgC;0BAA1BC,OAA0B;MAA1BA,OAA0B,6BAAhB,EAAgB;MAAZL,KAAY,QAAZA,KAAY;EAC7D,IAAMM,IAAI,GAAG,CAAC,CAAD,CAAb;EACA,IAAMC,aAAa,GAAGP,KAAK,CAACQ,KAAN,CAAYC,CAAlC;EACA,IAAMC,WAAW,GAAGN,SAAS,GAAG;IAAEO,SAAS,EAAE;GAAhB,GAAkD;IAAEA,SAAS,EAAE;GAA5F;EACA,oBACE,oBAAC,SAAD;IAAW,IAAI,EAAEL,IAAjB;IAAuB,MAAM,EAAEC,aAA/B;IAA8C,KAAK,EAAEG;KAClDL,OADH,CADF;AAKD,CATD;;AAWA,IAAMN,KAAK,GAAG;;EAEZK,SAAS,EAAEQ,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sCAA3B,CAFC;;;EAIZT,OAAO,EAAEO,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,OAA5B,EAAqCF,WAArC,CAAiD,4CAAjD;AAJG,CAAd;AAOAX,OAAO,CAACc,SAAR,GAAoBlB,KAApB;IAEMmB,qBAAqB,GAAGC,SAAS,CAAChB,OAAD;IAEjCiB,+BAA+B,GAAGC,QAAQ,CAACH,qBAAD;AAChDE,+BAA+B,CAACH,SAAhC,GAA4ClB,KAA5C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileActionToolbarItem.js","sources":["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n const displayIcon = React.cloneElement(icon, { size: 'm' });\n return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n /** toolbar item icon */\n icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n"],"names":["ToolbarItem","icon","otherProps","displayIcon","React","cloneElement","size","displayName","props","PropTypes","element","description","propTypes","DSToolbarItemWithSchema","describe"],"mappings":";;;;;;;;IAIMA,WAAW,GAAG,SAAdA,WAAc,OAA6B;
|
|
1
|
+
{"version":3,"file":"MobileActionToolbarItem.js","sources":["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n const displayIcon = React.cloneElement(icon, { size: 'm' });\n return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n /** toolbar item icon */\n icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n"],"names":["ToolbarItem","icon","otherProps","displayIcon","React","cloneElement","size","displayName","props","PropTypes","element","description","propTypes","DSToolbarItemWithSchema","describe"],"mappings":";;;;;;;;IAIMA,WAAW,GAAG,SAAdA,WAAc,OAA6B;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;MAAjBC,UAAiB;;EAC/C,IAAMC,WAAW,gBAAGC,KAAK,CAACC,YAAN,CAAmBJ,IAAnB,EAAyB;IAAEK,IAAI,EAAE;GAAjC,CAApB;EACA,oBAAO,oBAAC,QAAD,eAAcJ,UAAd;IAA0B,UAAU,EAAC,MAArC;IAA4C,IAAI,EAAEC,WAAlD;IAA+D,IAAI,EAAC;KAA3E;AACD;;AAEDH,WAAW,CAACO,WAAZ,GAA0B,aAA1B;AAEA,IAAMC,KAAK,GAAG;;EAEZP,IAAI,EAAEQ,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,mBAA9B;AAFM,CAAd;AAKAX,WAAW,CAACY,SAAZ,GAAwBJ,KAAxB;IAEMK,uBAAuB,GAAGC,QAAQ,CAACd,WAAD;AAExCa,uBAAuB,CAACD,SAAxB,GAAoCJ,KAApC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileBanner.js","sources":["../../../src/MobileBanner/MobileBanner.tsx"],"sourcesContent":["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n StyledActionLink,\n StyledCloseButton,\n StyledInnerContainer,\n StyledBannerContainer,\n StyledContent,\n StyledIconContainer,\n StyledSubTitle,\n StyledTitle,\n StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n type,\n isOpen,\n closeButtonOnClick,\n label,\n body,\n actionLinkLabel,\n actionLinkHref,\n actionLinkOnClick,\n showCloseButton,\n containerProps,\n focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n const innerContainerRef = useRef<HTMLDivElement | null>(null);\n const closeRef = useRef<HTMLDivElement | null>(null);\n const [current, setCurrent] = useState<boolean>(isOpen);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n if (innerContainerRef.current) {\n setHeight(innerContainerRef.current.offsetHeight);\n }\n }, [isAnimating, isOpen]);\n\n useEffect(() => {\n if (focusOnOpen && closeRef.current && isOpen) {\n closeRef.current?.focus?.();\n }\n }, [focusOnOpen, isOpen]);\n\n useLayoutEffect(() => {\n if (isOpen !== current || isOpen) setIsAnimating(true);\n else setIsAnimating(false);\n }, [isOpen, current]);\n\n if (!isAnimating && !isOpen) return null;\n\n return (\n <StyledBannerContainer\n type={type}\n isOpen={isOpen}\n isAnimating={isAnimating}\n onAnimationEnd={() => setCurrent(isOpen)}\n height={height}\n {...containerProps}\n data-testid=\"ds-mobile-banner-container\"\n role=\"alert\"\n >\n <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n <StyledContent showCloseButton={showCloseButton}>\n <StyledTitle>{label}</StyledTitle>\n <StyledSubTitle>\n {body}\n {actionLinkLabel && (\n <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n {actionLinkLabel}\n </StyledActionLink>\n )}\n </StyledSubTitle>\n </StyledContent>\n {showCloseButton && (\n <StyledCloseButtonContainer>\n <StyledCloseButton\n data-testid=\"ds-mobile-banner-close-button\"\n buttonType=\"link\"\n onClick={closeButtonOnClick}\n aria-label=\"Close Banner\"\n icon={<CloseX width=\"12px\" height=\"12px\" />}\n innerRef={closeRef}\n />\n </StyledCloseButtonContainer>\n )}\n </StyledInnerContainer>\n </StyledBannerContainer>\n );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],"names":["DSMobileBanner","type","isOpen","closeButtonOnClick","label","body","actionLinkLabel","actionLinkHref","actionLinkOnClick","showCloseButton","containerProps","focusOnOpen","innerContainerRef","useRef","closeRef","useState","current","setCurrent","isAnimating","setIsAnimating","height","setHeight","useEffect","offsetHeight","focus","useLayoutEffect","icons","defaultProps","propTypes","DSMobileBannerWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;IAmBMA,cAAc,GAAG,SAAjBA,cAAiB,OAYgB;
|
|
1
|
+
{"version":3,"file":"MobileBanner.js","sources":["../../../src/MobileBanner/MobileBanner.tsx"],"sourcesContent":["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n StyledActionLink,\n StyledCloseButton,\n StyledInnerContainer,\n StyledBannerContainer,\n StyledContent,\n StyledIconContainer,\n StyledSubTitle,\n StyledTitle,\n StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n type,\n isOpen,\n closeButtonOnClick,\n label,\n body,\n actionLinkLabel,\n actionLinkHref,\n actionLinkOnClick,\n showCloseButton,\n containerProps,\n focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n const innerContainerRef = useRef<HTMLDivElement | null>(null);\n const closeRef = useRef<HTMLDivElement | null>(null);\n const [current, setCurrent] = useState<boolean>(isOpen);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [height, setHeight] = useState<number>(0);\n\n useEffect(() => {\n if (innerContainerRef.current) {\n setHeight(innerContainerRef.current.offsetHeight);\n }\n }, [isAnimating, isOpen]);\n\n useEffect(() => {\n if (focusOnOpen && closeRef.current && isOpen) {\n closeRef.current?.focus?.();\n }\n }, [focusOnOpen, isOpen]);\n\n useLayoutEffect(() => {\n if (isOpen !== current || isOpen) setIsAnimating(true);\n else setIsAnimating(false);\n }, [isOpen, current]);\n\n if (!isAnimating && !isOpen) return null;\n\n return (\n <StyledBannerContainer\n type={type}\n isOpen={isOpen}\n isAnimating={isAnimating}\n onAnimationEnd={() => setCurrent(isOpen)}\n height={height}\n {...containerProps}\n data-testid=\"ds-mobile-banner-container\"\n role=\"alert\"\n >\n <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n <StyledContent showCloseButton={showCloseButton}>\n <StyledTitle>{label}</StyledTitle>\n <StyledSubTitle>\n {body}\n {actionLinkLabel && (\n <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n {actionLinkLabel}\n </StyledActionLink>\n )}\n </StyledSubTitle>\n </StyledContent>\n {showCloseButton && (\n <StyledCloseButtonContainer>\n <StyledCloseButton\n data-testid=\"ds-mobile-banner-close-button\"\n buttonType=\"link\"\n onClick={closeButtonOnClick}\n aria-label=\"Close Banner\"\n icon={<CloseX width=\"12px\" height=\"12px\" />}\n innerRef={closeRef}\n />\n </StyledCloseButtonContainer>\n )}\n </StyledInnerContainer>\n </StyledBannerContainer>\n );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],"names":["DSMobileBanner","type","isOpen","closeButtonOnClick","label","body","actionLinkLabel","actionLinkHref","actionLinkOnClick","showCloseButton","containerProps","focusOnOpen","innerContainerRef","useRef","closeRef","useState","current","setCurrent","isAnimating","setIsAnimating","height","setHeight","useEffect","offsetHeight","focus","useLayoutEffect","icons","defaultProps","propTypes","DSMobileBannerWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../../src/MobileBanner/defaultProps.ts"],"sourcesContent":["import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n type: MOBILE_BANNER_TYPES.SUCCESS,\n isOpen: false,\n closeButtonOnClick: () => null,\n actionLinkLabel: null,\n actionLinkHref: null,\n actionLinkOnClick: () => null,\n label: '',\n body: '',\n showCloseButton: true,\n containerProps: {},\n focusOnOpen: false,\n};\n"],"names":["defaultProps","type","MOBILE_BANNER_TYPES","SUCCESS","isOpen","closeButtonOnClick","actionLinkLabel","actionLinkHref","actionLinkOnClick","label","body","showCloseButton","containerProps","focusOnOpen"],"mappings":";;IAEaA,YAAY,GAAG;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["../../../src/MobileBanner/defaultProps.ts"],"sourcesContent":["import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n type: MOBILE_BANNER_TYPES.SUCCESS,\n isOpen: false,\n closeButtonOnClick: () => null,\n actionLinkLabel: null,\n actionLinkHref: null,\n actionLinkOnClick: () => null,\n label: '',\n body: '',\n showCloseButton: true,\n containerProps: {},\n focusOnOpen: false,\n};\n"],"names":["defaultProps","type","MOBILE_BANNER_TYPES","SUCCESS","isOpen","closeButtonOnClick","actionLinkLabel","actionLinkHref","actionLinkOnClick","label","body","showCloseButton","containerProps","focusOnOpen"],"mappings":";;IAEaA,YAAY,GAAG;EAC1BC,IAAI,EAAEC,mBAAmB,CAACC,OADA;EAE1BC,MAAM,EAAE,KAFkB;EAG1BC,kBAAkB,EAAE;IAAA,OAAM,IAAN;GAHM;EAI1BC,eAAe,EAAE,IAJS;EAK1BC,cAAc,EAAE,IALU;EAM1BC,iBAAiB,EAAE;IAAA,OAAM,IAAN;GANO;EAO1BC,KAAK,EAAE,EAPmB;EAQ1BC,IAAI,EAAE,EARoB;EAS1BC,eAAe,EAAE,IATS;EAU1BC,cAAc,EAAE,EAVU;EAW1BC,WAAW,EAAE;AAXa;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../../src/MobileBanner/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),\n isOpen: PropTypes.bool.description('Whether the banner is open or not'),\n closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),\n actionLinkLabel: PropTypes.string.description('Label used in the the action link'),\n actionLinkHref: PropTypes.string.description('Href used in the the action link'),\n actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),\n label: PropTypes.string.description('Label text for the banner'),\n body: PropTypes.string.description('Body text for the banner'),\n showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),\n containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),\n focusOnOpen: PropTypes.bool.description(\n \"Whether the banner should get focus when its openedWhether the banner should get focus when it's opened\",\n ),\n};\n"],"names":["propTypes","type","PropTypes","oneOf","description","isOpen","bool","closeButtonOnClick","func","actionLinkLabel","string","actionLinkHref","actionLinkOnClick","label","body","showCloseButton","containerProps","shape","focusOnOpen"],"mappings":";;IAEaA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../../src/MobileBanner/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),\n isOpen: PropTypes.bool.description('Whether the banner is open or not'),\n closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),\n actionLinkLabel: PropTypes.string.description('Label used in the the action link'),\n actionLinkHref: PropTypes.string.description('Href used in the the action link'),\n actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),\n label: PropTypes.string.description('Label text for the banner'),\n body: PropTypes.string.description('Body text for the banner'),\n showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),\n containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),\n focusOnOpen: PropTypes.bool.description(\n \"Whether the banner should get focus when its openedWhether the banner should get focus when it's opened\",\n ),\n};\n"],"names":["propTypes","type","PropTypes","oneOf","description","isOpen","bool","closeButtonOnClick","func","actionLinkLabel","string","actionLinkHref","actionLinkOnClick","label","body","showCloseButton","containerProps","shape","focusOnOpen"],"mappings":";;IAEaA,SAAS,GAAG;EACvBC,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,EAAoB,SAApB,EAA+B,OAA/B,CAAhB,EAAyDC,WAAzD,CAAqE,gBAArE,CADiB;EAEvBC,MAAM,EAAEH,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mCAA3B,CAFe;EAGvBG,kBAAkB,EAAEL,SAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,2CAA3B,CAHG;EAIvBK,eAAe,EAAEP,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,mCAA7B,CAJM;EAKvBO,cAAc,EAAET,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,kCAA7B,CALO;EAMvBQ,iBAAiB,EAAEV,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,0CAA7B,CANI;EAOvBS,KAAK,EAAEX,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,2BAA7B,CAPgB;EAQvBU,IAAI,EAAEZ,SAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,0BAA7B,CARiB;EASvBW,eAAe,EAAEb,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mDAA3B,CATM;EAUvBY,cAAc,EAAEd,SAAS,CAACe,KAAV,CAAgB,EAAhB,EAAoBb,WAApB,CAAgC,oDAAhC,CAVO;EAWvBc,WAAW,EAAEhB,SAAS,CAACI,IAAV,CAAeF,WAAf,CACX,yGADW;AAXU;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 6px;\n margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":";;;;;;;IAMaA,oBAAoB,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 6px;\n margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bannerTypes.js","sources":["../../../../src/MobileBanner/utils/bannerTypes.ts"],"sourcesContent":["export const MOBILE_BANNER_TYPES = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n"],"names":["MOBILE_BANNER_TYPES","INFO","SUCCESS","WARNING","ERROR"],"mappings":"IAAaA,mBAAmB,GAAG;
|
|
1
|
+
{"version":3,"file":"bannerTypes.js","sources":["../../../../src/MobileBanner/utils/bannerTypes.ts"],"sourcesContent":["export const MOBILE_BANNER_TYPES = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n"],"names":["MOBILE_BANNER_TYPES","INFO","SUCCESS","WARNING","ERROR"],"mappings":"IAAaA,mBAAmB,GAAG;EACjCC,IAAI,EAAE,MAD2B;EAEjCC,OAAO,EAAE,SAFwB;EAGjCC,OAAO,EAAE,SAHwB;EAIjCC,KAAK,EAAE;AAJ0B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["../../../../src/MobileBanner/utils/icons.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n success: <SuccessFill fill=\"#207e56\" />,\n info: <InfoFill fill=\"#1e79c2\" />,\n error: <AlertsDetailFill width=\"24px\" height=\"24px\" fill=\"#c64252\" />,\n warning: <WarningSquare width=\"24px\" height=\"24px\" fill=\"#d17a00\" />,\n};\n"],"names":["icons","success","info","error","warning"],"mappings":";;;IAGaA,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../../../../src/MobileBanner/utils/icons.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n success: <SuccessFill fill=\"#207e56\" />,\n info: <InfoFill fill=\"#1e79c2\" />,\n error: <AlertsDetailFill width=\"24px\" height=\"24px\" fill=\"#c64252\" />,\n warning: <WarningSquare width=\"24px\" height=\"24px\" fill=\"#d17a00\" />,\n};\n"],"names":["icons","success","info","error","warning"],"mappings":";;;IAGaA,KAAK,GAAG;EACnBC,OAAO,eAAE,oBAAC,WAAD;IAAa,IAAI,EAAC;IADR;EAEnBC,IAAI,eAAE,oBAAC,QAAD;IAAU,IAAI,EAAC;IAFF;EAGnBC,KAAK,eAAE,oBAAC,gBAAD;IAAkB,KAAK,EAAC,MAAxB;IAA+B,MAAM,EAAC,MAAtC;IAA6C,IAAI,EAAC;IAHtC;EAInBC,OAAO,eAAE,oBAAC,aAAD;IAAe,KAAK,EAAC,MAArB;IAA4B,MAAM,EAAC,MAAnC;IAA0C,IAAI,EAAC;;AAJrC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleHelpers.js","sources":["../../../../src/MobileBanner/utils/styleHelpers.ts"],"sourcesContent":["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes';\n\nexport const slideIn = kfrm`\n 0% {\n transform: translate3d(0, -100%, 0);\n }\n 100% {\n transform: translate3d(0, 0, 0);\n }\n`;\n\nexport const slideOut = kfrm`\n 0% {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n 0% {\n height: 0px;\n }\n 100% {\n height: ${height}px;\n }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n 0% {\n height: ${height}px;\n }\n 100% {\n height: 0px;\n }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n switch (type) {\n case MOBILE_BANNER_TYPES.SUCCESS:\n return colors.success[900];\n case MOBILE_BANNER_TYPES.INFO:\n return colors.brand[600];\n case MOBILE_BANNER_TYPES.WARNING:\n return colors.warning[900];\n case MOBILE_BANNER_TYPES.ERROR:\n return colors.danger[900];\n }\n};\n\nexport const handleAnimation = (\n isAnimating: boolean,\n isOpen: boolean,\n height: number | null = null,\n): FlattenSimpleInterpolation => {\n if (isAnimating) {\n if (isOpen) {\n return css`\n animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n `;\n } else {\n return css`\n animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n `;\n }\n }\n};\n"],"names":["slideIn","kfrm","slideOut","spanContainer","height","shrinkContainer","handleBorderColor","type","colors","MOBILE_BANNER_TYPES","SUCCESS","success","INFO","brand","WARNING","warning","ERROR","danger","handleAnimation","isAnimating","isOpen","css"],"mappings":";;;;;IAKaA,OAAO,GAAGC,IAAH;IASPC,QAAQ,GAAGD,IAAH;IAcRE,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;
|
|
1
|
+
{"version":3,"file":"styleHelpers.js","sources":["../../../../src/MobileBanner/utils/styleHelpers.ts"],"sourcesContent":["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes';\n\nexport const slideIn = kfrm`\n 0% {\n transform: translate3d(0, -100%, 0);\n }\n 100% {\n transform: translate3d(0, 0, 0);\n }\n`;\n\nexport const slideOut = kfrm`\n 0% {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n 0% {\n height: 0px;\n }\n 100% {\n height: ${height}px;\n }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n 0% {\n height: ${height}px;\n }\n 100% {\n height: 0px;\n }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n switch (type) {\n case MOBILE_BANNER_TYPES.SUCCESS:\n return colors.success[900];\n case MOBILE_BANNER_TYPES.INFO:\n return colors.brand[600];\n case MOBILE_BANNER_TYPES.WARNING:\n return colors.warning[900];\n case MOBILE_BANNER_TYPES.ERROR:\n return colors.danger[900];\n }\n};\n\nexport const handleAnimation = (\n isAnimating: boolean,\n isOpen: boolean,\n height: number | null = null,\n): FlattenSimpleInterpolation => {\n if (isAnimating) {\n if (isOpen) {\n return css`\n animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n `;\n } else {\n return css`\n animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n `;\n }\n }\n};\n"],"names":["slideIn","kfrm","slideOut","spanContainer","height","shrinkContainer","handleBorderColor","type","colors","MOBILE_BANNER_TYPES","SUCCESS","success","INFO","brand","WARNING","warning","ERROR","danger","handleAnimation","isAnimating","isOpen","css"],"mappings":";;;;;IAKaA,OAAO,GAAGC,IAAH;IASPC,QAAQ,GAAGD,IAAH;IAcRE,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;EAAA,OAAoBH,IAApB,6IAKfG,MALe;AAAA;IAShBC,eAAe,GAAG,SAAlBA,eAAkB,CAACD,MAAD;EAAA,OAAoBH,IAApB,6IAEjBG,MAFiB;AAAA;IASlBE,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,IAAD,QAAkD;EAAA,IAArBC,MAAqB,QAArBA,MAAqB;;EACjF,QAAQD,IAAR;IACE,KAAKE,mBAAmB,CAACC,OAAzB;MACE,OAAOF,MAAM,CAACG,OAAP,CAAe,GAAf,CAAP;;IACF,KAAKF,mBAAmB,CAACG,IAAzB;MACE,OAAOJ,MAAM,CAACK,KAAP,CAAa,GAAb,CAAP;;IACF,KAAKJ,mBAAmB,CAACK,OAAzB;MACE,OAAON,MAAM,CAACO,OAAP,CAAe,GAAf,CAAP;;IACF,KAAKN,mBAAmB,CAACO,KAAzB;MACE,OAAOR,MAAM,CAACS,MAAP,CAAc,GAAd,CAAP;;AAEL;IAEYC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,WAD6B,EAE7BC,MAF6B,EAIE;EAAA,IAD/BhB,MAC+B,uEADP,IACO;;EAC/B,IAAIe,WAAJ,EAAiB;IACf,IAAIC,MAAJ,EAAY;MACV,OAAOC,GAAP,uHACejB,MAAM,GAAGD,aAAa,CAACC,MAAD,CAAhB,GAA2BJ,OADhD;KADF,MAIO;MACL,OAAOqB,GAAP,uHACejB,MAAM,GAAGC,eAAe,CAACD,MAAD,CAAlB,GAA6BF,QADlD;;;AAKL;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionAddon.js","sources":["../../../src/MobileCard/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n background-color: transparent;\n padding-right: 4px;\n height: 100%;\n border: none;\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.brand['700']};\n cursor: pointer;\n &:focus,\n &::after {\n background-color: transparent;\n box-shadow: none !important; /* needed */\n border: none !important; /* needed */\n }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n /**\n * Addon label\n */\n label: PropTypes.string,\n /**\n * On click callback\n */\n onClick: PropTypes.func,\n /**\n * Icon to display after the label\n */\n icon: PropTypes.element,\n};\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","propTypes","PropTypes","string","func","element"],"mappings":";;;;;;AAMA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,QAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"ActionAddon.js","sources":["../../../src/MobileCard/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n background-color: transparent;\n padding-right: 4px;\n height: 100%;\n border: none;\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.brand['700']};\n cursor: pointer;\n &:focus,\n &::after {\n background-color: transparent;\n box-shadow: none !important; /* needed */\n border: none !important; /* needed */\n }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n /**\n * Addon label\n */\n label: PropTypes.string,\n /**\n * On click callback\n */\n onClick: PropTypes.func,\n /**\n * Icon to display after the label\n */\n icon: PropTypes.element,\n};\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","propTypes","PropTypes","string","func","element"],"mappings":";;;;;;AAMA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,QAAD,CAAT;EAAA;AAAA,2OAMM,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;IAiBaC,WAAW,GAAG,SAAdA,WAAc;EAAA,IAAGC,KAAH,QAAGA,KAAH;MAAUC,OAAV,QAAUA,OAAV;MAAmBC,IAAnB,QAAmBA,IAAnB;EAAA,oBACzB,oBAAC,KAAD;IAAO,OAAO,EAAED,OAAhB;IAAyB,SAAS,EAAED,KAApC;IAA2C,IAAI,EAAEE,IAAI,iBAAI,oBAAC,gBAAD;MAAkB,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;;IADzD;AAAA;AAI3BH,WAAW,CAACI,SAAZ,GAAwB;;AAExB;AACA;EACEH,KAAK,EAAEI,SAAS,CAACC,MAJK;;;AAMxB;AACA;EACEJ,OAAO,EAAEG,SAAS,CAACE,IARG;;;AAUxB;AACA;EACEJ,IAAI,EAAEE,SAAS,CAACG;AAZM,CAAxB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../src/MobileCard/Card.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { padding } from 'styled-system';\nimport { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\n\nconst TitleEllipsis = styled.div`\n ${truncate()}\n`;\n\nconst Title = styled.div`\n ${padding}\n ${truncate()}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n width: 100%;\n ${color('neutral', '800')}\n`;\nconst Detail = styled.span`\n ${padding}\n ${truncate()}\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n ${truncate()}\n &:nth-child(2) {\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n }\n`;\nconst SubTextWrap = styled.div`\n ${truncate()}\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n margin-top: 6px;\n margin-bottom: 2px;\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n ${color('neutral', '500')}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n display: flex;\n justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)`\n & > span {\n height: ${(props) => props.halfM};\n width: ${(props) => props.halfM};\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: ${(props) => props.halfM};\n width: ${(props) => props.halfM};\n }\n`;\nconst CenterWrap = styled.div`\n display: flex;\n align-items: center;\n ${truncate()}\n`;\n\nconst MobileCard = ({\n children,\n height = 'm',\n leftAddOn,\n leftProp,\n rightProp,\n subText,\n subIcons,\n details,\n theme,\n expandable = false,\n expandedContent,\n value,\n}) => {\n const subTextRef = useRef(null);\n const subTextHeight = useHeight(subTextRef);\n const isJustChildren = !(subText || subIcons || details);\n const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n return (\n <GroupItem\n render={(context = {}) => {\n const { activeValue, onChange } = context;\n const selected =\n activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n return (\n <Card\n data-testid=\"card-wrapper\"\n minHeight={\n height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n }\n >\n {expandable && (\n <ExpandChevron\n isExpanded={selected}\n onClick={(e) => {\n e.stopPropagation();\n onChange({ target: { value } });\n }}\n align={subText || subIcons ? 'top' : 'center'}\n />\n )}\n <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n {leftAddOn && (\n <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n {leftAddOn}\n </LeftIcon>\n )}\n </Grid>\n <Grid\n pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n width=\"100%\"\n >\n <CenterWrap>\n <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n <TitleEllipsis>{children}</TitleEllipsis>\n {details && (\n <Grid\n data-testid=\"card-details\"\n cols={details.map(() => 'min-content')}\n mb={!(subText || subIcons) && halfM}\n pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n >\n {details.map((d, i) => (\n <Detail key={i}>\n {d}\n {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>•</Detail>}\n </Detail>\n ))}\n </Grid>\n )}\n </Title>\n {rightProp &&\n rightProp.map((prop, i) => (\n <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n {prop}\n </Grid>\n ))}\n </CenterWrap>\n {subIcons && (\n <SubTextWrap ref={subTextRef}>\n <SubText>{subIcons}</SubText>\n {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n </SubTextWrap>\n )}\n {subText && !subIcons && (\n <SubTextWrap ref={subTextRef}>\n {subText.map((s, i) => (\n <SubText data-testid=\"card-subText\" key={i}>\n {s}\n </SubText>\n ))}\n </SubTextWrap>\n )}\n <ExpandableRegion show={selected} content={expandedContent} />\n </Grid>\n </Card>\n );\n }}\n />\n );\n};\n\nconst props = {\n /**\n * card height\n */\n height: PropTypes.oneOf(['s', 'm']).description('card height'),\n /**\n * Defines mobile card title\n */\n children: PropTypes.string.isRequired.description('Defines mobile card title'),\n /**\n * Wheter if the card is expandable or not\n */\n expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),\n /**\n * content to display in expand card section\n */\n expandedContent: PropTypes.element.description('content to display in expand card section'),\n /**\n * Icon to the left of the card. Size is adjusted automatically.\n */\n leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),\n /**\n * Pass an element to render left. For example a Button with an icon\n */\n leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),\n /**\n * Pass an array of 1 or 2 elements to render right. For example a Button with an icon\n */\n rightProp: PropTypes.arrayOf(PropTypes.element).description(\n 'Pass an array of 1 or 2 elements to render right. For example a Button with an icon',\n ),\n /**\n * Pass an array of 1 or 2 strings\n */\n subText: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1 or 2 strings'),\n /**\n * SubIcons component\n */\n subIcons: PropTypes.element.description('SubIcons component'),\n /**\n * Pass an array of 1, 2 or 3 strings\n */\n details: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),\n theme: PropTypes.object.isRequired.description(''),\n value: PropTypes.number.description(''),\n};\n\nMobileCard.propTypes = props;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = props;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],"names":["TitleEllipsis","styled","div","truncate","Title","padding","props","theme","fontWeights","semibold","toMobile","fontSizes","title","color","Detail","span","regular","SubText","__UNSAFE_SPACE_TO_DIMSUM","space","xs","s","SubTextWrap","border","colors","neutral","xxs","subTitle","LeftIcon","Grid","halfM","CenterWrap","MobileCard","children","height","leftAddOn","leftProp","rightProp","subText","subIcons","details","expandable","expandedContent","value","subTextRef","useRef","subTextHeight","useHeight","isJustChildren","op","m","context","activeValue","onChange","selected","undefined","length","includes","Card","xxl","xl","e","stopPropagation","target","map","d","i","prop","PropTypes","oneOf","description","string","isRequired","bool","element","arrayOf","object","number","propTypes","DSMobileCardWithSchema","describe","withTheme"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../src/MobileCard/Card.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { padding } from 'styled-system';\nimport { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\n\nconst TitleEllipsis = styled.div`\n ${truncate()}\n`;\n\nconst Title = styled.div`\n ${padding}\n ${truncate()}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n width: 100%;\n ${color('neutral', '800')}\n`;\nconst Detail = styled.span`\n ${padding}\n ${truncate()}\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n ${truncate()}\n &:nth-child(2) {\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n }\n`;\nconst SubTextWrap = styled.div`\n ${truncate()}\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n margin-top: 6px;\n margin-bottom: 2px;\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n ${color('neutral', '500')}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n display: flex;\n justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)`\n & > span {\n height: ${(props) => props.halfM};\n width: ${(props) => props.halfM};\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: ${(props) => props.halfM};\n width: ${(props) => props.halfM};\n }\n`;\nconst CenterWrap = styled.div`\n display: flex;\n align-items: center;\n ${truncate()}\n`;\n\nconst MobileCard = ({\n children,\n height = 'm',\n leftAddOn,\n leftProp,\n rightProp,\n subText,\n subIcons,\n details,\n theme,\n expandable = false,\n expandedContent,\n value,\n}) => {\n const subTextRef = useRef(null);\n const subTextHeight = useHeight(subTextRef);\n const isJustChildren = !(subText || subIcons || details);\n const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n return (\n <GroupItem\n render={(context = {}) => {\n const { activeValue, onChange } = context;\n const selected =\n activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n return (\n <Card\n data-testid=\"card-wrapper\"\n minHeight={\n height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n }\n >\n {expandable && (\n <ExpandChevron\n isExpanded={selected}\n onClick={(e) => {\n e.stopPropagation();\n onChange({ target: { value } });\n }}\n align={subText || subIcons ? 'top' : 'center'}\n />\n )}\n <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n {leftAddOn && (\n <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n {leftAddOn}\n </LeftIcon>\n )}\n </Grid>\n <Grid\n pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n width=\"100%\"\n >\n <CenterWrap>\n <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n <TitleEllipsis>{children}</TitleEllipsis>\n {details && (\n <Grid\n data-testid=\"card-details\"\n cols={details.map(() => 'min-content')}\n mb={!(subText || subIcons) && halfM}\n pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n >\n {details.map((d, i) => (\n <Detail key={i}>\n {d}\n {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>•</Detail>}\n </Detail>\n ))}\n </Grid>\n )}\n </Title>\n {rightProp &&\n rightProp.map((prop, i) => (\n <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n {prop}\n </Grid>\n ))}\n </CenterWrap>\n {subIcons && (\n <SubTextWrap ref={subTextRef}>\n <SubText>{subIcons}</SubText>\n {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n </SubTextWrap>\n )}\n {subText && !subIcons && (\n <SubTextWrap ref={subTextRef}>\n {subText.map((s, i) => (\n <SubText data-testid=\"card-subText\" key={i}>\n {s}\n </SubText>\n ))}\n </SubTextWrap>\n )}\n <ExpandableRegion show={selected} content={expandedContent} />\n </Grid>\n </Card>\n );\n }}\n />\n );\n};\n\nconst props = {\n /**\n * card height\n */\n height: PropTypes.oneOf(['s', 'm']).description('card height'),\n /**\n * Defines mobile card title\n */\n children: PropTypes.string.isRequired.description('Defines mobile card title'),\n /**\n * Wheter if the card is expandable or not\n */\n expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),\n /**\n * content to display in expand card section\n */\n expandedContent: PropTypes.element.description('content to display in expand card section'),\n /**\n * Icon to the left of the card. Size is adjusted automatically.\n */\n leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),\n /**\n * Pass an element to render left. For example a Button with an icon\n */\n leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),\n /**\n * Pass an array of 1 or 2 elements to render right. For example a Button with an icon\n */\n rightProp: PropTypes.arrayOf(PropTypes.element).description(\n 'Pass an array of 1 or 2 elements to render right. For example a Button with an icon',\n ),\n /**\n * Pass an array of 1 or 2 strings\n */\n subText: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1 or 2 strings'),\n /**\n * SubIcons component\n */\n subIcons: PropTypes.element.description('SubIcons component'),\n /**\n * Pass an array of 1, 2 or 3 strings\n */\n details: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),\n theme: PropTypes.object.isRequired.description(''),\n value: PropTypes.number.description(''),\n};\n\nMobileCard.propTypes = props;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = props;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],"names":["TitleEllipsis","styled","div","truncate","Title","padding","props","theme","fontWeights","semibold","toMobile","fontSizes","title","color","Detail","span","regular","SubText","__UNSAFE_SPACE_TO_DIMSUM","space","xs","s","SubTextWrap","border","colors","neutral","xxs","subTitle","LeftIcon","Grid","halfM","CenterWrap","MobileCard","children","height","leftAddOn","leftProp","rightProp","subText","subIcons","details","expandable","expandedContent","value","subTextRef","useRef","subTextHeight","useHeight","isJustChildren","op","m","context","activeValue","onChange","selected","undefined","length","includes","Card","xxl","xl","e","stopPropagation","target","map","d","i","prop","PropTypes","oneOf","description","string","isRequired","bool","element","arrayOf","object","number","propTypes","DSMobileCardWithSchema","describe","withTheme"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardIcons.js","sources":["../../../src/MobileCard/CardIcons.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n align-items: center;\n span,\n svg {\n width: 12px !important;\n height: 12px !important;\n }\n span.icon-color-muted svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.neutral['600']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.neutral['600']};\n }\n }\n span.icon-color-warn svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.warning['600']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.warning['600']};\n }\n }\n span.icon-color-error svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.danger['900']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.danger['900']};\n }\n }\n span.icon-color-success svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.success['900']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.success['900']};\n }\n }\n span.icon-color-primary svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n span.icon-color-primary svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n {icons.map((Icon, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n ))}\n </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n /**\n * Array of Icons\n */\n icons: PropTypes.arrayOf(PropTypes.func),\n /**\n * Color Types: muted, warn, error, success\n */\n colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],"names":["CardIconsWrapper","styled","Grid","props","theme","colors","neutral","warning","danger","success","brand","SubIcons","icons","map","Icon","i","propTypes","PropTypes","arrayOf","func","oneOf"],"mappings":";;;;;AAAA;AAMA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"CardIcons.js","sources":["../../../src/MobileCard/CardIcons.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n align-items: center;\n span,\n svg {\n width: 12px !important;\n height: 12px !important;\n }\n span.icon-color-muted svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.neutral['600']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.neutral['600']};\n }\n }\n span.icon-color-warn svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.warning['600']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.warning['600']};\n }\n }\n span.icon-color-error svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.danger['900']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.danger['900']};\n }\n }\n span.icon-color-success svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.success['900']};\n height: 12px !important;\n width: 12px !important;\n\n & * {\n fill: ${(props) => props.theme.colors.success['900']};\n }\n }\n span.icon-color-primary svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n span.icon-color-primary svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n {icons.map((Icon, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n ))}\n </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n /**\n * Array of Icons\n */\n icons: PropTypes.arrayOf(PropTypes.func),\n /**\n * Color Types: muted, warn, error, success\n */\n colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],"names":["CardIconsWrapper","styled","Grid","props","theme","colors","neutral","warning","danger","success","brand","SubIcons","icons","map","Icon","i","propTypes","PropTypes","arrayOf","func","oneOf"],"mappings":";;;;;AAAA;AAMA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,soBASV,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATU,EAcR,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdQ,EAmBV,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAnBU,EAwBR,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAxBQ,EA6BV,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CA7BU,EAkCR,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CAlCQ,EAuCV,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvCU,EA4CR,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CA5CQ,EAiDV,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAjDU,EAqDV,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CArDU,CAAtB;IAyDaC,QAAQ,GAAG,SAAXA,QAAW;EAAA,sBAAGC,KAAH;MAAGA,KAAH,2BAAW,EAAX;yBAAeP,MAAf;MAAeA,MAAf,4BAAwB,EAAxB;EAAA,oBACtB,oBAAC,gBAAD;IAAkB,IAAI,EAAEO,KAAK,CAACC,GAAN,CAAU;MAAA,OAAM,MAAN;KAAV,CAAxB;IAAiD,MAAM,EAAC,KAAxD;IAA8D,MAAM,EAAC,MAArE;IAA4E,eAAY;KACrFD,KAAK,CAACC,GAAN,CAAU,UAACC,IAAD,EAAOC,CAAP;IAAA;;;MAET,oBAAC,IAAD;QAAM,GAAG,EAAEA,CAAX;QAAc,SAAS,uBAAgBV,MAAM,CAACU,CAAD,CAAN,IAAa,OAA7B;;;GAFxB,CADH,CADsB;AAAA;AASxBJ,QAAQ,CAACK,SAAT,GAAqB;;AAErB;AACA;EACEJ,KAAK,EAAEK,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CAJY;;;AAMrB;AACA;EACEd,MAAM,EAAEY,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,OAAlB,EAA2B,SAA3B,EAAsC,SAAtC,CAAhB,CAAlB;AARW,CAArB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandChevron.js","sources":["../../../src/MobileCard/ExpandChevron.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n const Chevron = isExpanded ? ChevronDown : ChevronRight;\n return (\n <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n </ChevronWrap>\n );\n};\n\nExpandChevron.propTypes = {\n /**\n * Whether if the chevron is expanded or not\n */\n isExpanded: PropTypes.bool,\n /**\n * click callback\n */\n onClick: PropTypes.func.isRequired,\n /**\n * top or center\n */\n align: PropTypes.string.isRequired,\n};\n"],"names":["ChevronWrap","styled","div","props","align","theme","space","xs","ExpandChevron","isExpanded","onClick","Chevron","ChevronDown","ChevronRight","propTypes","PropTypes","bool","func","isRequired","string"],"mappings":";;;;;AAKA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"ExpandChevron.js","sources":["../../../src/MobileCard/ExpandChevron.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n const Chevron = isExpanded ? ChevronDown : ChevronRight;\n return (\n <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n </ChevronWrap>\n );\n};\n\nExpandChevron.propTypes = {\n /**\n * Whether if the chevron is expanded or not\n */\n isExpanded: PropTypes.bool,\n /**\n * click callback\n */\n onClick: PropTypes.func.isRequired,\n /**\n * top or center\n */\n align: PropTypes.string.isRequired,\n};\n"],"names":["ChevronWrap","styled","div","props","align","theme","space","xs","ExpandChevron","isExpanded","onClick","Chevron","ChevronDown","ChevronRight","propTypes","PropTypes","bool","func","isRequired","string"],"mappings":";;;;;AAKA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,0DACD,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,GAA7C;AAAA,CADC,EAED,UAACD,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,YAAxB,GAAuC,QAAnD;AAAA,CAFC,EAGA,UAACD,KAAD;EAAA,OAAWA,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,EAA7B;AAAA,CAHA,CAAjB;IAMaC,aAAa,GAAG,SAAhBA,aAAgB,OAAoC;EAAA,IAAjCC,UAAiC,QAAjCA,UAAiC;MAArBC,OAAqB,QAArBA,OAAqB;MAAZN,KAAY,QAAZA,KAAY;EAC/D,IAAMO,OAAO,GAAGF,UAAU,GAAGG,WAAH,GAAiBC,YAA3C;EACA,oBACE,oBAAC,WAAD;IAAa,eAAY,wBAAzB;IAAkD,KAAK,EAAET;kBACvD,oBAAC,OAAD;IAAS,IAAI,EAAC,GAAd;IAAkB,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAAzB;IAAiD,OAAO,EAAEM;IAD5D,CADF;AAKD;AAEDF,aAAa,CAACM,SAAd,GAA0B;;AAE1B;AACA;EACEL,UAAU,EAAEM,SAAS,CAACC,IAJE;;;AAM1B;AACA;EACEN,OAAO,EAAEK,SAAS,CAACE,IAAV,CAAeC,UARA;;;AAU1B;AACA;EACEd,KAAK,EAAEW,SAAS,CAACI,MAAV,CAAiBD;AAZA,CAA1B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableRegion.js","sources":["../../../src/MobileCard/ExpandableRegion.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\nconst Region = styled.div`\n display: flex;\n ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n transition: max-height ${(props) =>\n props.animate ? '0.25s' : '0.20s'} linear;\n max-height: 0;\n ${(props) =>\n props.animate\n ? `\n max-height: ${props.refHeight}px;\n `\n : ''}\n align-items: center;\n ${truncate()};\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }) => {\n const ref = useRef(null);\n // triggers transition\n const [animate, setAnimate] = useState(show);\n // needed to properly handle the transition. Hide after transition ends\n const [hide, setHide] = useState(!show);\n useEffect(() => {\n setAnimate(show);\n if (show) setHide(false);\n }, [show]);\n\n const hideOnAnimationEnd = () => {\n if (!show) setHide(true);\n };\n\n return (\n <Region\n hide={hide}\n // needed to handle transition, `auto` max-height isn't supported\n refHeight={ref?.current?.scrollHeight || 9999}\n onTransitionEnd={hideOnAnimationEnd}\n animate={animate}\n >\n <RegionWrapper ref={ref}>{content}</RegionWrapper>\n </Region>\n );\n};\n\nExpandableRegion.propTypes = {\n show: PropTypes.bool,\n content: PropTypes.element,\n};\n"],"names":["RegionWrapper","styled","div","Region","props","hide","animate","refHeight","truncate","border","theme","colors","neutral","fontWeights","regular","ExpandableRegion","show","content","ref","useRef","useState","setAnimate","setHide","useEffect","hideOnAnimationEnd","current","scrollHeight","propTypes","PropTypes","bool","element"],"mappings":";;;;;;AAKA,IAAMA,aAAa,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"ExpandableRegion.js","sources":["../../../src/MobileCard/ExpandableRegion.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\nconst Region = styled.div`\n display: flex;\n ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n transition: max-height ${(props) =>\n props.animate ? '0.25s' : '0.20s'} linear;\n max-height: 0;\n ${(props) =>\n props.animate\n ? `\n max-height: ${props.refHeight}px;\n `\n : ''}\n align-items: center;\n ${truncate()};\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }) => {\n const ref = useRef(null);\n // triggers transition\n const [animate, setAnimate] = useState(show);\n // needed to properly handle the transition. Hide after transition ends\n const [hide, setHide] = useState(!show);\n useEffect(() => {\n setAnimate(show);\n if (show) setHide(false);\n }, [show]);\n\n const hideOnAnimationEnd = () => {\n if (!show) setHide(true);\n };\n\n return (\n <Region\n hide={hide}\n // needed to handle transition, `auto` max-height isn't supported\n refHeight={ref?.current?.scrollHeight || 9999}\n onTransitionEnd={hideOnAnimationEnd}\n animate={animate}\n >\n <RegionWrapper ref={ref}>{content}</RegionWrapper>\n </Region>\n );\n};\n\nExpandableRegion.propTypes = {\n show: PropTypes.bool,\n content: PropTypes.element,\n};\n"],"names":["RegionWrapper","styled","div","Region","props","hide","animate","refHeight","truncate","border","theme","colors","neutral","fontWeights","regular","ExpandableRegion","show","content","ref","useRef","useState","setAnimate","setHide","useEffect","hideOnAnimationEnd","current","scrollHeight","propTypes","PropTypes","bool","element"],"mappings":";;;;;;AAKA,IAAMA,aAAa,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,+BAAnB;AAKA,IAAMC,MAAM,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA,wIAER,UAACE,KAAD;EAAA,OAAYA,KAAK,CAACC,IAAN,GAAa,qBAAb,GAAqC,EAAjD;AAAA,CAFQ,EAGe,UAACD,KAAD;EAAA,OACvBA,KAAK,CAACE,OAAN,GAAgB,OAAhB,GAA0B,OADH;AAAA,CAHf,EAMR,UAACF,KAAD;EAAA,OACAA,KAAK,CAACE,OAAN,iCAEgBF,KAAK,CAACG,SAFtB,iBAII,EALJ;AAAA,CANQ,EAaRC,QAAQ,EAbA,EAcI,UAACJ,KAAD;EAAA,OAAWK,MAAM,CAACL,KAAK,CAACM,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CAdJ,EAeK,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,WAAZ,CAAwBC,OAAnC;AAAA,CAfL,CAAZ;IAkBaC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAuB;EAAA;;EAAA,IAApBC,IAAoB,QAApBA,IAAoB;MAAdC,OAAc,QAAdA,OAAc;EACrD,IAAMC,GAAG,GAAGC,MAAM,CAAC,IAAD,CAAlB,CADqD;;EAGrD,gBAA8BC,QAAQ,CAACJ,IAAD,CAAtC;;MAAOV,OAAP;MAAgBe,UAAhB,iBAHqD;;;EAKrD,iBAAwBD,QAAQ,CAAC,CAACJ,IAAF,CAAhC;;MAAOX,IAAP;MAAaiB,OAAb;;EACAC,SAAS,CAAC,YAAM;IACdF,UAAU,CAACL,IAAD,CAAV;IACA,IAAIA,IAAJ,EAAUM,OAAO,CAAC,KAAD,CAAP;GAFH,EAGN,CAACN,IAAD,CAHM,CAAT;;EAKA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAI,CAACR,IAAL,EAAWM,OAAO,CAAC,IAAD,CAAP;GADb;;EAIA,oBACE,oBAAC,MAAD;IACE,IAAI,EAAEjB,IADR;;IAGE,SAAS,EAAE,CAAAa,GAAG,SAAH,IAAAA,GAAG,WAAH,4BAAAA,GAAG,CAAEO,OAAL,8DAAcC,YAAd,KAA8B,IAH3C;IAIE,eAAe,EAAEF,kBAJnB;IAKE,OAAO,EAAElB;kBAET,oBAAC,aAAD;IAAe,GAAG,EAAEY;KAAMD,OAA1B,CAPF,CADF;AAWD;AAEDF,gBAAgB,CAACY,SAAjB,GAA6B;EAC3BX,IAAI,EAAEY,SAAS,CAACC,IADW;EAE3BZ,OAAO,EAAEW,SAAS,CAACE;AAFQ,CAA7B;;;;"}
|