@elliemae/ds-page-header 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/cjs/v2/PageHeader.js

@@ -0,0 +1,106 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeader_exports = {};
+__export(PageHeader_exports, {
+  DSPageHeaderV2: () => DSPageHeaderV2,
+  DSPageHeaderWithSchema: () => DSPageHeaderWithSchema,
+  PageHeaderCustomRenderer: () => PageHeaderCustomRenderer,
+  PageHeaderEditableTitle: () => import_PageHeaderEditableTitle.PageHeaderEditableTitle,
+  PageHeaderMenu: () => import_PageHeaderMenu.PageHeaderMenu,
+  PageHeaderSummary: () => import_PageHeaderSummary.PageHeaderSummary,
+  PageHeaderTitle: () => import_PageHeaderTitle.PageHeaderTitle,
+  default: () => PageHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_PageHeaderTitle = require("./components/PageHeaderTitle/PageHeaderTitle");
+var import_PageHeaderEditableTitle = require("./components/PageHeaderEditableTitle/PageHeaderEditableTitle");
+var import_PageHeaderSummary = require("./components/PageHeaderSummary/PageHeaderSummary");
+var import_PageHeaderMenu = require("./components/PageHeaderMenu/PageHeaderMenu");
+var import_PageHeaderToolbar = require("./components/PageHeaderToolbar/PageHeaderToolbar");
+var import_PageHeaderBack = require("./components/PageHeaderBack/PageHeaderBack");
+var import_blocks = require("./components/blocks");
+var import_props = require("./props");
+const PageHeaderCustomRenderer = import_styled_components.default.div`
+  width: auto;
+  color: ${(props) => props.theme.colors.brand[800]};
+  font-style: italic;
+  font-size: 0.8rem;
+`;
+const Container = import_styled_components.default.div`
+  width: 100%;
+  margin-bottom: 8px;
+`;
+const ContainerWBorder = import_styled_components.default.div`
+  width: 100%;
+  padding: 12px 0 8px 0;
+  display: grid;
+  align-items: center;
+  height: 100%;
+  ${(props) => !props.withBottomSeparator ? "" : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`}
+`;
+const DSPageHeaderV2 = ({
+  containerProps,
+  breadcrumbs,
+  pageTitle,
+  backarrow,
+  summary,
+  toolbar,
+  menu,
+  withBottomSeparator
+}) => {
+  const wrapperRow = ["auto", 1];
+  const mainRow = (0, import_lodash.compact)([1, "auto"]);
+  const pageTitleRow = (0, import_lodash.compact)(["auto", menu && "30px", summary && "auto", 1]);
+  return /* @__PURE__ */ import_react.default.createElement(Container, {
+    ...containerProps
+  }, /* @__PURE__ */ import_react.default.createElement(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_PageHeaderBack.PageHeaderBack, null, backarrow)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    rows: ["auto", "auto"]
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    className: `${import_blocks.cssPrefix}-page-header-v2-breadcrumb`
+  }, breadcrumbs), /* @__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_PageHeaderMenu.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_PageHeaderToolbar.PageHeaderToolbar, null, toolbar)))))));
+};
+DSPageHeaderV2.propTypes = import_props.navProps;
+DSPageHeaderV2.defaultProps = import_props.defaultProps;
+const DSPageHeaderWithSchema = (0, import_react_desc.describe)(DSPageHeaderV2);
+DSPageHeaderWithSchema.propTypes = import_props.navProps;
+var PageHeader_default = DSPageHeaderV2;
+module.exports = __toCommonJS(PageHeader_exports);
+//# sourceMappingURL=PageHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v2/PageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n  width: auto;\n  color: ${(props) => props.theme.colors.brand[800]};\n  font-style: italic;\n  font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n  width: 100%;\n  margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n  width: 100%;\n  padding: 12px 0 8px 0;\n  display: grid;\n  align-items: center;\n  height: 100%;\n  ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n  containerProps,\n  breadcrumbs,\n  pageTitle,\n  backarrow,\n  summary,\n  toolbar,\n  menu,\n  withBottomSeparator,\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 {...containerProps}>\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{backarrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className={`${cssPrefix}-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                <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,oBAAwB;AACxB,+BAAmB;AACnB,qBAAqB;AACrB,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,4BAA+B;AAC/B,+BAAkC;AAClC,4BAA+B;AAC/B,oBAA0B;AAC1B,mBAAuC;AAEvC,MAAM,2BAA2B,iCAAO;AAAA;AAAA,WAE7B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAK/C,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAIzB,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM5B,CAAC,UAAW,CAAC,MAAM,sBAAsB,KAAK,4BAA4B,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEzG,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,CAAC,QAAQ;AAC5B,QAAM,UAAU,2BAAQ,CAAC,GAAG;AAC5B,QAAM,eAAe,2BAAQ,CAAC,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AACzE,SACE,mDAAC,WAAD;AAAA,OAAe;AAAA,KACb,mDAAC,kBAAD;AAAA,IAAkB;AAAA,KAChB,mDAAC,qBAAD;AAAA,IAAM,MAAM;AAAA,KACV,mDAAC,qBAAD,MACE,mDAAC,sCAAD,MAAiB,aAEnB,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,mDAAC,qBAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAAwC,cAC5D,mDAAC,qBAAD;AAAA,IAAM,MAAM;AAAA,KACV,mDAAC,qBAAD;AAAA,IAAM,MAAM;AAAA,KACT,WACA,QAAQ,mDAAC,sCAAD,MAAiB,OACzB,SACD,mDAAC,OAAD,QAEF,mDAAC,qBAAD,MACE,mDAAC,4CAAD,MAAoB;AAAA;AAUpC,eAAe,YAAY;AAC3B,eAAe,eAAe;AAE9B,MAAM,yBAAyB,gCAAS;AAExC,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderBack_exports = {};
+__export(PageHeaderBack_exports, {
+  PageHeaderBack: () => PageHeaderBack
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_blocks = require("../blocks");
+const PageHeaderBack = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderBackWrapper, {
+  ...rest
+}, children);
+module.exports = __toCommonJS(PageHeaderBack_exports);
+//# sourceMappingURL=PageHeaderBack.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n  <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsC;AAE/B,MAAM,iBAAiB,CAAC,EAAE,aAAa,WAC5C,mDAAC,qCAAD;AAAA,KAA2B;AAAA,GAAO;",
+  "names": []
+}

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

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderEditableTitle_exports = {};
+__export(PageHeaderEditableTitle_exports, {
+  DSPageHeaderEditableTitleWithSchema: () => DSPageHeaderEditableTitleWithSchema,
+  PageHeaderEditableTitle: () => PageHeaderEditableTitle,
+  default: () => PageHeaderEditableTitle_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_blocks = require("../blocks");
+var import_PageHeaderTitle = require("../PageHeaderTitle/PageHeaderTitle");
+const EditableContainer = import_styled_components.default.div`
+  height: 32px;
+  position: relative;
+  overflow: hidden;
+`;
+const PageHeaderEditableTitle = ({
+  children: value,
+  editing: editingProp = false,
+  onBlur = import_lodash.noop,
+  onChange = import_lodash.noop,
+  onFocus = import_lodash.noop,
+  onMouseOut = import_lodash.noop,
+  showMarker = false,
+  ...rest
+}) => {
+  const [titleValue, setTitleValue] = (0, import_react.useState)(value);
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
+  const titleRef = (0, import_react.useRef)(null);
+  const { width } = (0, import_ds_utilities.useMeasure)(titleRef);
+  return /* @__PURE__ */ import_react.default.createElement(EditableContainer, {
+    className: hovered || editing ? "editable-title-component" : "",
+    onMouseEnter: () => setHovered(true),
+    onMouseLeave: () => setHovered(false)
+  }, (hovered || editing) && /* @__PURE__ */ import_react.default.createElement(import_blocks.EditableTitleComponent, {
+    ...rest,
+    onBlur: (e) => {
+      setEditing(false);
+      onBlur(e);
+    },
+    onChange: (e) => {
+      setTitleValue(e.target.value);
+      onChange(e);
+    },
+    onFocus: (e) => {
+      setEditing(true);
+      onFocus(e);
+    },
+    onMouseOut: (e) => {
+      setHovered(false);
+      onMouseOut(e);
+    },
+    style: { width: width + 10, minWidth: "260px", maxWidth: "100%" },
+    value: titleValue
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: titleRef,
+    style: { width: "fit-content" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderTitle.PageHeaderTitle, {
+    showMarker: showMarker && !hovered && !editing
+  }, titleValue)));
+};
+const props = {
+  children: import_react_desc.PropTypes.string.description("The title text"),
+  editing: import_react_desc.PropTypes.bool.description("Whether the title is editing or not"),
+  showMarker: import_react_desc.PropTypes.bool.description("Show error marker"),
+  onBlur: import_react_desc.PropTypes.func.description("blur callback"),
+  onChange: import_react_desc.PropTypes.func.description("on change handler"),
+  onFocus: import_react_desc.PropTypes.func.description("on focus handler"),
+  onMouseOut: import_react_desc.PropTypes.func.description("mouse out of component handler")
+};
+PageHeaderEditableTitle.propTypes = props;
+const DSPageHeaderEditableTitleWithSchema = (0, import_react_desc.describe)(PageHeaderEditableTitle);
+DSPageHeaderEditableTitleWithSchema.propTypes = props;
+var PageHeaderEditableTitle_default = PageHeaderEditableTitle;
+module.exports = __toCommonJS(PageHeaderEditableTitle_exports);
+//# sourceMappingURL=PageHeaderEditableTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure , useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { EditableTitleComponent } from '../blocks';\nimport { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle';\n\nconst EditableContainer = styled.div`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const PageHeaderEditableTitle = ({\n  children: value,\n  editing: editingProp = false,\n  onBlur = noop,\n  onChange = noop,\n  onFocus = noop,\n  onMouseOut = noop,\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  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      {(hovered || editing) && (\n        <EditableTitleComponent\n          {...rest}\n          onBlur={(e) => {\n            setEditing(false);\n            onBlur(e);\n          }}\n          onChange={(e) => {\n            setTitleValue(e.target.value);\n            onChange(e);\n          }}\n          onFocus={(e) => {\n            setEditing(true);\n            onFocus(e);\n          }}\n          onMouseOut={(e) => {\n            setHovered(false);\n            onMouseOut(e);\n          }}\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  /** 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  /** blur callback */\n  onBlur: PropTypes.func.description('blur callback'),\n  /** on change handler */\n  onChange: PropTypes.func.description('on change handler'),\n  /** on focus handler */\n  onFocus: PropTypes.func.description('on focus handler'),\n  /** mouse out of component handler */\n  onMouseOut: PropTypes.func.description('mouse out of component handler'),\n};\n\nPageHeaderEditableTitle.propTypes = props;\n\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,oBAAqB;AACrB,+BAAmB;AACnB,wBAAoC;AACpC,0BAAsD;AACtD,oBAAuC;AACvC,6BAAgC;AAEhC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,0BAA0B,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,SAAS,cAAc;AAAA,EACvB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa;AAAA,KACV;AAAA,MACC;AACJ,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe;AACtE,QAAM,WAAW,yBAAO;AACxB,QAAM,EAAE,UAAU,oCAAW;AAC7B,SACE,mDAAC,mBAAD;AAAA,IACE,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW;AAAA,IAC/B,cAAc,MAAM,WAAW;AAAA,KAE7B,YAAW,YACX,mDAAC,sCAAD;AAAA,OACM;AAAA,IACJ,QAAQ,CAAC,MAAM;AACb,iBAAW;AACX,aAAO;AAAA;AAAA,IAET,UAAU,CAAC,MAAM;AACf,oBAAc,EAAE,OAAO;AACvB,eAAS;AAAA;AAAA,IAEX,SAAS,CAAC,MAAM;AACd,iBAAW;AACX,cAAQ;AAAA;AAAA,IAEV,YAAY,CAAC,MAAM;AACjB,iBAAW;AACX,iBAAW;AAAA;AAAA,IAEb,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU;AAAA,IACzD,OAAO;AAAA,MAGX,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO;AAAA,KAClC,mDAAC,wCAAD;AAAA,IAAiB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU;AAAA;AAM1E,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,4BAAU,KAAK,YAAY;AAAA,EAEvC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,4BAAU,KAAK,YAAY;AAAA;AAGzC,wBAAwB,YAAY;AAEpC,MAAM,sCAAsC,gCAAS;AAErD,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderMenu_exports = {};
+__export(PageHeaderMenu_exports, {
+  PageHeaderMenu: () => PageHeaderMenu
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_blocks = require("../blocks");
+const PageHeaderMenu = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderMenuWrapper, {
+  ...rest
+}, children);
+module.exports = __toCommonJS(PageHeaderMenu_exports);
+//# sourceMappingURL=PageHeaderMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderMenu/PageHeaderMenu.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PageHeaderMenuWrapper } from '../blocks';\n\nexport const PageHeaderMenu = ({ children, ...rest }) => (\n  <PageHeaderMenuWrapper {...rest}>{children}</PageHeaderMenuWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsC;AAE/B,MAAM,iBAAiB,CAAC,EAAE,aAAa,WAC5C,mDAAC,qCAAD;AAAA,KAA2B;AAAA,GAAO;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderSummary_exports = {};
+__export(PageHeaderSummary_exports, {
+  DSPageHeaderSummaryWithSchema: () => DSPageHeaderSummaryWithSchema,
+  PageHeaderSummary: () => PageHeaderSummary
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_blocks = require("../blocks");
+const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderSummaryWrapper, {
+  ...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"
+}, label), (value === 0 || value || label) && /* @__PURE__ */ import_react.default.createElement("div", {
+  className: "ph-summary-space"
+}));
+const props = {
+  value: import_react_desc.PropTypes.number.description("value for page header summary"),
+  label: import_react_desc.PropTypes.string.description("label attached to value")
+};
+PageHeaderSummary.propTypes = props;
+const DSPageHeaderSummaryWithSchema = (0, import_react_desc.describe)(PageHeaderSummary);
+DSPageHeaderSummaryWithSchema.propTypes = props;
+module.exports = __toCommonJS(PageHeaderSummary_exports);
+//# sourceMappingURL=PageHeaderSummary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\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;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAyC;AAEzC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,MAAM,QAAQ,OAAO,WACxD,mDAAC,wCAAD;AAAA,KAA8B;AAAA,GAC1B,WAAU,KAAK,UAAU,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GAAoB,QAC7D,SAAS,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GAAoB,QAC3C,WAAU,KAAK,SAAS,UAAU,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA;AAIvD,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,kBAAkB,YAAY;AAE9B,MAAM,gCAAgC,gCAAS;AAE/C,8BAA8B,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderTitle_exports = {};
+__export(PageHeaderTitle_exports, {
+  DSPageHeaderTitleWithSchema: () => DSPageHeaderTitleWithSchema,
+  PageHeaderTitle: () => PageHeaderTitle
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
+var import_RequiredMark = require("@elliemae/ds-form/RequiredMark");
+var import_blocks = require("../blocks");
+const PageHeaderTitle = ({ children, showMarker = false, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderTitleWrapper, {
+  ...rest,
+  "data-testid": "ds-page-header-title"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
+  value: children
+})), showMarker && /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.RequiredMark, {
+  required: true
+}));
+const props = {
+  children: import_react_desc.PropTypes.string.description("Page header title string"),
+  showMarker: import_react_desc.PropTypes.bool.description("show required mark")
+};
+PageHeaderTitle.propTypes = props;
+const DSPageHeaderTitleWithSchema = (0, import_react_desc.describe)(PageHeaderTitle);
+DSPageHeaderTitleWithSchema.propTypes = props;
+module.exports = __toCommonJS(PageHeaderTitle_exports);
+//# sourceMappingURL=PageHeaderTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n  <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nconst props = {\n  /** page header title string */\n  children: PropTypes.string.description('Page header title string'),\n  /** show required mark */\n  showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAA4D;AAC5D,0BAA6B;AAC7B,oBAAuC;AAEvC,MAAM,kBAAkB,CAAC,EAAE,UAAU,aAAa,UAAU,WAC1D,mDAAC,sCAAD;AAAA,KAA4B;AAAA,EAAM,eAAY;AAAA,GAC5C,mDAAC,sDAAD,MACE,mDAAC,0CAAD;AAAA,EAAwB,OAAO;AAAA,KAEhC,cAAc,mDAAC,kCAAD;AAAA,EAAc,UAAQ;AAAA;AAIzC,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,YAAY,4BAAU,KAAK,YAAY;AAAA;AAGzC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,gCAAS;AAE7C,4BAA4B,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderToolbar_exports = {};
+__export(PageHeaderToolbar_exports, {
+  PageHeaderToolbar: () => PageHeaderToolbar
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_blocks = require("../blocks");
+const PageHeaderToolbar = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderToolbarWrapper, {
+  ...rest
+}, children);
+module.exports = __toCommonJS(PageHeaderToolbar_exports);
+//# sourceMappingURL=PageHeaderToolbar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n  <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAyC;AAElC,MAAM,oBAAoB,CAAC,EAAE,aAAa,WAC/C,mDAAC,wCAAD;AAAA,KAA8B;AAAA,GAAO;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var blocks_exports = {};
+__export(blocks_exports, {
+  EditableTitleComponent: () => EditableTitleComponent,
+  PageHeaderBackWrapper: () => PageHeaderBackWrapper,
+  PageHeaderMenuWrapper: () => PageHeaderMenuWrapper,
+  PageHeaderSummaryWrapper: () => PageHeaderSummaryWrapper,
+  PageHeaderTitleWrapper: () => PageHeaderTitleWrapper,
+  PageHeaderToolbarWrapper: () => PageHeaderToolbarWrapper,
+  cssPrefix: () => import_ds_classnames.cssPrefix
+});
+var React = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_form = require("@elliemae/ds-form");
+const blockName = "page-header-v2";
+const PageHeaderTitleWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "title");
+const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_ds_form.DSInput)(`${blockName}-title`, "editable-title");
+const PageHeaderBackWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-back`);
+const PageHeaderSummaryWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-summary`);
+const PageHeaderMenuWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-menu`);
+const PageHeaderToolbarWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`);
+module.exports = __toCommonJS(blocks_exports);
+//# sourceMappingURL=blocks.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/v2/components/blocks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { aggregatedClasses, cssPrefix } from '@elliemae/ds-classnames';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst blockName = 'page-header-v2';\n\nexport const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');\nexport const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\nexport const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);\nexport const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);\nexport const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);\nexport const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);\nexport { cssPrefix };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA6C;AAC7C,qBAAwB;AAExB,MAAM,YAAY;AAEX,MAAM,yBAAyB,4CAAkB,OAAO,GAAG,mBAAmB;AAC9E,MAAM,yBAAyB,4CAAkB,wBAAS,GAAG,mBAAmB;AAChF,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;AAC7D,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;",
+  "names": []
+}