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

package/dist/cjs/v2/props.js

@@ -0,0 +1,56 @@
+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 props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  navProps: () => navProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const navProps = {
+  containerProps: import_react_desc.PropTypes.shape({}).description("props injected to wrapper of page header"),
+  breadcrumbs: import_react_desc.PropTypes.node.description("breadcrumbs component"),
+  pageTitle: import_react_desc.PropTypes.node.description("PageHeaderTitle component"),
+  backarrow: import_react_desc.PropTypes.node.description("back arrow component"),
+  summary: import_react_desc.PropTypes.node.description("PageHeaderSummary component"),
+  toolbar: import_react_desc.PropTypes.node.description("toolbar component"),
+  menu: import_react_desc.PropTypes.node.description("PageHeaderMenu component"),
+  withBottomSeparator: import_react_desc.PropTypes.bool.description("Border bottom below the page header")
+};
+const defaultProps = {
+  containerProps: {},
+  breadcrumbs: null,
+  pageTitle: null,
+  backarrow: null,
+  summary: null,
+  toolbar: null,
+  menu: null,
+  withBottomSeparator: true
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/v2/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v2/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const navProps = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description(\n    'props injected to wrapper of page header',\n  ),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node.description('back arrow component'),\n  /** PageHeaderSummary component */\n  summary: PropTypes.node.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node.description('toolbar component'),\n  /** PageHeaderMenu component */\n  menu: PropTypes.node.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description(\n    'Border bottom below the page header',\n  ),\n};\n\nexport const defaultProps = {\n  containerProps: {},\n  breadcrumbs: null,\n  pageTitle: null,\n  backarrow: null,\n  summary: null,\n  toolbar: null,\n  menu: null,\n  withBottomSeparator: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,WAAW;AAAA,EAEtB,gBAAgB,4BAAU,MAAM,IAAI,YAClC;AAAA,EAGF,aAAa,4BAAU,KAAK,YAAY;AAAA,EAExC,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,4BAAU,KAAK,YAAY;AAAA,EAEjC,qBAAqB,4BAAU,KAAK,YAClC;AAAA;AAIG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,qBAAqB;AAAA;",
+  "names": []
+}

package/dist/cjs/v2/tests/utils.js

@@ -0,0 +1,123 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  options: () => options
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const subItems = [
+  {
+    id: "id3",
+    label: "SubMenu List Item-1",
+    onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id3")
+  },
+  {
+    id: "id4",
+    type: "subMenu",
+    label: "SubMenu List Item-2",
+    onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id4"),
+    subItems: [
+      {
+        id: "id5",
+        label: "SubMenu List Item-2",
+        onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id5")
+      }
+    ]
+  }
+];
+const options = [
+  {
+    type: "SelectionGroup",
+    id: "select-option",
+    multi: false,
+    closeOnClick: false,
+    interactionType: "click",
+    items: [
+      {
+        id: "id-1",
+        selectable: true,
+        type: "subMenu",
+        label: "View Example 123",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-2",
+        type: "subMenu",
+        label: "Option 2",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-3",
+        type: "subMenu",
+        label: "Option 3",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-4",
+        type: "subMenu",
+        label: "Option 4",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-5",
+        type: "subMenu",
+        label: "Option 5",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-6",
+        type: "subMenu",
+        label: "Option 6",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-7",
+        type: "subMenu",
+        label: "Truncate long option Other Custom View  Long Long Long  Long Long",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      }
+    ]
+  }
+];
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/dist/cjs/v2/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/v2/tests/utils.js", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { logger } from '@elliemae/ds-utilities';\n\nconst subItems = [\n  {\n    id: 'id3',\n    label: 'SubMenu List Item-1',\n    onClick: (e) => logger(e, 'subMenu id3'),\n  },\n  {\n    id: 'id4',\n    type: 'subMenu',\n    label: 'SubMenu List Item-2',\n    onClick: (e) => logger(e, 'subMenu id4'),\n    subItems: [\n      {\n        id: 'id5',\n        label: 'SubMenu List Item-2',\n        onClick: (e) => logger(e, 'subMenu id5'),\n      },\n    ],\n  },\n];\n\nexport const options = [\n  {\n    type: 'SelectionGroup',\n    id: 'select-option',\n    multi: false,\n    closeOnClick: false,\n    interactionType: 'click',\n    items: [\n      {\n        id: 'id-1',\n        selectable: true,\n        type: 'subMenu',\n        label: 'View Example 123',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-2',\n        type: 'subMenu',\n        label: 'Option 2',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-3',\n        type: 'subMenu',\n        label: 'Option 3',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-4',\n        type: 'subMenu',\n        label: 'Option 4',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-5',\n        type: 'subMenu',\n        label: 'Option 5',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-6',\n        type: 'subMenu',\n        label: 'Option 6',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-7',\n        type: 'subMenu',\n        label: 'Truncate long option Other Custom View  Long Long Long  Long Long',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n    ],\n  },\n];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuB;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,gCAAO,GAAG;AAAA;AAAA,EAE5B;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,gCAAO,GAAG;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM,gCAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSPageHeader.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+export * from "./v2/PageHeader";
+import { default as default2 } from "./v1/DSPageHeader";
+export {
+  default2 as default
+};
+//# sourceMappingURL=DSPageHeader.js.map

package/dist/esm/DSPageHeader.js.map

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

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+export * from "./v1/DSPageHeader";
+export * from "./v2/PageHeader";
+import { DSPageHeaderSummaryWithSchema } from "./v2/components/PageHeaderSummary/PageHeaderSummary";
+import { DSPageHeaderTitleWithSchema } from "./v2/components/PageHeaderTitle/PageHeaderTitle";
+import { DSPageHeaderEditableTitleWithSchema } from "./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle";
+import { default as default2 } from "./v1/DSPageHeader";
+export {
+  DSPageHeaderEditableTitleWithSchema,
+  DSPageHeaderSummaryWithSchema,
+  DSPageHeaderTitleWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AAEA;",
+  "names": []
+}

package/dist/esm/v1/DSPageHeader.js

@@ -0,0 +1,68 @@
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
+import PageHeaderImpl from "./PageHeaderImpl";
+const DSPageHeader = ({
+  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,
+  ...otherProps
+}) => /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(PageHeaderImpl, {
+  containerProps,
+  editable,
+  editing,
+  onGoToPreviousPage,
+  onSelectOption,
+  optionsMinWidth,
+  optionsSelection,
+  previousPage,
+  renderToolbar,
+  subtitle,
+  title,
+  titleInputProps,
+  titleOptions,
+  withBottomSeparator,
+  zIndex,
+  ...otherProps
+}));
+const props = {
+  version: PropTypes.oneOf([1, 2]).description("Component version"),
+  containerProps: PropTypes.object.description("props injected to page header wrapper node"),
+  renderToolbar: PropTypes.func.description("Function that returns the toolbar to the right of the page header"),
+  withBottomSeparator: PropTypes.bool.description("Whether to show a separator at the bottom of the header"),
+  title: PropTypes.string.description("The page header title"),
+  titleOptions: PropTypes.arrayOf(PropTypes.object).description("The title dropdown options"),
+  onSelectOption: PropTypes.func.description("Handler when a user selects an item in the dropdown menu"),
+  subtitle: PropTypes.string.description("Description text below the title"),
+  optionsSelection: PropTypes.object.description("Selection state for the title dropdown"),
+  editable: PropTypes.bool.description("Whether the title is editable or not"),
+  editing: PropTypes.bool.description("Activates/Deactivates the editing state in the title"),
+  titleInputProps: PropTypes.object.description("Props passed to the input for editing the title"),
+  previousPage: PropTypes.object.description("Enables navigation to previous page with back-arrow"),
+  onGoToPreviousPage: PropTypes.func.description("Callback to handle navigation to previous page"),
+  zIndex: PropTypes.number.description("z-index to use for the DropdownMenu"),
+  optionsMinWidth: PropTypes.number.description("min width for options dropdown menu")
+};
+DSPageHeader.propTypes = props;
+const DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated("use DSPageHeaderV2");
+DSPageHeaderV1WithSchema.propTypes = props;
+var DSPageHeader_default = DSPageHeader;
+export {
+  DSPageHeader,
+  DSPageHeaderV1WithSchema,
+  DSPageHeader_default as default
+};
+//# sourceMappingURL=DSPageHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSPageHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AAAA,MAEH,qCAAC,qBAAD,MACE,qCAAC,gBAAD;AAAA,EACE;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,KACI;AAAA;AAKV,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,IAAI,YAAY;AAAA,EAE7C,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAGF,qBAAqB,UAAU,KAAK,YAClC;AAAA,EAGF,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,cAAc,UAAU,QAAQ,UAAU,QAAQ,YAChD;AAAA,EAGF,gBAAgB,UAAU,KAAK,YAC7B;AAAA,EAGF,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,kBAAkB,UAAU,OAAO,YACjC;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YACtB;AAAA,EAGF,iBAAiB,UAAU,OAAO,YAChC;AAAA,EAGF,cAAc,UAAU,OAAO,YAC7B;AAAA,EAGF,oBAAoB,UAAU,KAAK,YACjC;AAAA,EAGF,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,iBAAiB,UAAU,OAAO,YAChC;AAAA;AAIJ,aAAa,YAAY;AACzB,MAAM,2BAA2B,SAAS,cAAc,WACtD;AAEF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/v1/DropdownTitle.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import React2 from "react";
+import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
+import { ChevronSmallDown } from "@elliemae/ds-icons";
+import DSButton from "@elliemae/ds-button";
+import TitleWrapper from "./TitleWrapper";
+function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {
+  return /* @__PURE__ */ React2.createElement(TitleWrapper, null, titleComponent, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+    minWidth: optionsMinWidth,
+    onSelectMenuItem: onSelectOption,
+    options,
+    selection,
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "text",
+      "data-testid": "page-header-dropdown-trigger-component",
+      icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null)
+    }),
+    zIndex
+  }));
+}
+DropdownTitle.propTypes = {};
+var DropdownTitle_default = DropdownTitle;
+export {
+  DropdownTitle_default as default
+};
+//# sourceMappingURL=DropdownTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DropdownTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,uBAAuB,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,UAAU;AACtG,SACE,qCAAC,cAAD,MACG,gBACD,qCAAC,gBAAD;AAAA,IACE,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBACE,qCAAC,UAAD;AAAA,MACE,YAAW;AAAA,MACX,eAAY;AAAA,MACZ,MAAM,qCAAC,kBAAD;AAAA;AAAA,IAGV;AAAA;AAAA;AAMR,cAAc,YAAY;AAE1B,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/v1/EditableTitle.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import React2, { useRef, useState } from "react";
+import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { runAll } from "@elliemae/ds-utilities";
+import DSInput from "@elliemae/ds-form/Input";
+import Title from "./Title";
+const blockName = "page-header";
+const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
+function EditableTitle({
+  children: value,
+  editing: editingProp,
+  titleInputProps
+}) {
+  const [titleValue, setTitleValue] = useState(value);
+  const [hovered, setHovered] = useState(false);
+  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
+  const titleRef = useRef(null);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, hovered || editing ? /* @__PURE__ */ React2.createElement(EditableTitleComponent, {
+    ...titleInputProps,
+    onBlur: runAll(() => setEditing(false), titleInputProps.onBlur),
+    onChange: runAll((e) => setTitleValue(e.target.value), titleInputProps.onChange),
+    onFocus: runAll(() => setEditing(true), titleInputProps.onFocus),
+    onMouseOut: runAll(() => setHovered(false), titleInputProps.onMouseOut),
+    value: titleValue
+  }) : /* @__PURE__ */ React2.createElement("div", {
+    ref: titleRef,
+    onMouseEnter: () => setHovered(true)
+  }, /* @__PURE__ */ React2.createElement(Title, null, titleValue)));
+}
+EditableTitle.propTypes = {
+  children: PropTypes.string,
+  editing: PropTypes.bool
+};
+var EditableTitle_default = EditableTitle;
+export {
+  EditableTitle_default as default
+};
+//# sourceMappingURL=EditableTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/EditableTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,SAC/C,GAAG,mBACH;AAGF,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe;AACtE,QAAM,WAAW,OAAO;AACxB,SACE,4DACG,WAAW,UACV,qCAAC,wBAAD;AAAA,OACM;AAAA,IACJ,QAAQ,OAAO,MAAM,WAAW,QAAQ,gBAAgB;AAAA,IACxD,UAAU,OACR,CAAC,MAAM,cAAc,EAAE,OAAO,QAC9B,gBAAgB;AAAA,IAElB,SAAS,OAAO,MAAM,WAAW,OAAO,gBAAgB;AAAA,IACxD,YAAY,OACV,MAAM,WAAW,QACjB,gBAAgB;AAAA,IAElB,OAAO;AAAA,OAGT,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW;AAAA,KACjD,qCAAC,OAAD,MAAQ;AAAA;AAOlB,cAAc,YAAY;AAAA,EAExB,UAAU,UAAU;AAAA,EAEpB,SAAS,UAAU;AAAA;AAGrB,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/v1/PageHeaderImpl.js

@@ -0,0 +1,106 @@
+import * as React from "react";
+import React2 from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import DSBreadcrumb from "@elliemae/ds-breadcrumb";
+import { DSIconSizes } from "@elliemae/ds-icon";
+import EditableTitle from "./EditableTitle";
+import Title from "./Title";
+import DropdownTitle from "./DropdownTitle";
+const blockName = "page-header";
+const PageHeaderContainer = aggregatedClasses("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
+  "with-bottom-separator": withBottomSeparator,
+  "with-subtitle": subtitle
+}));
+const PageHeaderMainSection = aggregatedClasses("div")(`${blockName}-main-section`);
+const PageHeaderTitleSection = aggregatedClasses("div")(`${blockName}-title-section`);
+const PageHeaderToolbar = aggregatedClasses("div")(`${blockName}-toolbar`, null, () => ({
+  "ie-flex-basis-auto": true
+}));
+const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);
+const PageHeaderTitle = aggregatedClasses("div")(`${blockName}-title`);
+const Subtitle = aggregatedClasses("div")(`${blockName}-title`, "subtitle");
+const BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);
+function HeaderTitle({
+  title = "",
+  options = [],
+  optionsMinWidth,
+  onSelectOption = () => null,
+  selection,
+  subtitle = "",
+  editable = false,
+  editing = false,
+  titleInputProps,
+  zIndex
+}) {
+  const titleComponent = editable ? /* @__PURE__ */ React2.createElement(EditableTitle, {
+    editing,
+    titleInputProps
+  }, title) : /* @__PURE__ */ React2.createElement(Title, null, title);
+  return /* @__PURE__ */ React2.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ React2.createElement(DropdownTitle, {
+    onSelectOption,
+    options,
+    optionsMinWidth,
+    selection,
+    titleComponent,
+    zIndex
+  }) : titleComponent, subtitle && /* @__PURE__ */ React2.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__ */ React2.createElement(PageHeaderContainer, {
+    ...containerProps,
+    className,
+    classProps: {
+      withBottomSeparator,
+      subtitle
+    }
+  }, previousPage && /* @__PURE__ */ React2.createElement(BackArrow, {
+    "data-testid": "back-arrow",
+    onClick: onGoToPreviousPage,
+    size: DSIconSizes.M
+  }), /* @__PURE__ */ React2.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
+    key: breadcrumb.label,
+    ...breadcrumb
+  }))), previousPage && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
+    key: previousPage.id,
+    label: previousPage.title,
+    onClick: previousPage.onClick,
+    ...previousPage
+  })), /* @__PURE__ */ React2.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ React2.createElement(HeaderTitle, {
+    editable,
+    editing,
+    onSelectOption,
+    options: titleOptions,
+    optionsMinWidth,
+    selection: optionsSelection,
+    subtitle,
+    title,
+    titleInputProps,
+    zIndex
+  }), isFunction(renderToolbar) && /* @__PURE__ */ React2.createElement(PageHeaderToolbar, null, renderToolbar()))));
+}
+var PageHeaderImpl_default = PageHeaderImpl;
+export {
+  PageHeaderImpl_default as default
+};
+//# sourceMappingURL=PageHeaderImpl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/PageHeaderImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,sBAAsB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AAAA;AAGnB,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,yBAAyB,kBAAkB,OAAO,GAAG;AAC3D,MAAM,oBAAoB,kBAAkB,OAAO,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AAAA;AAExB,MAAM,uBAAuB,kBAAkB,cAAc,GAAG;AAEhE,MAAM,kBAAkB,kBAAkB,OAAO,GAAG;AACpD,MAAM,WAAW,kBAAkB,OAAO,GAAG,mBAAmB;AAChE,MAAM,YAAY,kBAAkB,aAAa,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,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAkB;AAAA,KAC9B,SAGH,qCAAC,OAAD,MAAQ;AAGV,SACE,qCAAC,iBAAD,MACG,QAAQ,SACP,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OAGF,gBAED,YAAY,qCAAC,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,qCAAC,qBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA;AAAA,KAGD,gBAAgB,qCAAC,WAAD;AAAA,IAAW,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,YAAY;AAAA,MACpG,qCAAC,uBAAD,MACG,kBACC,qCAAC,sBAAD,MACG,YAAY,IAAI,CAAC,eAChB,qCAAC,aAAa,MAAd;AAAA,IAAmB,KAAK,WAAW;AAAA,OAAW;AAAA,QAInD,gBACC,qCAAC,sBAAD,MACE,qCAAC,aAAa,MAAd;AAAA,IACE,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,OAClB;AAAA,OAIV,qCAAC,wBAAD,MACE,qCAAC,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,WAAW,kBAAkB,qCAAC,mBAAD,MAAoB;AAAA;AAO5D,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/v1/Title.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
+const blockName = "page-header";
+const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, "title");
+const Title = ({ children }) => /* @__PURE__ */ React2.createElement(TitleWrapper, {
+  value: children
+});
+var Title_default = Title;
+export {
+  Title_default as default
+};
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/Title.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,eAAe,kBAAkB,wBACrC,GAAG,mBACH;AAEF,MAAM,QAAQ,CAAC,EAAE,eAAe,qCAAC,cAAD;AAAA,EAAc,OAAO;AAAA;AAErD,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/esm/v1/TitleWrapper.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "page-header";
+var TitleWrapper_default = aggregatedClasses("span")(`${blockName}-title-wrapper`);
+export {
+  TitleWrapper_default as default
+};
+//# sourceMappingURL=TitleWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TitleWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAElB,IAAO,uBAAQ,kBAAkB,QAAQ,GAAG;",
+  "names": []
+}