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

package/esm/v2/PageHeader.js

@@ -1,4 +1,11 @@
-import React from 'react';
+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';
 import { describe } from 'react-desc';
 import { compact } from 'lodash';
 import styled from 'styled-components';
@@ -12,61 +19,57 @@ import { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderTool
 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';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-form/RequiredMark';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-form';
 
-/* eslint-disable max-lines */
-var PageHeaderCustomRenderer = /*#__PURE__*/styled.div.withConfig({
+var _div;
+
+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(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 PageHeaderCustomRenderer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-ps4m9w-0"
-})(["width:auto;color:", ";font-style:italic;font-size:0.8rem;"], function (props) {
-  return props.theme.colors.brand[800];
-});
-var Container = /*#__PURE__*/styled.div.withConfig({
+})(["width:auto;color:", ";font-style:italic;font-size:0.8rem;"], props => props.theme.colors.brand[800]);
+const Container = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-ps4m9w-1"
 })(["width:100%;margin-bottom:8px;"]);
-var ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
+const ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-ps4m9w-2"
-})(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], function (props) {
-  return !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(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], ";"));
 
-var DSPageHeaderV2 = function DSPageHeaderV2(_ref) {
-  var containerProps = _ref.containerProps,
-      breadcrumbs = _ref.breadcrumbs,
-      pageTitle = _ref.pageTitle,
-      backarrow = _ref.backarrow,
-      summary = _ref.summary,
-      toolbar = _ref.toolbar,
-      menu = _ref.menu,
-      withBottomSeparator = _ref.withBottomSeparator;
-  var wrapperRow = ['auto', 1];
-  var mainRow = compact([1, 'auto']);
-  var pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);
-  return /*#__PURE__*/React.createElement(Container, containerProps, /*#__PURE__*/React.createElement(ContainerWBorder, {
-    withBottomSeparator: withBottomSeparator
-  }, /*#__PURE__*/React.createElement(Grid, {
-    cols: wrapperRow
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(PageHeaderBack, null, backarrow)), /*#__PURE__*/React.createElement(Grid, {
-    rows: ['auto', 'auto']
-  }, /*#__PURE__*/React.createElement(Grid, {
-    className: "".concat(cssPrefix, "-page-header-v2-breadcrumb")
-  }, breadcrumbs), /*#__PURE__*/React.createElement(Grid, {
-    cols: mainRow
-  }, /*#__PURE__*/React.createElement(Grid, {
-    cols: pageTitleRow
-  }, pageTitle, menu && /*#__PURE__*/React.createElement(PageHeaderMenu, null, menu), summary, /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(PageHeaderToolbar, null, toolbar)))))));
+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]);
+  return /*#__PURE__*/jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: /*#__PURE__*/_jsx(ContainerWBorder, {
+      withBottomSeparator: withBottomSeparator
+    }, void 0, /*#__PURE__*/_jsx(Grid, {
+      cols: wrapperRow
+    }, 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: "".concat(cssPrefix, "-page-header-v2-breadcrumb")
+    }, void 0, breadcrumbs), /*#__PURE__*/_jsx(Grid, {
+      cols: mainRow
+    }, void 0, /*#__PURE__*/_jsx(Grid, {
+      cols: pageTitleRow
+    }, void 0, pageTitle, menu && /*#__PURE__*/_jsx(PageHeaderMenu, {}, void 0, menu), summary, _div || (_div = /*#__PURE__*/_jsx("div", {}))), /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(PageHeaderToolbar, {}, void 0, toolbar))))))
+  }));
 };
 
-DSPageHeaderV2.propTypes = navProps;
 DSPageHeaderV2.defaultProps = defaultProps;
-var DSPageHeaderWithSchema = describe(DSPageHeaderV2);
+const DSPageHeaderWithSchema = describe(DSPageHeaderV2);
 DSPageHeaderWithSchema.propTypes = navProps;
 
 export { DSPageHeaderV2, DSPageHeaderWithSchema, PageHeaderCustomRenderer, DSPageHeaderV2 as default };
-//# sourceMappingURL=PageHeader.js.map

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

@@ -1,16 +1,28 @@
+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 from 'react';
+import 'react';
 import { PageHeaderBackWrapper } from '../blocks.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
-var PageHeaderBack = function PageHeaderBack(_ref) {
-  var children = _ref.children,
+const _excluded = ["children"];
+
+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(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 PageHeaderBack = _ref => {
+  let {
+    children
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(PageHeaderBackWrapper, rest, children);
+  return /*#__PURE__*/jsx(PageHeaderBackWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 
 export { PageHeaderBack };
-//# sourceMappingURL=PageHeaderBack.js.map

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

@@ -1,86 +1,68 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+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 React, { useState, useRef } from 'react';
+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 { useDerivedStateFromProps, useMeasure } from '@elliemae/ds-utilities';
 import { EditableTitleComponent } from '../blocks.js';
 import { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-form/RequiredMark';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
-var EditableContainer = /*#__PURE__*/styled.div.withConfig({
+const _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
+
+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(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 EditableContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-v0pkny-0"
 })(["height:32px;position:relative;overflow:hidden;"]);
-var PageHeaderEditableTitle = function PageHeaderEditableTitle(_ref) {
-  var value = _ref.children,
-      _ref$editing = _ref.editing,
-      editingProp = _ref$editing === void 0 ? false : _ref$editing,
-      _ref$onBlur = _ref.onBlur,
-      _onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
-      _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-      _ref$onFocus = _ref.onFocus,
-      _onFocus = _ref$onFocus === void 0 ? noop : _ref$onFocus,
-      _ref$onMouseOut = _ref.onMouseOut,
-      _onMouseOut = _ref$onMouseOut === void 0 ? noop : _ref$onMouseOut,
-      _ref$showMarker = _ref.showMarker,
-      showMarker = _ref$showMarker === void 0 ? false : _ref$showMarker,
+const PageHeaderEditableTitle = _ref => {
+  let {
+    children: value,
+    editing: editingProp = false,
+    onBlur = noop,
+    onChange = noop,
+    onFocus = noop,
+    onMouseOut = noop,
+    showMarker = false
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      titleValue = _useState2[0],
-      setTitleValue = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hovered = _useState4[0],
-      setHovered = _useState4[1];
-
-  var _useDerivedStateFromP = useDerivedStateFromProps(editingProp || false),
-      _useDerivedStateFromP2 = _slicedToArray(_useDerivedStateFromP, 2),
-      editing = _useDerivedStateFromP2[0],
-      setEditing = _useDerivedStateFromP2[1];
-
-  var titleRef = useRef(null);
-
-  var _useMeasure = useMeasure(titleRef),
-      width = _useMeasure.width;
-
-  return /*#__PURE__*/React.createElement(EditableContainer, {
+  const [titleValue, setTitleValue] = useState(value);
+  const [hovered, setHovered] = useState(false);
+  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
+  const titleRef = useRef(null);
+  const {
+    width
+  } = useMeasure(titleRef);
+  return /*#__PURE__*/_jsx(EditableContainer, {
     className: hovered || editing ? 'editable-title-component' : '',
-    onMouseEnter: function onMouseEnter() {
-      return setHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setHovered(false);
-    }
-  }, (hovered || editing) && /*#__PURE__*/React.createElement(EditableTitleComponent, _extends({}, rest, {
-    onBlur: function onBlur(e) {
+    onMouseEnter: () => setHovered(true),
+    onMouseLeave: () => setHovered(false)
+  }, void 0, (hovered || editing) && /*#__PURE__*/jsx(EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
+    onBlur: e => {
       setEditing(false);
-
-      _onBlur(e);
+      onBlur(e);
     },
-    onChange: function onChange(e) {
+    onChange: e => {
       setTitleValue(e.target.value);
-
-      _onChange(e);
+      onChange(e);
     },
-    onFocus: function onFocus(e) {
+    onFocus: e => {
       setEditing(true);
-
-      _onFocus(e);
+      onFocus(e);
     },
-    onMouseOut: function onMouseOut(e) {
+    onMouseOut: e => {
       setHovered(false);
-
-      _onMouseOut(e);
+      onMouseOut(e);
     },
     style: {
       width: width + 10,
@@ -88,16 +70,17 @@ var PageHeaderEditableTitle = function PageHeaderEditableTitle(_ref) {
       maxWidth: '100%'
     },
     value: titleValue
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/jsx("div", {
     ref: titleRef,
     style: {
       width: 'fit-content'
-    }
-  }, /*#__PURE__*/React.createElement(PageHeaderTitle, {
-    showMarker: showMarker && !hovered && !editing
-  }, titleValue)));
+    },
+    children: /*#__PURE__*/_jsx(PageHeaderTitle, {
+      showMarker: showMarker && !hovered && !editing
+    }, void 0, titleValue)
+  }));
 };
-var props = {
+const props = {
   /** The title text */
   children: PropTypes.string.description('The title text'),
 
@@ -119,9 +102,7 @@ var props = {
   /** mouse out of component handler */
   onMouseOut: PropTypes.func.description('mouse out of component handler')
 };
-PageHeaderEditableTitle.propTypes = props;
-var DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);
+const DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);
 DSPageHeaderEditableTitleWithSchema.propTypes = props;
 
 export { DSPageHeaderEditableTitleWithSchema, PageHeaderEditableTitle, PageHeaderEditableTitle as default };
-//# sourceMappingURL=PageHeaderEditableTitle.js.map

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

@@ -1,16 +1,28 @@
+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 from 'react';
+import 'react';
 import { PageHeaderMenuWrapper } from '../blocks.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
-var PageHeaderMenu = function PageHeaderMenu(_ref) {
-  var children = _ref.children,
+const _excluded = ["children"];
+
+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(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 PageHeaderMenu = _ref => {
+  let {
+    children
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(PageHeaderMenuWrapper, rest, children);
+  return /*#__PURE__*/jsx(PageHeaderMenuWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 
 export { PageHeaderMenu };
-//# sourceMappingURL=PageHeaderMenu.js.map

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

@@ -1,38 +1,50 @@
+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 from 'react';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { PageHeaderSummaryWrapper } from '../blocks.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
+import { jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["value", "label"];
+var _div;
 
-var PageHeaderSummary = function PageHeaderSummary(_ref) {
-  var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? null : _ref$value,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
+const _excluded = ["value", "label"];
+
+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(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 PageHeaderSummary = _ref => {
+  let {
+    value = null,
+    label = ''
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(PageHeaderSummaryWrapper, rest, (value === 0 || value) && /*#__PURE__*/React.createElement("div", {
-    className: "ph-summary-value"
-  }, value), label && /*#__PURE__*/React.createElement("div", {
-    className: "ph-summary-label"
-  }, label), (value === 0 || value || label) && /*#__PURE__*/React.createElement("div", {
-    className: "ph-summary-space"
+  return /*#__PURE__*/jsxs(PageHeaderSummaryWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [(value === 0 || value) && /*#__PURE__*/_jsx("div", {
+      className: "ph-summary-value"
+    }, void 0, value), label && /*#__PURE__*/_jsx("div", {
+      className: "ph-summary-label"
+    }, void 0, label), (value === 0 || value || label) && (_div || (_div = /*#__PURE__*/_jsx("div", {
+      className: "ph-summary-space"
+    })))]
   }));
 };
 
-var props = {
+const props = {
   /** value for page header summary */
   value: PropTypes.number.description('value for page header summary'),
 
   /** label attached to value */
   label: PropTypes.string.description('label attached to value')
 };
-PageHeaderSummary.propTypes = props;
-var DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
+const DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
 DSPageHeaderSummaryWithSchema.propTypes = props;
 
 export { DSPageHeaderSummaryWithSchema, PageHeaderSummary };
-//# sourceMappingURL=PageHeaderSummary.js.map

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

@@ -1,40 +1,51 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 from 'react';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
 import RequiredMark from '@elliemae/ds-form/RequiredMark';
 import { PageHeaderTitleWrapper } from '../blocks.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
+import { jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["children", "showMarker"];
+var _RequiredMark;
 
-var PageHeaderTitle = function PageHeaderTitle(_ref) {
-  var children = _ref.children,
-      _ref$showMarker = _ref.showMarker,
-      showMarker = _ref$showMarker === void 0 ? false : _ref$showMarker,
+const _excluded = ["children", "showMarker"];
+
+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(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 PageHeaderTitle = _ref => {
+  let {
+    children,
+    showMarker = false
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(PageHeaderTitleWrapper, _extends({}, rest, {
-    "data-testid": "ds-page-header-title"
-  }), /*#__PURE__*/React.createElement(TooltipTextProvider, null, /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
-    value: children
-  })), showMarker && /*#__PURE__*/React.createElement(RequiredMark, {
-    required: true
+  return /*#__PURE__*/jsxs(PageHeaderTitleWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    "data-testid": "ds-page-header-title",
+    children: [/*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+      value: children
+    })), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx(RequiredMark, {
+      required: true
+    })))]
   }));
 };
 
-var props = {
+const props = {
   /** page header title string */
   children: PropTypes.string.description('Page header title string'),
 
   /** show required mark */
   showMarker: PropTypes.bool.description('show required mark')
 };
-PageHeaderTitle.propTypes = props;
-var DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
+const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
 DSPageHeaderTitleWithSchema.propTypes = props;
 
 export { DSPageHeaderTitleWithSchema, PageHeaderTitle };
-//# sourceMappingURL=PageHeaderTitle.js.map

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

@@ -1,16 +1,28 @@
+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 from 'react';
+import 'react';
 import { PageHeaderToolbarWrapper } from '../blocks.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
-var PageHeaderToolbar = function PageHeaderToolbar(_ref) {
-  var children = _ref.children,
+const _excluded = ["children"];
+
+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(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 PageHeaderToolbar = _ref => {
+  let {
+    children
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(PageHeaderToolbarWrapper, rest, children);
+  return /*#__PURE__*/jsx(PageHeaderToolbarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 
 export { PageHeaderToolbar };
-//# sourceMappingURL=PageHeaderToolbar.js.map

package/esm/v2/components/blocks.js

@@ -2,13 +2,12 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
 export { cssPrefix } from '@elliemae/ds-classnames';
 import { DSInput } from '@elliemae/ds-form';
 
-var blockName = 'page-header-v2';
-var PageHeaderTitleWrapper = aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
-var EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
-var PageHeaderBackWrapper = aggregatedClasses('div')("".concat(blockName, "-back"));
-var PageHeaderSummaryWrapper = aggregatedClasses('div')("".concat(blockName, "-summary"));
-var PageHeaderMenuWrapper = aggregatedClasses('div')("".concat(blockName, "-menu"));
-var PageHeaderToolbarWrapper = aggregatedClasses('div')("".concat(blockName, "-toolbar"));
+const blockName = 'page-header-v2';
+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 };
-//# sourceMappingURL=blocks.js.map

package/esm/v2/props.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var navProps = {
+const navProps = {
   /** props injected to wrapper of page header */
   containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),
 
@@ -25,7 +25,7 @@ var navProps = {
   /** Border bottom below the page header */
   withBottomSeparator: PropTypes.bool.description('Border bottom below the page header')
 };
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   breadcrumbs: null,
   pageTitle: null,
@@ -37,4 +37,3 @@ var defaultProps = {
 };
 
 export { defaultProps, navProps };
-//# sourceMappingURL=props.js.map