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

package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js

@@ -0,0 +1,86 @@
+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 __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 PageHeaderTitle_exports = {};
+__export(PageHeaderTitle_exports, {
+  DSPageHeaderTitleWithSchema: () => DSPageHeaderTitleWithSchema,
+  PageHeaderTitle: () => PageHeaderTitle
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
+var import_RequiredMark = require("@elliemae/ds-form/RequiredMark");
+var import_blocks = require("../blocks");
+const PageHeaderTitle = (_a) => {
+  var _b = _a, { children, showMarker = false } = _b, rest = __objRest(_b, ["children", "showMarker"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderTitleWrapper, __spreadProps(__spreadValues({}, rest), {
+    "data-testid": "ds-page-header-title"
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
+    value: children
+  })), showMarker && /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.RequiredMark, {
+    required: true
+  }));
+};
+const props = {
+  children: import_react_desc.PropTypes.string.description("Page header title string"),
+  showMarker: import_react_desc.PropTypes.bool.description("show required mark")
+};
+PageHeaderTitle.propTypes = props;
+const DSPageHeaderTitleWithSchema = (0, import_react_desc.describe)(PageHeaderTitle);
+DSPageHeaderTitleWithSchema.propTypes = props;
+module.exports = __toCommonJS(PageHeaderTitle_exports);
+//# sourceMappingURL=PageHeaderTitle.js.map

package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n  <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nconst props = {\n  /** page header title string */\n  children: PropTypes.string.description('Page header title string'),\n  /** show required mark */\n  showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAA4D;AAC5D,0BAA6B;AAC7B,oBAAuC;AAEvC,MAAM,kBAAkB,CAAC,OAA2C;AAA3C,eAAE,YAAU,aAAa,UAAzB,IAAmC,iBAAnC,IAAmC,CAAjC,YAAU;AACnC,4DAAC,sCAAD,iCAA4B,OAA5B;AAAA,IAAkC,eAAY;AAAA,MAC5C,mDAAC,sDAAD,MACE,mDAAC,0CAAD;AAAA,IAAwB,OAAO;AAAA,OAEhC,cAAc,mDAAC,kCAAD;AAAA,IAAc,UAAQ;AAAA;AAAA;AAIzC,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,YAAY,4BAAU,KAAK,YAAY;AAAA;AAGzC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,gCAAS;AAE7C,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js

@@ -0,0 +1,66 @@
+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 PageHeaderToolbar_exports = {};
+__export(PageHeaderToolbar_exports, {
+  PageHeaderToolbar: () => PageHeaderToolbar
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_blocks = require("../blocks");
+const PageHeaderToolbar = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderToolbarWrapper, __spreadValues({}, rest), children);
+};
+module.exports = __toCommonJS(PageHeaderToolbar_exports);
+//# sourceMappingURL=PageHeaderToolbar.js.map

package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n  <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAyC;AAElC,MAAM,oBAAoB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAClC,4DAAC,wCAAD,mBAA8B,OAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/v2/components/blocks.js

@@ -0,0 +1,49 @@
+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 blocks_exports = {};
+__export(blocks_exports, {
+  EditableTitleComponent: () => EditableTitleComponent,
+  PageHeaderBackWrapper: () => PageHeaderBackWrapper,
+  PageHeaderMenuWrapper: () => PageHeaderMenuWrapper,
+  PageHeaderSummaryWrapper: () => PageHeaderSummaryWrapper,
+  PageHeaderTitleWrapper: () => PageHeaderTitleWrapper,
+  PageHeaderToolbarWrapper: () => PageHeaderToolbarWrapper,
+  cssPrefix: () => import_ds_classnames.cssPrefix
+});
+var React = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_form = require("@elliemae/ds-form");
+const blockName = "page-header-v2";
+const PageHeaderTitleWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "title");
+const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_ds_form.DSInput)(`${blockName}-title`, "editable-title");
+const PageHeaderBackWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-back`);
+const PageHeaderSummaryWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-summary`);
+const PageHeaderMenuWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-menu`);
+const PageHeaderToolbarWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`);
+module.exports = __toCommonJS(blocks_exports);
+//# sourceMappingURL=blocks.js.map

package/dist/cjs/v2/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/v2/components/blocks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { aggregatedClasses, cssPrefix } from '@elliemae/ds-classnames';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst blockName = 'page-header-v2';\n\nexport const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');\nexport const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\nexport const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);\nexport const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);\nexport const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);\nexport const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);\nexport { cssPrefix };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA6C;AAC7C,qBAAwB;AAExB,MAAM,YAAY;AAEX,MAAM,yBAAyB,4CAAkB,OAAO,GAAG,mBAAmB;AAC9E,MAAM,yBAAyB,4CAAkB,wBAAS,GAAG,mBAAmB;AAChF,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;AAC7D,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;",
+  "names": []
+}

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,113 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
+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 = (_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__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(PageHeaderImpl, __spreadValues({
+    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,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,8CAAC,qBAAD,MACE,qCAAC,gBAAD;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,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