@elliemae/ds-page-header 2.0.0-alpha.10 → 2.0.0-alpha.14

package/esm/v1/PageHeaderImpl.js

@@ -1,9 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import 'react';
-import { isFunction } from '@elliemae/ds-utilities/utils';
+import { isFunction } from '@elliemae/ds-utilities';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import ChevronLeft from '@elliemae/ds-icons/ChevronLeft';
+import { ChevronLeft } from '@elliemae/ds-icons';
 import DSBreadcrumb from '@elliemae/ds-breadcrumb';
 import { DSIconSizes } from '@elliemae/ds-icon';
 import EditableTitle from './EditableTitle.js';
@@ -15,35 +22,39 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({
-  withBottomSeparator,
-  subtitle
-}) => ({
-  'with-bottom-separator': withBottomSeparator,
-  'with-subtitle': subtitle
-}));
-const PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);
-const PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);
-const PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({
+const PageHeaderContainer = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    withBottomSeparator,
+    subtitle
+  } = _ref;
+  return {
+    'with-bottom-separator': withBottomSeparator,
+    'with-subtitle': subtitle
+  };
+});
+const PageHeaderMainSection = aggregatedClasses('div')("".concat(blockName, "-main-section"));
+const PageHeaderTitleSection = aggregatedClasses('div')("".concat(blockName, "-title-section"));
+const PageHeaderToolbar = aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
   'ie-flex-basis-auto': true
 }));
-const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);
-const PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);
-const Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');
-const BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);
+const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)("".concat(blockName, "-breadcrumb"));
+const PageHeaderTitle = aggregatedClasses('div')("".concat(blockName, "-title"));
+const Subtitle = aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
+const BackArrow = aggregatedClasses(ChevronLeft)("".concat(blockName, "-backarrow"));
 
-function HeaderTitle({
-  title = '',
-  options = [],
-  optionsMinWidth,
-  onSelectOption = () => null,
-  selection,
-  subtitle = '',
-  editable = false,
-  editing = false,
-  titleInputProps,
-  zIndex
-}) {
+function HeaderTitle(_ref2) {
+  let {
+    title = '',
+    options = [],
+    optionsMinWidth,
+    onSelectOption = () => null,
+    selection,
+    subtitle = '',
+    editable = false,
+    editing = false,
+    titleInputProps,
+    zIndex
+  } = _ref2;
   const titleComponent = editable ? /*#__PURE__*/_jsx(EditableTitle, {
     editing: editing,
     titleInputProps: titleInputProps
@@ -58,25 +69,26 @@ function HeaderTitle({
   }) : titleComponent, subtitle && /*#__PURE__*/_jsx(Subtitle, {}, void 0, subtitle));
 }
 
-function PageHeaderImpl({
-  containerProps,
-  className,
-  title,
-  titleOptions,
-  renderToolbar,
-  breadcrumbs = [],
-  previousPage,
-  onGoToPreviousPage = () => null,
-  subtitle = '',
-  withBottomSeparator,
-  onSelectOption,
-  optionsSelection,
-  optionsMinWidth,
-  editable = false,
-  titleInputProps,
-  editing = undefined,
-  zIndex
-}) {
+function PageHeaderImpl(_ref3) {
+  let {
+    containerProps,
+    className,
+    title,
+    titleOptions,
+    renderToolbar,
+    breadcrumbs = [],
+    previousPage,
+    onGoToPreviousPage = () => null,
+    subtitle = '',
+    withBottomSeparator,
+    onSelectOption,
+    optionsSelection,
+    optionsMinWidth,
+    editable = false,
+    titleInputProps,
+    editing = undefined,
+    zIndex
+  } = _ref3;
   const hasBreadcrumbs = !!breadcrumbs.length;
   return /*#__PURE__*/jsxs(PageHeaderContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
     className: className,

package/esm/v1/Title.js

@@ -4,12 +4,15 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 
 const blockName = 'page-header';
-const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, 'title');
+const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)("".concat(blockName, "-title"), 'title');
 
-const Title = ({
-  children
-}) => /*#__PURE__*/_jsx(TitleWrapper, {
-  value: children
-});
+const Title = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(TitleWrapper, {
+    value: children
+  });
+};
 
 export { Title as default };

package/esm/v1/TitleWrapper.js

@@ -1,6 +1,6 @@
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
 const blockName = 'page-header';
-var TitleWrapper = aggregatedClasses('span')(`${blockName}-title-wrapper`);
+var TitleWrapper = aggregatedClasses('span')("".concat(blockName, "-title-wrapper"));
 
 export { TitleWrapper as default };

package/esm/v2/PageHeader.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
@@ -15,7 +20,7 @@ import { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack.js';
 import './components/blocks.js';
 import { navProps, defaultProps } from './props.js';
 import { jsx } from 'react/jsx-runtime';
-import { cssPrefix } from '@elliemae/ds-classnames/aggregatedClasses';
+import { cssPrefix } from '@elliemae/ds-classnames';
 
 var _div;
 
@@ -30,18 +35,19 @@ const Container = /*#__PURE__*/styled.div.withConfig({
 })(["width:100%;margin-bottom:8px;"]);
 const ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-ps4m9w-2"
-})(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`);
+})(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";"));
 
-const DSPageHeaderV2 = ({
-  containerProps,
-  breadcrumbs,
-  pageTitle,
-  backarrow,
-  summary,
-  toolbar,
-  menu,
-  withBottomSeparator
-}) => {
+const DSPageHeaderV2 = _ref => {
+  let {
+    containerProps,
+    breadcrumbs,
+    pageTitle,
+    backarrow,
+    summary,
+    toolbar,
+    menu,
+    withBottomSeparator
+  } = _ref;
   const wrapperRow = ['auto', 1];
   const mainRow = compact([1, 'auto']);
   const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);
@@ -53,7 +59,7 @@ const DSPageHeaderV2 = ({
     }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx(Grid, {
       rows: ['auto', 'auto']
     }, void 0, /*#__PURE__*/_jsx(Grid, {
-      className: `${cssPrefix}-page-header-v2-breadcrumb`
+      className: "".concat(cssPrefix, "-page-header-v2-breadcrumb")
     }, void 0, breadcrumbs), /*#__PURE__*/_jsx(Grid, {
       cols: mainRow
     }, void 0, /*#__PURE__*/_jsx(Grid, {

package/esm/v2/components/PageHeaderBack/PageHeaderBack.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js

@@ -1,12 +1,17 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useState, useRef } from 'react';
 import { noop } from 'lodash';
 import styled from 'styled-components';
 import { PropTypes, describe } from 'react-desc';
-import { useMeasure } from '@elliemae/ds-utilities/hooks';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
+import { useDerivedStateFromProps, useMeasure } from '@elliemae/ds-utilities';
 import { EditableTitleComponent } from '../blocks.js';
 import { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle.js';
 import { jsx } from 'react/jsx-runtime';
@@ -39,7 +44,9 @@ const PageHeaderEditableTitle = _ref => {
     width
   } = useMeasure(titleRef);
   return /*#__PURE__*/_jsx(EditableContainer, {
-    className: hovered || editing ? 'editable-title-component' : ''
+    className: hovered || editing ? 'editable-title-component' : '',
+    onMouseEnter: () => setHovered(true),
+    onMouseLeave: () => setHovered(false)
   }, void 0, (hovered || editing) && /*#__PURE__*/jsx(EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
     onBlur: e => {
       setEditing(false);
@@ -58,13 +65,16 @@ const PageHeaderEditableTitle = _ref => {
       onMouseOut(e);
     },
     style: {
-      width: width - 2,
-      minWidth: '260px'
+      width: width + 10,
+      minWidth: '260px',
+      maxWidth: '100%'
     },
     value: titleValue
   })), /*#__PURE__*/jsx("div", {
     ref: titleRef,
-    onMouseEnter: () => setHovered(true),
+    style: {
+      width: 'fit-content'
+    },
     children: /*#__PURE__*/_jsx(PageHeaderTitle, {
       showMarker: showMarker && !hovered && !editing
     }, void 0, titleValue)

package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';

package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js

@@ -1,9 +1,14 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
 import RequiredMark from '@elliemae/ds-form/RequiredMark';
 import { PageHeaderTitleWrapper } from '../blocks.js';
 import { jsxs } from 'react/jsx-runtime';
@@ -24,9 +29,10 @@ const PageHeaderTitle = _ref => {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/jsxs(PageHeaderTitleWrapper, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+    "data-testid": "ds-page-header-title",
+    children: [/*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
       value: children
-    }), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx(RequiredMark, {
+    })), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx(RequiredMark, {
       required: true
     })))]
   }));

package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/v2/components/blocks.js

@@ -1,13 +1,13 @@
-export { cssPrefix } from '@elliemae/ds-classnames/aggregatedClasses';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSInput from '@elliemae/ds-form/Input';
+export { cssPrefix } from '@elliemae/ds-classnames';
+import { DSInput } from '@elliemae/ds-form';
 
 const blockName = 'page-header-v2';
-const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');
-const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');
-const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);
-const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);
-const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);
-const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);
+const PageHeaderTitleWrapper = aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
+const EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
+const PageHeaderBackWrapper = aggregatedClasses('div')("".concat(blockName, "-back"));
+const PageHeaderSummaryWrapper = aggregatedClasses('div')("".concat(blockName, "-summary"));
+const PageHeaderMenuWrapper = aggregatedClasses('div')("".concat(blockName, "-menu"));
+const PageHeaderToolbarWrapper = aggregatedClasses('div')("".concat(blockName, "-toolbar"));
 
 export { EditableTitleComponent, PageHeaderBackWrapper, PageHeaderMenuWrapper, PageHeaderSummaryWrapper, PageHeaderTitleWrapper, PageHeaderToolbarWrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-page-header",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Page Header",
   "module": "./esm/index.js",
@@ -100,26 +100,27 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-breadcrumb": "2.0.0-alpha.10",
-    "@elliemae/ds-button": "2.0.0-alpha.10",
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.10",
-    "@elliemae/ds-form": "2.0.0-alpha.10",
-    "@elliemae/ds-grid": "2.0.0-alpha.10",
-    "@elliemae/ds-icons": "2.0.0-alpha.10",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.10",
-    "@elliemae/ds-utilities": "2.0.0-alpha.10",
+    "@elliemae/ds-breadcrumb": "2.0.0-alpha.14",
+    "@elliemae/ds-button": "2.0.0-alpha.14",
+    "@elliemae/ds-classnames": "2.0.0-alpha.14",
+    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.14",
+    "@elliemae/ds-form": "2.0.0-alpha.14",
+    "@elliemae/ds-grid": "2.0.0-alpha.14",
+    "@elliemae/ds-icon": "2.0.0-alpha.14",
+    "@elliemae/ds-icons": "2.0.0-alpha.14",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.14",
+    "@elliemae/ds-utilities": "2.0.0-alpha.14",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/v1/DSPageHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSPageHeader: {
     ({ containerProps, renderToolbar, withBottomSeparator, title, titleOptions, onSelectOption, subtitle, optionsSelection, onGoToPreviousPage, previousPage, editable, editing, titleInputProps, zIndex, optionsMinWidth, ...otherProps }: {
@@ -19,23 +20,103 @@ declare const DSPageHeader: {
         optionsMinWidth?: undefined;
     }): JSX.Element;
     propTypes: {
-        version: any;
-        containerProps: any;
-        renderToolbar: any;
-        withBottomSeparator: any;
-        title: any;
-        titleOptions: any;
-        onSelectOption: any;
-        subtitle: any;
-        optionsSelection: any;
-        editable: any;
-        editing: any;
-        titleInputProps: any;
-        previousPage: any;
-        onGoToPreviousPage: any;
-        zIndex: any;
+        version: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        renderToolbar: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withBottomSeparator: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        title: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        titleOptions: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onSelectOption: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        subtitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        optionsSelection: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        editable: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        editing: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        titleInputProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        previousPage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onGoToPreviousPage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        zIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** min width for options dropdown menu */
-        optionsMinWidth: any;
+        optionsMinWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
 declare const DSPageHeaderV1WithSchema: any;

package/types/v1/DropdownTitle.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex, }: {
+declare function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }: {
     titleComponent: any;
     onSelectOption: any;
     options: any;

package/types/v2/PageHeader.d.ts

@@ -1,9 +1,10 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';
 import { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';
 import { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';
 import { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';
-declare const PageHeaderCustomRenderer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const PageHeaderCustomRenderer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const DSPageHeaderV2: {
     ({ containerProps, breadcrumbs, pageTitle, backarrow, summary, toolbar, menu, withBottomSeparator, }: {
         containerProps: any;
@@ -16,14 +17,54 @@ declare const DSPageHeaderV2: {
         withBottomSeparator: any;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        breadcrumbs: any;
-        pageTitle: any;
-        backarrow: any;
-        summary: any;
-        toolbar: any;
-        menu: any;
-        withBottomSeparator: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        breadcrumbs: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        pageTitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        backarrow: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        summary: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        toolbar: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        menu: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withBottomSeparator: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
     defaultProps: {
         containerProps: {};
@@ -36,6 +77,19 @@ declare const DSPageHeaderV2: {
         withBottomSeparator: boolean;
     };
 };
-declare const DSPageHeaderWithSchema: any;
+declare const DSPageHeaderWithSchema: {
+    (props?: {
+        containerProps: any;
+        breadcrumbs: any;
+        pageTitle: any;
+        backarrow: any;
+        summary: any;
+        toolbar: any;
+        menu: any;
+        withBottomSeparator: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSPageHeaderV2, PageHeaderTitle, PageHeaderEditableTitle, PageHeaderSummary, PageHeaderMenu, PageHeaderCustomRenderer, DSPageHeaderWithSchema, };
 export default DSPageHeaderV2;