@elliemae/ds-page-header 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/DSPageHeader.js

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

package/cjs/index.js

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

package/cjs/v1/DSPageHeader.js

@@ -1,97 +1,124 @@
-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 });
+'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 __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSPageHeader_exports = {};
-__export(DSPageHeader_exports, {
-  DSPageHeader: () => DSPageHeader,
-  DSPageHeaderV1WithSchema: () => DSPageHeaderV1WithSchema,
-  default: () => DSPageHeader_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl"));
-const DSPageHeader = ({
-  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 = {
-  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")
+  /* 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')
 };
-DSPageHeader.propTypes = props;
-const DSPageHeaderV1WithSchema = (0, import_react_desc.describe)(DSPageHeader).deprecated("use DSPageHeaderV2");
+const DSPageHeaderV1WithSchema = reactDesc.describe(DSPageHeader).deprecated('use DSPageHeaderV2');
 DSPageHeaderV1WithSchema.propTypes = props;
-var DSPageHeader_default = DSPageHeader;
-module.exports = __toCommonJS(DSPageHeader_exports);
-//# sourceMappingURL=DSPageHeader.js.map
+
+exports.DSPageHeader = DSPageHeader;
+exports.DSPageHeaderV1WithSchema = DSPageHeaderV1WithSchema;
+exports["default"] = DSPageHeader;

package/cjs/v1/DropdownTitle.js

@@ -1,55 +1,41 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DropdownTitle_exports = {};
-__export(DropdownTitle_exports, {
-  default: () => DropdownTitle_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_TitleWrapper = __toESM(require("./TitleWrapper"));
-function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_TitleWrapper.default, null, titleComponent, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
-    minWidth: optionsMinWidth,
-    onSelectMenuItem: onSelectOption,
+'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,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+    zIndex
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](TitleWrapper, {}, void 0, titleComponent, /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
+    minWidth: optionsMinWidth,
+    onSelectMenuItem: onSelectOption,
+    options: options,
+    selection: selection,
+    triggerComponent: _DSButton || (_DSButton = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
       "data-testid": "page-header-dropdown-trigger-component",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null)
-    }),
-    zIndex
+      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})
+    })),
+    zIndex: zIndex
   }));
 }
-DropdownTitle.propTypes = {};
-var DropdownTitle_default = DropdownTitle;
-module.exports = __toCommonJS(DropdownTitle_exports);
-//# sourceMappingURL=DropdownTitle.js.map
+
+module.exports = DropdownTitle;

package/cjs/v1/EditableTitle.js

@@ -1,69 +1,55 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var EditableTitle_exports = {};
-__export(EditableTitle_exports, {
-  default: () => EditableTitle_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_utilities2 = require("@elliemae/ds-utilities");
-var import_Input = __toESM(require("@elliemae/ds-form/Input"));
-var import_Title = __toESM(require("./Title"));
-const blockName = "page-header";
-const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_Input.default)(`${blockName}-title`, "editable-title");
-function EditableTitle({
-  children: value,
-  editing: editingProp,
-  titleInputProps
-}) {
-  const [titleValue, setTitleValue] = (0, import_react.useState)(value);
-  const [hovered, setHovered] = (0, import_react.useState)(false);
-  const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
-  const titleRef = (0, import_react.useRef)(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hovered || editing ? /* @__PURE__ */ import_react.default.createElement(EditableTitleComponent, {
-    ...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)));
+'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)
+    })
+  });
 }
-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
+
+module.exports = EditableTitle;