@elliemae/ds-page-header 1.60.0 → 2.0.0-alpha.12

package/cjs/v1/PageHeaderImpl.js

@@ -1,140 +1,129 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+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 v1_EditableTitle = require('./EditableTitle.js');
-var v1_Title = require('./Title.js');
-var v1_DropdownTitle = require('./DropdownTitle.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-form/Input');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-button');
-require('./TitleWrapper.js');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
 
-var blockName = 'page-header';
-var PageHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
-  var withBottomSeparator = _ref.withBottomSeparator,
-      subtitle = _ref.subtitle;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
   };
 });
-var PageHeaderMainSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-main-section"));
-var PageHeaderTitleSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title-section"));
-var PageHeaderToolbar = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, function () {
-  return {
-    'ie-flex-basis-auto': true
-  };
-});
-var PageHeaderBreadcrumb = dsClassnames.aggregatedClasses(DSBreadcrumb__default['default'])("".concat(blockName, "-breadcrumb"));
-var PageHeaderTitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"));
-var Subtitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
-var BackArrow = dsClassnames.aggregatedClasses(dsIcons.ChevronLeft)("".concat(blockName, "-backarrow"));
+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 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) {
-  var _ref2$title = _ref2.title,
-      title = _ref2$title === void 0 ? '' : _ref2$title,
-      _ref2$options = _ref2.options,
-      options = _ref2$options === void 0 ? [] : _ref2$options,
-      optionsMinWidth = _ref2.optionsMinWidth,
-      _ref2$onSelectOption = _ref2.onSelectOption,
-      onSelectOption = _ref2$onSelectOption === void 0 ? function () {
-    return null;
-  } : _ref2$onSelectOption,
-      selection = _ref2.selection,
-      _ref2$subtitle = _ref2.subtitle,
-      subtitle = _ref2$subtitle === void 0 ? '' : _ref2$subtitle,
-      _ref2$editable = _ref2.editable,
-      editable = _ref2$editable === void 0 ? false : _ref2$editable,
-      _ref2$editing = _ref2.editing,
-      editing = _ref2$editing === void 0 ? false : _ref2$editing,
-      titleInputProps = _ref2.titleInputProps,
-      zIndex = _ref2.zIndex;
-  var titleComponent = editable ? /*#__PURE__*/React__default['default'].createElement(v1_EditableTitle, {
+  let {
+    title = '',
+    options = [],
+    optionsMinWidth,
+    onSelectOption = () => null,
+    selection,
+    subtitle = '',
+    editable = false,
+    editing = false,
+    titleInputProps,
+    zIndex
+  } = _ref2;
+  const titleComponent = editable ? /*#__PURE__*/_jsx__default["default"](EditableTitle, {
     editing: editing,
     titleInputProps: titleInputProps
-  }, title) : /*#__PURE__*/React__default['default'].createElement(v1_Title, null, title);
-  return /*#__PURE__*/React__default['default'].createElement(PageHeaderTitle, null, options.length ? /*#__PURE__*/React__default['default'].createElement(v1_DropdownTitle, {
+  }, 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__*/React__default['default'].createElement(Subtitle, null, subtitle));
+  }) : titleComponent, subtitle && /*#__PURE__*/_jsx__default["default"](Subtitle, {}, void 0, subtitle));
 }
 
 function PageHeaderImpl(_ref3) {
-  var containerProps = _ref3.containerProps,
-      className = _ref3.className,
-      title = _ref3.title,
-      titleOptions = _ref3.titleOptions,
-      renderToolbar = _ref3.renderToolbar,
-      _ref3$breadcrumbs = _ref3.breadcrumbs,
-      breadcrumbs = _ref3$breadcrumbs === void 0 ? [] : _ref3$breadcrumbs,
-      previousPage = _ref3.previousPage,
-      _ref3$onGoToPreviousP = _ref3.onGoToPreviousPage,
-      onGoToPreviousPage = _ref3$onGoToPreviousP === void 0 ? function () {
-    return null;
-  } : _ref3$onGoToPreviousP,
-      _ref3$subtitle = _ref3.subtitle,
-      subtitle = _ref3$subtitle === void 0 ? '' : _ref3$subtitle,
-      withBottomSeparator = _ref3.withBottomSeparator,
-      onSelectOption = _ref3.onSelectOption,
-      optionsSelection = _ref3.optionsSelection,
-      optionsMinWidth = _ref3.optionsMinWidth,
-      _ref3$editable = _ref3.editable,
-      editable = _ref3$editable === void 0 ? false : _ref3$editable,
-      titleInputProps = _ref3.titleInputProps,
-      _ref3$editing = _ref3.editing,
-      editing = _ref3$editing === void 0 ? undefined : _ref3$editing,
-      zIndex = _ref3.zIndex;
-  var hasBreadcrumbs = !!breadcrumbs.length;
-  return /*#__PURE__*/React__default['default'].createElement(PageHeaderContainer, _extends__default['default']({}, containerProps, {
+  let {
+    containerProps,
+    className,
+    title,
+    titleOptions,
+    renderToolbar,
+    breadcrumbs = [],
+    previousPage,
+    onGoToPreviousPage = () => null,
+    subtitle = '',
+    withBottomSeparator,
+    onSelectOption,
+    optionsSelection,
+    optionsMinWidth,
+    editable = false,
+    titleInputProps,
+    editing = undefined,
+    zIndex
+  } = _ref3;
+  const hasBreadcrumbs = !!breadcrumbs.length;
+  return /*#__PURE__*/jsxRuntime.jsxs(PageHeaderContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
     className: className,
     classProps: {
-      withBottomSeparator: withBottomSeparator,
-      subtitle: subtitle
-    }
-  }), previousPage && /*#__PURE__*/React__default['default'].createElement(BackArrow, {
-    "data-testid": "back-arrow",
-    onClick: onGoToPreviousPage,
-    size: dsIcon.DSIconSizes.M
-  }), /*#__PURE__*/React__default['default'].createElement(PageHeaderMainSection, null, hasBreadcrumbs && /*#__PURE__*/React__default['default'].createElement(PageHeaderBreadcrumb, null, breadcrumbs.map(function (breadcrumb) {
-    return /*#__PURE__*/React__default['default'].createElement(DSBreadcrumb__default['default'].Item, _extends__default['default']({
-      key: breadcrumb.label
-    }, breadcrumb));
-  })), previousPage && /*#__PURE__*/React__default['default'].createElement(PageHeaderBreadcrumb, null, /*#__PURE__*/React__default['default'].createElement(DSBreadcrumb__default['default'].Item, _extends__default['default']({
-    key: previousPage.id,
-    label: previousPage.title,
-    onClick: previousPage.onClick
-  }, previousPage))), /*#__PURE__*/React__default['default'].createElement(PageHeaderTitleSection, null, /*#__PURE__*/React__default['default'].createElement(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__*/React__default['default'].createElement(PageHeaderToolbar, null, renderToolbar()))));
+      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())))]
+  }));
 }
 
 module.exports = PageHeaderImpl;
-//# sourceMappingURL=PageHeaderImpl.js.map

package/cjs/v1/Title.js

@@ -1,23 +1,25 @@
 'use strict';
 
-var React = require('react');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-var blockName = 'page-header';
-var TitleWrapper = dsClassnames.aggregatedClasses(DSTruncatedTooltipText__default['default'])("".concat(blockName, "-title"), 'title');
+const blockName = 'page-header';
+const TitleWrapper = dsClassnames.aggregatedClasses(DSTruncatedTooltipText__default["default"])("".concat(blockName, "-title"), 'title');
 
-var Title = function Title(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(TitleWrapper, {
+const Title = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](TitleWrapper, {
     value: children
   });
 };
 
 module.exports = Title;
-//# sourceMappingURL=Title.js.map

package/cjs/v1/TitleWrapper.js

@@ -2,8 +2,7 @@
 
 var dsClassnames = require('@elliemae/ds-classnames');
 
-var blockName = 'page-header';
+const blockName = 'page-header';
 var TitleWrapper = dsClassnames.aggregatedClasses('span')("".concat(blockName, "-title-wrapper"));
 
 module.exports = TitleWrapper;
-//# sourceMappingURL=TitleWrapper.js.map

package/cjs/v2/PageHeader.js

@@ -2,86 +2,90 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+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 v2_components_PageHeaderTitle_PageHeaderTitle = require('./components/PageHeaderTitle/PageHeaderTitle.js');
-var v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle = require('./components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var v2_components_PageHeaderSummary_PageHeaderSummary = require('./components/PageHeaderSummary/PageHeaderSummary.js');
-var v2_components_PageHeaderMenu_PageHeaderMenu = require('./components/PageHeaderMenu/PageHeaderMenu.js');
-var v2_components_PageHeaderToolbar_PageHeaderToolbar = require('./components/PageHeaderToolbar/PageHeaderToolbar.js');
-var v2_components_PageHeaderBack_PageHeaderBack = require('./components/PageHeaderBack/PageHeaderBack.js');
+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 v2_props = require('./props.js');
+var props = require('./props.js');
+var jsxRuntime = require('react/jsx-runtime');
 var dsClassnames = require('@elliemae/ds-classnames');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-form/RequiredMark');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable max-lines */
-var PageHeaderCustomRenderer = /*#__PURE__*/styled__default['default'].div.withConfig({
+var _div;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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;"], function (props) {
-  return props.theme.colors.brand[800];
-});
-var Container = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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;"]);
-var ContainerWBorder = /*#__PURE__*/styled__default['default'].div.withConfig({
+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%;", ""], function (props) {
-  return !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";");
-});
+})(["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], ";"));
 
-var DSPageHeaderV2 = function DSPageHeaderV2(_ref) {
-  var containerProps = _ref.containerProps,
-      breadcrumbs = _ref.breadcrumbs,
-      pageTitle = _ref.pageTitle,
-      backarrow = _ref.backarrow,
-      summary = _ref.summary,
-      toolbar = _ref.toolbar,
-      menu = _ref.menu,
-      withBottomSeparator = _ref.withBottomSeparator;
-  var wrapperRow = ['auto', 1];
-  var mainRow = lodash.compact([1, 'auto']);
-  var pageTitleRow = lodash.compact(['auto', menu && '30px', summary && 'auto', 1]);
-  return /*#__PURE__*/React__default['default'].createElement(Container, containerProps, /*#__PURE__*/React__default['default'].createElement(ContainerWBorder, {
-    withBottomSeparator: withBottomSeparator
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: wrapperRow
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(v2_components_PageHeaderBack_PageHeaderBack.PageHeaderBack, null, backarrow)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    rows: ['auto', 'auto']
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    className: "".concat(dsClassnames.cssPrefix, "-page-header-v2-breadcrumb")
-  }, breadcrumbs), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: mainRow
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: pageTitleRow
-  }, pageTitle, menu && /*#__PURE__*/React__default['default'].createElement(v2_components_PageHeaderMenu_PageHeaderMenu.PageHeaderMenu, null, menu), summary, /*#__PURE__*/React__default['default'].createElement("div", null)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(v2_components_PageHeaderToolbar_PageHeaderToolbar.PageHeaderToolbar, null, toolbar)))))));
+const DSPageHeaderV2 = _ref => {
+  let {
+    containerProps,
+    breadcrumbs,
+    pageTitle,
+    backarrow,
+    summary,
+    toolbar,
+    menu,
+    withBottomSeparator
+  } = _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 = v2_props.navProps;
-DSPageHeaderV2.defaultProps = v2_props.defaultProps;
-var DSPageHeaderWithSchema = reactDesc.describe(DSPageHeaderV2);
-DSPageHeaderWithSchema.propTypes = v2_props.navProps;
+DSPageHeaderV2.defaultProps = props.defaultProps;
+const DSPageHeaderWithSchema = reactDesc.describe(DSPageHeaderV2);
+DSPageHeaderWithSchema.propTypes = props.navProps;
 
-exports.PageHeaderTitle = v2_components_PageHeaderTitle_PageHeaderTitle.PageHeaderTitle;
-exports.PageHeaderEditableTitle = v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderSummary = v2_components_PageHeaderSummary_PageHeaderSummary.PageHeaderSummary;
-exports.PageHeaderMenu = v2_components_PageHeaderMenu_PageHeaderMenu.PageHeaderMenu;
+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;
-//# sourceMappingURL=PageHeader.js.map
+exports["default"] = DSPageHeaderV2;

package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js

@@ -2,24 +2,36 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var v2_components_blocks = require('../blocks.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
+require('react');
+var blocks = require('../blocks.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children"];
-var PageHeaderBack = function PageHeaderBack(_ref) {
-  var children = _ref.children,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+const _excluded = ["children"];
 
-  return /*#__PURE__*/React__default['default'].createElement(v2_components_blocks.PageHeaderBackWrapper, rest, children);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const PageHeaderBack = _ref => {
+  let {
+    children
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(blocks.PageHeaderBackWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 
 exports.PageHeaderBack = PageHeaderBack;
-//# sourceMappingURL=PageHeaderBack.js.map