@elliemae/ds-page-header 1.60.0 → 2.0.0-alpha.12

package/cjs/DSPageHeader.js

@@ -2,50 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var v2_PageHeader = require('./v2/PageHeader.js');
-var v1_DSPageHeader = require('./v1/DSPageHeader.js');
-var v2_components_PageHeaderTitle_PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var v2_components_PageHeaderSummary_PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var v2_components_PageHeaderMenu_PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-require('react');
-require('react-desc');
-require('lodash');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('./v2/components/PageHeaderToolbar/PageHeaderToolbar.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('./v2/components/blocks.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('./v2/components/PageHeaderBack/PageHeaderBack.js');
-require('./v2/props.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-form/RequiredMark');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities');
-require('./v1/PageHeaderImpl.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-breadcrumb');
-require('@elliemae/ds-icon');
-require('./v1/EditableTitle.js');
-require('prop-types');
-require('@elliemae/ds-form/Input');
-require('./v1/Title.js');
-require('./v1/DropdownTitle.js');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-button');
-require('./v1/TitleWrapper.js');
+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 = v2_PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = v2_PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = v2_PageHeader.PageHeaderCustomRenderer;
-exports.default = v1_DSPageHeader.DSPageHeader;
-exports.PageHeaderTitle = v2_components_PageHeaderTitle_PageHeaderTitle.PageHeaderTitle;
-exports.PageHeaderEditableTitle = v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderSummary = v2_components_PageHeaderSummary_PageHeaderSummary.PageHeaderSummary;
-exports.PageHeaderMenu = v2_components_PageHeaderMenu_PageHeaderMenu.PageHeaderMenu;
-//# sourceMappingURL=DSPageHeader.js.map
+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

@@ -2,55 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var v1_DSPageHeader = require('./v1/DSPageHeader.js');
-var v2_PageHeader = require('./v2/PageHeader.js');
-var v2_components_PageHeaderSummary_PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var v2_components_PageHeaderTitle_PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var v2_components_PageHeaderMenu_PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-desc');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./v1/PageHeaderImpl.js');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-breadcrumb');
-require('@elliemae/ds-icon');
-require('./v1/EditableTitle.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-form/Input');
-require('./v1/Title.js');
-require('./v1/DropdownTitle.js');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-button');
-require('./v1/TitleWrapper.js');
-require('lodash');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('./v2/components/PageHeaderToolbar/PageHeaderToolbar.js');
-require('./v2/components/blocks.js');
-require('@elliemae/ds-form');
-require('./v2/components/PageHeaderBack/PageHeaderBack.js');
-require('./v2/props.js');
-require('@elliemae/ds-form/RequiredMark');
+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 = v1_DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV1WithSchema = v1_DSPageHeader.DSPageHeaderV1WithSchema;
-exports.default = v1_DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV2 = v2_PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = v2_PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = v2_PageHeader.PageHeaderCustomRenderer;
-exports.DSPageHeaderSummaryWithSchema = v2_components_PageHeaderSummary_PageHeaderSummary.DSPageHeaderSummaryWithSchema;
-exports.PageHeaderSummary = v2_components_PageHeaderSummary_PageHeaderSummary.PageHeaderSummary;
-exports.DSPageHeaderTitleWithSchema = v2_components_PageHeaderTitle_PageHeaderTitle.DSPageHeaderTitleWithSchema;
-exports.PageHeaderTitle = v2_components_PageHeaderTitle_PageHeaderTitle.PageHeaderTitle;
-exports.DSPageHeaderEditableTitleWithSchema = v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema;
-exports.PageHeaderEditableTitle = v2_components_PageHeaderEditableTitle_PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderMenu = v2_components_PageHeaderMenu_PageHeaderMenu.PageHeaderMenu;
-//# sourceMappingURL=index.js.map
+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

@@ -2,72 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
-var React = require('react');
+require('react');
 var reactDesc = require('react-desc');
 var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var v1_PageHeaderImpl = require('./PageHeaderImpl.js');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-breadcrumb');
-require('@elliemae/ds-icon');
-require('./EditableTitle.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-form/Input');
-require('./Title.js');
-require('./DropdownTitle.js');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-button');
-require('./TitleWrapper.js');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["containerProps", "renderToolbar", "withBottomSeparator", "title", "titleOptions", "onSelectOption", "subtitle", "optionsSelection", "onGoToPreviousPage", "previousPage", "editable", "editing", "titleInputProps", "zIndex", "optionsMinWidth"];
-
-var DSPageHeader = function DSPageHeader(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$renderToolbar = _ref.renderToolbar,
-      renderToolbar = _ref$renderToolbar === void 0 ? undefined : _ref$renderToolbar,
-      _ref$withBottomSepara = _ref.withBottomSeparator,
-      withBottomSeparator = _ref$withBottomSepara === void 0 ? true : _ref$withBottomSepara,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$titleOptions = _ref.titleOptions,
-      titleOptions = _ref$titleOptions === void 0 ? undefined : _ref$titleOptions,
-      _ref$onSelectOption = _ref.onSelectOption,
-      onSelectOption = _ref$onSelectOption === void 0 ? function () {
-    return null;
-  } : _ref$onSelectOption,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle,
-      _ref$optionsSelection = _ref.optionsSelection,
-      optionsSelection = _ref$optionsSelection === void 0 ? {} : _ref$optionsSelection,
-      _ref$onGoToPreviousPa = _ref.onGoToPreviousPage,
-      onGoToPreviousPage = _ref$onGoToPreviousPa === void 0 ? function () {
-    return null;
-  } : _ref$onGoToPreviousPa,
-      previousPage = _ref.previousPage,
-      _ref$editable = _ref.editable,
-      editable = _ref$editable === void 0 ? false : _ref$editable,
-      _ref$editing = _ref.editing,
-      editing = _ref$editing === void 0 ? undefined : _ref$editing,
-      _ref$titleInputProps = _ref.titleInputProps,
-      titleInputProps = _ref$titleInputProps === void 0 ? {} : _ref$titleInputProps,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 2 : _ref$zIndex,
-      _ref$optionsMinWidth = _ref.optionsMinWidth,
-      optionsMinWidth = _ref$optionsMinWidth === void 0 ? undefined : _ref$optionsMinWidth,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  return /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText.TooltipTextProvider, null, /*#__PURE__*/React__default['default'].createElement(v1_PageHeaderImpl, _extends__default['default']({
+
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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,
@@ -86,7 +67,7 @@ var DSPageHeader = function DSPageHeader(_ref) {
   }, otherProps)));
 };
 
-var props = {
+const props = {
   /* Component version */
   version: reactDesc.PropTypes.oneOf([1, 2]).description('Component version'),
 
@@ -135,11 +116,9 @@ var props = {
   /** min width for options dropdown menu */
   optionsMinWidth: reactDesc.PropTypes.number.description('min width for options dropdown menu')
 };
-DSPageHeader.propTypes = props;
-var DSPageHeaderV1WithSchema = reactDesc.describe(DSPageHeader).deprecated('use DSPageHeaderV2');
+const DSPageHeaderV1WithSchema = reactDesc.describe(DSPageHeader).deprecated('use DSPageHeaderV2');
 DSPageHeaderV1WithSchema.propTypes = props;
 
 exports.DSPageHeader = DSPageHeader;
 exports.DSPageHeaderV1WithSchema = DSPageHeaderV1WithSchema;
-exports['default'] = DSPageHeader;
-//# sourceMappingURL=DSPageHeader.js.map
+exports["default"] = DSPageHeader;

package/cjs/v1/DropdownTitle.js

@@ -1,40 +1,41 @@
 'use strict';
 
-var React = require('react');
+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 v1_TitleWrapper = require('./TitleWrapper.js');
-require('@elliemae/ds-classnames');
+var TitleWrapper = require('./TitleWrapper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
+var _DSButton;
+
 function DropdownTitle(_ref) {
-  var titleComponent = _ref.titleComponent,
-      onSelectOption = _ref.onSelectOption,
-      options = _ref.options,
-      optionsMinWidth = _ref.optionsMinWidth,
-      selection = _ref.selection,
-      zIndex = _ref.zIndex;
-  return /*#__PURE__*/React__default['default'].createElement(v1_TitleWrapper, null, titleComponent, /*#__PURE__*/React__default['default'].createElement(DSDropdownMenu__default['default'], {
+  let {
+    titleComponent,
+    onSelectOption,
+    options,
+    optionsMinWidth,
+    selection,
+    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: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    triggerComponent: _DSButton || (_DSButton = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
       "data-testid": "page-header-dropdown-trigger-component",
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null)
-    }),
+      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})
+    })),
     zIndex: zIndex
   }));
 }
 
-DropdownTitle.propTypes = {};
-
 module.exports = DropdownTitle;
-//# sourceMappingURL=DropdownTitle.js.map

package/cjs/v1/EditableTitle.js

@@ -1,76 +1,55 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+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 PropTypes = require('prop-types');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSInput = require('@elliemae/ds-form/Input');
-var v1_Title = require('./Title.js');
-require('@elliemae/ds-truncated-tooltip-text');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 
-var blockName = 'page-header';
-var EditableTitleComponent = dsClassnames.aggregatedClasses(DSInput__default['default'])("".concat(blockName, "-title"), 'editable-title');
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function EditableTitle(_ref) {
-  var value = _ref.children,
-      editingProp = _ref.editing,
-      titleInputProps = _ref.titleInputProps;
-
-  var _useState = React.useState(value),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      titleValue = _useState2[0],
-      setTitleValue = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      hovered = _useState4[0],
-      setHovered = _useState4[1];
-
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(editingProp || false),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      editing = _useDerivedStateFromP2[0],
-      setEditing = _useDerivedStateFromP2[1];
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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');
 
-  var titleRef = React.useRef(null);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, hovered || editing ? /*#__PURE__*/React__default['default'].createElement(EditableTitleComponent, _extends__default['default']({}, titleInputProps, {
-    onBlur: dsUtilities.runAll(function () {
-      return setEditing(false);
-    }, titleInputProps.onBlur),
-    onChange: dsUtilities.runAll(function (e) {
-      return setTitleValue(e.target.value);
-    }, titleInputProps.onChange),
-    onFocus: dsUtilities.runAll(function () {
-      return setEditing(true);
-    }, titleInputProps.onFocus),
-    onMouseOut: dsUtilities.runAll(function () {
-      return setHovered(false);
-    }, titleInputProps.onMouseOut),
-    value: titleValue
-  })) : /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: titleRef,
-    onMouseEnter: function onMouseEnter() {
-      return setHovered(true);
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(v1_Title, null, titleValue)));
+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 = {
-  /** The title text */
-  children: PropTypes__default['default'].string,
-
-  /** Whether the title is editing or not */
-  editing: PropTypes__default['default'].bool
-};
-
 module.exports = EditableTitle;
-//# sourceMappingURL=EditableTitle.js.map