@elliemae/ds-page-header 3.0.0-next.2 → 3.0.0-next.6

package/cjs/v1/DSPageHeader.js

@@ -1,124 +0,0 @@
-'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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactDesc = require('react-desc');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var PageHeaderImpl = require('./PageHeaderImpl.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["containerProps", "renderToolbar", "withBottomSeparator", "title", "titleOptions", "onSelectOption", "subtitle", "optionsSelection", "onGoToPreviousPage", "previousPage", "editable", "editing", "titleInputProps", "zIndex", "optionsMinWidth"];
-
-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 DSPageHeader = _ref => {
-  let {
-    containerProps = {},
-    renderToolbar = undefined,
-    withBottomSeparator = true,
-    title = '',
-    titleOptions = undefined,
-    onSelectOption = () => null,
-    subtitle = '',
-    optionsSelection = {},
-    onGoToPreviousPage = () => null,
-    previousPage,
-    editable = false,
-    editing = undefined,
-    titleInputProps = {},
-    zIndex = 2,
-    optionsMinWidth = undefined
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(PageHeaderImpl, _objectSpread({
-    containerProps: containerProps,
-    editable: editable,
-    editing: editing,
-    onGoToPreviousPage: onGoToPreviousPage,
-    onSelectOption: onSelectOption,
-    optionsMinWidth: optionsMinWidth,
-    optionsSelection: optionsSelection,
-    previousPage: previousPage,
-    renderToolbar: renderToolbar,
-    subtitle: subtitle,
-    title: title,
-    titleInputProps: titleInputProps,
-    titleOptions: titleOptions,
-    withBottomSeparator: withBottomSeparator,
-    zIndex: zIndex
-  }, otherProps)));
-};
-
-const props = {
-  /* Component version */
-  version: reactDesc.PropTypes.oneOf([1, 2]).description('Component version'),
-
-  /* props injected to page header wrapper node */
-  containerProps: reactDesc.PropTypes.object.description('props injected to page header wrapper node'),
-
-  /* Function that returns the toolbar to the right of the page header */
-  renderToolbar: reactDesc.PropTypes.func.description('Function that returns the toolbar to the right of the page header'),
-
-  /* Whether to show a separator at the bottom of the header */
-  withBottomSeparator: reactDesc.PropTypes.bool.description('Whether to show a separator at the bottom of the header'),
-
-  /* The page header title */
-  title: reactDesc.PropTypes.string.description('The page header title'),
-
-  /* The title dropdown options */
-  titleOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The title dropdown options'),
-
-  /* Handler when a user selects an item in the dropdown menu */
-  onSelectOption: reactDesc.PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),
-
-  /* Description text below the title */
-  subtitle: reactDesc.PropTypes.string.description('Description text below the title'),
-
-  /* Selection state for the title dropdown */
-  optionsSelection: reactDesc.PropTypes.object.description('Selection state for the title dropdown'),
-
-  /* Whether the title is editable or not */
-  editable: reactDesc.PropTypes.bool.description('Whether the title is editable or not'),
-
-  /* Activates/Deactivates the editing state in the title */
-  editing: reactDesc.PropTypes.bool.description('Activates/Deactivates the editing state in the title'),
-
-  /* Props passed to the input for editing the title */
-  titleInputProps: reactDesc.PropTypes.object.description('Props passed to the input for editing the title'),
-
-  /* Enables navigation to previous page with back-arrow */
-  previousPage: reactDesc.PropTypes.object.description('Enables navigation to previous page with back-arrow'),
-
-  /* Callback to handle navigation to previous page */
-  onGoToPreviousPage: reactDesc.PropTypes.func.description('Callback to handle navigation to previous page'),
-
-  /* z-index to use for the DropdownMenu */
-  zIndex: reactDesc.PropTypes.number.description('z-index to use for the DropdownMenu'),
-
-  /** min width for options dropdown menu */
-  optionsMinWidth: reactDesc.PropTypes.number.description('min width for options dropdown menu')
-};
-const DSPageHeaderV1WithSchema = reactDesc.describe(DSPageHeader).deprecated('use DSPageHeaderV2');
-DSPageHeaderV1WithSchema.propTypes = props;
-
-exports.DSPageHeader = DSPageHeader;
-exports.DSPageHeaderV1WithSchema = DSPageHeaderV1WithSchema;
-exports["default"] = DSPageHeader;

package/cjs/v1/DropdownTitle.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var TitleWrapper = require('./TitleWrapper.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _DSButton;
-
-function DropdownTitle(_ref) {
-  let {
-    titleComponent,
-    onSelectOption,
-    options,
-    optionsMinWidth,
-    selection,
-    zIndex
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](TitleWrapper, {}, void 0, titleComponent, /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
-    minWidth: optionsMinWidth,
-    onSelectMenuItem: onSelectOption,
-    options: options,
-    selection: selection,
-    triggerComponent: _DSButton || (_DSButton = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: "text",
-      "data-testid": "page-header-dropdown-trigger-component",
-      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})
-    })),
-    zIndex: zIndex
-  }));
-}
-
-module.exports = DropdownTitle;

package/cjs/v1/EditableTitle.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.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');
-var react = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSInput = require('@elliemae/ds-form/Input');
-var Title = require('./Title.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
-
-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 EditableTitleComponent = dsClassnames.aggregatedClasses(DSInput__default["default"])("".concat(blockName, "-title"), 'editable-title');
-
-function EditableTitle(_ref) {
-  let {
-    children: value,
-    editing: editingProp,
-    titleInputProps
-  } = _ref;
-  const [titleValue, setTitleValue] = react.useState(value);
-  const [hovered, setHovered] = react.useState(false);
-  const [editing, setEditing] = dsUtilities.useDerivedStateFromProps(editingProp || false);
-  const titleRef = react.useRef(null);
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: hovered || editing ? /*#__PURE__*/jsxRuntime.jsx(EditableTitleComponent, _objectSpread(_objectSpread({}, titleInputProps), {}, {
-      onBlur: dsUtilities.runAll(() => setEditing(false), titleInputProps.onBlur),
-      onChange: dsUtilities.runAll(e => setTitleValue(e.target.value), titleInputProps.onChange),
-      onFocus: dsUtilities.runAll(() => setEditing(true), titleInputProps.onFocus),
-      onMouseOut: dsUtilities.runAll(() => setHovered(false), titleInputProps.onMouseOut),
-      value: titleValue
-    })) : /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: titleRef,
-      onMouseEnter: () => setHovered(true),
-      children: /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, titleValue)
-    })
-  });
-}
-
-module.exports = EditableTitle;

package/cjs/v1/PageHeaderImpl.js

@@ -1,129 +0,0 @@
-'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
-  };
-});
-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) {
-  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
-  }, 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(_ref3) {
-  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,
-      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;

package/cjs/v1/Title.js

@@ -1,25 +0,0 @@
-'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
-  });
-};
-
-module.exports = Title;

package/cjs/v1/TitleWrapper.js

@@ -1,8 +0,0 @@
-'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,91 +0,0 @@
-'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
-  } = _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.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;

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

@@ -1,37 +0,0 @@
-'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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-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);
-
-const _excluded = ["children"];
-
-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 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;

package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js

@@ -1,121 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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');
-var react = require('react');
-var lodash = require('lodash');
-var styled = require('styled-components');
-var reactDesc = require('react-desc');
-var dsUtilities = require('@elliemae/ds-utilities');
-var blocks = require('../blocks.js');
-var PageHeaderTitle = require('../PageHeaderTitle/PageHeaderTitle.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
-
-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 EditableContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-v0pkny-0"
-})(["height:32px;position:relative;overflow:hidden;"]);
-const PageHeaderEditableTitle = _ref => {
-  let {
-    children: value,
-    editing: editingProp = false,
-    onBlur = lodash.noop,
-    onChange = lodash.noop,
-    onFocus = lodash.noop,
-    onMouseOut = lodash.noop,
-    showMarker = false
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const [titleValue, setTitleValue] = react.useState(value);
-  const [hovered, setHovered] = react.useState(false);
-  const [editing, setEditing] = dsUtilities.useDerivedStateFromProps(editingProp || false);
-  const titleRef = react.useRef(null);
-  const {
-    width
-  } = dsUtilities.useMeasure(titleRef);
-  return /*#__PURE__*/_jsx__default["default"](EditableContainer, {
-    className: hovered || editing ? 'editable-title-component' : '',
-    onMouseEnter: () => setHovered(true),
-    onMouseLeave: () => setHovered(false)
-  }, void 0, (hovered || editing) && /*#__PURE__*/jsxRuntime.jsx(blocks.EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
-    onBlur: e => {
-      setEditing(false);
-      onBlur(e);
-    },
-    onChange: e => {
-      setTitleValue(e.target.value);
-      onChange(e);
-    },
-    onFocus: e => {
-      setEditing(true);
-      onFocus(e);
-    },
-    onMouseOut: e => {
-      setHovered(false);
-      onMouseOut(e);
-    },
-    style: {
-      width: width + 10,
-      minWidth: '260px',
-      maxWidth: '100%'
-    },
-    value: titleValue
-  })), /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: titleRef,
-    style: {
-      width: 'fit-content'
-    },
-    children: /*#__PURE__*/_jsx__default["default"](PageHeaderTitle.PageHeaderTitle, {
-      showMarker: showMarker && !hovered && !editing
-    }, void 0, titleValue)
-  }));
-};
-const props = {
-  /** The title text */
-  children: reactDesc.PropTypes.string.description('The title text'),
-
-  /** Whether the title is editing or not */
-  editing: reactDesc.PropTypes.bool.description('Whether the title is editing or not'),
-
-  /** Show error marker */
-  showMarker: reactDesc.PropTypes.bool.description('Show error marker'),
-
-  /** blur callback */
-  onBlur: reactDesc.PropTypes.func.description('blur callback'),
-
-  /** on change handler */
-  onChange: reactDesc.PropTypes.func.description('on change handler'),
-
-  /** on focus handler */
-  onFocus: reactDesc.PropTypes.func.description('on focus handler'),
-
-  /** mouse out of component handler */
-  onMouseOut: reactDesc.PropTypes.func.description('mouse out of component handler')
-};
-const DSPageHeaderEditableTitleWithSchema = reactDesc.describe(PageHeaderEditableTitle);
-DSPageHeaderEditableTitleWithSchema.propTypes = props;
-
-exports.DSPageHeaderEditableTitleWithSchema = DSPageHeaderEditableTitleWithSchema;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle;
-exports["default"] = PageHeaderEditableTitle;