@elliemae/ds-page-header-v2 3.62.1 → 3.70.0-alpha.9

package/dist/esm/components/page-header-title/PageHeaderTitle.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
-import { DSTruncatedTooltipText, TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
+import { TruncatedTooltipText } from "../../TruncatedTooltipText.js";
 import { RequiredMark } from "./RequiredMark.js";
 import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../../constants/index.js";
 import { PageHeaderTitlePropTypes } from "./react-desc-prop-types.js";
@@ -29,7 +29,7 @@ const PageHeaderTitle = (props) => {
   const { children, showMarker, ...rest } = props;
   const ownerProps = useOwnerProps(props);
   return /* @__PURE__ */ jsxs(PageHeaderTitleWrapper, { ...rest, ...ownerProps, "data-testid": DSPageHeaderDataTestIds.HEADER_TITLE, children: [
-    /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(DSTruncatedTooltipText, { value: children }) }),
+    /* @__PURE__ */ jsx(TruncatedTooltipText, { value: children }),
     showMarker && /* @__PURE__ */ jsx(RequiredMark, { required: true, ownerProps })
   ] });
 };

package/dist/esm/components/page-header-title/PageHeaderTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/page-header-title/PageHeaderTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, type ValidationMap, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from './RequiredMark.js';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../constants/index.js';\nimport { PageHeaderTitlePropTypes, type PageHeaderTitleT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\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: 0;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\n\nconst PageHeaderTitle = (props: PageHeaderTitleT.Props) => {\n  const { children, showMarker, ...rest } = props;\n  const ownerProps = useOwnerProps(props);\n  return (\n    <PageHeaderTitleWrapper {...rest} {...ownerProps} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n      <TooltipTextProvider>\n        <DSTruncatedTooltipText value={children} />\n      </TooltipTextProvider>\n      {showMarker && <RequiredMark required ownerProps={ownerProps} />}\n    </PageHeaderTitleWrapper>\n  );\n};\n\nPageHeaderTitle.defaultProps = defaultProps;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgCnB,SAEI,KAFJ;AA/BJ,SAAS,cAAc;AACvB,SAAS,UAA8B,qBAAqB;AAC5D,SAAS,wBAAwB,2BAA2B;AAC5D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,SAAS,gCAAuD;AAChE,SAAS,oBAAoB;AAE7B,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,WAC7C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarD,MAAM,kBAAkB,CAAC,UAAkC;AACzD,QAAM,EAAE,UAAU,YAAY,GAAG,KAAK,IAAI;AAC1C,QAAM,aAAa,cAAc,KAAK;AACtC,SACE,qBAAC,0BAAwB,GAAG,MAAO,GAAG,YAAY,eAAa,wBAAwB,cACrF;AAAA,wBAAC,uBACC,8BAAC,0BAAuB,OAAO,UAAU,GAC3C;AAAA,IACC,cAAc,oBAAC,gBAAa,UAAQ,MAAC,YAAwB;AAAA,KAChE;AAEJ;AAEA,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, type ValidationMap, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport { RequiredMark } from './RequiredMark.js';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../../constants/index.js';\nimport { PageHeaderTitlePropTypes, type PageHeaderTitleT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\n\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: 0;\n  margin-right: 0.61538rem;\n\n  & .em-ds-form-required-mark {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n`;\n\nconst PageHeaderTitle = (props: PageHeaderTitleT.Props) => {\n  const { children, showMarker, ...rest } = props;\n  const ownerProps = useOwnerProps(props);\n  return (\n    <PageHeaderTitleWrapper {...rest} {...ownerProps} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n      <TruncatedTooltipText value={children} />\n      {showMarker && <RequiredMark required ownerProps={ownerProps} />}\n    </PageHeaderTitleWrapper>\n  );\n};\n\nPageHeaderTitle.defaultProps = defaultProps;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = PageHeaderTitlePropTypes as ValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCnB,SACE,KADF;AA/BJ,SAAS,cAAc;AACvB,SAAS,UAA8B,qBAAqB;AAC5D,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,SAAS,gCAAuD;AAChE,SAAS,oBAAoB;AAE7B,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,WAC7C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarD,MAAM,kBAAkB,CAAC,UAAkC;AACzD,QAAM,EAAE,UAAU,YAAY,GAAG,KAAK,IAAI;AAC1C,QAAM,aAAa,cAAc,KAAK;AACtC,SACE,qBAAC,0BAAwB,GAAG,MAAO,GAAG,YAAY,eAAa,wBAAwB,cACrF;AAAA,wBAAC,wBAAqB,OAAO,UAAU;AAAA,IACtC,cAAc,oBAAC,gBAAa,UAAQ,MAAC,YAAwB;AAAA,KAChE;AAEJ;AAEA,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
   "names": []
 }

package/dist/esm/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nexport const DSPageHeaderName = 'DSPageheader';\n\nexport const DSPageHeaderSlots = {\n  CONTAINER: 'root',\n  HEADER_TITLE: 'header-title',\n  TITLE_INPUT: 'title-input',\n  TOOLBAR: 'toolbar',\n  MENU: 'menu',\n  SUMMARY: 'summary',\n  SUMMARY_VALUE: 'summary-value',\n  SUMMARY_LABEL: 'summary-label',\n  SUMMARY_SPACE: 'summary-space',\n  BACK: 'back',\n  REQUIRED_MARK: 'required-mark',\n  BREADCRUMB: 'breadcrumb',\n};\n\nexport const DSPageHeaderDataTestIds = {\n  ...slotObjectToDataTestIds(DSPageHeaderName, DSPageHeaderSlots),\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\nexport const FONT_DETECTOR = {\n  SMALL: 1,\n  MEDIUM: 2,\n  LARGE: 3,\n} as const;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nexport const DSPageHeaderName = 'DSPageheader';\n\nexport const DSPageHeaderSlots = {\n  CONTAINER: 'root',\n  HEADER_TITLE: 'header-title',\n  TITLE_INPUT: 'title-input',\n  TOOLBAR: 'toolbar',\n  MENU: 'menu',\n  SUMMARY: 'summary',\n  SUMMARY_VALUE: 'summary-value',\n  SUMMARY_LABEL: 'summary-label',\n  SUMMARY_SPACE: 'summary-space',\n  BACK: 'back',\n  REQUIRED_MARK: 'required-mark',\n  BREADCRUMB: 'breadcrumb',\n} as const;\n\nexport const DSPageHeaderDataTestIds = {\n  ...slotObjectToDataTestIds(DSPageHeaderName, DSPageHeaderSlots),\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} as const;\n\nexport const FONT_DETECTOR = {\n  SMALL: 1,\n  MEDIUM: 2,\n  LARGE: 3,\n} as const;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACjC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,MAAM;AAAA,EACN,eAAe;AAAA,EACf,YAAY;AACd;AAEO,MAAM,0BAA0B;AAAA,EACrC,GAAG,wBAAwB,kBAAkB,iBAAiB;AAAA,EAC9D,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,SAAS;AACX;AAEO,MAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;",
   "names": []
 }

package/dist/esm/exported-related/index.js

@@ -1,3 +1,18 @@
 import * as React from "react";
-export * from "./skeletons.js";
+import {
+  ToolbarSkeleton,
+  BreadcrumbSkeleton,
+  SummarySkeleton,
+  PageTitleSkeleton,
+  MenuSkeleton,
+  BackArrowSkeleton
+} from "./skeletons.js";
+export {
+  BackArrowSkeleton,
+  BreadcrumbSkeleton,
+  MenuSkeleton,
+  PageTitleSkeleton,
+  SummarySkeleton,
+  ToolbarSkeleton
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './skeletons.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  ToolbarSkeleton,\n  BreadcrumbSkeleton,\n  SummarySkeleton,\n  PageTitleSkeleton,\n  MenuSkeleton,\n  BackArrowSkeleton,\n} from './skeletons.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,30 +1,47 @@
 import * as React from "react";
+import { DSPageHeaderV2, DSPageHeaderWithSchema } from "./PageHeader.js";
 import {
-  DSPageHeaderV2,
-  DSPageHeaderWithSchema,
-  PageHeaderCustomRenderer,
-  PageHeaderEditableTitle,
-  PageHeaderMenu,
-  PageHeaderSummary,
+  DSPageHeaderEditableTitleWithSchema,
+  PageHeaderEditableTitle
+} from "./components/page-header-editable-title/index.js";
+import {
+  DSPageHeaderSummaryWithSchema,
+  PageHeaderSummary
+} from "./components/page-header-summary/index.js";
+import {
+  DSPageHeaderTitleWithSchema,
   PageHeaderTitle
-} from "./PageHeader.js";
-import { DSPageHeaderSummaryWithSchema } from "./components/page-header-summary/index.js";
-import { DSPageHeaderTitleWithSchema } from "./components/page-header-title/index.js";
+} from "./components/page-header-title/index.js";
+import { DSPageHeaderDataTestIds, DSPageHeaderName, DSPageHeaderSlots, FONT_DETECTOR } from "./constants/index.js";
 import {
-  DSPageHeaderEditableTitleWithSchema
-} from "./components/page-header-editable-title/index.js";
-export * from "./exported-related/index.js";
-export * from "./constants/index.js";
+  BackArrowSkeleton,
+  BreadcrumbSkeleton,
+  MenuSkeleton,
+  PageTitleSkeleton,
+  SummarySkeleton,
+  ToolbarSkeleton
+} from "./exported-related/index.js";
+import { PageHeaderCustomRenderer, PageHeaderMenu } from "./styled.js";
 export {
+  BackArrowSkeleton,
+  BreadcrumbSkeleton,
+  DSPageHeaderDataTestIds,
   DSPageHeaderEditableTitleWithSchema,
+  DSPageHeaderName,
+  DSPageHeaderSlots,
   DSPageHeaderSummaryWithSchema,
   DSPageHeaderTitleWithSchema,
   DSPageHeaderV2,
   DSPageHeaderWithSchema,
+  FONT_DETECTOR,
+  MenuSkeleton,
   PageHeaderCustomRenderer,
   PageHeaderEditableTitle,
   PageHeaderMenu,
   PageHeaderSummary,
-  PageHeaderTitle
+  PageHeaderTitle,
+  PageTitleSkeleton,
+  SummarySkeleton,
+  ToolbarSkeleton
 };
 //# sourceMappingURL=index.js.map

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 {\n  DSPageHeaderV2,\n  DSPageHeaderWithSchema,\n  PageHeaderCustomRenderer,\n  PageHeaderEditableTitle,\n  PageHeaderMenu,\n  PageHeaderSummary,\n  PageHeaderTitle,\n} from './PageHeader.js';\nexport type { DSPageHeaderT } from './react-desc-prop-types.js';\nexport { DSPageHeaderSummaryWithSchema, type PageHeaderSummaryT } from './components/page-header-summary/index.js';\nexport { DSPageHeaderTitleWithSchema, type PageHeaderTitleT } from './components/page-header-title/index.js';\nexport {\n  DSPageHeaderEditableTitleWithSchema,\n  type PageHeaderEditableTitleT,\n} from './components/page-header-editable-title/index.js';\nexport * from './exported-related/index.js';\nexport * from './constants/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qCAA8D;AACvE,SAAS,mCAA0D;AACnE;AAAA,EACE;AAAA,OAEK;AACP,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSPageHeaderV2, DSPageHeaderWithSchema } from './PageHeader.js';\n\nexport {\n  DSPageHeaderEditableTitleWithSchema,\n  PageHeaderEditableTitle,\n  type PageHeaderEditableTitleT,\n} from './components/page-header-editable-title/index.js';\nexport {\n  DSPageHeaderSummaryWithSchema,\n  PageHeaderSummary,\n  type PageHeaderSummaryT,\n} from './components/page-header-summary/index.js';\nexport {\n  DSPageHeaderTitleWithSchema,\n  PageHeaderTitle,\n  type PageHeaderTitleT,\n} from './components/page-header-title/index.js';\n\nexport { DSPageHeaderDataTestIds, DSPageHeaderName, DSPageHeaderSlots, FONT_DETECTOR } from './constants/index.js';\nexport {\n  BackArrowSkeleton,\n  BreadcrumbSkeleton,\n  MenuSkeleton,\n  PageTitleSkeleton,\n  SummarySkeleton,\n  ToolbarSkeleton,\n} from './exported-related/index.js';\nexport type { DSPageHeaderT } from './react-desc-prop-types.js';\nexport { PageHeaderCustomRenderer, PageHeaderMenu } from './styled.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB,8BAA8B;AAEvD;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,yBAAyB,kBAAkB,mBAAmB,qBAAqB;AAC5F;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B,sBAAsB;",
   "names": []
 }

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

@@ -1,12 +1,20 @@
 import * as React from "react";
-import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSPageHeaderName, DSPageHeaderSlots } from "./constants/index.js";
 const defaultProps = {
   containerProps: {},
   withBottomSeparator: true,
   isSkeleton: false
 };
 const PageHeaderPropTypes = {
+  ...getPropsPerSlotPropTypes(DSPageHeaderName, DSPageHeaderSlots),
   ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   /** props injected to wrapper of page header */
   containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
   /** breadcrumbs component */
@@ -31,8 +39,10 @@ const PageHeaderPropTypes = {
   withBottomSeparator: PropTypes.bool.description("Border bottom below the page header"),
   isSkeleton: PropTypes.bool.description("Loading state of the page header").defaultValue(false)
 };
+const PageHeaderPropTypesSchema = PageHeaderPropTypes;
 export {
   PageHeaderPropTypes,
+  PageHeaderPropTypesSchema,
   defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, type GlobalAttributesT, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSPageHeaderT {\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n    isSkeleton: boolean;\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 RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n  isSkeleton: false,\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  isSkeleton: PropTypes.bool.description('Loading state of the page header').defaultValue(false),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAAmD,iBAAiB;AAuCtE,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AACd;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,aAAa,UAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE/D,WAAW,UAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEjE,WAAW,UAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAG5D,SAAS,UAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA;AAAA,EAEjE,SAAS,UAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAGvD,MAAM,UAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACrF,YAAY,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAC/F;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSPageHeaderName, DSPageHeaderSlots } from './constants/index.js';\n\nexport declare namespace DSPageHeaderT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    withBottomSeparator: boolean;\n    containerProps: object;\n    isSkeleton: boolean;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSPageHeaderName,\n    typeof DSPageHeaderSlots\n  > {\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\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLElement>,\n        keyof RequiredProps | keyof OptionalProps | keyof DefaultProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLElement>,\n        keyof RequiredProps | keyof OptionalProps | keyof DefaultProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n  isSkeleton: false,\n};\n\nexport const PageHeaderPropTypes: DSPropTypesSchema<DSPageHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSPageHeaderName, DSPageHeaderSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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  isSkeleton: PropTypes.bool.description('Loading state of the page header').defaultValue(false),\n};\n\nexport const PageHeaderPropTypesSchema = PageHeaderPropTypes as unknown as ValidationMap<DSPageHeaderT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB,yBAAyB;AAoD7C,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AACd;AAEO,MAAM,sBAA8D;AAAA,EACzE,GAAG,yBAAyB,kBAAkB,iBAAiB;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,aAAa,UAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE/D,WAAW,UAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEjE,WAAW,UAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAG5D,SAAS,UAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA;AAAA,EAEjE,SAAS,UAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAGvD,MAAM,UAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACrF,YAAY,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAC/F;AAEO,MAAM,4BAA4B;",
   "names": []
 }

package/dist/types/PageHeader.d.ts

@@ -1,10 +1,4 @@
 import React from 'react';
-import { PageHeaderCustomRenderer, PageHeaderMenu } from './styled.js';
-import { PageHeaderTitle } from './components/page-header-title/index.js';
-import { PageHeaderEditableTitle } from './components/page-header-editable-title/index.js';
-import { PageHeaderSummary } from './components/page-header-summary/index.js';
 import type { DSPageHeaderT } from './react-desc-prop-types.js';
-declare const DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props>;
-declare const DSPageHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPageHeaderT.Props>;
-export { DSPageHeaderV2, PageHeaderTitle, PageHeaderEditableTitle, PageHeaderSummary, PageHeaderMenu, PageHeaderCustomRenderer, DSPageHeaderWithSchema, };
-export default DSPageHeaderV2;
+export declare const DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props>;
+export declare const DSPageHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPageHeaderT.Props>;

package/dist/types/TruncatedTooltipText.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type DSHookFloatingContextT } from '@elliemae/ds-floating-context';
+interface TruncatedTooltipTextProps {
+    value?: string;
+    placement?: DSHookFloatingContextT.PopperPlacementsT;
+}
+declare const TruncatedTooltipText: ({ value, placement }: TruncatedTooltipTextProps) => React.JSX.Element;
+export { TruncatedTooltipText };
+export default TruncatedTooltipText;

package/dist/types/components/page-header-editable-title/PageHeaderEditableTitle.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type PageHeaderEditableTitleT } from './react-desc-prop-types.js';
 export declare const PageHeaderEditableTitle: {
-    (props: PageHeaderEditableTitleT.Props): import("react/jsx-runtime.js").JSX.Element;
+    (props: PageHeaderEditableTitleT.Props): React.JSX.Element;
     displayName: string;
 };
 declare const DSPageHeaderEditableTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<PageHeaderEditableTitleT.Props>;

package/dist/types/components/page-header-summary/PageHeaderSummary.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type PageHeaderSummaryT } from './react-desc-prop-types.js';
 declare const PageHeaderSummary: {
-    (props: PageHeaderSummaryT.Props): import("react/jsx-runtime.js").JSX.Element;
+    (props: PageHeaderSummaryT.Props): React.JSX.Element;
     displayName: string;
 };
 declare const DSPageHeaderSummaryWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<PageHeaderSummaryT.Props>;

package/dist/types/components/page-header-title/PageHeaderTitle.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type PageHeaderTitleT } from './react-desc-prop-types.js';
 declare const PageHeaderTitle: {
-    (props: PageHeaderTitleT.Props): import("react/jsx-runtime.js").JSX.Element;
+    (props: PageHeaderTitleT.Props): React.JSX.Element;
     defaultProps: PageHeaderTitleT.DefaultProps;
     displayName: string;
 };