@elliemae/ds-page-header 3.16.0 → 3.16.1

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,7 +38,7 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 var import_ds_form = require("@elliemae/ds-form");
-var import_exported_related = require("../exported-related");
+var import_exported_related = require("../exported-related/index.js");
 const PageHeaderTitleWrapper = (0, import_ds_system.styled)("div", {
   name: import_exported_related.DSPageHeaderName,
   slot: import_exported_related.DSPageHeaderSlots.HEADER_TITLE
@@ -57,7 +61,9 @@ const PageHeaderTitle = ({ children = "", showMarker = false, ...rest }) => /* @
   showMarker && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.RequiredMark, { required: true })
 ] });
 const props = {
+  /** page header title string */
   children: import_ds_props_helpers.PropTypes.string.description("Page header title string"),
+  /** show required mark */
   showMarker: import_ds_props_helpers.PropTypes.bool.description("show required mark")
 };
 PageHeaderTitle.propTypes = props;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/components/PageHeaderTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\nconst PageHeaderTitleWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n  display: grid;\n  font-size: ${({ theme }) => theme.fontSizes.title[800]};\n  color: ${({ theme }) => theme.colors.neutral['700']};\n  line-height: normal;\n  font-weight: 400;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }) => (\n  <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.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 as WeakValidationMap<unknown>;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBrB;AAvBF,uBAAuB;AACvB,8BAAoC;AACpC,uCAA4D;AAC5D,qBAA6B;AAC7B,8BAA6E;AAC7E,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM;AAAA,WACzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW/C,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,UAAU,KAAK,MACpE,6CAAC,0BAAwB,GAAG,MAAM,eAAa,gDAAwB,cACrE;AAAA,8CAAC,wDACC,sDAAC,2DAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,4CAAC,+BAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,MAAM,QAAQ;AAAA,EAEZ,UAAU,kCAAU,OAAO,YAAY,0BAA0B;AAAA,EAEjE,YAAY,kCAAU,KAAK,YAAY,oBAAoB;AAC7D;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related/index.js';\nconst PageHeaderTitleWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n  display: grid;\n  font-size: ${({ theme }) => theme.fontSizes.title[800]};\n  color: ${({ theme }) => theme.colors.neutral['700']};\n  line-height: normal;\n  font-weight: 400;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }) => (\n  <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.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 as WeakValidationMap<unknown>;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBrB;AAvBF,uBAAuB;AACvB,8BAAoC;AACpC,uCAA4D;AAC5D,qBAA6B;AAC7B,8BAA6E;AAC7E,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,WAC5C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpD,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,OAAO,GAAG,KAAK,MACpE,6CAAC,0BAAwB,GAAG,MAAM,eAAa,gDAAwB,cACrE;AAAA,8CAAC,wDACC,sDAAC,2DAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,4CAAC,+BAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,UAAU,kCAAU,OAAO,YAAY,0BAA0B;AAAA;AAAA,EAEjE,YAAY,kCAAU,KAAK,YAAY,oBAAoB;AAC7D;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,8 +35,8 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc_prop_types = require("../react-desc-prop-types");
-var import_exported_related = require("../exported-related");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_exported_related = require("../exported-related/index.js");
 const usePageHeader = (props) => {
   const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.PageHeaderPropTypes, import_exported_related.DSPageHeaderName);

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

@@ -1,7 +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-props-helpers';\nimport type { DSPageHeaderT } from '../react-desc-prop-types';\nimport { PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types';\nimport { DSPageHeaderName } from '../exported-related';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes, DSPageHeaderName);\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;ADmC4C;AAlCnE,mBAAwB;AACxB,8BAKO;AAEP,mCAAkD;AAClD,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,wBAAoB,sDAA6B,OAAO,yCAAY;AAC1E,8DAA+B,mBAAmB,kDAAqB,wCAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,IAAI;AAEJ,QAAM,uBAAmB,gDAAuB,iBAAiB;AACjE,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,uBAAmB,sBAAQ,MAAM,cAAc,YAAY,4CAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,kBAAc,sBAAQ,MAAM,SAAS,OAAO,4CAAC,QAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,yBAAqB;AAAA,IACzB,MAAM,gBAAgB,cAAc,4CAAC,eAAY,IAAK;AAAA,IACtD,CAAC,aAAa,WAAW;AAAA,EAC3B;AAEA,QAAM,qBAAiB,sBAAQ,MAAM,YAAY,UAAU,4CAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,qBAAiB,sBAAQ,MAAM,YAAY,UAAU,4CAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,uBAAmB,sBAAQ,MAAM,cAAc,YAAY,4CAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { DSPageHeaderT } from '../react-desc-prop-types.js';\nimport { PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { DSPageHeaderName } from '../exported-related/index.js';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes, DSPageHeaderName);\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;ADmC4C;AAlCnE,mBAAwB;AACxB,8BAKO;AAEP,mCAAkD;AAClD,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,wBAAoB,sDAA6B,OAAO,yCAAY;AAC1E,8DAA+B,mBAAmB,kDAAqB,wCAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,uBAAmB,gDAAuB,iBAAiB;AACjE,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,uBAAmB,sBAAQ,MAAM,cAAc,YAAY,4CAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,kBAAc,sBAAQ,MAAM,SAAS,OAAO,4CAAC,QAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,yBAAqB;AAAA,IACzB,MAAM,gBAAgB,cAAc,4CAAC,eAAY,IAAK;AAAA,IACtD,CAAC,aAAa,WAAW;AAAA,EAC3B;AAEA,QAAM,qBAAiB,sBAAQ,MAAM,YAAY,UAAU,4CAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,qBAAiB,sBAAQ,MAAM,YAAY,UAAU,4CAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,uBAAmB,sBAAQ,MAAM,cAAc,YAAY,4CAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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

@@ -2,6 +2,6 @@
   "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  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;",
+  "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/exported-related/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,6 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var exported_related_exports = {};
 module.exports = __toCommonJS(exported_related_exports);
 var React = __toESM(require("react"));
-__reExport(exported_related_exports, require("./data-test-ids"), module.exports);
-__reExport(exported_related_exports, require("./theming"), module.exports);
+__reExport(exported_related_exports, require("./data-test-ids.js"), module.exports);
+__reExport(exported_related_exports, require("./theming.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/v2/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/v2/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
+  "sourcesContent": ["export * from './data-test-ids.js';\nexport * from './theming.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;AACA,qCAAc,yBADd;",
   "names": []
 }

package/dist/cjs/v2/exported-related/theming.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/v2/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/v2/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSPageHeaderName = 'DSPageHeader';\n\nexport const DSPageHeaderSlots = {\n  CONTAINER: 'root',\n  HEADER_TITLE: 'header-title',\n  TOOLBAR: 'toolbar',\n  MENU: 'menu',\n  SUMMARY: 'summary',\n  BACK: 'back',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;",
   "names": []
 }

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,19 +36,27 @@ var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const PageHeaderPropTypes = {
   ...import_ds_props_helpers.globalAttributesPropTypes,
+  /** props injected to wrapper of page header */
   containerProps: import_ds_props_helpers.PropTypes.shape({}).description("props injected to wrapper of page header"),
+  /** breadcrumbs component */
   breadcrumbs: import_ds_props_helpers.PropTypes.node.description("breadcrumbs component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
   Breadcrumbs: import_ds_props_helpers.PropTypes.func.description("breadcrumbs component"),
+  /** PageHeaderTitle component */
   pageTitle: import_ds_props_helpers.PropTypes.node.description("PageHeaderTitle component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
   PageTitle: import_ds_props_helpers.PropTypes.func.description("PageHeaderTitle component"),
+  /** back arrow component */
   backarrow: import_ds_props_helpers.PropTypes.node.description("back arrow component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
   Backarrow: import_ds_props_helpers.PropTypes.func.description("back arrow component"),
+  /** PageHeaderSummary component */
   summary: import_ds_props_helpers.PropTypes.node.description("PageHeaderSummary component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
   Summary: import_ds_props_helpers.PropTypes.func.description("PageHeaderSummary component"),
+  /** toolbar component */
   toolbar: import_ds_props_helpers.PropTypes.node.description("toolbar component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
   Toolbar: import_ds_props_helpers.PropTypes.func.description("toolbar component"),
+  /** PageHeaderMenu component */
   menu: import_ds_props_helpers.PropTypes.node.description("PageHeaderMenu component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
   Menu: import_ds_props_helpers.PropTypes.func.description("PageHeaderMenu component"),
+  /** Border bottom below the page header */
   withBottomSeparator: import_ds_props_helpers.PropTypes.bool.description("Border bottom below the page header")
 };
 const defaultProps = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/v2/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\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,8BAAqD;AA0B9C,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EAEH,gBAAgB,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,kCAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,kCAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,kCAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,kCAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,kCAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,kCAAU,KAAK,YAAY,sBAAsB;AAAA,EAG5D,SAAS,kCAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,kCAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,kCAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,kCAAU,KAAK,YAAY,mBAAmB;AAAA,EAGvD,MAAM,kCAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,kCAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,kCAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AA0B9C,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA;AAAA,EAEH,gBAAgB,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,aAAa,kCAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,kCAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE/D,WAAW,kCAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,kCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEjE,WAAW,kCAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,kCAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAG5D,SAAS,kCAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,kCAAU,KAAK,YAAY,6BAA6B;AAAA;AAAA,EAEjE,SAAS,kCAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,kCAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAGvD,MAAM,kCAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,kCAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE3D,qBAAqB,kCAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/v2/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,7 +38,7 @@ __export(styled_exports, {
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_exported_related = require("./exported-related");
+var import_exported_related = require("./exported-related/index.js");
 const PageHeaderCustomRenderer = (0, import_ds_system.styled)("div")`
   width: auto;
   color: ${({ theme }) => theme.colors.brand[800]};

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related';\n\ninterface StyledContainerProps {\n  withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n  width: auto;\n  color: ${({ theme }) => theme.colors.brand[800]};\n  font-style: italic;\n  font-size: 0.8rem;\n`;\n\nexport const Container = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.CONTAINER,\n})`\n  width: 100%;\n  margin-bottom: 8px;\n  ${xStyledCommonProps}\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n  width: 100%;\n  padding: 12px 0 8px 0;\n  display: grid;\n  align-items: center;\n  height: 100%;\n  ${({ withBottomSeparator, theme }) =>\n    !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.TOOLBAR,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  & .em-ds-toolbar {\n    height: auto;\n    background: none;\n    & > div {\n      .em-ds-button {\n        margin-left: ${({ theme }) => theme.space.xxs};\n      }\n      .em-ds-input-search {\n        box-shadow: none;\n        div {\n          height: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.MENU,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-left: ${({ theme }) => theme.space.xxxs};\n  .em-ds-button--secondary {\n    &:not(:hover) {\n      border-color: transparent;\n    }\n    &:focus:after {\n      top: -1px;\n      left: -1px;\n      width: calc(100% + 2px);\n      height: calc(100% + 2px);\n    }\n  }\n`;\n\nexport const PageHeaderBack = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.BACK,\n})`\n  display: flex;\n  align-items: center;\n  fill: ${({ theme }) => theme.colors.brand[600]};\n  cursor: pointer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAoD;AAK7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG;AAAA;AAGG,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ;AAAA;AAG1E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related/index.js';\n\ninterface StyledContainerProps {\n  withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n  width: auto;\n  color: ${({ theme }) => theme.colors.brand[800]};\n  font-style: italic;\n  font-size: 0.8rem;\n`;\n\nexport const Container = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.CONTAINER,\n})`\n  width: 100%;\n  margin-bottom: 8px;\n  ${xStyledCommonProps}\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n  width: 100%;\n  padding: 12px 0 8px 0;\n  display: grid;\n  align-items: center;\n  height: 100%;\n  ${({ withBottomSeparator, theme }) =>\n    !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.TOOLBAR,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  & .em-ds-toolbar {\n    height: auto;\n    background: none;\n    & > div {\n      .em-ds-button {\n        margin-left: ${({ theme }) => theme.space.xxs};\n      }\n      .em-ds-input-search {\n        box-shadow: none;\n        div {\n          height: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.MENU,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-left: ${({ theme }) => theme.space.xxxs};\n  .em-ds-button--secondary {\n    &:not(:hover) {\n      border-color: transparent;\n    }\n    &:focus:after {\n      top: -1px;\n      left: -1px;\n      width: calc(100% + 2px);\n      height: calc(100% + 2px);\n    }\n  }\n`;\n\nexport const PageHeaderBack = styled('div', {\n  name: DSPageHeaderName,\n  slot: DSPageHeaderSlots.BACK,\n})`\n  display: flex;\n  align-items: center;\n  fill: ${({ theme }) => theme.colors.brand[600]};\n  cursor: pointer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAoD;AAK7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAKzC,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG;AAAA;AAGG,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/v2/tests/utils.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/v2/tests/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/v2/tests/utils.js", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { logger } from '@elliemae/ds-utilities';\n\nconst subItems = [\n  {\n    id: 'id3',\n    label: 'SubMenu List Item-1',\n    onClick: (e) => logger(e, 'subMenu id3'),\n  },\n  {\n    id: 'id4',\n    type: 'subMenu',\n    label: 'SubMenu List Item-2',\n    onClick: (e) => logger(e, 'subMenu id4'),\n    subItems: [\n      {\n        id: 'id5',\n        label: 'SubMenu List Item-2',\n        onClick: (e) => logger(e, 'subMenu id5'),\n      },\n    ],\n  },\n];\n\nexport const options = [\n  {\n    type: 'SelectionGroup',\n    id: 'select-option',\n    multi: false,\n    closeOnClick: false,\n    interactionType: 'click',\n    items: [\n      {\n        id: 'id-1',\n        selectable: true,\n        type: 'subMenu',\n        label: 'View Example 123',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-2',\n        type: 'subMenu',\n        label: 'Option 2',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-3',\n        type: 'subMenu',\n        label: 'Option 3',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-4',\n        type: 'subMenu',\n        label: 'Option 4',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-5',\n        type: 'subMenu',\n        label: 'Option 5',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-6',\n        type: 'subMenu',\n        label: 'Option 6',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n      {\n        id: 'id-7',\n        type: 'subMenu',\n        label: 'Truncate long option Other Custom View  Long Long Long  Long Long',\n        rightAddonType: 'elipsis',\n        interactionType: 'click',\n        subItems,\n      },\n    ],\n  },\n];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuB;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,EACzC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,IACvC,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuB;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,EACzC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,IACvC,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/DSPageHeader.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-export * from "./v2/PageHeader";
-import { default as default2 } from "./v1/DSPageHeader";
+export * from "./v2/PageHeader.js";
+import { default as default2 } from "./v1/DSPageHeader.js";
 export {
   default2 as default
 };

package/dist/esm/DSPageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPageHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v2/PageHeader';\nexport { default } from './v1/DSPageHeader';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v2/PageHeader.js';\nexport { default } from './v1/DSPageHeader.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 import * as React from "react";
-export * from "./v1/DSPageHeader";
-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 * from "./v1/DSPageHeader.js";
+export * from "./v2/PageHeader.js";
+import { DSPageHeaderSummaryWithSchema } from "./v2/components/PageHeaderSummary.js";
+import { DSPageHeaderTitleWithSchema } from "./v2/components/PageHeaderTitle.js";
+import { DSPageHeaderEditableTitleWithSchema } from "./v2/components/PageHeaderEditableTitle.js";
+export * from "./v2/exported-related/index.js";
+import { default as default2 } from "./v1/DSPageHeader.js";
 export {
   DSPageHeaderEditableTitleWithSchema,
   DSPageHeaderSummaryWithSchema,

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 * from './v2/exported-related';\nexport { default } from './v1/DSPageHeader';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v1/DSPageHeader.js';\nexport * from './v2/PageHeader.js';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary.js';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle.js';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle.js';\n\nexport * from './v2/exported-related/index.js';\nexport { default } from './v1/DSPageHeader.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AAEd,SAAS,qCAAqC;AAC9C,SAAS,mCAAmC;AAC5C,SAAS,2CAA2C;AAEpD,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/v1/DSPageHeader.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { useDeprecateComponent } from "@elliemae/ds-utilities";
 import { describe, PropTypes } from "@elliemae/ds-props-helpers";
 import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
-import PageHeaderImpl from "./PageHeaderImpl";
+import PageHeaderImpl from "./PageHeaderImpl.js";
 const DSPageHeader = ({
   containerProps = {},
   renderToolbar = void 0,
@@ -46,21 +46,37 @@ const DSPageHeader = ({
   ) });
 };
 const props = {
+  /* Component version */
   version: PropTypes.oneOf([1, 2]).description("Component version"),
+  /* props injected to page header wrapper node */
   containerProps: PropTypes.object.description("props injected to page header wrapper node"),
+  /* Function that returns the toolbar to the right of the page header */
   renderToolbar: PropTypes.func.description("Function that returns the toolbar to the right of the page header"),
+  /* Whether to show a separator at the bottom of the header */
   withBottomSeparator: PropTypes.bool.description("Whether to show a separator at the bottom of the header"),
+  /* The page header title */
   title: PropTypes.string.description("The page header title"),
+  /* The title dropdown options */
   titleOptions: PropTypes.arrayOf(PropTypes.object).description("The title dropdown options"),
+  /* Handler when a user selects an item in the dropdown menu */
   onSelectOption: PropTypes.func.description("Handler when a user selects an item in the dropdown menu"),
+  /* Description text below the title */
   subtitle: PropTypes.string.description("Description text below the title"),
+  /* Selection state for the title dropdown */
   optionsSelection: PropTypes.object.description("Selection state for the title dropdown"),
+  /* Whether the title is editable or not */
   editable: PropTypes.bool.description("Whether the title is editable or not"),
+  /* Activates/Deactivates the editing state in the title */
   editing: PropTypes.bool.description("Activates/Deactivates the editing state in the title"),
+  /* Props passed to the input for editing the title */
   titleInputProps: PropTypes.object.description("Props passed to the input for editing the title"),
+  /* Enables navigation to previous page with back-arrow */
   previousPage: PropTypes.object.description("Enables navigation to previous page with back-arrow"),
+  /* Callback to handle navigation to previous page */
   onGoToPreviousPage: PropTypes.func.description("Callback to handle navigation to previous page"),
+  /* z-index to use for the DropdownMenu */
   zIndex: PropTypes.number.description("z-index to use for the DropdownMenu"),
+  /** min width for options dropdown menu */
   optionsMinWidth: PropTypes.number.description("min width for options dropdown menu")
 };
 DSPageHeader.propTypes = props;

package/dist/esm/v1/DSPageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSPageHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n  containerProps = {},\n  renderToolbar = undefined,\n  withBottomSeparator = true,\n  title = '',\n  titleOptions = undefined,\n  onSelectOption = () => null,\n  subtitle = '',\n  optionsSelection = {},\n  onGoToPreviousPage = () => null,\n  previousPage,\n  editable = false,\n  editing = undefined,\n  titleInputProps = {},\n  zIndex = 2,\n  optionsMinWidth = undefined,\n  ...otherProps\n}) => {\n  useDeprecateComponent({ componentName: 'ds-page-header', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <TooltipTextProvider>\n      <PageHeaderImpl\n        containerProps={containerProps}\n        editable={editable}\n        editing={editing}\n        onGoToPreviousPage={onGoToPreviousPage}\n        onSelectOption={onSelectOption}\n        optionsMinWidth={optionsMinWidth}\n        optionsSelection={optionsSelection}\n        previousPage={previousPage}\n        renderToolbar={renderToolbar}\n        subtitle={subtitle}\n        title={title}\n        titleInputProps={titleInputProps}\n        titleOptions={titleOptions}\n        withBottomSeparator={withBottomSeparator}\n        zIndex={zIndex}\n        {...otherProps}\n      />\n    </TooltipTextProvider>\n  );\n};\n\nconst props = {\n  /* Component version */\n  version: PropTypes.oneOf([1, 2]).description('Component version'),\n  /* props injected to page header wrapper node */\n  containerProps: PropTypes.object.description('props injected to page header wrapper node'),\n  /* Function that returns the toolbar to the right of the page header */\n  renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),\n  /* Whether to show a separator at the bottom of the header */\n  withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),\n  /* The page header title */\n  title: PropTypes.string.description('The page header title'),\n  /* The title dropdown options */\n  titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),\n  /* Handler when a user selects an item in the dropdown menu */\n  onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),\n  /* Description text below the title */\n  subtitle: PropTypes.string.description('Description text below the title'),\n  /* Selection state for the title dropdown */\n  optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),\n  /* Whether the title is editable or not */\n  editable: PropTypes.bool.description('Whether the title is editable or not'),\n  /* Activates/Deactivates the editing state in the title */\n  editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),\n  /* Props passed to the input for editing the title */\n  titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),\n  /* Enables navigation to previous page with back-arrow */\n  previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),\n  /* Callback to handle navigation to previous page */\n  onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),\n  /* z-index to use for the DropdownMenu */\n  zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n  /** min width for options dropdown menu */\n  optionsMinWidth: PropTypes.number.description('min width for options dropdown menu'),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4BjB;AA3BN,SAAS,6BAA6B;AACtC,SAAS,UAAU,iBAAiB;AACpC,SAAS,2BAA2B;AACpC,OAAO,oBAAoB;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,oBAAC,uBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,eAAe,UAAU,KAAK,YAAY,mEAAmE;AAAA,EAE7G,qBAAqB,UAAU,KAAK,YAAY,yDAAyD;AAAA,EAEzG,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA,EAE1F,gBAAgB,UAAU,KAAK,YAAY,0DAA0D;AAAA,EAErG,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,UAAU,KAAK,YAAY,sDAAsD;AAAA,EAE1F,iBAAiB,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAE/F,cAAc,UAAU,OAAO,YAAY,qDAAqD;AAAA,EAEhG,oBAAoB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAE/F,QAAQ,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,UAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl.js';\n\nconst DSPageHeader = ({\n  containerProps = {},\n  renderToolbar = undefined,\n  withBottomSeparator = true,\n  title = '',\n  titleOptions = undefined,\n  onSelectOption = () => null,\n  subtitle = '',\n  optionsSelection = {},\n  onGoToPreviousPage = () => null,\n  previousPage,\n  editable = false,\n  editing = undefined,\n  titleInputProps = {},\n  zIndex = 2,\n  optionsMinWidth = undefined,\n  ...otherProps\n}) => {\n  useDeprecateComponent({ componentName: 'ds-page-header', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <TooltipTextProvider>\n      <PageHeaderImpl\n        containerProps={containerProps}\n        editable={editable}\n        editing={editing}\n        onGoToPreviousPage={onGoToPreviousPage}\n        onSelectOption={onSelectOption}\n        optionsMinWidth={optionsMinWidth}\n        optionsSelection={optionsSelection}\n        previousPage={previousPage}\n        renderToolbar={renderToolbar}\n        subtitle={subtitle}\n        title={title}\n        titleInputProps={titleInputProps}\n        titleOptions={titleOptions}\n        withBottomSeparator={withBottomSeparator}\n        zIndex={zIndex}\n        {...otherProps}\n      />\n    </TooltipTextProvider>\n  );\n};\n\nconst props = {\n  /* Component version */\n  version: PropTypes.oneOf([1, 2]).description('Component version'),\n  /* props injected to page header wrapper node */\n  containerProps: PropTypes.object.description('props injected to page header wrapper node'),\n  /* Function that returns the toolbar to the right of the page header */\n  renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),\n  /* Whether to show a separator at the bottom of the header */\n  withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),\n  /* The page header title */\n  title: PropTypes.string.description('The page header title'),\n  /* The title dropdown options */\n  titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),\n  /* Handler when a user selects an item in the dropdown menu */\n  onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),\n  /* Description text below the title */\n  subtitle: PropTypes.string.description('Description text below the title'),\n  /* Selection state for the title dropdown */\n  optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),\n  /* Whether the title is editable or not */\n  editable: PropTypes.bool.description('Whether the title is editable or not'),\n  /* Activates/Deactivates the editing state in the title */\n  editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),\n  /* Props passed to the input for editing the title */\n  titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),\n  /* Enables navigation to previous page with back-arrow */\n  previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),\n  /* Callback to handle navigation to previous page */\n  onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),\n  /* z-index to use for the DropdownMenu */\n  zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n  /** min width for options dropdown menu */\n  optionsMinWidth: PropTypes.number.description('min width for options dropdown menu'),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCjB;AA3BN,SAAS,6BAA6B;AACtC,SAAS,UAAU,iBAAiB;AACpC,SAAS,2BAA2B;AACpC,OAAO,oBAAoB;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,GAAG;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,oBAAC,uBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,4CAA4C;AAAA;AAAA,EAEzF,eAAe,UAAU,KAAK,YAAY,mEAAmE;AAAA;AAAA,EAE7G,qBAAqB,UAAU,KAAK,YAAY,yDAAyD;AAAA;AAAA,EAEzG,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA,EAE3D,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA;AAAA,EAE1F,gBAAgB,UAAU,KAAK,YAAY,0DAA0D;AAAA;AAAA,EAErG,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA;AAAA,EAEzE,kBAAkB,UAAU,OAAO,YAAY,wCAAwC;AAAA;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE3E,SAAS,UAAU,KAAK,YAAY,sDAAsD;AAAA;AAAA,EAE1F,iBAAiB,UAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA,EAE/F,cAAc,UAAU,OAAO,YAAY,qDAAqD;AAAA;AAAA,EAEhG,oBAAoB,UAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA,EAE/F,QAAQ,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAE1E,iBAAiB,UAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/v1/DropdownTitle.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
 import { ChevronSmallDown } from "@elliemae/ds-icons";
 import DSButton from "@elliemae/ds-button";
-import TitleWrapper from "./TitleWrapper";
+import TitleWrapper from "./TitleWrapper.js";
 const DropdownTitle = ({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) => /* @__PURE__ */ jsxs(TitleWrapper, { children: [
   titleComponent,
   /* @__PURE__ */ jsx(

package/dist/esm/v1/DropdownTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DropdownTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport TitleWrapper from './TitleWrapper';\n\nconst DropdownTitle = ({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) => (\n  <TitleWrapper>\n    {titleComponent}\n    <DSDropdownMenu\n      minWidth={optionsMinWidth}\n      onSelectMenuItem={onSelectOption}\n      options={options}\n      selection={selection}\n      triggerComponent={\n        <DSButton buttonType=\"text\" data-testid=\"page-header-dropdown-trigger-component\" icon={<ChevronSmallDown />} />\n      }\n      zIndex={zIndex}\n    />\n  </TitleWrapper>\n);\n\nDropdownTitle.propTypes = {};\n\nexport default DropdownTitle;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACOrB,SAQ6F,KAR7F;AANF,OAAO,oBAAoB;AAC3B,SAAS,wBAAwB;AACjC,OAAO,cAAc;AACrB,OAAO,kBAAkB;AAEzB,MAAM,gBAAgB,CAAC,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,OAAO,MACnG,qBAAC,gBACE;AAAA;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,kBACE,oBAAC,YAAS,YAAW,QAAO,eAAY,0CAAyC,MAAM,oBAAC,oBAAiB,GAAI;AAAA,MAE/G;AAAA;AAAA,EACF;AAAA,GACF;AAGF,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport TitleWrapper from './TitleWrapper.js';\n\nconst DropdownTitle = ({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) => (\n  <TitleWrapper>\n    {titleComponent}\n    <DSDropdownMenu\n      minWidth={optionsMinWidth}\n      onSelectMenuItem={onSelectOption}\n      options={options}\n      selection={selection}\n      triggerComponent={\n        <DSButton buttonType=\"text\" data-testid=\"page-header-dropdown-trigger-component\" icon={<ChevronSmallDown />} />\n      }\n      zIndex={zIndex}\n    />\n  </TitleWrapper>\n);\n\nDropdownTitle.propTypes = {};\n\nexport default DropdownTitle;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWrB,SAQ6F,KAR7F;AANF,OAAO,oBAAoB;AAC3B,SAAS,wBAAwB;AACjC,OAAO,cAAc;AACrB,OAAO,kBAAkB;AAEzB,MAAM,gBAAgB,CAAC,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,OAAO,MACnG,qBAAC,gBACE;AAAA;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,kBACE,oBAAC,YAAS,YAAW,QAAO,eAAY,0CAAyC,MAAM,oBAAC,oBAAiB,GAAI;AAAA,MAE/G;AAAA;AAAA,EACF;AAAA,GACF;AAGF,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/v1/EditableTitle.js

@@ -5,7 +5,7 @@ import { useDerivedStateFromProps, runAll } from "@elliemae/ds-utilities";
 import PropTypes from "prop-types";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import DSInput from "@elliemae/ds-form/Input";
-import Title from "./Title";
+import Title from "./Title.js";
 const blockName = "page-header";
 const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
 const EditableTitle = ({ children: value, editing: editingProp, titleInputProps }) => {
@@ -26,7 +26,9 @@ const EditableTitle = ({ children: value, editing: editingProp, titleInputProps
   ) : /* @__PURE__ */ jsx("div", { ref: titleRef, onMouseEnter: () => setHovered(true), children: /* @__PURE__ */ jsx(Title, { children: titleValue }) }) });
 };
 EditableTitle.propTypes = {
+  /** The title text */
   children: PropTypes.string,
+  /** Whether the title is editing or not */
   editing: PropTypes.bool
 };
 var EditableTitle_default = EditableTitle;

package/dist/esm/v1/EditableTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/EditableTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps, runAll } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\n\nconst EditableTitle = ({ children: value, editing: editingProp, titleInputProps }) => {\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  return (\n    <>\n      {hovered || editing ? (\n        <EditableTitleComponent\n          {...titleInputProps}\n          onBlur={runAll(() => setEditing(false), titleInputProps.onBlur)}\n          onChange={runAll((e) => setTitleValue(e.target.value), titleInputProps.onChange)}\n          onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n          onMouseOut={runAll(() => setHovered(false), titleInputProps.onMouseOut)}\n          value={titleValue}\n        />\n      ) : (\n        <div ref={titleRef} onMouseEnter={() => setHovered(true)}>\n          <Title>{titleValue}</Title>\n        </div>\n      )}\n    </>\n  );\n};\n\nEditableTitle.propTypes = {\n  /** The title text */\n  children: PropTypes.string,\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool,\n};\n\nexport default EditableTitle;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBnB,mBAEI,WAFJ;AAjBJ,SAAgB,QAAQ,gBAAgB;AACxC,SAAS,0BAA0B,cAAc;AACjD,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,OAAO,aAAa;AACpB,OAAO,WAAW;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,OAAO,EAAE,GAAG,mBAAmB,gBAAgB;AAEhG,MAAM,gBAAgB,CAAC,EAAE,UAAU,OAAO,SAAS,aAAa,gBAAgB,MAAM;AACpF,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,SACE,gCACG,qBAAW,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ,OAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,MAC9D,UAAU,OAAO,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GAAG,gBAAgB,QAAQ;AAAA,MAC/E,SAAS,OAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,MAC/D,YAAY,OAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,UAAU;AAAA,MACtE,OAAO;AAAA;AAAA,EACT,IAEA,oBAAC,SAAI,KAAK,UAAU,cAAc,MAAM,WAAW,IAAI,GACrD,8BAAC,SAAO,sBAAW,GACrB,GAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,UAAU;AAAA,EAEpB,SAAS,UAAU;AACrB;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps, runAll } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title.js';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\n\nconst EditableTitle = ({ children: value, editing: editingProp, titleInputProps }) => {\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  return (\n    <>\n      {hovered || editing ? (\n        <EditableTitleComponent\n          {...titleInputProps}\n          onBlur={runAll(() => setEditing(false), titleInputProps.onBlur)}\n          onChange={runAll((e) => setTitleValue(e.target.value), titleInputProps.onChange)}\n          onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n          onMouseOut={runAll(() => setHovered(false), titleInputProps.onMouseOut)}\n          value={titleValue}\n        />\n      ) : (\n        <div ref={titleRef} onMouseEnter={() => setHovered(true)}>\n          <Title>{titleValue}</Title>\n        </div>\n      )}\n    </>\n  );\n};\n\nEditableTitle.propTypes = {\n  /** The title text */\n  children: PropTypes.string,\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool,\n};\n\nexport default EditableTitle;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBnB,mBAEI,WAFJ;AAjBJ,SAAgB,QAAQ,gBAAgB;AACxC,SAAS,0BAA0B,cAAc;AACjD,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,OAAO,aAAa;AACpB,OAAO,WAAW;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,OAAO,EAAE,GAAG,mBAAmB,gBAAgB;AAEhG,MAAM,gBAAgB,CAAC,EAAE,UAAU,OAAO,SAAS,aAAa,gBAAgB,MAAM;AACpF,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,SACE,gCACG,qBAAW,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ,OAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,MAC9D,UAAU,OAAO,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GAAG,gBAAgB,QAAQ;AAAA,MAC/E,SAAS,OAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,MAC/D,YAAY,OAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,UAAU;AAAA,MACtE,OAAO;AAAA;AAAA,EACT,IAEA,oBAAC,SAAI,KAAK,UAAU,cAAc,MAAM,WAAW,IAAI,GACrD,8BAAC,SAAO,sBAAW,GACrB,GAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA,EAExB,UAAU,UAAU;AAAA;AAAA,EAEpB,SAAS,UAAU;AACrB;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/v1/PageHeaderImpl.js

@@ -5,9 +5,9 @@ import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { ChevronLeft } from "@elliemae/ds-icons";
 import DSBreadcrumb from "@elliemae/ds-breadcrumb";
 import { DSIconSizes } from "@elliemae/ds-icon";
-import EditableTitle from "./EditableTitle";
-import Title from "./Title";
-import DropdownTitle from "./DropdownTitle";
+import EditableTitle from "./EditableTitle.js";
+import Title from "./Title.js";
+import DropdownTitle from "./DropdownTitle.js";
 const blockName = "page-header";
 const PageHeaderContainer = aggregatedClasses("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
   "with-bottom-separator": withBottomSeparator,

package/dist/esm/v1/PageHeaderImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/PageHeaderImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle';\nimport Title from './Title';\nimport DropdownTitle from './DropdownTitle';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n  'with-bottom-separator': withBottomSeparator,\n  'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nconst HeaderTitle = ({\n  title = '',\n  options = [],\n  optionsMinWidth,\n  onSelectOption = () => null,\n  selection,\n  subtitle = '',\n  editable = false,\n  editing = false,\n  titleInputProps,\n  zIndex,\n}) => {\n  const titleComponent = editable ? (\n    <EditableTitle editing={editing} titleInputProps={titleInputProps}>\n      {title}\n    </EditableTitle>\n  ) : (\n    <Title>{title}</Title>\n  );\n\n  return (\n    <PageHeaderTitle>\n      {options.length ? (\n        <DropdownTitle\n          onSelectOption={onSelectOption}\n          options={options}\n          optionsMinWidth={optionsMinWidth}\n          selection={selection}\n          titleComponent={titleComponent}\n          zIndex={zIndex}\n        />\n      ) : (\n        titleComponent\n      )}\n      {subtitle && <Subtitle>{subtitle}</Subtitle>}\n    </PageHeaderTitle>\n  );\n};\n\nconst PageHeaderImpl = ({\n  containerProps,\n  className,\n  title,\n  titleOptions,\n  renderToolbar,\n  breadcrumbs = [],\n  previousPage,\n  onGoToPreviousPage = () => null,\n  subtitle = '',\n  withBottomSeparator,\n  onSelectOption,\n  optionsSelection,\n  optionsMinWidth,\n  editable = false,\n  titleInputProps,\n  editing = undefined,\n  zIndex,\n}) => {\n  const hasBreadcrumbs = !!breadcrumbs.length;\n\n  return (\n    <PageHeaderContainer\n      {...containerProps}\n      className={className}\n      classProps={{\n        withBottomSeparator,\n        subtitle,\n      }}\n    >\n      {previousPage && <BackArrow data-testid=\"back-arrow\" onClick={onGoToPreviousPage} size={DSIconSizes.M} />}\n      <PageHeaderMainSection>\n        {hasBreadcrumbs && (\n          <PageHeaderBreadcrumb>\n            {breadcrumbs.map((breadcrumb) => (\n              <DSBreadcrumb.Item key={breadcrumb.label} {...breadcrumb} />\n            ))}\n          </PageHeaderBreadcrumb>\n        )}\n        {previousPage && (\n          <PageHeaderBreadcrumb>\n            <DSBreadcrumb.Item\n              key={previousPage.id}\n              label={previousPage.title}\n              onClick={previousPage.onClick}\n              {...previousPage}\n            />\n          </PageHeaderBreadcrumb>\n        )}\n        <PageHeaderTitleSection>\n          <HeaderTitle\n            editable={editable}\n            editing={editing}\n            onSelectOption={onSelectOption}\n            options={titleOptions}\n            optionsMinWidth={optionsMinWidth}\n            selection={optionsSelection}\n            subtitle={subtitle}\n            title={title}\n            titleInputProps={titleInputProps}\n            zIndex={zIndex}\n          />\n          {isFunction(renderToolbar) && <PageHeaderToolbar>{renderToolbar()}</PageHeaderToolbar>}\n        </PageHeaderTitleSection>\n      </PageHeaderMainSection>\n    </PageHeaderContainer>\n  );\n};\n\nexport default PageHeaderImpl;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle.js';\nimport Title from './Title.js';\nimport DropdownTitle from './DropdownTitle.js';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n  'with-bottom-separator': withBottomSeparator,\n  'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nconst HeaderTitle = ({\n  title = '',\n  options = [],\n  optionsMinWidth,\n  onSelectOption = () => null,\n  selection,\n  subtitle = '',\n  editable = false,\n  editing = false,\n  titleInputProps,\n  zIndex,\n}) => {\n  const titleComponent = editable ? (\n    <EditableTitle editing={editing} titleInputProps={titleInputProps}>\n      {title}\n    </EditableTitle>\n  ) : (\n    <Title>{title}</Title>\n  );\n\n  return (\n    <PageHeaderTitle>\n      {options.length ? (\n        <DropdownTitle\n          onSelectOption={onSelectOption}\n          options={options}\n          optionsMinWidth={optionsMinWidth}\n          selection={selection}\n          titleComponent={titleComponent}\n          zIndex={zIndex}\n        />\n      ) : (\n        titleComponent\n      )}\n      {subtitle && <Subtitle>{subtitle}</Subtitle>}\n    </PageHeaderTitle>\n  );\n};\n\nconst PageHeaderImpl = ({\n  containerProps,\n  className,\n  title,\n  titleOptions,\n  renderToolbar,\n  breadcrumbs = [],\n  previousPage,\n  onGoToPreviousPage = () => null,\n  subtitle = '',\n  withBottomSeparator,\n  onSelectOption,\n  optionsSelection,\n  optionsMinWidth,\n  editable = false,\n  titleInputProps,\n  editing = undefined,\n  zIndex,\n}) => {\n  const hasBreadcrumbs = !!breadcrumbs.length;\n\n  return (\n    <PageHeaderContainer\n      {...containerProps}\n      className={className}\n      classProps={{\n        withBottomSeparator,\n        subtitle,\n      }}\n    >\n      {previousPage && <BackArrow data-testid=\"back-arrow\" onClick={onGoToPreviousPage} size={DSIconSizes.M} />}\n      <PageHeaderMainSection>\n        {hasBreadcrumbs && (\n          <PageHeaderBreadcrumb>\n            {breadcrumbs.map((breadcrumb) => (\n              <DSBreadcrumb.Item key={breadcrumb.label} {...breadcrumb} />\n            ))}\n          </PageHeaderBreadcrumb>\n        )}\n        {previousPage && (\n          <PageHeaderBreadcrumb>\n            <DSBreadcrumb.Item\n              key={previousPage.id}\n              label={previousPage.title}\n              onClick={previousPage.onClick}\n              {...previousPage}\n            />\n          </PageHeaderBreadcrumb>\n        )}\n        <PageHeaderTitleSection>\n          <HeaderTitle\n            editable={editable}\n            editing={editing}\n            onSelectOption={onSelectOption}\n            options={titleOptions}\n            optionsMinWidth={optionsMinWidth}\n            selection={optionsSelection}\n            subtitle={subtitle}\n            title={title}\n            titleInputProps={titleInputProps}\n            zIndex={zIndex}\n          />\n          {isFunction(renderToolbar) && <PageHeaderToolbar>{renderToolbar()}</PageHeaderToolbar>}\n        </PageHeaderTitleSection>\n      </PageHeaderMainSection>\n    </PageHeaderContainer>\n  );\n};\n\nexport default PageHeaderImpl;\n"],
+  "mappings": "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",
   "names": []
 }