@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoryBox.js","sources":["../../../src/CategoryBox/CategoryBox.tsx"],"sourcesContent":["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n font-size: 18px;\n margin: 0;\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: inherit;\n ${truncate()}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['0']};\n border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n const rows = ['auto'];\n const hasActions = actionsRight.length > 0;\n if (hasActions) rows.push('auto');\n\n return (\n <Grid rows={['40px', 'auto']}>\n <CategoryBox\n cols={rows}\n borderTop={borderTop}\n alignItems=\"center\"\n pl=\"xs\"\n pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n >\n <Title as={`h${headerLevel}`}>{title}</Title>\n {hasActions && (\n <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n {actionsRight}\n </Grid>\n )}\n </CategoryBox>\n {children}\n </Grid>\n );\n};\n\nconst props = {\n /**\n * Category Box title\n */\n title: PropTypes.string.isRequired.description('Category Box title'),\n /**\n * Toggle border top of category box\n */\n borderTop: PropTypes.bool.description('Toggle border top of category box'),\n /**\n * Array of button icons\n */\n actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n /**\n * semantic level of header tag for the title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n /**\n * In-box children\n */\n children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],"names":["Title","styled","h3","props","theme","colors","neutral","truncate","fontWeights","semibold","CategoryBox","Grid","borderTop","DSCategoryBox","actionsRight","title","headerLevel","children","rows","hasActions","length","push","React","times","PropTypes","string","isRequired","description","bool","arrayOf","element","oneOf","propTypes","DSCategoryBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,EAAV;
|
|
1
|
+
{"version":3,"file":"CategoryBox.js","sources":["../../../src/CategoryBox/CategoryBox.tsx"],"sourcesContent":["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n font-size: 18px;\n margin: 0;\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: inherit;\n ${truncate()}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['0']};\n border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n const rows = ['auto'];\n const hasActions = actionsRight.length > 0;\n if (hasActions) rows.push('auto');\n\n return (\n <Grid rows={['40px', 'auto']}>\n <CategoryBox\n cols={rows}\n borderTop={borderTop}\n alignItems=\"center\"\n pl=\"xs\"\n pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n >\n <Title as={`h${headerLevel}`}>{title}</Title>\n {hasActions && (\n <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n {actionsRight}\n </Grid>\n )}\n </CategoryBox>\n {children}\n </Grid>\n );\n};\n\nconst props = {\n /**\n * Category Box title\n */\n title: PropTypes.string.isRequired.description('Category Box title'),\n /**\n * Toggle border top of category box\n */\n borderTop: PropTypes.bool.description('Toggle border top of category box'),\n /**\n * Array of button icons\n */\n actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n /**\n * semantic level of header tag for the title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n /**\n * In-box children\n */\n children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],"names":["Title","styled","h3","props","theme","colors","neutral","truncate","fontWeights","semibold","CategoryBox","Grid","borderTop","DSCategoryBox","actionsRight","title","headerLevel","children","rows","hasActions","length","push","React","times","PropTypes","string","isRequired","description","bool","arrayOf","element","oneOf","propTypes","DSCategoryBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,EAAV;EAAA;AAAA,sFAGA,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA,EAKPC,iBAAQ,EALD,EAMM,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYI,WAAZ,CAAwBC,QAAnC;AAAA,CANN,CAAX;AASA,IAAMC,WAAW,gBAAGT,0BAAM,CAACU,WAAD,CAAT;EAAA;AAAA,yCACD,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CADC,EAED,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACS,SAAN,uBAA+BT,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAA/B,IAAqE,MAAjF;AAAA,CAFC,CAAjB;;IAKMO,aAAa,GAAG,SAAhBA,aAAgB,OAA+E;EAAA,0BAA5ED,SAA4E;MAA5EA,SAA4E,+BAAhE,IAAgE;+BAA1DE,YAA0D;MAA1DA,YAA0D,kCAA3C,EAA2C;MAAvCC,KAAuC,QAAvCA,KAAuC;8BAAhCC,WAAgC;MAAhCA,WAAgC,iCAAlB,CAAkB;MAAfC,QAAe,QAAfA,QAAe;EACnG,IAAMC,IAAI,GAAG,CAAC,MAAD,CAAb;EACA,IAAMC,UAAU,GAAGL,YAAY,CAACM,MAAb,GAAsB,CAAzC;EACA,IAAID,UAAJ,EAAgBD,IAAI,CAACG,IAAL,CAAU,MAAV;EAEhB,oBACEC,wCAACX,WAAD;IAAM,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;kBACVW,wCAAC,WAAD;IACE,IAAI,EAAEJ,IADR;IAEE,SAAS,EAAEN,SAFb;IAGE,UAAU,EAAC,QAHb;IAIE,EAAE,EAAC,IAJL;IAKE,EAAE,EAAEE,YAAY,CAACM,MAAb,GAAsB,CAAtB,GAA0B,KAA1B,GAAkC;kBAEtCE,wCAAC,KAAD;IAAO,EAAE,aAAMN,WAAN;KAAsBD,KAA/B,CAPF,EAQGI,UAAU,iBACTG,wCAACX,WAAD;IAAM,IAAI,EAAEY,YAAK,CAACT,YAAY,CAACM,MAAd,EAAsB;MAAA,OAAM,MAAN;KAAtB,CAAjB;IAAsD,WAAW,EAAC;KAC/DN,YADH,CATJ,CADF,EAeGG,QAfH,CADF;AAmBD;;AAED,IAAMd,KAAK,GAAG;;AAEd;AACA;EACEY,KAAK,EAAES,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,oBAAxC,CAJK;;;AAMd;AACA;EACEf,SAAS,EAAEY,mBAAS,CAACI,IAAV,CAAeD,WAAf,CAA2B,mCAA3B,CARC;;;AAUd;AACA;EACEb,YAAY,EAAEU,mBAAS,CAACK,OAAV,CAAkBL,mBAAS,CAACM,OAA5B,EAAqCH,WAArC,CAAiD,uBAAjD,CAZF;;;AAcd;AACA;EACEX,WAAW,EAAEQ,mBAAS,CAACO,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,CAAhB,EAAoCJ,WAApC,CAAgD,4CAAhD,CAhBD;;;AAkBd;AACA;EACEV,QAAQ,EAAEO,mBAAS,CAACM,OAAV,CAAkBH,WAAlB,CAA8B,iBAA9B;AApBE,CAAd;AAuBAd,aAAa,CAACmB,SAAd,GAA0B7B,KAA1B;IAEM8B,uBAAuB,GAAGC,kBAAQ,CAACrB,aAAD;AACxCoB,uBAAuB,CAACD,SAAxB,GAAoC7B,KAApC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionBox.js","sources":["../../../src/CollectionBox/CollectionBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n min-height: 92px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n line-height: unset;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n & .em-ds-button {\n padding: 0;\n min-width: unset;\n }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n const headerCols = [];\n const footerCols = [];\n const rows = [];\n if (headerAction || title) rows.push('40px');\n rows.push('auto');\n if (footerAction) rows.push('40px');\n\n if (headerAction) headerCols.push('auto');\n if (title) headerCols.push('auto');\n\n if (footerAction) footerCols.push('auto');\n\n return (\n <CollectionBox rows={rows}>\n <Grid alignItems=\"center\" cols={headerCols}>\n {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n </Grid>\n <Body>{body}</Body>\n {footerAction && (\n <Footer alignItems=\"center\" cols={footerCols}>\n <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n </Footer>\n )}\n </CollectionBox>\n );\n};\n\nconst props = {\n /**\n * body inside collection box\n */\n body: PropTypes.element.isRequired.description('body inside collection box'),\n /**\n * Collection box header\n */\n title: PropTypes.string.description('Collection box header'),\n /**\n * Collection box header action, expects a button with size s\n */\n headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n /**\n * Collection box footer action, expects a button with size s\n */\n footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n /**\n * Semantic header tag used for the header title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],"names":["CollectionBox","styled","Grid","props","theme","colors","neutral","fontWeights","semibold","Footer","Body","regular","Header","h3","truncate","ActionWrap","DSCollectionBox","body","title","headerAction","footerAction","headerLevel","headerCols","footerCols","rows","push","React","PropTypes","element","isRequired","description","string","oneOf","propTypes","DSCollectionBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;AAAA;AAOA,IAAMA,aAAa,gBAAGC,0BAAM,CAACC,WAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"CollectionBox.js","sources":["../../../src/CollectionBox/CollectionBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n min-height: 92px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n line-height: unset;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n & .em-ds-button {\n padding: 0;\n min-width: unset;\n }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n const headerCols = [];\n const footerCols = [];\n const rows = [];\n if (headerAction || title) rows.push('40px');\n rows.push('auto');\n if (footerAction) rows.push('40px');\n\n if (headerAction) headerCols.push('auto');\n if (title) headerCols.push('auto');\n\n if (footerAction) footerCols.push('auto');\n\n return (\n <CollectionBox rows={rows}>\n <Grid alignItems=\"center\" cols={headerCols}>\n {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n </Grid>\n <Body>{body}</Body>\n {footerAction && (\n <Footer alignItems=\"center\" cols={footerCols}>\n <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n </Footer>\n )}\n </CollectionBox>\n );\n};\n\nconst props = {\n /**\n * body inside collection box\n */\n body: PropTypes.element.isRequired.description('body inside collection box'),\n /**\n * Collection box header\n */\n title: PropTypes.string.description('Collection box header'),\n /**\n * Collection box header action, expects a button with size s\n */\n headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n /**\n * Collection box footer action, expects a button with size s\n */\n footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n /**\n * Semantic header tag used for the header title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],"names":["CollectionBox","styled","Grid","props","theme","colors","neutral","fontWeights","semibold","Footer","Body","regular","Header","h3","truncate","ActionWrap","DSCollectionBox","body","title","headerAction","footerAction","headerLevel","headerCols","footerCols","rows","push","React","PropTypes","element","isRequired","description","string","oneOf","propTypes","DSCollectionBoxWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullPageContainer.js","sources":["../../../src/FullPageContainer/FullPageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n const height = useMobileHeight();\n return (\n <Grid height={height} width=\"100%\" {...props}>\n {children}\n </Grid>\n );\n};\n\nDSFullPageContainer.propTypes = {\n children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],"names":["DSFullPageContainer","children","props","height","useMobileHeight","React","Grid","propTypes","PropTypes","any"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4B;
|
|
1
|
+
{"version":3,"file":"FullPageContainer.js","sources":["../../../src/FullPageContainer/FullPageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n const height = useMobileHeight();\n return (\n <Grid height={height} width=\"100%\" {...props}>\n {children}\n </Grid>\n );\n};\n\nDSFullPageContainer.propTypes = {\n children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],"names":["DSFullPageContainer","children","props","height","useMobileHeight","React","Grid","propTypes","PropTypes","any"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;MAAZC,KAAY;;EACtD,IAAMC,MAAM,GAAGC,iDAAe,EAA9B;EACA,oBACEC,wCAACC,WAAD;IAAM,MAAM,EAAEH,MAAd;IAAsB,KAAK,EAAC;KAAWD,KAAvC,GACGD,QADH,CADF;AAKD;;AAEDD,mBAAmB,CAACO,SAApB,GAAgC;EAC9BN,QAAQ,EAAEO,6BAAS,CAACC;AADU,CAAhC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullPageContainerScroll.js","sources":["../../../src/FullPageContainer/FullPageContainerScroll.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n {children}\n </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n children: PropTypes.any,\n style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],"names":["DSFullPageContainerScroll","style","children","props","React","Grid","overflow","propTypes","PropTypes","any","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,yBAAyB,GAAG,SAA5BA,yBAA4B;
|
|
1
|
+
{"version":3,"file":"FullPageContainerScroll.js","sources":["../../../src/FullPageContainer/FullPageContainerScroll.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n {children}\n </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n children: PropTypes.any,\n style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],"names":["DSFullPageContainerScroll","style","children","props","React","Grid","overflow","propTypes","PropTypes","any","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,yBAAyB,GAAG,SAA5BA,yBAA4B;EAAA,sBAAGC,KAAH;MAAGA,KAAH,2BAAW,EAAX;MAAeC,QAAf,QAAeA,QAAf;MAA4BC,KAA5B;;EAAA,oBAChCC,wCAACC,WAAD;IAAM,SAAS,EAAC,MAAhB;IAAuB,KAAK;MAAIC,QAAQ,EAAE;OAAWL,KAAzB;KAAsCE,KAAlE,GACGD,QADH,CADgC;AAAA;;AAMlCF,yBAAyB,CAACO,SAA1B,GAAsC;EACpCL,QAAQ,EAAEM,6BAAS,CAACC,GADgB;EAEpCR,KAAK,EAAEO,6BAAS,CAACE;AAFmB,CAAtC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobileHeight.js","sources":["../../../src/FullPageContainer/useMobileHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n const [height, setHeight] = useState(window.innerHeight);\n const handleHeight = () => {\n setHeight(window.innerHeight);\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleHeight);\n\n // Remove event listener on cleanup\n return () => window.removeEventListener('resize', handleHeight);\n }, []); // Empty array ensures that effect is only run on mount\n\n return height;\n}\n"],"names":["useMobileHeight","useState","window","innerHeight","height","setHeight","handleHeight","useEffect","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;AAEO,SAASA,eAAT,GAA2B;
|
|
1
|
+
{"version":3,"file":"useMobileHeight.js","sources":["../../../src/FullPageContainer/useMobileHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n const [height, setHeight] = useState(window.innerHeight);\n const handleHeight = () => {\n setHeight(window.innerHeight);\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleHeight);\n\n // Remove event listener on cleanup\n return () => window.removeEventListener('resize', handleHeight);\n }, []); // Empty array ensures that effect is only run on mount\n\n return height;\n}\n"],"names":["useMobileHeight","useState","window","innerHeight","height","setHeight","handleHeight","useEffect","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;AAEO,SAASA,eAAT,GAA2B;EAChC,gBAA4BC,cAAQ,CAACC,MAAM,CAACC,WAAR,CAApC;;MAAOC,MAAP;MAAeC,SAAf;;EACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBD,SAAS,CAACH,MAAM,CAACC,WAAR,CAAT;GADF;;EAIAI,eAAS,CAAC,YAAM;IACdL,MAAM,CAACM,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC,EADc;;IAId,OAAO;MAAA,OAAMJ,MAAM,CAACO,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC,CAAN;KAAP;GAJO,EAKN,EALM,CAAT,CANgC;;EAahC,OAAOF,MAAP;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileGlobalHeader.js","sources":["../../../src/GlobalHeader/MobileGlobalHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n containerProps = {},\n title,\n lastIcon,\n onSearchChange = noop,\n topMenuItems,\n bottomMenuItems,\n}) => {\n const [searchBarVisible, setSearchBarVisible] = useState(false);\n const [searchValue, setSearchValue] = useState();\n const [showMenu, setShowMenu] = useState(false);\n const searchClicked = () => {\n setSearchBarVisible(true);\n };\n\n const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n const searchValueChanged = (e) => {\n const val = e.target.value;\n onSearchChangeDebounced(val);\n setSearchValue(val);\n };\n\n const searchCloseClicked = () => {\n setSearchBarVisible(false);\n };\n\n const menuToggle = (flag) => {\n setShowMenu(flag);\n };\n\n return (\n <>\n <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n {!searchBarVisible ? (\n <>\n <MainSection>\n <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n <Label>{title}</Label>\n <span></span>\n <RightSection>\n <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n <Grid>\n <Search\n data-testid=\"mobile-global-header-search\"\n size={DSIconSizes.M}\n color={DSIconColors.WHITE}\n onClick={searchClicked}\n />\n </Grid>\n {lastIcon && <Grid>{lastIcon}</Grid>}\n </Grid>\n </RightSection>\n </MainSection>\n </>\n ) : (\n <SearchWrapper>\n <DSInput\n clearable\n className=\"dsInput\"\n placeholder=\"Search here\"\n onChange={searchValueChanged}\n rightComponent={\n <DSButton\n buttonType=\"primary\"\n className=\"dsButton\"\n icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n />\n }\n value={searchValue}\n variant=\"variant-active\"\n />\n </SearchWrapper>\n )}\n </Container>\n {showMenu ? (\n <DSSideNav\n title={title}\n menuItems={topMenuItems}\n bottomMenuItems={bottomMenuItems}\n onClose={menuToggle.bind(null, false)}\n ></DSSideNav>\n ) : null}\n </>\n );\n};\n\nconst menuProps = PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n text: PropTypes.string,\n }),\n).description('menu item array');\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Heading Title\n */\n title: PropTypes.string.isRequired.description('Heading Title'),\n /**\n * Dimsum icon Element\n */\n lastIcon: PropTypes.element.description('Dimsum icon Element'),\n /**\n * Callback function for search change\n */\n onSearchChange: PropTypes.func.description('Callback function for search change'),\n /**\n * Top Menu items array\n */\n topMenuItems: menuProps,\n /**\n * Bottom Menu items array\n */\n bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],"names":["DSGlobalHeader","containerProps","title","lastIcon","onSearchChange","noop","topMenuItems","bottomMenuItems","useState","searchBarVisible","setSearchBarVisible","searchValue","setSearchValue","showMenu","setShowMenu","searchClicked","onSearchChangeDebounced","useCallback","debounce","searchValueChanged","e","val","target","value","searchCloseClicked","menuToggle","flag","React","Container","MainSection","Icon","bind","Logo","Label","RightSection","Grid","Search","DSIconSizes","M","DSIconColors","WHITE","SearchWrapper","DSInput","DSButton","DSSideNav","menuProps","PropTypes","arrayOf","shape","icon","element","text","string","description","props","object","isRequired","func","propTypes","DSGlobalHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeMA,cAAc,GAAG,SAAjBA,cAAiB,OAOjB;
|
|
1
|
+
{"version":3,"file":"MobileGlobalHeader.js","sources":["../../../src/GlobalHeader/MobileGlobalHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n containerProps = {},\n title,\n lastIcon,\n onSearchChange = noop,\n topMenuItems,\n bottomMenuItems,\n}) => {\n const [searchBarVisible, setSearchBarVisible] = useState(false);\n const [searchValue, setSearchValue] = useState();\n const [showMenu, setShowMenu] = useState(false);\n const searchClicked = () => {\n setSearchBarVisible(true);\n };\n\n const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n const searchValueChanged = (e) => {\n const val = e.target.value;\n onSearchChangeDebounced(val);\n setSearchValue(val);\n };\n\n const searchCloseClicked = () => {\n setSearchBarVisible(false);\n };\n\n const menuToggle = (flag) => {\n setShowMenu(flag);\n };\n\n return (\n <>\n <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n {!searchBarVisible ? (\n <>\n <MainSection>\n <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n <Label>{title}</Label>\n <span></span>\n <RightSection>\n <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n <Grid>\n <Search\n data-testid=\"mobile-global-header-search\"\n size={DSIconSizes.M}\n color={DSIconColors.WHITE}\n onClick={searchClicked}\n />\n </Grid>\n {lastIcon && <Grid>{lastIcon}</Grid>}\n </Grid>\n </RightSection>\n </MainSection>\n </>\n ) : (\n <SearchWrapper>\n <DSInput\n clearable\n className=\"dsInput\"\n placeholder=\"Search here\"\n onChange={searchValueChanged}\n rightComponent={\n <DSButton\n buttonType=\"primary\"\n className=\"dsButton\"\n icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n />\n }\n value={searchValue}\n variant=\"variant-active\"\n />\n </SearchWrapper>\n )}\n </Container>\n {showMenu ? (\n <DSSideNav\n title={title}\n menuItems={topMenuItems}\n bottomMenuItems={bottomMenuItems}\n onClose={menuToggle.bind(null, false)}\n ></DSSideNav>\n ) : null}\n </>\n );\n};\n\nconst menuProps = PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n text: PropTypes.string,\n }),\n).description('menu item array');\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Heading Title\n */\n title: PropTypes.string.isRequired.description('Heading Title'),\n /**\n * Dimsum icon Element\n */\n lastIcon: PropTypes.element.description('Dimsum icon Element'),\n /**\n * Callback function for search change\n */\n onSearchChange: PropTypes.func.description('Callback function for search change'),\n /**\n * Top Menu items array\n */\n topMenuItems: menuProps,\n /**\n * Bottom Menu items array\n */\n bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],"names":["DSGlobalHeader","containerProps","title","lastIcon","onSearchChange","noop","topMenuItems","bottomMenuItems","useState","searchBarVisible","setSearchBarVisible","searchValue","setSearchValue","showMenu","setShowMenu","searchClicked","onSearchChangeDebounced","useCallback","debounce","searchValueChanged","e","val","target","value","searchCloseClicked","menuToggle","flag","React","Container","MainSection","Icon","bind","Logo","Label","RightSection","Grid","Search","DSIconSizes","M","DSIconColors","WHITE","SearchWrapper","DSInput","DSButton","DSSideNav","menuProps","PropTypes","arrayOf","shape","icon","element","text","string","description","props","object","isRequired","func","propTypes","DSGlobalHeaderWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/GlobalHeader/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n width: auto;\n height: 64px;\n position: fixed;\n width: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n padding: ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n`;\n\nexport const SearchWrapper = styled.div`\n background-color: ${(props) => props.theme.colors.brand[600]};\n ${css`\n animation: ${growLeft} 1s;\n `}\n float: right;\n width: 100%;\n border-radius: 4px;\n .dsInput {\n input {\n border-radius: 2px 0 0 2px;\n color: ${(props) => props.theme.colors.neutral['000']};\n border: calc(0.30769rem * 0.25) solid\n ${(props) => props.theme.colors.brand[800]} !important;\n &:focus {\n border-right: none !important;\n }\n &::placeholder {\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n }\n .em-ds-input__clearable {\n border: calc(0.30769rem * 0.25) solid\n ${(props) => props.theme.colors.brand[800]} !important;\n }\n }\n\n .dsButton {\n border-color: ${(props) => props.theme.colors.brand[800]} !important;\n border-radius: 0 2px 2px 0;\n border-left: none;\n }\n svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n font-family: ${(props) => props.theme.fonts.default};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 25px;\n line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n display: flex;\n flex-direction: row;\n height: 32px;\n span {\n flex-grow: 1;\n }\n`;\n"],"names":["Container","styled","header","props","theme","colors","brand","space","xs","neutral","growLeft","kfrm","SearchWrapper","div","css","Icon","Label","fonts","default","fontWeights","regular","RightSection","MainSection"],"mappings":";;;;;;;;;;;;;;IAGaA,SAAS,gBAAGC,0BAAM,CAACC,MAAV;
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../src/GlobalHeader/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n width: auto;\n height: 64px;\n position: fixed;\n width: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n padding: ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n`;\n\nexport const SearchWrapper = styled.div`\n background-color: ${(props) => props.theme.colors.brand[600]};\n ${css`\n animation: ${growLeft} 1s;\n `}\n float: right;\n width: 100%;\n border-radius: 4px;\n .dsInput {\n input {\n border-radius: 2px 0 0 2px;\n color: ${(props) => props.theme.colors.neutral['000']};\n border: calc(0.30769rem * 0.25) solid\n ${(props) => props.theme.colors.brand[800]} !important;\n &:focus {\n border-right: none !important;\n }\n &::placeholder {\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n }\n .em-ds-input__clearable {\n border: calc(0.30769rem * 0.25) solid\n ${(props) => props.theme.colors.brand[800]} !important;\n }\n }\n\n .dsButton {\n border-color: ${(props) => props.theme.colors.brand[800]} !important;\n border-radius: 0 2px 2px 0;\n border-left: none;\n }\n svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n font-family: ${(props) => props.theme.fonts.default};\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 25px;\n line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n display: flex;\n flex-direction: row;\n height: 32px;\n span {\n flex-grow: 1;\n }\n`;\n"],"names":["Container","styled","header","props","theme","colors","brand","space","xs","neutral","growLeft","kfrm","SearchWrapper","div","css","Icon","Label","fonts","default","fontWeights","regular","RightSection","MainSection"],"mappings":";;;;;;;;;;;;;;IAGaA,SAAS,gBAAGC,0BAAM,CAACC,MAAV;EAAA;AAAA,wGAKA,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CALA,EAMT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CANS,EAOX,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPW;AAUtB,IAAMC,QAAQ,GAAGC,aAAH,wJAAd;IASaC,aAAa,gBAAGX,0BAAM,CAACY,GAAV;EAAA;AAAA,ybACJ,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CADI,EAEtBQ,YAFsB,yHAGTJ,QAHS,GAWX,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAXW,EAahB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbgB,EAkBT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAlBS,EAuBhB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAvBgB,EA4BN,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CA5BM,EAkCd,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAlCc;IAsCbM,IAAI,gBAAGd,0BAAM,CAACY,GAAV;EAAA;AAAA,2BACC,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CADD;IAIJQ,KAAK,gBAAGf,0BAAM,CAACY,GAAV;EAAA;AAAA,2EACD,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYa,KAAZ,CAAkBC,OAA7B;AAAA,CADC,EAED,UAACf,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYe,WAAZ,CAAwBC,OAAnC;AAAA,CAFC;IAOLC,YAAY,gBAAGpB,0BAAM,CAACY,GAAV;EAAA;AAAA;IAIZS,WAAW,gBAAGrB,0BAAM,CAACY,GAAV;EAAA;AAAA;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupBox.js","sources":["../../../src/GroupBox/GroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n font-size: 14px;\n margin: 0;\n ${truncate()}\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: inherit;\n text-transform: capitalize;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n background: ${(props) =>\n props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n const rows = ['auto'];\n const hasActions = actionsRight.length > 0;\n if (hasActions) rows.push('auto');\n return (\n <Grid rows={['32px', 'auto']}>\n <GroupBox\n background={background}\n cols={rows}\n borderTop={borderTop}\n alignItems=\"center\"\n pl=\"xs\"\n pr={hasActions ? 'xxs' : 'xs'}\n >\n <Title as={`h${headerLevel}`}>{title}</Title>\n {hasActions && (\n <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n {actionsRight}\n </Grid>\n )}\n </GroupBox>\n {children}\n </Grid>\n );\n};\n\nconst props = {\n /**\n * In-box children\n */\n children: PropTypes.element.description('In-box children'),\n /**\n * Title background\n */\n background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n /**\n * Toggle border top of group box\n */\n borderTop: PropTypes.bool.description('Toggle border top of group box'),\n /**\n * Group Box title\n */\n title: PropTypes.string.isRequired.description('Group Box title'),\n /**\n * semantic level of header tag for the title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n /**\n * Array of button icons\n */\n actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],"names":["Title","styled","h3","truncate","props","theme","colors","neutral","fontWeights","semibold","GroupBox","Grid","background","borderTop","DSGroupBox","children","title","headerLevel","actionsRight","rows","hasActions","length","push","React","times","PropTypes","element","description","oneOf","bool","string","isRequired","arrayOf","propTypes","DSGroupBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,EAAV;
|
|
1
|
+
{"version":3,"file":"GroupBox.js","sources":["../../../src/GroupBox/GroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n font-size: 14px;\n margin: 0;\n ${truncate()}\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: inherit;\n text-transform: capitalize;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n background: ${(props) =>\n props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n const rows = ['auto'];\n const hasActions = actionsRight.length > 0;\n if (hasActions) rows.push('auto');\n return (\n <Grid rows={['32px', 'auto']}>\n <GroupBox\n background={background}\n cols={rows}\n borderTop={borderTop}\n alignItems=\"center\"\n pl=\"xs\"\n pr={hasActions ? 'xxs' : 'xs'}\n >\n <Title as={`h${headerLevel}`}>{title}</Title>\n {hasActions && (\n <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n {actionsRight}\n </Grid>\n )}\n </GroupBox>\n {children}\n </Grid>\n );\n};\n\nconst props = {\n /**\n * In-box children\n */\n children: PropTypes.element.description('In-box children'),\n /**\n * Title background\n */\n background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n /**\n * Toggle border top of group box\n */\n borderTop: PropTypes.bool.description('Toggle border top of group box'),\n /**\n * Group Box title\n */\n title: PropTypes.string.isRequired.description('Group Box title'),\n /**\n * semantic level of header tag for the title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n /**\n * Array of button icons\n */\n actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],"names":["Title","styled","h3","truncate","props","theme","colors","neutral","fontWeights","semibold","GroupBox","Grid","background","borderTop","DSGroupBox","children","title","headerLevel","actionsRight","rows","hasActions","length","push","React","times","PropTypes","element","description","oneOf","bool","string","isRequired","arrayOf","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}
|
package/cjs/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","React"],"mappings":";;;;;;;;AAAA;;AAGA,SAASA,OAAT,GAAmB;AACjB,sBACEC;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,kBAOEA,iFAPF,eAQEA;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,kBAOEA;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,eAQEA;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","React"],"mappings":";;;;;;;;AAAA;;AAGA,SAASA,OAAT,GAAmB;EACjB,oBACEC;IACE,KAAK,EAAC,MADR;IAEE,MAAM,EAAC,MAFT;IAGE,OAAO,EAAC,WAHV;IAIE,OAAO,EAAC,KAJV;IAKE,KAAK,EAAC;kBAENA,iFAPF,eAQEA;IACE,EAAE,EAAC,yBADL;IAEE,MAAM,EAAC,MAFT;IAGE,WAAW,EAAC,GAHd;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAC;kBAETA;IAAQ,EAAE,EAAC,MAAX;IAAkB,IAAI,EAAC,SAAvB;IAAiC,EAAE,EAAC,IAApC;IAAyC,EAAE,EAAC,IAA5C;IAAiD,CAAC,EAAC;IAPrD,eAQEA;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","React","Grid","position","overflow","Loader","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","React","Grid","position","overflow","Loader","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,YAAM,CAAC,IAAD,CAArB;EACA,IAAML,QAAQ,GAAGK,YAAM,CAAC,IAAD,CAAvB;EAEAC,eAAS,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,oBACEqB,wCAACC,WAAD;IAAM,KAAK,EAAE;MAAEC,QAAQ,EAAE,UAAZ;MAAwBrB,MAAM,EAANA,MAAxB;MAAgCsB,QAAQ,EAAE;;kBACrDH,wCAACC,WAAD;IAAM,KAAK,EAAE;MAAEE,QAAQ,EAAEzB,UAAU,GAAG,QAAH,GAAc,MAApC;MAA4CG,MAAM,EAANA;;KACtDD,QADH,eAEEoB;IAAK,GAAG,EAAET,MAAV;IAAkB,KAAK,EAAE;MAAEV,MAAM,EAAE;;IAFrC,CADF,eAKEmB,wCAACI,4BAAD;IAAQ,MAAM,EAAE1B;IALlB,CADF;AASD;;AAED,IAAM2B,SAAS,GAAG;;EAEhB3B,UAAU,EAAE4B,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sBAA3B,CAFI;;;EAIhB7B,SAAS,EAAE2B,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,6BAA3B,CAJK;;;EAMhB5B,QAAQ,EAAE0B,mBAAS,CAACI,OAAV,CAAkBF,WAAlB,CAA8B,+BAA9B,CANM;;;EAQhB3B,MAAM,EAAEyB,mBAAS,CAACK,MAAV,CAAiBC,UAAjB,CAA4BJ,WAA5B,CAAwC,6BAAxC;AARQ,CAAlB;AAWA/B,cAAc,CAACoC,SAAf,GAA2BR,SAA3B;IAEMS,wBAAwB,GAAGC,kBAAQ,CAACtC,cAAD;AAEzCqC,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","React","LoaderBox","DSIndeterminateProgressIndicator","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","React","LoaderBox","DSIndeterminateProgressIndicator","propTypes","PropTypes","bool"],"mappings":";;;;;;;;;;;;;;;;AAAA;IAMaA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,oBACpBC,wCAACC,+BAAD;IAAW,SAAS,EAAEF,MAAM,IAAI;kBAC9BC,wCAACE,oDAAD;IAAkC,UAAU,MAA5C;IAA6C,KAAK,EAAC;IADrD,CADoB;AAAA;AAMtBJ,MAAM,CAACK,SAAP,GAAmB;EACjBJ,MAAM,EAAEK,6BAAS,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","React","position","RWInfiniteLoader","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","React","position","RWInfiniteLoader","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,cAAQ,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,oBACEC;IAAK,KAAK,EAAE;MAAEC,QAAQ,EAAE;;kBACtBD,wCAACE,oCAAD;IACE,YAAY,EAAEd,YADhB;IAEE,SAAS,EAAEO,SAFb;IAGE,aAAa,EAAEE;KAEd;IAAA,IAAGM,eAAH,SAAGA,eAAH;QAAoBC,GAApB,SAAoBA,GAApB;IAAA,oBACCJ,wCAACK,4BAAD;MACE,SAAS,EAAC,MADZ;MAEE,MAAM,EAAEd,MAFV;MAGE,SAAS,EAAEI,SAHb;MAIE,QAAQ,EAAEL,WAJZ;MAKE,eAAe,EAAEa,eALnB;MAME,GAAG,EAAEC,GANP;MAOE,KAAK,EAAC;OAELZ,GATH,CADD;GALH,CADF,EAoBGN,gBAAgB,iBACfc;IACE,KAAK,EAAE;MACLC,QAAQ,EAAE,UADL;MAELK,MAAM,EAAE,CAFH;MAGLC,UAAU,EAAE,MAHP;MAILC,MAAM,EAAE;;eA1BhB,CADF;AAmCD;;AAED,IAAMC,SAAS,GAAG;;EAEhBrB,YAAY,EAAEsB,mBAAS,CAACC,IAAV,CAAeC,WAAf,CACZ,kEADY,CAFE;;;EAMhBvB,aAAa,EAAEqB,mBAAS,CAACG,IAAV,CAAeD,WAAf,CACb,uIADa,CANC;;;EAUhBtB,WAAW,EAAEoB,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,+BAA3B,CAVG;;;EAYhBrB,MAAM,EAAEmB,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,qBAA7B,CAZQ;;;EAchB1B,gBAAgB,EAAEwB,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAChB,gCADgB,CAdF;;;EAkBhBnB,IAAI,EAAEiB,mBAAS,CAACK,OAAV,CAAkBH,WAAlB,CAA8B,oBAA9B,CAlBU;;;EAoBhBzB,WAAW,EAAEuB,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,2BAA3B;AApBG,CAAlB;AAuBA3B,yBAAyB,CAAC+B,SAA1B,GAAsCP,SAAtC;IAEMQ,mCAAmC,GAAGC,kBAAQ,CAACjC,yBAAD;AAEpDgC,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,0BAAM,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,0BAAM,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","React","Backdrop","Loader","injectRefPosition","child","cloneElement","Children","only","ref","toArray","concat","get","count","propTypes","PropTypes","number","element","arrayOf","bool","oneOf","DSMobileLoadingPage","withTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,iBAAiB,gBAAGC,0BAAM,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","React","Backdrop","Loader","injectRefPosition","child","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","React","PropTypes","bool","description","arrayOf","element","propTypes","DSMobileActionToolbar","withTheme","DSMobileActionToolbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,0BAAM,CAACC,WAAD,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","React","PropTypes","bool","description","arrayOf","element","propTypes","DSMobileActionToolbar","withTheme","DSMobileActionToolbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,gBAAGC,0BAAM,CAACC,WAAD,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,oBACEC,wCAAC,SAAD;IAAW,IAAI,EAAEN,IAAjB;IAAuB,MAAM,EAAEC,aAA/B;IAA8C,KAAK,EAAEG;KAClDL,OADH,CADF;AAKD,CATD;;AAWA,IAAMN,KAAK,GAAG;;EAEZK,SAAS,EAAES,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sCAA3B,CAFC;;;EAIZV,OAAO,EAAEQ,mBAAS,CAACG,OAAV,CAAkBH,mBAAS,CAACI,OAA5B,EAAqCF,WAArC,CAAiD,4CAAjD;AAJG,CAAd;AAOAZ,OAAO,CAACe,SAAR,GAAoBnB,KAApB;IAEMoB,qBAAqB,GAAGC,kBAAS,CAACjB,OAAD;IAEjCkB,+BAA+B,GAAGC,kBAAQ,CAACH,qBAAD;AAChDE,+BAA+B,CAACH,SAAhC,GAA4CnB,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","DSButton","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","DSButton","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,yBAAK,CAACC,YAAN,CAAmBJ,IAAnB,EAAyB;IAAEK,IAAI,EAAE;GAAjC,CAApB;EACA,oBAAOF,wCAACG,4BAAD,mCAAcL,UAAd;IAA0B,UAAU,EAAC,MAArC;IAA4C,IAAI,EAAEC,WAAlD;IAA+D,IAAI,EAAC;KAA3E;AACD;;AAEDH,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;AAEA,IAAMC,KAAK,GAAG;;EAEZR,IAAI,EAAES,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,mBAA9B;AAFM,CAAd;AAKAZ,WAAW,CAACa,SAAZ,GAAwBJ,KAAxB;IAEMK,uBAAuB,GAAGC,kBAAQ,CAACf,WAAD;AAExCc,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","React","StyledBannerContainer","StyledInnerContainer","StyledIconContainer","icons","StyledContent","StyledTitle","StyledSubTitle","StyledActionLink","StyledCloseButtonContainer","StyledCloseButton","CloseX","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","React","StyledBannerContainer","StyledInnerContainer","StyledIconContainer","icons","StyledContent","StyledTitle","StyledSubTitle","StyledActionLink","StyledCloseButtonContainer","StyledCloseButton","CloseX","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,kDAAmB,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,mBAAS,CAACC,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,EAAoB,SAApB,EAA+B,OAA/B,CAAhB,EAAyDC,WAAzD,CAAqE,gBAArE,CADiB;EAEvBC,MAAM,EAAEH,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mCAA3B,CAFe;EAGvBG,kBAAkB,EAAEL,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,2CAA3B,CAHG;EAIvBK,eAAe,EAAEP,mBAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,mCAA7B,CAJM;EAKvBO,cAAc,EAAET,mBAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,kCAA7B,CALO;EAMvBQ,iBAAiB,EAAEV,mBAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,0CAA7B,CANI;EAOvBS,KAAK,EAAEX,mBAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,2BAA7B,CAPgB;EAQvBU,IAAI,EAAEZ,mBAAS,CAACQ,MAAV,CAAiBN,WAAjB,CAA6B,0BAA7B,CARiB;EASvBW,eAAe,EAAEb,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mDAA3B,CATM;EAUvBY,cAAc,EAAEd,mBAAS,CAACe,KAAV,CAAgB,EAAhB,EAAoBb,WAApB,CAAgC,oDAAhC,CAVO;EAWvBc,WAAW,EAAEhB,mBAAS,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,0BAAM,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;;;;"}
|