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

package/package.json

@@ -1,83 +1,86 @@
 {
   "name": "@elliemae/ds-page-header",
-  "version": "2.3.0-next.0",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Page Header",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./v2/tests/utils": {
-      "import": "./esm/v2/tests/utils.js",
-      "require": "./cjs/v2/tests/utils.js"
+      "import": "./dist/esm/v2/tests/utils.js",
+      "require": "./dist/cjs/v2/tests/utils.js"
     },
     "./v2/props": {
-      "import": "./esm/v2/props.js",
-      "require": "./cjs/v2/props.js"
+      "import": "./dist/esm/v2/props.js",
+      "require": "./dist/cjs/v2/props.js"
     },
     "./v2/PageHeader": {
-      "import": "./esm/v2/PageHeader.js",
-      "require": "./cjs/v2/PageHeader.js"
+      "import": "./dist/esm/v2/PageHeader.js",
+      "require": "./dist/cjs/v2/PageHeader.js"
     },
     "./v2/components/PageHeaderToolbar/PageHeaderToolbar": {
-      "import": "./esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js",
-      "require": "./cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js"
+      "import": "./dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js",
+      "require": "./dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js"
     },
     "./v2/components/PageHeaderTitle/PageHeaderTitle": {
-      "import": "./esm/v2/components/PageHeaderTitle/PageHeaderTitle.js",
-      "require": "./cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js"
+      "import": "./dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js",
+      "require": "./dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js"
     },
     "./v2/components/PageHeaderSummary/PageHeaderSummary": {
-      "import": "./esm/v2/components/PageHeaderSummary/PageHeaderSummary.js",
-      "require": "./cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js"
+      "import": "./dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js",
+      "require": "./dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js"
     },
     "./v2/components/PageHeaderMenu/PageHeaderMenu": {
-      "import": "./esm/v2/components/PageHeaderMenu/PageHeaderMenu.js",
-      "require": "./cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js"
+      "import": "./dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js",
+      "require": "./dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js"
     },
     "./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle": {
-      "import": "./esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js",
-      "require": "./cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js"
+      "import": "./dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js",
+      "require": "./dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js"
     },
     "./v2/components/PageHeaderBack/PageHeaderBack": {
-      "import": "./esm/v2/components/PageHeaderBack/PageHeaderBack.js",
-      "require": "./cjs/v2/components/PageHeaderBack/PageHeaderBack.js"
+      "import": "./dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js",
+      "require": "./dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js"
     },
     "./v2/components/blocks": {
-      "import": "./esm/v2/components/blocks.js",
-      "require": "./cjs/v2/components/blocks.js"
+      "import": "./dist/esm/v2/components/blocks.js",
+      "require": "./dist/cjs/v2/components/blocks.js"
     },
     "./v1/TitleWrapper": {
-      "import": "./esm/v1/TitleWrapper.js",
-      "require": "./cjs/v1/TitleWrapper.js"
+      "import": "./dist/esm/v1/TitleWrapper.js",
+      "require": "./dist/cjs/v1/TitleWrapper.js"
     },
     "./v1/Title": {
-      "import": "./esm/v1/Title.js",
-      "require": "./cjs/v1/Title.js"
+      "import": "./dist/esm/v1/Title.js",
+      "require": "./dist/cjs/v1/Title.js"
     },
     "./v1/PageHeaderImpl": {
-      "import": "./esm/v1/PageHeaderImpl.js",
-      "require": "./cjs/v1/PageHeaderImpl.js"
+      "import": "./dist/esm/v1/PageHeaderImpl.js",
+      "require": "./dist/cjs/v1/PageHeaderImpl.js"
     },
     "./v1/EditableTitle": {
-      "import": "./esm/v1/EditableTitle.js",
-      "require": "./cjs/v1/EditableTitle.js"
+      "import": "./dist/esm/v1/EditableTitle.js",
+      "require": "./dist/cjs/v1/EditableTitle.js"
     },
     "./v1/DSPageHeader": {
-      "import": "./esm/v1/DSPageHeader.js",
-      "require": "./cjs/v1/DSPageHeader.js"
+      "import": "./dist/esm/v1/DSPageHeader.js",
+      "require": "./dist/cjs/v1/DSPageHeader.js"
     },
     "./v1/DropdownTitle": {
-      "import": "./esm/v1/DropdownTitle.js",
-      "require": "./cjs/v1/DropdownTitle.js"
+      "import": "./dist/esm/v1/DropdownTitle.js",
+      "require": "./dist/cjs/v1/DropdownTitle.js"
     },
     "./DSPageHeader": {
-      "import": "./esm/DSPageHeader.js",
-      "require": "./cjs/DSPageHeader.js"
+      "import": "./dist/esm/DSPageHeader.js",
+      "require": "./dist/cjs/DSPageHeader.js"
     }
   },
   "sideEffects": [
@@ -89,27 +92,27 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-breadcrumb": "2.3.0-next.0",
-    "@elliemae/ds-button": "2.3.0-next.0",
-    "@elliemae/ds-classnames": "2.3.0-next.0",
-    "@elliemae/ds-dropdownmenu": "2.3.0-next.0",
-    "@elliemae/ds-form": "2.3.0-next.0",
-    "@elliemae/ds-grid": "2.3.0-next.0",
-    "@elliemae/ds-icon": "2.3.0-next.0",
-    "@elliemae/ds-icons": "2.3.0-next.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.0",
-    "@elliemae/ds-utilities": "2.3.0-next.0",
+    "@elliemae/ds-breadcrumb": "3.0.0-alpha.0",
+    "@elliemae/ds-button": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.0",
+    "@elliemae/ds-dropdownmenu": "3.0.0-alpha.0",
+    "@elliemae/ds-form": "3.0.0-alpha.0",
+    "@elliemae/ds-grid": "3.0.0-alpha.0",
+    "@elliemae/ds-icon": "3.0.0-alpha.0",
+    "@elliemae/ds-icons": "3.0.0-alpha.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.0",
+    "@elliemae/ds-utilities": "3.0.0-alpha.0",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
@@ -124,7 +127,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSPageHeader.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PageHeader = require('./v2/PageHeader.js');
-var DSPageHeader = require('./v1/DSPageHeader.js');
-var PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-
-
-
-exports.DSPageHeaderV2 = PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeader.PageHeaderCustomRenderer;
-exports["default"] = DSPageHeader.DSPageHeader;
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;

package/cjs/index.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSPageHeader = require('./v1/DSPageHeader.js');
-var PageHeader = require('./v2/PageHeader.js');
-var PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-
-
-
-exports.DSPageHeader = DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV1WithSchema = DSPageHeader.DSPageHeaderV1WithSchema;
-exports["default"] = DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV2 = PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeader.PageHeaderCustomRenderer;
-exports.DSPageHeaderSummaryWithSchema = PageHeaderSummary.DSPageHeaderSummaryWithSchema;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.DSPageHeaderTitleWithSchema = PageHeaderTitle.DSPageHeaderTitleWithSchema;
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.DSPageHeaderEditableTitleWithSchema = PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;

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;