@elliemae/ds-mobile 1.61.10 → 1.61.13

package/cjs/MobileBanner/utils/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../../src/MobileBanner/utils/icons.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n  success: <SuccessFill fill=\"#207e56\" />,\n  info: <InfoFill fill=\"#1e79c2\" />,\n  error: <AlertsDetailFill width=\"24px\" height=\"24px\" fill=\"#c64252\" />,\n  warning: <WarningSquare width=\"24px\" height=\"24px\" fill=\"#d17a00\" />,\n};\n"],"names":["icons","success","React","SuccessFill","info","InfoFill","error","AlertsDetailFill","warning","WarningSquare"],"mappings":";;;;;;;;;;;IAGaA,KAAK,GAAG;AACnBC,EAAAA,OAAO,eAAEC,wCAACC,mBAAD;AAAa,IAAA,IAAI,EAAC;AAAlB,IADU;AAEnBC,EAAAA,IAAI,eAAEF,wCAACG,gBAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IAFa;AAGnBC,EAAAA,KAAK,eAAEJ,wCAACK,wBAAD;AAAkB,IAAA,KAAK,EAAC,MAAxB;AAA+B,IAAA,MAAM,EAAC,MAAtC;AAA6C,IAAA,IAAI,EAAC;AAAlD,IAHY;AAInBC,EAAAA,OAAO,eAAEN,wCAACO,qBAAD;AAAe,IAAA,KAAK,EAAC,MAArB;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,IAAI,EAAC;AAA/C;AAJU;;;;"}
+{"version":3,"file":"icons.js","sources":["../../../../src/MobileBanner/utils/icons.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n  success: <SuccessFill fill=\"#207e56\" />,\n  info: <InfoFill fill=\"#1e79c2\" />,\n  error: <AlertsDetailFill width=\"24px\" height=\"24px\" fill=\"#c64252\" />,\n  warning: <WarningSquare width=\"24px\" height=\"24px\" fill=\"#d17a00\" />,\n};\n"],"names":["icons","success","React","SuccessFill","info","InfoFill","error","AlertsDetailFill","warning","WarningSquare"],"mappings":";;;;;;;;;;;IAGaA,KAAK,GAAG;EACnBC,OAAO,eAAEC,wCAACC,mBAAD;IAAa,IAAI,EAAC;IADR;EAEnBC,IAAI,eAAEF,wCAACG,gBAAD;IAAU,IAAI,EAAC;IAFF;EAGnBC,KAAK,eAAEJ,wCAACK,wBAAD;IAAkB,KAAK,EAAC,MAAxB;IAA+B,MAAM,EAAC,MAAtC;IAA6C,IAAI,EAAC;IAHtC;EAInBC,OAAO,eAAEN,wCAACO,qBAAD;IAAe,KAAK,EAAC,MAArB;IAA4B,MAAM,EAAC,MAAnC;IAA0C,IAAI,EAAC;;AAJrC;;;;"}

package/cjs/MobileBanner/utils/styleHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleHelpers.js","sources":["../../../../src/MobileBanner/utils/styleHelpers.ts"],"sourcesContent":["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes';\n\nexport const slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nexport const slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n  switch (type) {\n    case MOBILE_BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case MOBILE_BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case MOBILE_BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case MOBILE_BANNER_TYPES.ERROR:\n      return colors.danger[900];\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    } else {\n      return css`\n        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n      `;\n    }\n  }\n};\n"],"names":["slideIn","kfrm","slideOut","spanContainer","height","shrinkContainer","handleBorderColor","type","colors","MOBILE_BANNER_TYPES","SUCCESS","success","INFO","brand","WARNING","warning","ERROR","danger","handleAnimation","isAnimating","isOpen","css"],"mappings":";;;;;;;;;;;;;IAKaA,OAAO,GAAGC,aAAH;IASPC,QAAQ,GAAGD,aAAH;IAcRE,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAAoBH,aAApB,iKAKfG,MALe;AAAA;IAShBC,eAAe,GAAG,SAAlBA,eAAkB,CAACD,MAAD;AAAA,SAAoBH,aAApB,iKAEjBG,MAFiB;AAAA;IASlBE,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,IAAD,QAAkD;AAAA,MAArBC,MAAqB,QAArBA,MAAqB;;AACjF,UAAQD,IAAR;AACE,SAAKE,kDAAmB,CAACC,OAAzB;AACE,aAAOF,MAAM,CAACG,OAAP,CAAe,GAAf,CAAP;;AACF,SAAKF,kDAAmB,CAACG,IAAzB;AACE,aAAOJ,MAAM,CAACK,KAAP,CAAa,GAAb,CAAP;;AACF,SAAKJ,kDAAmB,CAACK,OAAzB;AACE,aAAON,MAAM,CAACO,OAAP,CAAe,GAAf,CAAP;;AACF,SAAKN,kDAAmB,CAACO,KAAzB;AACE,aAAOR,MAAM,CAACS,MAAP,CAAc,GAAd,CAAP;AARJ;AAUD;IAEYC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,WAD6B,EAE7BC,MAF6B,EAIE;AAAA,MAD/BhB,MAC+B,uEADP,IACO;;AAC/B,MAAIe,WAAJ,EAAiB;AACf,QAAIC,MAAJ,EAAY;AACV,aAAOC,YAAP,2IACejB,MAAM,GAAGD,aAAa,CAACC,MAAD,CAAhB,GAA2BJ,OADhD;AAGD,KAJD,MAIO;AACL,aAAOqB,YAAP,2IACejB,MAAM,GAAGC,eAAe,CAACD,MAAD,CAAlB,GAA6BF,QADlD;AAGD;AACF;AACF;;;;;;;;;"}
+{"version":3,"file":"styleHelpers.js","sources":["../../../../src/MobileBanner/utils/styleHelpers.ts"],"sourcesContent":["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes';\n\nexport const slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nexport const slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n  switch (type) {\n    case MOBILE_BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case MOBILE_BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case MOBILE_BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case MOBILE_BANNER_TYPES.ERROR:\n      return colors.danger[900];\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    } else {\n      return css`\n        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n      `;\n    }\n  }\n};\n"],"names":["slideIn","kfrm","slideOut","spanContainer","height","shrinkContainer","handleBorderColor","type","colors","MOBILE_BANNER_TYPES","SUCCESS","success","INFO","brand","WARNING","warning","ERROR","danger","handleAnimation","isAnimating","isOpen","css"],"mappings":";;;;;;;;;;;;;IAKaA,OAAO,GAAGC,aAAH;IASPC,QAAQ,GAAGD,aAAH;IAcRE,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;EAAA,OAAoBH,aAApB,iKAKfG,MALe;AAAA;IAShBC,eAAe,GAAG,SAAlBA,eAAkB,CAACD,MAAD;EAAA,OAAoBH,aAApB,iKAEjBG,MAFiB;AAAA;IASlBE,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,IAAD,QAAkD;EAAA,IAArBC,MAAqB,QAArBA,MAAqB;;EACjF,QAAQD,IAAR;IACE,KAAKE,kDAAmB,CAACC,OAAzB;MACE,OAAOF,MAAM,CAACG,OAAP,CAAe,GAAf,CAAP;;IACF,KAAKF,kDAAmB,CAACG,IAAzB;MACE,OAAOJ,MAAM,CAACK,KAAP,CAAa,GAAb,CAAP;;IACF,KAAKJ,kDAAmB,CAACK,OAAzB;MACE,OAAON,MAAM,CAACO,OAAP,CAAe,GAAf,CAAP;;IACF,KAAKN,kDAAmB,CAACO,KAAzB;MACE,OAAOR,MAAM,CAACS,MAAP,CAAc,GAAd,CAAP;;AAEL;IAEYC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,WAD6B,EAE7BC,MAF6B,EAIE;EAAA,IAD/BhB,MAC+B,uEADP,IACO;;EAC/B,IAAIe,WAAJ,EAAiB;IACf,IAAIC,MAAJ,EAAY;MACV,OAAOC,YAAP,2IACejB,MAAM,GAAGD,aAAa,CAACC,MAAD,CAAhB,GAA2BJ,OADhD;KADF,MAIO;MACL,OAAOqB,YAAP,2IACejB,MAAM,GAAGC,eAAe,CAACD,MAAD,CAAlB,GAA6BF,QADlD;;;AAKL;;;;;;;;;"}

package/cjs/MobileCard/ActionAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionAddon.js","sources":["../../../src/MobileCard/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string,\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func,\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element,\n};\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","React","ChevronSmallDown","propTypes","PropTypes","string","func","element"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,4BAAD,CAAT;AAAA;AAAA,2OAMM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;IAiBaC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,OAAV,QAAUA,OAAV;AAAA,MAAmBC,IAAnB,QAAmBA,IAAnB;AAAA,sBACzBC,wCAAC,KAAD;AAAO,IAAA,OAAO,EAAEF,OAAhB;AAAyB,IAAA,SAAS,EAAED,KAApC;AAA2C,IAAA,IAAI,EAAEE,IAAI,iBAAIC,wCAACC,wBAAD;AAAkB,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAzB;AAAzD,IADyB;AAAA;AAI3BL,WAAW,CAACM,SAAZ,GAAwB;AACtB;AACF;AACA;AACEL,EAAAA,KAAK,EAAEM,6BAAS,CAACC,MAJK;;AAKtB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEK,6BAAS,CAACE,IARG;;AAStB;AACF;AACA;AACEN,EAAAA,IAAI,EAAEI,6BAAS,CAACG;AAZM,CAAxB;;;;"}
+{"version":3,"file":"ActionAddon.js","sources":["../../../src/MobileCard/ActionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string,\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func,\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element,\n};\n"],"names":["Addon","styled","Button","props","theme","fontWeights","semibold","colors","brand","ActionAddon","label","onClick","icon","React","ChevronSmallDown","propTypes","PropTypes","string","func","element"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,4BAAD,CAAT;EAAA;AAAA,2OAMM,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CANN,EAOA,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPA,CAAX;IAiBaC,WAAW,GAAG,SAAdA,WAAc;EAAA,IAAGC,KAAH,QAAGA,KAAH;MAAUC,OAAV,QAAUA,OAAV;MAAmBC,IAAnB,QAAmBA,IAAnB;EAAA,oBACzBC,wCAAC,KAAD;IAAO,OAAO,EAAEF,OAAhB;IAAyB,SAAS,EAAED,KAApC;IAA2C,IAAI,EAAEE,IAAI,iBAAIC,wCAACC,wBAAD;MAAkB,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;;IADzD;AAAA;AAI3BL,WAAW,CAACM,SAAZ,GAAwB;;AAExB;AACA;EACEL,KAAK,EAAEM,6BAAS,CAACC,MAJK;;;AAMxB;AACA;EACEN,OAAO,EAAEK,6BAAS,CAACE,IARG;;;AAUxB;AACA;EACEN,IAAI,EAAEI,6BAAS,CAACG;AAZM,CAAxB;;;;"}

package/cjs/MobileCard/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/MobileCard/Card.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { padding } from 'styled-system';\nimport { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\n\nconst TitleEllipsis = styled.div`\n  ${truncate()}\n`;\n\nconst Title = styled.div`\n  ${padding}\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n  width: 100%;\n  ${color('neutral', '800')}\n`;\nconst Detail = styled.span`\n  ${padding}\n  ${truncate()}\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  ${truncate()}\n  &:nth-child(2) {\n    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  }\n`;\nconst SubTextWrap = styled.div`\n  ${truncate()}\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  margin-top: 6px;\n  margin-bottom: 2px;\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n  ${color('neutral', '500')}\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  display: flex;\n  justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)`\n  & > span {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n`;\nconst CenterWrap = styled.div`\n  display: flex;\n  align-items: center;\n  ${truncate()}\n`;\n\nconst MobileCard = ({\n  children,\n  height = 'm',\n  leftAddOn,\n  leftProp,\n  rightProp,\n  subText,\n  subIcons,\n  details,\n  theme,\n  expandable = false,\n  expandedContent,\n  value,\n}) => {\n  const subTextRef = useRef(null);\n  const subTextHeight = useHeight(subTextRef);\n  const isJustChildren = !(subText || subIcons || details);\n  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n  return (\n    <GroupItem\n      render={(context = {}) => {\n        const { activeValue, onChange } = context;\n        const selected =\n          activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n        return (\n          <Card\n            data-testid=\"card-wrapper\"\n            minHeight={\n              height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n            }\n          >\n            {expandable && (\n              <ExpandChevron\n                isExpanded={selected}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange({ target: { value } });\n                }}\n                align={subText || subIcons ? 'top' : 'center'}\n              />\n            )}\n            <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n              {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n              {leftAddOn && (\n                <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n                  {leftAddOn}\n                </LeftIcon>\n              )}\n            </Grid>\n            <Grid\n              pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              width=\"100%\"\n            >\n              <CenterWrap>\n                <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n                  <TitleEllipsis>{children}</TitleEllipsis>\n                  {details && (\n                    <Grid\n                      data-testid=\"card-details\"\n                      cols={details.map(() => 'min-content')}\n                      mb={!(subText || subIcons) && halfM}\n                      pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n                    >\n                      {details.map((d, i) => (\n                        <Detail key={i}>\n                          {d}\n                          {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>•</Detail>}\n                        </Detail>\n                      ))}\n                    </Grid>\n                  )}\n                </Title>\n                {rightProp &&\n                  rightProp.map((prop, i) => (\n                    <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </Grid>\n                  ))}\n              </CenterWrap>\n              {subIcons && (\n                <SubTextWrap ref={subTextRef}>\n                  <SubText>{subIcons}</SubText>\n                  {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n                </SubTextWrap>\n              )}\n              {subText && !subIcons && (\n                <SubTextWrap ref={subTextRef}>\n                  {subText.map((s, i) => (\n                    <SubText data-testid=\"card-subText\" key={i}>\n                      {s}\n                    </SubText>\n                  ))}\n                </SubTextWrap>\n              )}\n              <ExpandableRegion show={selected} content={expandedContent} />\n            </Grid>\n          </Card>\n        );\n      }}\n    />\n  );\n};\n\nconst props = {\n  /**\n   * card height\n   */\n  height: PropTypes.oneOf(['s', 'm']).description('card height'),\n  /**\n   * Defines mobile card title\n   */\n  children: PropTypes.string.isRequired.description('Defines mobile card title'),\n  /**\n   * Wheter if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),\n  /**\n   * content to display in expand card section\n   */\n  expandedContent: PropTypes.element.description('content to display in expand card section'),\n  /**\n   * Icon to the left of the card. Size is adjusted automatically.\n   */\n  leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),\n  /**\n   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.arrayOf(PropTypes.element).description(\n    'Pass an array of 1 or 2 elements to render right. For example a Button with an icon',\n  ),\n  /**\n   * Pass an array of 1 or 2 strings\n   */\n  subText: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1 or 2 strings'),\n  /**\n   * SubIcons component\n   */\n  subIcons: PropTypes.element.description('SubIcons component'),\n  /**\n   * Pass an array of 1, 2 or 3 strings\n   */\n  details: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),\n  theme: PropTypes.object.isRequired.description(''),\n  value: PropTypes.number.description(''),\n};\n\nMobileCard.propTypes = props;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = props;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],"names":["TitleEllipsis","styled","div","truncate","Title","padding","props","theme","fontWeights","semibold","toMobile","fontSizes","title","color","Detail","span","regular","SubText","__UNSAFE_SPACE_TO_DIMSUM","space","xs","s","SubTextWrap","border","colors","neutral","xxs","subTitle","LeftIcon","Grid","halfM","CenterWrap","MobileCard","children","height","leftAddOn","leftProp","rightProp","subText","subIcons","details","expandable","expandedContent","value","subTextRef","useRef","subTextHeight","useHeight","isJustChildren","op","m","React","GroupItem","context","activeValue","onChange","selected","undefined","length","includes","Card","xxl","xl","ExpandChevron","e","stopPropagation","target","map","d","i","prop","ExpandableRegion","PropTypes","oneOf","description","string","isRequired","bool","element","arrayOf","object","number","propTypes","DSMobileCardWithSchema","describe","withTheme"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../src/MobileCard/Card.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { padding } from 'styled-system';\nimport { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\n\nconst TitleEllipsis = styled.div`\n  ${truncate()}\n`;\n\nconst Title = styled.div`\n  ${padding}\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n  width: 100%;\n  ${color('neutral', '800')}\n`;\nconst Detail = styled.span`\n  ${padding}\n  ${truncate()}\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  ${truncate()}\n  &:nth-child(2) {\n    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  }\n`;\nconst SubTextWrap = styled.div`\n  ${truncate()}\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  margin-top: 6px;\n  margin-bottom: 2px;\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n  ${color('neutral', '500')}\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  display: flex;\n  justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)`\n  & > span {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n`;\nconst CenterWrap = styled.div`\n  display: flex;\n  align-items: center;\n  ${truncate()}\n`;\n\nconst MobileCard = ({\n  children,\n  height = 'm',\n  leftAddOn,\n  leftProp,\n  rightProp,\n  subText,\n  subIcons,\n  details,\n  theme,\n  expandable = false,\n  expandedContent,\n  value,\n}) => {\n  const subTextRef = useRef(null);\n  const subTextHeight = useHeight(subTextRef);\n  const isJustChildren = !(subText || subIcons || details);\n  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n  return (\n    <GroupItem\n      render={(context = {}) => {\n        const { activeValue, onChange } = context;\n        const selected =\n          activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n        return (\n          <Card\n            data-testid=\"card-wrapper\"\n            minHeight={\n              height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n            }\n          >\n            {expandable && (\n              <ExpandChevron\n                isExpanded={selected}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange({ target: { value } });\n                }}\n                align={subText || subIcons ? 'top' : 'center'}\n              />\n            )}\n            <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n              {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n              {leftAddOn && (\n                <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n                  {leftAddOn}\n                </LeftIcon>\n              )}\n            </Grid>\n            <Grid\n              pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              width=\"100%\"\n            >\n              <CenterWrap>\n                <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n                  <TitleEllipsis>{children}</TitleEllipsis>\n                  {details && (\n                    <Grid\n                      data-testid=\"card-details\"\n                      cols={details.map(() => 'min-content')}\n                      mb={!(subText || subIcons) && halfM}\n                      pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n                    >\n                      {details.map((d, i) => (\n                        <Detail key={i}>\n                          {d}\n                          {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>•</Detail>}\n                        </Detail>\n                      ))}\n                    </Grid>\n                  )}\n                </Title>\n                {rightProp &&\n                  rightProp.map((prop, i) => (\n                    <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </Grid>\n                  ))}\n              </CenterWrap>\n              {subIcons && (\n                <SubTextWrap ref={subTextRef}>\n                  <SubText>{subIcons}</SubText>\n                  {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n                </SubTextWrap>\n              )}\n              {subText && !subIcons && (\n                <SubTextWrap ref={subTextRef}>\n                  {subText.map((s, i) => (\n                    <SubText data-testid=\"card-subText\" key={i}>\n                      {s}\n                    </SubText>\n                  ))}\n                </SubTextWrap>\n              )}\n              <ExpandableRegion show={selected} content={expandedContent} />\n            </Grid>\n          </Card>\n        );\n      }}\n    />\n  );\n};\n\nconst props = {\n  /**\n   * card height\n   */\n  height: PropTypes.oneOf(['s', 'm']).description('card height'),\n  /**\n   * Defines mobile card title\n   */\n  children: PropTypes.string.isRequired.description('Defines mobile card title'),\n  /**\n   * Wheter if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),\n  /**\n   * content to display in expand card section\n   */\n  expandedContent: PropTypes.element.description('content to display in expand card section'),\n  /**\n   * Icon to the left of the card. Size is adjusted automatically.\n   */\n  leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),\n  /**\n   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.arrayOf(PropTypes.element).description(\n    'Pass an array of 1 or 2 elements to render right. For example a Button with an icon',\n  ),\n  /**\n   * Pass an array of 1 or 2 strings\n   */\n  subText: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1 or 2 strings'),\n  /**\n   * SubIcons component\n   */\n  subIcons: PropTypes.element.description('SubIcons component'),\n  /**\n   * Pass an array of 1, 2 or 3 strings\n   */\n  details: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),\n  theme: PropTypes.object.isRequired.description(''),\n  value: PropTypes.number.description(''),\n};\n\nMobileCard.propTypes = props;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = props;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],"names":["TitleEllipsis","styled","div","truncate","Title","padding","props","theme","fontWeights","semibold","toMobile","fontSizes","title","color","Detail","span","regular","SubText","__UNSAFE_SPACE_TO_DIMSUM","space","xs","s","SubTextWrap","border","colors","neutral","xxs","subTitle","LeftIcon","Grid","halfM","CenterWrap","MobileCard","children","height","leftAddOn","leftProp","rightProp","subText","subIcons","details","expandable","expandedContent","value","subTextRef","useRef","subTextHeight","useHeight","isJustChildren","op","m","React","GroupItem","context","activeValue","onChange","selected","undefined","length","includes","Card","xxl","xl","ExpandChevron","e","stopPropagation","target","map","d","i","prop","ExpandableRegion","PropTypes","oneOf","description","string","isRequired","bool","element","arrayOf","object","number","propTypes","DSMobileCardWithSchema","describe","withTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAeA,IAAMA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,aACfC,iBAAQ,EADO,CAAnB;AAIA,IAAMC,KAAK,gBAAGH,0BAAM,CAACC,GAAV;EAAA;AAAA,kEACPG,oBADO,EAEPF,iBAAQ,EAFD,EAGM,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,QAAnC;AAAA,CAHN,EAII,UAACH,KAAD;EAAA,OAAWI,iBAAQ,CAACJ,KAAK,CAACC,KAAN,CAAYI,SAAZ,CAAsBC,KAAtB,CAA4B,GAA5B,CAAD,CAAnB;AAAA,CAJJ,EAMPC,cAAK,CAAC,SAAD,EAAY,KAAZ,CANE,CAAX;AAQA,IAAMC,MAAM,gBAAGb,0BAAM,CAACc,IAAV;EAAA;AAAA,mDACRV,oBADQ,EAERF,iBAAQ,EAFA,EAGG,UAACG,KAAD;EAAA,OAAWI,iBAAQ,CAACJ,KAAK,CAACC,KAAN,CAAYI,SAAZ,CAAsBC,KAAtB,CAA4B,GAA5B,CAAD,CAAnB;AAAA,CAHH,EAIK,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBQ,OAAnC;AAAA,CAJL,CAAZ;AAMA,IAAMC,OAAO,gBAAGhB,0BAAM,CAACc,IAAV;EAAA;AAAA,gEACG,UAACT,KAAD;EAAA,OAAWY,iCAAwB,CAACZ,KAAK,CAACC,KAAN,CAAYY,KAAZ,CAAkBC,EAAnB,CAAnC;AAAA,CADH,EAETjB,iBAAQ,EAFC,EAIO,UAACG,KAAD;EAAA,OAAWY,iCAAwB,CAACZ,KAAK,CAACC,KAAN,CAAYY,KAAZ,CAAkBE,CAAnB,CAAnC;AAAA,CAJP,CAAb;AAOA,IAAMC,WAAW,gBAAGrB,0BAAM,CAACC,GAAV;EAAA;AAAA,mKACbC,iBAAQ,EADK,EAED,UAACG,KAAD;EAAA,OAAWiB,eAAM,CAACjB,KAAK,CAACC,KAAN,CAAYiB,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CAFC,EAKG,UAACnB,KAAD;EAAA,OAAWY,iCAAwB,CAACZ,KAAK,CAACC,KAAN,CAAYY,KAAZ,CAAkBO,GAAnB,CAAnC;AAAA,CALH,EAMF,UAACpB,KAAD;EAAA,OAAWI,iBAAQ,CAACJ,KAAK,CAACC,KAAN,CAAYI,SAAZ,CAAsBgB,QAAtB,CAA+B,GAA/B,CAAD,CAAnB;AAAA,CANE,EAObd,cAAK,CAAC,SAAD,EAAY,KAAZ,CAPQ,EAQA,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBQ,OAAnC;AAAA,CARA,CAAjB;AAYA,IAAMY,QAAQ,gBAAG3B,0BAAM,CAAC4B,WAAD,CAAT;EAAA;AAAA,iGAEA,UAACvB,KAAD;EAAA,OAAWA,KAAK,CAACwB,KAAjB;AAAA,CAFA,EAGD,UAACxB,KAAD;EAAA,OAAWA,KAAK,CAACwB,KAAjB;AAAA,CAHC,EAQA,UAACxB,KAAD;EAAA,OAAWA,KAAK,CAACwB,KAAjB;AAAA,CARA,EASD,UAACxB,KAAD;EAAA,OAAWA,KAAK,CAACwB,KAAjB;AAAA,CATC,CAAd;AAYA,IAAMC,UAAU,gBAAG9B,0BAAM,CAACC,GAAV;EAAA;AAAA,6CAGZC,iBAAQ,EAHI,CAAhB;;AAMA,IAAM6B,UAAU,GAAG,SAAbA,UAAa,OAab;EAAA,IAZJC,QAYI,QAZJA,QAYI;yBAXJC,MAWI;MAXJA,MAWI,4BAXK,GAWL;MAVJC,SAUI,QAVJA,SAUI;MATJC,QASI,QATJA,QASI;MARJC,SAQI,QARJA,SAQI;MAPJC,OAOI,QAPJA,OAOI;MANJC,QAMI,QANJA,QAMI;MALJC,OAKI,QALJA,OAKI;MAJJjC,KAII,QAJJA,KAII;6BAHJkC,UAGI;MAHJA,UAGI,gCAHS,KAGT;MAFJC,eAEI,QAFJA,eAEI;MADJC,KACI,QADJA,KACI;EACJ,IAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;EACA,IAAMC,aAAa,GAAGC,8BAAS,CAACH,UAAD,CAA/B;EACA,IAAMI,cAAc,GAAG,EAAEV,OAAO,IAAIC,QAAX,IAAuBC,OAAzB,CAAvB;EACA,IAAMV,KAAK,GAAGmB,WAAE,CAAC,GAAD,EAAM/B,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAY+B,CAAb,CAA9B,EAA+C,CAA/C,CAAhB;EAEA,oBACEC,wCAACC,6BAAD;IACE,MAAM,EAAE,kBAAkB;MAAA,IAAjBC,OAAiB,uEAAP,EAAO;MACxB,IAAQC,WAAR,GAAkCD,OAAlC,CAAQC,WAAR;UAAqBC,QAArB,GAAkCF,OAAlC,CAAqBE,QAArB;MACA,IAAMC,QAAQ,GACZF,WAAW,KAAKG,SAAhB,KAA8BH,WAAW,KAAKX,KAAhB,IAA0B,CAAAW,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEI,MAAb,MAAuBJ,WAAvB,aAAuBA,WAAvB,uBAAuBA,WAAW,CAAEK,QAAb,CAAsBhB,KAAtB,CAAvB,CAAxD,CADF;MAGA,oBACEQ,wCAACS,gCAAD;QACE,eAAY,cADd;QAEE,SAAS,EACP1B,MAAM,KAAK,GAAX,GAAiBhB,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAY0C,GAAb,CAAzC,GAA6D3C,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAY2C,EAAb;SAGtFrB,UAAU,iBACTU,wCAACY,sCAAD;QACE,UAAU,EAAEP,QADd;QAEE,OAAO,EAAE,iBAACQ,CAAD,EAAO;UACdA,CAAC,CAACC,eAAF;UACAV,QAAQ,CAAC;YAAEW,MAAM,EAAE;cAAEvB,KAAK,EAALA;;WAAb,CAAR;SAJJ;QAME,KAAK,EAAEL,OAAO,IAAIC,QAAX,GAAsB,KAAtB,GAA8B;QAb3C,eAgBEY,wCAACtB,WAAD;QAAM,EAAE,EAAE,CAACS,OAAO,IAAIC,QAAZ,KAAyBO,aAAnC;QAAkD,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAxD;QAA0E,UAAU,EAAC;SAClFV,QAAQ,iBAAIe,wCAACtB,WAAD;QAAM,EAAE,EAAEX,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYE,CAAb;SAAkBe,QAApD,CADf,EAEGD,SAAS,iBACRgB,wCAAC,QAAD;QAAU,EAAE,EAAEjC,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYE,CAAb,CAAtC;QAAuD,KAAK,EAAES;SAC3DK,SADH,CAHJ,CAhBF,eAwBEgB,wCAACtB,WAAD;QACE,EAAE,EAAE,CAACM,SAAD,GAAajB,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYE,CAAb,CAArC,GAAuDH,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYC,EAAb,CADrF;QAEE,EAAE,EAAEF,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYE,CAAb,CAF9B;QAGE,KAAK,EAAC;sBAEN8B,wCAAC,UAAD,qBACEA,wCAAC,KAAD;QAAO,EAAE,EAAE,CAACH,cAAD,IAAmBlB,KAA9B;QAAqC,eAAY;sBAC/CqB,wCAAC,aAAD,QAAgBlB,QAAhB,CADF,EAEGO,OAAO,iBACNW,wCAACtB,WAAD;QACE,eAAY,cADd;QAEE,IAAI,EAAEW,OAAO,CAAC2B,GAAR,CAAY;UAAA,OAAM,aAAN;SAAZ,CAFR;QAGE,EAAE,EAAE,EAAE7B,OAAO,IAAIC,QAAb,KAA0BT,KAHhC;QAIE,EAAE,EAAEmB,WAAE,CAAC,GAAD,EAAM/B,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYO,GAAb,CAA9B,EAAiD,CAAjD;SAELc,OAAO,CAAC2B,GAAR,CAAY,UAACC,CAAD,EAAIC,CAAJ;QAAA,oBACXlB,wCAAC,MAAD;UAAQ,GAAG,EAAEkB;WACVD,CADH,EAEGC,CAAC,GAAG7B,OAAO,CAACkB,MAAR,GAAiB,CAArB,iBAA0BP,wCAAC,MAAD;UAAQ,EAAE,EAAEjC,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYO,GAAb;oBAFjE,CADW;OAAZ,CANH,CAHJ,CADF,EAmBGW,SAAS,IACRA,SAAS,CAAC8B,GAAV,CAAc,UAACG,IAAD,EAAOD,CAAP;QAAA,oBACZlB,wCAACtB,WAAD;UAAM,EAAE,EAAEX,iCAAwB,CAACX,KAAK,CAACY,KAAN,CAAYE,CAAb,CAAlC;UAAmD,GAAG,EAAEgD;WACrDC,IADH,CADY;OAAd,CApBJ,CALF,EA+BG/B,QAAQ,iBACPY,wCAAC,WAAD;QAAa,GAAG,EAAEP;sBAChBO,wCAAC,OAAD,QAAUZ,QAAV,CADF,EAEGD,OAAO,IAAIA,OAAO,CAAC,CAAD,CAAlB,iBAAyBa,wCAAC,OAAD;QAAS,eAAY;SAAgBb,OAAO,CAAC,CAAD,CAA5C,CAF5B,CAhCJ,EAqCGA,OAAO,IAAI,CAACC,QAAZ,iBACCY,wCAAC,WAAD;QAAa,GAAG,EAAEP;SACfN,OAAO,CAAC6B,GAAR,CAAY,UAAC9C,CAAD,EAAIgD,CAAJ;QAAA,oBACXlB,wCAAC,OAAD;UAAS,eAAY,cAArB;UAAoC,GAAG,EAAEkB;WACtChD,CADH,CADW;OAAZ,CADH,CAtCJ,eA8CE8B,wCAACoB,4CAAD;QAAkB,IAAI,EAAEf,QAAxB;QAAkC,OAAO,EAAEd;QA9C7C,CAxBF,CADF;;IAPN;AAqFD,CAxGD;;AA0GA,IAAMpC,KAAK,GAAG;;AAEd;AACA;EACE4B,MAAM,EAAEsC,mBAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,WAA5B,CAAwC,aAAxC,CAJI;;;AAMd;AACA;EACEzC,QAAQ,EAAEuC,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,2BAAxC,CARE;;;AAUd;AACA;EACEjC,UAAU,EAAE+B,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,yCAA3B,CAZA;;;AAcd;AACA;EACEhC,eAAe,EAAE8B,mBAAS,CAACM,OAAV,CAAkBJ,WAAlB,CAA8B,2CAA9B,CAhBL;;;AAkBd;AACA;EACEvC,SAAS,EAAEqC,mBAAS,CAACM,OAAV,CAAkBJ,WAAlB,CAA8B,+DAA9B,CApBC;;;AAsBd;AACA;EACEtC,QAAQ,EAAEoC,mBAAS,CAACM,OAAV,CAAkBJ,WAAlB,CAA8B,mEAA9B,CAxBE;;;AA0Bd;AACA;EACErC,SAAS,EAAEmC,mBAAS,CAACO,OAAV,CAAkBP,mBAAS,CAACM,OAA5B,EAAqCJ,WAArC,CACT,qFADS,CA5BC;;;AAgCd;AACA;EACEpC,OAAO,EAAEkC,mBAAS,CAACO,OAAV,CAAkBP,mBAAS,CAACG,MAA5B,EAAoCD,WAApC,CAAgD,iCAAhD,CAlCG;;;AAoCd;AACA;EACEnC,QAAQ,EAAEiC,mBAAS,CAACM,OAAV,CAAkBJ,WAAlB,CAA8B,oBAA9B,CAtCE;;;AAwCd;AACA;EACElC,OAAO,EAAEgC,mBAAS,CAACO,OAAV,CAAkBP,mBAAS,CAACG,MAA5B,EAAoCD,WAApC,CAAgD,oCAAhD,CA1CG;EA2CZnE,KAAK,EAAEiE,mBAAS,CAACQ,MAAV,CAAiBJ,UAAjB,CAA4BF,WAA5B,CAAwC,EAAxC,CA3CK;EA4CZ/B,KAAK,EAAE6B,mBAAS,CAACS,MAAV,CAAiBP,WAAjB,CAA6B,EAA7B;AA5CK,CAAd;AA+CA1C,UAAU,CAACkD,SAAX,GAAuB5E,KAAvB;IAEM6E,sBAAsB,GAAGC,kBAAQ,CAACpD,UAAD;AAEvCmD,sBAAsB,CAACD,SAAvB,GAAmC5E,KAAnC;AAIA,mBAAe+E,kBAAS,CAACrD,UAAD,CAAxB;;;;;"}

package/cjs/MobileCard/CardIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardIcons.js","sources":["../../../src/MobileCard/CardIcons.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n  align-items: center;\n  span,\n  svg {\n    width: 12px !important;\n    height: 12px !important;\n  }\n  span.icon-color-muted svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.neutral['600']};\n    }\n  }\n  span.icon-color-warn svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.warning['600']};\n    }\n  }\n  span.icon-color-error svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.danger['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.danger['900']};\n    }\n  }\n  span.icon-color-success svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.success['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.success['900']};\n    }\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n  <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n    {icons.map((Icon, i) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n    ))}\n  </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n  /**\n   * Array of  Icons\n   */\n  icons: PropTypes.arrayOf(PropTypes.func),\n  /**\n   * Color Types: muted, warn, error, success\n   */\n  colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],"names":["CardIconsWrapper","styled","Grid","props","theme","colors","neutral","warning","danger","success","brand","SubIcons","icons","React","map","Icon","i","propTypes","PropTypes","arrayOf","func","oneOf"],"mappings":";;;;;;;;;;;;;;;AAAA;AAMA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,soBASV,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATU,EAcR,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdQ,EAmBV,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAnBU,EAwBR,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAxBQ,EA6BV,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CA7BU,EAkCR,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CAlCQ,EAuCV,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvCU,EA4CR,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CA5CQ,EAiDV,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAjDU,EAqDV,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CArDU,CAAtB;IAyDaC,QAAQ,GAAG,SAAXA,QAAW;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,EAAX;AAAA,yBAAeP,MAAf;AAAA,MAAeA,MAAf,4BAAwB,EAAxB;AAAA,sBACtBQ,wCAAC,gBAAD;AAAkB,IAAA,IAAI,EAAED,KAAK,CAACE,GAAN,CAAU;AAAA,aAAM,MAAN;AAAA,KAAV,CAAxB;AAAiD,IAAA,MAAM,EAAC,KAAxD;AAA8D,IAAA,MAAM,EAAC,MAArE;AAA4E,mBAAY;AAAxF,KACGF,KAAK,CAACE,GAAN,CAAU,UAACC,IAAD,EAAOC,CAAP;AAAA;AAAA;AACT;AACA,8CAAC,IAAD;AAAM,QAAA,GAAG,EAAEA,CAAX;AAAc,QAAA,SAAS,uBAAgBX,MAAM,CAACW,CAAD,CAAN,IAAa,OAA7B;AAAvB;AAFS;AAAA,GAAV,CADH,CADsB;AAAA;AASxBL,QAAQ,CAACM,SAAT,GAAqB;AACnB;AACF;AACA;AACEL,EAAAA,KAAK,EAAEM,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,IAA5B,CAJY;;AAKnB;AACF;AACA;AACEf,EAAAA,MAAM,EAAEa,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,OAAlB,EAA2B,SAA3B,EAAsC,SAAtC,CAAhB,CAAlB;AARW,CAArB;;;;"}
+{"version":3,"file":"CardIcons.js","sources":["../../../src/MobileCard/CardIcons.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n  align-items: center;\n  span,\n  svg {\n    width: 12px !important;\n    height: 12px !important;\n  }\n  span.icon-color-muted svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.neutral['600']};\n    }\n  }\n  span.icon-color-warn svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.warning['600']};\n    }\n  }\n  span.icon-color-error svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.danger['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.danger['900']};\n    }\n  }\n  span.icon-color-success svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.success['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.success['900']};\n    }\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n  <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n    {icons.map((Icon, i) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n    ))}\n  </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n  /**\n   * Array of  Icons\n   */\n  icons: PropTypes.arrayOf(PropTypes.func),\n  /**\n   * Color Types: muted, warn, error, success\n   */\n  colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],"names":["CardIconsWrapper","styled","Grid","props","theme","colors","neutral","warning","danger","success","brand","SubIcons","icons","React","map","Icon","i","propTypes","PropTypes","arrayOf","func","oneOf"],"mappings":";;;;;;;;;;;;;;;AAAA;AAMA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,soBASV,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATU,EAcR,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdQ,EAmBV,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAnBU,EAwBR,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAxBQ,EA6BV,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CA7BU,EAkCR,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,MAAnB,CAA0B,KAA1B,CAAX;AAAA,CAlCQ,EAuCV,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvCU,EA4CR,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CA5CQ,EAiDV,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAjDU,EAqDV,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CArDU,CAAtB;IAyDaC,QAAQ,GAAG,SAAXA,QAAW;EAAA,sBAAGC,KAAH;MAAGA,KAAH,2BAAW,EAAX;yBAAeP,MAAf;MAAeA,MAAf,4BAAwB,EAAxB;EAAA,oBACtBQ,wCAAC,gBAAD;IAAkB,IAAI,EAAED,KAAK,CAACE,GAAN,CAAU;MAAA,OAAM,MAAN;KAAV,CAAxB;IAAiD,MAAM,EAAC,KAAxD;IAA8D,MAAM,EAAC,MAArE;IAA4E,eAAY;KACrFF,KAAK,CAACE,GAAN,CAAU,UAACC,IAAD,EAAOC,CAAP;IAAA;;;MAETH,wCAAC,IAAD;QAAM,GAAG,EAAEG,CAAX;QAAc,SAAS,uBAAgBX,MAAM,CAACW,CAAD,CAAN,IAAa,OAA7B;;;GAFxB,CADH,CADsB;AAAA;AASxBL,QAAQ,CAACM,SAAT,GAAqB;;AAErB;AACA;EACEL,KAAK,EAAEM,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,IAA5B,CAJY;;;AAMrB;AACA;EACEf,MAAM,EAAEa,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,OAAlB,EAA2B,SAA3B,EAAsC,SAAtC,CAAhB,CAAlB;AARW,CAArB;;;;"}

package/cjs/MobileCard/ExpandChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandChevron.js","sources":["../../../src/MobileCard/ExpandChevron.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n  margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n  align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n  margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n  const Chevron = isExpanded ? ChevronDown : ChevronRight;\n  return (\n    <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n      <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n    </ChevronWrap>\n  );\n};\n\nExpandChevron.propTypes = {\n  /**\n   * Whether if the chevron is expanded or not\n   */\n  isExpanded: PropTypes.bool,\n  /**\n   * click callback\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * top or center\n   */\n  align: PropTypes.string.isRequired,\n};\n"],"names":["ChevronWrap","styled","div","props","align","theme","space","xs","ExpandChevron","isExpanded","onClick","Chevron","ChevronDown","ChevronRight","React","propTypes","PropTypes","bool","func","isRequired","string"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,0DACD,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,GAA7C;AAAA,CADC,EAED,UAACD,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,YAAxB,GAAuC,QAAnD;AAAA,CAFC,EAGA,UAACD,KAAD;AAAA,SAAWA,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,EAA7B;AAAA,CAHA,CAAjB;IAMaC,aAAa,GAAG,SAAhBA,aAAgB,OAAoC;AAAA,MAAjCC,UAAiC,QAAjCA,UAAiC;AAAA,MAArBC,OAAqB,QAArBA,OAAqB;AAAA,MAAZN,KAAY,QAAZA,KAAY;AAC/D,MAAMO,OAAO,GAAGF,UAAU,GAAGG,mBAAH,GAAiBC,oBAA3C;AACA,sBACEC,wCAAC,WAAD;AAAa,mBAAY,wBAAzB;AAAkD,IAAA,KAAK,EAAEV;AAAzD,kBACEU,wCAAC,OAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAAzB;AAAiD,IAAA,OAAO,EAAEJ;AAA1D,IADF,CADF;AAKD;AAEDF,aAAa,CAACO,SAAd,GAA0B;AACxB;AACF;AACA;AACEN,EAAAA,UAAU,EAAEO,6BAAS,CAACC,IAJE;;AAKxB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEM,6BAAS,CAACE,IAAV,CAAeC,UARA;;AASxB;AACF;AACA;AACEf,EAAAA,KAAK,EAAEY,6BAAS,CAACI,MAAV,CAAiBD;AAZA,CAA1B;;;;"}
+{"version":3,"file":"ExpandChevron.js","sources":["../../../src/MobileCard/ExpandChevron.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n  margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n  align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n  margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n  const Chevron = isExpanded ? ChevronDown : ChevronRight;\n  return (\n    <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n      <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n    </ChevronWrap>\n  );\n};\n\nExpandChevron.propTypes = {\n  /**\n   * Whether if the chevron is expanded or not\n   */\n  isExpanded: PropTypes.bool,\n  /**\n   * click callback\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * top or center\n   */\n  align: PropTypes.string.isRequired,\n};\n"],"names":["ChevronWrap","styled","div","props","align","theme","space","xs","ExpandChevron","isExpanded","onClick","Chevron","ChevronDown","ChevronRight","React","propTypes","PropTypes","bool","func","isRequired","string"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,0DACD,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,GAA7C;AAAA,CADC,EAED,UAACD,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,KAAgB,KAAhB,GAAwB,YAAxB,GAAuC,QAAnD;AAAA,CAFC,EAGA,UAACD,KAAD;EAAA,OAAWA,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,EAA7B;AAAA,CAHA,CAAjB;IAMaC,aAAa,GAAG,SAAhBA,aAAgB,OAAoC;EAAA,IAAjCC,UAAiC,QAAjCA,UAAiC;MAArBC,OAAqB,QAArBA,OAAqB;MAAZN,KAAY,QAAZA,KAAY;EAC/D,IAAMO,OAAO,GAAGF,UAAU,GAAGG,mBAAH,GAAiBC,oBAA3C;EACA,oBACEC,wCAAC,WAAD;IAAa,eAAY,wBAAzB;IAAkD,KAAK,EAAEV;kBACvDU,wCAAC,OAAD;IAAS,IAAI,EAAC,GAAd;IAAkB,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAAzB;IAAiD,OAAO,EAAEJ;IAD5D,CADF;AAKD;AAEDF,aAAa,CAACO,SAAd,GAA0B;;AAE1B;AACA;EACEN,UAAU,EAAEO,6BAAS,CAACC,IAJE;;;AAM1B;AACA;EACEP,OAAO,EAAEM,6BAAS,CAACE,IAAV,CAAeC,UARA;;;AAU1B;AACA;EACEf,KAAK,EAAEY,6BAAS,CAACI,MAAV,CAAiBD;AAZA,CAA1B;;;;"}

package/cjs/MobileCard/ExpandableRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableRegion.js","sources":["../../../src/MobileCard/ExpandableRegion.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Region = styled.div`\n  display: flex;\n  ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n  transition: max-height ${(props) =>\n    props.animate ? '0.25s' : '0.20s'} linear;\n  max-height: 0;\n  ${(props) =>\n    props.animate\n      ? `\n      max-height: ${props.refHeight}px;\n    `\n      : ''}\n  align-items: center;\n  ${truncate()};\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }) => {\n  const ref = useRef(null);\n  // triggers transition\n  const [animate, setAnimate] = useState(show);\n  // needed to properly handle the transition. Hide after transition ends\n  const [hide, setHide] = useState(!show);\n  useEffect(() => {\n    setAnimate(show);\n    if (show) setHide(false);\n  }, [show]);\n\n  const hideOnAnimationEnd = () => {\n    if (!show) setHide(true);\n  };\n\n  return (\n    <Region\n      hide={hide}\n      // needed to handle transition, `auto` max-height isn't supported\n      refHeight={ref?.current?.scrollHeight || 9999}\n      onTransitionEnd={hideOnAnimationEnd}\n      animate={animate}\n    >\n      <RegionWrapper ref={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n\nExpandableRegion.propTypes = {\n  show: PropTypes.bool,\n  content: PropTypes.element,\n};\n"],"names":["RegionWrapper","styled","div","Region","props","hide","animate","refHeight","truncate","border","theme","colors","neutral","fontWeights","regular","ExpandableRegion","show","content","ref","useRef","useState","setAnimate","setHide","useEffect","hideOnAnimationEnd","React","current","scrollHeight","propTypes","PropTypes","bool","element"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,+BAAnB;AAKA,IAAMC,MAAM,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA,wIAER,UAACE,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,GAAa,qBAAb,GAAqC,EAAjD;AAAA,CAFQ,EAGe,UAACD,KAAD;AAAA,SACvBA,KAAK,CAACE,OAAN,GAAgB,OAAhB,GAA0B,OADH;AAAA,CAHf,EAMR,UAACF,KAAD;AAAA,SACAA,KAAK,CAACE,OAAN,iCAEgBF,KAAK,CAACG,SAFtB,iBAII,EALJ;AAAA,CANQ,EAaRC,iBAAQ,EAbA,EAcI,UAACJ,KAAD;AAAA,SAAWK,eAAM,CAACL,KAAK,CAACM,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CAdJ,EAeK,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,WAAZ,CAAwBC,OAAnC;AAAA,CAfL,CAAZ;IAkBaC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAuB;AAAA;;AAAA,MAApBC,IAAoB,QAApBA,IAAoB;AAAA,MAAdC,OAAc,QAAdA,OAAc;AACrD,MAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB,CADqD;;AAGrD,kBAA8BC,cAAQ,CAACJ,IAAD,CAAtC;AAAA;AAAA,MAAOV,OAAP;AAAA,MAAgBe,UAAhB,iBAHqD;;;AAKrD,mBAAwBD,cAAQ,CAAC,CAACJ,IAAF,CAAhC;AAAA;AAAA,MAAOX,IAAP;AAAA,MAAaiB,OAAb;;AACAC,EAAAA,eAAS,CAAC,YAAM;AACdF,IAAAA,UAAU,CAACL,IAAD,CAAV;AACA,QAAIA,IAAJ,EAAUM,OAAO,CAAC,KAAD,CAAP;AACX,GAHQ,EAGN,CAACN,IAAD,CAHM,CAAT;;AAKA,MAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AAC/B,QAAI,CAACR,IAAL,EAAWM,OAAO,CAAC,IAAD,CAAP;AACZ,GAFD;;AAIA,sBACEG,wCAAC,MAAD;AACE,IAAA,IAAI,EAAEpB,IADR;AAAA;AAGE,IAAA,SAAS,EAAE,CAAAa,GAAG,SAAH,IAAAA,GAAG,WAAH,4BAAAA,GAAG,CAAEQ,OAAL,8DAAcC,YAAd,KAA8B,IAH3C;AAIE,IAAA,eAAe,EAAEH,kBAJnB;AAKE,IAAA,OAAO,EAAElB;AALX,kBAOEmB,wCAAC,aAAD;AAAe,IAAA,GAAG,EAAEP;AAApB,KAA0BD,OAA1B,CAPF,CADF;AAWD;AAEDF,gBAAgB,CAACa,SAAjB,GAA6B;AAC3BZ,EAAAA,IAAI,EAAEa,6BAAS,CAACC,IADW;AAE3Bb,EAAAA,OAAO,EAAEY,6BAAS,CAACE;AAFQ,CAA7B;;;;"}
+{"version":3,"file":"ExpandableRegion.js","sources":["../../../src/MobileCard/ExpandableRegion.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Region = styled.div`\n  display: flex;\n  ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n  transition: max-height ${(props) =>\n    props.animate ? '0.25s' : '0.20s'} linear;\n  max-height: 0;\n  ${(props) =>\n    props.animate\n      ? `\n      max-height: ${props.refHeight}px;\n    `\n      : ''}\n  align-items: center;\n  ${truncate()};\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }) => {\n  const ref = useRef(null);\n  // triggers transition\n  const [animate, setAnimate] = useState(show);\n  // needed to properly handle the transition. Hide after transition ends\n  const [hide, setHide] = useState(!show);\n  useEffect(() => {\n    setAnimate(show);\n    if (show) setHide(false);\n  }, [show]);\n\n  const hideOnAnimationEnd = () => {\n    if (!show) setHide(true);\n  };\n\n  return (\n    <Region\n      hide={hide}\n      // needed to handle transition, `auto` max-height isn't supported\n      refHeight={ref?.current?.scrollHeight || 9999}\n      onTransitionEnd={hideOnAnimationEnd}\n      animate={animate}\n    >\n      <RegionWrapper ref={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n\nExpandableRegion.propTypes = {\n  show: PropTypes.bool,\n  content: PropTypes.element,\n};\n"],"names":["RegionWrapper","styled","div","Region","props","hide","animate","refHeight","truncate","border","theme","colors","neutral","fontWeights","regular","ExpandableRegion","show","content","ref","useRef","useState","setAnimate","setHide","useEffect","hideOnAnimationEnd","React","current","scrollHeight","propTypes","PropTypes","bool","element"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,+BAAnB;AAKA,IAAMC,MAAM,gBAAGF,0BAAM,CAACC,GAAV;EAAA;AAAA,wIAER,UAACE,KAAD;EAAA,OAAYA,KAAK,CAACC,IAAN,GAAa,qBAAb,GAAqC,EAAjD;AAAA,CAFQ,EAGe,UAACD,KAAD;EAAA,OACvBA,KAAK,CAACE,OAAN,GAAgB,OAAhB,GAA0B,OADH;AAAA,CAHf,EAMR,UAACF,KAAD;EAAA,OACAA,KAAK,CAACE,OAAN,iCAEgBF,KAAK,CAACG,SAFtB,iBAII,EALJ;AAAA,CANQ,EAaRC,iBAAQ,EAbA,EAcI,UAACJ,KAAD;EAAA,OAAWK,eAAM,CAACL,KAAK,CAACM,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CAdJ,EAeK,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACM,KAAN,CAAYG,WAAZ,CAAwBC,OAAnC;AAAA,CAfL,CAAZ;IAkBaC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAuB;EAAA;;EAAA,IAApBC,IAAoB,QAApBA,IAAoB;MAAdC,OAAc,QAAdA,OAAc;EACrD,IAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB,CADqD;;EAGrD,gBAA8BC,cAAQ,CAACJ,IAAD,CAAtC;;MAAOV,OAAP;MAAgBe,UAAhB,iBAHqD;;;EAKrD,iBAAwBD,cAAQ,CAAC,CAACJ,IAAF,CAAhC;;MAAOX,IAAP;MAAaiB,OAAb;;EACAC,eAAS,CAAC,YAAM;IACdF,UAAU,CAACL,IAAD,CAAV;IACA,IAAIA,IAAJ,EAAUM,OAAO,CAAC,KAAD,CAAP;GAFH,EAGN,CAACN,IAAD,CAHM,CAAT;;EAKA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAI,CAACR,IAAL,EAAWM,OAAO,CAAC,IAAD,CAAP;GADb;;EAIA,oBACEG,wCAAC,MAAD;IACE,IAAI,EAAEpB,IADR;;IAGE,SAAS,EAAE,CAAAa,GAAG,SAAH,IAAAA,GAAG,WAAH,4BAAAA,GAAG,CAAEQ,OAAL,8DAAcC,YAAd,KAA8B,IAH3C;IAIE,eAAe,EAAEH,kBAJnB;IAKE,OAAO,EAAElB;kBAETmB,wCAAC,aAAD;IAAe,GAAG,EAAEP;KAAMD,OAA1B,CAPF,CADF;AAWD;AAEDF,gBAAgB,CAACa,SAAjB,GAA6B;EAC3BZ,IAAI,EAAEa,6BAAS,CAACC,IADW;EAE3Bb,OAAO,EAAEY,6BAAS,CAACE;AAFQ,CAA7B;;;;"}

package/cjs/MobileCard/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../src/MobileCard/Group.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],"names":["GroupGrid","styled","Grid","Card","theme","withTopBorder","border","colors","neutral","GroupTitle","span","truncate","GroupTitleGrid","div","props","space","xs","__UNSAFE_SPACE_TO_DIMSUM","m","color","fontWeights","semibold","brand","MobileCardGroup","children","title","action","activeValue","allowMultipleOpen","onChange","rows","React","Group","Children","map","child","idx","cloneElement","key","value","PropTypes","object","isRequired","description","string","oneOfType","element","arrayOf","number","bool","func","propTypes","DSMobileCardGroupWithSchema","describe","withTheme"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AASA,IAAMA,SAAS,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,mCACXC,gCADW,EAKX;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,aAAV,QAAUA,aAAV;AAAA,SAA+BA,aAAa,yBAAkBC,eAAM,CAACF,KAAK,CAACG,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAD,CAAxB,IAA0D,EAAtG;AAAA,CALW,CAAf;AAQA,IAAMC,UAAU,gBAAGR,0BAAM,CAACS,IAAV;AAAA;AAAA,aACZC,iBAAQ,EADI,CAAhB;AAIA,IAAMC,cAAc,gBAAGX,0BAAM,CAACY,GAAV;AAAA;AAAA,gOAGL,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACV,KAAN,CAAYW,KAAZ,CAAkBC,EAA7B;AAAA,CAHK,EAIL,UAACF,KAAD;AAAA,wBAAmBG,iCAAwB,CAACH,KAAK,CAACV,KAAN,CAAYW,KAAZ,CAAkBG,CAAnB,CAA3C;AAAA,CAJK,EAKhBC,cAAK,CAAC,SAAD,EAAY,KAAZ,CALW,EAMH,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACV,KAAN,CAAYgB,WAAZ,CAAwBC,QAAnC;AAAA,CANG,EAOE,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACV,KAAN,CAAYG,MAAZ,CAAmBe,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAPF,EAQJ,UAACR,KAAD;AAAA,SAAWR,eAAM,CAACQ,KAAK,CAACV,KAAN,CAAYG,MAAZ,CAAmBe,KAAnB,CAAyB,KAAzB,CAAD,CAAjB;AAAA,CARI,EASH,UAACR,KAAD;AAAA,SAAWG,iCAAwB,CAACH,KAAK,CAACV,KAAN,CAAYW,KAAZ,CAAkBG,CAAnB,CAAnC;AAAA,CATG,EAWI,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACV,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAXJ,EAYF,UAACM,KAAD;AAAA,SAAWR,eAAM,CAACQ,KAAK,CAACV,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CAZE,CAApB;;AAgBA,IAAMe,eAAe,GAAG,SAAlBA,eAAkB,QAQlB;AAAA,MAPJC,QAOI,SAPJA,QAOI;AAAA,MANJpB,KAMI,SANJA,KAMI;AAAA,MALJqB,KAKI,SALJA,KAKI;AAAA,MAJJC,MAII,SAJJA,MAII;AAAA,MAHJC,WAGI,SAHJA,WAGI;AAAA,oCAFJC,iBAEI;AAAA,MAFJA,iBAEI,sCAFgB,KAEhB;AAAA,6BADJC,QACI;AAAA,MADJA,QACI,+BADO;AAAA,WAAM,IAAN;AAAA,GACP;AACJ,MAAMC,IAAI,GAAG,CAACL,KAAD,GAAS,CAAC,MAAD,CAAT,GAAoB,CAACR,iCAAwB,CAACb,KAAK,CAACW,KAAN,CAAYG,CAAb,CAAzB,EAA0C,MAA1C,CAAjC;AAEA,sBACEa,wCAACC,yBAAD;AAAO,IAAA,WAAW,EAAEL,WAApB;AAAiC,IAAA,QAAQ,EAAEC,iBAA3C;AAA8D,IAAA,QAAQ,EAAEC;AAAxE,kBACEE,wCAAC,SAAD;AAAW,IAAA,aAAa,EAAE,CAACN,KAA3B;AAAkC,IAAA,IAAI,EAAEK;AAAxC,KACG,CAAC,CAACL,KAAF,iBACCM,wCAAC,cAAD;AAAgB,IAAA,EAAE,EAAC;AAAnB,kBACEA,wCAAC,UAAD,QAAaN,KAAb,CADF,EAEGC,MAFH,CAFJ,eAOEK,wCAAC7B,WAAD,QACG6B,yBAAK,CAACE,QAAN,CAAeC,GAAf,CACCV,QADD,EAEC,UAACW,KAAD,EAAQC,GAAR;AAAA,wBACEL,yBAAK,CAACM,YAAN,CAAmBF,KAAnB,EAA0B;AACxBG,MAAAA,GAAG,EAAEF,GADmB;AAExBG,MAAAA,KAAK,EAAEH,GAFiB;AAGxBA,MAAAA,GAAG,EAAHA;AAHwB,KAA1B,CADF;AAAA,GAFD,EAQC,IARD,CADH,CAPF,CADF,CADF;AAwBD,CAnCD;;AAqCA,IAAMtB,KAAK,GAAG;AACZV,EAAAA,KAAK,EAAEoC,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,EAAxC,CADK;;AAEZ;AACF;AACA;AACElB,EAAAA,KAAK,EAAEe,mBAAS,CAACI,MAAV,CAAiBD,WAAjB,CAA6B,EAA7B,CALK;;AAMZ;AACF;AACA;AACEnB,EAAAA,QAAQ,EAAEgB,mBAAS,CAACK,SAAV,CAAoB,CAACL,mBAAS,CAACM,OAAX,EAAoBN,mBAAS,CAACO,OAAV,CAAkBP,mBAAS,CAACM,OAA5B,CAApB,CAApB,EAA+EJ,UAA/E,CAA0FC,WAA1F,CAAsG,EAAtG,CATE;;AAUZ;AACF;AACA;AACEjB,EAAAA,MAAM,EAAEc,mBAAS,CAACM,OAAV,CAAkBH,WAAlB,CAA8B,EAA9B,CAbI;;AAcZ;AACAhB,EAAAA,WAAW,EAAEa,mBAAS,CAACK,SAAV,CAAoB,CAACL,mBAAS,CAACQ,MAAX,EAAmBR,mBAAS,CAACO,OAAV,CAAkBP,mBAAS,CAACQ,MAA5B,CAAnB,CAApB,EAA6EL,WAA7E,CAAyF,EAAzF,CAfD;;AAgBZ;AACAf,EAAAA,iBAAiB,EAAEY,mBAAS,CAACS,IAAV,CAAeN,WAAf,CAA2B,EAA3B,CAjBP;;AAkBZ;AACAd,EAAAA,QAAQ,EAAEW,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,EAA3B;AAnBE,CAAd;AAsBApB,eAAe,CAAC4B,SAAhB,GAA4BrC,KAA5B;IAEMsC,2BAA2B,GAAGC,kBAAQ,CAAC9B,eAAD;AAE5C6B,2BAA2B,CAACD,SAA5B,GAAwCrC,KAAxC;AAIA,kBAAewC,kBAAS,CAAC/B,eAAD,CAAxB;;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../src/MobileCard/Group.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],"names":["GroupGrid","styled","Grid","Card","theme","withTopBorder","border","colors","neutral","GroupTitle","span","truncate","GroupTitleGrid","div","props","space","xs","__UNSAFE_SPACE_TO_DIMSUM","m","color","fontWeights","semibold","brand","MobileCardGroup","children","title","action","activeValue","allowMultipleOpen","onChange","rows","React","Group","Children","map","child","idx","cloneElement","key","value","PropTypes","object","isRequired","description","string","oneOfType","element","arrayOf","number","bool","func","propTypes","DSMobileCardGroupWithSchema","describe","withTheme"],"mappings":"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"}

package/cjs/MobileCard/StyledCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledCard.js","sources":["../../../src/MobileCard/StyledCard.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n  min-height: ${(props) => props.minHeight};\n  border: ${(props) => border(props.theme.colors.neutral['100'])};\n  border-bottom: ${(props) =>\n    border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],"names":["StyledCard","styled","div","props","minHeight","border","theme","colors","neutral"],"mappings":";;;;;;;;;;;IAGaA,UAAU,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,2GAIP,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,SAAjB;AAAA,CAJO,EAKX,UAACD,KAAD;AAAA,SAAWE,eAAM,CAACF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CALW,EAMJ,UAACL,KAAD;AAAA,SACfE,eAAM,CAAC,MAAD,EAASF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAT,CADS;AAAA,CANI;;;;"}
+{"version":3,"file":"StyledCard.js","sources":["../../../src/MobileCard/StyledCard.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n  min-height: ${(props) => props.minHeight};\n  border: ${(props) => border(props.theme.colors.neutral['100'])};\n  border-bottom: ${(props) =>\n    border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],"names":["StyledCard","styled","div","props","minHeight","border","theme","colors","neutral"],"mappings":";;;;;;;;;;;IAGaA,UAAU,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,2GAIP,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,SAAjB;AAAA,CAJO,EAKX,UAACD,KAAD;EAAA,OAAWE,eAAM,CAACF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CALW,EAMJ,UAACL,KAAD;EAAA,OACfE,eAAM,CAAC,MAAD,EAASF,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAT,CADS;AAAA,CANI;;;;"}

package/cjs/MobileCard/useHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeight.js","sources":["../../../src/MobileCard/useHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  return Number(\n    window\n      .getComputedStyle(document.querySelector(':root'))\n      .getPropertyValue('font-size')\n      .match(/\\d+/)[0],\n  );\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","useHeight","ref","useState","height","setHeight","currentFont","setCurrentFont","useEffect","current","rem","clientHeight"],"mappings":";;;;;;;;;;;;AAGA,SAASA,cAAT,GAA0B;AACxB,SAAOC,MAAM,CACXC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADW,CAAb;AAMD;;AAEM,SAASC,SAAT,CAAmBC,GAAnB,EAAwB;AAC7B,kBAA4BC,cAAQ,CAAC,MAAD,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAAsCF,cAAQ,CAAC,EAAD,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AACAC,EAAAA,eAAS,CAAC,YAAM;AACdD,IAAAA,cAAc,CAACd,cAAc,EAAf,CAAd;AACD,GAFQ,EAEN,EAFM,CAAT;AAIAe,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIN,GAAG,CAACO,OAAJ,IAAeL,MAAM,KAAKM,YAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAjC,EAA0E;AACxED,MAAAA,SAAS,CAACK,YAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAJ,CAAT;AACD;AACF,GAJQ,EAIN,CAACJ,GAAG,CAACO,OAAL,EAAcH,WAAd,CAJM,CAAT;AAMA,SAAOF,MAAP;AACD;;;;"}
+{"version":3,"file":"useHeight.js","sources":["../../../src/MobileCard/useHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  return Number(\n    window\n      .getComputedStyle(document.querySelector(':root'))\n      .getPropertyValue('font-size')\n      .match(/\\d+/)[0],\n  );\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","useHeight","ref","useState","height","setHeight","currentFont","setCurrentFont","useEffect","current","rem","clientHeight"],"mappings":";;;;;;;;;;;;AAGA,SAASA,cAAT,GAA0B;EACxB,OAAOC,MAAM,CACXC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADW,CAAb;AAMD;;AAEM,SAASC,SAAT,CAAmBC,GAAnB,EAAwB;EAC7B,gBAA4BC,cAAQ,CAAC,MAAD,CAApC;;MAAOC,MAAP;MAAeC,SAAf;;EACA,iBAAsCF,cAAQ,CAAC,EAAD,CAA9C;;MAAOG,WAAP;MAAoBC,cAApB;;EACAC,eAAS,CAAC,YAAM;IACdD,cAAc,CAACd,cAAc,EAAf,CAAd;GADO,EAEN,EAFM,CAAT;EAIAe,eAAS,CAAC,YAAM;IACd,IAAIN,GAAG,CAACO,OAAJ,IAAeL,MAAM,KAAKM,YAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAjC,EAA0E;MACxED,SAAS,CAACK,YAAG,CAACR,GAAG,CAACO,OAAJ,CAAYE,YAAb,EAA2BL,WAA3B,CAAJ,CAAT;;GAFK,EAIN,CAACJ,GAAG,CAACO,OAAL,EAAcH,WAAd,CAJM,CAAT;EAMA,OAAOF,MAAP;AACD;;;;"}

package/cjs/MobileContextMenu/MobileContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n  position: fixed;\n  bottom: 0;\n  left: ${(props) => props.theme.space.xxs};\n  max-height: 90vh;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['000']};\n  ${truncate()}\n\n  & > span {\n    height: 20px;\n    width: 20px;\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: 20px;\n    width: 20px;\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nconst HeaderContainer = styled(Grid)`\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n  ({\n    open = false,\n    title = '',\n    multiple = false,\n    singleSelect = false,\n    onChange = noop,\n    onClickOutside = noop,\n    children,\n    theme,\n    backdropZIndex,\n    zIndex = 1,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const trueSelected = useMemo(\n      () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n      [initSelecteds, selectedItems],\n    );\n    const containerRef = useRef(null);\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (initSelecteds === undefined) {\n        if (multiple) setSelectedItems([...value]);\n        else if (singleSelect) setSelectedItems(value);\n      }\n    };\n\n    const handleApply = function (e) {\n      if (this.onClick) this.onClick(e);\n      onApply(e, selectedItems);\n    };\n\n    const rows = [theme.space.s, 1];\n    if (buttonFooter) rows.push('56px');\n\n    if (!open) return null;\n\n    return (\n      <>\n        <DSBackdrop\n          type=\"cover\"\n          zIndex={backdropZIndex}\n          onClick={(e) => {\n            // PUI-4481 prevent click on elements below backdrop\n            e.stopPropagation();\n            onClickOutside(e);\n          }}\n        />\n        <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n          <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n              {title}\n            </StyledTitle>\n          </HeaderContainer>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>\n              <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n                {React.Children.map(children, (child, ii) => {\n                  const isGroup =\n                    child.type === (<ContextMenuGroup />).type ||\n                    child.type?.name === ContextMenuGroup.componentType ||\n                    child.type === ContextMenuGroup.type;\n                  const { onClick = noop } = child.props;\n                  const value = ii;\n                  let isSelected;\n                  if (singleSelect) isSelected = trueSelected === value;\n                  else if (multiple) isSelected = trueSelected.includes(value);\n                  return React.cloneElement(child, {\n                    value,\n                    key: `cm.${ii}`,\n                    isMulti: multiple,\n                    singleSelect,\n                    isSelected,\n                    onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n                    selectedItems: isGroup ? trueSelected : null,\n                  });\n                })}\n              </Group>\n            </Grid>\n          </Grid>\n          {buttonFooter && (\n            <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n              {React.cloneElement(buttonFooter, {\n                ...buttonFooter.props,\n                containerProps: {\n                  'data-testid': `${dataTestid}--btn`,\n                },\n                buttonType: 'primary',\n                size: 'l',\n                onClick: handleApply.bind(buttonFooter.props),\n              })}\n            </Grid>\n          )}\n        </StyledContainer>\n      </>\n    );\n  },\n);\n\nconst props = {\n  /** toggle open the menu */\n  open: PropTypes.bool.description('toggle open the menu'),\n  /** context menu title  */\n  title: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n  ]).description('context menu title'),\n  /** change handler for selectable context menu  */\n  onChange: PropTypes.func.description('change handler for selectable context menu'),\n  /** multi select */\n  multiple: PropTypes.bool.description('multi select'),\n  /** click outside callback handler */\n  onClickOutside: PropTypes.func.description('click outside callback handler'),\n  /** array of mobile context menu items */\n  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n  /** z index for overlay div */\n  backdropZIndex: PropTypes.number.description('z index for overlay div'),\n  /** z index for menu container */\n  zIndex: PropTypes.number.description('z index for menu container'),\n  /** for e2e tests */\n  dataTestid: PropTypes.string.description('for e2e tests'),\n  /** bottom button */\n  buttonFooter: PropTypes.element.description('bottom button'),\n  /** callback */\n  onApply: PropTypes.func.description('callback'),\n  /** selected elements for multi and single select */\n  selecteds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.number,\n  ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","React","DSBackdrop","stopPropagation","length","fill","overflow","Group","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileContextMenu.js","sources":["../../../src/MobileContextMenu/MobileContextMenu.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n  position: fixed;\n  bottom: 0;\n  left: ${(props) => props.theme.space.xxs};\n  max-height: 90vh;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['000']};\n  ${truncate()}\n\n  & > span {\n    height: 20px;\n    width: 20px;\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: 20px;\n    width: 20px;\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nconst HeaderContainer = styled(Grid)`\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n  ({\n    open = false,\n    title = '',\n    multiple = false,\n    singleSelect = false,\n    onChange = noop,\n    onClickOutside = noop,\n    children,\n    theme,\n    backdropZIndex,\n    zIndex = 1,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const trueSelected = useMemo(\n      () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n      [initSelecteds, selectedItems],\n    );\n    const containerRef = useRef(null);\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (initSelecteds === undefined) {\n        if (multiple) setSelectedItems([...value]);\n        else if (singleSelect) setSelectedItems(value);\n      }\n    };\n\n    const handleApply = function (e) {\n      if (this.onClick) this.onClick(e);\n      onApply(e, selectedItems);\n    };\n\n    const rows = [theme.space.s, 1];\n    if (buttonFooter) rows.push('56px');\n\n    if (!open) return null;\n\n    return (\n      <>\n        <DSBackdrop\n          type=\"cover\"\n          zIndex={backdropZIndex}\n          onClick={(e) => {\n            // PUI-4481 prevent click on elements below backdrop\n            e.stopPropagation();\n            onClickOutside(e);\n          }}\n        />\n        <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n          <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n              {title}\n            </StyledTitle>\n          </HeaderContainer>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>\n              <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n                {React.Children.map(children, (child, ii) => {\n                  const isGroup =\n                    child.type === (<ContextMenuGroup />).type ||\n                    child.type?.name === ContextMenuGroup.componentType ||\n                    child.type === ContextMenuGroup.type;\n                  const { onClick = noop } = child.props;\n                  const value = ii;\n                  let isSelected;\n                  if (singleSelect) isSelected = trueSelected === value;\n                  else if (multiple) isSelected = trueSelected.includes(value);\n                  return React.cloneElement(child, {\n                    value,\n                    key: `cm.${ii}`,\n                    isMulti: multiple,\n                    singleSelect,\n                    isSelected,\n                    onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n                    selectedItems: isGroup ? trueSelected : null,\n                  });\n                })}\n              </Group>\n            </Grid>\n          </Grid>\n          {buttonFooter && (\n            <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n              {React.cloneElement(buttonFooter, {\n                ...buttonFooter.props,\n                containerProps: {\n                  'data-testid': `${dataTestid}--btn`,\n                },\n                buttonType: 'primary',\n                size: 'l',\n                onClick: handleApply.bind(buttonFooter.props),\n              })}\n            </Grid>\n          )}\n        </StyledContainer>\n      </>\n    );\n  },\n);\n\nconst props = {\n  /** toggle open the menu */\n  open: PropTypes.bool.description('toggle open the menu'),\n  /** context menu title  */\n  title: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n  ]).description('context menu title'),\n  /** change handler for selectable context menu  */\n  onChange: PropTypes.func.description('change handler for selectable context menu'),\n  /** multi select */\n  multiple: PropTypes.bool.description('multi select'),\n  /** click outside callback handler */\n  onClickOutside: PropTypes.func.description('click outside callback handler'),\n  /** array of mobile context menu items */\n  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n  /** z index for overlay div */\n  backdropZIndex: PropTypes.number.description('z index for overlay div'),\n  /** z index for menu container */\n  zIndex: PropTypes.number.description('z index for menu container'),\n  /** for e2e tests */\n  dataTestid: PropTypes.string.description('for e2e tests'),\n  /** bottom button */\n  buttonFooter: PropTypes.element.description('bottom button'),\n  /** callback */\n  onApply: PropTypes.func.description('callback'),\n  /** selected elements for multi and single select */\n  selecteds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.number,\n  ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","space","xs","xxs","StyledTitle","fontWeights","semibold","truncate","HeaderContainer","brand","isArr","prop","Array","isArray","DSMobileContextMenu","withTheme","open","title","multiple","singleSelect","onChange","noop","onClickOutside","children","backdropZIndex","dataTestid","buttonFooter","onApply","initSelecteds","selecteds","useState","selectedItems","setSelectedItems","trueSelected","useMemo","undefined","containerRef","useRef","handleChange","value","childProps","event","handleApply","e","onClick","rows","s","push","React","DSBackdrop","stopPropagation","length","fill","overflow","Group","Children","map","child","ii","isGroup","type","ContextMenuGroup","name","componentType","isSelected","includes","cloneElement","key","isMulti","containerProps","buttonType","size","bind","PropTypes","bool","description","oneOfType","string","arrayOf","node","func","element","number","propTypes","DSMobileContextMenuWithSchema","describe"],"mappings":"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"}

package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenuGroup.js","sources":["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n  background: ${(props) => props.theme.colors.brand['200']};\n  padding: 0 ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n  <Grid>\n    <Grid>\n      <Title>{title}</Title>\n    </Grid>\n    <Grid>\n      {React.Children.map(children, (child, index) => {\n        const { onClick = noop } = child.props;\n        const value = `${groupValue}:${index}`;\n        let isSelected;\n        if (singleSelect) isSelected = selectedItems === value;\n        else if (isMulti) isSelected = selectedItems.includes(value);\n        return React.cloneElement(child, {\n          value,\n          key: 'group.'.concat(index),\n          isGroup: true,\n          isMulti,\n          singleSelect,\n          isSelected,\n          onClick: (e) => onClick(e, { value, ...child.props }),\n        });\n      })}\n    </Grid>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Group title\n   */\n  title: PropTypes.string.isRequired.description('group title'),\n  /**\n   *  Array of MobileContextMenuItem\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /** single select */\n  singleSelect: PropTypes.bool.description('single select'),\n  /** value for select */\n  value: PropTypes.string.description('value for select'),\n  /** selected items, array for multi, string for single */\n  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n    'selected items, array for multi, string for single',\n  ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],"names":["Title","styled","div","props","theme","colors","brand","space","xs","neutral","fontWeights","semibold","DSMobileContextMenuGroup","title","isMulti","singleSelect","children","groupValue","value","selectedItems","React","Grid","Children","map","child","index","onClick","noop","isSelected","includes","cloneElement","key","concat","isGroup","e","PropTypes","string","isRequired","description","arrayOf","element","bool","oneOfType","array","propTypes","componentType","DSMobileContextMenuGroupWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileContextMenuGroup.js","sources":["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n  background: ${(props) => props.theme.colors.brand['200']};\n  padding: 0 ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n  <Grid>\n    <Grid>\n      <Title>{title}</Title>\n    </Grid>\n    <Grid>\n      {React.Children.map(children, (child, index) => {\n        const { onClick = noop } = child.props;\n        const value = `${groupValue}:${index}`;\n        let isSelected;\n        if (singleSelect) isSelected = selectedItems === value;\n        else if (isMulti) isSelected = selectedItems.includes(value);\n        return React.cloneElement(child, {\n          value,\n          key: 'group.'.concat(index),\n          isGroup: true,\n          isMulti,\n          singleSelect,\n          isSelected,\n          onClick: (e) => onClick(e, { value, ...child.props }),\n        });\n      })}\n    </Grid>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Group title\n   */\n  title: PropTypes.string.isRequired.description('group title'),\n  /**\n   *  Array of MobileContextMenuItem\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /** single select */\n  singleSelect: PropTypes.bool.description('single select'),\n  /** value for select */\n  value: PropTypes.string.description('value for select'),\n  /** selected items, array for multi, string for single */\n  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n    'selected items, array for multi, string for single',\n  ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],"names":["Title","styled","div","props","theme","colors","brand","space","xs","neutral","fontWeights","semibold","DSMobileContextMenuGroup","title","isMulti","singleSelect","children","groupValue","value","selectedItems","React","Grid","Children","map","child","index","onClick","noop","isSelected","includes","cloneElement","key","concat","isGroup","e","PropTypes","string","isRequired","description","arrayOf","element","bool","oneOfType","array","propTypes","componentType","DSMobileContextMenuGroupWithSchema","describe"],"mappings":"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"}

package/cjs/MobileContextMenu/MobileContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n  border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n  ${(props) => {\n    if (!props.isMulti) {\n      return `\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      `;\n    }\n    return '';\n  }}\n`;\n\nconst Title = styled.span`\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.brand['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n  fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n  label: string;\n  title: string;\n  leftProp: JSX.Element;\n  isGroup: boolean;\n  isMulti: boolean;\n  isSelected: boolean;\n  singleSelect: boolean;\n  onClick: (e: any) => void;\n  value: string;\n}\nconst DSMobileContextMenuItem = ({\n  label,\n  title,\n  leftProp,\n  isGroup,\n  isMulti,\n  singleSelect,\n  isSelected,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick = () => {},\n  value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n  <GroupItem\n    render={(context) => {\n      const { activeValue } = context;\n      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n      if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n      let showLeftAddon = isSelected;\n      if (isMulti || !singleSelect) showLeftAddon = true;\n\n      let leftAddon = leftProp || null;\n      if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={\n            (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n          }\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n            {label && (\n              <Grid alignItems=\"center\">\n                <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n              </Grid>\n            )}\n            <Grid alignItems={!label ? 'center' : undefined}>\n              <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n            </Grid>\n          </Grid>\n        </Wrap>\n      );\n    }}\n  />\n);\n\nconst props = {\n  /** label */\n  label: PropTypes.string.description('label'),\n  /** menu item title */\n  title: PropTypes.string.isRequired.description('menu item title'),\n  /**  */\n  leftProp: PropTypes.element.description(''),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /**  */\n  singleSelect: PropTypes.bool.description(''),\n  /**  */\n  isGroup: PropTypes.bool.description(''),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** value for select */\n  value: PropTypes.number.description('value for select'),\n  /** selected value */\n  isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","React","DSMobileTouchable","PropWrap","Grid","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","Checkmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","GroupItem","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","DSCheckbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n  border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n  ${(props) => {\n    if (!props.isMulti) {\n      return `\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      `;\n    }\n    return '';\n  }}\n`;\n\nconst Title = styled.span`\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.brand['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n  fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n  label: string;\n  title: string;\n  leftProp: JSX.Element;\n  isGroup: boolean;\n  isMulti: boolean;\n  isSelected: boolean;\n  singleSelect: boolean;\n  onClick: (e: any) => void;\n  value: string;\n}\nconst DSMobileContextMenuItem = ({\n  label,\n  title,\n  leftProp,\n  isGroup,\n  isMulti,\n  singleSelect,\n  isSelected,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick = () => {},\n  value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n  <GroupItem\n    render={(context) => {\n      const { activeValue } = context;\n      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n      if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n      let showLeftAddon = isSelected;\n      if (isMulti || !singleSelect) showLeftAddon = true;\n\n      let leftAddon = leftProp || null;\n      if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={\n            (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n          }\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n            {label && (\n              <Grid alignItems=\"center\">\n                <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n              </Grid>\n            )}\n            <Grid alignItems={!label ? 'center' : undefined}>\n              <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n            </Grid>\n          </Grid>\n        </Wrap>\n      );\n    }}\n  />\n);\n\nconst props = {\n  /** label */\n  label: PropTypes.string.description('label'),\n  /** menu item title */\n  title: PropTypes.string.isRequired.description('menu item title'),\n  /**  */\n  leftProp: PropTypes.element.description(''),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /**  */\n  singleSelect: PropTypes.bool.description(''),\n  /**  */\n  isGroup: PropTypes.bool.description(''),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** value for select */\n  value: PropTypes.number.description('value for select'),\n  /** selected value */\n  isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","React","DSMobileTouchable","PropWrap","Grid","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","Checkmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","GroupItem","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","DSCheckbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}

package/cjs/MobileDatePicker/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/MobileDatePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=date]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=date]&:active, input[type=date]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef","React"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,KAAV;AAAA;AAAA,0mBAUH,UAAAC,KAAK;AAAA,SAAIC,iCAAwB,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,iCAAwB,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,cAAK,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,sBACnBc,wCAAC,WAAD;AAAa,IAAA,GAAG,EAAED;AAAlB,KAAgCb,KAAhC,EADmB;AAAA;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../src/MobileDatePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=date]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=date]&:active, input[type=date]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef","React"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,KAAV;EAAA;AAAA,0mBAUH,UAAAC,KAAK;EAAA,OAAIC,iCAAwB,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,iCAAwB,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,cAAK,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,oBACnBc,wCAAC,WAAD;IAAa,GAAG,EAAED;KAAcb,KAAhC,EADmB;AAAA;;;;"}

package/cjs/MobileDatePicker/MobileDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDatePicker.js","sources":["../../../src/MobileDatePicker/MobileDatePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],"names":["DSMobileDatePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","useEffect","current","defaultValue","valueArr","split","displayValue","React","DSInputGroup","DSButton","DSIconColors","PRIMARY","NEUTRAL","DatePicker","focus","click","Input","e","preventDefault","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","props","PropTypes","bool","description","number","string","func","propTypes","DSMobileDatePickerWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileDatePicker.js","sources":["../../../src/MobileDatePicker/MobileDatePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const valueArr = value.split('-');\n  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Date Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<DatePicker />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        data-testid=\"ds-mobile-date-picker\"\n        innerRef={inputRef}\n        aria-label=\"Date Picker Input Mask\"\n        disabled={disabled}\n        onKeyDown={(e) => e.preventDefault()}\n        type=\"date\"\n        placeholder={placeholder}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileDatePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('0 as default'),\n  /**\n   * MM / DD / YYYY as default\n   */\n  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n   */\n  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],"names":["DSMobileDatePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","useEffect","current","defaultValue","valueArr","split","displayValue","React","DSInputGroup","DSButton","DSIconColors","PRIMARY","NEUTRAL","DatePicker","focus","click","Input","e","preventDefault","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","props","PropTypes","bool","description","number","string","func","propTypes","DSMobileDatePickerWithSchema","describe"],"mappings":"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"}

package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDropdownInput.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly />\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n"],"names":["MobileDropdownInput","styled","input","props","theme","colors","neutral","focus","brand","MobileDropdownInputWrap","span","CaretWrap","Caret","onClick","React","ChevronDown","propTypes","PropTypes","func","isRequired","DSMobileDropdownTriggerInput","inputProps","caretProps"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,mBAAmB,gBAAGC,0BAAM,CAACC,KAAV;AAAA;AAAA,iRAShB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATgB,EAYV,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAZU,EAgB1B,UAACH,KAAD;AAAA,SAAWI,cAAK,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,KAAnB,CAAyB,GAAzB,CAAD,CAAhB;AAAA,CAhB0B;IAoBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,IAAV;AAAA;AAAA;AAOpC,IAAMC,SAAS,gBAAGV,0BAAM,CAACS,IAAV;AAAA;AAAA,sHAAf;IAWaE,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBACnBC,wCAAC,SAAD;AAAW,IAAA,OAAO,EAAED;AAApB,kBACEC,wCAACC,mBAAD;AAAa,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAApB,IADF,CADmB;AAAA;AAMrBH,KAAK,CAACI,SAAN,GAAkB;AAChBH,EAAAA,OAAO,EAAEI,6BAAS,CAACC,IAAV,CAAeC;AADR,CAAlB;IAIaC,4BAA4B,GAAG,SAA/BA,4BAA+B;AAAA,MAC1CC,UAD0C,SAC1CA,UAD0C;AAAA,MAE1CC,UAF0C,SAE1CA,UAF0C;AAAA,sBAO1CR,wCAAC,uBAAD;AAAyB,mBAAY;AAArC,kBACEA,wCAAC,mBAAD,mCAAyBO,UAAzB;AAAqC,IAAA,QAAQ;AAA7C,KADF,eAEEP,wCAAC,KAAD,EAAWQ,UAAX,CAFF,CAP0C;AAAA;;;;;;;"}
+{"version":3,"file":"MobileDropdownInput.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly />\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n"],"names":["MobileDropdownInput","styled","input","props","theme","colors","neutral","focus","brand","MobileDropdownInputWrap","span","CaretWrap","Caret","onClick","React","ChevronDown","propTypes","PropTypes","func","isRequired","DSMobileDropdownTriggerInput","inputProps","caretProps"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,mBAAmB,gBAAGC,0BAAM,CAACC,KAAV;EAAA;AAAA,iRAShB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATgB,EAYV,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAZU,EAgB1B,UAACH,KAAD;EAAA,OAAWI,cAAK,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,KAAnB,CAAyB,GAAzB,CAAD,CAAhB;AAAA,CAhB0B;IAoBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,IAAV;EAAA;AAAA;AAOpC,IAAMC,SAAS,gBAAGV,0BAAM,CAACS,IAAV;EAAA;AAAA,sHAAf;IAWaE,KAAK,GAAG,SAARA,KAAQ;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,oBACnBC,wCAAC,SAAD;IAAW,OAAO,EAAED;kBAClBC,wCAACC,mBAAD;IAAa,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;IADtB,CADmB;AAAA;AAMrBH,KAAK,CAACI,SAAN,GAAkB;EAChBH,OAAO,EAAEI,6BAAS,CAACC,IAAV,CAAeC;AADR,CAAlB;IAIaC,4BAA4B,GAAG,SAA/BA,4BAA+B;EAAA,IAC1CC,UAD0C,SAC1CA,UAD0C;MAE1CC,UAF0C,SAE1CA,UAF0C;EAAA,oBAO1CR,wCAAC,uBAAD;IAAyB,eAAY;kBACnCA,wCAAC,mBAAD,mCAAyBO,UAAzB;IAAqC,QAAQ;KAD/C,eAEEP,wCAAC,KAAD,EAAWQ,UAAX,CAFF,CAP0C;AAAA;;;;;;;"}

package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDropdownMenu.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n  DSMobileContextMenu,\n  DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      ref: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput\n        inputProps={inputProps}\n        caretProps={caretProps}\n      />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n  ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],"names":["DSMobileDropdownMenu","placeholder","options","title","value","itemsProps","label","undefined","leftProp","isGroup","isMulti","singleSelect","isItemSelected","onClick","useState","menuOpen","setMenuOpen","inputRef","useRef","inputProps","React","useMemo","readOnly","ref","caretProps","current","focus","DSMobileDropdownTriggerInput","DSMobileContextMenu","_","e","map","opt","i","DSMobileContextMenuItem","concat","props","PropTypes","string","description","arrayOf","shape","propTypes","DSMobileDropdownMenuWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileDropdownMenu.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n  DSMobileContextMenu,\n  DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      ref: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput\n        inputProps={inputProps}\n        caretProps={caretProps}\n      />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n  ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],"names":["DSMobileDropdownMenu","placeholder","options","title","value","itemsProps","label","undefined","leftProp","isGroup","isMulti","singleSelect","isItemSelected","onClick","useState","menuOpen","setMenuOpen","inputRef","useRef","inputProps","React","useMemo","readOnly","ref","caretProps","current","focus","DSMobileDropdownTriggerInput","DSMobileContextMenu","_","e","map","opt","i","DSMobileContextMenuItem","concat","props","PropTypes","string","description","arrayOf","shape","propTypes","DSMobileDropdownMenuWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAekB;EAAA,IAd7CC,WAc6C,QAd7CA,WAc6C;0BAb7CC,OAa6C;MAb7CA,OAa6C,6BAbnC,EAamC;MAZ7CC,KAY6C,QAZ7CA,KAY6C;MAX7CC,KAW6C,QAX7CA,KAW6C;6BAV7CC,UAU6C;MAV7CA,UAU6C,gCAVhC;IACXC,KAAK,EAAEC,SADI;IAEXC,QAAQ,EAAED,SAFC;IAGXE,OAAO,EAAE,KAHE;IAIXC,OAAO,EAAE,KAJE;IAKXC,YAAY,EAAE,KALH;IAMXC,cAAc,EAAE;MAAA,OAAM,KAAN;KANL;;IAQXC,OAAO,EAAE,mBAAM;GAE4B;;EAC7C,gBAAgCC,cAAQ,CAAC,KAAD,CAAxC;;MAAOC,QAAP;MAAiBC,WAAjB;;EACA,IAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;EACA,IAAMC,UAAU,GAAGC,yBAAK,CAACC,OAAN,CACjB;IAAA,OAAO;MACLC,QAAQ,EAAE,IADL;MAELlB,KAAK,EAALA,KAFK;MAGLS,OAAO,EAAE;QAAA,OAAMG,WAAW,CAAC,IAAD,CAAjB;OAHJ;MAILO,GAAG,EAAEN,QAJA;MAKLhB,WAAW,EAAXA;KALF;GADiB,EAQjB,CAACG,KAAD,EAAQH,WAAR,CARiB,CAAnB;EAUA,IAAMuB,UAAU,GAAGJ,yBAAK,CAACC,OAAN,CACjB;IAAA,OAAO;MACLR,OAAO,EAAE,mBAAM;QACbI,QAAQ,CAACQ,OAAT,CAAiBC,KAAjB;QACAV,WAAW,CAAC,IAAD,CAAX;;KAHJ;GADiB,EAOjB,EAPiB,CAAnB;EASA,oBACEI,+FACEA,wCAACO,mEAAD;IACE,UAAU,EAAER,UADd;IAEE,UAAU,EAAEK;IAHhB,EAKGT,QAAQ,gBACPK,wCAACQ,uDAAD;IACE,KAAK,EAAEzB,KADT;IAEE,IAAI,MAFN;IAGE,QAAQ,EAAE,kBAAC0B,CAAD,EAAIC,CAAJ,EAAU;MAClBd,WAAW,CAAC,KAAD,CAAX;KAJJ;IAME,cAAc,EAAE;MAAA,OAAMA,WAAW,CAAC,KAAD,CAAjB;;KAEfd,OAAO,CAAC6B,GAAR,CAAY,UAACC,GAAD,EAAMC,CAAN;IAAA,oBACXb,wCAACc,+DAAD;MACE,GAAG,EAAE,OAAOC,MAAP,WAAiBF,CAAjB,EADP;MAEE,KAAK,EAAED,GAAG,CAAC1B,KAFb;MAGE,KAAK,EAAE0B,GAAG,CAAC5B,KAHb;MAIE,UAAU,EAAEC,UAAU,CAACO,cAAX,CAA0BoB,GAA1B,CAJd;MAKE,OAAO,EAAE,iBAACF,CAAD,EAAO;QACdd,WAAW,CAAC,KAAD,CAAX;QACAX,UAAU,CAACQ,OAAX,CAAmBmB,GAAnB,EAAwBF,CAAxB;OAPJ;MASE,KAAK,EAAEzB,UAAU,CAACC,KATpB;MAUE,QAAQ,EAAED,UAAU,CAACG,QAVvB;MAWE,OAAO,EAAEH,UAAU,CAACI,OAXtB;MAYE,OAAO,EAAEJ,UAAU,CAACK,OAZtB;MAaE,YAAY,EAAEL,UAAU,CAACM;MAdhB;GAAZ,CARH,CADO,GA2BL,IAhCN,CADF;AAoCD;;AAED,IAAMyB,KAAK,GAAG;;EAEZnC,WAAW,EAAEoC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,2BAA7B,CAFD;;;EAIZpC,KAAK,EAAEkC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,yBAA7B,CAJK;;;EAMZrC,OAAO,EAAEmC,mBAAS,CAACG,OAAV,CACPH,mBAAS,CAACI,KAAV,CAAgB;IAAErC,KAAK,EAAEiC,mBAAS,CAACC,MAAnB;IAA2BhC,KAAK,EAAE+B,mBAAS,CAACC;GAA5D,CADO,EAEPC,WAFO,CAEK,8BAFL;AANG,CAAd;AAWAvC,oBAAoB,CAAC0C,SAArB,GAAiCN,KAAjC;IAEMO,8BAA8B,GAAGC,kBAAQ,CAAC5C,oBAAD;AAC/C2C,8BAA8B,CAACD,SAA/B,GAA2CN,KAA3C;;;;;"}