@elliemae/ds-page-header 2.1.0 → 2.2.0-alpha.3

package/cjs/DSPageHeader.js

@@ -1,21 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PageHeader = require('./v2/PageHeader.js');
-var DSPageHeader = require('./v1/DSPageHeader.js');
-var PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-
-
-
-exports.DSPageHeaderV2 = PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeader.PageHeaderCustomRenderer;
-exports["default"] = DSPageHeader.DSPageHeader;
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;
+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, __toESM(require("./v2/PageHeader")));
+var import_DSPageHeader = __toESM(require("./v1/DSPageHeader"));
+module.exports = __toCommonJS(DSPageHeader_exports);
+//# sourceMappingURL=DSPageHeader.js.map

package/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/cjs/index.js

@@ -1,26 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSPageHeader = require('./v1/DSPageHeader.js');
-var PageHeader = require('./v2/PageHeader.js');
-var PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-
-
-
-exports.DSPageHeader = DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV1WithSchema = DSPageHeader.DSPageHeaderV1WithSchema;
-exports["default"] = DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV2 = PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeader.PageHeaderCustomRenderer;
-exports.DSPageHeaderSummaryWithSchema = PageHeaderSummary.DSPageHeaderSummaryWithSchema;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.DSPageHeaderTitleWithSchema = PageHeaderTitle.DSPageHeaderTitleWithSchema;
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.DSPageHeaderEditableTitleWithSchema = PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;
+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, __toESM(require("./v1/DSPageHeader")));
+__reExport(src_exports, __toESM(require("./v2/PageHeader")));
+var import_PageHeaderSummary = __toESM(require("./v2/components/PageHeaderSummary/PageHeaderSummary"));
+var import_PageHeaderTitle = __toESM(require("./v2/components/PageHeaderTitle/PageHeaderTitle"));
+var import_PageHeaderEditableTitle = __toESM(require("./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle"));
+var import_DSPageHeader = __toESM(require("./v1/DSPageHeader"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/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/cjs/v1/DSPageHeader.js

@@ -1,124 +1,97 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactDesc = require('react-desc');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var PageHeaderImpl = require('./PageHeaderImpl.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["containerProps", "renderToolbar", "withBottomSeparator", "title", "titleOptions", "onSelectOption", "subtitle", "optionsSelection", "onGoToPreviousPage", "previousPage", "editable", "editing", "titleInputProps", "zIndex", "optionsMinWidth"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSPageHeader = _ref => {
-  let {
-    containerProps = {},
-    renderToolbar = undefined,
-    withBottomSeparator = true,
-    title = '',
-    titleOptions = undefined,
-    onSelectOption = () => null,
-    subtitle = '',
-    optionsSelection = {},
-    onGoToPreviousPage = () => null,
-    previousPage,
-    editable = false,
-    editing = undefined,
-    titleInputProps = {},
-    zIndex = 2,
-    optionsMinWidth = undefined
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(PageHeaderImpl, _objectSpread({
-    containerProps: containerProps,
-    editable: editable,
-    editing: editing,
-    onGoToPreviousPage: onGoToPreviousPage,
-    onSelectOption: onSelectOption,
-    optionsMinWidth: optionsMinWidth,
-    optionsSelection: optionsSelection,
-    previousPage: previousPage,
-    renderToolbar: renderToolbar,
-    subtitle: subtitle,
-    title: title,
-    titleInputProps: titleInputProps,
-    titleOptions: titleOptions,
-    withBottomSeparator: withBottomSeparator,
-    zIndex: zIndex
-  }, otherProps)));
+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, {
+  DSPageHeader: () => DSPageHeader,
+  DSPageHeaderV1WithSchema: () => DSPageHeaderV1WithSchema,
+  default: () => DSPageHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = __toESM(require("react-desc"));
+var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
+var import_PageHeaderImpl = __toESM(require("./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__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderImpl.default, {
+  containerProps,
+  editable,
+  editing,
+  onGoToPreviousPage,
+  onSelectOption,
+  optionsMinWidth,
+  optionsSelection,
+  previousPage,
+  renderToolbar,
+  subtitle,
+  title,
+  titleInputProps,
+  titleOptions,
+  withBottomSeparator,
+  zIndex,
+  ...otherProps
+}));
 const props = {
-  /* Component version */
-  version: reactDesc.PropTypes.oneOf([1, 2]).description('Component version'),
-
-  /* props injected to page header wrapper node */
-  containerProps: reactDesc.PropTypes.object.description('props injected to page header wrapper node'),
-
-  /* Function that returns the toolbar to the right of the page header */
-  renderToolbar: reactDesc.PropTypes.func.description('Function that returns the toolbar to the right of the page header'),
-
-  /* Whether to show a separator at the bottom of the header */
-  withBottomSeparator: reactDesc.PropTypes.bool.description('Whether to show a separator at the bottom of the header'),
-
-  /* The page header title */
-  title: reactDesc.PropTypes.string.description('The page header title'),
-
-  /* The title dropdown options */
-  titleOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The title dropdown options'),
-
-  /* Handler when a user selects an item in the dropdown menu */
-  onSelectOption: reactDesc.PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),
-
-  /* Description text below the title */
-  subtitle: reactDesc.PropTypes.string.description('Description text below the title'),
-
-  /* Selection state for the title dropdown */
-  optionsSelection: reactDesc.PropTypes.object.description('Selection state for the title dropdown'),
-
-  /* Whether the title is editable or not */
-  editable: reactDesc.PropTypes.bool.description('Whether the title is editable or not'),
-
-  /* Activates/Deactivates the editing state in the title */
-  editing: reactDesc.PropTypes.bool.description('Activates/Deactivates the editing state in the title'),
-
-  /* Props passed to the input for editing the title */
-  titleInputProps: reactDesc.PropTypes.object.description('Props passed to the input for editing the title'),
-
-  /* Enables navigation to previous page with back-arrow */
-  previousPage: reactDesc.PropTypes.object.description('Enables navigation to previous page with back-arrow'),
-
-  /* Callback to handle navigation to previous page */
-  onGoToPreviousPage: reactDesc.PropTypes.func.description('Callback to handle navigation to previous page'),
-
-  /* z-index to use for the DropdownMenu */
-  zIndex: reactDesc.PropTypes.number.description('z-index to use for the DropdownMenu'),
-
-  /** min width for options dropdown menu */
-  optionsMinWidth: reactDesc.PropTypes.number.description('min width for options dropdown menu')
+  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")
 };
-const DSPageHeaderV1WithSchema = reactDesc.describe(DSPageHeader).deprecated('use DSPageHeaderV2');
+DSPageHeader.propTypes = props;
+const DSPageHeaderV1WithSchema = (0, import_react_desc.describe)(DSPageHeader).deprecated("use DSPageHeaderV2");
 DSPageHeaderV1WithSchema.propTypes = props;
-
-exports.DSPageHeader = DSPageHeader;
-exports.DSPageHeaderV1WithSchema = DSPageHeaderV1WithSchema;
-exports["default"] = DSPageHeader;
+var DSPageHeader_default = DSPageHeader;
+module.exports = __toCommonJS(DSPageHeader_exports);
+//# sourceMappingURL=DSPageHeader.js.map

package/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;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,mDAAC,sDAAD,MACE,mDAAC,+BAAD;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,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/cjs/v1/DropdownTitle.js

@@ -1,41 +1,55 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var TitleWrapper = require('./TitleWrapper.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _DSButton;
-
-function DropdownTitle(_ref) {
-  let {
-    titleComponent,
-    onSelectOption,
-    options,
-    optionsMinWidth,
-    selection,
-    zIndex
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](TitleWrapper, {}, void 0, titleComponent, /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
+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 = __toESM(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: options,
-    selection: selection,
-    triggerComponent: _DSButton || (_DSButton = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    options,
+    selection,
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
       buttonType: "text",
       "data-testid": "page-header-dropdown-trigger-component",
-      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})
-    })),
-    zIndex: zIndex
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null)
+    }),
+    zIndex
   }));
 }
-
-module.exports = DropdownTitle;
+DropdownTitle.propTypes = {};
+var DropdownTitle_default = DropdownTitle;
+module.exports = __toCommonJS(DropdownTitle_exports);
+//# sourceMappingURL=DropdownTitle.js.map

package/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/cjs/v1/EditableTitle.js

@@ -1,55 +1,69 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSInput = require('@elliemae/ds-form/Input');
-var Title = require('./Title.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'page-header';
-const EditableTitleComponent = dsClassnames.aggregatedClasses(DSInput__default["default"])("".concat(blockName, "-title"), 'editable-title');
-
-function EditableTitle(_ref) {
-  let {
-    children: value,
-    editing: editingProp,
-    titleInputProps
-  } = _ref;
-  const [titleValue, setTitleValue] = react.useState(value);
-  const [hovered, setHovered] = react.useState(false);
-  const [editing, setEditing] = dsUtilities.useDerivedStateFromProps(editingProp || false);
-  const titleRef = react.useRef(null);
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: hovered || editing ? /*#__PURE__*/jsxRuntime.jsx(EditableTitleComponent, _objectSpread(_objectSpread({}, titleInputProps), {}, {
-      onBlur: dsUtilities.runAll(() => setEditing(false), titleInputProps.onBlur),
-      onChange: dsUtilities.runAll(e => setTitleValue(e.target.value), titleInputProps.onChange),
-      onFocus: dsUtilities.runAll(() => setEditing(true), titleInputProps.onFocus),
-      onMouseOut: dsUtilities.runAll(() => setHovered(false), titleInputProps.onMouseOut),
-      value: titleValue
-    })) : /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: titleRef,
-      onMouseEnter: () => setHovered(true),
-      children: /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, titleValue)
-    })
-  });
+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 EditableTitle_exports = {};
+__export(EditableTitle_exports, {
+  default: () => EditableTitle_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
+var import_ds_utilities2 = __toESM(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, {
+    ...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)));
 }
-
-module.exports = EditableTitle;
+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