@elliemae/ds-page-header-v2 3.22.0-next.30

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
+const PageHeaderPropTypes = {
+  ...globalAttributesPropTypes,
+  /** props injected to wrapper of page header */
+  containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
+  /** breadcrumbs component */
+  breadcrumbs: PropTypes.node.description("breadcrumbs component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Breadcrumbs: PropTypes.func.description("breadcrumbs component"),
+  /** PageHeaderTitle component */
+  pageTitle: PropTypes.node.description("PageHeaderTitle component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  PageTitle: PropTypes.func.description("PageHeaderTitle component"),
+  /** back arrow component */
+  backarrow: PropTypes.node.description("back arrow component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Backarrow: PropTypes.func.description("back arrow component"),
+  /** PageHeaderSummary component */
+  summary: PropTypes.node.description("PageHeaderSummary component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Summary: PropTypes.func.description("PageHeaderSummary component"),
+  /** toolbar component */
+  toolbar: PropTypes.node.description("toolbar component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Toolbar: PropTypes.func.description("toolbar component"),
+  /** PageHeaderMenu component */
+  menu: PropTypes.node.description("PageHeaderMenu component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
+  Menu: PropTypes.func.description("PageHeaderMenu component"),
+  /** Border bottom below the page header */
+  withBottomSeparator: PropTypes.bool.description("Border bottom below the page header"),
+  isSkeleton: PropTypes.bool.description("Loading state of the page header").defaultValue(false)
+};
+const defaultProps = {
+  containerProps: {},
+  withBottomSeparator: true,
+  isSkeleton: false
+};
+export {
+  PageHeaderPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +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, 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 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  isSkeleton: PropTypes.bool.description('Loading state of the page header').defaultValue(false),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n  containerProps: {},\n  withBottomSeparator: true,\n  isSkeleton: false,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,iBAAiB;AA2B9C,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;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AACd;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,87 @@
+import * as React from "react";
+import { styled, xStyledCommonProps } from "@elliemae/ds-system";
+import { DSPageHeaderSlots, DSPageHeaderName } from "./exported-related/index.js";
+const PageHeaderCustomRenderer = styled("div")`
+  width: auto;
+  color: ${({ theme }) => theme.colors.brand[800]};
+  font-style: italic;
+  font-size: 0.8rem;
+`;
+const Container = styled("div", {
+  name: DSPageHeaderName,
+  slot: DSPageHeaderSlots.CONTAINER
+})`
+  width: 100%;
+  margin-bottom: 8px;
+  ${xStyledCommonProps}
+`;
+const ContainerWBorder = styled("div")`
+  width: 100%;
+  padding: 12px 0 8px 0;
+  display: grid;
+  align-items: center;
+  height: 100%;
+  ${({ withBottomSeparator, theme }) => !withBottomSeparator ? "" : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}
+`;
+const PageHeaderToolbarWrapper = styled("div", {
+  name: DSPageHeaderName,
+  slot: DSPageHeaderSlots.TOOLBAR
+})`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  & .em-ds-toolbar {
+    height: auto;
+    background: none;
+    & > div {
+      .em-ds-button {
+        margin-left: ${({ theme }) => theme.space.xxs};
+      }
+      .em-ds-input-search {
+        box-shadow: none;
+        div {
+          height: 100%;
+        }
+      }
+    }
+  }
+`;
+const PageHeaderMenu = styled("div", {
+  name: DSPageHeaderName,
+  slot: DSPageHeaderSlots.MENU
+})`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: ${({ theme }) => theme.space.xxxs};
+  .em-ds-button--secondary {
+    &:not(:hover) {
+      border-color: transparent;
+    }
+    &:focus:after {
+      top: -1px;
+      left: -1px;
+      width: calc(100% + 2px);
+      height: calc(100% + 2px);
+    }
+  }
+`;
+const PageHeaderBack = styled("div", {
+  name: DSPageHeaderName,
+  slot: DSPageHeaderSlots.BACK
+})`
+  display: flex;
+  align-items: center;
+  fill: ${({ theme }) => theme.colors.brand[600]};
+  cursor: pointer;
+`;
+export {
+  Container,
+  ContainerWBorder,
+  PageHeaderBack,
+  PageHeaderCustomRenderer,
+  PageHeaderMenu,
+  PageHeaderToolbarWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related/index.js';\n\ninterface StyledContainerProps {\n  withBottomSeparator?: boolean;\n}\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})<StyledContainerProps>`\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,mBAAmB,wBAAwB;AAM7C,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAKzC,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG;AAAA;AAGG,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7E,MAAM,2BAA2B,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,kBAAkB;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,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;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,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/tests/utils.js

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { logger } from "@elliemae/ds-utilities";
+const subItems = [
+  {
+    id: "id3",
+    label: "SubMenu List Item-1",
+    onClick: (e) => logger(e, "subMenu id3")
+  },
+  {
+    id: "id4",
+    type: "subMenu",
+    label: "SubMenu List Item-2",
+    onClick: (e) => logger(e, "subMenu id4"),
+    subItems: [
+      {
+        id: "id5",
+        label: "SubMenu List Item-2",
+        onClick: (e) => logger(e, "subMenu id5")
+      }
+    ]
+  }
+];
+const options = [
+  {
+    type: "SelectionGroup",
+    id: "select-option",
+    multi: false,
+    closeOnClick: false,
+    interactionType: "click",
+    items: [
+      {
+        id: "id-1",
+        selectable: true,
+        type: "subMenu",
+        label: "View Example 123",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-2",
+        type: "subMenu",
+        label: "Option 2",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-3",
+        type: "subMenu",
+        label: "Option 3",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-4",
+        type: "subMenu",
+        label: "Option 4",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-5",
+        type: "subMenu",
+        label: "Option 5",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-6",
+        type: "subMenu",
+        label: "Option 6",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      },
+      {
+        id: "id-7",
+        type: "subMenu",
+        label: "Truncate long option Other Custom View  Long Long Long  Long Long",
+        rightAddonType: "elipsis",
+        interactionType: "click",
+        subItems
+      }
+    ]
+  }
+];
+export {
+  options
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/utils.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,OAAO,GAAG,aAAa;AAAA,EACzC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,OAAO,GAAG,aAAa;AAAA,IACvC,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM,OAAO,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/types/PageHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PageHeaderCustomRenderer, PageHeaderMenu } from './styled.js';
+import { PageHeaderTitle } from './components/PageHeaderTitle.js';
+import { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle.js';
+import { PageHeaderSummary } from './components/PageHeaderSummary.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;

package/dist/types/components/PageHeaderEditableTitle.d.ts

@@ -0,0 +1,15 @@
+import type { WeakValidationMap } from 'react';
+export interface PageHeaderEditableTitleProps {
+    children?: string;
+    editing?: boolean;
+    showMarker?: boolean;
+    [key: string]: unknown;
+}
+export declare const PageHeaderEditableTitle: {
+    (props: PageHeaderEditableTitleProps): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const DSPageHeaderEditableTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<PageHeaderEditableTitleProps>;
+export default PageHeaderEditableTitle;
+export { DSPageHeaderEditableTitleWithSchema };

package/dist/types/components/PageHeaderSummary.d.ts

@@ -0,0 +1,14 @@
+import type { WeakValidationMap } from 'react';
+interface PageHeaderSummaryProps {
+    /** value for page header summary */
+    value?: number;
+    /** label attached to value */
+    label?: string;
+}
+declare const PageHeaderSummary: {
+    (props: PageHeaderSummaryProps): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const DSPageHeaderSummaryWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<PageHeaderSummaryProps>;
+export { PageHeaderSummary, DSPageHeaderSummaryWithSchema };

package/dist/types/components/PageHeaderTitle.d.ts

@@ -0,0 +1,16 @@
+import type { WeakValidationMap } from 'react';
+declare const PageHeaderTitle: {
+    ({ children, showMarker, ...rest }: {
+        [x: string]: any;
+        children?: string | undefined;
+        showMarker?: boolean | undefined;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const DSPageHeaderTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    children?: string | undefined;
+    showMarker?: boolean | undefined;
+}>;
+export { PageHeaderTitle, DSPageHeaderTitleWithSchema };

package/dist/types/config/usePageHeader.d.ts

@@ -0,0 +1,18 @@
+import type { DSPageHeaderT } from '../react-desc-prop-types.js';
+export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
+    withBottomSeparator?: boolean | undefined;
+    containerProps?: object | undefined;
+    propsWithDefaults: {
+        withBottomSeparator: boolean;
+        containerProps: object;
+        isSkeleton: boolean;
+    };
+    globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;
+    xStyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    currentBackArrow: import("react/jsx-runtime.js").JSX.Element | undefined;
+    currentMenu: import("react/jsx-runtime.js").JSX.Element | undefined;
+    currentBreadcrumbs: import("react/jsx-runtime.js").JSX.Element | undefined;
+    currentSummary: import("react/jsx-runtime.js").JSX.Element | undefined;
+    currentToolbar: import("react/jsx-runtime.js").JSX.Element | undefined;
+    currentPageTitle: import("react/jsx-runtime.js").JSX.Element | undefined;
+};

package/dist/types/exported-related/data-test-ids.d.ts

@@ -0,0 +1,6 @@
+export declare const DSPageHeaderDataTestIds: {
+    CONTAINER: string;
+    HEADER_TITLE: string;
+    EDITABLE_HEADER_TITLE: string;
+    SUMMARY: string;
+};

package/dist/types/exported-related/index.d.ts

@@ -0,0 +1,3 @@
+export * from './data-test-ids.js';
+export * from './theming.js';
+export * from './skeletons.js';

package/dist/types/exported-related/skeletons.d.ts

@@ -0,0 +1,6 @@
+export declare const ToolbarSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const SummarySkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const PageTitleSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const BackArrowSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/exported-related/theming.d.ts

@@ -0,0 +1,9 @@
+export declare const DSPageHeaderName = "DSPageHeader";
+export declare const DSPageHeaderSlots: {
+    CONTAINER: string;
+    HEADER_TITLE: string;
+    TOOLBAR: string;
+    MENU: string;
+    SUMMARY: string;
+    BACK: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export { DSPageHeaderV2, DSPageHeaderWithSchema, PageHeaderCustomRenderer, PageHeaderEditableTitle, PageHeaderMenu, PageHeaderSummary, PageHeaderTitle, } from './PageHeader.js';
+export { DSPageHeaderSummaryWithSchema } from './components/PageHeaderSummary.js';
+export { DSPageHeaderTitleWithSchema } from './components/PageHeaderTitle.js';
+export { DSPageHeaderEditableTitleWithSchema } from './components/PageHeaderEditableTitle.js';
+export * from './exported-related/index.js';