@elliemae/ds-mobile 1.61.10 → 1.61.13

package/esm/MobilePageHeader/MobilePageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePageHeader.js","sources":["../../../src/MobilePageHeader/MobilePageHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n  font-size: 22px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n  padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n`;\n\nconst StyledBreadCrumb = styled.div`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.div`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  ${truncate()}\n`;\n\nconst Value = styled.div`\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n  margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n  pageTitle = null,\n  contextMenu = null,\n  firstAction = null,\n  secondAction = null,\n  backArrow = null,\n  breadCrumb = null,\n  onOpenContextMenu = () => null,\n  value,\n  label,\n  theme,\n}) => {\n  const hasValue = value === 0 || value;\n\n  const countActions = useMemo(() => {\n    let count = 0;\n    if (firstAction) count++;\n    if (secondAction) count++;\n    return count;\n  }, [firstAction, secondAction]);\n  const [open, setOpen] = useState();\n  const handleContext = useCallback(() => {\n    setOpen(!open);\n  }, [open]);\n\n  const separator = (\n    <Grid height=\"32px\" alignItems=\"center\">\n      <Grid height=\"24px\">\n        <MobileSeparator direction=\"vertical\" margin=\"xxs\" color={['neutral', '300']} />\n      </Grid>\n    </Grid>\n  );\n  const cols = [1, 'auto'];\n  const cols2 = ['auto'];\n  if (countActions) cols.push('auto');\n  if (hasValue) cols2.push('auto');\n  if (label) cols2.push('auto');\n\n  return (\n    <Wrapper\n      cols={cols}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"flex-start\"\n      width=\"100%\"\n      data-testid=\"page-header-wrapper\"\n    >\n      <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n        <Grid\n          cols={backArrow ? ['auto', 1] : [1]}\n          alignItems=\"flex-start\"\n          pr={countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0}\n        >\n          {backArrow && (\n            <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n              {backArrow}\n            </Grid>\n          )}\n          <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n            <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n              <Grid>\n                {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n                <StyledTitle\n                  maxWidth=\"100%\"\n                  alignItems=\"flex-start\"\n                  withBreadcrumb={!!breadCrumb}\n                  data-testid=\"page-header-title\"\n                >\n                  <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n                    <TruncatedExpandableText value={pageTitle} />\n                  </Grid>\n                </StyledTitle>\n              </Grid>\n              {contextMenu && (\n                <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n                  <DSButton\n                    buttonType=\"text\"\n                    icon={<ChevronSmallDown />}\n                    size=\"s\"\n                    onClick={() => {\n                      handleContext();\n                      onOpenContextMenu();\n                    }}\n                    containerProps={{ 'data-testid': 'trigger-context-menu' }}\n                  />\n                  {React.cloneElement(contextMenu, {\n                    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n                    onChange: (event, item) => {\n                      if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n                      handleContext();\n                    },\n                  })}\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        </Grid>\n        {hasValue && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n            {separator}\n            <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n              {value}\n            </Value>\n          </Grid>\n        )}\n        {label && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n            <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n              {label}\n            </Label>\n          </Grid>\n        )}\n      </Grid>\n      {countActions > 0 && (\n        <Grid\n          height={breadCrumb ? '56px' : '44px'}\n          alignItems=\"center\"\n          cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n        >\n          {firstAction && <Grid>{firstAction}</Grid>}\n          {countActions === 2 && separator}\n          {secondAction && <Grid>{secondAction}</Grid>}\n        </Grid>\n      )}\n    </Wrapper>\n  );\n};\n\nconst pageHeaderProps = {\n  pageTitle: PropTypes.string.description('Page title').isRequired,\n  contextMenu: PropTypes.element.description('Context Menu to open'),\n  onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n  firstAction: PropTypes.element.description('Action Button'),\n  secondAction: PropTypes.element.description('Action Button'),\n  backArrow: PropTypes.element.description('Back Arrow Button'),\n  breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n  value: PropTypes.number.description('Page summary value'),\n  label: PropTypes.string.description('Page summary label'),\n  theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\n\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n"],"names":["StyledTitle","styled","Grid","props","theme","fontWeights","regular","colors","neutral","withBreadcrumb","StyledBreadCrumb","div","truncate","Label","Value","withMarginRight","Wrapper","border","MobilePageHeader","pageTitle","contextMenu","firstAction","secondAction","backArrow","breadCrumb","onOpenContextMenu","value","label","hasValue","countActions","useMemo","count","useState","open","setOpen","handleContext","useCallback","separator","cols","cols2","push","space","xs","__UNSAFE_SPACE_TO_DIMSUM","s","xxs","xxxs","React","cloneElement","undefined","onChange","event","item","pageHeaderProps","PropTypes","string","description","isRequired","element","func","number","object","propTypes","PageHeaderWithSchema","describe","DSMobilePageHeader","withTheme"],"mappings":"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"}
+{"version":3,"file":"MobilePageHeader.js","sources":["../../../src/MobilePageHeader/MobilePageHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n  font-size: 22px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n  padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n`;\n\nconst StyledBreadCrumb = styled.div`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.div`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  ${truncate()}\n`;\n\nconst Value = styled.div`\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n  margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n  pageTitle = null,\n  contextMenu = null,\n  firstAction = null,\n  secondAction = null,\n  backArrow = null,\n  breadCrumb = null,\n  onOpenContextMenu = () => null,\n  value,\n  label,\n  theme,\n}) => {\n  const hasValue = value === 0 || value;\n\n  const countActions = useMemo(() => {\n    let count = 0;\n    if (firstAction) count++;\n    if (secondAction) count++;\n    return count;\n  }, [firstAction, secondAction]);\n  const [open, setOpen] = useState();\n  const handleContext = useCallback(() => {\n    setOpen(!open);\n  }, [open]);\n\n  const separator = (\n    <Grid height=\"32px\" alignItems=\"center\">\n      <Grid height=\"24px\">\n        <MobileSeparator direction=\"vertical\" margin=\"xxs\" color={['neutral', '300']} />\n      </Grid>\n    </Grid>\n  );\n  const cols = [1, 'auto'];\n  const cols2 = ['auto'];\n  if (countActions) cols.push('auto');\n  if (hasValue) cols2.push('auto');\n  if (label) cols2.push('auto');\n\n  return (\n    <Wrapper\n      cols={cols}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"flex-start\"\n      width=\"100%\"\n      data-testid=\"page-header-wrapper\"\n    >\n      <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n        <Grid\n          cols={backArrow ? ['auto', 1] : [1]}\n          alignItems=\"flex-start\"\n          pr={countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0}\n        >\n          {backArrow && (\n            <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n              {backArrow}\n            </Grid>\n          )}\n          <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n            <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n              <Grid>\n                {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n                <StyledTitle\n                  maxWidth=\"100%\"\n                  alignItems=\"flex-start\"\n                  withBreadcrumb={!!breadCrumb}\n                  data-testid=\"page-header-title\"\n                >\n                  <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n                    <TruncatedExpandableText value={pageTitle} />\n                  </Grid>\n                </StyledTitle>\n              </Grid>\n              {contextMenu && (\n                <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n                  <DSButton\n                    buttonType=\"text\"\n                    icon={<ChevronSmallDown />}\n                    size=\"s\"\n                    onClick={() => {\n                      handleContext();\n                      onOpenContextMenu();\n                    }}\n                    containerProps={{ 'data-testid': 'trigger-context-menu' }}\n                  />\n                  {React.cloneElement(contextMenu, {\n                    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n                    onChange: (event, item) => {\n                      if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n                      handleContext();\n                    },\n                  })}\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        </Grid>\n        {hasValue && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n            {separator}\n            <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n              {value}\n            </Value>\n          </Grid>\n        )}\n        {label && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n            <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n              {label}\n            </Label>\n          </Grid>\n        )}\n      </Grid>\n      {countActions > 0 && (\n        <Grid\n          height={breadCrumb ? '56px' : '44px'}\n          alignItems=\"center\"\n          cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n        >\n          {firstAction && <Grid>{firstAction}</Grid>}\n          {countActions === 2 && separator}\n          {secondAction && <Grid>{secondAction}</Grid>}\n        </Grid>\n      )}\n    </Wrapper>\n  );\n};\n\nconst pageHeaderProps = {\n  pageTitle: PropTypes.string.description('Page title').isRequired,\n  contextMenu: PropTypes.element.description('Context Menu to open'),\n  onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n  firstAction: PropTypes.element.description('Action Button'),\n  secondAction: PropTypes.element.description('Action Button'),\n  backArrow: PropTypes.element.description('Back Arrow Button'),\n  breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n  value: PropTypes.number.description('Page summary value'),\n  label: PropTypes.string.description('Page summary label'),\n  theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\n\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n"],"names":["StyledTitle","styled","Grid","props","theme","fontWeights","regular","colors","neutral","withBreadcrumb","StyledBreadCrumb","div","truncate","Label","Value","withMarginRight","Wrapper","border","MobilePageHeader","pageTitle","contextMenu","firstAction","secondAction","backArrow","breadCrumb","onOpenContextMenu","value","label","hasValue","countActions","useMemo","count","useState","open","setOpen","handleContext","useCallback","separator","cols","cols2","push","space","xs","__UNSAFE_SPACE_TO_DIMSUM","s","xxs","xxxs","React","cloneElement","undefined","onChange","event","item","pageHeaderProps","PropTypes","string","description","isRequired","element","func","number","object","propTypes","PageHeaderWithSchema","describe","DSMobilePageHeader","withTheme"],"mappings":"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"}

package/esm/MobileSelectList/MobileSelectList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSelectList.js","sources":["../../../src/MobileSelectList/MobileSelectList.tsx"],"sourcesContent":["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\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          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n"],"names":["MobileSelectList","open","header","multiple","onChange","noop","children","theme","zIndex","useSearch","onSearch","dataTestid","buttonFooter","onApply","selecteds","initSelecteds","rows","useState","setSelected","filter","setFilter","useEffect","handleSelection","value","index","findIndex","s","handleChange","event","handleOnSearch","e","target","handleApply","onClick","push","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","overflow","React","Children","map","child","leftAddon","rightAddon","props","title","found","String","toLocaleLowerCase","includes","checked","checkbox","selectedMark","bind","cloneElement","containerProps","buttonType","size","DSMobileSelectList","withTheme","propTypes","PropTypes","bool","element","func","arrayOf","string","number","oneOfType","object","isRequired"],"mappings":"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"}
+{"version":3,"file":"MobileSelectList.js","sources":["../../../src/MobileSelectList/MobileSelectList.tsx"],"sourcesContent":["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\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          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n"],"names":["MobileSelectList","open","header","multiple","onChange","noop","children","theme","zIndex","useSearch","onSearch","dataTestid","buttonFooter","onApply","selecteds","initSelecteds","rows","useState","setSelected","filter","setFilter","useEffect","handleSelection","value","index","findIndex","s","handleChange","event","handleOnSearch","e","target","handleApply","onClick","push","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","overflow","React","Children","map","child","leftAddon","rightAddon","props","title","found","String","toLocaleLowerCase","includes","checked","checkbox","selectedMark","bind","cloneElement","containerProps","buttonType","size","DSMobileSelectList","withTheme","propTypes","PropTypes","bool","element","func","arrayOf","string","number","oneOfType","object","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAcnB;EAAA,qBAbJC,IAaI;MAbJA,IAaI,0BAbG,KAaH;yBAZJC,MAYI;MAZJA,MAYI,4BAZK,IAYL;2BAXJC,QAWI;MAXJA,QAWI,8BAXO,KAWP;2BAVJC,QAUI;MAVJA,QAUI,8BAVOC,IAUP;MATJC,QASI,QATJA,QASI;MARJC,KAQI,QARJA,KAQI;yBAPJC,MAOI;MAPJA,MAOI,4BAPK,CAOL;MANJC,SAMI,QANJA,SAMI;2BALJC,QAKI;MALJA,QAKI,8BALOL,IAKP;6BAJJM,UAII;MAJJA,UAII,gCAJS,oBAIT;+BAHJC,YAGI;MAHJA,YAGI,kCAHW,IAGX;0BAFJC,OAEI;MAFJA,OAEI,6BAFMR,IAEN;4BADJS,SACI;MADOC,aACP,+BADuB,EACvB;EACJ,IAAMC,IAAI,GAAG,CAAC,MAAD,EAAS,CAAT,CAAb;;EACA,gBAAiCC,QAAQ,CAACF,aAAD,CAAzC;;MAAOD,SAAP;MAAkBI,WAAlB;;EACA,iBAA4BD,QAAQ,CAAC,EAAD,CAApC;;MAAOE,MAAP;MAAeC,SAAf;;EACAC,SAAS,CAAC,YAAM;IACdH,WAAW,CAACH,aAAD,CAAX;GADO,EAEN,CAACA,aAAD,CAFM,CAAT;;EAIA,IAAMO,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;IACjC,IAAIpB,QAAJ,EAAc;MACZ,IAAMqB,KAAK,GAAGV,SAAS,CAACW,SAAV,CAAoB,UAACC,CAAD;QAAA,OAAOA,CAAC,KAAKH,KAAb;OAApB,CAAd;MACA,IAAIC,KAAK,GAAG,CAAC,CAAb,EAAgBN,WAAW,CAACJ,SAAS,CAACK,MAAV,CAAiB,UAACO,CAAD;QAAA,OAAOA,CAAC,KAAKH,KAAb;OAAjB,CAAD,CAAX,CAAhB,KACKL,WAAW,8BAAKJ,SAAL,IAAgBS,KAAhB,GAAX;KAHP,MAIOL,WAAW,CAAC,CAACK,KAAD,CAAD,CAAX;GALT;;EAOA,IAAMI,YAAY,GAAG,SAAfA,YAAe,CAAUC,KAAV,EAAiB;IACpCxB,QAAQ,CAACwB,KAAD,EAAQ,IAAR,CAAR;IACAN,eAAe,CAAC,KAAKC,KAAN,CAAf;GAFF;;EAIA,IAAMM,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAO;IAC5BV,SAAS,CAACU,CAAC,CAACC,MAAF,CAASR,KAAV,CAAT;IACAb,QAAQ,CAACoB,CAAD,CAAR;GAFF;;EAKA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAAUF,CAAV,EAAa;IAC/B,IAAI,KAAKG,OAAT,EAAkB,KAAKA,OAAL,CAAaH,CAAb;IAClBjB,OAAO,CAACiB,CAAD,EAAIhB,SAAJ,CAAP;GAFF;;EAIA,IAAIF,YAAJ,EAAkBI,IAAI,CAACkB,IAAL,CAAUC,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAAC7B,KAAK,CAAC8B,KAAN,CAAYC,EAAb,CAA9B,EAAgD,OAAhD,CAAZ;EAClB,IAAI,CAACrC,IAAL,EAAW,OAAO,IAAP;EACX,oBACE,uDACE,oBAAC,eAAD;IAAiB,eAAaU,UAA9B;IAA0C,IAAI,EAAEK,IAAhD;IAAsD,MAAM,EAAER;kBAC5D,oBAAC,eAAD,QACGN,MADH,EAEGO,SAAS,iBACR,oBAAC,IAAD;IACE,UAAU,EAAC,QADb;IAEE,MAAM,EAAE2B,wBAAwB,CAAC7B,KAAK,CAAC8B,KAAN,CAAYC,EAAb,CAFlC;IAGE,EAAE,EAAEF,wBAAwB,CAAC7B,KAAK,CAAC8B,KAAN,CAAYX,CAAb,CAH9B;IAIE,EAAE,EAAEU,wBAAwB,CAAC7B,KAAK,CAAC8B,KAAN,CAAYX,CAAb;kBAE5B,oBAAC,SAAD;IAAW,QAAQ,EAAEG,cAArB;IAAqC,WAAW,EAAC,gBAAjD;IAAkE,KAAK,EAAEV;IAN3E,CAHJ,CADF,eAcE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEoB,QAAQ,EAAE;;kBACvB,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA,QAAQ,EAAE;;kBACvB,oBAAC,aAAD;IAAe,yBAAgB5B,UAAhB;KACZ6B,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBpC,QAAnB,EAA6B,UAACqC,KAAD,EAAW;IACvC,IAAIC,SAAS,GAAG,IAAhB;IACA,IAAIC,UAAU,GAAG,IAAjB;IACA,mBAAyBF,KAAK,CAACG,KAA/B;QAAQvB,KAAR,gBAAQA,KAAR;QAAewB,KAAf,gBAAeA,KAAf;IACA,IAAMC,KAAK,GAAGlC,SAAS,CAACW,SAAV,CAAoB,UAACC,CAAD;MAAA,OAAOuB,MAAM,CAACvB,CAAD,CAAN,KAAcuB,MAAM,CAAC1B,KAAD,CAA3B;KAApB,CAAd;IACA,IACEJ,MAAM,IACN,CAAC8B,MAAM,CAAC1B,KAAD,CAAN,CAAc2B,iBAAd,GAAkCC,QAAlC,CAA2ChC,MAAM,CAAC+B,iBAAP,EAA3C,CADD,IAEA,CAACD,MAAM,CAACF,KAAD,CAAN,CAAcG,iBAAd,GAAkCC,QAAlC,CAA2ChC,MAAM,CAAC+B,iBAAP,EAA3C,CAHH,EAKE,OAAO,IAAP;;IACF,IAAI/C,QAAJ,EAAc;MACZ,IAAI6C,KAAK,GAAG,CAAC,CAAb,EAAgBJ,SAAS,GAAGQ,OAAZ,CAAhB,KACKR,SAAS,GAAGS,QAAZ;KAFP,MAGO,IAAIL,KAAK,GAAG,CAAC,CAAb,EAAgB;MACrBH,UAAU,GAAGS,YAAb;;;IAEF,oBACE,oBAAC,iBAAD;MAAmB,OAAO,EAAE3B,YAAY,CAAC4B,IAAb,CAAkBZ,KAAK,CAACG,KAAxB;oBACzBN,KAAK,CAACgB,YAAN,CAAmBb,KAAnB,EAA0B;MAAEC,SAAS,EAATA,SAAF;MAAaC,UAAU,EAAVA;KAAvC,CADH,CADF;GAjBD,CADH,CADF,CADF,CAdF,EA2CGjC,YAAY,iBACX,oBAAC,MAAD;IACE,UAAU,EAAC,QADb;;IAGE,EAAE,EAAEwB,wBAAwB,CAAC7B,KAAK,CAAC8B,KAAN,CAAYX,CAAb,CAH9B;IAIE,EAAE,EAAEU,wBAAwB,CAAC7B,KAAK,CAAC8B,KAAN,CAAYX,CAAb;kBAE3Bc,KAAK,CAACgB,YAAN,CAAmB5C,YAAnB,kCACIA,YAAY,CAACkC,KADjB;IAECW,cAAc,EAAE;MACd,yBAAkB9C,UAAlB;KAHH;IAKC+C,UAAU,EAAE,SALb;IAMCC,IAAI,EAAE,GANP;IAOC1B,OAAO,EAAED,WAAW,CAACuB,IAAZ,CAAiB3C,YAAY,CAACkC,KAA9B;KAbb,CA5CJ,CADF,CADF;AAkED,CA9GD;;IAgHMc,kBAAkB,GAAGC,SAAS,CAAC7D,gBAAD;AAEpCA,gBAAgB,CAAC8D,SAAjB,GAA6B;;EAE3B7D,IAAI,EAAE8D,SAAS,CAACC,IAFW;;;EAI3B9D,MAAM,EAAE6D,SAAS,CAACE,OAJS;;;EAM3B7D,QAAQ,EAAE2D,SAAS,CAACG,IANO;;;EAQ3B/D,QAAQ,EAAE4D,SAAS,CAACC,IARO;;;EAU3B1D,QAAQ,EAAEyD,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACE,OAA5B,CAViB;;;EAY3BtD,UAAU,EAAEoD,SAAS,CAACK,MAZK;;;EAc3BxD,YAAY,EAAEmD,SAAS,CAACE,OAdG;;;EAgB3BpD,OAAO,EAAEkD,SAAS,CAACG,IAhBQ;;;EAkB3B1D,MAAM,EAAEuD,SAAS,CAACM,MAlBS;;;EAoB3BvD,SAAS,EAAEiD,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACO,SAAV,CAAoB,CAACP,SAAS,CAACK,MAAX,EAAmBL,SAAS,CAACM,MAA7B,CAApB,CAAlB,CApBgB;EAqB3B9D,KAAK,EAAEwD,SAAS,CAACQ,MAAV,CAAiBC,UArBG;EAsB3B/D,SAAS,EAAEsD,SAAS,CAACC,IAtBM;EAuB3BtD,QAAQ,EAAEqD,SAAS,CAACG;AAvBO,CAA7B;;;;"}

package/esm/MobileSelectList/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/MobileSelectList/styled.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","HeaderContainer","border","Footer","ListContainer","div","DSMobileTouchable","DSMobileListItem","checkbox","noop","pointerEvents","checked","selectedMark"],"mappings":";;;;;;;;;;;;;;;IAUaA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,iGACZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADY,EAEf,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACI,MAAjB;AAAA,CAFe;IAWfC,eAAe,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,4BACT,UAACC,KAAD;AAAA,SAAWM,MAAM,CAACN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CADS;IAIfI,MAAM,gBAAGT,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,yBACH,UAACC,KAAD;AAAA,SAAWM,MAAM,CAACN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CADG;IAINK,aAAa,gBAAGV,MAAM,CAACW,GAAV;AAAA;AAAA,6CACpBC,iBADoB,EACYC,gBADZ;IAMbC,QAAQ,gBAAG,oBAAC,UAAD;AAAY,EAAA,OAAO,EAAE,KAArB;AAA4B,EAAA,QAAQ,EAAEC,IAAtC;AAA4C,EAAA,KAAK,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB;AAAnD;IACXC,OAAO,gBAAG,oBAAC,UAAD;AAAY,EAAA,OAAO,MAAnB;AAAoB,EAAA,QAAQ,EAAEF,IAA9B;AAAoC,EAAA,KAAK,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB;AAA3C;IACVE,YAAY,gBAAG,oBAAC,SAAD;AAAW,EAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlB;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/MobileSelectList/styled.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","HeaderContainer","border","Footer","ListContainer","div","DSMobileTouchable","DSMobileListItem","checkbox","noop","pointerEvents","checked","selectedMark"],"mappings":";;;;;;;;;;;;;;;IAUaA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,iGACZ,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADY,EAEf,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACI,MAAjB;AAAA,CAFe;IAWfC,eAAe,gBAAGP,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,4BACT,UAACC,KAAD;EAAA,OAAWM,MAAM,CAACN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CADS;IAIfI,MAAM,gBAAGT,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,yBACH,UAACC,KAAD;EAAA,OAAWM,MAAM,CAACN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CADG;IAINK,aAAa,gBAAGV,MAAM,CAACW,GAAV;EAAA;AAAA,6CACpBC,iBADoB,EACYC,gBADZ;IAMbC,QAAQ,gBAAG,oBAAC,UAAD;EAAY,OAAO,EAAE,KAArB;EAA4B,QAAQ,EAAEC,IAAtC;EAA4C,KAAK,EAAE;IAAEC,aAAa,EAAE;;AAApE;IACXC,OAAO,gBAAG,oBAAC,UAAD;EAAY,OAAO,MAAnB;EAAoB,QAAQ,EAAEF,IAA9B;EAAoC,KAAK,EAAE;IAAEC,aAAa,EAAE;;AAA5D;IACVE,YAAY,gBAAG,oBAAC,SAAD;EAAW,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlB;;;;"}

package/esm/MobileSeparator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../src/MobileSeparator/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\n\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n"],"names":["Separator","styled","Grid","theme","color","borderType","colors","MobileSeparator","direction","type","margin","orientation","xORy","styles","width","height","mobileSeparatorProps","PropTypes","oneOf","description","defaultValue","array","propTypes","MobileSeparatorWithSchema","describe"],"mappings":";;;;;;AAKA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,0CACC;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,KAAV,QAAUA,KAAV;AAAA,MAAiBC,UAAjB,QAAiBA,UAAjB;AAAA,mBAAqCF,KAAK,CAACG,MAAN,CAAaF,KAAK,CAAC,CAAD,CAAlB,EAAuBA,KAAK,CAAC,CAAD,CAA5B,CAArC,kBAA6EC,UAA7E;AAAA,CADD,EAEE;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,MAAUC,KAAV,SAAUA,KAAV;AAAA,MAAiBC,UAAjB,SAAiBA,UAAjB;AAAA,mBAAqCF,KAAK,CAACG,MAAN,CAAaF,KAAK,CAAC,CAAD,CAAlB,EAAuBA,KAAK,CAAC,CAAD,CAA5B,CAArC,kBAA6EC,UAA7E;AAAA,CAFF,CAAf;;IAKME,eAAe,GAAG,SAAlBA,eAAkB,QAA6F;AAAA;;AAAA,0BAA1FH,KAA0F;AAAA,MAA1FA,KAA0F,4BAAlF,CAAC,SAAD,EAAY,KAAZ,CAAkF;AAAA,8BAA9DI,SAA8D;AAAA,MAA9DA,SAA8D,gCAAlD,YAAkD;AAAA,yBAApCC,IAAoC;AAAA,MAApCA,IAAoC,2BAA7B,OAA6B;AAAA,2BAApBC,MAAoB;AAAA,MAApBA,MAAoB,6BAAX,IAAW;AACnH,MAAMC,WAAW,GAAGH,SAAS,KAAK,UAAd,GAA2B,QAA3B,GAAsC,OAA1D;AACA,MAAMI,IAAI,GAAGJ,SAAS,KAAK,UAAd,GAA2B,IAA3B,GAAkC,IAA/C;AACA,MAAMK,MAAM;AACVC,IAAAA,KAAK,EAAE,CADG;AAEVC,IAAAA,MAAM,EAAE;AAFE,8BAGTJ,WAHS,EAGK,MAHL,4BAITC,IAJS,EAIFF,MAJE,0CAKED,IALF,qCAMVL,KANU,WAAZ;AAQA,sBAAO,oBAAC,SAAD,EAAeS,MAAf,CAAP;AACD;;AAED,IAAMG,oBAAoB,GAAG;AAC3BP,EAAAA,IAAI,EAAEQ,SAAS,CAACC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,EAAqCC,WAArC,CAAiD,yBAAjD,EAA4EC,YAA5E,CAAyF,OAAzF,CADqB;AAE3BZ,EAAAA,SAAS,EAAES,SAAS,CAACC,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,EACRC,WADQ,CACI,4BADJ,EAERC,YAFQ,CAEK,YAFL,CAFgB;AAK3BhB,EAAAA,KAAK,EAAEa,SAAS,CAACI,KAAV,CAAgBF,WAAhB,CAA4B,wBAA5B,EAAsDC,YAAtD,CAAmE,CAAC,SAAD,EAAY,KAAZ,CAAnE,CALoB;AAM3BV,EAAAA,MAAM,EAAEO,SAAS,CAACC,KAAV,CAAgB,CAAC,KAAD,EAAQ,IAAR,EAAc,GAAd,EAAmB,GAAnB,EAAwB,GAAxB,EAA6B,IAA7B,EAAmC,KAAnC,CAAhB,EACLC,WADK,CACO,yBADP,EAELC,YAFK,CAEQ,IAFR;AANmB,CAA7B;AAWAb,eAAe,CAACe,SAAhB,GAA4BN,oBAA5B;IAEMO,yBAAyB,GAAGC,QAAQ,CAACjB,eAAD;AAC1CgB,yBAAyB,CAACD,SAA1B,GAAsCN,oBAAtC;;;;"}
+{"version":3,"file":"Separator.js","sources":["../../../src/MobileSeparator/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\n\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n"],"names":["Separator","styled","Grid","theme","color","borderType","colors","MobileSeparator","direction","type","margin","orientation","xORy","styles","width","height","mobileSeparatorProps","PropTypes","oneOf","description","defaultValue","array","propTypes","MobileSeparatorWithSchema","describe"],"mappings":";;;;;;AAKA,IAAMA,SAAS,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,0CACC;EAAA,IAAGC,KAAH,QAAGA,KAAH;MAAUC,KAAV,QAAUA,KAAV;MAAiBC,UAAjB,QAAiBA,UAAjB;EAAA,iBAAqCF,KAAK,CAACG,MAAN,CAAaF,KAAK,CAAC,CAAD,CAAlB,EAAuBA,KAAK,CAAC,CAAD,CAA5B,CAArC,kBAA6EC,UAA7E;AAAA,CADD,EAEE;EAAA,IAAGF,KAAH,SAAGA,KAAH;MAAUC,KAAV,SAAUA,KAAV;MAAiBC,UAAjB,SAAiBA,UAAjB;EAAA,iBAAqCF,KAAK,CAACG,MAAN,CAAaF,KAAK,CAAC,CAAD,CAAlB,EAAuBA,KAAK,CAAC,CAAD,CAA5B,CAArC,kBAA6EC,UAA7E;AAAA,CAFF,CAAf;;IAKME,eAAe,GAAG,SAAlBA,eAAkB,QAA6F;EAAA;;EAAA,wBAA1FH,KAA0F;MAA1FA,KAA0F,4BAAlF,CAAC,SAAD,EAAY,KAAZ,CAAkF;8BAA9DI,SAA8D;MAA9DA,SAA8D,gCAAlD,YAAkD;yBAApCC,IAAoC;MAApCA,IAAoC,2BAA7B,OAA6B;2BAApBC,MAAoB;MAApBA,MAAoB,6BAAX,IAAW;EACnH,IAAMC,WAAW,GAAGH,SAAS,KAAK,UAAd,GAA2B,QAA3B,GAAsC,OAA1D;EACA,IAAMI,IAAI,GAAGJ,SAAS,KAAK,UAAd,GAA2B,IAA3B,GAAkC,IAA/C;EACA,IAAMK,MAAM;IACVC,KAAK,EAAE,CADG;IAEVC,MAAM,EAAE;8BACPJ,WAHS,EAGK,MAHL,4BAITC,IAJS,EAIFF,MAJE,0CAKED,IALF,qCAMVL,KANU,WAAZ;EAQA,oBAAO,oBAAC,SAAD,EAAeS,MAAf,CAAP;AACD;;AAED,IAAMG,oBAAoB,GAAG;EAC3BP,IAAI,EAAEQ,SAAS,CAACC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,EAAqCC,WAArC,CAAiD,yBAAjD,EAA4EC,YAA5E,CAAyF,OAAzF,CADqB;EAE3BZ,SAAS,EAAES,SAAS,CAACC,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,EACRC,WADQ,CACI,4BADJ,EAERC,YAFQ,CAEK,YAFL,CAFgB;EAK3BhB,KAAK,EAAEa,SAAS,CAACI,KAAV,CAAgBF,WAAhB,CAA4B,wBAA5B,EAAsDC,YAAtD,CAAmE,CAAC,SAAD,EAAY,KAAZ,CAAnE,CALoB;EAM3BV,MAAM,EAAEO,SAAS,CAACC,KAAV,CAAgB,CAAC,KAAD,EAAQ,IAAR,EAAc,GAAd,EAAmB,GAAnB,EAAwB,GAAxB,EAA6B,IAA7B,EAAmC,KAAnC,CAAhB,EACLC,WADK,CACO,yBADP,EAELC,YAFK,CAEQ,IAFR;AANmB,CAA7B;AAWAb,eAAe,CAACe,SAAhB,GAA4BN,oBAA5B;IAEMO,yBAAyB,GAAGC,QAAQ,CAACjB,eAAD;AAC1CgB,yBAAyB,CAACD,SAA1B,GAAsCN,oBAAtC;;;;"}

package/esm/MobileTimePicker/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/MobileTimePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport styled from 'styled-components';\n\nconst StyledInput = styled.input`\n  input[type=time]& {   \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=time]&:active, input[type=time]&: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=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-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;AAAA;AAAA,0mBAUH,UAAAC,KAAK;AAAA,SAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAA5B;AAAA,CAVF,EAgBC,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAJ;AAAA,CAhBN,EAiBA,UAAAN,KAAK;AAAA,SAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBI,EAAnB,CAA5B;AAAA,CAjBL,EAoBO,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAJ;AAAA,CApBZ,EAwBX,UAAAN,KAAK;AAAA,SAAIQ,KAAK,CAACR,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBI,KAAnB,CAAyB,GAAzB,CAAD,CAAT;AAAA,CAxBM,EA4BJ,UAAAT,KAAK;AAAA,SACZA,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;AAAA,SACfA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GAAqBV,KAAK,CAACW,WAA3B,GAAyCX,KAAK,CAAC,mBAAD,CAD/B;AAAA,CAhCJ,CAAjB;IA0CaY,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBb,KAAhB;;AAAA,sBACnB,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAEa;AAAlB,KAAgCb,KAAhC,EADmB;AAAA;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../src/MobileTimePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport styled from 'styled-components';\n\nconst StyledInput = styled.input`\n  input[type=time]& {   \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=time]&:active, input[type=time]&: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=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-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;;;;"}

package/esm/MobileTimePicker/MobileTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTimePicker.js","sources":["../../../src/MobileTimePicker/MobileTimePicker.tsx"],"sourcesContent":["import React, { useRef, useMemo, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  const valueArr = value.split(':');\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 displayValue = useMemo(() => {\n    if (!value || !valueArr[0] || !valueArr[1]) return '';\n    const ampm = valueArr[0] >= 12 ? 'pm' : 'am';\n    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];\n\n    return `${h} : ${valueArr[1]} ${ampm}`;\n  }, [value]);\n\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Time Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<RecentDocuments />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        innerRef={inputRef}\n        type=\"time\"\n        data-testid=\"ds-mobile-time-picker\"\n        aria-label=\"Time Picker Input Mask\"\n        disabled={disabled}\n        placeholder={placeholder}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\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      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileTimePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'HH : MM am',\n  value: '',\n};\n\nconst pickerProps = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('disabled prop, defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),\n  /**\n   * HH : MM am as default\n   */\n  placeholder: PropTypes.string.description('HH : MM am 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   * HH:MM string representing the time or empty string\n   */\n  value: PropTypes.string.description('HH:MM string representing the time or empty string'),\n};\n\nDSMobileTimePicker.propTypes = pickerProps;\n\nconst DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');\n\nDSMobileTimePickerWithSchema.propTypes = pickerProps;\n\nexport { DSMobileTimePicker, DSMobileTimePickerWithSchema };\n"],"names":["DSMobileTimePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","valueArr","split","useEffect","current","defaultValue","displayValue","useMemo","ampm","h","DSIconColors","PRIMARY","NEUTRAL","focus","click","e","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","pickerProps","PropTypes","bool","description","number","string","func","propTypes","DSMobileTimePickerWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileTimePicker.js","sources":["../../../src/MobileTimePicker/MobileTimePicker.tsx"],"sourcesContent":["import React, { useRef, useMemo, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  const valueArr = value.split(':');\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 displayValue = useMemo(() => {\n    if (!value || !valueArr[0] || !valueArr[1]) return '';\n    const ampm = valueArr[0] >= 12 ? 'pm' : 'am';\n    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];\n\n    return `${h} : ${valueArr[1]} ${ampm}`;\n  }, [value]);\n\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Time Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<RecentDocuments />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        innerRef={inputRef}\n        type=\"time\"\n        data-testid=\"ds-mobile-time-picker\"\n        aria-label=\"Time Picker Input Mask\"\n        disabled={disabled}\n        placeholder={placeholder}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\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      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileTimePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'HH : MM am',\n  value: '',\n};\n\nconst pickerProps = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('disabled prop, defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),\n  /**\n   * HH : MM am as default\n   */\n  placeholder: PropTypes.string.description('HH : MM am 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   * HH:MM string representing the time or empty string\n   */\n  value: PropTypes.string.description('HH:MM string representing the time or empty string'),\n};\n\nDSMobileTimePicker.propTypes = pickerProps;\n\nconst DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');\n\nDSMobileTimePickerWithSchema.propTypes = pickerProps;\n\nexport { DSMobileTimePicker, DSMobileTimePickerWithSchema };\n"],"names":["DSMobileTimePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","valueArr","split","useEffect","current","defaultValue","displayValue","useMemo","ampm","h","DSIconColors","PRIMARY","NEUTRAL","focus","click","e","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","pickerProps","PropTypes","bool","description","number","string","func","propTypes","DSMobileTimePickerWithSchema","describe"],"mappings":";;;;;;;;;;;;IAQMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAA0D;EAAA,IAAvDC,QAAuD,QAAvDA,QAAuD;MAA7CC,KAA6C,QAA7CA,KAA6C;MAAtCC,QAAsC,QAAtCA,QAAsC;MAA5BC,WAA4B,QAA5BA,WAA4B;MAAfC,SAAe,QAAfA,QAAe;EACnF,IAAMC,QAAQ,GAAGC,MAAM,CAAC,IAAD,CAAvB;EACA,IAAMC,QAAQ,GAAGN,KAAK,CAACO,KAAN,CAAY,GAAZ,CAAjB;EACAC,SAAS,CAAC,YAAM;;AAElB;AACA;AACA;AACA;IACI,IAAIJ,QAAQ,CAACK,OAAb,EAAsB;MACpBL,QAAQ,CAACK,OAAT,CAAiBC,YAAjB,GAAgC,EAAhC;;GAPK,EASN,CAACN,QAAQ,CAACK,OAAV,CATM,CAAT;EAUA,IAAME,YAAY,GAAGC,OAAO,CAAC,YAAM;IACjC,IAAI,CAACZ,KAAD,IAAU,CAACM,QAAQ,CAAC,CAAD,CAAnB,IAA0B,CAACA,QAAQ,CAAC,CAAD,CAAvC,EAA4C,OAAO,EAAP;IAC5C,IAAMO,IAAI,GAAGP,QAAQ,CAAC,CAAD,CAAR,IAAe,EAAf,GAAoB,IAApB,GAA2B,IAAxC;IACA,IAAMQ,CAAC,GAAGR,QAAQ,CAAC,CAAD,CAAR,GAAc,EAAd,GAAmBA,QAAQ,CAAC,CAAD,CAAR,GAAc,EAAjC,GAAsCA,QAAQ,CAAC,CAAD,CAAxD;IAEA,iBAAUQ,CAAV,gBAAiBR,QAAQ,CAAC,CAAD,CAAzB,cAAgCO,IAAhC;GAL0B,EAMzB,CAACb,KAAD,CANyB,CAA5B;EAQA,oBACE,oBAAC,YAAD;IACE,UAAU,eACR,oBAAC,QAAD;MACE,cAAW,oBADb;MAEE,KAAK,EAAE,CAACD,QAAD,GAAYgB,YAAY,CAACC,OAAzB,GAAmCD,YAAY,CAACE,OAFzD;MAGE,QAAQ,EAAElB,QAHZ;MAIE,IAAI,eAAE,oBAAC,eAAD,OAJR;MAKE,IAAI,EAAC,QALP;MAME,UAAU,EAAC,WANb;MAOE,OAAO,EAAE,mBAAM;QACbK,QAAQ,CAACK,OAAT,CAAiBS,KAAjB;QACAd,QAAQ,CAACK,OAAT,CAAiBU,KAAjB;;;kBAKN,oBAAC,KAAD;IACE,QAAQ,EAAEf,QADZ;IAEE,IAAI,EAAC,MAFP;IAGE,eAAY,uBAHd;IAIE,cAAW,wBAJb;IAKE,QAAQ,EAAEL,QALZ;IAME,WAAW,EAAEG,WANf;IAOE,QAAQ,EAAED,QAPZ;IAQE,KAAK,EAAED,KART;IASE,qBAAmBW,YATrB;IAUE,QAAQ,EAAE,kBAACS,CAAD,EAAO;;MAEf,IAAQC,MAAR,GAAmBD,CAAC,CAACE,WAArB,CAAQD,MAAR;;MACA,SAASE,eAAT,GAA2B;QACzBF,MAAM,CAACX,YAAP,GAAsB,EAAtB;;;MAEFc,MAAM,CAACC,UAAP,CAAkBF,eAAlB,EAAmC,CAAnC;;MACApB,SAAQ,CAACiB,CAAD,CAAR;;IAjCN,CADF;AAuCD;;AAEDtB,kBAAkB,CAAC4B,YAAnB,GAAkC;EAChC3B,QAAQ,EAAE,KADsB;EAEhCE,QAAQ,EAAE,CAFsB;EAGhCC,WAAW,EAAE,YAHmB;EAIhCF,KAAK,EAAE;AAJyB,CAAlC;AAOA,IAAM2B,WAAW,GAAG;;AAEpB;AACA;EACE5B,QAAQ,EAAE6B,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,kCAA3B,CAJQ;;;AAMpB;AACA;EACE7B,QAAQ,EAAE2B,SAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,yCAA7B,CARQ;;;AAUpB;AACA;EACE5B,WAAW,EAAE0B,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,uBAA7B,CAZK;;;AAcpB;AACA;EACE3B,QAAQ,EAAEyB,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,2DAA3B,CAhBQ;;;AAkBpB;AACA;EACE9B,KAAK,EAAE4B,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,oDAA7B;AApBW,CAApB;AAuBAhC,kBAAkB,CAACoC,SAAnB,GAA+BP,WAA/B;IAEMQ,4BAA4B,GAAGC,QAAQ,CAACtC,kBAAD,CAAR,CAA6BgC,WAA7B,CAAyC,iCAAzC;AAErCK,4BAA4B,CAACD,SAA7B,GAAyCP,WAAzC;;;;"}

package/esm/MobileTouchable/MobileTouchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTouchable.js","sources":["../../../src/MobileTouchable/MobileTouchable.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true));\n  const handleEnd = useCallback(() => setTouching(false));\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nMobileTouchable.propTypes = {\n  onClick: PropTypes.func,\n  children: PropTypes.any,\n  render: PropTypes.func,\n  theme: PropTypes.any,\n  dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n"],"names":["StyledContainer","styled","Grid","props","touching","theme","colors","brand","neutral","MobileTouchable","children","onClick","noop","dataTestid","render","gridProps","useState","setTouching","handleStart","useCallback","handleEnd","propTypes","PropTypes","func","any","string","DSMobileTouchable","withTheme"],"mappings":";;;;;;;;;;;AAOA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,wCAEL,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAjB,GAAmDJ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAA/D;AAAA,CAFK,CAArB;;AAKA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAOlB;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALMC,IAKN;AAAA,WAJJP,KAII;AAAA,iCAHJQ,UAGI;AAAA,MAHJA,UAGI,gCAHS,kBAGT;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,MADDC,SACC;;AACJ,kBAAgCC,QAAQ,CAAC,KAAD,CAAxC;AAAA;AAAA,MAAOZ,QAAP;AAAA,MAAiBa,WAAjB;;AACA,MAAMC,WAAW,GAAGC,WAAW,CAAC;AAAA,WAAMF,WAAW,CAAC,IAAD,CAAjB;AAAA,GAAD,CAA/B;AACA,MAAMG,SAAS,GAAGD,WAAW,CAAC;AAAA,WAAMF,WAAW,CAAC,KAAD,CAAjB;AAAA,GAAD,CAA7B;AACA,sBACE,oBAAC,eAAD,eACMF,SADN;AAEE,IAAA,QAAQ,EAAEX,QAFZ;AAGE,IAAA,OAAO,EAAEO,OAHX;AAIE,IAAA,YAAY,EAAEO,WAJhB;AAKE,IAAA,UAAU,EAAEE,SALd;AAME,mBAAaP;AANf,MAQGH,QAAQ,IAAII,MAAM,CAACC,SAAD,CARrB,CADF;AAYD,CAvBD;;AAyBAN,eAAe,CAACY,SAAhB,GAA4B;AAC1BV,EAAAA,OAAO,EAAEW,SAAS,CAACC,IADO;AAE1Bb,EAAAA,QAAQ,EAAEY,SAAS,CAACE,GAFM;AAG1BV,EAAAA,MAAM,EAAEQ,SAAS,CAACC,IAHQ;AAI1BlB,EAAAA,KAAK,EAAEiB,SAAS,CAACE,GAJS;AAK1BX,EAAAA,UAAU,EAAES,SAAS,CAACG;AALI,CAA5B;IAQMC,iBAAiB,GAAGC,SAAS,CAAClB,eAAD;;;;"}
+{"version":3,"file":"MobileTouchable.js","sources":["../../../src/MobileTouchable/MobileTouchable.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true));\n  const handleEnd = useCallback(() => setTouching(false));\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nMobileTouchable.propTypes = {\n  onClick: PropTypes.func,\n  children: PropTypes.any,\n  render: PropTypes.func,\n  theme: PropTypes.any,\n  dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n"],"names":["StyledContainer","styled","Grid","props","touching","theme","colors","brand","neutral","MobileTouchable","children","onClick","noop","dataTestid","render","gridProps","useState","setTouching","handleStart","useCallback","handleEnd","propTypes","PropTypes","func","any","string","DSMobileTouchable","withTheme"],"mappings":";;;;;;;;;;;AAOA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,wCAEL,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAjB,GAAmDJ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAA/D;AAAA,CAFK,CAArB;;AAKA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAOlB;MANJC,QAMI,QANJA,QAMI;0BALJC,OAKI;MALJA,OAKI,6BALMC,IAKN;WAJJP,KAII;iCAHJQ,UAGI;MAHJA,UAGI,gCAHS,kBAGT;MAFJC,MAEI,QAFJA,MAEI;MADDC,SACC;;EACJ,gBAAgCC,QAAQ,CAAC,KAAD,CAAxC;;MAAOZ,QAAP;MAAiBa,WAAjB;;EACA,IAAMC,WAAW,GAAGC,WAAW,CAAC;IAAA,OAAMF,WAAW,CAAC,IAAD,CAAjB;GAAD,CAA/B;EACA,IAAMG,SAAS,GAAGD,WAAW,CAAC;IAAA,OAAMF,WAAW,CAAC,KAAD,CAAjB;GAAD,CAA7B;EACA,oBACE,oBAAC,eAAD,eACMF,SADN;IAEE,QAAQ,EAAEX,QAFZ;IAGE,OAAO,EAAEO,OAHX;IAIE,YAAY,EAAEO,WAJhB;IAKE,UAAU,EAAEE,SALd;IAME,eAAaP;MAEZH,QAAQ,IAAII,MAAM,CAACC,SAAD,CARrB,CADF;AAYD,CAvBD;;AAyBAN,eAAe,CAACY,SAAhB,GAA4B;EAC1BV,OAAO,EAAEW,SAAS,CAACC,IADO;EAE1Bb,QAAQ,EAAEY,SAAS,CAACE,GAFM;EAG1BV,MAAM,EAAEQ,SAAS,CAACC,IAHQ;EAI1BlB,KAAK,EAAEiB,SAAS,CAACE,GAJS;EAK1BX,UAAU,EAAES,SAAS,CAACG;AALI,CAA5B;IAQMC,iBAAiB,GAAGC,SAAS,CAAClB,eAAD;;;;"}

package/esm/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled';\n\nconst Modal = ({\n  zIndex = 1,\n  title = '',\n  description = '',\n  onClose = noop,\n  showSecondaryAction = true,\n  secondaryActionProps = {\n    onClick: noop,\n    labelText: 'Cancel',\n  },\n  primaryActionProps = {\n    onClick: noop,\n    labelText: 'Accept',\n  },\n  isOpen = false,\n}) => {\n  const theme = useTheme();\n  if (!isOpen) return null;\n  return (\n    <>\n      <BodyFix isOpen={isOpen} />\n      <BackShadow onClick={onClose} zIndex={zIndex} />\n      <ModalPosition zIndex={zIndex} cols={['auto']}>\n        <ModalBox\n          maxHeight={`${window.innerHeight * 0.75}px`}\n          rows={[1, '80px']}\n          style={{\n            overflow: 'hidden',\n          }}\n        >\n          <Grid\n            pl=\"xs\"\n            pr=\"xs\"\n            style={{\n              overflow: 'hidden',\n            }}\n          >\n            <Grid\n              rows={['auto', 'auto', 1]}\n              style={{\n                overflow: 'hidden',\n              }}\n            >\n              <ModalIcon>\n                <WarningTriangle size=\"xxl\" />\n              </ModalIcon>\n              <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n              <ModalDescription\n                data-testid=\"modal-desc\"\n                style={{\n                  overflow: 'auto',\n                }}\n              >\n                {description}\n              </ModalDescription>\n            </Grid>\n          </Grid>\n          <Grid pt=\"24px\">\n            <Grid\n              pl=\"xs\"\n              pr=\"xs\"\n              cols={showSecondaryAction ? [1, 1] : [1]}\n              gutter=\"xs\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              style={{\n                borderTop: `1px solid ${theme.colors.neutral[100]}`,\n              }}\n            >\n              {showSecondaryAction && (\n                <DSButton\n                  {...secondaryActionProps}\n                  labelText={secondaryActionProps.labelText || ' Cancel'}\n                  buttonType=\"secondary\"\n                  data-testid=\"modal-secondary-btn\"\n                />\n              )}\n              <DSButton\n                labelText={primaryActionProps.labelText || ' Accept'}\n                {...primaryActionProps}\n                buttonType=\"primary\"\n                data-testid=\"modal-primary-btn\"\n              />\n            </Grid>\n          </Grid>\n        </ModalBox>\n      </ModalPosition>\n    </>\n  );\n};\n\nconst modalProps = {\n  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n  title: PropTypes.string.description('Modal s title').isRequired,\n  description: PropTypes.string.description('Modal s content').isRequired,\n  onClose: PropTypes.func.description('Function executed when the modal closes'),\n  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n  secondaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Secondary action props'),\n  primaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\n\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n"],"names":["Modal","zIndex","title","description","onClose","noop","showSecondaryAction","secondaryActionProps","onClick","labelText","primaryActionProps","isOpen","theme","useTheme","window","innerHeight","overflow","borderTop","colors","neutral","modalProps","PropTypes","bool","defaultValue","number","string","isRequired","func","shape","propTypes","ModalWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled';\n\nconst Modal = ({\n  zIndex = 1,\n  title = '',\n  description = '',\n  onClose = noop,\n  showSecondaryAction = true,\n  secondaryActionProps = {\n    onClick: noop,\n    labelText: 'Cancel',\n  },\n  primaryActionProps = {\n    onClick: noop,\n    labelText: 'Accept',\n  },\n  isOpen = false,\n}) => {\n  const theme = useTheme();\n  if (!isOpen) return null;\n  return (\n    <>\n      <BodyFix isOpen={isOpen} />\n      <BackShadow onClick={onClose} zIndex={zIndex} />\n      <ModalPosition zIndex={zIndex} cols={['auto']}>\n        <ModalBox\n          maxHeight={`${window.innerHeight * 0.75}px`}\n          rows={[1, '80px']}\n          style={{\n            overflow: 'hidden',\n          }}\n        >\n          <Grid\n            pl=\"xs\"\n            pr=\"xs\"\n            style={{\n              overflow: 'hidden',\n            }}\n          >\n            <Grid\n              rows={['auto', 'auto', 1]}\n              style={{\n                overflow: 'hidden',\n              }}\n            >\n              <ModalIcon>\n                <WarningTriangle size=\"xxl\" />\n              </ModalIcon>\n              <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n              <ModalDescription\n                data-testid=\"modal-desc\"\n                style={{\n                  overflow: 'auto',\n                }}\n              >\n                {description}\n              </ModalDescription>\n            </Grid>\n          </Grid>\n          <Grid pt=\"24px\">\n            <Grid\n              pl=\"xs\"\n              pr=\"xs\"\n              cols={showSecondaryAction ? [1, 1] : [1]}\n              gutter=\"xs\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              style={{\n                borderTop: `1px solid ${theme.colors.neutral[100]}`,\n              }}\n            >\n              {showSecondaryAction && (\n                <DSButton\n                  {...secondaryActionProps}\n                  labelText={secondaryActionProps.labelText || ' Cancel'}\n                  buttonType=\"secondary\"\n                  data-testid=\"modal-secondary-btn\"\n                />\n              )}\n              <DSButton\n                labelText={primaryActionProps.labelText || ' Accept'}\n                {...primaryActionProps}\n                buttonType=\"primary\"\n                data-testid=\"modal-primary-btn\"\n              />\n            </Grid>\n          </Grid>\n        </ModalBox>\n      </ModalPosition>\n    </>\n  );\n};\n\nconst modalProps = {\n  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n  title: PropTypes.string.description('Modal s title').isRequired,\n  description: PropTypes.string.description('Modal s content').isRequired,\n  onClose: PropTypes.func.description('Function executed when the modal closes'),\n  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n  secondaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Secondary action props'),\n  primaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\n\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n"],"names":["Modal","zIndex","title","description","onClose","noop","showSecondaryAction","secondaryActionProps","onClick","labelText","primaryActionProps","isOpen","theme","useTheme","window","innerHeight","overflow","borderTop","colors","neutral","modalProps","PropTypes","bool","defaultValue","number","string","isRequired","func","shape","propTypes","ModalWithSchema","describe"],"mappings":"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"}

package/esm/Modal/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/Modal/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n    body{\n        ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n    }\n`;\nexport const ModalBox = styled(Grid)`\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  max-height: ${(props) => props.maxHeight};\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  background: ${(props) => props.theme.colors.neutral['000']};\n  position: absolute;\n  top: 12.5%;\n  width: 80%;\n  left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n  padding-top: 24px;\n  justify-content: center;\n  span.em-ds-icon svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning[600]};\n  }\n`;\n\nexport const ModalTitle = styled(Grid)`\n  padding-top: 24px;\n  font-size: 22px;\n  font-weight: 600;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n  padding-top: ${(props) => props.theme.space.xxs};\n  font-size: 16px;\n  font-weight: 400;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  text-align: center;\n`;\n"],"names":["BodyFix","createGlobalStyle","props","isOpen","ModalBox","styled","Grid","theme","colors","neutral","maxHeight","ModalPosition","zIndex","BackShadow","ModalIcon","warning","ModalTitle","ModalDescription","space","xxs"],"mappings":";;;;;;IAIaA,OAAO,GAAGC,iBAAH,yGAEV,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,MAAN,GAAe,mBAAf,GAAqC,EAAjD;AAAA,CAFU;IAKPC,QAAQ,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,2FAEL,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFK,EAGL,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACQ,SAAjB;AAAA,CAHK;IAMRC,aAAa,gBAAGN,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,qFACb,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACU,MAAjB;AAAA,CADa,EAEV,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFU;IASbI,UAAU,gBAAGR,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,oHACV,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACU,MAAjB;AAAA,CADU;IAWVE,SAAS,gBAAGT,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,gGAKV,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBO,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALU;IASTC,UAAU,gBAAGX,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,sFAIZ,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJY;IAOVQ,gBAAgB,gBAAGZ,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,sFACZ,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYW,KAAZ,CAAkBC,GAA7B;AAAA,CADY,EAIlB,UAACjB,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJkB;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/Modal/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n    body{\n        ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n    }\n`;\nexport const ModalBox = styled(Grid)`\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  max-height: ${(props) => props.maxHeight};\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  background: ${(props) => props.theme.colors.neutral['000']};\n  position: absolute;\n  top: 12.5%;\n  width: 80%;\n  left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n  padding-top: 24px;\n  justify-content: center;\n  span.em-ds-icon svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning[600]};\n  }\n`;\n\nexport const ModalTitle = styled(Grid)`\n  padding-top: 24px;\n  font-size: 22px;\n  font-weight: 600;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n  padding-top: ${(props) => props.theme.space.xxs};\n  font-size: 16px;\n  font-weight: 400;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  text-align: center;\n`;\n"],"names":["BodyFix","createGlobalStyle","props","isOpen","ModalBox","styled","Grid","theme","colors","neutral","maxHeight","ModalPosition","zIndex","BackShadow","ModalIcon","warning","ModalTitle","ModalDescription","space","xxs"],"mappings":";;;;;;IAIaA,OAAO,GAAGC,iBAAH,yGAEV,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,MAAN,GAAe,mBAAf,GAAqC,EAAjD;AAAA,CAFU;IAKPC,QAAQ,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,2FAEL,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFK,EAGL,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACQ,SAAjB;AAAA,CAHK;IAMRC,aAAa,gBAAGN,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,qFACb,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACU,MAAjB;AAAA,CADa,EAEV,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFU;IASbI,UAAU,gBAAGR,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,oHACV,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACU,MAAjB;AAAA,CADU;IAWVE,SAAS,gBAAGT,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,gGAKV,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBO,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALU;IASTC,UAAU,gBAAGX,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,sFAIZ,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJY;IAOVQ,gBAAgB,gBAAGZ,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,sFACZ,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACK,KAAN,CAAYW,KAAZ,CAAkBC,GAA7B;AAAA,CADY,EAIlB,UAACjB,KAAD;EAAA,OAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJkB;;;;"}

package/esm/PageFilter/PageFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageFilter.js","sources":["../../../src/PageFilter/PageFilter.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n"],"names":["Header","styled","Grid","props","theme","colors","neutral","ButtonSlot","div","Title","BreadCrumb","Body","Footer","PageFilter","children","breadCrumb","pageTitle","leftProp","rightProp","footerButton","useTheme","headerDimension","space","l","rows","push","op","__UNSAFE_SPACE_TO_DIMSUM","xl","cols","unshift","bodyStyle","maxWidth","xxl","s","paddingLeft","propTypes","PropTypes","string","element","DSPageFilter"],"mappings":"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"}
+{"version":3,"file":"PageFilter.js","sources":["../../../src/PageFilter/PageFilter.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n"],"names":["Header","styled","Grid","props","theme","colors","neutral","ButtonSlot","div","Title","BreadCrumb","Body","Footer","PageFilter","children","breadCrumb","pageTitle","leftProp","rightProp","footerButton","useTheme","headerDimension","space","l","rows","push","op","__UNSAFE_SPACE_TO_DIMSUM","xl","cols","unshift","bodyStyle","maxWidth","xxl","s","paddingLeft","propTypes","PropTypes","string","element","DSPageFilter"],"mappings":"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"}

package/esm/PageForm/PageForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageForm.js","sources":["../../../src/PageForm/PageForm.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageForm","header","body","footer","useTheme","rows","unshift","push","l","overflow","propTypes","PropTypes","element","DSPageForm","DSMobilePageForm"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,+DAGa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,0BAAyBG,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,QAAmD;AAAA,2BAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,6BAAvC,IAAuC;AAAA,yBAAjCC,IAAiC;AAAA,MAAjCA,IAAiC,2BAA1B,IAA0B;AAAA,2BAApBC,MAAoB;AAAA,MAApBA,MAAoB,6BAAX,IAAW;AAClE,MAAMV,KAAK,GAAGW,QAAQ,EAAtB;AACA,MAAMC,IAAI,GAAG,CAAC,CAAD,CAAb;AACA,MAAIJ,MAAJ,EAAYI,IAAI,CAACC,OAAL,CAAaV,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,KAAjD,CAAf;AACZ,MAAII,MAAJ,EAAYE,IAAI,CAACE,IAAL,CAAUd,KAAK,CAACK,KAAN,CAAYU,CAAtB;AACZ,sBACE,oBAAC,mBAAD;AAAqB,IAAA,IAAI,EAAEH;AAA3B,KACGJ,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CADb,eAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEQ,MAAAA,QAAQ,EAAE;AAAZ;AAAb,kBACE,oBAAC,yBAAD,qBACE,oBAAC,IAAD,QAAOP,IAAP,CADF,CADF,CAFF,EAOGC,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CAPb,CADF;AAWD,CAhBD;;AAkBAH,QAAQ,CAACU,SAAT,GAAqB;AACnBT,EAAAA,MAAM,EAAEU,SAAS,CAACC,OADC;AAEnBV,EAAAA,IAAI,EAAES,SAAS,CAACC,OAFG;AAGnBT,EAAAA,MAAM,EAAEQ,SAAS,CAACC;AAHC,CAArB;IAMMC,UAAU,GAAGb;IACbc,gBAAgB,GAAGD;;;;"}
+{"version":3,"file":"PageForm.js","sources":["../../../src/PageForm/PageForm.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageForm","header","body","footer","useTheme","rows","unshift","push","l","overflow","propTypes","PropTypes","element","DSPageForm","DSMobilePageForm"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,+DAGa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,wBAAyBG,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,QAAmD;EAAA,yBAAhDC,MAAgD;MAAhDA,MAAgD,6BAAvC,IAAuC;yBAAjCC,IAAiC;MAAjCA,IAAiC,2BAA1B,IAA0B;2BAApBC,MAAoB;MAApBA,MAAoB,6BAAX,IAAW;EAClE,IAAMV,KAAK,GAAGW,QAAQ,EAAtB;EACA,IAAMC,IAAI,GAAG,CAAC,CAAD,CAAb;EACA,IAAIJ,MAAJ,EAAYI,IAAI,CAACC,OAAL,CAAaV,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,KAAjD,CAAf;EACZ,IAAII,MAAJ,EAAYE,IAAI,CAACE,IAAL,CAAUd,KAAK,CAACK,KAAN,CAAYU,CAAtB;EACZ,oBACE,oBAAC,mBAAD;IAAqB,IAAI,EAAEH;KACxBJ,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CADb,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEQ,QAAQ,EAAE;;kBACvB,oBAAC,yBAAD,qBACE,oBAAC,IAAD,QAAOP,IAAP,CADF,CADF,CAFF,EAOGC,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CAPb,CADF;AAWD,CAhBD;;AAkBAH,QAAQ,CAACU,SAAT,GAAqB;EACnBT,MAAM,EAAEU,SAAS,CAACC,OADC;EAEnBV,IAAI,EAAES,SAAS,CAACC,OAFG;EAGnBT,MAAM,EAAEQ,SAAS,CAACC;AAHC,CAArB;IAMMC,UAAU,GAAGb;IACbc,gBAAgB,GAAGD;;;;"}

package/esm/PageList/PageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageList.js","sources":["../../../src/PageList/PageList.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n    if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header && <Grid>{header}</Grid>}\n        <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n        <Grid>{filterBar}</Grid>\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],"names":["PageTitleWrapper","styled","Grid","DSMobilePageList","withTheme","header","pageTitle","filterBar","body","footer","theme","rows","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","unshift","xxl","push","propTypes","PropTypes","element","DSPageList"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,wBAAtB;IAIMC,gBAAgB,GAAGC,SAAS,CAChC,gBAA8F;AAAA,yBAA3FC,MAA2F;AAAA,MAA3FA,MAA2F,4BAAlF,IAAkF;AAAA,4BAA5EC,SAA4E;AAAA,MAA5EA,SAA4E,+BAAhE,IAAgE;AAAA,4BAA1DC,SAA0D;AAAA,MAA1DA,SAA0D,+BAA9C,IAA8C;AAAA,uBAAxCC,IAAwC;AAAA,MAAxCA,IAAwC,0BAAjC,IAAiC;AAAA,yBAA3BC,MAA2B;AAAA,MAA3BA,MAA2B,4BAAlB,IAAkB;AAAA,MAAZC,KAAY,QAAZA,KAAY;AAC5F,MAAMC,IAAI,GAAG,CAAC,MAAD,EAASC,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYC,EAAb,CAA9B,EAAgD,IAAhD,CAAX,EAAkE,CAAlE,CAAb;AACA,MAAIV,MAAJ,EAAYM,IAAI,CAACK,OAAL,CAAaH,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYG,GAAb,CAArC;AACZ,MAAIR,MAAJ,EAAYE,IAAI,CAACO,IAAL,CAAU,MAAV;AACZ,sBACE,oBAAC,mBAAD;AAAqB,IAAA,IAAI,EAAEP;AAA3B,KACGN,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CADb,eAEE,oBAAC,gBAAD,QAAmBC,SAAnB,CAFF,eAGE,oBAAC,IAAD,QAAOC,SAAP,CAHF,eAIE,oBAAC,yBAAD,QAA4BC,IAA5B,CAJF,EAKGC,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CALb,CADF;AASD,CAd+B;AAiBlCN,gBAAgB,CAACgB,SAAjB,GAA6B;AAC3Bd,EAAAA,MAAM,EAAEe,SAAS,CAACC,OADS;AAE3Bf,EAAAA,SAAS,EAAEc,SAAS,CAACC,OAFM;AAG3Bd,EAAAA,SAAS,EAAEa,SAAS,CAACC,OAHM;AAI3Bb,EAAAA,IAAI,EAAEY,SAAS,CAACC,OAJW;AAK3BZ,EAAAA,MAAM,EAAEW,SAAS,CAACC;AALS,CAA7B;IAQMC,UAAU,GAAGnB;;;;"}
+{"version":3,"file":"PageList.js","sources":["../../../src/PageList/PageList.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n    if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header && <Grid>{header}</Grid>}\n        <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n        <Grid>{filterBar}</Grid>\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],"names":["PageTitleWrapper","styled","Grid","DSMobilePageList","withTheme","header","pageTitle","filterBar","body","footer","theme","rows","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","unshift","xxl","push","propTypes","PropTypes","element","DSPageList"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,wBAAtB;IAIMC,gBAAgB,GAAGC,SAAS,CAChC,gBAA8F;EAAA,uBAA3FC,MAA2F;MAA3FA,MAA2F,4BAAlF,IAAkF;4BAA5EC,SAA4E;MAA5EA,SAA4E,+BAAhE,IAAgE;4BAA1DC,SAA0D;MAA1DA,SAA0D,+BAA9C,IAA8C;uBAAxCC,IAAwC;MAAxCA,IAAwC,0BAAjC,IAAiC;yBAA3BC,MAA2B;MAA3BA,MAA2B,4BAAlB,IAAkB;MAAZC,KAAY,QAAZA,KAAY;EAC5F,IAAMC,IAAI,GAAG,CAAC,MAAD,EAASC,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYC,EAAb,CAA9B,EAAgD,IAAhD,CAAX,EAAkE,CAAlE,CAAb;EACA,IAAIV,MAAJ,EAAYM,IAAI,CAACK,OAAL,CAAaH,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYG,GAAb,CAArC;EACZ,IAAIR,MAAJ,EAAYE,IAAI,CAACO,IAAL,CAAU,MAAV;EACZ,oBACE,oBAAC,mBAAD;IAAqB,IAAI,EAAEP;KACxBN,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CADb,eAEE,oBAAC,gBAAD,QAAmBC,SAAnB,CAFF,eAGE,oBAAC,IAAD,QAAOC,SAAP,CAHF,eAIE,oBAAC,yBAAD,QAA4BC,IAA5B,CAJF,EAKGC,MAAM,iBAAI,oBAAC,IAAD,QAAOA,MAAP,CALb,CADF;AASD,CAd+B;AAiBlCN,gBAAgB,CAACgB,SAAjB,GAA6B;EAC3Bd,MAAM,EAAEe,SAAS,CAACC,OADS;EAE3Bf,SAAS,EAAEc,SAAS,CAACC,OAFM;EAG3Bd,SAAS,EAAEa,SAAS,CAACC,OAHM;EAI3Bb,IAAI,EAAEY,SAAS,CAACC,OAJW;EAK3BZ,MAAM,EAAEW,SAAS,CAACC;AALS,CAA7B;IAQMC,UAAU,GAAGnB;;;;"}

package/esm/PageSearch/PageSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSearch.js","sources":["../../../src/PageSearch/PageSearch.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],"names":["Header","styled","Grid","props","theme","colors","brand","__UNSAFE_SPACE_TO_DIMSUM","space","xxs","DSMobilePageSearch","withTheme","HeaderContainer","SearchContainer","searchHeader","pageTitle","body","rows","op","l","overflow","propTypes","header","PropTypes","element","filterBar","footer","DSPageSearch"],"mappings":";;;;;;AAMA,IAAMA,MAAM,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,kDAEI,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFJ,EAGC,UAACH,KAAD;AAAA,SAAWI,wBAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHD,CAAZ;IAMMC,kBAAkB,GAAGC,SAAS,CAClC,gBAOM;AAAA,kCANJC,eAMI;AAAA,MANJA,eAMI,qCANcZ,MAMd;AAAA,kCALJa,eAKI;AAAA,MALJA,eAKI,qCALcb,MAKd;AAAA,+BAJJc,YAII;AAAA,MAJJA,YAII,kCAJW,IAIX;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,QAGR;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,IAEH;AAAA,MADJZ,KACI,QADJA,KACI;AACJ,MAAMa,IAAI,GAAG,CACXC,EAAE,CAAC,GAAD,EAAMX,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CADS,EAEXD,EAAE,CAAC,GAAD,EAAMX,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CAFS,EAGX,CAHW,CAAb;AAKA,sBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEF,IAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,kBACE,oBAAC,IAAD,qBACE,oBAAC,eAAD,QAAkBF,SAAlB,CADF,CADF,eAIE,oBAAC,IAAD,qBACE,oBAAC,eAAD,QAAkBD,YAAlB,CADF,CAJF,eAOE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,KAAK,EAAE;AAAEM,MAAAA,QAAQ,EAAE;AAAZ;AAA3B,kBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,KAAK,EAAE;AAAEA,MAAAA,QAAQ,EAAE;AAAZ;AAA3B,KACGJ,IADH,CADF,CAPF,CADF;AAeD,CA7BiC;AAgCpCN,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BC,EAAAA,MAAM,EAAEC,SAAS,CAACC,OADW;AAE7BT,EAAAA,SAAS,EAAEQ,SAAS,CAACC,OAFQ;AAG7BC,EAAAA,SAAS,EAAEF,SAAS,CAACC,OAHQ;AAI7BR,EAAAA,IAAI,EAAEO,SAAS,CAACC,OAJa;AAK7BE,EAAAA,MAAM,EAAEH,SAAS,CAACC;AALW,CAA/B;IAQMG,YAAY,GAAGjB;;;;"}
+{"version":3,"file":"PageSearch.js","sources":["../../../src/PageSearch/PageSearch.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],"names":["Header","styled","Grid","props","theme","colors","brand","__UNSAFE_SPACE_TO_DIMSUM","space","xxs","DSMobilePageSearch","withTheme","HeaderContainer","SearchContainer","searchHeader","pageTitle","body","rows","op","l","overflow","propTypes","header","PropTypes","element","filterBar","footer","DSPageSearch"],"mappings":";;;;;;AAMA,IAAMA,MAAM,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,kDAEI,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFJ,EAGC,UAACH,KAAD;EAAA,OAAWI,wBAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHD,CAAZ;IAMMC,kBAAkB,GAAGC,SAAS,CAClC,gBAOM;EAAA,gCANJC,eAMI;MANJA,eAMI,qCANcZ,MAMd;kCALJa,eAKI;MALJA,eAKI,qCALcb,MAKd;+BAJJc,YAII;MAJJA,YAII,kCAJW,IAIX;4BAHJC,SAGI;MAHJA,SAGI,+BAHQ,QAGR;uBAFJC,IAEI;MAFJA,IAEI,0BAFG,IAEH;MADJZ,KACI,QADJA,KACI;EACJ,IAAMa,IAAI,GAAG,CACXC,EAAE,CAAC,GAAD,EAAMX,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CADS,EAEXD,EAAE,CAAC,GAAD,EAAMX,wBAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CAFS,EAGX,CAHW,CAAb;EAKA,oBACE,oBAAC,IAAD;IAAM,IAAI,EAAEF,IAAZ;IAAkB,MAAM,EAAC;kBACvB,oBAAC,IAAD,qBACE,oBAAC,eAAD,QAAkBF,SAAlB,CADF,CADF,eAIE,oBAAC,IAAD,qBACE,oBAAC,eAAD,QAAkBD,YAAlB,CADF,CAJF,eAOE,oBAAC,IAAD;IAAM,MAAM,EAAC,MAAb;IAAoB,KAAK,EAAE;MAAEM,QAAQ,EAAE;;kBACrC,oBAAC,IAAD;IAAM,MAAM,EAAC,MAAb;IAAoB,KAAK,EAAE;MAAEA,QAAQ,EAAE;;KACpCJ,IADH,CADF,CAPF,CADF;AAeD,CA7BiC;AAgCpCN,kBAAkB,CAACW,SAAnB,GAA+B;EAC7BC,MAAM,EAAEC,SAAS,CAACC,OADW;EAE7BT,SAAS,EAAEQ,SAAS,CAACC,OAFQ;EAG7BC,SAAS,EAAEF,SAAS,CAACC,OAHQ;EAI7BR,IAAI,EAAEO,SAAS,CAACC,OAJa;EAK7BE,MAAM,EAAEH,SAAS,CAACC;AALW,CAA/B;IAQMG,YAAY,GAAGjB;;;;"}

package/esm/PageSummary/PageSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSummary.js","sources":["../../../src/PageSummary/PageSummary.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageSummary","header","headerZIndex","bodyPrimary","actions","actionsZIndex","bodySecondary","propTypes","PropTypes","element","number","DSPageSummary"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,+DAGa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,0BAAyBG,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,2BAClBC,MADkB;AAAA,MAClBA,MADkB,6BACT,IADS;AAAA,iCAElBC,YAFkB;AAAA,MAElBA,YAFkB,mCAEH,CAFG;AAAA,gCAGlBC,WAHkB;AAAA,MAGlBA,WAHkB,kCAGJ,IAHI;AAAA,4BAIlBC,OAJkB;AAAA,MAIlBA,OAJkB,8BAIR,IAJQ;AAAA,kCAKlBC,aALkB;AAAA,MAKlBA,aALkB,oCAKF,CALE;AAAA,kCAMlBC,aANkB;AAAA,MAMlBA,aANkB,oCAMF,IANE;AAAA,sBAQlB,oBAAC,mBAAD,QACGL,MAAM,iBAAI,oBAAC,MAAD;AAAQ,IAAA,MAAM,EAAEC;AAAhB,KAA+BD,MAA/B,CADb,eAEE,oBAAC,OAAD,qBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD,QAAOE,WAAP,CADF,CADF,eAIE,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAEE;AAAjB,KAAiCD,OAAjC,CAJF,eAKE,oBAAC,WAAD,qBACE,oBAAC,IAAD,QAAOE,aAAP,CADF,CALF,CAFF,CARkB;AAAA,CAApB;;AAsBAN,WAAW,CAACO,SAAZ,GAAwB;AACtBN,EAAAA,MAAM,EAAEO,SAAS,CAACC,OADI;AAEtBN,EAAAA,WAAW,EAAEK,SAAS,CAACC,OAFD;AAGtBL,EAAAA,OAAO,EAAEI,SAAS,CAACC,OAHG;AAItBH,EAAAA,aAAa,EAAEE,SAAS,CAACC,OAJH;AAKtBP,EAAAA,YAAY,EAAEM,SAAS,CAACE,MALF;AAMtBL,EAAAA,aAAa,EAAEG,SAAS,CAACE;AANH,CAAxB;IASMC,aAAa,GAAGX;;;;"}
+{"version":3,"file":"PageSummary.js","sources":["../../../src/PageSummary/PageSummary.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageSummary","header","headerZIndex","bodyPrimary","actions","actionsZIndex","bodySecondary","propTypes","PropTypes","element","number","DSPageSummary"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,IAAI,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,+DAGa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,wBAAyBG,EAAE,CAAC,GAAD,EAAMC,wBAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,yBAClBC,MADkB;MAClBA,MADkB,6BACT,IADS;iCAElBC,YAFkB;MAElBA,YAFkB,mCAEH,CAFG;gCAGlBC,WAHkB;MAGlBA,WAHkB,kCAGJ,IAHI;4BAIlBC,OAJkB;MAIlBA,OAJkB,8BAIR,IAJQ;kCAKlBC,aALkB;MAKlBA,aALkB,oCAKF,CALE;kCAMlBC,aANkB;MAMlBA,aANkB,oCAMF,IANE;EAAA,oBAQlB,oBAAC,mBAAD,QACGL,MAAM,iBAAI,oBAAC,MAAD;IAAQ,MAAM,EAAEC;KAAeD,MAA/B,CADb,eAEE,oBAAC,OAAD,qBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD,QAAOE,WAAP,CADF,CADF,eAIE,oBAAC,OAAD;IAAS,MAAM,EAAEE;KAAgBD,OAAjC,CAJF,eAKE,oBAAC,WAAD,qBACE,oBAAC,IAAD,QAAOE,aAAP,CADF,CALF,CAFF,CARkB;AAAA,CAApB;;AAsBAN,WAAW,CAACO,SAAZ,GAAwB;EACtBN,MAAM,EAAEO,SAAS,CAACC,OADI;EAEtBN,WAAW,EAAEK,SAAS,CAACC,OAFD;EAGtBL,OAAO,EAAEI,SAAS,CAACC,OAHG;EAItBH,aAAa,EAAEE,SAAS,CAACC,OAJH;EAKtBP,YAAY,EAAEM,SAAS,CAACE,MALF;EAMtBL,aAAa,EAAEG,SAAS,CAACE;AANH,CAAxB;IASMC,aAAa,GAAGX;;;;"}

package/esm/PageSummary/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sources":["../../../src/PageSummary/Tags.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Header = styled.div`\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 64px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n  position: sticky;\n  left: 0;\n  top: 64px;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n  position: relative;\n  display: grid;\n  top: 0;\n  left: 0;\n  height: 100%;\n`;\n\nexport const Section = styled.div`\n  position: relative;\n  top: 64px;\n  height: 100%;\n`;\n"],"names":["Header","styled","div","zIndex","Toolbar","props","theme","colors","neutral","BodyWrapper","Section"],"mappings":";;IAEaA,MAAM,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,sFAON;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CAPM;IASNC,OAAO,gBAAGH,MAAM,CAACC,GAAV;AAAA;AAAA,sEAIJ,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJI,EAKP;AAAA,MAAGL,MAAH,SAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CALO;IAOPM,WAAW,gBAAGR,MAAM,CAACC,GAAV;AAAA;AAAA;IAQXQ,OAAO,gBAAGT,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}
+{"version":3,"file":"Tags.js","sources":["../../../src/PageSummary/Tags.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Header = styled.div`\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 64px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n  position: sticky;\n  left: 0;\n  top: 64px;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n  position: relative;\n  display: grid;\n  top: 0;\n  left: 0;\n  height: 100%;\n`;\n\nexport const Section = styled.div`\n  position: relative;\n  top: 64px;\n  height: 100%;\n`;\n"],"names":["Header","styled","div","zIndex","Toolbar","props","theme","colors","neutral","BodyWrapper","Section"],"mappings":";;IAEaA,MAAM,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,sFAON;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,OAAgBA,MAAhB;AAAA,CAPM;IASNC,OAAO,gBAAGH,MAAM,CAACC,GAAV;EAAA;AAAA,sEAIJ,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJI,EAKP;EAAA,IAAGL,MAAH,SAAGA,MAAH;EAAA,OAAgBA,MAAhB;AAAA,CALO;IAOPM,WAAW,gBAAGR,MAAM,CAACC,GAAV;EAAA;AAAA;IAQXQ,OAAO,gBAAGT,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}

package/esm/SideNav/SideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.js","sources":["../../../src/SideNav/SideNav.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],"names":["DSSideNav","containerProps","title","onClose","noop","menuItems","bottomMenuItems","useState","selectedMenuItemIdx","setSelectedMenuItem","menuItemClick","idx","text","cb","renderMenuList","length","map","icon","onClick","bind","renderBottomMenu","Logo","DSIconSizes","S","DSIconColors","WHITE","menuProps","PropTypes","arrayOf","shape","element","string","navProps","object","description","isRequired","func","propTypes","DSSideNavWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"SideNav.js","sources":["../../../src/SideNav/SideNav.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],"names":["DSSideNav","containerProps","title","onClose","noop","menuItems","bottomMenuItems","useState","selectedMenuItemIdx","setSelectedMenuItem","menuItemClick","idx","text","cb","renderMenuList","length","map","icon","onClick","bind","renderBottomMenu","Logo","DSIconSizes","S","DSIconColors","WHITE","menuProps","PropTypes","arrayOf","shape","element","string","navProps","object","description","isRequired","func","propTypes","DSSideNavWithSchema","describe"],"mappings":"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"}

package/esm/SideNav/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/SideNav/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div`\n  position: fixed;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\nexport const Menu = styled.div`\n  position: fixed;\n  width: 80%;\n  height: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  font-family: ${(props) => props.theme.fonts.default};\n  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n  padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  .content {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    span {\n      flex-grow: 1;\n    }\n    label {\n      padding-top: 1px;\n      line-height:30px;\n      font-weight: ${(props) => props.theme.fontWeights.semibold};\n      font-size: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n    }\n    .icon {\n      cursor: pointer;\n      padding-top: 6px;\n    }\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n  margin-left: -${(props) => props.theme.space.xs};\n  margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n  .menuitem {\n    display: flex;\n    flex-direction: row;\n    cursor: pointer;\n    height:22px;\n    margin-bottom: ${(props) => props.theme.space.xs};\n    .icon {\n      padding-left: 6px;\n      margin-right: ${(props) => props.theme.space.xs};\n      span{\n        height:20px;\n        width:20px;\n        svg{\n          height:20px;\n          width:20px;\n        }\n      }\n    }\n    .text {\n      font-weight: ${(props) => props.theme.fontWeights.regular};\n      font-size: 18px;\n      line-height:22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      &.active {\n        font-weight: ${(props) => props.theme.fontWeights.semibold};\n      }\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nexport const BottomMenu = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n"],"names":["Container","styled","div","MenuWrapper","Menu","props","theme","colors","brand","fonts","default","neutral","space","xs","Heading","fontWeights","semibold","Icon","xxs2","Hr","hr","MenuList","regular","BottomMenu"],"mappings":";;IAEaA,SAAS,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAMTC,WAAW,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA;IAKXE,IAAI,gBAAGH,MAAM,CAACC,GAAV;AAAA;AAAA,4HAIK,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAJL,EAKA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,OAA7B;AAAA,CALA,EAMS,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CANT,EAOJ,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAPI;IAUJC,OAAO,gBAAGb,MAAM,CAACC,GAAV;AAAA;AAAA,yOAcC,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAdD,EAgBL,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAhBK;IAyBPM,IAAI,gBAAGhB,MAAM,CAACC,GAAV;AAAA;AAAA,2BACC,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBM,IAA7B;AAAA,CADD;IAIJC,EAAE,gBAAGlB,MAAM,CAACmB,EAAV;AAAA;AAAA,8CACG,UAACf,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CADH,EAEI,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ;IAIFQ,QAAQ,gBAAGpB,MAAM,CAACC,GAAV;AAAA;AAAA,iUAMA,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CANA,EASC,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CATD,EAoBA,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBO,OAAnC;AAAA,CApBA,EAuBN,UAACjB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvBM,EAyBE,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAzBF;IAkCRO,UAAU,gBAAGtB,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/SideNav/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div`\n  position: fixed;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\nexport const Menu = styled.div`\n  position: fixed;\n  width: 80%;\n  height: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  font-family: ${(props) => props.theme.fonts.default};\n  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n  padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  .content {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    span {\n      flex-grow: 1;\n    }\n    label {\n      padding-top: 1px;\n      line-height:30px;\n      font-weight: ${(props) => props.theme.fontWeights.semibold};\n      font-size: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n    }\n    .icon {\n      cursor: pointer;\n      padding-top: 6px;\n    }\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n  margin-left: -${(props) => props.theme.space.xs};\n  margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n  .menuitem {\n    display: flex;\n    flex-direction: row;\n    cursor: pointer;\n    height:22px;\n    margin-bottom: ${(props) => props.theme.space.xs};\n    .icon {\n      padding-left: 6px;\n      margin-right: ${(props) => props.theme.space.xs};\n      span{\n        height:20px;\n        width:20px;\n        svg{\n          height:20px;\n          width:20px;\n        }\n      }\n    }\n    .text {\n      font-weight: ${(props) => props.theme.fontWeights.regular};\n      font-size: 18px;\n      line-height:22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      &.active {\n        font-weight: ${(props) => props.theme.fontWeights.semibold};\n      }\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nexport const BottomMenu = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n"],"names":["Container","styled","div","MenuWrapper","Menu","props","theme","colors","brand","fonts","default","neutral","space","xs","Heading","fontWeights","semibold","Icon","xxs2","Hr","hr","MenuList","regular","BottomMenu"],"mappings":";;IAEaA,SAAS,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;IAMTC,WAAW,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA;IAKXE,IAAI,gBAAGH,MAAM,CAACC,GAAV;EAAA;AAAA,4HAIK,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAJL,EAKA,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,OAA7B;AAAA,CALA,EAMS,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CANT,EAOJ,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAPI;IAUJC,OAAO,gBAAGb,MAAM,CAACC,GAAV;EAAA;AAAA,yOAcC,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAdD,EAgBL,UAACX,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAhBK;IAyBPM,IAAI,gBAAGhB,MAAM,CAACC,GAAV;EAAA;AAAA,2BACC,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBM,IAA7B;AAAA,CADD;IAIJC,EAAE,gBAAGlB,MAAM,CAACmB,EAAV;EAAA;AAAA,8CACG,UAACf,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CADH,EAEI,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ;IAIFQ,QAAQ,gBAAGpB,MAAM,CAACC,GAAV;EAAA;AAAA,iUAMA,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CANA,EASC,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CATD,EAoBA,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBO,OAAnC;AAAA,CApBA,EAuBN,UAACjB,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvBM,EAyBE,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAzBF;IAkCRO,UAAU,gBAAGtB,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}

package/esm/SwipeToRefresh/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","sources":["../../../src/SwipeToRefresh/ProgressIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n"],"names":["rad","cir","Math","PI","ProgressIndicator","progress","factor","theme","useTheme","dashoffset","space","s","colors","neutral","brand","propTypes","PropTypes","number"],"mappings":";;;;;AAKA,IAAMA,GAAG,GAAG,EAAZ;AACA,IAAMC,GAAG,GAAG,IAAIC,IAAI,CAACC,EAAT,GAAcH,GAA1B;IACaI,iBAAiB,GAAG,SAApBA,iBAAoB,OAAsB;AAAA,2BAAnBC,QAAmB;AAAA,MAAnBA,QAAmB,8BAAR,CAAQ;AACrD,MAAMC,MAAM,GAAGD,QAAQ,GAAG,GAA1B;AACA,MAAME,KAAK,GAAGC,QAAQ,EAAtB;AACA,MAAMC,UAAU,GAAGR,GAAG,IAAI,IAAIK,MAAR,CAAtB;AACA,sBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEC,KAAK,CAACG,KAAN,CAAYC,CAA1B;AAA6B,IAAA,KAAK,EAAEJ,KAAK,CAACG,KAAN,CAAYC,CAAhD;AAAmD,IAAA,cAAc,EAAC,QAAlE;AAA2E,IAAA,UAAU,EAAC;AAAtF,kBACE;AAAK,IAAA,KAAK,EAAC,IAAX;AAAgB,IAAA,MAAM,EAAC,IAAvB;AAA4B,IAAA,OAAO,EAAC,aAApC;AAAkD,IAAA,SAAS,EAAC;AAA5D,kBACE;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,IAAI,EAAC,MAApC;AAA2C,IAAA,WAAW,EAAC,IAAvD;AAA4D,IAAA,MAAM,YAAKJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAL;AAAlE,IADF,eAEE;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,CAAC,EAAC,IAHJ;AAIE,IAAA,WAAW,EAAC,IAJd;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,eAAe,YAAKZ,GAAL,OANjB;AAOE,IAAA,gBAAgB,YAAKQ,UAAL,OAPlB;AAQE,IAAA,MAAM,YAAKF,KAAK,CAACK,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CAAL,CARR;AASE,IAAA,aAAa,EAAC;AAThB,IAFF,CADF,CADF;AAkBD;AAEDV,iBAAiB,CAACW,SAAlB,GAA8B;AAC5BV,EAAAA,QAAQ,EAAEW,SAAS,CAACC;AADQ,CAA9B;;;;"}
+{"version":3,"file":"ProgressIndicator.js","sources":["../../../src/SwipeToRefresh/ProgressIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n"],"names":["rad","cir","Math","PI","ProgressIndicator","progress","factor","theme","useTheme","dashoffset","space","s","colors","neutral","brand","propTypes","PropTypes","number"],"mappings":";;;;;AAKA,IAAMA,GAAG,GAAG,EAAZ;AACA,IAAMC,GAAG,GAAG,IAAIC,IAAI,CAACC,EAAT,GAAcH,GAA1B;IACaI,iBAAiB,GAAG,SAApBA,iBAAoB,OAAsB;EAAA,yBAAnBC,QAAmB;MAAnBA,QAAmB,8BAAR,CAAQ;EACrD,IAAMC,MAAM,GAAGD,QAAQ,GAAG,GAA1B;EACA,IAAME,KAAK,GAAGC,QAAQ,EAAtB;EACA,IAAMC,UAAU,GAAGR,GAAG,IAAI,IAAIK,MAAR,CAAtB;EACA,oBACE,oBAAC,IAAD;IAAM,MAAM,EAAEC,KAAK,CAACG,KAAN,CAAYC,CAA1B;IAA6B,KAAK,EAAEJ,KAAK,CAACG,KAAN,CAAYC,CAAhD;IAAmD,cAAc,EAAC,QAAlE;IAA2E,UAAU,EAAC;kBACpF;IAAK,KAAK,EAAC,IAAX;IAAgB,MAAM,EAAC,IAAvB;IAA4B,OAAO,EAAC,aAApC;IAAkD,SAAS,EAAC;kBAC1D;IAAQ,EAAE,EAAC,IAAX;IAAgB,EAAE,EAAC,IAAnB;IAAwB,CAAC,EAAC,IAA1B;IAA+B,IAAI,EAAC,MAApC;IAA2C,WAAW,EAAC,IAAvD;IAA4D,MAAM,YAAKJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAL;IADpE,eAEE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,WAAW,EAAC,IAJd;IAKE,IAAI,EAAC,MALP;IAME,eAAe,YAAKZ,GAAL,OANjB;IAOE,gBAAgB,YAAKQ,UAAL,OAPlB;IAQE,MAAM,YAAKF,KAAK,CAACK,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CAAL,CARR;IASE,aAAa,EAAC;IAXlB,CADF,CADF;AAkBD;AAEDV,iBAAiB,CAACW,SAAlB,GAA8B;EAC5BV,QAAQ,EAAEW,SAAS,CAACC;AADQ,CAA9B;;;;"}