npm - @elliemae/ds-mobile - Versions diffs - 3.16.0-next.11 → 3.16.0-next.13 - Mend

@elliemae/ds-mobile 3.16.0-next.11 → 3.16.0-next.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (293) hide show

package/dist/esm/MobileCard/Card.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/Card.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  styled,\n  space,\n  color,\n  border,\n  op,\n  truncate,\n  withTheme,\n  __UNSAFE_SPACE_TO_DIMSUM,\n  toMobile,\n} from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\nimport { ExpandChevron } from './ExpandChevron.js';\nimport { useHeight } from './useHeight.js';\nimport { ExpandableRegion } from './ExpandableRegion.js';\nimport type { MobileCardProps } from './props.js';\nimport { cardPropsTypes } from './props.js';\n\nconst TitleEllipsis = styled.div`\n  ${truncate()}\n`;\n\nconst Title = styled.div`\n  ${space}\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  ${space}\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)<{ halfM: string }>`\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`;\n\nconst RightIcon = styled(Grid)<{ halfM: string }>`\n  span > svg,\n  span > svg:not([fill]) {\n    fill: #000000;\n  }\n`;\nconst CenterWrap = styled.div`\n  display: flex;\n  align-items: center;\n  ${truncate()}\n`;\n\nconst MobileCard: React.ComponentType<MobileCardProps> = ({\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  cardContent,\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) || 0}\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)}>\u2022</Detail>}\n                        </Detail>\n                      ))}\n                    </Grid>\n                  )}\n                </Title>\n                {rightProp &&\n                  rightProp.map((prop, i) => (\n                    <RightIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </RightIcon>\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              {cardContent && <Grid>{cardContent}</Grid>}\n            </Grid>\n          </Card>\n        );\n      }}\n    />\n  );\n};\n\nMobileCard.propTypes = cardPropsTypes;\nMobileCard.displayName = 'MobileCard';\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = cardPropsTypes;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],
-  "mappings": "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",
+  "mappings": "AAAA,YAAY,WAAW;AC0HT,cASF,YATE;AAvHd,SAAgB,cAAc;AAC9B,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,cAAc,YAAY;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAEjC,SAAS,sBAAsB;AAE/B,MAAM,gBAAgB,OAAO;AAAA,IACzB,SAAS;AAAA;AAGb,MAAM,QAAQ,OAAO;AAAA,IACjB;AAAA,IACA,SAAS;AAAA,iBACI,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,eACrC,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA,IAE/D,MAAM,WAAW,GAAG;AAAA;AAExB,MAAM,SAAS,OAAO;AAAA,IAClB;AAAA,IACA,SAAS;AAAA,eACE,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAEpD,MAAM,UAAU,OAAO;AAAA,gBACP,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA,IACpE,SAAS;AAAA;AAAA,oBAEO,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAG3E,MAAM,cAAc,OAAO;AAAA,IACvB,SAAS;AAAA,gBACG,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,oBAG/C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,eAC9D,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,SAAS,GAAG,CAAC;AAAA,IAClE,MAAM,WAAW,GAAG;AAAA,iBACP,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAIpD,MAAM,WAAW,OAAO,IAAI;AAAA;AAAA,cAEd,CAAC,UAAU,MAAM;AAAA,aAClB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,cAKhB,CAAC,UAAU,MAAM;AAAA,aAClB,CAAC,UAAU,MAAM;AAAA;AAAA;AAI9B,MAAM,YAAY,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAM7B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA,IAGtB,SAAS;AAAA;AAGb,MAAM,aAAmD,CAAC;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,gBAAgB,UAAU,UAAU;AAC1C,QAAM,iBAAiB,EAAE,WAAW,YAAY;AAChD,QAAM,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,CAAC;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,CAAC,UAAU,CAAC,MAAM;AACxB,cAAM,EAAE,aAAa,SAAS,IAAI;AAClC,cAAM,WACJ,gBAAgB,WAAc,gBAAgB,SAAU,aAAa,UAAU,aAAa,SAAS,KAAK;AAE5G,eACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WACE,WAAW,MAAM,yBAAyB,MAAM,MAAM,GAAG,IAAI,yBAAyB,MAAM,MAAM,EAAE;AAAA,YAGrG;AAAA,4BACC;AAAA,gBAAC;AAAA;AAAA,kBACC,YAAY;AAAA,kBACZ,SAAS,CAAC,MAAM;AACd,sBAAE,gBAAgB;AAClB,6BAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAAA,kBAChC;AAAA,kBACA,OAAO,WAAW,WAAW,QAAQ;AAAA;AAAA,cACvC;AAAA,cAEF,qBAAC,QAAK,KAAK,WAAW,aAAa,eAAe,MAAM,CAAC,QAAQ,MAAM,GAAG,YAAW,UAClF;AAAA,4BAAY,oBAAC,QAAK,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,gBACzE,aACC,oBAAC,YAAS,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAG,OACpD,qBACH;AAAA,iBAEJ;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAI,CAAC,YAAY,yBAAyB,MAAM,MAAM,CAAC,IAAI,yBAAyB,MAAM,MAAM,EAAE;AAAA,kBAClG,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,kBAC1C,OAAM;AAAA,kBAEN;AAAA,yCAAC,cACC;AAAA,2CAAC,SAAM,IAAI,CAAC,kBAAkB,OAAO,eAAY,cAC/C;AAAA,4CAAC,iBAAe,UAAS;AAAA,wBACxB,WACC;AAAA,0BAAC;AAAA;AAAA,4BACC,eAAY;AAAA,4BACZ,MAAM,QAAQ,IAAI,MAAM,aAAa;AAAA,4BACrC,IAAK,EAAE,WAAW,aAAa,SAAU;AAAA,4BACzC,IAAI,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,CAAC;AAAA,4BAEvD,kBAAQ,IAAI,CAAC,GAAG,MACf,qBAAC,UACE;AAAA;AAAA,8BACA,IAAI,QAAQ,SAAS,KAAK,oBAAC,UAAO,IAAI,yBAAyB,MAAM,MAAM,GAAG,GAAG,oBAAC;AAAA,iCAFxE,CAGb,CACD;AAAA;AAAA,wBACH;AAAA,yBAEJ;AAAA,sBACC,aACC,UAAU,IAAI,CAAC,MAAM,MACnB,oBAAC,aAAU,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAClD,kBAD0D,CAE7D,CACD;AAAA,uBACL;AAAA,oBACC,YACC,qBAAC,eAAY,KAAK,YAChB;AAAA,0CAAC,WAAS,oBAAS;AAAA,sBAClB,WAAW,QAAQ,CAAC,KAAK,oBAAC,WAAQ,eAAY,gBAAgB,kBAAQ,CAAC,GAAE;AAAA,uBAC5E;AAAA,oBAED,WAAW,CAAC,YACX,oBAAC,eAAY,KAAK,YACf,kBAAQ,IAAI,CAAC,GAAG,MACf,oBAAC,WAAQ,eAAY,gBAClB,eADsC,CAEzC,CACD,GACH;AAAA,oBAEF,oBAAC,oBAAiB,MAAM,UAAU,SAAS,iBAAiB;AAAA,oBAC3D,eAAe,oBAAC,QAAM,uBAAY;AAAA;AAAA;AAAA,cACrC;AAAA;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,yBAAyB,SAAS,UAAU;AAElD,uBAAuB,YAAY;AAInC,IAAO,eAAQ,UAAU,UAAU;",
   "names": []
 }

package/dist/esm/MobileCard/CardIcons.js CHANGED Viewed

@@ -59,9 +59,18 @@ const CardIconsWrapper = styled(Grid)`
     fill: ${(props) => props.theme.colors.brand[600]};
   }
 `;
-const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ jsx(CardIconsWrapper, { cols: icons.map(() => "12px"), gutter: "6px", height: "14px", "data-testid": "card-subIcons", children: icons.map((Icon, i) => /* @__PURE__ */ jsx(Icon, { className: `icon-color-${colors[i] || "muted"}` }, i)) });
+const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ jsx(CardIconsWrapper, { cols: icons.map(() => "12px"), gutter: "6px", height: "14px", "data-testid": "card-subIcons", children: icons.map((Icon, i) => (
+  // eslint-disable-next-line react/no-array-index-key
+  /* @__PURE__ */ jsx(Icon, { className: `icon-color-${colors[i] || "muted"}` }, i)
+)) });
 SubIcons.propTypes = {
+  /**
+   * Array of  Icons
+   */
   icons: PropTypes.arrayOf(PropTypes.func),
+  /**
+   * Color Types: muted, warn, error, success
+   */
   colors: PropTypes.arrayOf(PropTypes.oneOf(["muted", "warn", "error", "success", "primary"]))
 };
 export {

package/dist/esm/MobileCard/CardIcons.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/CardIcons.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACmEjB;AAjEN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,YAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzC,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,oBAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM,MAEhB,oBAAC,QAAa,WAAW,cAAc,OAAO,MAAM,aAAzC,CAAoD,CAChE,GACH;AAGF,SAAS,YAAY;AAAA,EAInB,OAAO,UAAU,QAAQ,UAAU,IAAI;AAAA,EAIvC,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
+  "mappings": "AAAA,YAAY,WAAW;ACmEjB;AAjEN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,YAIvC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAI5C,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,oBAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM;AAAA;AAAA,EAEhB,oBAAC,QAAa,WAAW,cAAc,OAAO,CAAC,KAAK,aAAzC,CAAoD;AAAA,CAChE,GACH;AAGF,SAAS,YAAY;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO,UAAU,QAAQ,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
   "names": []
 }

package/dist/esm/MobileCard/ExpandChevron.js CHANGED Viewed

@@ -13,8 +13,17 @@ const ExpandChevron = ({ isExpanded, onClick, align }) => {
   return /* @__PURE__ */ jsx(ChevronWrap, { "data-testid": "ds-card-expand-chevron", align, children: /* @__PURE__ */ jsx(Chevron, { size: "s", color: ["brand-primary", 800], onClick }) });
 };
 ExpandChevron.propTypes = {
+  /**
+   * Whether if the chevron is expanded or not
+   */
   isExpanded: PropTypes.bool,
+  /**
+   * click callback
+   */
   onClick: PropTypes.func.isRequired,
+  /**
+   * top or center
+   */
   align: PropTypes.string.isRequired
 };
 export {

package/dist/esm/MobileCard/ExpandChevron.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ExpandChevron.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACejB;AAdN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,aAAa,oBAAoB;AAE1C,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS;AAAA,gBAC7C,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGvC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,cAAc;AAC3C,SACE,oBAAC,eAAY,eAAY,0BAAyB,OAChD,8BAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA,EAIxB,YAAY,UAAU;AAAA,EAItB,SAAS,UAAU,KAAK;AAAA,EAIxB,OAAO,UAAU,OAAO;AAC1B;",
+  "mappings": "AAAA,YAAY,WAAW;ACejB;AAdN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,aAAa,oBAAoB;AAE1C,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS;AAAA,gBAC7C,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGvC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,cAAc;AAC3C,SACE,oBAAC,eAAY,eAAY,0BAAyB,OAChD,8BAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAAS,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAO,UAAU,OAAO;AAC1B;",
   "names": []
 }

package/dist/esm/MobileCard/ExpandableRegion.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ExpandableRegion.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Region = styled.div<{ hide: boolean; animate: boolean; refHeight: number }>`\n  display: flex;\n  ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n  transition: max-height ${(props) => (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 }: { show: boolean; content: JSX.Element | JSX.Element[] }) => {\n  const ref = useRef<HTMLDivElement>(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"],
-  "mappings": "AAAA,YAAY,WAAW;ACiDjB;AAjDN,SAAgB,WAAW,UAAU,cAAc;AACnD,OAAO,eAAe;AACtB,SAAS,QAAQ,QAAQ,gBAAgB;AAEzC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,OAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB;AAAA,2BAC1B,CAAC,UAAW,MAAM,UAAU,UAAU;AAAA;AAAA,IAE7D,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM;AAAA,QAElB;AAAA;AAAA,IAEJ,SAAS;AAAA,gBACG,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,QAAQ,MAA+D;AAC9G,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAE3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,IAAI;AACtC,YAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI;AAAM,cAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,8BAAC,iBAAc,KAAW,mBAAQ;AAAA;AAAA,EACpC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AACrB;",
+  "mappings": "AAAA,YAAY,WAAW;ACiDjB;AAjDN,SAAgB,WAAW,UAAU,cAAc;AACnD,OAAO,eAAe;AACtB,SAAS,QAAQ,QAAQ,gBAAgB;AAEzC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,OAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB;AAAA,2BAC1B,CAAC,UAAW,MAAM,UAAU,UAAU;AAAA;AAAA,IAE7D,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM;AAAA,QAElB;AAAA;AAAA,IAEJ,SAAS;AAAA,gBACG,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,QAAQ,MAA+D;AAC9G,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAE3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,IAAI;AACtC,YAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI;AAAM,cAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,8BAAC,iBAAc,KAAW,mBAAQ;AAAA;AAAA,EACpC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AACrB;",
   "names": []
 }

package/dist/esm/MobileCard/Group.js CHANGED Viewed

@@ -59,11 +59,23 @@ const MobileCardGroup = ({
 };
 const props = {
   theme: PropTypes.object.isRequired.description(""),
+  /**
+   * Defines group title
+   */
   title: PropTypes.string.description(""),
+  /**
+   * Pass one or more Mobile Cards to render as a group
+   */
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(""),
+  /**
+   * Group header addon
+   */
   action: PropTypes.element.description(""),
+  /**  */
   activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(""),
+  /**  */
   allowMultipleOpen: PropTypes.bool.description(""),
+  /**  */
   onChange: PropTypes.func.description("")
 };
 MobileCardGroup.propTypes = props;

package/dist/esm/MobileCard/Group.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/Group.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\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;\nMobileCardGroup.displayName = 'MobileCardGroup';\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmDb,SACE,KADF;AAlDV,OAAOA,YAAW;AAClB,SAAS,UAAU,iBAAiB;AACpC,SAAS,QAAQ,OAAO,QAAQ,WAAW,UAAU,gCAAgC;AACrF,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc,YAAY;AAEnC,MAAM,YAAY,OAAO,IAAI;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,OAAO,MAAM,OAAO,QAAQ,MAAM,MAAM;AAAA;AAG1G,MAAM,aAAa,OAAO;AAAA,IACtB,SAAS;AAAA;AAGb,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,QAAQ,yBAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,IAC1E,MAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,MAAM,MAAM;AAAA,iBAChD,CAACA,WAAU,yBAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,yBAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,oBAAC,SAAM,aAA0B,UAAU,mBAAmB,UAC5D,+BAAC,aAAU,eAAe,CAAC,OAAO,MAC/B;AAAA,KAAC,CAAC,SACD,qBAAC,kBAAe,IAAG,OACjB;AAAA,0BAAC,cAAY,iBAAM;AAAA,MAClB;AAAA,OACH;AAAA,IAEF,oBAAC,QACE,UAAAD,OAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,OAAO,QACNA,OAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,MACH;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,UAAU,OAAO,WAAW,YAAY,EAAE;AAAA,EAIjD,OAAO,UAAU,OAAO,YAAY,EAAE;AAAA,EAItC,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA,EAIlH,QAAQ,UAAU,QAAQ,YAAY,EAAE;AAAA,EAExC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAExG,mBAAmB,UAAU,KAAK,YAAY,EAAE;AAAA,EAEhD,UAAU,UAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,UAAU,eAAe;",
+  "mappings": "AAAA,YAAY,WAAW;ACmDb,SACE,KADF;AAlDV,OAAOA,YAAW;AAClB,SAAS,UAAU,iBAAiB;AACpC,SAAS,QAAQ,OAAO,QAAQ,WAAW,UAAU,gCAAgC;AACrF,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc,YAAY;AAEnC,MAAM,YAAY,OAAO,IAAI;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,OAAO,MAAM,OAAO,QAAQ,KAAK,CAAC,MAAM;AAAA;AAG1G,MAAM,aAAa,OAAO;AAAA,IACtB,SAAS;AAAA;AAGb,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,QAAQ,yBAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,IAC1E,MAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,gBAC/C,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,iBAChD,CAACA,WAAU,yBAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,kBACjD,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,yBAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,oBAAC,SAAM,aAA0B,UAAU,mBAAmB,UAC5D,+BAAC,aAAU,eAAe,CAAC,OAAO,MAC/B;AAAA,KAAC,CAAC,SACD,qBAAC,kBAAe,IAAG,OACjB;AAAA,0BAAC,cAAY,iBAAM;AAAA,MAClB;AAAA,OACH;AAAA,IAEF,oBAAC,QACE,UAAAD,OAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,OAAO,QACNA,OAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,MACH;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,UAAU,OAAO,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIjD,OAAO,UAAU,OAAO,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAItC,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIlH,QAAQ,UAAU,QAAQ,YAAY,EAAE;AAAA;AAAA,EAExC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA;AAAA,EAExG,mBAAmB,UAAU,KAAK,YAAY,EAAE;AAAA;AAAA,EAEhD,UAAU,UAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,UAAU,eAAe;",
   "names": ["React", "props"]
 }

package/dist/esm/MobileCard/StyledCard.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/StyledCard.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div<{ minHeight: string }>`\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) => border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,cAAc;AAExB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA,mBAC5C,CAAC,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,cAAc;AAExB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,mBAC5C,CAAC,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;",
   "names": []
 }

package/dist/esm/MobileCard/props.js CHANGED Viewed

@@ -1,17 +1,47 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
 const cardPropsTypes = {
+  /**
+   * card height
+   */
   height: PropTypes.oneOf(["s", "m"]).description("card height"),
+  /**
+   * Defines mobile card title
+   */
   children: PropTypes.string.description("Defines mobile card title").isRequired,
+  /**
+   * Wheter if the card is expandable or not
+   */
   expandable: PropTypes.bool.description("Wheter if the card is expandable or not"),
+  /**
+   * content to display in expand card section
+   */
   expandedContent: PropTypes.element.description("content to display in expand card section"),
+  /**
+   * Icon to the left of the card. Size is adjusted automatically.
+   */
   leftAddOn: PropTypes.element.description("Icon to the left of the card. Size is adjusted automatically."),
+  /**
+   * Pass an element to render left. For example a Button with an icon
+   */
   leftProp: PropTypes.element.description("Pass an element to render left. For example a Button with an icon"),
+  /**
+   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon
+   */
   rightProp: PropTypes.arrayOf(PropTypes.element).description(
     "Pass an array of 1 or 2 elements to render right. For example a Button with an icon"
   ),
+  /**
+   * Pass an array of 1 or 2 strings
+   */
   subText: PropTypes.arrayOf(PropTypes.string).description("Pass an array of 1 or 2 strings"),
+  /**
+   * SubIcons component
+   */
   subIcons: PropTypes.element.description("SubIcons component"),
+  /**
+   * Pass an array of 1, 2 or 3 strings
+   */
   details: PropTypes.arrayOf(PropTypes.string).description("Pass an array of 1, 2 or 3 strings"),
   theme: PropTypes.object.description("").isRequired,
   value: PropTypes.number.description(""),

package/dist/esm/MobileCard/props.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/props.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport interface MobileCardProps {\n  children: React.ReactNode | React.ReactNode[];\n  height: 's' | 'm';\n  leftAddOn: JSX.Element | JSX.Element[];\n  leftProp: JSX.Element | JSX.Element[];\n  rightProp: JSX.Element[];\n  subText: string[];\n  subIcons: JSX.Element | JSX.Element[];\n  details: string[];\n  theme: Theme;\n  value: number;\n  expandable: boolean;\n  expandedContent: JSX.Element | JSX.Element[];\n  cardContent: JSX.Element | JSX.Element[];\n}\n\nexport const cardPropsTypes = {\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.description('Defines mobile card title').isRequired,\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.description('').isRequired,\n  value: PropTypes.number.description(''),\n  cardContent: PropTypes.node.description('JSX content for the card'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAmBnB,MAAM,iBAAiB;AAAA,EAI5B,QAAQ,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,aAAa;AAAA,EAI7D,UAAU,UAAU,OAAO,YAAY,2BAA2B,EAAE;AAAA,EAIpE,YAAY,UAAU,KAAK,YAAY,yCAAyC;AAAA,EAIhF,iBAAiB,UAAU,QAAQ,YAAY,2CAA2C;AAAA,EAI1F,WAAW,UAAU,QAAQ,YAAY,+DAA+D;AAAA,EAIxG,UAAU,UAAU,QAAQ,YAAY,mEAAmE;AAAA,EAI3G,WAAW,UAAU,QAAQ,UAAU,OAAO,EAAE;AAAA,IAC9C;AAAA,EACF;AAAA,EAIA,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,iCAAiC;AAAA,EAI1F,UAAU,UAAU,QAAQ,YAAY,oBAAoB;AAAA,EAI5D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,oCAAoC;AAAA,EAC7F,OAAO,UAAU,OAAO,YAAY,EAAE,EAAE;AAAA,EACxC,OAAO,UAAU,OAAO,YAAY,EAAE;AAAA,EACtC,aAAa,UAAU,KAAK,YAAY,0BAA0B;AACpE;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAmBnB,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAI5B,QAAQ,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,aAAa;AAAA;AAAA;AAAA;AAAA,EAI7D,UAAU,UAAU,OAAO,YAAY,2BAA2B,EAAE;AAAA;AAAA;AAAA;AAAA,EAIpE,YAAY,UAAU,KAAK,YAAY,yCAAyC;AAAA;AAAA;AAAA;AAAA,EAIhF,iBAAiB,UAAU,QAAQ,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAI1F,WAAW,UAAU,QAAQ,YAAY,+DAA+D;AAAA;AAAA;AAAA;AAAA,EAIxG,UAAU,UAAU,QAAQ,YAAY,mEAAmE;AAAA;AAAA;AAAA;AAAA,EAI3G,WAAW,UAAU,QAAQ,UAAU,OAAO,EAAE;AAAA,IAC9C;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAI1F,UAAU,UAAU,QAAQ,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAI5D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,oCAAoC;AAAA,EAC7F,OAAO,UAAU,OAAO,YAAY,EAAE,EAAE;AAAA,EACxC,OAAO,UAAU,OAAO,YAAY,EAAE;AAAA,EACtC,aAAa,UAAU,KAAK,YAAY,0BAA0B;AACpE;",
   "names": []
 }

package/dist/esm/MobileCard/useHeight.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/useHeight.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\\d+/)[0]);\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AACxB,SAAO,OAAO,OAAO,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAAE,iBAAiB,WAAW,EAAE,MAAM,KAAK,EAAE,EAAE;AACtH;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,YAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AACxB,SAAO,OAAO,OAAO,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAAE,iBAAiB,WAAW,EAAE,MAAM,KAAK,EAAE,CAAC,CAAC;AACtH;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,YAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
   "names": []
 }

package/dist/esm/MobileContextMenu/MobileContextMenu.js CHANGED Viewed

@@ -133,20 +133,32 @@ const DSMobileContextMenu = withTheme(
   }
 );
 const props = {
+  /** toggle open the menu */
   open: PropTypes.bool.description("toggle open the menu"),
+  /** context menu title  */
   title: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node]))
   ]).description("context menu title"),
+  /** change handler for selectable context menu  */
   onChange: PropTypes.func.description("change handler for selectable context menu"),
+  /** multi select */
   multiple: PropTypes.bool.description("multi select"),
+  /** click outside callback handler */
   onClickOutside: PropTypes.func.description("click outside callback handler"),
+  /** array of mobile context menu items */
   children: PropTypes.arrayOf(PropTypes.element).description("array of mobile context menu items"),
+  /** z index for overlay div */
   backdropZIndex: PropTypes.number.description("z index for overlay div"),
+  /** z index for menu container */
   zIndex: PropTypes.number.description("z index for menu container"),
+  /** for e2e tests */
   dataTestid: PropTypes.string.description("for e2e tests"),
+  /** bottom button */
   buttonFooter: PropTypes.element.description("bottom button"),
+  /** callback */
   onApply: PropTypes.func.description("callback"),
+  /** selected elements for multi and single select */
   selecteds: PropTypes.oneOfType([
     PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
     PropTypes.number

package/dist/esm/MobileContextMenu/MobileContextMenu.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 '@elliemae/ds-props-helpers';\nimport { styled, truncate, withTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup.js';\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 = 1000,\n    zIndex = 1001,\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;\nDSMobileContextMenu.displayName = 'DSMobileContextMenu';\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React", "props"]
 }

package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js CHANGED Viewed

@@ -37,11 +37,21 @@ const DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, valu
   }) })
 ] });
 const props = {
+  /**
+   * Group title
+   */
   title: PropTypes.string.isRequired.description("group title"),
+  /**
+   *  Array of MobileContextMenuItem
+   */
   children: PropTypes.node.isRequired.description("Array of MobileContextMenuItem"),
+  /** multi select */
   isMulti: PropTypes.bool.description("multi select"),
+  /** single select */
   singleSelect: PropTypes.bool.description("single select"),
+  /** value for select */
   value: PropTypes.string.description("value for select"),
+  /** selected items, array for multi, string for single */
   selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(
     "selected items, array for multi, string for single"
   )

package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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.node.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';\nDSMobileContextMenuGroup.displayName = 'DSMobileContextMenuGroup';\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBrB,SAEI,KAFJ;AAlBF,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW,gBAAgB;AAEpC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAACC,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,WACjC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,cAAc,MAC3G,qBAAC,QACC;AAAA,sBAAC,QACC,8BAAC,SAAO,iBAAM,GAChB;AAAA,EACA,oBAAC,QACE,UAAAD,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,UAAM,EAAE,UAAU,KAAK,IAAI,MAAM;AACjC,UAAM,QAAQ,GAAG,cAAc;AAC/B,QAAI;AACJ,QAAI;AAAc,mBAAa,kBAAkB;AAAA,aACxC;AAAS,mBAAa,cAAc,SAAS,KAAK;AAC3D,WAAOA,OAAM,aAAa,OAAO;AAAA,MAC/B;AAAA,MACA,KAAK,SAAS,OAAO,KAAK;AAAA,MAC1B,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,GAAG,MAAM,MAAM,CAAC;AAAA,IACtD,CAAC;AAAA,EACH,CAAC,GACH;AAAA,GACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY,aAAa;AAAA,EAI5D,UAAU,UAAU,KAAK,WAAW,YAAY,gCAAgC;AAAA,EAEhF,SAAS,UAAU,KAAK,YAAY,cAAc;AAAA,EAElD,cAAc,UAAU,KAAK,YAAY,eAAe;AAAA,EAExD,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEtD,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEA,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AACzC,yBAAyB,cAAc;AACvC,MAAM,qCAAqC,SAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACkBrB,SAEI,KAFJ;AAlBF,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW,gBAAgB;AAEpC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAACC,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,gBACnD,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,eAC1C,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,WACjC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,iBACrC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,cAAc,MAC3G,qBAAC,QACC;AAAA,sBAAC,QACC,8BAAC,SAAO,iBAAM,GAChB;AAAA,EACA,oBAAC,QACE,UAAAD,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,UAAM,EAAE,UAAU,KAAK,IAAI,MAAM;AACjC,UAAM,QAAQ,GAAG,cAAc;AAC/B,QAAI;AACJ,QAAI;AAAc,mBAAa,kBAAkB;AAAA,aACxC;AAAS,mBAAa,cAAc,SAAS,KAAK;AAC3D,WAAOA,OAAM,aAAa,OAAO;AAAA,MAC/B;AAAA,MACA,KAAK,SAAS,OAAO,KAAK;AAAA,MAC1B,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,GAAG,MAAM,MAAM,CAAC;AAAA,IACtD,CAAC;AAAA,EACH,CAAC,GACH;AAAA,GACF;AAGF,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY,aAAa;AAAA;AAAA;AAAA;AAAA,EAI5D,UAAU,UAAU,KAAK,WAAW,YAAY,gCAAgC;AAAA;AAAA,EAEhF,SAAS,UAAU,KAAK,YAAY,cAAc;AAAA;AAAA,EAElD,cAAc,UAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAExD,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEtD,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEA,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AACzC,yBAAyB,cAAc;AACvC,MAAM,qCAAqC,SAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
   "names": ["React", "props"]
 }

package/dist/esm/MobileContextMenu/MobileContextMenuItem.js CHANGED Viewed

@@ -49,6 +49,7 @@ const DSMobileContextMenuItem = ({
   isMulti,
   singleSelect,
   isSelected,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onClick = () => {
   },
   value
@@ -95,14 +96,23 @@ const DSMobileContextMenuItem = ({
   }
 );
 const props = {
+  /** label */
   label: PropTypes.string.description("label"),
+  /** menu item title */
   title: PropTypes.string.isRequired.description("menu item title"),
+  /**  */
   leftProp: PropTypes.element.description(""),
+  /** multi select */
   isMulti: PropTypes.bool.description("multi select"),
+  /**  */
   singleSelect: PropTypes.bool.description(""),
+  /**  */
   isGroup: PropTypes.bool.description(""),
+  /** on click handler */
   onClick: PropTypes.func.description("on click handler"),
+  /** value for select */
   value: PropTypes.number.description("value for select"),
+  /** selected value */
   isSelected: PropTypes.bool.description("selected value")
 };
 DSMobileContextMenuItem.propTypes = props;

package/dist/esm/MobileContextMenu/MobileContextMenuItem.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\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  rightAddon,\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      const cols =\n        (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto'];\n      if (rightAddon) cols.push('40px');\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={cols}\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          {rightAddon ? (\n            <PropWrap data-testid=\"right-addon\" alignItems=\"center\" justifyContent=\"center\">\n              {rightAddon}\n            </PropWrap>\n          ) : null}\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;\nDSMobileContextMenuItem.displayName = 'DSMobileContextMenuItem';\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/esm/MobileDatePicker/Input.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDatePicker/Input.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, 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,\n  input[type='date']&:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${(props) => (props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'])};\n    content: '${(props) => (props.value === '' ? props.placeholder : props['data-displayvalue'])}';\n  }\n\n  input[type='date']&::-webkit-datetime-edit,\n  input[type='date']&::-webkit-inner-spin-button,\n  input[type='date']&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => <StyledInput ref={innerRef} {...props} />;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4C0B;AA3CjD,SAAS,QAAQ,OAAO,gCAAgC;AAExD,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAGjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIvC,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,MAAM,OAAO,QAAQ,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC7F,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpE,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MAAM,oBAAC,eAAY,KAAK,UAAW,GAAG,OAAO;",
+  "mappings": "AAAA,YAAY,WAAW;AC4C0B;AA3CjD,SAAS,QAAQ,OAAO,gCAAgC;AAExD,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,iBAC5C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAGjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,MAK3D,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,aAIvC,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,gBAClG,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvF,MAAM,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,oBAAC,eAAY,KAAK,UAAW,GAAG,OAAO;",
   "names": []
 }

package/dist/esm/MobileDatePicker/MobileDatePicker.js CHANGED Viewed

@@ -66,10 +66,25 @@ DSMobileDatePicker.defaultProps = {
   placeholder: "MM / DD / YYYY"
 };
 const props = {
+  /**
+   * defaults to false
+   */
   disabled: PropTypes.bool.description("defaults to false"),
+  /**
+   * 0 as default
+   */
   tabIndex: PropTypes.number.description("0 as default"),
+  /**
+   * MM / DD / YYYY as default
+   */
   placeholder: PropTypes.string.description("MM / DD / YYYY as default"),
+  /**
+   * onChange handler, receives change event as first argument
+   */
   onChange: PropTypes.func.description("onChange handler, receives change event as first argument"),
+  /**
+   * ISO8601 string representing the date in format YYYY-MM-DD or empty string
+   */
   value: PropTypes.string.description("ISO8601 string representing the date in format YYYY-MM-DD or empty string")
 };
 DSMobileDatePicker.propTypes = props;

package/dist/esm/MobileDatePicker/MobileDatePicker.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDatePicker/MobileDatePicker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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.js';\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;\nDSMobileDatePicker.displayName = 'DSMobileDatePicker';\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BP;AA7BhB,SAAgB,QAAQ,iBAAiB;AACzC,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,QAAQ,SAAS,QAAQ,SAAS;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,UACvD;AAAA,UACA,MAAM,oBAAC,cAAW;AAAA,UAClB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,cAAW;AAAA,UACX;AAAA,UACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,UACnC,MAAK;AAAA,UACL;AAAA,UACA,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAIxD,UAAU,UAAU,OAAO,YAAY,cAAc;AAAA,EAIrD,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAIrE,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,UAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;AC6BP;AA7BhB,SAAgB,QAAQ,iBAAiB;AACzC,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,eAAe,SAAS,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,OAAO,SAAS,CAAC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,UACvD;AAAA,UACA,MAAM,oBAAC,cAAW;AAAA,UAClB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,cAAW;AAAA,UACX;AAAA,UACA,WAAW,CAAC,MAAM,EAAE,eAAe;AAAA,UACnC,MAAK;AAAA,UACL;AAAA,UACA,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIxD,UAAU,UAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIrD,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIrE,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA;AAAA;AAAA;AAAA,EAIhG,OAAO,UAAU,OAAO,YAAY,2EAA2E;AACjH;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAEhE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, focus } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\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  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CnB,cAiBF,YAjBE;AA5CJ,SAAS,QAAQ,aAAa;AAC9B,OAAO,eAAe;AACtB,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,oBAAC,aAAU,SACT,8BAAC,eAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,qBAAC,2BAAwB,eAAY,uBACnC;AAAA,sBAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,oBAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
+  "mappings": "AAAA,YAAY,WAAW;AC6CnB,cAiBF,YAjBE;AA5CJ,SAAS,QAAQ,aAAa;AAC9B,OAAO,eAAe;AACtB,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA,sBAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA,MAIzD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,oBAAC,aAAU,SACT,8BAAC,eAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,qBAAC,2BAAwB,eAAY,uBACnC;AAAA,sBAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,oBAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
   "names": []
 }

package/dist/esm/MobileDropdownMenu/MobileDropdownMenu.js CHANGED Viewed

@@ -16,6 +16,7 @@ const DSMobileDropdownMenu = ({
     isMulti: false,
     singleSelect: false,
     isItemSelected: () => false,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     onClick: () => {
     }
   }
@@ -75,8 +76,11 @@ const DSMobileDropdownMenu = ({
   ] });
 };
 const props = {
+  /** dropdown menu placeholder */
   placeholder: PropTypes.string.description("dropdown menu placeholder"),
+  /** context menu menu title */
   title: PropTypes.string.description("context menu menu title"),
+  /** context menu options / items */
   options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description(
     "context menu options / items"
   )

package/dist/esm/MobileDropdownMenu/MobileDropdownMenu.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSMobileContextMenu, DSMobileContextMenuItem } from '../MobileContextMenu/index.js';\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';\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 inputProps={inputProps} caretProps={caretProps} />\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(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description(\n    'context menu options / items',\n  ),\n};\n\nDSMobileDropdownMenu.propTypes = props;\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8DnB,mBACE,KADF;AA7DJ,OAAOA,UAAS,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,oCAAoC;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,KAAK;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,iCACE;AAAA,wBAAC,gCAA6B,YAAwB,YAAwB;AAAA,IAC7E,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,GAAG;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE;AAAA,IAChG;AAAA,EACF;AACF;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;AC8DnB,mBACE,KADF;AA7DJ,OAAOA,UAAS,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,oCAAoC;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,KAAK;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,iCACE;AAAA,wBAAC,gCAA6B,YAAwB,YAAwB;AAAA,IAC7E,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,GAAG;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA,EAErE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAE7D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE;AAAA,IAChG;AAAA,EACF;AACF;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
   "names": ["React"]
 }

package/dist/esm/MobileEmtpyState/MobileEmptyState.js CHANGED Viewed

@@ -20,6 +20,7 @@ const DSMobileEmptyState = ({ label = "No search results found.", Icon }) => /*
   /* @__PURE__ */ jsx(Label, { children: label })
 ] });
 const props = {
+  /** empty state label */
   label: PropTypes.string.description("empty state label"),
   icon: PropTypes.node.description("empty state icon")
 };