@elliemae/ds-page-header 3.0.0-next.75 → 3.0.0-next.78

package/dist/cjs/index.js

@@ -33,5 +33,6 @@ __reExport(src_exports, require("./v2/PageHeader"), module.exports);
 var import_PageHeaderSummary = require("./v2/components/PageHeaderSummary");
 var import_PageHeaderTitle = require("./v2/components/PageHeaderTitle");
 var import_PageHeaderEditableTitle = require("./v2/components/PageHeaderEditableTitle");
+__reExport(src_exports, require("./v2/exported-related"), module.exports);
 var import_DSPageHeader = __toESM(require("./v1/DSPageHeader"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './v1/DSPageHeader';\nexport * from './v2/PageHeader';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle';\n\nexport { default } from './v1/DSPageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,4BADd;AAGA,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AAEpD,0BAAwB;",
+  "sourcesContent": ["export * from './v1/DSPageHeader';\nexport * from './v2/PageHeader';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle';\n\nexport * from './v2/exported-related';\nexport { default } from './v1/DSPageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,4BADd;AAGA,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AAEpD,wBAAc,kCAPd;AAQA,0BAAwB;",
   "names": []
 }

package/dist/cjs/v2/PageHeader.js

@@ -21,18 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -65,35 +53,43 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_lodash = require("lodash");
 var import_styled = require("./styled");
+var import_usePageHeader = require("./config/usePageHeader");
 var import_PageHeaderTitle = require("./components/PageHeaderTitle");
 var import_PageHeaderEditableTitle = require("./components/PageHeaderEditableTitle");
 var import_PageHeaderSummary = require("./components/PageHeaderSummary");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
 var import_exported_related = require("./exported-related");
 const DSPageHeaderV2 = (props) => {
-  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.PageHeaderPropTypes);
-  const _a = propsWithDefaults, { menu, pageTitle, toolbar, summary, backarrow, breadcrumbs, containerProps, withBottomSeparator } = _a, rest = __objRest(_a, ["menu", "pageTitle", "toolbar", "summary", "backarrow", "breadcrumbs", "containerProps", "withBottomSeparator"]);
-  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(rest);
-  const xStyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefaults);
+  const {
+    currentBackArrow,
+    currentMenu,
+    currentBreadcrumbs,
+    currentSummary,
+    currentToolbar,
+    currentPageTitle,
+    containerProps,
+    withBottomSeparator,
+    globalAttributes,
+    xStyledProps
+  } = (0, import_usePageHeader.usePageHeader)(props);
   const wrapperRow = ["auto", 1];
   const mainRow = (0, import_lodash.compact)([1, "auto"]);
-  const pageTitleRow = (0, import_lodash.compact)(["auto", menu && "30px", summary && "auto", 1]);
+  const pageTitleRow = (0, import_lodash.compact)(["auto", currentMenu && "30px", currentSummary && "auto", 1]);
   return /* @__PURE__ */ import_react.default.createElement(import_styled.Container, __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, containerProps), globalAttributes), xStyledProps), {
     "data-testid": import_exported_related.DSPageHeaderDataTestIds.CONTAINER
   }), /* @__PURE__ */ import_react.default.createElement(import_styled.ContainerWBorder, {
     withBottomSeparator
   }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     cols: wrapperRow
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_styled.PageHeaderBack, null, backarrow)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_styled.PageHeaderBack, null, currentBackArrow)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     rows: ["auto", "auto"]
   }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     className: "em-ds-page-header-v2-breadcrumb"
-  }, breadcrumbs), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }, currentBreadcrumbs), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     cols: mainRow
   }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     cols: pageTitleRow
-  }, pageTitle, menu && /* @__PURE__ */ import_react.default.createElement(import_styled.PageHeaderMenu, null, menu), summary, /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_styled.PageHeaderToolbarWrapper, null, toolbar)))))));
+  }, currentPageTitle, currentMenu && /* @__PURE__ */ import_react.default.createElement(import_styled.PageHeaderMenu, null, currentMenu), currentSummary, /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_styled.PageHeaderToolbarWrapper, null, currentToolbar)))))));
 };
 DSPageHeaderV2.propTypes = import_react_desc_prop_types.PageHeaderPropTypes;
 DSPageHeaderV2.defaultProps = import_react_desc_prop_types.defaultProps;

package/dist/cjs/v2/PageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/PageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { compact } from 'lodash';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled';\nimport { PageHeaderTitle } from './components/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary';\nimport { PageHeaderPropTypes, DSPageHeaderT, defaultProps } from './react-desc-prop-types';\nimport { DSPageHeaderDataTestIds } from './exported-related';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);\n\n  const { menu, pageTitle, toolbar, summary, backarrow, breadcrumbs, containerProps, withBottomSeparator, ...rest } =\n    propsWithDefaults;\n\n  const globalAttributes = useGetGlobalAttributes(rest);\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const wrapperRow = ['auto', 1];\n  const mainRow = compact([1, 'auto']);\n  const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{backarrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{breadcrumbs}</Grid>\n            <Grid cols={mainRow}>\n              <Grid cols={pageTitleRow}>\n                {pageTitle}\n                {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n                {summary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{toolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = 'DSPageHeaderV2';\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAyC;AACzC,0BAMO;AACP,qBAAqB;AACrB,oBAAwB;AACxB,oBAOO;AACP,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,mCAAiE;AACjE,8BAAwC;AAExC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,oBAAoB,sDAA6B,OAAO,yCAAY;AAC1E,0DAA+B,mBAAmB,gDAAmB;AAErE,QACE,wBADM,QAAM,WAAW,SAAS,SAAS,WAAW,aAAa,gBAAgB,wBACjF,IADyG,iBACzG,IADyG,CAAnG,QAAM,aAAW,WAAS,WAAS,aAAW,eAAa,kBAAgB;AAGnF,QAAM,mBAAmB,gDAAuB,IAAI;AACpD,QAAM,eAAe,4CAAmB,iBAAiB;AAEzD,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,2BAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,2BAAQ,CAAC,QAAQ,QAAQ,QAAQ,WAAW,QAAQ,CAAC,CAAC;AAC3E,SACE,mDAAC,wFACK,iBACA,mBACA,eAHL;AAAA,IAIC,eAAa,gDAAwB;AAAA,MAErC,mDAAC;AAAA,IAAiB;AAAA,KAChB,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC,2BACC,mDAAC,oCAAgB,SAAU,CAC7B,GACA,mDAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,WAAY,GAC/D,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC;AAAA,IAAK,MAAM;AAAA,KACT,WACA,QAAQ,mDAAC,oCAAgB,IAAK,GAC9B,SACD,mDAAC,WAAI,CACP,GACA,mDAAC,2BACC,mDAAC,8CAA0B,OAAQ,CACrC,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,kCAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { compact } from 'lodash';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled';\nimport { usePageHeader } from './config/usePageHeader';\nimport { PageHeaderTitle } from './components/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary';\nimport { PageHeaderPropTypes, DSPageHeaderT, defaultProps } from './react-desc-prop-types';\nimport { DSPageHeaderDataTestIds } from './exported-related';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const {\n    currentBackArrow,\n    currentMenu,\n    currentBreadcrumbs,\n    currentSummary,\n    currentToolbar,\n    currentPageTitle,\n    containerProps,\n    withBottomSeparator,\n    globalAttributes,\n    xStyledProps,\n  } = usePageHeader(props);\n\n  const wrapperRow = ['auto', 1];\n  const mainRow = compact([1, 'auto']);\n  const pageTitleRow = compact(['auto', currentMenu && '30px', currentSummary && 'auto', 1]);\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n            <Grid cols={mainRow}>\n              <Grid cols={pageTitleRow}>\n                {currentPageTitle}\n                {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n                {currentSummary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = 'DSPageHeaderV2';\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAyC;AACzC,0BAAyB;AACzB,qBAAqB;AACrB,oBAAwB;AACxB,oBAOO;AACP,2BAA8B;AAC9B,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,mCAAiE;AACjE,8BAAwC;AAExC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,wCAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,2BAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,2BAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,mDAAC,wFACK,iBACA,mBACA,eAHL;AAAA,IAIC,eAAa,gDAAwB;AAAA,MAErC,mDAAC;AAAA,IAAiB;AAAA,KAChB,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC,2BACC,mDAAC,oCAAgB,gBAAiB,CACpC,GACA,mDAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,kBAAmB,GACtE,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC;AAAA,IAAK,MAAM;AAAA,KACT,kBACA,eAAe,mDAAC,oCAAgB,WAAY,GAC5C,gBACD,mDAAC,WAAI,CACP,GACA,mDAAC,2BACC,mDAAC,8CAA0B,cAAe,CAC5C,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,kCAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/v2/components/PageHeaderEditableTitle.js

@@ -60,14 +60,17 @@ var import_ds_form_input_text = require("@elliemae/ds-form-input-text");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_PageHeaderTitle = require("./PageHeaderTitle");
+var import_exported_related = require("../exported-related");
 const EditableContainer = (0, import_ds_system.styled)("div")`
   height: 32px;
   position: relative;
   overflow: hidden;
   &.editable-title-component {
     position: relative;
+    left: -7px;
     top: -1px;
-
+    margin-left: -2px;
+    margin-right: -9px;
     & .${import_ds_form_input_text.DSInputTextName}-${import_ds_form_input_text.DSInputTextSlots.INPUT_WRAPPER} {
       height: 32px;
     }
@@ -114,7 +117,8 @@ const PageHeaderEditableTitle = (_a) => {
   return /* @__PURE__ */ import_react.default.createElement(EditableContainer, {
     className: hovered || editing ? "editable-title-component" : "",
     onMouseEnter: () => setHovered(true),
-    onMouseLeave: () => setHovered(false)
+    onMouseLeave: () => setHovered(false),
+    "data-testid": import_exported_related.DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE
   }, (hovered || editing) && /* @__PURE__ */ import_react.default.createElement(import_ds_form_input_text.DSInputText, __spreadProps(__spreadValues(__spreadValues({
     onChange: handleOnChange
   }, rest), globals), {

package/dist/cjs/v2/components/PageHeaderEditableTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/PageHeaderEditableTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useState, useCallback, WeakValidationMap } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  PropTypes,\n  describe,\n  useDerivedStateFromProps,\n  useMeasure,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n} from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from './PageHeaderTitle';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    top: -1px;\n\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = ({\n  children: value,\n  editing: editingProp = false,\n  showMarker = false,\n  ...rest\n}) => {\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef(null);\n  const { width } = useMeasure(titleRef);\n\n  const handleOnChange: React.ChangeEventHandler = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nconst props = {\n  ...globalAttributesPropTypes,\n  /** The title text */\n  children: PropTypes.string.description('The title text'),\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool.description('Whether the title is editing or not'),\n  /** Show error marker */\n  showMarker: PropTypes.bool.description('Show error marker'),\n};\n\nPageHeaderEditableTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwE;AACxE,gCAA+D;AAC/D,uBAAuB;AACvB,0BAOO;AACP,6BAAgC;AAEhC,MAAM,oBAAoB,6BAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAQ7B,6CAAmB,2CAAiB;AAAA;AAAA;AAAA,SAGpC,6CAAmB,2CAAiB;AAAA,mBAC1B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC,OAKlC;AALkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,aAAa;AAAA,MAHyB,IAInC,iBAJmC,IAInC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,oCAAW,QAAQ;AAErC,QAAM,iBAA2C,8BAAY,CAAC,MAAM;AAClE,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,8BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,8BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,gDAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,mDAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,KAElC,YAAW,YACX,mDAAC;AAAA,IACC,UAAU;AAAA,KACN,OACA,UAHL;AAAA,IAIC,aAAY;AAAA,IACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,mDAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ,iCACT,gDADS;AAAA,EAGZ,UAAU,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,8BAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
+  "sourcesContent": ["import React, { useRef, useState, useCallback, WeakValidationMap } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  PropTypes,\n  describe,\n  useDerivedStateFromProps,\n  useMeasure,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n} from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from './PageHeaderTitle';\nimport { DSPageHeaderDataTestIds } from '../exported-related';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    left: -7px;\n    top: -1px;\n    margin-left: -2px;\n    margin-right: -9px;\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = ({\n  children: value,\n  editing: editingProp = false,\n  showMarker = false,\n  ...rest\n}) => {\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef(null);\n  const { width } = useMeasure(titleRef);\n\n  const handleOnChange: React.FormEventHandler<HTMLInputElement> = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nconst props = {\n  ...globalAttributesPropTypes,\n  /** The title text */\n  children: PropTypes.string.description('The title text'),\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool.description('Whether the title is editing or not'),\n  /** Show error marker */\n  showMarker: PropTypes.bool.description('Show error marker'),\n};\n\nPageHeaderEditableTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwE;AACxE,gCAA+D;AAC/D,uBAAuB;AACvB,0BAOO;AACP,6BAAgC;AAChC,8BAAwC;AAExC,MAAM,oBAAoB,6BAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,6CAAmB,2CAAiB;AAAA;AAAA;AAAA,SAGpC,6CAAmB,2CAAiB;AAAA,mBAC1B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC,OAKlC;AALkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,aAAa;AAAA,MAHyB,IAInC,iBAJmC,IAInC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,oCAAW,QAAQ;AAErC,QAAM,iBAA2D,8BAAY,CAAC,MAAM;AAClF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,8BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,8BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,gDAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,mDAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,IACpC,eAAa,gDAAwB;AAAA,KAEnC,YAAW,YACX,mDAAC;AAAA,IACC,UAAU;AAAA,KACN,OACA,UAHL;AAAA,IAIC,aAAY;AAAA,IACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,mDAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ,iCACT,gDADS;AAAA,EAGZ,UAAU,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,8BAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
   "names": []
 }

package/dist/cjs/v2/components/PageHeaderSummary.js

@@ -88,7 +88,9 @@ const PageHeaderSummaryWrapper = (0, import_ds_system.styled)("div", {
 `;
 const PageHeaderSummary = (_a) => {
   var _b = _a, { value = null, label = "" } = _b, rest = __objRest(_b, ["value", "label"]);
-  return /* @__PURE__ */ import_react.default.createElement(PageHeaderSummaryWrapper, __spreadValues({}, rest), (value === 0 || value) && /* @__PURE__ */ import_react.default.createElement("div", {
+  return /* @__PURE__ */ import_react.default.createElement(PageHeaderSummaryWrapper, __spreadValues({
+    "data-testid": import_exported_related.DSPageHeaderDataTestIds.SUMMARY
+  }, rest), (value === 0 || value) && /* @__PURE__ */ import_react.default.createElement("div", {
     className: "ph-summary-value"
   }, value), label && /* @__PURE__ */ import_react.default.createElement("div", {
     className: "ph-summary-label"

package/dist/cjs/v2/components/PageHeaderSummary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/PageHeaderSummary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n  <PageHeaderSummaryWrapper {...rest}>\n    {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n    {label && <div className=\"ph-summary-label\">{label}</div>}\n    {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n  </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n  /** value for page header summary */\n  value: PropTypes.number.description('value for page header summary'),\n  /** label attached to value */\n  label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAoC;AACpC,uBAAuB;AACvB,8BAAoD;AAEpD,MAAM,2BAA2B,6BAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,4DAAC,6CAA6B,OAC1B,WAAU,KAAK,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACnE,SAAS,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAmB,CACxE;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,kCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n  <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n    {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n    {label && <div className=\"ph-summary-label\">{label}</div>}\n    {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n  </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n  /** value for page header summary */\n  value: PropTypes.number.description('value for page header summary'),\n  /** label attached to value */\n  label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAoC;AACpC,uBAAuB;AACvB,8BAA6E;AAE7E,MAAM,2BAA2B,6BAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,4DAAC;AAAA,IAAyB,eAAa,gDAAwB;AAAA,KAAa,OACxE,WAAU,KAAK,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACnE,SAAS,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAmB,CACxE;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,kCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
   "names": []
 }

package/dist/cjs/v2/config/usePageHeader.js

@@ -0,0 +1,117 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePageHeader_exports = {};
+__export(usePageHeader_exports, {
+  usePageHeader: () => usePageHeader
+});
+module.exports = __toCommonJS(usePageHeader_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react_desc_prop_types = require("../react-desc-prop-types");
+const usePageHeader = (props) => {
+  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.PageHeaderPropTypes);
+  const _a = props, {
+    menu,
+    Menu,
+    pageTitle,
+    PageTitle,
+    toolbar,
+    Toolbar,
+    summary,
+    Summary,
+    backarrow,
+    Backarrow,
+    breadcrumbs,
+    Breadcrumbs
+  } = _a, rest = __objRest(_a, [
+    "menu",
+    "Menu",
+    "pageTitle",
+    "PageTitle",
+    "toolbar",
+    "Toolbar",
+    "summary",
+    "Summary",
+    "backarrow",
+    "Backarrow",
+    "breadcrumbs",
+    "Breadcrumbs"
+  ]);
+  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
+  const xStyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefaults);
+  const currentBackArrow = (0, import_react.useMemo)(() => backarrow ?? (Backarrow ? /* @__PURE__ */ React.createElement(Backarrow, null) : void 0), [Backarrow, backarrow]);
+  const currentMenu = (0, import_react.useMemo)(() => menu ?? (Menu ? /* @__PURE__ */ React.createElement(Menu, null) : void 0), [Menu, menu]);
+  const currentBreadcrumbs = (0, import_react.useMemo)(() => breadcrumbs ?? (Breadcrumbs ? /* @__PURE__ */ React.createElement(Breadcrumbs, null) : void 0), [Breadcrumbs, breadcrumbs]);
+  const currentSummary = (0, import_react.useMemo)(() => summary ?? (Summary ? /* @__PURE__ */ React.createElement(Summary, null) : void 0), [Summary, summary]);
+  const currentToolbar = (0, import_react.useMemo)(() => toolbar ?? (Toolbar ? /* @__PURE__ */ React.createElement(Toolbar, null) : void 0), [Toolbar, toolbar]);
+  const currentPageTitle = (0, import_react.useMemo)(() => pageTitle ?? (PageTitle ? /* @__PURE__ */ React.createElement(PageTitle, null) : void 0), [PageTitle, pageTitle]);
+  return (0, import_react.useMemo)(() => __spreadValues({
+    propsWithDefaults,
+    globalAttributes,
+    xStyledProps,
+    currentBackArrow,
+    currentMenu,
+    currentBreadcrumbs,
+    currentSummary,
+    currentToolbar,
+    currentPageTitle
+  }, rest), [
+    propsWithDefaults,
+    currentBackArrow,
+    currentBreadcrumbs,
+    currentMenu,
+    currentPageTitle,
+    currentSummary,
+    currentToolbar,
+    globalAttributes,
+    rest,
+    xStyledProps
+  ]);
+};
+//# sourceMappingURL=usePageHeader.js.map

package/dist/cjs/v2/config/usePageHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/v2/config/usePageHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\n\nimport { DSPageHeaderT, PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);\n\n  const {\n    menu,\n    Menu,\n    pageTitle,\n    PageTitle,\n    toolbar,\n    Toolbar,\n    summary,\n    Summary,\n    backarrow,\n    Backarrow,\n    breadcrumbs,\n    Breadcrumbs,\n    ...rest\n  } = props;\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const currentBackArrow = useMemo(() => backarrow ?? (Backarrow ? <Backarrow /> : undefined), [Backarrow, backarrow]);\n\n  const currentMenu = useMemo(() => menu ?? (Menu ? <Menu /> : undefined), [Menu, menu]);\n\n  const currentBreadcrumbs = useMemo(\n    () => breadcrumbs ?? (Breadcrumbs ? <Breadcrumbs /> : undefined),\n    [Breadcrumbs, breadcrumbs],\n  );\n\n  const currentSummary = useMemo(() => summary ?? (Summary ? <Summary /> : undefined), [Summary, summary]);\n\n  const currentToolbar = useMemo(() => toolbar ?? (Toolbar ? <Toolbar /> : undefined), [Toolbar, toolbar]);\n\n  const currentPageTitle = useMemo(() => pageTitle ?? (PageTitle ? <PageTitle /> : undefined), [PageTitle, pageTitle]);\n\n  return useMemo(\n    () => ({\n      propsWithDefaults,\n      globalAttributes,\n      xStyledProps,\n      currentBackArrow,\n      currentMenu,\n      currentBreadcrumbs,\n      currentSummary,\n      currentToolbar,\n      currentPageTitle,\n      ...rest,\n    }),\n    [\n      propsWithDefaults,\n      currentBackArrow,\n      currentBreadcrumbs,\n      currentMenu,\n      currentPageTitle,\n      currentSummary,\n      currentToolbar,\n      globalAttributes,\n      rest,\n      xStyledProps,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwB;AACxB,0BAKO;AAEP,mCAAiE;AAE1D,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,oBAAoB,sDAA6B,OAAO,yCAAY;AAC1E,0DAA+B,mBAAmB,gDAAmB;AAErE,QAcI,YAbF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB,gDAAuB,iBAAiB;AACjE,QAAM,eAAe,4CAAmB,iBAAiB;AAEzD,QAAM,mBAAmB,0BAAQ,MAAM,aAAc,aAAY,oCAAC,eAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,cAAc,0BAAQ,MAAM,QAAS,QAAO,oCAAC,UAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,qBAAqB,0BACzB,MAAM,eAAgB,eAAc,oCAAC,iBAAY,IAAK,SACtD,CAAC,aAAa,WAAW,CAC3B;AAEA,QAAM,iBAAiB,0BAAQ,MAAM,WAAY,WAAU,oCAAC,aAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,iBAAiB,0BAAQ,MAAM,WAAY,WAAU,oCAAC,aAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,mBAAmB,0BAAQ,MAAM,aAAc,aAAY,oCAAC,eAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACG,OAEL;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AACF;",
+  "names": []
+}

package/dist/cjs/v2/exported-related/data-test-ids.js

@@ -26,6 +26,8 @@ module.exports = __toCommonJS(data_test_ids_exports);
 var React = __toESM(require("react"));
 const DSPageHeaderDataTestIds = {
   CONTAINER: "ds-page-header-container",
-  HEADER_TITLE: "ds-page-header-title"
+  HEADER_TITLE: "ds-page-header-title",
+  EDITABLE_HEADER_TITLE: "ds-page-header-editable-title",
+  SUMMARY: "ds-page-header-summary"
 };
 //# sourceMappingURL=data-test-ids.js.map

package/dist/cjs/v2/exported-related/data-test-ids.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/exported-related/data-test-ids.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSPageHeaderDataTestIds = {\n  CONTAINER: 'ds-page-header-container',\n  HEADER_TITLE: 'ds-page-header-title',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAChB;",
+  "sourcesContent": ["export const DSPageHeaderDataTestIds = {\n  CONTAINER: 'ds-page-header-container',\n  HEADER_TITLE: 'ds-page-header-title',\n  EDITABLE_HEADER_TITLE: 'ds-page-header-editable-title',\n  SUMMARY: 'ds-page-header-summary',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/v2/react-desc-prop-types.js

@@ -45,12 +45,18 @@ var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const PageHeaderPropTypes = __spreadProps(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), {
   containerProps: import_ds_utilities.PropTypes.shape({}).description("props injected to wrapper of page header"),
-  breadcrumbs: import_ds_utilities.PropTypes.node.description("breadcrumbs component"),
-  pageTitle: import_ds_utilities.PropTypes.node.description("PageHeaderTitle component"),
-  backarrow: import_ds_utilities.PropTypes.node.description("back arrow component"),
-  summary: import_ds_utilities.PropTypes.node.description("PageHeaderSummary component"),
-  toolbar: import_ds_utilities.PropTypes.node.description("toolbar component"),
-  menu: import_ds_utilities.PropTypes.node.description("PageHeaderMenu component"),
+  breadcrumbs: import_ds_utilities.PropTypes.node.description("breadcrumbs component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Breadcrumbs: import_ds_utilities.PropTypes.func.description("breadcrumbs component"),
+  pageTitle: import_ds_utilities.PropTypes.node.description("PageHeaderTitle component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  PageTitle: import_ds_utilities.PropTypes.func.description("PageHeaderTitle component"),
+  backarrow: import_ds_utilities.PropTypes.node.description("back arrow component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Backarrow: import_ds_utilities.PropTypes.func.description("back arrow component"),
+  summary: import_ds_utilities.PropTypes.node.description("PageHeaderSummary component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Summary: import_ds_utilities.PropTypes.func.description("PageHeaderSummary component"),
+  toolbar: import_ds_utilities.PropTypes.node.description("toolbar component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Toolbar: import_ds_utilities.PropTypes.func.description("toolbar component"),
+  menu: import_ds_utilities.PropTypes.node.description("PageHeaderMenu component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Menu: import_ds_utilities.PropTypes.func.description("PageHeaderMenu component"),
   withBottomSeparator: import_ds_utilities.PropTypes.bool.description("Border bottom below the page header")
 });
 const defaultProps = {

package/dist/cjs/v2/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n  }\n\n  export interface OptionalProps {\n    breadcrumbs?: JSX.Element;\n    pageTitle?: JSX.Element;\n    backarrow?: JSX.Element;\n    summary?: JSX.Element;\n    toolbar?: JSX.Element;\n    menu?: JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n  ...globalAttributesPropTypes,\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node.description('back arrow component'),\n  /** PageHeaderSummary component */\n  summary: PropTypes.node.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node.description('toolbar component'),\n  /** PageHeaderMenu component */\n  menu: PropTypes.node.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AAoB9C,MAAM,sBAAsB,iCAC9B,gDAD8B;AAAA,EAGjC,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAE5D,SAAS,8BAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAEvD,MAAM,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,8BAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
+  "sourcesContent": ["import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n  }\n\n  export interface OptionalProps {\n    breadcrumbs?: JSX.Element;\n    pageTitle?: JSX.Element;\n    backarrow?: JSX.Element;\n    summary?: JSX.Element;\n    toolbar?: JSX.Element;\n    menu?: JSX.Element;\n    Breadcrumbs?: () => JSX.Element;\n    PageTitle?: () => JSX.Element;\n    Backarrow?: () => JSX.Element;\n    Summary?: () => JSX.Element;\n    Toolbar?: () => JSX.Element;\n    Menu?: () => JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n  ...globalAttributesPropTypes,\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node\n    .description('breadcrumbs component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node\n    .description('PageHeaderTitle component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node\n    .description('back arrow component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Backarrow: PropTypes.func.description('back arrow component'),\n\n  /** PageHeaderSummary component */\n  summary: PropTypes.node\n    .description('PageHeaderSummary component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Summary: PropTypes.func.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node\n    .description('toolbar component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Toolbar: PropTypes.func.description('toolbar component'),\n\n  /** PageHeaderMenu component */\n  menu: PropTypes.node\n    .description('PageHeaderMenu component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Menu: PropTypes.func.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AA0B9C,MAAM,sBAAsB,iCAC9B,gDAD8B;AAAA,EAGjC,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,8BAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,8BAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,8BAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAG5D,SAAS,8BAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,8BAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,8BAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAGvD,MAAM,8BAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,8BAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/esm/index.js

@@ -4,6 +4,7 @@ export * from "./v2/PageHeader";
 import { DSPageHeaderSummaryWithSchema } from "./v2/components/PageHeaderSummary";
 import { DSPageHeaderTitleWithSchema } from "./v2/components/PageHeaderTitle";
 import { DSPageHeaderEditableTitleWithSchema } from "./v2/components/PageHeaderEditableTitle";
+export * from "./v2/exported-related";
 import { default as default2 } from "./v1/DSPageHeader";
 export {
   DSPageHeaderEditableTitleWithSchema,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v1/DSPageHeader';\nexport * from './v2/PageHeader';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle';\n\nexport { default } from './v1/DSPageHeader';\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AAEA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v1/DSPageHeader';\nexport * from './v2/PageHeader';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle';\n\nexport * from './v2/exported-related';\nexport { default } from './v1/DSPageHeader';\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AAEA;AACA;",
   "names": []
 }

package/dist/esm/v2/PageHeader.js

@@ -17,27 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
-import {
-  describe,
-  useValidateTypescriptPropTypes,
-  useMemoMergePropsWithDefault,
-  useGetGlobalAttributes,
-  useGetXstyledProps
-} from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-utilities";
 import { Grid } from "@elliemae/ds-grid";
 import { compact } from "lodash";
 import {
@@ -48,35 +30,43 @@ import {
   PageHeaderMenu,
   PageHeaderBack
 } from "./styled";
+import { usePageHeader } from "./config/usePageHeader";
 import { PageHeaderTitle } from "./components/PageHeaderTitle";
 import { PageHeaderEditableTitle } from "./components/PageHeaderEditableTitle";
 import { PageHeaderSummary } from "./components/PageHeaderSummary";
 import { PageHeaderPropTypes, defaultProps } from "./react-desc-prop-types";
 import { DSPageHeaderDataTestIds } from "./exported-related";
 const DSPageHeaderV2 = (props) => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);
-  const _a = propsWithDefaults, { menu, pageTitle, toolbar, summary, backarrow, breadcrumbs, containerProps, withBottomSeparator } = _a, rest = __objRest(_a, ["menu", "pageTitle", "toolbar", "summary", "backarrow", "breadcrumbs", "containerProps", "withBottomSeparator"]);
-  const globalAttributes = useGetGlobalAttributes(rest);
-  const xStyledProps = useGetXstyledProps(propsWithDefaults);
+  const {
+    currentBackArrow,
+    currentMenu,
+    currentBreadcrumbs,
+    currentSummary,
+    currentToolbar,
+    currentPageTitle,
+    containerProps,
+    withBottomSeparator,
+    globalAttributes,
+    xStyledProps
+  } = usePageHeader(props);
   const wrapperRow = ["auto", 1];
   const mainRow = compact([1, "auto"]);
-  const pageTitleRow = compact(["auto", menu && "30px", summary && "auto", 1]);
+  const pageTitleRow = compact(["auto", currentMenu && "30px", currentSummary && "auto", 1]);
   return /* @__PURE__ */ React2.createElement(Container, __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, containerProps), globalAttributes), xStyledProps), {
     "data-testid": DSPageHeaderDataTestIds.CONTAINER
   }), /* @__PURE__ */ React2.createElement(ContainerWBorder, {
     withBottomSeparator
   }, /* @__PURE__ */ React2.createElement(Grid, {
     cols: wrapperRow
-  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderBack, null, backarrow)), /* @__PURE__ */ React2.createElement(Grid, {
+  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderBack, null, currentBackArrow)), /* @__PURE__ */ React2.createElement(Grid, {
     rows: ["auto", "auto"]
   }, /* @__PURE__ */ React2.createElement(Grid, {
     className: "em-ds-page-header-v2-breadcrumb"
-  }, breadcrumbs), /* @__PURE__ */ React2.createElement(Grid, {
+  }, currentBreadcrumbs), /* @__PURE__ */ React2.createElement(Grid, {
     cols: mainRow
   }, /* @__PURE__ */ React2.createElement(Grid, {
     cols: pageTitleRow
-  }, pageTitle, menu && /* @__PURE__ */ React2.createElement(PageHeaderMenu, null, menu), summary, /* @__PURE__ */ React2.createElement("div", null)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderToolbarWrapper, null, toolbar)))))));
+  }, currentPageTitle, currentMenu && /* @__PURE__ */ React2.createElement(PageHeaderMenu, null, currentMenu), currentSummary, /* @__PURE__ */ React2.createElement("div", null)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderToolbarWrapper, null, currentToolbar)))))));
 };
 DSPageHeaderV2.propTypes = PageHeaderPropTypes;
 DSPageHeaderV2.defaultProps = defaultProps;

package/dist/esm/v2/PageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/PageHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { compact } from 'lodash';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled';\nimport { PageHeaderTitle } from './components/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary';\nimport { PageHeaderPropTypes, DSPageHeaderT, defaultProps } from './react-desc-prop-types';\nimport { DSPageHeaderDataTestIds } from './exported-related';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);\n\n  const { menu, pageTitle, toolbar, summary, backarrow, breadcrumbs, containerProps, withBottomSeparator, ...rest } =\n    propsWithDefaults;\n\n  const globalAttributes = useGetGlobalAttributes(rest);\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const wrapperRow = ['auto', 1];\n  const mainRow = compact([1, 'auto']);\n  const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{backarrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{breadcrumbs}</Grid>\n            <Grid cols={mainRow}>\n              <Grid cols={pageTitleRow}>\n                {pageTitle}\n                {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n                {summary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{toolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = 'DSPageHeaderV2';\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,mBAAmB;AAErE,QACE,wBADM,QAAM,WAAW,SAAS,SAAS,WAAW,aAAa,gBAAgB,wBACjF,IADyG,iBACzG,IADyG,CAAnG,QAAM,aAAW,WAAS,WAAS,aAAW,eAAa,kBAAgB;AAGnF,QAAM,mBAAmB,uBAAuB,IAAI;AACpD,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,QAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,QAAQ,CAAC,QAAQ,QAAQ,QAAQ,WAAW,QAAQ,CAAC,CAAC;AAC3E,SACE,qCAAC,0EACK,iBACA,mBACA,eAHL;AAAA,IAIC,eAAa,wBAAwB;AAAA,MAErC,qCAAC;AAAA,IAAiB;AAAA,KAChB,qCAAC;AAAA,IAAK,MAAM;AAAA,KACV,qCAAC,YACC,qCAAC,sBAAgB,SAAU,CAC7B,GACA,qCAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,qCAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,WAAY,GAC/D,qCAAC;AAAA,IAAK,MAAM;AAAA,KACV,qCAAC;AAAA,IAAK,MAAM;AAAA,KACT,WACA,QAAQ,qCAAC,sBAAgB,IAAK,GAC9B,SACD,qCAAC,WAAI,CACP,GACA,qCAAC,YACC,qCAAC,gCAA0B,OAAQ,CACrC,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,SAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { compact } from 'lodash';\nimport {\n  Container,\n  ContainerWBorder,\n  PageHeaderCustomRenderer,\n  PageHeaderToolbarWrapper,\n  PageHeaderMenu,\n  PageHeaderBack,\n} from './styled';\nimport { usePageHeader } from './config/usePageHeader';\nimport { PageHeaderTitle } from './components/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary';\nimport { PageHeaderPropTypes, DSPageHeaderT, defaultProps } from './react-desc-prop-types';\nimport { DSPageHeaderDataTestIds } from './exported-related';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n  const {\n    currentBackArrow,\n    currentMenu,\n    currentBreadcrumbs,\n    currentSummary,\n    currentToolbar,\n    currentPageTitle,\n    containerProps,\n    withBottomSeparator,\n    globalAttributes,\n    xStyledProps,\n  } = usePageHeader(props);\n\n  const wrapperRow = ['auto', 1];\n  const mainRow = compact([1, 'auto']);\n  const pageTitleRow = compact(['auto', currentMenu && '30px', currentSummary && 'auto', 1]);\n  return (\n    <Container\n      {...containerProps}\n      {...globalAttributes}\n      {...xStyledProps}\n      data-testid={DSPageHeaderDataTestIds.CONTAINER}\n    >\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n            <Grid cols={mainRow}>\n              <Grid cols={pageTitleRow}>\n                {currentPageTitle}\n                {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n                {currentSummary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = 'DSPageHeaderV2';\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,QAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,QAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,qCAAC,0EACK,iBACA,mBACA,eAHL;AAAA,IAIC,eAAa,wBAAwB;AAAA,MAErC,qCAAC;AAAA,IAAiB;AAAA,KAChB,qCAAC;AAAA,IAAK,MAAM;AAAA,KACV,qCAAC,YACC,qCAAC,sBAAgB,gBAAiB,CACpC,GACA,qCAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,qCAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,kBAAmB,GACtE,qCAAC;AAAA,IAAK,MAAM;AAAA,KACV,qCAAC;AAAA,IAAK,MAAM;AAAA,KACT,kBACA,eAAe,qCAAC,sBAAgB,WAAY,GAC5C,gBACD,qCAAC,WAAI,CACP,GACA,qCAAC,YACC,qCAAC,gCAA0B,cAAe,CAC5C,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,SAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
   "names": []
 }

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

@@ -42,14 +42,17 @@ import {
   globalAttributesPropTypes
 } from "@elliemae/ds-utilities";
 import { PageHeaderTitle } from "./PageHeaderTitle";
+import { DSPageHeaderDataTestIds } from "../exported-related";
 const EditableContainer = styled("div")`
   height: 32px;
   position: relative;
   overflow: hidden;
   &.editable-title-component {
     position: relative;
+    left: -7px;
     top: -1px;
-
+    margin-left: -2px;
+    margin-right: -9px;
     & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {
       height: 32px;
     }
@@ -96,7 +99,8 @@ const PageHeaderEditableTitle = (_a) => {
   return /* @__PURE__ */ React2.createElement(EditableContainer, {
     className: hovered || editing ? "editable-title-component" : "",
     onMouseEnter: () => setHovered(true),
-    onMouseLeave: () => setHovered(false)
+    onMouseLeave: () => setHovered(false),
+    "data-testid": DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE
   }, (hovered || editing) && /* @__PURE__ */ React2.createElement(DSInputText, __spreadProps(__spreadValues(__spreadValues({
     onChange: handleOnChange
   }, rest), globals), {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/PageHeaderEditableTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useCallback, WeakValidationMap } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  PropTypes,\n  describe,\n  useDerivedStateFromProps,\n  useMeasure,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n} from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from './PageHeaderTitle';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    top: -1px;\n\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = ({\n  children: value,\n  editing: editingProp = false,\n  showMarker = false,\n  ...rest\n}) => {\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef(null);\n  const { width } = useMeasure(titleRef);\n\n  const handleOnChange: React.ChangeEventHandler = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nconst props = {\n  ...globalAttributesPropTypes,\n  /** The title text */\n  children: PropTypes.string.description('The title text'),\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool.description('Whether the title is editing or not'),\n  /** Show error marker */\n  showMarker: PropTypes.bool.description('Show error marker'),\n};\n\nPageHeaderEditableTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAEA,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAQ7B,mBAAmB,iBAAiB;AAAA;AAAA;AAAA,SAGpC,mBAAmB,iBAAiB;AAAA,mBAC1B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC,OAKlC;AALkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,aAAa;AAAA,MAHyB,IAInC,iBAJmC,IAInC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,WAAW,QAAQ;AAErC,QAAM,iBAA2C,YAAY,CAAC,MAAM;AAClE,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,YAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,YAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,YAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,uBAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,qCAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,KAElC,YAAW,YACX,qCAAC;AAAA,IACC,UAAU;AAAA,KACN,OACA,UAHL;AAAA,IAIC,aAAY;AAAA,IACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,qCAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,qCAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ,iCACT,4BADS;AAAA,EAGZ,UAAU,UAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,UAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useCallback, WeakValidationMap } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  PropTypes,\n  describe,\n  useDerivedStateFromProps,\n  useMeasure,\n  useGetGlobalAttributes,\n  globalAttributesPropTypes,\n} from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from './PageHeaderTitle';\nimport { DSPageHeaderDataTestIds } from '../exported-related';\n\nconst EditableContainer = styled('div')`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n  &.editable-title-component {\n    position: relative;\n    left: -7px;\n    top: -1px;\n    margin-left: -2px;\n    margin-right: -9px;\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n      height: 32px;\n    }\n    & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n      font-size: ${({ theme }) => theme.fontSizes.title[800]};\n      line-height: normal;\n      color: ${({ theme }) => theme.colors.neutral['700']};\n    }\n  }\n`;\n\nexport const PageHeaderEditableTitle = ({\n  children: value,\n  editing: editingProp = false,\n  showMarker = false,\n  ...rest\n}) => {\n  const [titleValue, setTitleValue] = useState(value);\n  const [hovered, setHovered] = useState(false);\n  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n  const titleRef = useRef(null);\n  const { width } = useMeasure(titleRef);\n\n  const handleOnChange: React.FormEventHandler<HTMLInputElement> = useCallback((e) => {\n    setTitleValue(e.target.value);\n  }, []);\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n    setEditing(true);\n  }, [setEditing]);\n\n  const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n    setEditing(false);\n  }, [setEditing]);\n\n  const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const globals = useGetGlobalAttributes(rest, {\n    onFocus: handleOnFocus,\n    onMouseOut: handleOnMouseOut,\n    onChange: handleOnChange,\n    onBlur: handleOnBlur,\n  });\n\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n    >\n      {(hovered || editing) && (\n        <DSInputText\n          onChange={handleOnChange}\n          {...rest}\n          {...globals}\n          placeholder=\"\"\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nconst props = {\n  ...globalAttributesPropTypes,\n  /** The title text */\n  children: PropTypes.string.description('The title text'),\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool.description('Whether the title is editing or not'),\n  /** Show error marker */\n  showMarker: PropTypes.bool.description('Show error marker'),\n};\n\nPageHeaderEditableTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AAEA,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,mBAAmB,iBAAiB;AAAA;AAAA;AAAA,SAGpC,mBAAmB,iBAAiB;AAAA,mBAC1B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC,OAKlC;AALkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,aAAa;AAAA,MAHyB,IAInC,iBAJmC,IAInC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,WAAW,QAAQ;AAErC,QAAM,iBAA2D,YAAY,CAAC,MAAM;AAClF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,YAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,YAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,YAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,uBAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,qCAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,IACpC,eAAa,wBAAwB;AAAA,KAEnC,YAAW,YACX,qCAAC;AAAA,IACC,UAAU;AAAA,KACN,OACA,UAHL;AAAA,IAIC,aAAY;AAAA,IACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,qCAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,qCAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ,iCACT,4BADS;AAAA,EAGZ,UAAU,UAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,UAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
   "names": []
 }

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

@@ -30,7 +30,7 @@ import * as React from "react";
 import React2 from "react";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
-import { DSPageHeaderName, DSPageHeaderSlots } from "../exported-related";
+import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../exported-related";
 const PageHeaderSummaryWrapper = styled("div", {
   name: DSPageHeaderName,
   slot: DSPageHeaderSlots.SUMMARY
@@ -64,7 +64,9 @@ const PageHeaderSummaryWrapper = styled("div", {
 `;
 const PageHeaderSummary = (_a) => {
   var _b = _a, { value = null, label = "" } = _b, rest = __objRest(_b, ["value", "label"]);
-  return /* @__PURE__ */ React2.createElement(PageHeaderSummaryWrapper, __spreadValues({}, rest), (value === 0 || value) && /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React2.createElement(PageHeaderSummaryWrapper, __spreadValues({
+    "data-testid": DSPageHeaderDataTestIds.SUMMARY
+  }, rest), (value === 0 || value) && /* @__PURE__ */ React2.createElement("div", {
     className: "ph-summary-value"
   }, value), label && /* @__PURE__ */ React2.createElement("div", {
     className: "ph-summary-label"

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/PageHeaderSummary.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n  <PageHeaderSummaryWrapper {...rest}>\n    {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n    {label && <div className=\"ph-summary-label\">{label}</div>}\n    {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n  </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n  /** value for page header summary */\n  value: PropTypes.number.description('value for page header summary'),\n  /** label attached to value */\n  label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,2BAA2B,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,8CAAC,6CAA6B,OAC1B,WAAU,KAAK,UAAU,qCAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACnE,SAAS,qCAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,qCAAC;AAAA,IAAI,WAAU;AAAA,GAAmB,CACxE;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,SAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.SUMMARY,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  line-height: ${({ theme }) => theme.lineHeights.m};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  &:before {\n    display: block;\n    content: '';\n    height: 23px;\n    background: ${({ theme }) => theme.colors.neutral[600]};\n    width: 1px;\n    margin-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-value {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    padding-right: ${({ theme }) => theme.space.xxs};\n  }\n  .ph-summary-label {\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n  .ph-summary-space {\n    width: ${({ theme }) => theme.space.l};\n  }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n  <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n    {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n    {label && <div className=\"ph-summary-label\">{label}</div>}\n    {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n  </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n  /** value for page header summary */\n  value: PropTypes.number.description('value for page header summary'),\n  /** label attached to value */\n  label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,2BAA2B,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,8CAAC;AAAA,IAAyB,eAAa,wBAAwB;AAAA,KAAa,OACxE,WAAU,KAAK,UAAU,qCAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACnE,SAAS,qCAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,qCAAC;AAAA,IAAI,WAAU;AAAA,GAAmB,CACxE;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,SAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
   "names": []
 }

package/dist/esm/v2/config/usePageHeader.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { useMemo } from "react";
+import {
+  useValidateTypescriptPropTypes,
+  useMemoMergePropsWithDefault,
+  useGetGlobalAttributes,
+  useGetXstyledProps
+} from "@elliemae/ds-utilities";
+import { PageHeaderPropTypes, defaultProps } from "../react-desc-prop-types";
+const usePageHeader = (props) => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);
+  const _a = props, {
+    menu,
+    Menu,
+    pageTitle,
+    PageTitle,
+    toolbar,
+    Toolbar,
+    summary,
+    Summary,
+    backarrow,
+    Backarrow,
+    breadcrumbs,
+    Breadcrumbs
+  } = _a, rest = __objRest(_a, [
+    "menu",
+    "Menu",
+    "pageTitle",
+    "PageTitle",
+    "toolbar",
+    "Toolbar",
+    "summary",
+    "Summary",
+    "backarrow",
+    "Backarrow",
+    "breadcrumbs",
+    "Breadcrumbs"
+  ]);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
+  const xStyledProps = useGetXstyledProps(propsWithDefaults);
+  const currentBackArrow = useMemo(() => backarrow ?? (Backarrow ? /* @__PURE__ */ React.createElement(Backarrow, null) : void 0), [Backarrow, backarrow]);
+  const currentMenu = useMemo(() => menu ?? (Menu ? /* @__PURE__ */ React.createElement(Menu, null) : void 0), [Menu, menu]);
+  const currentBreadcrumbs = useMemo(() => breadcrumbs ?? (Breadcrumbs ? /* @__PURE__ */ React.createElement(Breadcrumbs, null) : void 0), [Breadcrumbs, breadcrumbs]);
+  const currentSummary = useMemo(() => summary ?? (Summary ? /* @__PURE__ */ React.createElement(Summary, null) : void 0), [Summary, summary]);
+  const currentToolbar = useMemo(() => toolbar ?? (Toolbar ? /* @__PURE__ */ React.createElement(Toolbar, null) : void 0), [Toolbar, toolbar]);
+  const currentPageTitle = useMemo(() => pageTitle ?? (PageTitle ? /* @__PURE__ */ React.createElement(PageTitle, null) : void 0), [PageTitle, pageTitle]);
+  return useMemo(() => __spreadValues({
+    propsWithDefaults,
+    globalAttributes,
+    xStyledProps,
+    currentBackArrow,
+    currentMenu,
+    currentBreadcrumbs,
+    currentSummary,
+    currentToolbar,
+    currentPageTitle
+  }, rest), [
+    propsWithDefaults,
+    currentBackArrow,
+    currentBreadcrumbs,
+    currentMenu,
+    currentPageTitle,
+    currentSummary,
+    currentToolbar,
+    globalAttributes,
+    rest,
+    xStyledProps
+  ]);
+};
+export {
+  usePageHeader
+};
+//# sourceMappingURL=usePageHeader.js.map

package/dist/esm/v2/config/usePageHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/config/usePageHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\n\nimport { DSPageHeaderT, PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);\n\n  const {\n    menu,\n    Menu,\n    pageTitle,\n    PageTitle,\n    toolbar,\n    Toolbar,\n    summary,\n    Summary,\n    backarrow,\n    Backarrow,\n    breadcrumbs,\n    Breadcrumbs,\n    ...rest\n  } = props;\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n  const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const currentBackArrow = useMemo(() => backarrow ?? (Backarrow ? <Backarrow /> : undefined), [Backarrow, backarrow]);\n\n  const currentMenu = useMemo(() => menu ?? (Menu ? <Menu /> : undefined), [Menu, menu]);\n\n  const currentBreadcrumbs = useMemo(\n    () => breadcrumbs ?? (Breadcrumbs ? <Breadcrumbs /> : undefined),\n    [Breadcrumbs, breadcrumbs],\n  );\n\n  const currentSummary = useMemo(() => summary ?? (Summary ? <Summary /> : undefined), [Summary, summary]);\n\n  const currentToolbar = useMemo(() => toolbar ?? (Toolbar ? <Toolbar /> : undefined), [Toolbar, toolbar]);\n\n  const currentPageTitle = useMemo(() => pageTitle ?? (PageTitle ? <PageTitle /> : undefined), [PageTitle, pageTitle]);\n\n  return useMemo(\n    () => ({\n      propsWithDefaults,\n      globalAttributes,\n      xStyledProps,\n      currentBackArrow,\n      currentMenu,\n      currentBreadcrumbs,\n      currentSummary,\n      currentToolbar,\n      currentPageTitle,\n      ...rest,\n    }),\n    [\n      propsWithDefaults,\n      currentBackArrow,\n      currentBreadcrumbs,\n      currentMenu,\n      currentPageTitle,\n      currentSummary,\n      currentToolbar,\n      globalAttributes,\n      rest,\n      xStyledProps,\n    ],\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,mBAAmB;AAErE,QAcI,YAbF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB,uBAAuB,iBAAiB;AACjE,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,mBAAmB,QAAQ,MAAM,aAAc,aAAY,oCAAC,eAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,cAAc,QAAQ,MAAM,QAAS,QAAO,oCAAC,UAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,qBAAqB,QACzB,MAAM,eAAgB,eAAc,oCAAC,iBAAY,IAAK,SACtD,CAAC,aAAa,WAAW,CAC3B;AAEA,QAAM,iBAAiB,QAAQ,MAAM,WAAY,WAAU,oCAAC,aAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,iBAAiB,QAAQ,MAAM,WAAY,WAAU,oCAAC,aAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,mBAAmB,QAAQ,MAAM,aAAc,aAAY,oCAAC,eAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACG,OAEL;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AACF;",
+  "names": []
+}

package/dist/esm/v2/exported-related/data-test-ids.js

@@ -1,7 +1,9 @@
 import * as React from "react";
 const DSPageHeaderDataTestIds = {
   CONTAINER: "ds-page-header-container",
-  HEADER_TITLE: "ds-page-header-title"
+  HEADER_TITLE: "ds-page-header-title",
+  EDITABLE_HEADER_TITLE: "ds-page-header-editable-title",
+  SUMMARY: "ds-page-header-summary"
 };
 export {
   DSPageHeaderDataTestIds

package/dist/esm/v2/exported-related/data-test-ids.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/data-test-ids.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSPageHeaderDataTestIds = {\n  CONTAINER: 'ds-page-header-container',\n  HEADER_TITLE: 'ds-page-header-title',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAChB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSPageHeaderDataTestIds = {\n  CONTAINER: 'ds-page-header-container',\n  HEADER_TITLE: 'ds-page-header-title',\n  EDITABLE_HEADER_TITLE: 'ds-page-header-editable-title',\n  SUMMARY: 'ds-page-header-summary',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,SAAS;AACX;",
   "names": []
 }

package/dist/esm/v2/react-desc-prop-types.js

@@ -21,12 +21,18 @@ import * as React from "react";
 import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-utilities";
 const PageHeaderPropTypes = __spreadProps(__spreadValues({}, globalAttributesPropTypes), {
   containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
-  breadcrumbs: PropTypes.node.description("breadcrumbs component"),
-  pageTitle: PropTypes.node.description("PageHeaderTitle component"),
-  backarrow: PropTypes.node.description("back arrow component"),
-  summary: PropTypes.node.description("PageHeaderSummary component"),
-  toolbar: PropTypes.node.description("toolbar component"),
-  menu: PropTypes.node.description("PageHeaderMenu component"),
+  breadcrumbs: PropTypes.node.description("breadcrumbs component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Breadcrumbs: PropTypes.func.description("breadcrumbs component"),
+  pageTitle: PropTypes.node.description("PageHeaderTitle component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  PageTitle: PropTypes.func.description("PageHeaderTitle component"),
+  backarrow: PropTypes.node.description("back arrow component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Backarrow: PropTypes.func.description("back arrow component"),
+  summary: PropTypes.node.description("PageHeaderSummary component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Summary: PropTypes.func.description("PageHeaderSummary component"),
+  toolbar: PropTypes.node.description("toolbar component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Toolbar: PropTypes.func.description("toolbar component"),
+  menu: PropTypes.node.description("PageHeaderMenu component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Menu: PropTypes.func.description("PageHeaderMenu component"),
   withBottomSeparator: PropTypes.bool.description("Border bottom below the page header")
 });
 const defaultProps = {

package/dist/esm/v2/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n  }\n\n  export interface OptionalProps {\n    breadcrumbs?: JSX.Element;\n    pageTitle?: JSX.Element;\n    backarrow?: JSX.Element;\n    summary?: JSX.Element;\n    toolbar?: JSX.Element;\n    menu?: JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n  ...globalAttributesPropTypes,\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node.description('back arrow component'),\n  /** PageHeaderSummary component */\n  summary: PropTypes.node.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node.description('toolbar component'),\n  /** PageHeaderMenu component */\n  menu: PropTypes.node.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAoBO,MAAM,sBAAsB,iCAC9B,4BAD8B;AAAA,EAGjC,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAE5D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAEvD,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n  }\n\n  export interface OptionalProps {\n    breadcrumbs?: JSX.Element;\n    pageTitle?: JSX.Element;\n    backarrow?: JSX.Element;\n    summary?: JSX.Element;\n    toolbar?: JSX.Element;\n    menu?: JSX.Element;\n    Breadcrumbs?: () => JSX.Element;\n    PageTitle?: () => JSX.Element;\n    Backarrow?: () => JSX.Element;\n    Summary?: () => JSX.Element;\n    Toolbar?: () => JSX.Element;\n    Menu?: () => JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n  ...globalAttributesPropTypes,\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node\n    .description('breadcrumbs component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node\n    .description('PageHeaderTitle component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node\n    .description('back arrow component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Backarrow: PropTypes.func.description('back arrow component'),\n\n  /** PageHeaderSummary component */\n  summary: PropTypes.node\n    .description('PageHeaderSummary component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Summary: PropTypes.func.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node\n    .description('toolbar component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Toolbar: PropTypes.func.description('toolbar component'),\n\n  /** PageHeaderMenu component */\n  menu: PropTypes.node\n    .description('PageHeaderMenu component')\n    .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n  Menu: PropTypes.func.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AA0BO,MAAM,sBAAsB,iCAC9B,4BAD8B;AAAA,EAGjC,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,UAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,UAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,UAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAG5D,SAAS,UAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,UAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAGvD,MAAM,UAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-page-header",
-  "version": "3.0.0-next.75",
+  "version": "3.0.0-next.78",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Page Header",
   "files": [