@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/MobileListItem/MobileListItem.js

@@ -1,93 +1,68 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileListItem_exports = {};
-__export(MobileListItem_exports, {
-  DSMobileListItem: () => DSMobileListItem,
-  ListItemWithSchema: () => ListItemWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system = require("@elliemae/ds-system");
-const StyledContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const StyledTitle = import_styled_components.default.div`
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  font-size: 13px;
-  color: ${(props) => props.theme.colors.neutral["800"]};
-  ${(0, import_ds_system.truncate)()}
-`;
-const MobileListItem = ({
-  leftAddon = null,
-  rightAddon = null,
-  title = "",
-  value = "",
-  dataTestid = "mobile-list-item",
-  theme
-}) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var dsSystem = require('@elliemae/ds-system');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-n7r3qn-0"
+})(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral['300']));
+const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-n7r3qn-1"
+})(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], dsSystem.truncate());
+
+const MobileListItem = _ref => {
+  let {
+    leftAddon = null,
+    rightAddon = null,
+    title = '',
+    value = '',
+    dataTestid = 'mobile-list-item',
+    theme
+  } = _ref;
   const cols = [1];
-  if (leftAddon)
-    cols.unshift((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
-  if (rightAddon)
-    cols.push((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
-  return /* @__PURE__ */ import_react.default.createElement(StyledContainer, {
-    cols,
+  if (leftAddon) cols.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
+  if (rightAddon) cols.push(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
+  return /*#__PURE__*/_jsx__default["default"](StyledContainer, {
+    cols: cols,
     height: theme.space.m,
     width: "100%",
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+    pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+    pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
-    "data-testid": `${dataTestid}--${value}`
-  }, leftAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    "data-testid": "".concat(dataTestid, "--").concat(value)
+  }, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, leftAddon), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(StyledTitle, null, title)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, rightAddon));
+  }, void 0, rightAddon));
 };
-const DSMobileListItem = (0, import_ds_system.withTheme)(MobileListItem);
+
+const DSMobileListItem = dsSystem.withTheme(MobileListItem);
 const listItemProps = {
-  leftAddon: import_react_desc.PropTypes.element.description("Element placed at the left"),
-  rightAddon: import_react_desc.PropTypes.element.description("Element placed at the right"),
-  title: import_react_desc.PropTypes.string.description("Item s title").isRequired,
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Item s value, used for data-testid attr"),
-  dataTestid: import_react_desc.PropTypes.string.description("ID used for testing").defaultValue("mobile-list-item"),
-  theme: import_react_desc.PropTypes.object.description("")
+  leftAddon: reactDesc.PropTypes.element.description('Element placed at the left'),
+  rightAddon: reactDesc.PropTypes.element.description('Element placed at the right'),
+  title: reactDesc.PropTypes.string.description('Item s title').isRequired,
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Item s value, used for data-testid attr'),
+  dataTestid: reactDesc.PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),
+  theme: reactDesc.PropTypes.object.description('')
 };
-MobileListItem.propTypes = listItemProps;
-const ListItemWithSchema = (0, import_react_desc.describe)(MobileListItem);
+const ListItemWithSchema = reactDesc.describe(MobileListItem);
 ListItemWithSchema.propTypes = listItemProps;
-module.exports = __toCommonJS(MobileListItem_exports);
-//# sourceMappingURL=MobileListItem.js.map
+
+exports.DSMobileListItem = DSMobileListItem;
+exports.ListItemWithSchema = ListItemWithSchema;

package/cjs/MobileListItem/index.js

@@ -1,28 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobileListItem_exports = {};
-var React = __toESM(require("react"));
-__reExport(MobileListItem_exports, require("./MobileListItem"));
-module.exports = __toCommonJS(MobileListItem_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MobileListItem = require('./MobileListItem.js');
+
+
+
+exports.DSMobileListItem = MobileListItem.DSMobileListItem;
+exports.ListItemWithSchema = MobileListItem.ListItemWithSchema;

package/cjs/MobilePageHeader/MobilePageHeader.js

@@ -1,202 +1,174 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobilePageHeader_exports = {};
-__export(MobilePageHeader_exports, {
-  DSMobilePageHeader: () => DSMobilePageHeader,
-  PageHeaderWithSchema: () => PageHeaderWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_truncated_expandable_text = require("@elliemae/ds-truncated-expandable-text");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_MobileSeparator = __toESM(require("../MobileSeparator"));
-const StyledTitle = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  font-size: 22px;
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  color: ${(props) => props.theme.colors.neutral["700"]};
-  min-height: ${(props) => props.withBreadcrumb ? "auto" : "44px"};
-  padding-top: ${(props) => props.withBreadcrumb ? "0" : "6px"};
-`;
-const StyledBreadCrumb = import_styled_components.default.div`
-  font-size: 16px;
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  color: ${(props) => props.theme.colors.neutral["600"]};
-  ${(0, import_ds_system.truncate)()}
-`;
-const Label = import_styled_components.default.div`
-  color: ${(props) => props.theme.colors.neutral["500"]};
-  ${(0, import_ds_system.truncate)()}
-`;
-const Value = import_styled_components.default.div`
-  ${(0, import_ds_system.truncate)()}
-  color: ${(props) => props.theme.colors.neutral["600"]};
-  ${(props) => props.withMarginRight ? `margin-right: 4px;` : ""}
-  margin-top: ${(props) => props.withBreadcrumb ? "12px" : "0"};
-`;
-const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const MobilePageHeader = ({
-  pageTitle = null,
-  contextMenu = null,
-  firstAction = null,
-  secondAction = null,
-  backArrow = null,
-  breadCrumb = null,
-  onOpenContextMenu = () => null,
-  value,
-  label,
-  theme
-}) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var styled = require('styled-components');
+var dsTruncatedExpandableText = require('@elliemae/ds-truncated-expandable-text');
+var dsGrid = require('@elliemae/ds-grid');
+var dsSystem = require('@elliemae/ds-system');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var Separator = require('../MobileSeparator/Separator.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+var _ChevronSmallDown;
+const StyledTitle = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1tfu1y9-0"
+})(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], props => props.withBreadcrumb ? 'auto' : '44px', props => props.withBreadcrumb ? '0' : '6px');
+const StyledBreadCrumb = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1tfu1y9-1"
+})(["font-size:16px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['600'], dsSystem.truncate());
+const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1tfu1y9-2"
+})(["color:", ";", ""], props => props.theme.colors.neutral['500'], dsSystem.truncate());
+const Value = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1tfu1y9-3"
+})(["", " color:", ";", " margin-top:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? "margin-right: 4px;" : '', props => props.withBreadcrumb ? '12px' : '0');
+const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1tfu1y9-4"
+})(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
+
+const MobilePageHeader = _ref => {
+  let {
+    pageTitle = null,
+    contextMenu = null,
+    firstAction = null,
+    secondAction = null,
+    backArrow = null,
+    breadCrumb = null,
+    onOpenContextMenu = () => null,
+    value,
+    label,
+    theme
+  } = _ref;
   const hasValue = value === 0 || value;
-  const countActions = (0, import_react.useMemo)(() => {
+  const countActions = React.useMemo(() => {
     let count = 0;
-    if (firstAction)
-      count++;
-    if (secondAction)
-      count++;
+    if (firstAction) count++;
+    if (secondAction) count++;
     return count;
   }, [firstAction, secondAction]);
-  const [open, setOpen] = (0, import_react.useState)();
-  const handleContext = (0, import_react.useCallback)(() => {
+  const [open, setOpen] = React.useState();
+  const handleContext = React.useCallback(() => {
     setOpen(!open);
   }, [open]);
-  const separator = /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+
+  const separator = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_MobileSeparator.default, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Separator["default"], {
     direction: "vertical",
     margin: "xxs",
-    color: ["neutral", "300"]
+    color: ['neutral', '300']
   })));
-  const cols = [1, "auto"];
-  const cols2 = ["auto"];
-  if (countActions)
-    cols.push("auto");
-  if (hasValue)
-    cols2.push("auto");
-  if (label)
-    cols2.push("auto");
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-    cols,
+
+  const cols = [1, 'auto'];
+  const cols2 = ['auto'];
+  if (countActions) cols.push('auto');
+  if (hasValue) cols2.push('auto');
+  if (label) cols2.push('auto');
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {
+    cols: cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     cols: cols2
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: backArrow ? ["auto", 1] : [1],
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.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",
+    pr: countActions === 0 && !hasValue && !label ? dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
+  }, void 0, backArrow && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, backArrow), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, void 0, backArrow), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     flexGrow: 0,
     pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: ["auto", "auto"],
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    cols: ['auto', 'auto'],
     alignItems: "flex-start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, breadCrumb && /* @__PURE__ */ import_react.default.createElement(StyledBreadCrumb, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](StyledBreadCrumb, {
     "data-testid": "page-header-breadcrum"
-  }, breadCrumb), /* @__PURE__ */ import_react.default.createElement(StyledTitle, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](StyledTitle, {
     maxWidth: "100%",
     alignItems: "flex-start",
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-title"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_expandable_text.TruncatedExpandableText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedExpandableText.TruncatedExpandableText, {
     value: pageTitle
-  })))), contextMenu && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  })))), contextMenu && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
-    mt: breadCrumb ? "20px" : "8px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+    mt: breadCrumb ? '20px' : '8px'
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.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,
+    containerProps: {
+      'data-testid': 'trigger-context-menu'
+    }
+  }), /*#__PURE__*/React__default["default"].cloneElement(contextMenu, {
+    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,
     onChange: (event, item) => {
-      if (contextMenu.props.onChange)
-        contextMenu.props.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",
+  }))))), hasValue && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
-    cols: ["auto", "auto"]
-  }, separator, /* @__PURE__ */ import_react.default.createElement(Value, {
+    cols: ['auto', 'auto']
+  }, void 0, separator, /*#__PURE__*/_jsx__default["default"](Value, {
     withMarginRight: !!label,
     "data-testid": "page-header-value"
-  }, value)), label && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
+  }, void 0, value)), label && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(Label, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-label"
-  }, label))), countActions > 0 && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
+  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default["default"](dsGrid.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)));
+    cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
+  }, void 0, firstAction && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, secondAction)));
 };
+
 const pageHeaderProps = {
-  pageTitle: import_react_desc.PropTypes.string.description("Page title").isRequired,
-  contextMenu: import_react_desc.PropTypes.element.description("Context Menu to open"),
-  onOpenContextMenu: import_react_desc.PropTypes.func.description("function called when context menu opens"),
-  firstAction: import_react_desc.PropTypes.element.description("Action Button"),
-  secondAction: import_react_desc.PropTypes.element.description("Action Button"),
-  backArrow: import_react_desc.PropTypes.element.description("Back Arrow Button"),
-  breadCrumb: import_react_desc.PropTypes.string.description("BreadCrumbs title"),
-  value: import_react_desc.PropTypes.number.description("Page summary value"),
-  label: import_react_desc.PropTypes.string.description("Page summary label"),
-  theme: import_react_desc.PropTypes.object.description("dimsum theme")
+  pageTitle: reactDesc.PropTypes.string.description('Page title').isRequired,
+  contextMenu: reactDesc.PropTypes.element.description('Context Menu to open'),
+  onOpenContextMenu: reactDesc.PropTypes.func.description('function called when context menu opens'),
+  firstAction: reactDesc.PropTypes.element.description('Action Button'),
+  secondAction: reactDesc.PropTypes.element.description('Action Button'),
+  backArrow: reactDesc.PropTypes.element.description('Back Arrow Button'),
+  breadCrumb: reactDesc.PropTypes.string.description('BreadCrumbs title'),
+  value: reactDesc.PropTypes.number.description('Page summary value'),
+  label: reactDesc.PropTypes.string.description('Page summary label'),
+  theme: reactDesc.PropTypes.object.description('dimsum theme')
 };
-MobilePageHeader.propTypes = pageHeaderProps;
-const PageHeaderWithSchema = (0, import_react_desc.describe)(MobilePageHeader);
+const PageHeaderWithSchema = reactDesc.describe(MobilePageHeader);
 PageHeaderWithSchema.propTypes = pageHeaderProps;
-const DSMobilePageHeader = (0, import_ds_system.withTheme)(MobilePageHeader);
-module.exports = __toCommonJS(MobilePageHeader_exports);
-//# sourceMappingURL=MobilePageHeader.js.map
+const DSMobilePageHeader = dsSystem.withTheme(MobilePageHeader);
+
+exports.DSMobilePageHeader = DSMobilePageHeader;
+exports.PageHeaderWithSchema = PageHeaderWithSchema;

package/cjs/MobilePageHeader/index.js

@@ -1,28 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MobilePageHeader_exports = {};
-var React = __toESM(require("react"));
-__reExport(MobilePageHeader_exports, require("./MobilePageHeader"));
-module.exports = __toCommonJS(MobilePageHeader_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MobilePageHeader = require('./MobilePageHeader.js');
+
+
+
+exports.DSMobilePageHeader = MobilePageHeader.DSMobilePageHeader;
+exports.PageHeaderWithSchema = MobilePageHeader.PageHeaderWithSchema;