@elliemae/ds-mobile 3.5.0-rc.9 → 3.5.1-next.0

package/dist/cjs/MobileFooter/Text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Text.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Text = styled.p`\n  margin: auto 0;\n  ${truncate()}\n  ${textStyle('body')}\n  ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n  children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\nDSMobileFooterText.displayName = 'DSMobileFooterText';\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,IAAAA,oBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,QAEhB,4BAAS;AAAA,QACT,6BAAU,MAAM;AAAA,QAChB,yBAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,6BAAAC,QAAA,cAAC,YAAM,QAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
-  "names": ["import_ds_system", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,uBAAuB;AACvB,IAAAA,oBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,QAEhB,4BAAS;AAAA,QACT,6BAAU,MAAM;AAAA,QAChB,yBAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAM;AAAA,CAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "names": ["import_ds_system"]
 }

package/dist/cjs/MobileListItem/MobileListItem.js

@@ -29,7 +29,7 @@ __export(MobileListItem_exports, {
 });
 module.exports = __toCommonJS(MobileListItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -57,22 +57,32 @@ const MobileListItem = ({
     cols.unshift((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
   if (rightAddon)
     cols.push((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
-  return /* @__PURE__ */ import_react.default.createElement(StyledContainer, {
+  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),
     gutter: "xs",
-    "data-testid": `${dataTestid}--${value}`
-  }, leftAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, leftAddon), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(StyledTitle, null, title)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, rightAddon));
+    "data-testid": `${dataTestid}--${value}`,
+    children: [
+      leftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: leftAddon
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
+          children: title
+        })
+      }),
+      rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: rightAddon
+      })
+    ]
+  });
 };
 const DSMobileListItem = (0, import_ds_system2.withTheme)(MobileListItem);
 const listItemProps = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\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;ADAvB,mBAAkB;AAClB,0BAAoC;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,6BAAAC,QAAA,cAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,KAE9B,aAAa,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KAAU,SAAU,GACnD,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KACf,6BAAAA,QAAA,cAAC,mBAAa,KAAM,CACtB,GACC,cACC,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UACH,CAEJ;AAEJ;AAEA,MAAM,uBAAmB,6BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,8BAAS,cAAc;AAClD,mBAAmB,YAAY;",
-  "names": ["import_ds_system", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;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,6CAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,IAE9B;AAAA,mBAAa,4CAAC;AAAA,QAAK,YAAW;AAAA,QAAU;AAAA,OAAU;AAAA,MACnD,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA,MACC,cACC,4CAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QACtC;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,uBAAmB,6BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,8BAAS,cAAc;AAClD,mBAAmB,YAAY;",
+  "names": ["import_ds_system"]
 }

package/dist/cjs/MobileListItem/MobileListMultipleItem.js

@@ -28,14 +28,14 @@ __export(MobileListMultipleItem_exports, {
 });
 module.exports = __toCommonJS(MobileListMultipleItem_exports);
 var React = __toESM(require("react"));
-var import_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_utilities = require("@elliemae/ds-utilities");
 var import_style = require("./style");
 const MobileListMultipleItem = (props) => {
   const { title, isSelected } = props;
   const { onClick, ...rest } = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledContainer, {
     cols: ["auto"],
     minHeight: "40px",
     width: "100%",
@@ -43,13 +43,14 @@ const MobileListMultipleItem = (props) => {
     pr: "16px",
     gutter: "xs",
     alignItems: "center",
-    ...rest
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form_checkbox.DSControlledCheckbox, {
-    onChange: onClick,
-    device: "mobile",
-    checked: isSelected,
-    label: title,
-    wrapLabel: true
-  }));
+    ...rest,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_checkbox.DSControlledCheckbox, {
+      onChange: onClick,
+      device: "mobile",
+      checked: isSelected,
+      label: title,
+      wrapLabel: true
+    })
+  });
 };
 //# sourceMappingURL=MobileListMultipleItem.js.map

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

@@ -2,6 +2,6 @@
   "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-utilities';\n\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;ADAvB,mBAAkB;AAClB,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,QAAI,4CAAuB,KAAK;AACzD,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,WAAU;AAAA,IACV,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,YAAW;AAAA,IACV,GAAG;AAAA,KAEJ,6BAAAA,QAAA,cAAC;AAAA,IAAqB,UAAU;AAAA,IAAS,QAAO;AAAA,IAAS,SAAS;AAAA,IAAY,OAAO;AAAA,IAAO,WAAS;AAAA,GAAC,CACxG;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,QAAI,4CAAuB,KAAK;AACzD,SACE,4CAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,WAAU;AAAA,IACV,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,YAAW;AAAA,IACV,GAAG;AAAA,IAEJ,sDAAC;AAAA,MAAqB,UAAU;AAAA,MAAS,QAAO;AAAA,MAAS,SAAS;AAAA,MAAY,OAAO;AAAA,MAAO,WAAS;AAAA,KAAC;AAAA,GACxG;AAEJ;",
+  "names": []
 }

package/dist/cjs/MobileListItem/MobileListSeparator.js

@@ -28,27 +28,35 @@ __export(MobileListSeparator_exports, {
 });
 module.exports = __toCommonJS(MobileListSeparator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_style = require("./style");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, {
     cols: ["auto"],
     height: "40px",
     width: "100%",
     pl: "16px",
     pr: "16px",
     gutter: "xs",
-    ...globalsAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, isSelected && /* @__PURE__ */ import_react.default.createElement(Checkmark, {
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_style.StyledTitle, null, title)));
+    ...globalsAttrs,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkmark, {
+          color: ["brand-primary", "600"]
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, {
+          children: title
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=MobileListSeparator.js.map

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

@@ -2,6 +2,6 @@
   "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-utilities';\n\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;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAgB,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAO,OAAM;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,QAAO;AAAA,IAAM,GAAG;AAAA,KAC9F,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,6BAAAA,QAAA,cAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KACf,6BAAAA,QAAA,cAAC,gCAAa,KAAM,CACtB,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC;AAAA,IAAgB,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAO,OAAM;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,QAAO;AAAA,IAAM,GAAG;AAAA,IAC9F;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,4CAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/MobileListItem/MobileListSingleItem.js

@@ -28,7 +28,7 @@ __export(MobileListSingleItem_exports, {
 });
 module.exports = __toCommonJS(MobileListSingleItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+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_utilities = require("@elliemae/ds-utilities");
@@ -36,20 +36,28 @@ var import_style = require("./style");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, {
     cols: ["16px", "auto"],
     height: "40px",
     width: "100%",
     pl: "16px",
     pr: "16px",
     gutter: "xs",
-    ...globalsAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, isSelected && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_style.StyledTitle, null, title)));
+    ...globalsAttrs,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, {
+          color: ["brand-primary", "600"]
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, {
+          children: title
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=MobileListSingleItem.js.map

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

@@ -2,6 +2,6 @@
   "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-utilities';\n\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;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACN,GAAG;AAAA,KAEJ,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,6BAAAA,QAAA,cAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KACf,6BAAAA,QAAA,cAAC,gCAAa,KAAM,CACtB,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACN,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,4CAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/MobilePageHeader/MobilePageHeader.js

@@ -29,6 +29,7 @@ __export(MobilePageHeader_exports, {
 });
 module.exports = __toCommonJS(MobilePageHeader_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
@@ -90,16 +91,18 @@ const MobilePageHeader = ({
   const handleContext = (0, import_react.useCallback)(() => {
     setOpen(!open);
   }, [open]);
-  const separator = /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  const separator = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
     height: "32px",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_MobileSeparator.default, {
-    direction: "vertical",
-    margin: "xxs",
-    color: ["neutral", "300"]
-  })));
+    alignItems: "center",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      height: "24px",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileSeparator.default, {
+        direction: "vertical",
+        margin: "xxs",
+        color: ["neutral", "300"]
+      })
+    })
+  });
   const cols = [1, "auto"];
   const cols2 = ["auto"];
   if (countActions)
@@ -108,80 +111,127 @@ const MobilePageHeader = ({
     cols2.push("auto");
   if (label)
     cols2.push("auto");
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
     cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper",
-    withBlueBorder
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: backArrow ? ["auto", 1] : [1],
-    alignItems: "flex-start",
-    pr: countActions === 0 && !hasValue && !label ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : 0
-  }, backArrow && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    pr: "16px"
-  }, backArrow), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    flexGrow: 0,
-    pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: ["auto", "auto"],
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, breadCrumb && /* @__PURE__ */ import_react.default.createElement(StyledBreadCrumb, {
-    "data-testid": "page-header-breadcrum"
-  }, breadCrumb), /* @__PURE__ */ import_react.default.createElement(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "flex-start",
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-title"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_expandable_text.TruncatedExpandableText, {
-    value: pageTitle
-  })))), contextMenu && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    mt: breadCrumb ? "20px" : "8px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null),
-    size: "s",
-    onClick: () => {
-      handleContext();
-      onOpenContextMenu();
-    },
-    containerProps: { "data-testid": "trigger-context-menu" }
-  }), import_react.default.cloneElement(contextMenu, {
-    open: contextMenu.props.open !== void 0 ? contextMenu.props.open : open,
-    onChange: (event, item) => {
-      if (contextMenu.props.onChange)
-        contextMenu.props.onChange(event, item);
-      handleContext();
-    }
-  }))))), hasValue && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    cols: ["auto", "auto"]
-  }, separator, /* @__PURE__ */ import_react.default.createElement(Value, {
-    withMarginRight: !!label,
-    "data-testid": "page-header-value"
-  }, value)), label && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(Label, {
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-label"
-  }, label))), countActions > 0 && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    cols: countActions === 1 ? ["auto"] : ["auto", "auto", "auto"]
-  }, firstAction && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, firstAction), countActions === 2 && separator, secondAction && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, secondAction)));
+    withBlueBorder,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        alignItems: "flex-start",
+        justifyContent: "flex-start",
+        cols: cols2,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+            cols: backArrow ? ["auto", 1] : [1],
+            alignItems: "flex-start",
+            pr: countActions === 0 && !hasValue && !label ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : 0,
+            children: [
+              backArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                height: breadCrumb ? "56px" : "44px",
+                alignItems: "center",
+                pr: "16px",
+                children: backArrow
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                flexGrow: 0,
+                pt: !breadCrumb ? 0 : theme.space.xxs,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+                  cols: ["auto", "auto"],
+                  alignItems: "flex-start",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+                      children: [
+                        breadCrumb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledBreadCrumb, {
+                          "data-testid": "page-header-breadcrum",
+                          children: breadCrumb
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
+                          maxWidth: "100%",
+                          alignItems: "flex-start",
+                          withBreadcrumb: !!breadCrumb,
+                          "data-testid": "page-header-title",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                            pt: breadCrumb ? 0 : theme.space.xxxs,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_expandable_text.TruncatedExpandableText, {
+                              value: pageTitle
+                            })
+                          })
+                        })
+                      ]
+                    }),
+                    contextMenu && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+                      alignItems: "center",
+                      mt: breadCrumb ? "20px" : "8px",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                          buttonType: "text",
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {}),
+                          size: "s",
+                          onClick: () => {
+                            handleContext();
+                            onOpenContextMenu();
+                          },
+                          containerProps: { "data-testid": "trigger-context-menu" }
+                        }),
+                        import_react.default.cloneElement(contextMenu, {
+                          open: contextMenu.props.open !== void 0 ? contextMenu.props.open : open,
+                          onChange: (event, item) => {
+                            if (contextMenu.props.onChange)
+                              contextMenu.props.onChange(event, item);
+                            handleContext();
+                          }
+                        })
+                      ]
+                    })
+                  ]
+                })
+              })
+            ]
+          }),
+          hasValue && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+            height: breadCrumb ? "56px" : "44px",
+            alignItems: "center",
+            cols: ["auto", "auto"],
+            children: [
+              separator,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Value, {
+                withMarginRight: !!label,
+                "data-testid": "page-header-value",
+                children: value
+              })
+            ]
+          }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            height: breadCrumb ? "56px" : "44px",
+            alignItems: "center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+              withBreadcrumb: !!breadCrumb,
+              "data-testid": "page-header-label",
+              children: label
+            })
+          })
+        ]
+      }),
+      countActions > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        height: breadCrumb ? "56px" : "44px",
+        alignItems: "center",
+        cols: countActions === 1 ? ["auto"] : ["auto", "auto", "auto"],
+        children: [
+          firstAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: firstAction
+          }),
+          countActions === 2 && separator,
+          secondAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: secondAction
+          })
+        ]
+      })
+    ]
+  });
 };
 const pageHeaderProps = {
   pageTitle: import_ds_utilities.PropTypes.string.description("Page title").isRequired,

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

@@ -2,6 +2,6 @@
   "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-utilities';\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 cols={['auto', 'auto']} alignItems=\"flex-start\">\n              <Grid>\n                {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n                <StyledTitle\n                  maxWidth=\"100%\"\n                  alignItems=\"flex-start\"\n                  withBreadcrumb={!!breadCrumb}\n                  data-testid=\"page-header-title\"\n                >\n                  <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n                    <TruncatedExpandableText value={pageTitle} />\n                  </Grid>\n                </StyledTitle>\n              </Grid>\n              {contextMenu && (\n                <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n                  <DSButton\n                    buttonType=\"text\"\n                    icon={<ChevronSmallDown />}\n                    size=\"s\"\n                    onClick={() => {\n                      handleContext();\n                      onOpenContextMenu();\n                    }}\n                    containerProps={{ 'data-testid': 'trigger-context-menu' }}\n                  />\n                  {React.cloneElement(contextMenu, {\n                    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n                    onChange: (event, item) => {\n                      if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n                      handleContext();\n                    },\n                  })}\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        </Grid>\n        {hasValue && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n            {separator}\n            <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n              {value}\n            </Value>\n          </Grid>\n        )}\n        {label && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n            <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n              {label}\n            </Label>\n          </Grid>\n        )}\n      </Grid>\n      {countActions > 0 && (\n        <Grid\n          height={breadCrumb ? '56px' : '44px'}\n          alignItems=\"center\"\n          cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n        >\n          {firstAction && <Grid>{firstAction}</Grid>}\n          {countActions === 2 && separator}\n          {secondAction && <Grid>{secondAction}</Grid>}\n        </Grid>\n      )}\n    </Wrapper>\n  );\n};\n\nconst pageHeaderProps = {\n  pageTitle: PropTypes.string.description('Page title').isRequired,\n  contextMenu: PropTypes.element.description('Context Menu to open'),\n  onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n  firstAction: PropTypes.element.description('Action Button'),\n  secondAction: PropTypes.element.description('Action Button'),\n  backArrow: PropTypes.element.description('Back Arrow Button'),\n  breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n  value: PropTypes.number.description('Page summary value'),\n  label: PropTypes.string.description('Page summary label'),\n  theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAsD;AACtD,0BAAoC;AACpC,uBAA8E;AAC9E,0CAAwC;AACxC,qBAAqB;AACrB,sBAAiC;AACjC,uBAAqB;AACrB,6BAA4B;AAE5B,MAAM,kBAAc,yBAAO,mBAAI;AAAA;AAAA,iBAEd,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAW,MAAM,iBAAiB,SAAS;AAAA,iBAC3C,CAAC,UAAW,MAAM,iBAAiB,MAAM;AAAA;AAAA;AAI1D,MAAM,mBAAmB,wBAAO;AAAA;AAAA,iBAEf,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,2BAAS;AAAA;AAGb,MAAM,QAAQ,wBAAO;AAAA,WACV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,2BAAS;AAAA;AAGb,MAAM,QAAQ,wBAAO;AAAA,QACjB,2BAAS;AAAA,WACF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,CAAC,UAAW,MAAM,kBAAkB,uBAAuB;AAAA,gBAC/C,CAAC,UAAW,MAAM,iBAAiB,SAAS;AAAA;AAG5D,MAAM,cAAU,yBAAO,mBAAI;AAAA,mBACR,CAAC,EAAE,OAAO,eAAe,UACxC,yBAAO,iBAAiB,MAAM,OAAO,MAAM,SAAS,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnF,MAAM,mBAAmB,CAAC;AAAA,EACxB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,oBAAoB,MAAM;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,UAAU,KAAK;AAEhC,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,QAAQ;AACZ,QAAI;AAAa;AACjB,QAAI;AAAc;AAClB,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,YAAY,CAAC;AAC9B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS;AACjC,QAAM,oBAAgB,0BAAY,MAAM;AACtC,YAAQ,CAAC,IAAI;AAAA,EACf,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,YACJ,6BAAAA,QAAA,cAAC;AAAA,IAAK,QAAO;AAAA,IAAO,YAAW;AAAA,KAC7B,6BAAAA,QAAA,cAAC;AAAA,IAAK,QAAO;AAAA,KACX,6BAAAA,QAAA,cAAC,uBAAAC,SAAA;AAAA,IAAgB,WAAU;AAAA,IAAW,QAAO;AAAA,IAAM,OAAO,CAAC,WAAW,KAAK;AAAA,GAAG,CAChF,CACF;AAEF,QAAM,OAAO,CAAC,GAAG,MAAM;AACvB,QAAM,QAAQ,CAAC,MAAM;AACrB,MAAI;AAAc,SAAK,KAAK,MAAM;AAClC,MAAI;AAAU,UAAM,KAAK,MAAM;AAC/B,MAAI;AAAO,UAAM,KAAK,MAAM;AAE5B,SACE,6BAAAD,QAAA,cAAC;AAAA,IACC;AAAA,IACA,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,IACN,eAAY;AAAA,IACZ;AAAA,KAEA,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,IAAa,gBAAe;AAAA,IAAa,MAAM;AAAA,KAC9D,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAAA,IAClC,YAAW;AAAA,IACX,IAAI,iBAAiB,KAAK,CAAC,YAAY,CAAC,YAAQ,2CAAyB,MAAM,MAAM,CAAC,IAAI;AAAA,KAEzF,aACC,6BAAAA,QAAA,cAAC;AAAA,IAAK,QAAQ,aAAa,SAAS;AAAA,IAAQ,YAAW;AAAA,IAAS,IAAG;AAAA,KAChE,SACH,GAEF,6BAAAA,QAAA,cAAC;AAAA,IAAK,UAAU;AAAA,IAAG,IAAI,CAAC,aAAa,IAAI,MAAM,MAAM;AAAA,KACnD,6BAAAA,QAAA,cAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,IAAG,YAAW;AAAA,KACvC,6BAAAA,QAAA,cAAC,2BACE,cAAc,6BAAAA,QAAA,cAAC;AAAA,IAAiB,eAAY;AAAA,KAAyB,UAAW,GACjF,6BAAAA,QAAA,cAAC;AAAA,IACC,UAAS;AAAA,IACT,YAAW;AAAA,IACX,gBAAgB,CAAC,CAAC;AAAA,IAClB,eAAY;AAAA,KAEZ,6BAAAA,QAAA,cAAC;AAAA,IAAK,IAAI,aAAa,IAAI,MAAM,MAAM;AAAA,KACrC,6BAAAA,QAAA,cAAC;AAAA,IAAwB,OAAO;AAAA,GAAW,CAC7C,CACF,CACF,GACC,eACC,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,IAAS,IAAI,aAAa,SAAS;AAAA,KAClD,6BAAAA,QAAA,cAAC,iBAAAE,SAAA;AAAA,IACC,YAAW;AAAA,IACX,MAAM,6BAAAF,QAAA,cAAC,sCAAiB;AAAA,IACxB,MAAK;AAAA,IACL,SAAS,MAAM;AACb,oBAAc;AACd,wBAAkB;AAAA,IACpB;AAAA,IACA,gBAAgB,EAAE,eAAe,uBAAuB;AAAA,GAC1D,GACC,aAAAA,QAAM,aAAa,aAAa;AAAA,IAC/B,MAAM,YAAY,MAAM,SAAS,SAAY,YAAY,MAAM,OAAO;AAAA,IACtE,UAAU,CAAC,OAAO,SAAS;AACzB,UAAI,YAAY,MAAM;AAAU,oBAAY,MAAM,SAAS,OAAO,IAAI;AACtE,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC,CACH,CAEJ,CACF,CACF,GACC,YACC,6BAAAA,QAAA,cAAC;AAAA,IAAK,QAAQ,aAAa,SAAS;AAAA,IAAQ,YAAW;AAAA,IAAS,MAAM,CAAC,QAAQ,MAAM;AAAA,KAClF,WACD,6BAAAA,QAAA,cAAC;AAAA,IAAM,iBAAiB,CAAC,CAAC;AAAA,IAAO,eAAY;AAAA,KAC1C,KACH,CACF,GAED,SACC,6BAAAA,QAAA,cAAC;AAAA,IAAK,QAAQ,aAAa,SAAS;AAAA,IAAQ,YAAW;AAAA,KACrD,6BAAAA,QAAA,cAAC;AAAA,IAAM,gBAAgB,CAAC,CAAC;AAAA,IAAY,eAAY;AAAA,KAC9C,KACH,CACF,CAEJ,GACC,eAAe,KACd,6BAAAA,QAAA,cAAC;AAAA,IACC,QAAQ,aAAa,SAAS;AAAA,IAC9B,YAAW;AAAA,IACX,MAAM,iBAAiB,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,QAAQ,MAAM;AAAA,KAE5D,eAAe,6BAAAA,QAAA,cAAC,2BAAM,WAAY,GAClC,iBAAiB,KAAK,WACtB,gBAAgB,6BAAAA,QAAA,cAAC,2BAAM,YAAa,CACvC,CAEJ;AAEJ;AAEA,MAAM,kBAAkB;AAAA,EACtB,WAAW,8BAAU,OAAO,YAAY,YAAY,EAAE;AAAA,EACtD,aAAa,8BAAU,QAAQ,YAAY,sBAAsB;AAAA,EACjE,mBAAmB,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EACvF,aAAa,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAC1D,cAAc,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAC3D,WAAW,8BAAU,QAAQ,YAAY,mBAAmB;AAAA,EAC5D,YAAY,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EAC5D,OAAO,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EACxD,OAAO,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EACxD,OAAO,8BAAU,OAAO,YAAY,cAAc;AACpD;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,2BAAuB,8BAAS,gBAAgB;AACtD,qBAAqB,YAAY;AAEjC,MAAM,yBAAqB,4BAAU,gBAAgB;",
-  "names": ["React", "MobileSeparator", "DSButton"]
+  "mappings": "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",
+  "names": ["MobileSeparator", "DSButton", "React"]
 }