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

package/dist/cjs/DSPageHeader.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSPageHeader_exports = {};
+__export(DSPageHeader_exports, {
+  default: () => import_DSPageHeader.default
+});
+var React = __toESM(require("react"));
+__reExport(DSPageHeader_exports, require("./v2/PageHeader"));
+var import_DSPageHeader = __toESM(require("./v1/DSPageHeader"));
+module.exports = __toCommonJS(DSPageHeader_exports);
+//# sourceMappingURL=DSPageHeader.js.map

package/dist/cjs/DSPageHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,iCAAc;AACd,0BAAwB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  DSPageHeaderEditableTitleWithSchema: () => import_PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema,
+  DSPageHeaderSummaryWithSchema: () => import_PageHeaderSummary.DSPageHeaderSummaryWithSchema,
+  DSPageHeaderTitleWithSchema: () => import_PageHeaderTitle.DSPageHeaderTitleWithSchema,
+  default: () => import_DSPageHeader.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./v1/DSPageHeader"));
+__reExport(src_exports, require("./v2/PageHeader"));
+var import_PageHeaderSummary = require("./v2/components/PageHeaderSummary/PageHeaderSummary");
+var import_PageHeaderTitle = require("./v2/components/PageHeaderTitle/PageHeaderTitle");
+var import_PageHeaderEditableTitle = require("./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle");
+var import_DSPageHeader = __toESM(require("./v1/DSPageHeader"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle';\n\nexport { default } from './v1/DSPageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AAEd,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AAEpD,0BAAwB;",
+  "names": []
+}

package/dist/cjs/v1/DSPageHeader.js

@@ -0,0 +1,140 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSPageHeader_exports = {};
+__export(DSPageHeader_exports, {
+  DSPageHeader: () => DSPageHeader,
+  DSPageHeaderV1WithSchema: () => DSPageHeaderV1WithSchema,
+  default: () => DSPageHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl"));
+const DSPageHeader = (_a) => {
+  var _b = _a, {
+    containerProps = {},
+    renderToolbar = void 0,
+    withBottomSeparator = true,
+    title = "",
+    titleOptions = void 0,
+    onSelectOption = () => null,
+    subtitle = "",
+    optionsSelection = {},
+    onGoToPreviousPage = () => null,
+    previousPage,
+    editable = false,
+    editing = void 0,
+    titleInputProps = {},
+    zIndex = 2,
+    optionsMinWidth = void 0
+  } = _b, otherProps = __objRest(_b, [
+    "containerProps",
+    "renderToolbar",
+    "withBottomSeparator",
+    "title",
+    "titleOptions",
+    "onSelectOption",
+    "subtitle",
+    "optionsSelection",
+    "onGoToPreviousPage",
+    "previousPage",
+    "editable",
+    "editing",
+    "titleInputProps",
+    "zIndex",
+    "optionsMinWidth"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderImpl.default, __spreadValues({
+    containerProps,
+    editable,
+    editing,
+    onGoToPreviousPage,
+    onSelectOption,
+    optionsMinWidth,
+    optionsSelection,
+    previousPage,
+    renderToolbar,
+    subtitle,
+    title,
+    titleInputProps,
+    titleOptions,
+    withBottomSeparator,
+    zIndex
+  }, otherProps)));
+};
+const props = {
+  version: import_react_desc.PropTypes.oneOf([1, 2]).description("Component version"),
+  containerProps: import_react_desc.PropTypes.object.description("props injected to page header wrapper node"),
+  renderToolbar: import_react_desc.PropTypes.func.description("Function that returns the toolbar to the right of the page header"),
+  withBottomSeparator: import_react_desc.PropTypes.bool.description("Whether to show a separator at the bottom of the header"),
+  title: import_react_desc.PropTypes.string.description("The page header title"),
+  titleOptions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("The title dropdown options"),
+  onSelectOption: import_react_desc.PropTypes.func.description("Handler when a user selects an item in the dropdown menu"),
+  subtitle: import_react_desc.PropTypes.string.description("Description text below the title"),
+  optionsSelection: import_react_desc.PropTypes.object.description("Selection state for the title dropdown"),
+  editable: import_react_desc.PropTypes.bool.description("Whether the title is editable or not"),
+  editing: import_react_desc.PropTypes.bool.description("Activates/Deactivates the editing state in the title"),
+  titleInputProps: import_react_desc.PropTypes.object.description("Props passed to the input for editing the title"),
+  previousPage: import_react_desc.PropTypes.object.description("Enables navigation to previous page with back-arrow"),
+  onGoToPreviousPage: import_react_desc.PropTypes.func.description("Callback to handle navigation to previous page"),
+  zIndex: import_react_desc.PropTypes.number.description("z-index to use for the DropdownMenu"),
+  optionsMinWidth: import_react_desc.PropTypes.number.description("min width for options dropdown menu")
+};
+DSPageHeader.propTypes = props;
+const DSPageHeaderV1WithSchema = (0, import_react_desc.describe)(DSPageHeader).deprecated("use DSPageHeaderV2");
+DSPageHeaderV1WithSchema.propTypes = props;
+var DSPageHeader_default = DSPageHeader;
+module.exports = __toCommonJS(DSPageHeader_exports);
+//# sourceMappingURL=DSPageHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/DSPageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC,OAiBnB;AAjBmB,eACpB;AAAA,qBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,qBAAqB,MAAM;AAAA,IAC3B;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,kBAAkB;AAAA,MAfE,IAgBjB,uBAhBiB,IAgBjB;AAAA,IAfH;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;AAGA,4DAAC,sDAAD,MACE,mDAAC,+BAAD;AAAA,IACE;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,KACI;AAAA;AAKV,MAAM,QAAQ;AAAA,EAEZ,SAAS,4BAAU,MAAM,CAAC,GAAG,IAAI,YAAY;AAAA,EAE7C,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAGF,qBAAqB,4BAAU,KAAK,YAClC;AAAA,EAGF,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,cAAc,4BAAU,QAAQ,4BAAU,QAAQ,YAChD;AAAA,EAGF,gBAAgB,4BAAU,KAAK,YAC7B;AAAA,EAGF,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,kBAAkB,4BAAU,OAAO,YACjC;AAAA,EAGF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,SAAS,4BAAU,KAAK,YACtB;AAAA,EAGF,iBAAiB,4BAAU,OAAO,YAChC;AAAA,EAGF,cAAc,4BAAU,OAAO,YAC7B;AAAA,EAGF,oBAAoB,4BAAU,KAAK,YACjC;AAAA,EAGF,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAErC,iBAAiB,4BAAU,OAAO,YAChC;AAAA;AAIJ,aAAa,YAAY;AACzB,MAAM,2BAA2B,gCAAS,cAAc,WACtD;AAEF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/v1/DropdownTitle.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DropdownTitle_exports = {};
+__export(DropdownTitle_exports, {
+  default: () => DropdownTitle_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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
+  }));
+}
+DropdownTitle.propTypes = {};
+var DropdownTitle_default = DropdownTitle;
+module.exports = __toCommonJS(DropdownTitle_exports);
+//# sourceMappingURL=DropdownTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,6BAA2B;AAC3B,sBAAiC;AACjC,uBAAqB;AACrB,0BAAyB;AAEzB,uBAAuB,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,UAAU;AACtG,SACE,mDAAC,6BAAD,MACG,gBACD,mDAAC,gCAAD;AAAA,IACE,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBACE,mDAAC,0BAAD;AAAA,MACE,YAAW;AAAA,MACX,eAAY;AAAA,MACZ,MAAM,mDAAC,kCAAD;AAAA;AAAA,IAGV;AAAA;AAAA;AAMR,cAAc,YAAY;AAE1B,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/cjs/v1/EditableTitle.js

@@ -0,0 +1,85 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var EditableTitle_exports = {};
+__export(EditableTitle_exports, {
+  default: () => EditableTitle_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(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");
+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");
+function EditableTitle({
+  children: value,
+  editing: editingProp,
+  titleInputProps
+}) {
+  const [titleValue, setTitleValue] = (0, import_react.useState)(value);
+  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, __spreadProps(__spreadValues({}, 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)));
+}
+EditableTitle.propTypes = {
+  children: import_prop_types.default.string,
+  editing: import_prop_types.default.bool
+};
+var EditableTitle_default = EditableTitle;
+module.exports = __toCommonJS(EditableTitle_exports);
+//# sourceMappingURL=EditableTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAAyC;AACzC,wBAAsB;AACtB,2BAAkC;AAClC,2BAAuB;AACvB,mBAAoB;AACpB,mBAAkB;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,4CAAkB,sBAC/C,GAAG,mBACH;AAGF,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe;AACtE,QAAM,WAAW,yBAAO;AACxB,SACE,wFACG,WAAW,UACV,mDAAC,wBAAD,iCACM,kBADN;AAAA,IAEE,QAAQ,iCAAO,MAAM,WAAW,QAAQ,gBAAgB;AAAA,IACxD,UAAU,iCACR,CAAC,MAAM,cAAc,EAAE,OAAO,QAC9B,gBAAgB;AAAA,IAElB,SAAS,iCAAO,MAAM,WAAW,OAAO,gBAAgB;AAAA,IACxD,YAAY,iCACV,MAAM,WAAW,QACjB,gBAAgB;AAAA,IAElB,OAAO;AAAA,QAGT,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW;AAAA,KACjD,mDAAC,sBAAD,MAAQ;AAAA;AAOlB,cAAc,YAAY;AAAA,EAExB,UAAU,0BAAU;AAAA,EAEpB,SAAS,0BAAU;AAAA;AAGrB,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/cjs/v1/PageHeaderImpl.js

@@ -0,0 +1,149 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderImpl_exports = {};
+__export(PageHeaderImpl_exports, {
+  default: () => PageHeaderImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_breadcrumb = __toESM(require("@elliemae/ds-breadcrumb"));
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_EditableTitle = __toESM(require("./EditableTitle"));
+var import_Title = __toESM(require("./Title"));
+var import_DropdownTitle = __toESM(require("./DropdownTitle"));
+const blockName = "page-header";
+const PageHeaderContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
+  "with-bottom-separator": withBottomSeparator,
+  "with-subtitle": subtitle
+}));
+const PageHeaderMainSection = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-main-section`);
+const PageHeaderTitleSection = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title-section`);
+const PageHeaderToolbar = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`, null, () => ({
+  "ie-flex-basis-auto": true
+}));
+const PageHeaderBreadcrumb = (0, import_ds_classnames.aggregatedClasses)(import_ds_breadcrumb.default)(`${blockName}-breadcrumb`);
+const PageHeaderTitle = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`);
+const Subtitle = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "subtitle");
+const BackArrow = (0, import_ds_classnames.aggregatedClasses)(import_ds_icons.ChevronLeft)(`${blockName}-backarrow`);
+function HeaderTitle({
+  title = "",
+  options = [],
+  optionsMinWidth,
+  onSelectOption = () => null,
+  selection,
+  subtitle = "",
+  editable = false,
+  editing = false,
+  titleInputProps,
+  zIndex
+}) {
+  const titleComponent = editable ? /* @__PURE__ */ import_react.default.createElement(import_EditableTitle.default, {
+    editing,
+    titleInputProps
+  }, title) : /* @__PURE__ */ import_react.default.createElement(import_Title.default, null, title);
+  return /* @__PURE__ */ import_react.default.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ import_react.default.createElement(import_DropdownTitle.default, {
+    onSelectOption,
+    options,
+    optionsMinWidth,
+    selection,
+    titleComponent,
+    zIndex
+  }) : titleComponent, subtitle && /* @__PURE__ */ import_react.default.createElement(Subtitle, null, subtitle));
+}
+function PageHeaderImpl({
+  containerProps,
+  className,
+  title,
+  titleOptions,
+  renderToolbar,
+  breadcrumbs = [],
+  previousPage,
+  onGoToPreviousPage = () => null,
+  subtitle = "",
+  withBottomSeparator,
+  onSelectOption,
+  optionsSelection,
+  optionsMinWidth,
+  editable = false,
+  titleInputProps,
+  editing = void 0,
+  zIndex
+}) {
+  const hasBreadcrumbs = !!breadcrumbs.length;
+  return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, __spreadProps(__spreadValues({}, 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, __spreadValues({
+    key: breadcrumb.label
+  }, breadcrumb)))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, __spreadValues({
+    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()))));
+}
+var PageHeaderImpl_default = PageHeaderImpl;
+module.exports = __toCommonJS(PageHeaderImpl_exports);
+//# sourceMappingURL=PageHeaderImpl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,2BAAkC;AAClC,sBAA4B;AAC5B,2BAAyB;AACzB,qBAA4B;AAC5B,2BAA0B;AAC1B,mBAAkB;AAClB,2BAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,sBAAsB,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AAAA;AAGnB,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,yBAAyB,4CAAkB,OAAO,GAAG;AAC3D,MAAM,oBAAoB,4CAAkB,OAAO,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AAAA;AAExB,MAAM,uBAAuB,4CAAkB,8BAAc,GAAG;AAEhE,MAAM,kBAAkB,4CAAkB,OAAO,GAAG;AACpD,MAAM,WAAW,4CAAkB,OAAO,GAAG,mBAAmB;AAChE,MAAM,YAAY,4CAAkB,6BAAa,GAAG;AAEpD,qBAAqB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,GACC;AACD,QAAM,iBAAiB,WACrB,mDAAC,8BAAD;AAAA,IAAe;AAAA,IAAkB;AAAA,KAC9B,SAGH,mDAAC,sBAAD,MAAQ;AAGV,SACE,mDAAC,iBAAD,MACG,QAAQ,SACP,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OAGF,gBAED,YAAY,mDAAC,UAAD,MAAW;AAAA;AAK9B,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,GACC;AACD,QAAM,iBAAiB,CAAC,CAAC,YAAY;AAErC,SACE,mDAAC,qBAAD,iCACM,iBADN;AAAA,IAEE;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA;AAAA,MAGD,gBAAgB,mDAAC,WAAD;AAAA,IAAW,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,2BAAY;AAAA,MACpG,mDAAC,uBAAD,MACG,kBACC,mDAAC,sBAAD,MACG,YAAY,IAAI,CAAC,eAChB,mDAAC,6BAAa,MAAd;AAAA,IAAmB,KAAK,WAAW;AAAA,KAAW,gBAInD,gBACC,mDAAC,sBAAD,MACE,mDAAC,6BAAa,MAAd;AAAA,IACE,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,KAClB,iBAIV,mDAAC,wBAAD,MACE,mDAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAED,oCAAW,kBAAkB,mDAAC,mBAAD,MAAoB;AAAA;AAO5D,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/cjs/v1/Title.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Title_exports = {};
+__export(Title_exports, {
+  default: () => Title_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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, {
+  value: children
+});
+var Title_default = Title;
+module.exports = __toCommonJS(Title_exports);
+//# sourceMappingURL=Title.js.map