@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":"Group.js","sources":["../../../src/MobileCard/Group.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n ${Card} {\n border-top: none;\n }\n\n ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 0 ${(props) => props.theme.space.xs};\n font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n ${color('neutral', '700')}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n background-color: ${(props) => props.theme.colors.brand['200']};\n border-top: ${(props) => border(props.theme.colors.brand['300'])};\n line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n @media (min-width: 1024px) {\n background-color: ${(props) => props.theme.colors.neutral['080']};\n border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n }\n`;\n\nconst MobileCardGroup = ({\n children,\n theme,\n title,\n action,\n activeValue,\n allowMultipleOpen = false,\n onChange = () => null,\n}) => {\n const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n return (\n <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n <GroupGrid withTopBorder={!title} rows={rows}>\n {!!title && (\n <GroupTitleGrid pl=\"xxs\">\n <GroupTitle>{title}</GroupTitle>\n {action}\n </GroupTitleGrid>\n )}\n <Grid>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n value: idx,\n idx,\n }),\n null,\n )}\n </Grid>\n </GroupGrid>\n </Group>\n );\n};\n\nconst props = {\n theme: PropTypes.object.isRequired.description(''),\n /**\n * Defines group title\n */\n title: PropTypes.string.description(''),\n /**\n * Pass one or more Mobile Cards to render as a group\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n /**\n * Group header addon\n */\n action: PropTypes.element.description(''),\n /** */\n activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n /** */\n allowMultipleOpen: PropTypes.bool.description(''),\n /** */\n onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],"names":["GroupGrid","styled","Grid","Card","theme","withTopBorder","border","colors","neutral","GroupTitle","span","truncate","GroupTitleGrid","div","props","space","xs","__UNSAFE_SPACE_TO_DIMSUM","m","color","fontWeights","semibold","brand","MobileCardGroup","children","title","action","activeValue","allowMultipleOpen","onChange","rows","React","Children","map","child","idx","cloneElement","key","value","PropTypes","object","isRequired","description","string","oneOfType","element","arrayOf","number","bool","func","propTypes","DSMobileCardGroupWithSchema","describe","withTheme"],"mappings":";;;;;;;;AAAA;AASA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"Group.js","sources":["../../../src/MobileCard/Group.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n ${Card} {\n border-top: none;\n }\n\n ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 0 ${(props) => props.theme.space.xs};\n font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n ${color('neutral', '700')}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n background-color: ${(props) => props.theme.colors.brand['200']};\n border-top: ${(props) => border(props.theme.colors.brand['300'])};\n line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n @media (min-width: 1024px) {\n background-color: ${(props) => props.theme.colors.neutral['080']};\n border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n }\n`;\n\nconst MobileCardGroup = ({\n children,\n theme,\n title,\n action,\n activeValue,\n allowMultipleOpen = false,\n onChange = () => null,\n}) => {\n const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n return (\n <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n <GroupGrid withTopBorder={!title} rows={rows}>\n {!!title && (\n <GroupTitleGrid pl=\"xxs\">\n <GroupTitle>{title}</GroupTitle>\n {action}\n </GroupTitleGrid>\n )}\n <Grid>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n value: idx,\n idx,\n }),\n null,\n )}\n </Grid>\n </GroupGrid>\n </Group>\n );\n};\n\nconst props = {\n theme: PropTypes.object.isRequired.description(''),\n /**\n * Defines group title\n */\n title: PropTypes.string.description(''),\n /**\n * Pass one or more Mobile Cards to render as a group\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n /**\n * Group header addon\n */\n action: PropTypes.element.description(''),\n /** */\n activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n /** */\n allowMultipleOpen: PropTypes.bool.description(''),\n /** */\n onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],"names":["GroupGrid","styled","Grid","Card","theme","withTopBorder","border","colors","neutral","GroupTitle","span","truncate","GroupTitleGrid","div","props","space","xs","__UNSAFE_SPACE_TO_DIMSUM","m","color","fontWeights","semibold","brand","MobileCardGroup","children","title","action","activeValue","allowMultipleOpen","onChange","rows","React","Children","map","child","idx","cloneElement","key","value","PropTypes","object","isRequired","description","string","oneOfType","element","arrayOf","number","bool","func","propTypes","DSMobileCardGroupWithSchema","describe","withTheme"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledCard.js","sources":["../../../src/MobileCard/StyledCard.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div`\n display: flex;\n align-items: center;\n height: fit-content;\n min-height: ${(props) => props.minHeight};\n border: ${(props) => border(props.theme.colors.neutral['100'])};\n border-bottom: ${(props) =>\n border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],"names":["StyledCard","styled","div","props","minHeight","border","theme","colors","neutral"],"mappings":";;;IAGaA,UAAU,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"StyledCard.js","sources":["../../../src/MobileCard/StyledCard.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div`\n display: flex;\n align-items: center;\n height: fit-content;\n min-height: ${(props) => props.minHeight};\n border: ${(props) => border(props.theme.colors.neutral['100'])};\n border-bottom: ${(props) =>\n border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],"names":["StyledCard","styled","div","props","minHeight","border","theme","colors","neutral"],"mappings":";;;IAGaA,UAAU,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,2GAIP,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,SAAjB;AAAA,CAJO,EAKX,UAACD,KAAD;EAAA,OAAWE,MAAM,CAACF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CALW,EAMJ,UAACL,KAAD;EAAA,OACfE,MAAM,CAAC,MAAD,EAASF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAT,CADS;AAAA,CANI;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHeight.js","sources":["../../../src/MobileCard/useHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n return Number(\n window\n .getComputedStyle(document.querySelector(':root'))\n .getPropertyValue('font-size')\n .match(/\\d+/)[0],\n );\n}\n\nexport function useHeight(ref) {\n const [height, setHeight] = useState('0rem');\n const [currentFont, setCurrentFont] = useState(13);\n useEffect(() => {\n setCurrentFont(getCurrentFont());\n }, []);\n\n useEffect(() => {\n if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n setHeight(rem(ref.current.clientHeight, currentFont));\n }\n }, [ref.current, currentFont]);\n\n return height;\n}\n"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","useHeight","ref","useState","height","setHeight","currentFont","setCurrentFont","useEffect","current","rem","clientHeight"],"mappings":";;;;AAGA,SAASA,cAAT,GAA0B;
|
|
1
|
+
{"version":3,"file":"useHeight.js","sources":["../../../src/MobileCard/useHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n return Number(\n window\n .getComputedStyle(document.querySelector(':root'))\n .getPropertyValue('font-size')\n .match(/\\d+/)[0],\n );\n}\n\nexport function useHeight(ref) {\n const [height, setHeight] = useState('0rem');\n const [currentFont, setCurrentFont] = useState(13);\n useEffect(() => {\n setCurrentFont(getCurrentFont());\n }, []);\n\n useEffect(() => {\n if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n setHeight(rem(ref.current.clientHeight, currentFont));\n }\n }, [ref.current, currentFont]);\n\n return height;\n}\n"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","useHeight","ref","useState","height","setHeight","currentFont","setCurrentFont","useEffect","current","rem","clientHeight"],"mappings":";;;;AAGA,SAASA,cAAT,GAA0B;EACxB,OAAOC,MAAM,CACXC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADW,CAAb;AAMD;;AAEM,SAASC,SAAT,CAAmBC,GAAnB,EAAwB;EAC7B,gBAA4BC,QAAQ,CAAC,MAAD,CAApC;;MAAOC,MAAP;MAAeC,SAAf;;EACA,iBAAsCF,QAAQ,CAAC,EAAD,CAA9C;;MAAOG,WAAP;MAAoBC,cAApB;;EACAC,SAAS,CAAC,YAAM;IACdD,cAAc,CAACd,cAAc,EAAf,CAAd;GADO,EAEN,EAFM,CAAT;EAIAe,SAAS,CAAC,YAAM;IACd,IAAIN,GAAG,CAACO,OAAJ,IAAeL,MAAM,KAAKM,GAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAjC,EAA0E;MACxED,SAAS,CAACK,GAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAJ,CAAT;;GAFK,EAIN,CAACJ,GAAG,CAACO,OAAL,EAAcH,WAAd,CAJM,CAAT;EAMA,OAAOF,MAAP;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${(props) => props.zIndex};\n width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n position: fixed;\n bottom: 0;\n left: ${(props) => props.theme.space.xxs};\n max-height: 90vh;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['000']};\n ${truncate()}\n\n & > span {\n height: 20px;\n width: 20px;\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: 20px;\n width: 20px;\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nconst HeaderContainer = styled(Grid)`\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n ({\n open = false,\n title = '',\n multiple = false,\n singleSelect = false,\n onChange = noop,\n onClickOutside = noop,\n children,\n theme,\n backdropZIndex,\n zIndex = 1,\n dataTestid = 'mobile-context-menu',\n buttonFooter = null,\n onApply = noop,\n selecteds: initSelecteds,\n }) => {\n const [selectedItems, setSelectedItems] = useState([]);\n const trueSelected = useMemo(\n () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n [initSelecteds, selectedItems],\n );\n const containerRef = useRef(null);\n const handleChange = (value, childProps, event) => {\n onChange(value, childProps, event);\n if (initSelecteds === undefined) {\n if (multiple) setSelectedItems([...value]);\n else if (singleSelect) setSelectedItems(value);\n }\n };\n\n const handleApply = function (e) {\n if (this.onClick) this.onClick(e);\n onApply(e, selectedItems);\n };\n\n const rows = [theme.space.s, 1];\n if (buttonFooter) rows.push('56px');\n\n if (!open) return null;\n\n return (\n <>\n <DSBackdrop\n type=\"cover\"\n zIndex={backdropZIndex}\n onClick={(e) => {\n // PUI-4481 prevent click on elements below backdrop\n e.stopPropagation();\n onClickOutside(e);\n }}\n />\n <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n {title}\n </StyledTitle>\n </HeaderContainer>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>\n <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n {React.Children.map(children, (child, ii) => {\n const isGroup =\n child.type === (<ContextMenuGroup />).type ||\n child.type?.name === ContextMenuGroup.componentType ||\n child.type === ContextMenuGroup.type;\n const { onClick = noop } = child.props;\n const value = ii;\n let isSelected;\n if (singleSelect) isSelected = trueSelected === value;\n else if (multiple) isSelected = trueSelected.includes(value);\n return React.cloneElement(child, {\n value,\n key: `cm.${ii}`,\n isMulti: multiple,\n singleSelect,\n isSelected,\n onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n selectedItems: isGroup ? trueSelected : null,\n });\n })}\n </Group>\n </Grid>\n </Grid>\n {buttonFooter && (\n <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n {React.cloneElement(buttonFooter, {\n ...buttonFooter.props,\n containerProps: {\n 'data-testid': `${dataTestid}--btn`,\n },\n buttonType: 'primary',\n size: 'l',\n onClick: handleApply.bind(buttonFooter.props),\n })}\n </Grid>\n )}\n </StyledContainer>\n </>\n );\n },\n);\n\nconst props = {\n /** toggle open the menu */\n open: PropTypes.bool.description('toggle open the menu'),\n /** context menu title */\n title: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n ]).description('context menu title'),\n /** change handler for selectable context menu */\n onChange: PropTypes.func.description('change handler for selectable context menu'),\n /** multi select */\n multiple: PropTypes.bool.description('multi select'),\n /** click outside callback handler */\n onClickOutside: PropTypes.func.description('click outside callback handler'),\n /** array of mobile context menu items */\n children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n /** z index for overlay div */\n backdropZIndex: PropTypes.number.description('z index for overlay div'),\n /** z index for menu container */\n zIndex: PropTypes.number.description('z index for menu container'),\n /** for e2e tests */\n dataTestid: PropTypes.string.description('for e2e tests'),\n /** bottom button */\n buttonFooter: PropTypes.element.description('bottom button'),\n /** callback */\n onApply: PropTypes.func.description('callback'),\n /** selected elements for multi and single select */\n selecteds: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.number,\n ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","stopPropagation","length","fill","overflow","React","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,+NACL,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADK,EAER,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACI,MAAjB;AAAA,CAFQ,EAGV,UAACJ,KAAD;AAAA,+BAA0BA,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,EAA5C;AAAA,CAHU,EAMX,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBE,GAA7B;AAAA,CANW,CAArB;AAaA,IAAMC,WAAW,gBAAGV,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2JAEA,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYQ,WAAZ,CAAwBC,QAAnC;AAAA,CAFA,EAGN,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHM,EAIbQ,QAAQ,EAJK,EAeL,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfK,CAAjB;AAmBA,IAAMS,eAAe,gBAAGd,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,gFAGL,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBW,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAHK,CAArB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,IAAD;AAAA,SAAUC,KAAK,CAACC,OAAN,CAAcF,IAAd,CAAV;AAAA,CAAd;;IAEMG,mBAAmB,GAAGC,SAAS,CACnC,gBAeM;AAAA,uBAdJC,IAcI;AAAA,MAdJA,IAcI,0BAdG,KAcH;AAAA,wBAbJC,KAaI;AAAA,MAbJA,KAaI,2BAbI,EAaJ;AAAA,2BAZJC,QAYI;AAAA,MAZJA,QAYI,8BAZO,KAYP;AAAA,+BAXJC,YAWI;AAAA,MAXJA,YAWI,kCAXW,KAWX;AAAA,2BAVJC,QAUI;AAAA,MAVJA,QAUI,8BAVOC,IAUP;AAAA,iCATJC,cASI;AAAA,MATJA,cASI,oCATaD,IASb;AAAA,MARJE,QAQI,QARJA,QAQI;AAAA,MAPJ1B,KAOI,QAPJA,KAOI;AAAA,MANJ2B,cAMI,QANJA,cAMI;AAAA,yBALJxB,MAKI;AAAA,MALJA,MAKI,4BALK,CAKL;AAAA,6BAJJyB,UAII;AAAA,MAJJA,UAII,gCAJS,qBAIT;AAAA,+BAHJC,YAGI;AAAA,MAHJA,YAGI,kCAHW,IAGX;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFMN,IAEN;AAAA,MADOO,aACP,QADJC,SACI;;AACJ,kBAA0CC,QAAQ,CAAC,EAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,YAAY,GAAGC,OAAO,CAC1B;AAAA,WAAON,aAAa,KAAKO,SAAlB,GAA8BP,aAA9B,sBAAkDG,aAAlD,CAAP;AAAA,GAD0B,EAE1B,CAACH,aAAD,EAAgBG,aAAhB,CAF0B,CAA5B;AAIA,MAAMK,YAAY,GAAGC,MAAM,CAAC,IAAD,CAA3B;;AACA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,UAAR,EAAoBC,KAApB,EAA8B;AACjDrB,IAAAA,QAAQ,CAACmB,KAAD,EAAQC,UAAR,EAAoBC,KAApB,CAAR;;AACA,QAAIb,aAAa,KAAKO,SAAtB,EAAiC;AAC/B,UAAIjB,QAAJ,EAAcc,gBAAgB,oBAAKO,KAAL,EAAhB,CAAd,KACK,IAAIpB,YAAJ,EAAkBa,gBAAgB,CAACO,KAAD,CAAhB;AACxB;AACF,GAND;;AAQA,MAAMG,WAAW,GAAG,SAAdA,WAAc,CAAUC,CAAV,EAAa;AAC/B,QAAI,KAAKC,OAAT,EAAkB,KAAKA,OAAL,CAAaD,CAAb;AAClBhB,IAAAA,OAAO,CAACgB,CAAD,EAAIZ,aAAJ,CAAP;AACD,GAHD;;AAKA,MAAMc,IAAI,GAAG,CAAChD,KAAK,CAACI,KAAN,CAAY6C,CAAb,EAAgB,CAAhB,CAAb;AACA,MAAIpB,YAAJ,EAAkBmB,IAAI,CAACE,IAAL,CAAU,MAAV;AAElB,MAAI,CAAC/B,IAAL,EAAW,OAAO,IAAP;AAEX,sBACE,uDACE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,MAAM,EAAEQ,cAFV;AAGE,IAAA,OAAO,EAAE,iBAACmB,CAAD,EAAO;AACd;AACAA,MAAAA,CAAC,CAACK,eAAF;AACA1B,MAAAA,cAAc,CAACqB,CAAD,CAAd;AACD;AAPH,IADF,eAUE,oBAAC,eAAD;AAAiB,IAAA,MAAM,EAAE3C,MAAzB;AAAiC,IAAA,IAAI,EAAE6C,IAAvC;AAA6C,IAAA,GAAG,EAAET,YAAlD;AAAgE,mBAAY;AAA5E,kBACE,oBAAC,eAAD;AAAiB,IAAA,cAAc,EAAC,QAAhC;AAAyC,IAAA,UAAU,EAAC,QAApD;AAA6D,IAAA,EAAE,EAAC,IAAhE;AAAqE,IAAA,EAAE,EAAC;AAAxE,kBACE,oBAAC,WAAD;AAAa,IAAA,UAAU,EAAC,QAAxB;AAAiC,IAAA,MAAM,EAAC,KAAxC;AAA8C,IAAA,IAAI,EAAExB,KAAK,CAACF,KAAK,CAACO,KAAD,CAAL,GAAeA,KAAK,CAACgC,MAArB,GAA8B,CAA/B,CAAL,CAAuCC,IAAvC,CAA4C,MAA5C;AAApD,KACGjC,KADH,CADF,CADF,eAME,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEkC,MAAAA,QAAQ,EAAE;AAAZ;AAAb,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEA,MAAAA,QAAQ,EAAE;AAAZ;AAAb,kBACE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAElB,YAApB;AAAkC,IAAA,QAAQ,EAAEf,QAA5C;AAAsD,IAAA,QAAQ,EAAEoB;AAAhE,KACGc,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmB/B,QAAnB,EAA6B,UAACgC,KAAD,EAAQC,EAAR,EAAe;AAAA;;AAC3C,QAAMC,OAAO,GACXF,KAAK,CAACG,IAAN,KAAgB,oBAACC,wBAAD,OAAD,CAAuBD,IAAtC,IACA,gBAAAH,KAAK,CAACG,IAAN,4DAAYE,IAAZ,MAAqBD,wBAAgB,CAACE,aADtC,IAEAN,KAAK,CAACG,IAAN,KAAeC,wBAAgB,CAACD,IAHlC;AAIA,+BAA2BH,KAAK,CAAC3D,KAAjC,CAAQgD,OAAR;AAAA,QAAQA,OAAR,qCAAkBvB,IAAlB;AACA,QAAMkB,KAAK,GAAGiB,EAAd;AACA,QAAIM,UAAJ;AACA,QAAI3C,YAAJ,EAAkB2C,UAAU,GAAG7B,YAAY,KAAKM,KAA9B,CAAlB,KACK,IAAIrB,QAAJ,EAAc4C,UAAU,GAAG7B,YAAY,CAAC8B,QAAb,CAAsBxB,KAAtB,CAAb;AACnB,wBAAOa,KAAK,CAACY,YAAN,CAAmBT,KAAnB,EAA0B;AAC/BhB,MAAAA,KAAK,EAALA,KAD+B;AAE/B0B,MAAAA,GAAG,eAAQT,EAAR,CAF4B;AAG/BU,MAAAA,OAAO,EAAEhD,QAHsB;AAI/BC,MAAAA,YAAY,EAAZA,YAJ+B;AAK/B2C,MAAAA,UAAU,EAAVA,UAL+B;AAM/BlB,MAAAA,OAAO,EAAE,CAACa,OAAD,GAAW,UAACd,CAAD;AAAA,eAAOC,OAAO,CAACD,CAAD,EAAIY,KAAK,CAAC3D,KAAV,CAAd;AAAA,OAAX,GAA4C,IANtB;AAO/BmC,MAAAA,aAAa,EAAE0B,OAAO,GAAGxB,YAAH,GAAkB;AAPT,KAA1B,CAAP;AASD,GAnBA,CADH,CADF,CADF,CANF,EAgCGP,YAAY,iBACX,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,IAAT;AAAc,IAAA,EAAE,EAAC,IAAjB;AAAsB,IAAA,UAAU,EAAC;AAAjC,kBACG0B,KAAK,CAACY,YAAN,CAAmBtC,YAAnB,kCACIA,YAAY,CAAC9B,KADjB;AAECuE,IAAAA,cAAc,EAAE;AACd,+BAAkB1C,UAAlB;AADc,KAFjB;AAKC2C,IAAAA,UAAU,EAAE,SALb;AAMCC,IAAAA,IAAI,EAAE,GANP;AAOCzB,IAAAA,OAAO,EAAEF,WAAW,CAAC4B,IAAZ,CAAiB5C,YAAY,CAAC9B,KAA9B;AAPV,KADH,CAjCJ,CAVF,CADF;AA2DD,CApGkC;AAuGrC,IAAMA,KAAK,GAAG;AACZ;AACAoB,EAAAA,IAAI,EAAEuD,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sBAA3B,CAFM;;AAGZ;AACAxD,EAAAA,KAAK,EAAEsD,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACG,SAAV,CAAoB,CAACH,SAAS,CAACI,MAAX,EAAmBJ,SAAS,CAACM,IAA7B,CAApB,CAAlB,CAFyB,CAApB,EAGJJ,WAHI,CAGQ,oBAHR,CAJK;;AAQZ;AACArD,EAAAA,QAAQ,EAAEmD,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,4CAA3B,CATE;;AAUZ;AACAvD,EAAAA,QAAQ,EAAEqD,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,cAA3B,CAXE;;AAYZ;AACAnD,EAAAA,cAAc,EAAEiD,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,gCAA3B,CAbJ;;AAcZ;AACAlD,EAAAA,QAAQ,EAAEgD,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACQ,OAA5B,EAAqCN,WAArC,CAAiD,oCAAjD,CAfE;;AAgBZ;AACAjD,EAAAA,cAAc,EAAE+C,SAAS,CAACS,MAAV,CAAiBP,WAAjB,CAA6B,yBAA7B,CAjBJ;;AAkBZ;AACAzE,EAAAA,MAAM,EAAEuE,SAAS,CAACS,MAAV,CAAiBP,WAAjB,CAA6B,4BAA7B,CAnBI;;AAoBZ;AACAhD,EAAAA,UAAU,EAAE8C,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,eAA7B,CArBA;;AAsBZ;AACA/C,EAAAA,YAAY,EAAE6C,SAAS,CAACQ,OAAV,CAAkBN,WAAlB,CAA8B,eAA9B,CAvBF;;AAwBZ;AACA9C,EAAAA,OAAO,EAAE4C,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,UAA3B,CAzBG;;AA0BZ;AACA5C,EAAAA,SAAS,EAAE0C,SAAS,CAACG,SAAV,CAAoB,CAC7BH,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACG,SAAV,CAAoB,CAACH,SAAS,CAACI,MAAX,EAAmBJ,SAAS,CAACS,MAA7B,CAApB,CAAlB,CAD6B,EAE7BT,SAAS,CAACS,MAFmB,CAApB,EAGRP,WAHQ,CAGI,+CAHJ;AA3BC,CAAd;AAiCA3D,mBAAmB,CAACmE,SAApB,GAAgCrF,KAAhC;IAEMsF,6BAA6B,GAAGC,QAAQ,CAACrE,mBAAD;AAE9CoE,6BAA6B,CAACD,SAA9B,GAA0CrF,KAA1C;;;;"}
|
|
1
|
+
{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${(props) => props.zIndex};\n width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n position: fixed;\n bottom: 0;\n left: ${(props) => props.theme.space.xxs};\n max-height: 90vh;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['000']};\n ${truncate()}\n\n & > span {\n height: 20px;\n width: 20px;\n }\n\n & > span > svg,\n svg:not([fill]) {\n height: 20px;\n width: 20px;\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\nconst HeaderContainer = styled(Grid)`\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n ({\n open = false,\n title = '',\n multiple = false,\n singleSelect = false,\n onChange = noop,\n onClickOutside = noop,\n children,\n theme,\n backdropZIndex,\n zIndex = 1,\n dataTestid = 'mobile-context-menu',\n buttonFooter = null,\n onApply = noop,\n selecteds: initSelecteds,\n }) => {\n const [selectedItems, setSelectedItems] = useState([]);\n const trueSelected = useMemo(\n () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n [initSelecteds, selectedItems],\n );\n const containerRef = useRef(null);\n const handleChange = (value, childProps, event) => {\n onChange(value, childProps, event);\n if (initSelecteds === undefined) {\n if (multiple) setSelectedItems([...value]);\n else if (singleSelect) setSelectedItems(value);\n }\n };\n\n const handleApply = function (e) {\n if (this.onClick) this.onClick(e);\n onApply(e, selectedItems);\n };\n\n const rows = [theme.space.s, 1];\n if (buttonFooter) rows.push('56px');\n\n if (!open) return null;\n\n return (\n <>\n <DSBackdrop\n type=\"cover\"\n zIndex={backdropZIndex}\n onClick={(e) => {\n // PUI-4481 prevent click on elements below backdrop\n e.stopPropagation();\n onClickOutside(e);\n }}\n />\n <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n {title}\n </StyledTitle>\n </HeaderContainer>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>\n <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n {React.Children.map(children, (child, ii) => {\n const isGroup =\n child.type === (<ContextMenuGroup />).type ||\n child.type?.name === ContextMenuGroup.componentType ||\n child.type === ContextMenuGroup.type;\n const { onClick = noop } = child.props;\n const value = ii;\n let isSelected;\n if (singleSelect) isSelected = trueSelected === value;\n else if (multiple) isSelected = trueSelected.includes(value);\n return React.cloneElement(child, {\n value,\n key: `cm.${ii}`,\n isMulti: multiple,\n singleSelect,\n isSelected,\n onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n selectedItems: isGroup ? trueSelected : null,\n });\n })}\n </Group>\n </Grid>\n </Grid>\n {buttonFooter && (\n <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n {React.cloneElement(buttonFooter, {\n ...buttonFooter.props,\n containerProps: {\n 'data-testid': `${dataTestid}--btn`,\n },\n buttonType: 'primary',\n size: 'l',\n onClick: handleApply.bind(buttonFooter.props),\n })}\n </Grid>\n )}\n </StyledContainer>\n </>\n );\n },\n);\n\nconst props = {\n /** toggle open the menu */\n open: PropTypes.bool.description('toggle open the menu'),\n /** context menu title */\n title: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n ]).description('context menu title'),\n /** change handler for selectable context menu */\n onChange: PropTypes.func.description('change handler for selectable context menu'),\n /** multi select */\n multiple: PropTypes.bool.description('multi select'),\n /** click outside callback handler */\n onClickOutside: PropTypes.func.description('click outside callback handler'),\n /** array of mobile context menu items */\n children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n /** z index for overlay div */\n backdropZIndex: PropTypes.number.description('z index for overlay div'),\n /** z index for menu container */\n zIndex: PropTypes.number.description('z index for menu container'),\n /** for e2e tests */\n dataTestid: PropTypes.string.description('for e2e tests'),\n /** bottom button */\n buttonFooter: PropTypes.element.description('bottom button'),\n /** callback */\n onApply: PropTypes.func.description('callback'),\n /** selected elements for multi and single select */\n selecteds: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.number,\n ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","stopPropagation","length","fill","overflow","React","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileContextMenuGroup.js","sources":["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n height: 24px;\n line-height: 24px;\n font-size: 12px;\n border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n background: ${(props) => props.theme.colors.brand['200']};\n padding: 0 ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n <Grid>\n <Grid>\n <Title>{title}</Title>\n </Grid>\n <Grid>\n {React.Children.map(children, (child, index) => {\n const { onClick = noop } = child.props;\n const value = `${groupValue}:${index}`;\n let isSelected;\n if (singleSelect) isSelected = selectedItems === value;\n else if (isMulti) isSelected = selectedItems.includes(value);\n return React.cloneElement(child, {\n value,\n key: 'group.'.concat(index),\n isGroup: true,\n isMulti,\n singleSelect,\n isSelected,\n onClick: (e) => onClick(e, { value, ...child.props }),\n });\n })}\n </Grid>\n </Grid>\n);\n\nconst props = {\n /**\n * Group title\n */\n title: PropTypes.string.isRequired.description('group title'),\n /**\n * Array of MobileContextMenuItem\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** single select */\n singleSelect: PropTypes.bool.description('single select'),\n /** value for select */\n value: PropTypes.string.description('value for select'),\n /** selected items, array for multi, string for single */\n selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n 'selected items, array for multi, string for single',\n ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],"names":["Title","styled","div","props","theme","colors","brand","space","xs","neutral","fontWeights","semibold","DSMobileContextMenuGroup","title","isMulti","singleSelect","children","groupValue","value","selectedItems","React","Children","map","child","index","onClick","noop","isSelected","includes","cloneElement","key","concat","isGroup","e","PropTypes","string","isRequired","description","arrayOf","element","bool","oneOfType","array","propTypes","componentType","DSMobileContextMenuGroupWithSchema","describe"],"mappings":";;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"MobileContextMenuGroup.js","sources":["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n height: 24px;\n line-height: 24px;\n font-size: 12px;\n border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n background: ${(props) => props.theme.colors.brand['200']};\n padding: 0 ${(props) => props.theme.space.xs};\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n <Grid>\n <Grid>\n <Title>{title}</Title>\n </Grid>\n <Grid>\n {React.Children.map(children, (child, index) => {\n const { onClick = noop } = child.props;\n const value = `${groupValue}:${index}`;\n let isSelected;\n if (singleSelect) isSelected = selectedItems === value;\n else if (isMulti) isSelected = selectedItems.includes(value);\n return React.cloneElement(child, {\n value,\n key: 'group.'.concat(index),\n isGroup: true,\n isMulti,\n singleSelect,\n isSelected,\n onClick: (e) => onClick(e, { value, ...child.props }),\n });\n })}\n </Grid>\n </Grid>\n);\n\nconst props = {\n /**\n * Group title\n */\n title: PropTypes.string.isRequired.description('group title'),\n /**\n * Array of MobileContextMenuItem\n */\n children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** single select */\n singleSelect: PropTypes.bool.description('single select'),\n /** value for select */\n value: PropTypes.string.description('value for select'),\n /** selected items, array for multi, string for single */\n selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n 'selected items, array for multi, string for single',\n ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],"names":["Title","styled","div","props","theme","colors","brand","space","xs","neutral","fontWeights","semibold","DSMobileContextMenuGroup","title","isMulti","singleSelect","children","groupValue","value","selectedItems","React","Children","map","child","index","onClick","noop","isSelected","includes","cloneElement","key","concat","isGroup","e","PropTypes","string","isRequired","description","arrayOf","element","bool","oneOfType","array","propTypes","componentType","DSMobileContextMenuGroupWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n ${(props) => {\n if (!props.isMulti) {\n return `\n & > span {\n height: 18px;\n width: 18px;\n }\n\n & > span > svg {\n height: 18px;\n width: 18px;\n }\n `;\n }\n return '';\n }}\n`;\n\nconst Title = styled.span`\n font-size: 16px;\n color: ${(props) => props.theme.colors.brand['600']};\n ${truncate()}\n`;\n\nconst Label = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n label: string;\n title: string;\n leftProp: JSX.Element;\n isGroup: boolean;\n isMulti: boolean;\n isSelected: boolean;\n singleSelect: boolean;\n onClick: (e: any) => void;\n value: string;\n}\nconst DSMobileContextMenuItem = ({\n label,\n title,\n leftProp,\n isGroup,\n isMulti,\n singleSelect,\n isSelected,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick = () => {},\n value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n let showLeftAddon = isSelected;\n if (isMulti || !singleSelect) showLeftAddon = true;\n\n let leftAddon = leftProp || null;\n if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n return (\n <Wrap\n data-testid=\"ds-contextmenu-item\"\n onClick={(e) => {\n if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n onClick(e);\n }}\n cols={\n (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n }\n >\n {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n {showLeftAddon && leftAddon}\n </PropWrap>\n )}\n <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n {label && (\n <Grid alignItems=\"center\">\n <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n </Grid>\n )}\n <Grid alignItems={!label ? 'center' : undefined}>\n <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n </Grid>\n </Grid>\n </Wrap>\n );\n }}\n />\n);\n\nconst props = {\n /** label */\n label: PropTypes.string.description('label'),\n /** menu item title */\n title: PropTypes.string.isRequired.description('menu item title'),\n /** */\n leftProp: PropTypes.element.description(''),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** */\n singleSelect: PropTypes.bool.description(''),\n /** */\n isGroup: PropTypes.bool.description(''),\n /** on click handler */\n onClick: PropTypes.func.description('on click handler'),\n /** value for select */\n value: PropTypes.number.description('value for select'),\n /** selected value */\n isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","PropWrap","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","Checkmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;AAAA;AAaA,IAAMA,IAAI,gBAAGC,MAAM,CAAC,UAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n ${(props) => {\n if (!props.isMulti) {\n return `\n & > span {\n height: 18px;\n width: 18px;\n }\n\n & > span > svg {\n height: 18px;\n width: 18px;\n }\n `;\n }\n return '';\n }}\n`;\n\nconst Title = styled.span`\n font-size: 16px;\n color: ${(props) => props.theme.colors.brand['600']};\n ${truncate()}\n`;\n\nconst Label = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n label: string;\n title: string;\n leftProp: JSX.Element;\n isGroup: boolean;\n isMulti: boolean;\n isSelected: boolean;\n singleSelect: boolean;\n onClick: (e: any) => void;\n value: string;\n}\nconst DSMobileContextMenuItem = ({\n label,\n title,\n leftProp,\n isGroup,\n isMulti,\n singleSelect,\n isSelected,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick = () => {},\n value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n let showLeftAddon = isSelected;\n if (isMulti || !singleSelect) showLeftAddon = true;\n\n let leftAddon = leftProp || null;\n if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n return (\n <Wrap\n data-testid=\"ds-contextmenu-item\"\n onClick={(e) => {\n if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n onClick(e);\n }}\n cols={\n (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n }\n >\n {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n {showLeftAddon && leftAddon}\n </PropWrap>\n )}\n <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n {label && (\n <Grid alignItems=\"center\">\n <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n </Grid>\n )}\n <Grid alignItems={!label ? 'center' : undefined}>\n <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n </Grid>\n </Grid>\n </Wrap>\n );\n }}\n />\n);\n\nconst props = {\n /** label */\n label: PropTypes.string.description('label'),\n /** menu item title */\n title: PropTypes.string.isRequired.description('menu item title'),\n /** */\n leftProp: PropTypes.element.description(''),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** */\n singleSelect: PropTypes.bool.description(''),\n /** */\n isGroup: PropTypes.bool.description(''),\n /** on click handler */\n onClick: PropTypes.func.description('on click handler'),\n /** value for select */\n value: PropTypes.number.description('value for select'),\n /** selected value */\n isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","PropWrap","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","Checkmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/MobileDatePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n input[type=date]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=date]&:active, input[type=date]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef"],"mappings":";;;;;;;AAIA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,KAAV;
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/MobileDatePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n input[type=date]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=date]&:active, input[type=date]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef"],"mappings":";;;;;;;AAIA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,KAAV;EAAA;AAAA,0mBAUH,UAAAC,KAAK;EAAA,OAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAA5B;AAAA,CAVF,EAgBC,UAAAJ,KAAK;EAAA,OAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAJ;AAAA,CAhBN,EAiBA,UAAAN,KAAK;EAAA,OAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBI,EAAnB,CAA5B;AAAA,CAjBL,EAoBO,UAAAP,KAAK;EAAA,OAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAJ;AAAA,CApBZ,EAwBX,UAAAN,KAAK;EAAA,OAAIQ,KAAK,CAACR,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBI,KAAnB,CAAyB,GAAzB,CAAD,CAAT;AAAA,CAxBM,EA4BJ,UAAAT,KAAK;EAAA,OACZA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GACIV,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CADJ,GAEIN,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAHQ;AAAA,CA5BD,EAgCD,UAAAN,KAAK;EAAA,OACfA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GAAqBV,KAAK,CAACW,WAA3B,GAAyCX,KAAK,CAAC,mBAAD,CAD/B;AAAA,CAhCJ,CAAjB;IA0CaY,KAAK,GAAG,SAARA,KAAQ;EAAA,IAAGC,QAAH,QAAGA,QAAH;MAAgBb,KAAhB;;EAAA,oBACnB,oBAAC,WAAD;IAAa,GAAG,EAAEa;KAAcb,KAAhC,EADmB;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDatePicker.js","sources":["../../../src/MobileDatePicker/MobileDatePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n const inputRef = useRef(null);\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const valueArr = value.split('-');\n const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Date Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<DatePicker />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n data-testid=\"ds-mobile-date-picker\"\n innerRef={inputRef}\n aria-label=\"Date Picker Input Mask\"\n disabled={disabled}\n onKeyDown={(e) => e.preventDefault()}\n type=\"date\"\n placeholder={placeholder}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileDatePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('0 as default'),\n /**\n * MM / DD / YYYY as default\n */\n placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n /**\n * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n */\n value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],"names":["DSMobileDatePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","useEffect","current","defaultValue","valueArr","split","displayValue","DSIconColors","PRIMARY","NEUTRAL","focus","click","e","preventDefault","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","props","PropTypes","bool","description","number","string","func","propTypes","DSMobileDatePickerWithSchema","describe"],"mappings":";;;;;;;;;;;;IAQMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAA0D;
|
|
1
|
+
{"version":3,"file":"MobileDatePicker.js","sources":["../../../src/MobileDatePicker/MobileDatePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n const inputRef = useRef(null);\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const valueArr = value.split('-');\n const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Date Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<DatePicker />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n data-testid=\"ds-mobile-date-picker\"\n innerRef={inputRef}\n aria-label=\"Date Picker Input Mask\"\n disabled={disabled}\n onKeyDown={(e) => e.preventDefault()}\n type=\"date\"\n placeholder={placeholder}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileDatePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('0 as default'),\n /**\n * MM / DD / YYYY as default\n */\n placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n /**\n * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n */\n value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],"names":["DSMobileDatePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","useEffect","current","defaultValue","valueArr","split","displayValue","DSIconColors","PRIMARY","NEUTRAL","focus","click","e","preventDefault","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","props","PropTypes","bool","description","number","string","func","propTypes","DSMobileDatePickerWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDropdownInput.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly />\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n"],"names":["MobileDropdownInput","styled","input","props","theme","colors","neutral","focus","brand","MobileDropdownInputWrap","span","CaretWrap","Caret","onClick","propTypes","PropTypes","func","isRequired","DSMobileDropdownTriggerInput","inputProps","caretProps"],"mappings":";;;;;;;IAOaA,mBAAmB,gBAAGC,MAAM,CAACC,KAAV;
|
|
1
|
+
{"version":3,"file":"MobileDropdownInput.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly />\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n"],"names":["MobileDropdownInput","styled","input","props","theme","colors","neutral","focus","brand","MobileDropdownInputWrap","span","CaretWrap","Caret","onClick","propTypes","PropTypes","func","isRequired","DSMobileDropdownTriggerInput","inputProps","caretProps"],"mappings":";;;;;;;IAOaA,mBAAmB,gBAAGC,MAAM,CAACC,KAAV;EAAA;AAAA,iRAShB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATgB,EAYV,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAZU,EAgB1B,UAACH,KAAD;EAAA,OAAWI,KAAK,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,KAAnB,CAAyB,GAAzB,CAAD,CAAhB;AAAA,CAhB0B;IAoBnBC,uBAAuB,gBAAGR,MAAM,CAACS,IAAV;EAAA;AAAA;AAOpC,IAAMC,SAAS,gBAAGV,MAAM,CAACS,IAAV;EAAA;AAAA,sHAAf;IAWaE,KAAK,GAAG,SAARA,KAAQ;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,oBACnB,oBAAC,SAAD;IAAW,OAAO,EAAEA;kBAClB,oBAAC,WAAD;IAAa,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;IADtB,CADmB;AAAA;AAMrBD,KAAK,CAACE,SAAN,GAAkB;EAChBD,OAAO,EAAEE,SAAS,CAACC,IAAV,CAAeC;AADR,CAAlB;IAIaC,4BAA4B,GAAG,SAA/BA,4BAA+B;EAAA,IAC1CC,UAD0C,SAC1CA,UAD0C;MAE1CC,UAF0C,SAE1CA,UAF0C;EAAA,oBAO1C,oBAAC,uBAAD;IAAyB,eAAY;kBACnC,oBAAC,mBAAD,eAAyBD,UAAzB;IAAqC,QAAQ;KAD/C,eAEE,oBAAC,KAAD,EAAWC,UAAX,CAFF,CAP0C;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDropdownMenu.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n DSMobileContextMenu,\n DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n label: string;\n value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n placeholder: string;\n value: string;\n options: OptionT[];\n title: string;\n itemsProps: {\n label?: string;\n leftProp?: JSX.Element;\n isGroup?: boolean;\n isMulti?: boolean;\n singleSelect?: boolean;\n isItemSelected?: (opt: OptionT) => boolean;\n onClick?: (opt: OptionT, e: any) => void;\n };\n}\nconst DSMobileDropdownMenu = ({\n placeholder,\n options = [],\n title,\n value,\n itemsProps = {\n label: undefined,\n leftProp: undefined,\n isGroup: false,\n isMulti: false,\n singleSelect: false,\n isItemSelected: () => false,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick: () => {},\n },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n const [menuOpen, setMenuOpen] = useState(false);\n const inputRef = useRef(null);\n const inputProps = React.useMemo(\n () => ({\n readOnly: true,\n value,\n onClick: () => setMenuOpen(true),\n ref: inputRef,\n placeholder,\n }),\n [value, placeholder],\n );\n const caretProps = React.useMemo(\n () => ({\n onClick: () => {\n inputRef.current.focus();\n setMenuOpen(true);\n },\n }),\n [],\n );\n return (\n <>\n <DSMobileDropdownTriggerInput\n inputProps={inputProps}\n caretProps={caretProps}\n />\n {menuOpen ? (\n <DSMobileContextMenu\n title={title}\n open\n onChange={(_, e) => {\n setMenuOpen(false);\n }}\n onClickOutside={() => setMenuOpen(false)}\n >\n {options.map((opt, i) => (\n <DSMobileContextMenuItem\n key={'ddwn'.concat(`${i}`)}\n title={opt.label}\n value={opt.value}\n isSelected={itemsProps.isItemSelected(opt)}\n onClick={(e) => {\n setMenuOpen(false);\n itemsProps.onClick(opt, e);\n }}\n label={itemsProps.label}\n leftProp={itemsProps.leftProp}\n isGroup={itemsProps.isGroup}\n isMulti={itemsProps.isMulti}\n singleSelect={itemsProps.singleSelect}\n />\n ))}\n </DSMobileContextMenu>\n ) : null}\n </>\n );\n};\n\nconst props = {\n /** dropdown menu placeholder */\n placeholder: PropTypes.string.description('dropdown menu placeholder'),\n /** context menu menu title */\n title: PropTypes.string.description('context menu menu title'),\n /** context menu options / items */\n options: PropTypes.arrayOf(\n PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],"names":["DSMobileDropdownMenu","placeholder","options","title","value","itemsProps","label","undefined","leftProp","isGroup","isMulti","singleSelect","isItemSelected","onClick","useState","menuOpen","setMenuOpen","inputRef","useRef","inputProps","React","useMemo","readOnly","ref","caretProps","current","focus","_","e","map","opt","i","concat","props","PropTypes","string","description","arrayOf","shape","propTypes","DSMobileDropdownMenuWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IA4BMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAekB;
|
|
1
|
+
{"version":3,"file":"MobileDropdownMenu.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n DSMobileContextMenu,\n DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n label: string;\n value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n placeholder: string;\n value: string;\n options: OptionT[];\n title: string;\n itemsProps: {\n label?: string;\n leftProp?: JSX.Element;\n isGroup?: boolean;\n isMulti?: boolean;\n singleSelect?: boolean;\n isItemSelected?: (opt: OptionT) => boolean;\n onClick?: (opt: OptionT, e: any) => void;\n };\n}\nconst DSMobileDropdownMenu = ({\n placeholder,\n options = [],\n title,\n value,\n itemsProps = {\n label: undefined,\n leftProp: undefined,\n isGroup: false,\n isMulti: false,\n singleSelect: false,\n isItemSelected: () => false,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick: () => {},\n },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n const [menuOpen, setMenuOpen] = useState(false);\n const inputRef = useRef(null);\n const inputProps = React.useMemo(\n () => ({\n readOnly: true,\n value,\n onClick: () => setMenuOpen(true),\n ref: inputRef,\n placeholder,\n }),\n [value, placeholder],\n );\n const caretProps = React.useMemo(\n () => ({\n onClick: () => {\n inputRef.current.focus();\n setMenuOpen(true);\n },\n }),\n [],\n );\n return (\n <>\n <DSMobileDropdownTriggerInput\n inputProps={inputProps}\n caretProps={caretProps}\n />\n {menuOpen ? (\n <DSMobileContextMenu\n title={title}\n open\n onChange={(_, e) => {\n setMenuOpen(false);\n }}\n onClickOutside={() => setMenuOpen(false)}\n >\n {options.map((opt, i) => (\n <DSMobileContextMenuItem\n key={'ddwn'.concat(`${i}`)}\n title={opt.label}\n value={opt.value}\n isSelected={itemsProps.isItemSelected(opt)}\n onClick={(e) => {\n setMenuOpen(false);\n itemsProps.onClick(opt, e);\n }}\n label={itemsProps.label}\n leftProp={itemsProps.leftProp}\n isGroup={itemsProps.isGroup}\n isMulti={itemsProps.isMulti}\n singleSelect={itemsProps.singleSelect}\n />\n ))}\n </DSMobileContextMenu>\n ) : null}\n </>\n );\n};\n\nconst props = {\n /** dropdown menu placeholder */\n placeholder: PropTypes.string.description('dropdown menu placeholder'),\n /** context menu menu title */\n title: PropTypes.string.description('context menu menu title'),\n /** context menu options / items */\n options: PropTypes.arrayOf(\n PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],"names":["DSMobileDropdownMenu","placeholder","options","title","value","itemsProps","label","undefined","leftProp","isGroup","isMulti","singleSelect","isItemSelected","onClick","useState","menuOpen","setMenuOpen","inputRef","useRef","inputProps","React","useMemo","readOnly","ref","caretProps","current","focus","_","e","map","opt","i","concat","props","PropTypes","string","description","arrayOf","shape","propTypes","DSMobileDropdownMenuWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileEmptyState.js","sources":["../../../src/MobileEmtpyState/MobileEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n min-width: 132px;\n`;\n\nconst DSMobileEmptyState = ({ label = 'No search results found.' }) => (\n <Wrapper>\n <Search size=\"xxl\" color={['neutral', 400]} />\n <Label>{label}</Label>\n </Wrapper>\n);\n\nconst props = {\n /** empty state label */\n label: PropTypes.string.description('empty state label'),\n};\n\nDSMobileEmptyState.propTypes = props;\n\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],"names":["Wrapper","styled","div","Label","p","props","theme","colors","neutral","space","xs","fontWeights","semibold","DSMobileEmptyState","label","PropTypes","string","description","propTypes","DSMobileEmptyStateWithSchema","describe"],"mappings":";;;;;AAKA,IAAMA,OAAO,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"MobileEmptyState.js","sources":["../../../src/MobileEmtpyState/MobileEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n min-width: 132px;\n`;\n\nconst DSMobileEmptyState = ({ label = 'No search results found.' }) => (\n <Wrapper>\n <Search size=\"xxl\" color={['neutral', 400]} />\n <Label>{label}</Label>\n </Wrapper>\n);\n\nconst props = {\n /** empty state label */\n label: PropTypes.string.description('empty state label'),\n};\n\nDSMobileEmptyState.propTypes = props;\n\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],"names":["Wrapper","styled","div","Label","p","props","theme","colors","neutral","space","xs","fontWeights","semibold","DSMobileEmptyState","label","PropTypes","string","description","propTypes","DSMobileEmptyStateWithSchema","describe"],"mappings":";;;;;AAKA,IAAMA,OAAO,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,iGAAb;AAQA,IAAMC,KAAK,gBAAGF,MAAM,CAACG,CAAV;EAAA;AAAA,oEACA,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADA,EAEI,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ,EAGM,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYK,WAAZ,CAAwBC,QAAnC;AAAA,CAHN,CAAX;;IAOMC,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,sBAAGC,KAAH;MAAGA,KAAH,2BAAW,0BAAX;EAAA,oBACzB,oBAAC,OAAD,qBACE,oBAAC,MAAD;IAAQ,IAAI,EAAC,KAAb;IAAmB,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;IAD5B,eAEE,oBAAC,KAAD,QAAQA,KAAR,CAFF,CADyB;AAAA;;AAO3B,IAAMT,KAAK,GAAG;;EAEZS,KAAK,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B;AAFK,CAAd;AAKAJ,kBAAkB,CAACK,SAAnB,GAA+Bb,KAA/B;IAEMc,4BAA4B,GAAGC,QAAQ,CAACP,kBAAD;AAC7CM,4BAA4B,CAACD,SAA7B,GAAyCb,KAAzC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filterbar.js","sources":["../../../src/MobileFilterbar/Filterbar.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { describe, PropTypes } from 'react-desc';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n display: flex;\n overflow: auto;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n & > * {\n flex-shrink: 0;\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst Separator = styled.div`\n & > * {\n margin: 0;\n }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n <Bar>{children}</Bar>\n <Separator>\n <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n);\n\nconst filterbarProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\n\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],"names":["Bar","styled","div","props","theme","colors","neutral","__UNSAFE_SPACE_TO_DIMSUM","space","xs","Separator","DSMobileFilterbar","children","filterbarProps","PropTypes","element","description","isRequired","propTypes","FilterbarWithSchema","describe"],"mappings":";;;;;;;;AAAA;AAQA,IAAMA,GAAG,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"Filterbar.js","sources":["../../../src/MobileFilterbar/Filterbar.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { describe, PropTypes } from 'react-desc';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n display: flex;\n overflow: auto;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n & > * {\n flex-shrink: 0;\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst Separator = styled.div`\n & > * {\n margin: 0;\n }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n <Bar>{children}</Bar>\n <Separator>\n <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n);\n\nconst filterbarProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\n\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],"names":["Bar","styled","div","props","theme","colors","neutral","__UNSAFE_SPACE_TO_DIMSUM","space","xs","Separator","DSMobileFilterbar","children","filterbarProps","PropTypes","element","description","isRequired","propTypes","FilterbarWithSchema","describe"],"mappings":";;;;;;;;AAAA;AAQA,IAAMA,GAAG,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,oIAGa,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHb,EAIS,UAACH,KAAD;EAAA,OAAWI,wBAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,EAAnB,CAAnC;AAAA,CAJT,CAAT;AAcA,IAAMC,SAAS,gBAAGT,MAAM,CAACC,GAAV;EAAA;AAAA,wBAAf;;IAMMS,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,oBACxB,oBAAC,IAAD;IAAM,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAZ;IAA8B,eAAY;kBACxC,oBAAC,GAAD,QAAMA,QAAN,CADF,eAEE,oBAAC,SAAD,qBACE,oBAAC,eAAD;IAAiB,MAAM,EAAC,KAAxB;IAA8B,KAAK,EAAE,CAAC,SAAD,EAAY,KAAZ;IADvC,CAFF,CADwB;AAAA;;AAS1B,IAAMC,cAAc,GAAG;EACrBD,QAAQ,EAAEE,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,iBAA9B,EAAiDC;AADtC,CAAvB;AAIAN,iBAAiB,CAACO,SAAlB,GAA8BL,cAA9B;IAEMM,mBAAmB,GAAGC,QAAQ,CAACT,iBAAD;AACpCQ,mBAAmB,CAACD,SAApB,GAAgCL,cAAhC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterbarItem.js","sources":["../../../src/MobileFilterbar/FilterbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n {children}\n </Grid>\n);\nconst filterbarItemProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\n\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],"names":["DSMobileFilterbarItem","children","onClick","filterbarItemProps","PropTypes","element","description","isRequired","func","propTypes","FilterbarItemWithSchema","describe"],"mappings":";;;;IAIMA,qBAAqB,GAAG,SAAxBA,qBAAwB;
|
|
1
|
+
{"version":3,"file":"FilterbarItem.js","sources":["../../../src/MobileFilterbar/FilterbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n {children}\n </Grid>\n);\nconst filterbarItemProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\n\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],"names":["DSMobileFilterbarItem","children","onClick","filterbarItemProps","PropTypes","element","description","isRequired","func","propTypes","FilterbarItemWithSchema","describe"],"mappings":";;;;IAIMA,qBAAqB,GAAG,SAAxBA,qBAAwB;EAAA,IAAGC,QAAH,QAAGA,QAAH;MAAaC,OAAb,QAAaA,OAAb;EAAA,oBAC5B,oBAAC,IAAD;IAAM,eAAY,yBAAlB;IAA4C,IAAI,EAAE,CAAC,aAAD,CAAlD;IAAmE,EAAE,EAAC,KAAtE;IAA4E,EAAE,EAAC,KAA/E;IAAqF,IAAI,EAAC,QAA1F;IAAmG,OAAO,EAAEA;KACzGD,QADH,CAD4B;AAAA;;AAK9B,IAAME,kBAAkB,GAAG;EACzBF,QAAQ,EAAEG,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,iBAA9B,EAAiDC,UADlC;EAEzBL,OAAO,EAAEE,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,gDAA3B;AAFgB,CAA3B;AAKAN,qBAAqB,CAACS,SAAtB,GAAkCN,kBAAlC;IAEMO,uBAAuB,GAAGC,QAAQ,CAACX,qBAAD;AACxCU,uBAAuB,CAACD,SAAxB,GAAoCN,kBAApC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterbarSort.js","sources":["../../../src/MobileFilterbar/FilterbarSort.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n & > * {\n margin-left: 0;\n }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n <>\n {children}\n <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n <Separator>\n <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n </>\n);\n\nconst filterbarSortProps = {\n children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\n\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n"],"names":["Separator","styled","div","DSMobileFilterbarSort","children","filterbarSortProps","PropTypes","element","description","isRequired","propTypes","FilterbarSortWithSchema","describe"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"FilterbarSort.js","sources":["../../../src/MobileFilterbar/FilterbarSort.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n & > * {\n margin-left: 0;\n }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n <>\n {children}\n <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n <Separator>\n <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n </>\n);\n\nconst filterbarSortProps = {\n children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\n\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n"],"names":["Separator","styled","div","DSMobileFilterbarSort","children","filterbarSortProps","PropTypes","element","description","isRequired","propTypes","FilterbarSortWithSchema","describe"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,6BAAf;;IAMMC,qBAAqB,GAAG,SAAxBA,qBAAwB;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,oBAC5B,0CACGA,QADH,eAEE,oBAAC,IAAD;IAAM,EAAE,EAAC,KAAT;IAAe,EAAE,EAAC,KAAlB;IAAwB,IAAI,EAAE,CAAC,aAAD;kBAC5B,oBAAC,SAAD,qBACE,oBAAC,eAAD;IAAiB,MAAM,EAAC,KAAxB;IAA8B,SAAS,EAAC,UAAxC;IAAmD,KAAK,EAAE,CAAC,SAAD,EAAY,KAAZ;IAD5D,CADF,CAFF,CAD4B;AAAA;;AAW9B,IAAMC,kBAAkB,GAAG;EACzBD,QAAQ,EAAEE,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,qBAA9B,EAAqDC;AADtC,CAA3B;AAIAN,qBAAqB,CAACO,SAAtB,GAAkCL,kBAAlC;IAEMM,uBAAuB,GAAGC,QAAQ,CAACT,qBAAD;AACxCQ,uBAAuB,CAACD,SAAxB,GAAoCL,kBAApC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Action.js","sources":["../../../src/MobileFooter/Action.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { typography } from 'styled-system';\nimport { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Label = styled.span`\n ${typography}\n ${color('neutral', '800')}\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n <Grid\n data-testid=\"ds-mobile-footer-action\"\n rows={['auto'].concat(label ? 'min-content' : 'none')}\n justifyContent=\"center\"\n role=\"button\"\n onClick={onClick}\n >\n <Grid justifyContent=\"center\" alignItems=\"center\">\n {React.cloneElement(icon, {\n 'data-testid': 'ds-mobile-footer-action-icon',\n size: !label ? 'l' : 'm',\n })}\n </Grid>\n\n {label && (\n <Grid justifyContent=\"center\">\n <Label fontSize=\"11px\">{label}</Label>\n </Grid>\n )}\n </Grid>\n);\n\nconst actionProps = {\n /** Action label */\n label: PropTypes.string.description('Action label'),\n /** Action icon */\n icon: PropTypes.element.description('Action icon'),\n /** onClick callback */\n onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\n\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n"],"names":["Label","styled","span","typography","color","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xxs","DSMobileFooterAction","label","icon","onClick","concat","React","cloneElement","size","actionProps","PropTypes","string","description","element","func","propTypes","DSMobileFooterActionWithSchema","describe"],"mappings":";;;;;;;AAAA;AASA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,IAAV;
|
|
1
|
+
{"version":3,"file":"Action.js","sources":["../../../src/MobileFooter/Action.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { typography } from 'styled-system';\nimport { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Label = styled.span`\n ${typography}\n ${color('neutral', '800')}\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n <Grid\n data-testid=\"ds-mobile-footer-action\"\n rows={['auto'].concat(label ? 'min-content' : 'none')}\n justifyContent=\"center\"\n role=\"button\"\n onClick={onClick}\n >\n <Grid justifyContent=\"center\" alignItems=\"center\">\n {React.cloneElement(icon, {\n 'data-testid': 'ds-mobile-footer-action-icon',\n size: !label ? 'l' : 'm',\n })}\n </Grid>\n\n {label && (\n <Grid justifyContent=\"center\">\n <Label fontSize=\"11px\">{label}</Label>\n </Grid>\n )}\n </Grid>\n);\n\nconst actionProps = {\n /** Action label */\n label: PropTypes.string.description('Action label'),\n /** Action icon */\n icon: PropTypes.element.description('Action icon'),\n /** onClick callback */\n onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\n\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n"],"names":["Label","styled","span","typography","color","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xxs","DSMobileFooterAction","label","icon","onClick","concat","React","cloneElement","size","actionProps","PropTypes","string","description","element","func","propTypes","DSMobileFooterActionWithSchema","describe"],"mappings":";;;;;;;AAAA;AASA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,IAAV;EAAA;AAAA,kEACPC,UADO,EAEPC,KAAK,CAAC,SAAD,EAAY,KAAZ,CAFE,EAGS,UAACC,KAAD;EAAA,OAAWC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHT,EAIW,UAACJ,KAAD;EAAA,OAAWC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAJX,CAAX;;IAOMC,oBAAoB,GAAG,SAAvBA,oBAAuB;EAAA,IAAGC,KAAH,QAAGA,KAAH;MAAUC,IAAV,QAAUA,IAAV;MAAgBC,OAAhB,QAAgBA,OAAhB;EAAA,oBAC3B,oBAAC,IAAD;IACE,eAAY,yBADd;IAEE,IAAI,EAAE,CAAC,MAAD,EAASC,MAAT,CAAgBH,KAAK,GAAG,aAAH,GAAmB,MAAxC,CAFR;IAGE,cAAc,EAAC,QAHjB;IAIE,IAAI,EAAC,QAJP;IAKE,OAAO,EAAEE;kBAET,oBAAC,IAAD;IAAM,cAAc,EAAC,QAArB;IAA8B,UAAU,EAAC;kBACtCE,KAAK,CAACC,YAAN,CAAmBJ,IAAnB,EAAyB;IACxB,eAAe,8BADS;IAExBK,IAAI,EAAE,CAACN,KAAD,GAAS,GAAT,GAAe;GAFtB,CADH,CAPF,EAcGA,KAAK,iBACJ,oBAAC,IAAD;IAAM,cAAc,EAAC;kBACnB,oBAAC,KAAD;IAAO,QAAQ,EAAC;KAAQA,KAAxB,CADF,CAfJ,CAD2B;AAAA;;AAuB7B,IAAMO,WAAW,GAAG;;EAElBP,KAAK,EAAEQ,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,cAA7B,CAFW;;;EAIlBT,IAAI,EAAEO,SAAS,CAACG,OAAV,CAAkBD,WAAlB,CAA8B,aAA9B,CAJY;;;EAMlBR,OAAO,EAAEM,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,kBAA3B;AANS,CAApB;AASAX,oBAAoB,CAACc,SAArB,GAAiCN,WAAjC;IAEMO,8BAA8B,GAAGC,QAAQ,CAAChB,oBAAD,CAAR,CAA+BW,WAA/B,CAA2C,sBAA3C;AACvCI,8BAA8B,CAACD,SAA/B,GAA2CN,WAA3C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sources":["../../../src/MobileFooter/Footer.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from 'react-desc';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n background-color: ${(props) => props.theme.colors.neutral['000']};\n border-top: ${(props) => border(props.theme.colors.neutral[100])};\n height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n const childArr = React.Children.toArray(children);\n const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n const setCols = () => {\n if (isButtonType) {\n return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n }\n return childArr.map(() => `${100 / childArr.length}%`);\n };\n return (\n <FooterWrap>\n <Grid\n cols={setCols()}\n gutter={isButtonType ? 'xs' : undefined}\n justifyContent=\"center\"\n alignItems={isButtonType ? 'center' : undefined}\n >\n {childArr.map((c, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Grid key={i}>{c}</Grid>\n ))}\n </Grid>\n </FooterWrap>\n );\n};\n\nconst footerProps = {\n /**\n * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n 'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n ),\n};\n\nMobileFooter.propTypes = footerProps;\n\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n"],"names":["FooterWrap","styled","Grid","props","theme","colors","neutral","border","__UNSAFE_SPACE_TO_DIMSUM","space","xs","MobileFooter","children","childArr","React","Children","toArray","isButtonType","type","DSMobileFooterText","DSButton","setCols","length","map","undefined","c","i","footerProps","PropTypes","oneOfType","element","arrayOf","isRequired","description","propTypes","MobileFooterWithSchema","describe"],"mappings":";;;;;;;;AAAA;AAUA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"Footer.js","sources":["../../../src/MobileFooter/Footer.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from 'react-desc';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n background-color: ${(props) => props.theme.colors.neutral['000']};\n border-top: ${(props) => border(props.theme.colors.neutral[100])};\n height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n const childArr = React.Children.toArray(children);\n const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n const setCols = () => {\n if (isButtonType) {\n return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n }\n return childArr.map(() => `${100 / childArr.length}%`);\n };\n return (\n <FooterWrap>\n <Grid\n cols={setCols()}\n gutter={isButtonType ? 'xs' : undefined}\n justifyContent=\"center\"\n alignItems={isButtonType ? 'center' : undefined}\n >\n {childArr.map((c, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Grid key={i}>{c}</Grid>\n ))}\n </Grid>\n </FooterWrap>\n );\n};\n\nconst footerProps = {\n /**\n * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n 'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n ),\n};\n\nMobileFooter.propTypes = footerProps;\n\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n"],"names":["FooterWrap","styled","Grid","props","theme","colors","neutral","border","__UNSAFE_SPACE_TO_DIMSUM","space","xs","MobileFooter","children","childArr","React","Children","toArray","isButtonType","type","DSMobileFooterText","DSButton","setCols","length","map","undefined","c","i","footerProps","PropTypes","oneOfType","element","arrayOf","isRequired","description","propTypes","MobileFooterWithSchema","describe"],"mappings":";;;;;;;;AAAA;AAUA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,2DACM,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADN,EAEA,UAACH,KAAD;EAAA,OAAWI,MAAM,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAD,CAAjB;AAAA,CAFA,EAGJ,UAACH,KAAD;EAAA,sBAAmBK,wBAAwB,CAACL,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,EAAnB,CAA3C;AAAA,CAHI,CAAhB;;IAMMC,YAAY,GAAG,SAAfA,YAAe,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACrC,IAAMC,QAAQ,GAAGC,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAjB;EACA,IAAMK,YAAY,GAAGJ,QAAQ,CAAC,CAAD,CAAR,CAAYK,IAAZ,KAAqBC,kBAArB,IAA2CN,QAAQ,CAAC,CAAD,CAAR,CAAYK,IAAZ,KAAqBE,QAArF;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;IACpB,IAAIJ,YAAJ,EAAkB;MAChB,OAAOJ,QAAQ,CAACS,MAAT,KAAoB,CAApB,GAAwB,CAAC,KAAD,CAAxB,GAAkC,CAAC,KAAD,EAAQ,KAAR,CAAzC;;;IAEF,OAAOT,QAAQ,CAACU,GAAT,CAAa;MAAA,iBAAS,MAAMV,QAAQ,CAACS,MAAxB;KAAb,CAAP;GAJF;;EAMA,oBACE,oBAAC,UAAD,qBACE,oBAAC,IAAD;IACE,IAAI,EAAED,OAAO,EADf;IAEE,MAAM,EAAEJ,YAAY,GAAG,IAAH,GAAUO,SAFhC;IAGE,cAAc,EAAC,QAHjB;IAIE,UAAU,EAAEP,YAAY,GAAG,QAAH,GAAcO;KAErCX,QAAQ,CAACU,GAAT,CAAa,UAACE,CAAD,EAAIC,CAAJ;IAAA;;;MAEZ,oBAAC,IAAD;QAAM,GAAG,EAAEA;SAAID,CAAf;;GAFD,CANH,CADF,CADF;AAeD;;AAED,IAAME,WAAW,GAAG;;AAEpB;AACA;EACEf,QAAQ,EAAEgB,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,OAAX,EAAoBF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,OAA5B,CAApB,CAApB,EAA+EE,UAA/E,CAA0FC,WAA1F,CACR,kEADQ;AAJQ,CAApB;AASAtB,YAAY,CAACuB,SAAb,GAAyBP,WAAzB;IAEMQ,sBAAsB,GAAGC,QAAQ,CAACzB,YAAD;AACvCwB,sBAAsB,CAACD,SAAvB,GAAmCP,WAAnC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../src/MobileFooter/Text.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Text = styled.p`\n margin: auto 0;\n ${truncate()}\n ${textStyle('body')}\n ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\n\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n"],"names":["Text","styled","p","truncate","textStyle","color","DSMobileFooterText","children","props","PropTypes","string","isRequired","description","propTypes","DSMobileFooterTextWithSchema","describe"],"mappings":";;;;;AAAA;AAOA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,CAAV;
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../src/MobileFooter/Text.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Text = styled.p`\n margin: auto 0;\n ${truncate()}\n ${textStyle('body')}\n ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\n\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n"],"names":["Text","styled","p","truncate","textStyle","color","DSMobileFooterText","children","props","PropTypes","string","isRequired","description","propTypes","DSMobileFooterTextWithSchema","describe"],"mappings":";;;;;AAAA;AAOA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,CAAV;EAAA;AAAA,qCAENC,QAAQ,EAFF,EAGNC,SAAS,CAAC,MAAD,CAHH,EAINC,KAAK,CAAC,SAAD,EAAY,KAAZ,CAJC,CAAV;;IAOMC,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,oBAAkB,oBAAC,IAAD,QAAOA,QAAP,CAAlB;AAAA;;AAE3B,IAAMC,KAAK,GAAG;EACZD,QAAQ,EAAEE,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,UAAxC;AADE,CAAd;AAIAN,kBAAkB,CAACO,SAAnB,GAA+BL,KAA/B;IAEMM,4BAA4B,GAAGC,QAAQ,CAACT,kBAAD;AAC7CQ,4BAA4B,CAACD,SAA7B,GAAyCL,KAAzC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileListItem.js","sources":["../../../src/MobileListItem/MobileListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['800']};\n ${truncate()}\n`;\n\nconst MobileListItem = ({\n leftAddon = null,\n rightAddon = null,\n title = '',\n value = '',\n dataTestid = 'mobile-list-item',\n theme,\n}) => {\n const cols = [1];\n if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n return (\n <StyledContainer\n cols={cols}\n height={theme.space.m}\n width=\"100%\"\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n gutter=\"xs\"\n data-testid={`${dataTestid}--${value}`}\n >\n {leftAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {leftAddon}\n </Grid>\n )}\n <Grid alignItems=\"center\">\n <StyledTitle>{title}</StyledTitle>\n </Grid>\n {rightAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {rightAddon}\n </Grid>\n )}\n </StyledContainer>\n );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n leftAddon: PropTypes.element.description('Element placed at the left'),\n rightAddon: PropTypes.element.description('Element placed at the right'),\n title: PropTypes.string.description('Item s title').isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Item s value, used for data-testid attr',\n ),\n dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\n\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","border","StyledTitle","div","fontWeights","semibold","truncate","MobileListItem","leftAddon","rightAddon","title","value","dataTestid","cols","unshift","__UNSAFE_SPACE_TO_DIMSUM","space","m","push","s","DSMobileListItem","withTheme","listItemProps","PropTypes","element","description","string","isRequired","oneOfType","number","defaultValue","object","propTypes","ListItemWithSchema","describe"],"mappings":";;;;;;AAMA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"MobileListItem.js","sources":["../../../src/MobileListItem/MobileListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['800']};\n ${truncate()}\n`;\n\nconst MobileListItem = ({\n leftAddon = null,\n rightAddon = null,\n title = '',\n value = '',\n dataTestid = 'mobile-list-item',\n theme,\n}) => {\n const cols = [1];\n if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n return (\n <StyledContainer\n cols={cols}\n height={theme.space.m}\n width=\"100%\"\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n gutter=\"xs\"\n data-testid={`${dataTestid}--${value}`}\n >\n {leftAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {leftAddon}\n </Grid>\n )}\n <Grid alignItems=\"center\">\n <StyledTitle>{title}</StyledTitle>\n </Grid>\n {rightAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {rightAddon}\n </Grid>\n )}\n </StyledContainer>\n );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n leftAddon: PropTypes.element.description('Element placed at the left'),\n rightAddon: PropTypes.element.description('Element placed at the right'),\n title: PropTypes.string.description('Item s title').isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Item s value, used for data-testid attr',\n ),\n dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\n\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","border","StyledTitle","div","fontWeights","semibold","truncate","MobileListItem","leftAddon","rightAddon","title","value","dataTestid","cols","unshift","__UNSAFE_SPACE_TO_DIMSUM","space","m","push","s","DSMobileListItem","withTheme","listItemProps","PropTypes","element","description","string","isRequired","oneOfType","number","defaultValue","object","propTypes","ListItemWithSchema","describe"],"mappings":"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"}
|