@elliemae/ds-page-header 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/v1/PageHeaderImpl.js

@@ -1,135 +1,129 @@
-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);
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsIcons = require('@elliemae/ds-icons');
+var DSBreadcrumb = require('@elliemae/ds-breadcrumb');
+var dsIcon = require('@elliemae/ds-icon');
+var EditableTitle = require('./EditableTitle.js');
+var Title = require('./Title.js');
+var DropdownTitle = require('./DropdownTitle.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const blockName = 'page-header';
+const PageHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    withBottomSeparator,
+    subtitle
+  } = _ref;
+  return {
+    'with-bottom-separator': withBottomSeparator,
+    'with-subtitle': subtitle
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PageHeaderImpl_exports = {};
-__export(PageHeaderImpl_exports, {
-  default: () => PageHeaderImpl_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_breadcrumb = __toESM(require("@elliemae/ds-breadcrumb"));
-var import_ds_icon = __toESM(require("@elliemae/ds-icon"));
-var import_EditableTitle = __toESM(require("./EditableTitle"));
-var import_Title = __toESM(require("./Title"));
-var import_DropdownTitle = __toESM(require("./DropdownTitle"));
-const blockName = "page-header";
-const PageHeaderContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
-  "with-bottom-separator": withBottomSeparator,
-  "with-subtitle": subtitle
+const PageHeaderMainSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-main-section"));
+const PageHeaderTitleSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title-section"));
+const PageHeaderToolbar = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
+  'ie-flex-basis-auto': true
 }));
-const PageHeaderMainSection = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-main-section`);
-const PageHeaderTitleSection = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title-section`);
-const PageHeaderToolbar = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`, null, () => ({
-  "ie-flex-basis-auto": true
-}));
-const PageHeaderBreadcrumb = (0, import_ds_classnames.aggregatedClasses)(import_ds_breadcrumb.default)(`${blockName}-breadcrumb`);
-const PageHeaderTitle = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`);
-const Subtitle = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "subtitle");
-const BackArrow = (0, import_ds_classnames.aggregatedClasses)(import_ds_icons.ChevronLeft)(`${blockName}-backarrow`);
-function HeaderTitle({
-  title = "",
-  options = [],
-  optionsMinWidth,
-  onSelectOption = () => null,
-  selection,
-  subtitle = "",
-  editable = false,
-  editing = false,
-  titleInputProps,
-  zIndex
-}) {
-  const titleComponent = editable ? /* @__PURE__ */ import_react.default.createElement(import_EditableTitle.default, {
-    editing,
-    titleInputProps
-  }, title) : /* @__PURE__ */ import_react.default.createElement(import_Title.default, null, title);
-  return /* @__PURE__ */ import_react.default.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ import_react.default.createElement(import_DropdownTitle.default, {
-    onSelectOption,
-    options,
+const PageHeaderBreadcrumb = dsClassnames.aggregatedClasses(DSBreadcrumb__default["default"])("".concat(blockName, "-breadcrumb"));
+const PageHeaderTitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"));
+const Subtitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
+const BackArrow = dsClassnames.aggregatedClasses(dsIcons.ChevronLeft)("".concat(blockName, "-backarrow"));
+
+function HeaderTitle(_ref2) {
+  let {
+    title = '',
+    options = [],
     optionsMinWidth,
+    onSelectOption = () => null,
     selection,
-    titleComponent,
+    subtitle = '',
+    editable = false,
+    editing = false,
+    titleInputProps,
     zIndex
-  }) : titleComponent, subtitle && /* @__PURE__ */ import_react.default.createElement(Subtitle, null, subtitle));
+  } = _ref2;
+  const titleComponent = editable ? /*#__PURE__*/_jsx__default["default"](EditableTitle, {
+    editing: editing,
+    titleInputProps: titleInputProps
+  }, void 0, title) : /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title);
+  return /*#__PURE__*/_jsx__default["default"](PageHeaderTitle, {}, void 0, options.length ? /*#__PURE__*/_jsx__default["default"](DropdownTitle, {
+    onSelectOption: onSelectOption,
+    options: options,
+    optionsMinWidth: optionsMinWidth,
+    selection: selection,
+    titleComponent: titleComponent,
+    zIndex: zIndex
+  }) : titleComponent, subtitle && /*#__PURE__*/_jsx__default["default"](Subtitle, {}, void 0, subtitle));
 }
-function PageHeaderImpl({
-  containerProps,
-  className,
-  title,
-  titleOptions,
-  renderToolbar,
-  breadcrumbs = [],
-  previousPage,
-  onGoToPreviousPage = () => null,
-  subtitle = "",
-  withBottomSeparator,
-  onSelectOption,
-  optionsSelection,
-  optionsMinWidth,
-  editable = false,
-  titleInputProps,
-  editing = void 0,
-  zIndex
-}) {
-  const hasBreadcrumbs = !!breadcrumbs.length;
-  return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, {
-    ...containerProps,
+
+function PageHeaderImpl(_ref3) {
+  let {
+    containerProps,
     className,
-    classProps: {
-      withBottomSeparator,
-      subtitle
-    }
-  }, previousPage && /* @__PURE__ */ import_react.default.createElement(BackArrow, {
-    "data-testid": "back-arrow",
-    onClick: onGoToPreviousPage,
-    size: import_ds_icon.DSIconSizes.M
-  }), /* @__PURE__ */ import_react.default.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
-    key: breadcrumb.label,
-    ...breadcrumb
-  }))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
-    key: previousPage.id,
-    label: previousPage.title,
-    onClick: previousPage.onClick,
-    ...previousPage
-  })), /* @__PURE__ */ import_react.default.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, {
-    editable,
-    editing,
+    title,
+    titleOptions,
+    renderToolbar,
+    breadcrumbs = [],
+    previousPage,
+    onGoToPreviousPage = () => null,
+    subtitle = '',
+    withBottomSeparator,
     onSelectOption,
-    options: titleOptions,
+    optionsSelection,
     optionsMinWidth,
-    selection: optionsSelection,
-    subtitle,
-    title,
+    editable = false,
     titleInputProps,
+    editing = undefined,
     zIndex
-  }), (0, import_ds_utilities.isFunction)(renderToolbar) && /* @__PURE__ */ import_react.default.createElement(PageHeaderToolbar, null, renderToolbar()))));
+  } = _ref3;
+  const hasBreadcrumbs = !!breadcrumbs.length;
+  return /*#__PURE__*/jsxRuntime.jsxs(PageHeaderContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
+    className: className,
+    classProps: {
+      withBottomSeparator,
+      subtitle
+    },
+    children: [previousPage && /*#__PURE__*/_jsx__default["default"](BackArrow, {
+      "data-testid": "back-arrow",
+      onClick: onGoToPreviousPage,
+      size: dsIcon.DSIconSizes.M
+    }), /*#__PURE__*/_jsx__default["default"](PageHeaderMainSection, {}, void 0, hasBreadcrumbs && /*#__PURE__*/_jsx__default["default"](PageHeaderBreadcrumb, {}, void 0, breadcrumbs.map(breadcrumb => /*#__PURE__*/jsxRuntime.jsx(DSBreadcrumb__default["default"].Item, _objectSpread({}, breadcrumb), breadcrumb.label))), previousPage && /*#__PURE__*/_jsx__default["default"](PageHeaderBreadcrumb, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSBreadcrumb__default["default"].Item, _objectSpread({
+      label: previousPage.title,
+      onClick: previousPage.onClick
+    }, previousPage), previousPage.id)), /*#__PURE__*/_jsx__default["default"](PageHeaderTitleSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderTitle, {
+      editable: editable,
+      editing: editing,
+      onSelectOption: onSelectOption,
+      options: titleOptions,
+      optionsMinWidth: optionsMinWidth,
+      selection: optionsSelection,
+      subtitle: subtitle,
+      title: title,
+      titleInputProps: titleInputProps,
+      zIndex: zIndex
+    }), dsUtilities.isFunction(renderToolbar) && /*#__PURE__*/_jsx__default["default"](PageHeaderToolbar, {}, void 0, renderToolbar())))]
+  }));
 }
-var PageHeaderImpl_default = PageHeaderImpl;
-module.exports = __toCommonJS(PageHeaderImpl_exports);
-//# sourceMappingURL=PageHeaderImpl.js.map
+
+module.exports = PageHeaderImpl;

package/cjs/v1/Title.js

@@ -1,43 +1,25 @@
-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 });
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+const blockName = 'page-header';
+const TitleWrapper = dsClassnames.aggregatedClasses(DSTruncatedTooltipText__default["default"])("".concat(blockName, "-title"), 'title');
+
+const Title = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](TitleWrapper, {
+    value: children
+  });
 };
-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 Title_exports = {};
-__export(Title_exports, {
-  default: () => Title_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-const blockName = "page-header";
-const TitleWrapper = (0, import_ds_classnames.aggregatedClasses)(import_ds_truncated_tooltip_text.default)(`${blockName}-title`, "title");
-const Title = ({ children }) => /* @__PURE__ */ import_react.default.createElement(TitleWrapper, {
-  value: children
-});
-var Title_default = Title;
-module.exports = __toCommonJS(Title_exports);
-//# sourceMappingURL=Title.js.map
+
+module.exports = Title;

package/cjs/v1/TitleWrapper.js

@@ -1,37 +1,8 @@
-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 TitleWrapper_exports = {};
-__export(TitleWrapper_exports, {
-  default: () => TitleWrapper_default
-});
-var React = __toESM(require("react"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-const blockName = "page-header";
-var TitleWrapper_default = (0, import_ds_classnames.aggregatedClasses)("span")(`${blockName}-title-wrapper`);
-module.exports = __toCommonJS(TitleWrapper_exports);
-//# sourceMappingURL=TitleWrapper.js.map
+'use strict';
+
+var dsClassnames = require('@elliemae/ds-classnames');
+
+const blockName = 'page-header';
+var TitleWrapper = dsClassnames.aggregatedClasses('span')("".concat(blockName, "-title-wrapper"));
+
+module.exports = TitleWrapper;

package/cjs/v2/PageHeader.js

@@ -1,106 +1,91 @@
-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 PageHeader_exports = {};
-__export(PageHeader_exports, {
-  DSPageHeaderV2: () => DSPageHeaderV2,
-  DSPageHeaderWithSchema: () => DSPageHeaderWithSchema,
-  PageHeaderCustomRenderer: () => PageHeaderCustomRenderer,
-  PageHeaderEditableTitle: () => import_PageHeaderEditableTitle.PageHeaderEditableTitle,
-  PageHeaderMenu: () => import_PageHeaderMenu.PageHeaderMenu,
-  PageHeaderSummary: () => import_PageHeaderSummary.PageHeaderSummary,
-  PageHeaderTitle: () => import_PageHeaderTitle.PageHeaderTitle,
-  default: () => PageHeader_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_PageHeaderTitle = __toESM(require("./components/PageHeaderTitle/PageHeaderTitle"));
-var import_PageHeaderEditableTitle = __toESM(require("./components/PageHeaderEditableTitle/PageHeaderEditableTitle"));
-var import_PageHeaderSummary = __toESM(require("./components/PageHeaderSummary/PageHeaderSummary"));
-var import_PageHeaderMenu = __toESM(require("./components/PageHeaderMenu/PageHeaderMenu"));
-var import_PageHeaderToolbar = __toESM(require("./components/PageHeaderToolbar/PageHeaderToolbar"));
-var import_PageHeaderBack = __toESM(require("./components/PageHeaderBack/PageHeaderBack"));
-var import_blocks = __toESM(require("./components/blocks"));
-var import_props = __toESM(require("./props"));
-const PageHeaderCustomRenderer = import_styled_components.default.div`
-  width: auto;
-  color: ${(props) => props.theme.colors.brand[800]};
-  font-style: italic;
-  font-size: 0.8rem;
-`;
-const Container = import_styled_components.default.div`
-  width: 100%;
-  margin-bottom: 8px;
-`;
-const ContainerWBorder = import_styled_components.default.div`
-  width: 100%;
-  padding: 12px 0 8px 0;
-  display: grid;
-  align-items: center;
-  height: 100%;
-  ${(props) => !props.withBottomSeparator ? "" : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`}
-`;
-const DSPageHeaderV2 = ({
-  containerProps,
-  breadcrumbs,
-  pageTitle,
-  backarrow,
-  summary,
-  toolbar,
-  menu,
-  withBottomSeparator
-}) => {
-  const wrapperRow = ["auto", 1];
-  const mainRow = (0, import_lodash.compact)([1, "auto"]);
-  const pageTitleRow = (0, import_lodash.compact)(["auto", menu && "30px", summary && "auto", 1]);
-  return /* @__PURE__ */ import_react.default.createElement(Container, {
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(ContainerWBorder, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var PageHeaderTitle = require('./components/PageHeaderTitle/PageHeaderTitle.js');
+var PageHeaderEditableTitle = require('./components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
+var PageHeaderSummary = require('./components/PageHeaderSummary/PageHeaderSummary.js');
+var PageHeaderMenu = require('./components/PageHeaderMenu/PageHeaderMenu.js');
+var PageHeaderToolbar = require('./components/PageHeaderToolbar/PageHeaderToolbar.js');
+var PageHeaderBack = require('./components/PageHeaderBack/PageHeaderBack.js');
+require('./components/blocks.js');
+var props = require('./props.js');
+var jsxRuntime = require('react/jsx-runtime');
+var dsClassnames = require('@elliemae/ds-classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _div;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const PageHeaderCustomRenderer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-ps4m9w-0"
+})(["width:auto;color:", ";font-style:italic;font-size:0.8rem;"], props => props.theme.colors.brand[800]);
+const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-ps4m9w-1"
+})(["width:100%;margin-bottom:8px;"]);
+const ContainerWBorder = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-ps4m9w-2"
+})(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";"));
+
+const DSPageHeaderV2 = _ref => {
+  let {
+    containerProps,
+    breadcrumbs,
+    pageTitle,
+    backarrow,
+    summary,
+    toolbar,
+    menu,
     withBottomSeparator
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: wrapperRow
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderBack.PageHeaderBack, null, backarrow)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    rows: ["auto", "auto"]
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    className: `${import_blocks.cssPrefix}-page-header-v2-breadcrumb`
-  }, breadcrumbs), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: mainRow
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: pageTitleRow
-  }, pageTitle, menu && /* @__PURE__ */ import_react.default.createElement(import_PageHeaderMenu.PageHeaderMenu, null, menu), summary, /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderToolbar.PageHeaderToolbar, null, toolbar)))))));
+  } = _ref;
+  const wrapperRow = ['auto', 1];
+  const mainRow = lodash.compact([1, 'auto']);
+  const pageTitleRow = lodash.compact(['auto', menu && '30px', summary && 'auto', 1]);
+  return /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](ContainerWBorder, {
+      withBottomSeparator: withBottomSeparator
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      cols: wrapperRow
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderBack.PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      rows: ['auto', 'auto']
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      className: "".concat(dsClassnames.cssPrefix, "-page-header-v2-breadcrumb")
+    }, void 0, breadcrumbs), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      cols: mainRow
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      cols: pageTitleRow
+    }, void 0, pageTitle, menu && /*#__PURE__*/_jsx__default["default"](PageHeaderMenu.PageHeaderMenu, {}, void 0, menu), summary, _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderToolbar.PageHeaderToolbar, {}, void 0, toolbar))))))
+  }));
 };
-DSPageHeaderV2.propTypes = import_props.navProps;
-DSPageHeaderV2.defaultProps = import_props.defaultProps;
-const DSPageHeaderWithSchema = (0, import_react_desc.describe)(DSPageHeaderV2);
-DSPageHeaderWithSchema.propTypes = import_props.navProps;
-var PageHeader_default = DSPageHeaderV2;
-module.exports = __toCommonJS(PageHeader_exports);
-//# sourceMappingURL=PageHeader.js.map
+
+DSPageHeaderV2.defaultProps = props.defaultProps;
+const DSPageHeaderWithSchema = reactDesc.describe(DSPageHeaderV2);
+DSPageHeaderWithSchema.propTypes = props.navProps;
+
+exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
+exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
+exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
+exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;
+exports.DSPageHeaderV2 = DSPageHeaderV2;
+exports.DSPageHeaderWithSchema = DSPageHeaderWithSchema;
+exports.PageHeaderCustomRenderer = PageHeaderCustomRenderer;
+exports["default"] = DSPageHeaderV2;