@elliemae/ds-mobile 3.16.0 → 3.16.1-rc.10

package/dist/cjs/MobileListItem/MobileListItem.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,16 +37,15 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system2 = require("@elliemae/ds-system");
 const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   background: ${(props) => props.theme.colors.neutral["000"]};
-  border-bottom: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["300"])};
+  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
 `;
 const StyledTitle = import_ds_system.styled.div`
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   font-size: 13px;
   color: ${(props) => props.theme.colors.neutral["800"]};
-  ${(0, import_ds_system2.truncate)()}
+  ${(0, import_ds_system.truncate)()}
 `;
 const MobileListItem = ({
   leftAddon = null,
@@ -54,17 +57,17 @@ const MobileListItem = ({
 }) => {
   const cols = [1];
   if (leftAddon)
-    cols.unshift((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
+    cols.unshift((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
   if (rightAddon)
-    cols.push((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
+    cols.push((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     StyledContainer,
     {
       cols,
       height: "40px",
       width: "100%",
-      pl: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-      pr: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+      pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+      pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
       gutter: "xs",
       "data-testid": `${dataTestid}--${value}`,
       children: [
@@ -75,7 +78,7 @@ const MobileListItem = ({
     }
   );
 };
-const DSMobileListItem = (0, import_ds_system2.withTheme)(MobileListItem);
+const DSMobileListItem = (0, import_ds_system.withTheme)(MobileListItem);
 const listItemProps = {
   leftAddon: import_ds_props_helpers.PropTypes.element.description("Element placed at the left"),
   rightAddon: import_ds_props_helpers.PropTypes.element.description("Element placed at the right"),

package/dist/cjs/MobileListItem/MobileListItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n  ${truncate()}\n`;\n\nconst MobileListItem = ({\n  leftAddon = null,\n  rightAddon = null,\n  title = '',\n  value = '',\n  dataTestid = 'mobile-list-item',\n  theme,\n}) => {\n  const cols = [1];\n  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  return (\n    <StyledContainer\n      cols={cols}\n      height=\"40px\"\n      width=\"100%\"\n      pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      gutter=\"xs\"\n      data-testid={`${dataTestid}--${value}`}\n    >\n      {leftAddon && <Grid alignItems=\"center\">{leftAddon}</Grid>}\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n      {rightAddon && (\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {rightAddon}\n        </Grid>\n      )}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n  leftAddon: PropTypes.element.description('Element placed at the left'),\n  rightAddon: PropTypes.element.description('Element placed at the right'),\n  title: PropTypes.string.description('Item s title').isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Item s value, used for data-testid attr',\n  ),\n  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n  theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\nMobileListItem.displayName = 'MobileListItem';\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BnB;AA5BJ,8BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,IAAAA,oBAAsE;AAEtE,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,YAAQ,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,SAAK,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,OAAM;AAAA,MACN,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAO;AAAA,MACP,eAAa,GAAG,eAAe;AAAA,MAE9B;AAAA,qBAAa,4CAAC,uBAAK,YAAW,UAAU,qBAAU;AAAA,QACnD,4CAAC,uBAAK,YAAW,UACf,sDAAC,eAAa,iBAAM,GACtB;AAAA,QACC,cACC,4CAAC,uBAAK,YAAW,UAAS,gBAAe,UACtC,sBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,uBAAmB,6BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,kCAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,kCAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,kCAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,kCAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,kCAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,kCAAS,cAAc;AAClD,mBAAmB,YAAY;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n  ${truncate()}\n`;\n\nconst MobileListItem = ({\n  leftAddon = null,\n  rightAddon = null,\n  title = '',\n  value = '',\n  dataTestid = 'mobile-list-item',\n  theme,\n}) => {\n  const cols = [1];\n  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  return (\n    <StyledContainer\n      cols={cols}\n      height=\"40px\"\n      width=\"100%\"\n      pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      gutter=\"xs\"\n      data-testid={`${dataTestid}--${value}`}\n    >\n      {leftAddon && <Grid alignItems=\"center\">{leftAddon}</Grid>}\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n      {rightAddon && (\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {rightAddon}\n        </Grid>\n      )}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n  leftAddon: PropTypes.element.description('Element placed at the left'),\n  rightAddon: PropTypes.element.description('Element placed at the right'),\n  title: PropTypes.string.description('Item s title').isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Item s value, used for data-testid attr',\n  ),\n  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n  theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\nMobileListItem.displayName = 'MobileListItem';\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BnB;AA3BJ,8BAAoC;AACpC,uBAA8E;AAC9E,qBAAqB;AAErB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,mBACxC,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAClD,2BAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,YAAQ,2CAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,SAAK,2CAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,OAAM;AAAA,MACN,QAAI,2CAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAI,2CAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAO;AAAA,MACP,eAAa,GAAG,eAAe;AAAA,MAE9B;AAAA,qBAAa,4CAAC,uBAAK,YAAW,UAAU,qBAAU;AAAA,QACnD,4CAAC,uBAAK,YAAW,UACf,sDAAC,eAAa,iBAAM,GACtB;AAAA,QACC,cACC,4CAAC,uBAAK,YAAW,UAAS,gBAAe,UACtC,sBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,uBAAmB,4BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,kCAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,kCAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,kCAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,kCAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,kCAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,kCAAS,cAAc;AAClD,mBAAmB,YAAY;",
+  "names": []
 }

package/dist/cjs/MobileListItem/MobileListMultipleItem.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,7 +35,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_style = require("./style");
+var import_style = require("./style.js");
 const MobileListMultipleItem = (props) => {
   const { title, isSelected } = props;
   const { onClick, ...rest } = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);

package/dist/cjs/MobileListItem/MobileListMultipleItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListMultipleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { StyledContainer } from './style';\ninterface MobileListMultipleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListMultipleItem: React.ComponentType<MobileListMultipleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const { onClick, ...rest } = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['auto']}\n      minHeight=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      <DSControlledCheckbox onChange={onClick} device=\"mobile\" checked={isSelected} label={title} wrapLabel />\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBjB;AAtBN,8BAAqC;AACrC,8BAAuC;AACvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,QAAI,gDAAuB,KAAK;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,MAAM;AAAA,MACb,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACP,YAAW;AAAA,MACV,GAAG;AAAA,MAEJ,sDAAC,gDAAqB,UAAU,SAAS,QAAO,UAAS,SAAS,YAAY,OAAO,OAAO,WAAS,MAAC;AAAA;AAAA,EACxG;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { StyledContainer } from './style.js';\ninterface MobileListMultipleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListMultipleItem: React.ComponentType<MobileListMultipleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const { onClick, ...rest } = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['auto']}\n      minHeight=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      <DSControlledCheckbox onChange={onClick} device=\"mobile\" checked={isSelected} label={title} wrapLabel />\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBjB;AAtBN,8BAAqC;AACrC,8BAAuC;AACvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,SAAS,GAAG,KAAK,QAAI,gDAAuB,KAAK;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,MAAM;AAAA,MACb,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACP,YAAW;AAAA,MACV,GAAG;AAAA,MAEJ,sDAAC,gDAAqB,UAAU,SAAS,QAAO,UAAS,SAAS,YAAY,OAAO,OAAO,WAAS,MAAC;AAAA;AAAA,EACxG;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListSeparator.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,7 +35,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_style = require("./style");
+var import_style = require("./style.js");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);

package/dist/cjs/MobileListItem/MobileListSeparator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListSeparator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledTitle } from './style';\n\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer cols={['auto']} height=\"40px\" width=\"100%\" pl=\"16px\" pr=\"16px\" gutter=\"xs\" {...globalsAttrs}>\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSnB;AARJ,qBAAqB;AACrB,8BAAuC;AACvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,gDAAuB,KAAK;AACjD,SACE,6CAAC,gCAAgB,MAAM,CAAC,MAAM,GAAG,QAAO,QAAO,OAAM,QAAO,IAAG,QAAO,IAAG,QAAO,QAAO,MAAM,GAAG,cAC9F;AAAA,gDAAC,uBAAK,YAAW,UAAU,wBAAc,4CAAC,aAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,IACxF,4CAAC,uBAAK,YAAW,UACf,sDAAC,4BAAa,iBAAM,GACtB;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledTitle } from './style.js';\n\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer cols={['auto']} height=\"40px\" width=\"100%\" pl=\"16px\" pr=\"16px\" gutter=\"xs\" {...globalsAttrs}>\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSnB;AARJ,qBAAqB;AACrB,8BAAuC;AACvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,gDAAuB,KAAK;AACjD,SACE,6CAAC,gCAAgB,MAAM,CAAC,MAAM,GAAG,QAAO,QAAO,OAAM,QAAO,IAAG,QAAO,IAAG,QAAO,QAAO,MAAM,GAAG,cAC9F;AAAA,gDAAC,uBAAK,YAAW,UAAU,wBAAc,4CAAC,aAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,IACxF,4CAAC,uBAAK,YAAW,UACf,sDAAC,4BAAa,iBAAM,GACtB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListSingleItem.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,7 +36,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_style = require("./style");
+var import_style = require("./style.js");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);

package/dist/cjs/MobileListItem/MobileListSingleItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListSingleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledTitle } from './style';\ninterface MobileListSingleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['16px', 'auto']}\n      height=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      {...globalsAttrs}\n    >\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,qBAAqB;AACrB,sBAA0B;AAC1B,8BAAuC;AACvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,gDAAuB,KAAK;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,QAAO;AAAA,MACP,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACN,GAAG;AAAA,MAEJ;AAAA,oDAAC,uBAAK,YAAW,UAAU,wBAAc,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,QACxF,4CAAC,uBAAK,YAAW,UACf,sDAAC,4BAAa,iBAAM,GACtB;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledTitle } from './style.js';\ninterface MobileListSingleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['16px', 'auto']}\n      height=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      {...globalsAttrs}\n    >\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,qBAAqB;AACrB,sBAA0B;AAC1B,8BAAuC;AACvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,gDAAuB,KAAK;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,QAAO;AAAA,MACP,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACN,GAAG;AAAA,MAEJ;AAAA,oDAAC,uBAAK,YAAW,UAAU,wBAAc,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,QACxF,4CAAC,uBAAK,YAAW,UACf,sDAAC,4BAAa,iBAAM,GACtB;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,7 +26,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobileListItem_exports = {};
 module.exports = __toCommonJS(MobileListItem_exports);
 var React = __toESM(require("react"));
-__reExport(MobileListItem_exports, require("./MobileListItem"), module.exports);
-__reExport(MobileListItem_exports, require("./MobileListSingleItem"), module.exports);
-__reExport(MobileListItem_exports, require("./MobileListMultipleItem"), module.exports);
+__reExport(MobileListItem_exports, require("./MobileListItem.js"), module.exports);
+__reExport(MobileListItem_exports, require("./MobileListSingleItem.js"), module.exports);
+__reExport(MobileListItem_exports, require("./MobileListMultipleItem.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/MobileListItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileListItem/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileListItem';\nexport * from './MobileListSingleItem';\nexport * from './MobileListMultipleItem';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAc,6BAAd;AACA,mCAAc,mCADd;AAEA,mCAAc,qCAFd;",
+  "sourcesContent": ["export * from './MobileListItem.js';\nexport * from './MobileListSingleItem.js';\nexport * from './MobileListMultipleItem.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAc,gCAAd;AACA,mCAAc,sCADd;AAEA,mCAAc,wCAFd;",
   "names": []
 }

package/dist/cjs/MobileListItem/style.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/MobileListItem/style.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/style.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nexport const StyledTitle = styled.div`\n  font-size: 16px;\n  overflow-wrap: break-word;\n  white-space: pre-wrap;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGpD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/MobilePageHeader/MobilePageHeader.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -37,7 +41,7 @@ var import_ds_truncated_expandable_text = require("@elliemae/ds-truncated-expand
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_MobileSeparator = __toESM(require("../MobileSeparator"));
+var import_MobileSeparator = __toESM(require("../MobileSeparator/index.js"));
 const StyledTitle = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   font-size: 22px;
   font-weight: ${(props) => props.theme.fontWeights.regular};

package/dist/cjs/MobilePageHeader/MobilePageHeader.js.map

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

package/dist/cjs/MobilePageHeader/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobilePageHeader_exports = {};
 module.exports = __toCommonJS(MobilePageHeader_exports);
 var React = __toESM(require("react"));
-__reExport(MobilePageHeader_exports, require("./MobilePageHeader"), module.exports);
+__reExport(MobilePageHeader_exports, require("./MobilePageHeader.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/MobilePageHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobilePageHeader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobilePageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "sourcesContent": ["export * from './MobilePageHeader.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,kCAAd;",
   "names": []
 }

package/dist/cjs/MobileSelectList/MobileSelectList.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,8 +39,8 @@ var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_system = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_styled = require("./styled");
+var import_MobileTouchable = require("../MobileTouchable/index.js");
+var import_styled = require("./styled.js");
 const MobileSelectList = ({
   open = false,
   header = null,
@@ -137,15 +141,25 @@ const MobileSelectList = ({
 };
 const DSMobileSelectList = (0, import_ds_system.withTheme)(MobileSelectList);
 MobileSelectList.propTypes = {
+  /** show select list */
   open: import_prop_types.default.bool,
+  /** DSMobilePageHeader instance */
   header: import_prop_types.default.element,
+  /** called when a DSMobileListItem is touched */
   onChange: import_prop_types.default.func,
+  /** allow multiple selection */
   multiple: import_prop_types.default.bool,
+  /** Array of DSMobileListItem instances */
   children: import_prop_types.default.arrayOf(import_prop_types.default.element),
+  /** data test id for testing purposes */
   dataTestid: import_prop_types.default.string,
+  /** footer action, DSButton instance */
   buttonFooter: import_prop_types.default.element,
+  /** called when footer action is triggered */
   onApply: import_prop_types.default.func,
+  /** zIndex */
   zIndex: import_prop_types.default.number,
+  /** init selecteds */
   selecteds: import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])),
   theme: import_prop_types.default.object.isRequired,
   useSearch: import_prop_types.default.bool,

package/dist/cjs/MobileSelectList/MobileSelectList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSelectList/MobileSelectList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\n            {React.cloneElement(buttonFooter, {\n              ...buttonFooter.props,\n              containerProps: {\n                'data-testid': `${dataTestid}--btn`,\n              },\n              buttonType: 'primary',\n              size: 'l',\n              onClick: handleApply.bind(buttonFooter.props),\n            })}\n          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled.js';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\n            {React.cloneElement(buttonFooter, {\n              ...buttonFooter.props,\n              containerProps: {\n                'data-testid': `${dataTestid}--btn`,\n              },\n              buttonType: 'primary',\n              size: 'l',\n              onClick: handleApply.bind(buttonFooter.props),\n            })}\n          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["React", "PropTypes"]
 }

package/dist/cjs/MobileSelectList/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,5 +26,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobileSelectList_exports = {};
 module.exports = __toCommonJS(MobileSelectList_exports);
 var React = __toESM(require("react"));
-__reExport(MobileSelectList_exports, require("./MobileSelectList"), module.exports);
+__reExport(MobileSelectList_exports, require("./MobileSelectList.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/MobileSelectList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSelectList/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileSelectList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "sourcesContent": ["export * from './MobileSelectList.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,kCAAd;",
   "names": []
 }

package/dist/cjs/MobileSelectList/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -40,9 +44,8 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_system2 = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_MobileListItem = require("../MobileListItem");
+var import_MobileTouchable = require("../MobileTouchable/index.js");
+var import_MobileListItem = require("../MobileListItem/index.js");
 const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   background: ${(props) => props.theme.colors.neutral["000"]};
   z-index: ${(props) => props.zIndex};
@@ -54,10 +57,10 @@ const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   height: 100%;
 `;
 const HeaderContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  border-bottom: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["300"])};
+  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
 `;
 const Footer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  border-top: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["300"])};
+  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
 `;
 const ListContainer = import_ds_system.styled.div`
   & ${import_MobileTouchable.DSMobileTouchable}:last-child ${import_MobileListItem.DSMobileListItem} {

package/dist/cjs/MobileSelectList/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSelectList/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { noop } from 'lodash';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCC;AAlCxB,oBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,IAAAA,oBAAuB;AACvB,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,mBACvB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,aAAS,yBAAO,mBAAI;AAAA,gBACjB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,wBAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,4CAAC,6BAAW,SAAS,OAAO,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AAC/F,MAAM,UAAU,4CAAC,6BAAW,SAAO,MAAC,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AACtF,MAAM,eAAe,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,GAAG,GAAG;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import React from 'react';\nimport { noop } from 'lodash';\nimport { styled, border } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\nimport { DSMobileListItem } from '../MobileListItem/index.js';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCC;AAjCxB,oBAAqB;AACrB,uBAA+B;AAC/B,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,aAC9C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,mBACvB,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,aAAS,yBAAO,mBAAI;AAAA,gBACjB,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG5D,MAAM,gBAAgB,wBAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,4CAAC,6BAAW,SAAS,OAAO,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AAC/F,MAAM,UAAU,4CAAC,6BAAW,SAAO,MAAC,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AACtF,MAAM,eAAe,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,GAAG,GAAG;",
+  "names": []
 }

package/dist/cjs/MobileSeparator/Separator.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/MobileSeparator/Separator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileSeparator/Separator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\nMobileSeparator.displayName = 'MobileSeparator';\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBd;AApBT,8BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,gBAAY,yBAAO,mBAAI;AAAA,gBACb,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,KAAK,GAAG,YAAY,cAAc,OAAO,SAAS,SAAS,KAAK,MAAM;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,CAAC,cAAc;AAAA,IACf,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,EACF;AACA,SAAO,4CAAC,aAAW,GAAG,QAAQ;AAChC;AAEA,MAAM,uBAAuB;AAAA,EAC3B,MAAM,kCAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,yBAAyB,EAAE,aAAa,OAAO;AAAA,EACtG,WAAW,kCAAU,MAAM,CAAC,YAAY,YAAY,CAAC,EAClD,YAAY,4BAA4B,EACxC,aAAa,YAAY;AAAA,EAC5B,OAAO,kCAAU,MAAM,YAAY,wBAAwB,EAAE,aAAa,CAAC,WAAW,KAAK,CAAC;AAAA,EAC5F,QAAQ,kCAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAC9D,YAAY,yBAAyB,EACrC,aAAa,IAAI;AACtB;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBd;AApBT,8BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,gBAAY,yBAAO,mBAAI;AAAA,gBACb,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,SAAS;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,SAAS;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,KAAK,GAAG,YAAY,cAAc,OAAO,SAAS,SAAS,KAAK,MAAM;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,CAAC,WAAW,GAAG;AAAA,IACf,CAAC,IAAI,GAAG;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,EACF;AACA,SAAO,4CAAC,aAAW,GAAG,QAAQ;AAChC;AAEA,MAAM,uBAAuB;AAAA,EAC3B,MAAM,kCAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,yBAAyB,EAAE,aAAa,OAAO;AAAA,EACtG,WAAW,kCAAU,MAAM,CAAC,YAAY,YAAY,CAAC,EAClD,YAAY,4BAA4B,EACxC,aAAa,YAAY;AAAA,EAC5B,OAAO,kCAAU,MAAM,YAAY,wBAAwB,EAAE,aAAa,CAAC,WAAW,KAAK,CAAC;AAAA,EAC5F,QAAQ,kCAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAC9D,YAAY,yBAAyB,EACrC,aAAa,IAAI;AACtB;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
   "names": []
 }