@elliemae/ds-page-header 3.4.3-rc.1 → 3.5.0-rc.10

package/dist/cjs/DSPageHeader.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSPageHeader_exports = {};
 __export(DSPageHeader_exports, {

package/dist/cjs/DSPageHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSPageHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './v2/PageHeader';\nexport { default } from './v1/DSPageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAc,4BAAd;AACA,0BAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAc,4BAAd;AACA,0BAAwB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './v1/DSPageHeader';\nexport * from './v2/PageHeader';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle';\n\nexport * from './v2/exported-related';\nexport { default } from './v1/DSPageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,4BADd;AAGA,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AAEpD,wBAAc,kCAPd;AAQA,0BAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,4BADd;AAGA,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AAEpD,wBAAc,kCAPd;AAQA,0BAAwB;",
   "names": []
 }

package/dist/cjs/v1/DSPageHeader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSPageHeader_exports = {};
 __export(DSPageHeader_exports, {
@@ -27,7 +30,7 @@ __export(DSPageHeader_exports, {
 });
 module.exports = __toCommonJS(DSPageHeader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl"));
@@ -48,45 +51,71 @@ const DSPageHeader = ({
   zIndex = 2,
   optionsMinWidth = void 0,
   ...otherProps
-}) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderImpl.default, {
-  containerProps,
-  editable,
-  editing,
-  onGoToPreviousPage,
-  onSelectOption,
-  optionsMinWidth,
-  optionsSelection,
-  previousPage,
-  renderToolbar,
-  subtitle,
-  title,
-  titleInputProps,
-  titleOptions,
-  withBottomSeparator,
-  zIndex,
-  ...otherProps
-}));
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageHeaderImpl.default, {
+    containerProps,
+    editable,
+    editing,
+    onGoToPreviousPage,
+    onSelectOption,
+    optionsMinWidth,
+    optionsSelection,
+    previousPage,
+    renderToolbar,
+    subtitle,
+    title,
+    titleInputProps,
+    titleOptions,
+    withBottomSeparator,
+    zIndex,
+    ...otherProps
+  })
+});
 const props = {
   version: import_ds_utilities.PropTypes.oneOf([1, 2]).description("Component version"),
-  containerProps: import_ds_utilities.PropTypes.object.description("props injected to page header wrapper node"),
-  renderToolbar: import_ds_utilities.PropTypes.func.description("Function that returns the toolbar to the right of the page header"),
-  withBottomSeparator: import_ds_utilities.PropTypes.bool.description("Whether to show a separator at the bottom of the header"),
+  containerProps: import_ds_utilities.PropTypes.object.description(
+    "props injected to page header wrapper node"
+  ),
+  renderToolbar: import_ds_utilities.PropTypes.func.description(
+    "Function that returns the toolbar to the right of the page header"
+  ),
+  withBottomSeparator: import_ds_utilities.PropTypes.bool.description(
+    "Whether to show a separator at the bottom of the header"
+  ),
   title: import_ds_utilities.PropTypes.string.description("The page header title"),
-  titleOptions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("The title dropdown options"),
-  onSelectOption: import_ds_utilities.PropTypes.func.description("Handler when a user selects an item in the dropdown menu"),
+  titleOptions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description(
+    "The title dropdown options"
+  ),
+  onSelectOption: import_ds_utilities.PropTypes.func.description(
+    "Handler when a user selects an item in the dropdown menu"
+  ),
   subtitle: import_ds_utilities.PropTypes.string.description("Description text below the title"),
-  optionsSelection: import_ds_utilities.PropTypes.object.description("Selection state for the title dropdown"),
+  optionsSelection: import_ds_utilities.PropTypes.object.description(
+    "Selection state for the title dropdown"
+  ),
   editable: import_ds_utilities.PropTypes.bool.description("Whether the title is editable or not"),
-  editing: import_ds_utilities.PropTypes.bool.description("Activates/Deactivates the editing state in the title"),
-  titleInputProps: import_ds_utilities.PropTypes.object.description("Props passed to the input for editing the title"),
-  previousPage: import_ds_utilities.PropTypes.object.description("Enables navigation to previous page with back-arrow"),
-  onGoToPreviousPage: import_ds_utilities.PropTypes.func.description("Callback to handle navigation to previous page"),
+  editing: import_ds_utilities.PropTypes.bool.description(
+    "Activates/Deactivates the editing state in the title"
+  ),
+  titleInputProps: import_ds_utilities.PropTypes.object.description(
+    "Props passed to the input for editing the title"
+  ),
+  previousPage: import_ds_utilities.PropTypes.object.description(
+    "Enables navigation to previous page with back-arrow"
+  ),
+  onGoToPreviousPage: import_ds_utilities.PropTypes.func.description(
+    "Callback to handle navigation to previous page"
+  ),
   zIndex: import_ds_utilities.PropTypes.number.description("z-index to use for the DropdownMenu"),
-  optionsMinWidth: import_ds_utilities.PropTypes.number.description("min width for options dropdown menu")
+  optionsMinWidth: import_ds_utilities.PropTypes.number.description(
+    "min width for options dropdown menu"
+  )
 };
 DSPageHeader.propTypes = props;
 DSPageHeader.displayName = "DSPageHeader";
-const DSPageHeaderV1WithSchema = (0, import_ds_utilities.describe)(DSPageHeader).deprecated("use DSPageHeaderV2");
+const DSPageHeaderV1WithSchema = (0, import_ds_utilities.describe)(DSPageHeader).deprecated(
+  "use DSPageHeaderV2"
+);
 DSPageHeaderV1WithSchema.propTypes = props;
 var DSPageHeader_default = DSPageHeader;
 //# sourceMappingURL=DSPageHeader.js.map

package/dist/cjs/v1/DSPageHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/DSPageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n  containerProps = {},\n  renderToolbar = undefined,\n  withBottomSeparator = true,\n  title = '',\n  titleOptions = undefined,\n  onSelectOption = () => null,\n  subtitle = '',\n  optionsSelection = {},\n  onGoToPreviousPage = () => null,\n  previousPage,\n  editable = false,\n  editing = undefined,\n  titleInputProps = {},\n  zIndex = 2,\n  optionsMinWidth = undefined,\n  ...otherProps\n}) => (\n  <TooltipTextProvider>\n    <PageHeaderImpl\n      containerProps={containerProps}\n      editable={editable}\n      editing={editing}\n      onGoToPreviousPage={onGoToPreviousPage}\n      onSelectOption={onSelectOption}\n      optionsMinWidth={optionsMinWidth}\n      optionsSelection={optionsSelection}\n      previousPage={previousPage}\n      renderToolbar={renderToolbar}\n      subtitle={subtitle}\n      title={title}\n      titleInputProps={titleInputProps}\n      titleOptions={titleOptions}\n      withBottomSeparator={withBottomSeparator}\n      zIndex={zIndex}\n      {...otherProps}\n    />\n  </TooltipTextProvider>\n);\n\nconst props = {\n  /* Component version */\n  version: PropTypes.oneOf([1, 2]).description('Component version'),\n  /* props injected to page header wrapper node */\n  containerProps: PropTypes.object.description(\n    'props injected to page header wrapper node',\n  ),\n  /* Function that returns the toolbar to the right of the page header */\n  renderToolbar: PropTypes.func.description(\n    'Function that returns the toolbar to the right of the page header',\n  ),\n  /* Whether to show a separator at the bottom of the header */\n  withBottomSeparator: PropTypes.bool.description(\n    'Whether to show a separator at the bottom of the header',\n  ),\n  /* The page header title */\n  title: PropTypes.string.description('The page header title'),\n  /* The title dropdown options */\n  titleOptions: PropTypes.arrayOf(PropTypes.object).description(\n    'The title dropdown options',\n  ),\n  /* Handler when a user selects an item in the dropdown menu */\n  onSelectOption: PropTypes.func.description(\n    'Handler when a user selects an item in the dropdown menu',\n  ),\n  /* Description text below the title */\n  subtitle: PropTypes.string.description('Description text below the title'),\n  /* Selection state for the title dropdown */\n  optionsSelection: PropTypes.object.description(\n    'Selection state for the title dropdown',\n  ),\n  /* Whether the title is editable or not */\n  editable: PropTypes.bool.description('Whether the title is editable or not'),\n  /* Activates/Deactivates the editing state in the title */\n  editing: PropTypes.bool.description(\n    'Activates/Deactivates the editing state in the title',\n  ),\n  /* Props passed to the input for editing the title */\n  titleInputProps: PropTypes.object.description(\n    'Props passed to the input for editing the title',\n  ),\n  /* Enables navigation to previous page with back-arrow */\n  previousPage: PropTypes.object.description(\n    'Enables navigation to previous page with back-arrow',\n  ),\n  /* Callback to handle navigation to previous page */\n  onGoToPreviousPage: PropTypes.func.description(\n    'Callback to handle navigation to previous page',\n  ),\n  /* z-index to use for the DropdownMenu */\n  zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n  /** min width for options dropdown menu */\n  optionsMinWidth: PropTypes.number.description(\n    'min width for options dropdown menu',\n  ),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated(\n  'use DSPageHeaderV2',\n);\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AAAA,MAEH,mDAAC,4DACC,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACC,GAAG;AAAA,CACN,CACF;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,8BAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,8BAAU,OAAO,YAC/B,4CACF;AAAA,EAEA,eAAe,8BAAU,KAAK,YAC5B,mEACF;AAAA,EAEA,qBAAqB,8BAAU,KAAK,YAClC,yDACF;AAAA,EAEA,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAChD,4BACF;AAAA,EAEA,gBAAgB,8BAAU,KAAK,YAC7B,0DACF;AAAA,EAEA,UAAU,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,8BAAU,OAAO,YACjC,wCACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,8BAAU,KAAK,YACtB,sDACF;AAAA,EAEA,iBAAiB,8BAAU,OAAO,YAChC,iDACF;AAAA,EAEA,cAAc,8BAAU,OAAO,YAC7B,qDACF;AAAA,EAEA,oBAAoB,8BAAU,KAAK,YACjC,gDACF;AAAA,EAEA,QAAQ,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,8BAAU,OAAO,YAChC,qCACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,kCAAS,YAAY,EAAE,WACtD,oBACF;AACA,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AACL,MACE,4CAAC;AAAA,EACC,sDAAC,sBAAAA,SAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,GACN;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,8BAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,8BAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,eAAe,8BAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,qBAAqB,8BAAU,KAAK;AAAA,IAClC;AAAA,EACF;AAAA,EAEA,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,8BAAU,QAAQ,8BAAU,MAAM,EAAE;AAAA,IAChD;AAAA,EACF;AAAA,EAEA,gBAAgB,8BAAU,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,UAAU,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,8BAAU,OAAO;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,8BAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,iBAAiB,8BAAU,OAAO;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,cAAc,8BAAU,OAAO;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,oBAAoB,8BAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,QAAQ,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,8BAAU,OAAO;AAAA,IAChC;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,+BAA2B,8BAAS,YAAY,EAAE;AAAA,EACtD;AACF;AACA,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
+  "names": ["PageHeaderImpl"]
 }

package/dist/cjs/v1/DropdownTitle.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DropdownTitle_exports = {};
 __export(DropdownTitle_exports, {
@@ -25,24 +28,29 @@ __export(DropdownTitle_exports, {
 });
 module.exports = __toCommonJS(DropdownTitle_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_TitleWrapper = __toESM(require("./TitleWrapper"));
 function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_TitleWrapper.default, null, titleComponent, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
-    minWidth: optionsMinWidth,
-    onSelectMenuItem: onSelectOption,
-    options,
-    selection,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "text",
-      "data-testid": "page-header-dropdown-trigger-component",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null)
-    }),
-    zIndex
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_TitleWrapper.default, {
+    children: [
+      titleComponent,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dropdownmenu.default, {
+        minWidth: optionsMinWidth,
+        onSelectMenuItem: onSelectOption,
+        options,
+        selection,
+        triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+          buttonType: "text",
+          "data-testid": "page-header-dropdown-trigger-component",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {})
+        }),
+        zIndex
+      })
+    ]
+  });
 }
 DropdownTitle.propTypes = {};
 var DropdownTitle_default = DropdownTitle;

package/dist/cjs/v1/DropdownTitle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/DropdownTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport TitleWrapper from './TitleWrapper';\n\nfunction DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {\n  return (\n    <TitleWrapper>\n      {titleComponent}\n      <DSDropdownMenu\n        minWidth={optionsMinWidth}\n        onSelectMenuItem={onSelectOption}\n        options={options}\n        selection={selection}\n        triggerComponent={\n          <DSButton\n            buttonType=\"text\"\n            data-testid=\"page-header-dropdown-trigger-component\"\n            icon={<ChevronSmallDown />}\n          />\n        }\n        zIndex={zIndex}\n      />\n    </TitleWrapper>\n  );\n}\n\nDropdownTitle.propTypes = {};\n\nexport default DropdownTitle;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,6BAA2B;AAC3B,sBAAiC;AACjC,uBAAqB;AACrB,0BAAyB;AAEzB,uBAAuB,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,UAAU;AACtG,SACE,mDAAC,mCACE,gBACD,mDAAC;AAAA,IACC,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBACE,mDAAC;AAAA,MACC,YAAW;AAAA,MACX,eAAY;AAAA,MACZ,MAAM,mDAAC,sCAAiB;AAAA,KAC1B;AAAA,IAEF;AAAA,GACF,CACF;AAEJ;AAEA,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,6BAA2B;AAC3B,sBAAiC;AACjC,uBAAqB;AACrB,0BAAyB;AAEzB,SAAS,cAAc,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,OAAO,GAAG;AACtG,SACE,6CAAC,oBAAAA,SAAA;AAAA,IACE;AAAA;AAAA,MACD,4CAAC,uBAAAC,SAAA;AAAA,QACC,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,QACA,kBACE,4CAAC,iBAAAC,SAAA;AAAA,UACC,YAAW;AAAA,UACX,eAAY;AAAA,UACZ,MAAM,4CAAC,oCAAiB;AAAA,SAC1B;AAAA,QAEF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
+  "names": ["TitleWrapper", "DSDropdownMenu", "DSButton"]
 }

package/dist/cjs/v1/EditableTitle.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var EditableTitle_exports = {};
 __export(EditableTitle_exports, {
@@ -25,7 +28,8 @@ __export(EditableTitle_exports, {
 });
 module.exports = __toCommonJS(EditableTitle_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -33,7 +37,10 @@ var import_ds_utilities2 = require("@elliemae/ds-utilities");
 var import_Input = __toESM(require("@elliemae/ds-form/Input"));
 var import_Title = __toESM(require("./Title"));
 const blockName = "page-header";
-const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_Input.default)(`${blockName}-title`, "editable-title");
+const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_Input.default)(
+  `${blockName}-title`,
+  "editable-title"
+);
 function EditableTitle({
   children: value,
   editing: editingProp,
@@ -43,17 +50,28 @@ function EditableTitle({
   const [hovered, setHovered] = (0, import_react.useState)(false);
   const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
   const titleRef = (0, import_react.useRef)(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hovered || editing ? /* @__PURE__ */ import_react.default.createElement(EditableTitleComponent, {
-    ...titleInputProps,
-    onBlur: (0, import_ds_utilities2.runAll)(() => setEditing(false), titleInputProps.onBlur),
-    onChange: (0, import_ds_utilities2.runAll)((e) => setTitleValue(e.target.value), titleInputProps.onChange),
-    onFocus: (0, import_ds_utilities2.runAll)(() => setEditing(true), titleInputProps.onFocus),
-    onMouseOut: (0, import_ds_utilities2.runAll)(() => setHovered(false), titleInputProps.onMouseOut),
-    value: titleValue
-  }) : /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: titleRef,
-    onMouseEnter: () => setHovered(true)
-  }, /* @__PURE__ */ import_react.default.createElement(import_Title.default, null, titleValue)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: hovered || editing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EditableTitleComponent, {
+      ...titleInputProps,
+      onBlur: (0, import_ds_utilities2.runAll)(() => setEditing(false), titleInputProps.onBlur),
+      onChange: (0, import_ds_utilities2.runAll)(
+        (e) => setTitleValue(e.target.value),
+        titleInputProps.onChange
+      ),
+      onFocus: (0, import_ds_utilities2.runAll)(() => setEditing(true), titleInputProps.onFocus),
+      onMouseOut: (0, import_ds_utilities2.runAll)(
+        () => setHovered(false),
+        titleInputProps.onMouseOut
+      ),
+      value: titleValue
+    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      ref: titleRef,
+      onMouseEnter: () => setHovered(true),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, {
+        children: titleValue
+      })
+    })
+  });
 }
 EditableTitle.propTypes = {
   children: import_prop_types.default.string,

package/dist/cjs/v1/EditableTitle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/EditableTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(\n  `${blockName}-title`,\n  'editable-title',\n);\n\nfunction EditableTitle({\n  children: value,\n  editing: editingProp,\n  titleInputProps,\n}) {\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef(null);\n  return (\n    <>\n      {hovered || editing ? (\n        <EditableTitleComponent\n          {...titleInputProps}\n          onBlur={runAll(() => setEditing(false), titleInputProps.onBlur)}\n          onChange={runAll(\n            (e) => setTitleValue(e.target.value),\n            titleInputProps.onChange,\n          )}\n          onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n          onMouseOut={runAll(\n            () => setHovered(false),\n            titleInputProps.onMouseOut,\n          )}\n          value={titleValue}\n        />\n      ) : (\n        <div ref={titleRef} onMouseEnter={() => setHovered(true)}>\n          <Title>{titleValue}</Title>\n        </div>\n      )}\n    </>\n  );\n}\n\nEditableTitle.propTypes = {\n  /** The title text */\n  children: PropTypes.string,\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool,\n};\n\nexport default EditableTitle;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAAyC;AACzC,wBAAsB;AACtB,2BAAkC;AAClC,2BAAuB;AACvB,mBAAoB;AACpB,mBAAkB;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,4CAAkB,oBAAO,EACtD,GAAG,mBACH,gBACF;AAEA,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,SACE,wFACG,WAAW,UACV,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,QAAQ,iCAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,IAC9D,UAAU,iCACR,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GACnC,gBAAgB,QAClB;AAAA,IACA,SAAS,iCAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,IAC/D,YAAY,iCACV,MAAM,WAAW,KAAK,GACtB,gBAAgB,UAClB;AAAA,IACA,OAAO;AAAA,GACT,IAEA,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW,IAAI;AAAA,KACrD,mDAAC,4BAAO,UAAW,CACrB,CAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,0BAAU;AAAA,EAEpB,SAAS,0BAAU;AACrB;AAEA,IAAO,wBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAwC;AACxC,0BAAyC;AACzC,wBAAsB;AACtB,2BAAkC;AAClC,IAAAA,uBAAuB;AACvB,mBAAoB;AACpB,mBAAkB;AAElB,MAAM,YAAY;AAElB,MAAM,6BAAyB,wCAAkB,aAAAC,OAAO;AAAA,EACtD,GAAG;AAAA,EACH;AACF;AAEA,SAAS,cAAc;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AACF,GAAG;AACD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,QAAI,8CAAyB,eAAe,KAAK;AAC3E,QAAM,eAAW,qBAAO,IAAI;AAC5B,SACE;AAAA,IACG,qBAAW,UACV,4CAAC;AAAA,MACE,GAAG;AAAA,MACJ,YAAQ,6BAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,MAC9D,cAAU;AAAA,QACR,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,QACnC,gBAAgB;AAAA,MAClB;AAAA,MACA,aAAS,6BAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,MAC/D,gBAAY;AAAA,QACV,MAAM,WAAW,KAAK;AAAA,QACtB,gBAAgB;AAAA,MAClB;AAAA,MACA,OAAO;AAAA,KACT,IAEA,4CAAC;AAAA,MAAI,KAAK;AAAA,MAAU,cAAc,MAAM,WAAW,IAAI;AAAA,MACrD,sDAAC,aAAAC,SAAA;AAAA,QAAO;AAAA,OAAW;AAAA,KACrB;AAAA,GAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,kBAAAC,QAAU;AAAA,EAEpB,SAAS,kBAAAA,QAAU;AACrB;AAEA,IAAO,wBAAQ;",
+  "names": ["import_ds_utilities", "DSInput", "Title", "PropTypes"]
 }

package/dist/cjs/v1/PageHeaderImpl.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PageHeaderImpl_exports = {};
 __export(PageHeaderImpl_exports, {
@@ -25,7 +28,7 @@ __export(PageHeaderImpl_exports, {
 });
 module.exports = __toCommonJS(PageHeaderImpl_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -60,18 +63,28 @@ function HeaderTitle({
   titleInputProps,
   zIndex
 }) {
-  const titleComponent = editable ? /* @__PURE__ */ import_react.default.createElement(import_EditableTitle.default, {
+  const titleComponent = editable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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,
-    optionsMinWidth,
-    selection,
-    titleComponent,
-    zIndex
-  }) : titleComponent, subtitle && /* @__PURE__ */ import_react.default.createElement(Subtitle, null, subtitle));
+    titleInputProps,
+    children: title
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, {
+    children: title
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeaderTitle, {
+    children: [
+      options.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownTitle.default, {
+        onSelectOption,
+        options,
+        optionsMinWidth,
+        selection,
+        titleComponent,
+        zIndex
+      }) : titleComponent,
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, {
+        children: subtitle
+      })
+    ]
+  });
 }
 function PageHeaderImpl({
   containerProps,
@@ -93,37 +106,56 @@ function PageHeaderImpl({
   zIndex
 }) {
   const hasBreadcrumbs = !!breadcrumbs.length;
-  return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeaderContainer, {
     ...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,
-    onSelectOption,
-    options: titleOptions,
-    optionsMinWidth,
-    selection: optionsSelection,
-    subtitle,
-    title,
-    titleInputProps,
-    zIndex
-  }), (0, import_ds_utilities.isFunction)(renderToolbar) && /* @__PURE__ */ import_react.default.createElement(PageHeaderToolbar, null, renderToolbar()))));
+    },
+    children: [
+      previousPage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BackArrow, {
+        "data-testid": "back-arrow",
+        onClick: onGoToPreviousPage,
+        size: import_ds_icon.DSIconSizes.M
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeaderMainSection, {
+        children: [
+          hasBreadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeaderBreadcrumb, {
+            children: breadcrumbs.map((breadcrumb) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.default.Item, {
+              ...breadcrumb
+            }, breadcrumb.label))
+          }),
+          previousPage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeaderBreadcrumb, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.default.Item, {
+              label: previousPage.title,
+              onClick: previousPage.onClick,
+              ...previousPage
+            }, previousPage.id)
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeaderTitleSection, {
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeaderTitle, {
+                editable,
+                editing,
+                onSelectOption,
+                options: titleOptions,
+                optionsMinWidth,
+                selection: optionsSelection,
+                subtitle,
+                title,
+                titleInputProps,
+                zIndex
+              }),
+              (0, import_ds_utilities.isFunction)(renderToolbar) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeaderToolbar, {
+                children: renderToolbar()
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
 }
 var PageHeaderImpl_default = PageHeaderImpl;
 //# sourceMappingURL=PageHeaderImpl.js.map

package/dist/cjs/v1/PageHeaderImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/PageHeaderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle';\nimport Title from './Title';\nimport DropdownTitle from './DropdownTitle';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n  'with-bottom-separator': withBottomSeparator,\n  'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nfunction HeaderTitle({\n  title = '',\n  options = [],\n  optionsMinWidth,\n  onSelectOption = () => null,\n  selection,\n  subtitle = '',\n  editable = false,\n  editing = false,\n  titleInputProps,\n  zIndex,\n}) {\n  const titleComponent = editable ? (\n    <EditableTitle editing={editing} titleInputProps={titleInputProps}>\n      {title}\n    </EditableTitle>\n  ) : (\n    <Title>{title}</Title>\n  );\n\n  return (\n    <PageHeaderTitle>\n      {options.length ? (\n        <DropdownTitle\n          onSelectOption={onSelectOption}\n          options={options}\n          optionsMinWidth={optionsMinWidth}\n          selection={selection}\n          titleComponent={titleComponent}\n          zIndex={zIndex}\n        />\n      ) : (\n        titleComponent\n      )}\n      {subtitle && <Subtitle>{subtitle}</Subtitle>}\n    </PageHeaderTitle>\n  );\n}\n\nfunction PageHeaderImpl({\n  containerProps,\n  className,\n  title,\n  titleOptions,\n  renderToolbar,\n  breadcrumbs = [],\n  previousPage,\n  onGoToPreviousPage = () => null,\n  subtitle = '',\n  withBottomSeparator,\n  onSelectOption,\n  optionsSelection,\n  optionsMinWidth,\n  editable = false,\n  titleInputProps,\n  editing = undefined,\n  zIndex,\n}) {\n  const hasBreadcrumbs = !!breadcrumbs.length;\n\n  return (\n    <PageHeaderContainer\n      {...containerProps}\n      className={className}\n      classProps={{\n        withBottomSeparator,\n        subtitle,\n      }}\n    >\n      {previousPage && <BackArrow data-testid=\"back-arrow\" onClick={onGoToPreviousPage} size={DSIconSizes.M} />}\n      <PageHeaderMainSection>\n        {hasBreadcrumbs && (\n          <PageHeaderBreadcrumb>\n            {breadcrumbs.map((breadcrumb) => (\n              <DSBreadcrumb.Item key={breadcrumb.label} {...breadcrumb} />\n            ))}\n          </PageHeaderBreadcrumb>\n        )}\n        {previousPage && (\n          <PageHeaderBreadcrumb>\n            <DSBreadcrumb.Item\n              key={previousPage.id}\n              label={previousPage.title}\n              onClick={previousPage.onClick}\n              {...previousPage}\n            />\n          </PageHeaderBreadcrumb>\n        )}\n        <PageHeaderTitleSection>\n          <HeaderTitle\n            editable={editable}\n            editing={editing}\n            onSelectOption={onSelectOption}\n            options={titleOptions}\n            optionsMinWidth={optionsMinWidth}\n            selection={optionsSelection}\n            subtitle={subtitle}\n            title={title}\n            titleInputProps={titleInputProps}\n            zIndex={zIndex}\n          />\n          {isFunction(renderToolbar) && <PageHeaderToolbar>{renderToolbar()}</PageHeaderToolbar>}\n        </PageHeaderTitleSection>\n      </PageHeaderMainSection>\n    </PageHeaderContainer>\n  );\n}\n\nexport default PageHeaderImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["DSBreadcrumb", "EditableTitle", "Title", "DropdownTitle"]
 }

package/dist/cjs/v1/Title.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Title_exports = {};
 __export(Title_exports, {
@@ -25,12 +28,15 @@ __export(Title_exports, {
 });
 module.exports = __toCommonJS(Title_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_classnames = 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, {
+const TitleWrapper = (0, import_ds_classnames.aggregatedClasses)(import_ds_truncated_tooltip_text.default)(
+  `${blockName}-title`,
+  "title"
+);
+const Title = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleWrapper, {
   value: children
 });
 var Title_default = Title;

package/dist/cjs/v1/Title.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/Title.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst blockName = 'page-header';\nconst TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(\n  `${blockName}-title`,\n  'title',\n);\nconst Title = ({ children }) => <TitleWrapper value={children} />;\n\nexport default Title;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,uCAAmC;AAEnC,MAAM,YAAY;AAClB,MAAM,eAAe,4CAAkB,wCAAsB,EAC3D,GAAG,mBACH,OACF;AACA,MAAM,QAAQ,CAAC,EAAE,eAAe,mDAAC;AAAA,EAAa,OAAO;AAAA,CAAU;AAE/D,IAAO,gBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,2BAAkC;AAClC,uCAAmC;AAEnC,MAAM,YAAY;AAClB,MAAM,mBAAe,wCAAkB,iCAAAA,OAAsB;AAAA,EAC3D,GAAG;AAAA,EACH;AACF;AACA,MAAM,QAAQ,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAa,OAAO;AAAA,CAAU;AAE/D,IAAO,gBAAQ;",
+  "names": ["DSTruncatedTooltipText"]
 }

package/dist/cjs/v1/TitleWrapper.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TitleWrapper_exports = {};
 __export(TitleWrapper_exports, {

package/dist/cjs/v1/TitleWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v1/TitleWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,IAAO,uBAAQ,4CAAkB,MAAM,EAAE,GAAG,yBAAyB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,IAAO,2BAAQ,wCAAkB,MAAM,EAAE,GAAG,yBAAyB;",
   "names": []
 }