@elliemae/ds-page-header 3.0.0-next.0 → 3.0.0-next.4

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

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { PageHeaderSummaryWrapper } from "../blocks";
+const PageHeaderSummary = (_a) => {
+  var _b = _a, { value = null, label = "" } = _b, rest = __objRest(_b, ["value", "label"]);
+  return /* @__PURE__ */ React2.createElement(PageHeaderSummaryWrapper, __spreadValues({}, rest), (value === 0 || value) && /* @__PURE__ */ React2.createElement("div", {
+    className: "ph-summary-value"
+  }, value), label && /* @__PURE__ */ React2.createElement("div", {
+    className: "ph-summary-label"
+  }, label), (value === 0 || value || label) && /* @__PURE__ */ React2.createElement("div", {
+    className: "ph-summary-space"
+  }));
+};
+const props = {
+  value: PropTypes.number.description("value for page header summary"),
+  label: PropTypes.string.description("label attached to value")
+};
+PageHeaderSummary.propTypes = props;
+const DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
+DSPageHeaderSummaryWithSchema.propTypes = props;
+export {
+  DSPageHeaderSummaryWithSchema,
+  PageHeaderSummary
+};
+//# sourceMappingURL=PageHeaderSummary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\n\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n  <PageHeaderSummaryWrapper {...rest}>\n    {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n    {label && <div className=\"ph-summary-label\">{label}</div>}\n    {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n  </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n  /** value for page header summary */\n  value: PropTypes.number.description('value for page header summary'),\n  /** label attached to value */\n  label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,8CAAC,0BAAD,mBAA8B,OAC1B,WAAU,KAAK,UAAU,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAoB,QAC7D,SAAS,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAoB,QAC3C,WAAU,KAAK,SAAS,UAAU,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA;AAAA;AAIvD,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,kBAAkB,YAAY;AAE9B,MAAM,gCAAgC,SAAS;AAE/C,8BAA8B,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import DSTruncatedTooltipText, { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
+import { RequiredMark } from "@elliemae/ds-form/RequiredMark";
+import { PageHeaderTitleWrapper } from "../blocks";
+const PageHeaderTitle = (_a) => {
+  var _b = _a, { children, showMarker = false } = _b, rest = __objRest(_b, ["children", "showMarker"]);
+  return /* @__PURE__ */ React2.createElement(PageHeaderTitleWrapper, __spreadProps(__spreadValues({}, rest), {
+    "data-testid": "ds-page-header-title"
+  }), /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value: children
+  })), showMarker && /* @__PURE__ */ React2.createElement(RequiredMark, {
+    required: true
+  }));
+};
+const props = {
+  children: PropTypes.string.description("Page header title string"),
+  showMarker: PropTypes.bool.description("show required mark")
+};
+PageHeaderTitle.propTypes = props;
+const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
+DSPageHeaderTitleWithSchema.propTypes = props;
+export {
+  DSPageHeaderTitleWithSchema,
+  PageHeaderTitle
+};
+//# sourceMappingURL=PageHeaderTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n  <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n    <TooltipTextProvider>\n      <DSTruncatedTooltipText value={children} />\n    </TooltipTextProvider>\n    {showMarker && <RequiredMark required />}\n  </PageHeaderTitleWrapper>\n);\n\nconst props = {\n  /** page header title string */\n  children: PropTypes.string.description('Page header title string'),\n  /** show required mark */\n  showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,OAA2C;AAA3C,eAAE,YAAU,aAAa,UAAzB,IAAmC,iBAAnC,IAAmC,CAAjC,YAAU;AACnC,8CAAC,wBAAD,iCAA4B,OAA5B;AAAA,IAAkC,eAAY;AAAA,MAC5C,qCAAC,qBAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,OAEhC,cAAc,qCAAC,cAAD;AAAA,IAAc,UAAQ;AAAA;AAAA;AAIzC,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,SAAS;AAE7C,4BAA4B,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { PageHeaderToolbarWrapper } from "../blocks";
+const PageHeaderToolbar = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React2.createElement(PageHeaderToolbarWrapper, __spreadValues({}, rest), children);
+};
+export {
+  PageHeaderToolbar
+};
+//# sourceMappingURL=PageHeaderToolbar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n  <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,MAAM,oBAAoB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAClC,8CAAC,0BAAD,mBAA8B,OAAO;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { aggregatedClasses, cssPrefix } from "@elliemae/ds-classnames";
+import { DSInput } from "@elliemae/ds-form";
+const blockName = "page-header-v2";
+const PageHeaderTitleWrapper = aggregatedClasses("div")(`${blockName}-title`, "title");
+const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
+const PageHeaderBackWrapper = aggregatedClasses("div")(`${blockName}-back`);
+const PageHeaderSummaryWrapper = aggregatedClasses("div")(`${blockName}-summary`);
+const PageHeaderMenuWrapper = aggregatedClasses("div")(`${blockName}-menu`);
+const PageHeaderToolbarWrapper = aggregatedClasses("div")(`${blockName}-toolbar`);
+export {
+  EditableTitleComponent,
+  PageHeaderBackWrapper,
+  PageHeaderMenuWrapper,
+  PageHeaderSummaryWrapper,
+  PageHeaderTitleWrapper,
+  PageHeaderToolbarWrapper,
+  cssPrefix
+};
+//# sourceMappingURL=blocks.js.map

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

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

package/dist/esm/v2/props.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const navProps = {
+  containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
+  breadcrumbs: PropTypes.node.description("breadcrumbs component"),
+  pageTitle: PropTypes.node.description("PageHeaderTitle component"),
+  backarrow: PropTypes.node.description("back arrow component"),
+  summary: PropTypes.node.description("PageHeaderSummary component"),
+  toolbar: PropTypes.node.description("toolbar component"),
+  menu: PropTypes.node.description("PageHeaderMenu component"),
+  withBottomSeparator: PropTypes.bool.description("Border bottom below the page header")
+};
+const defaultProps = {
+  containerProps: {},
+  breadcrumbs: null,
+  pageTitle: null,
+  backarrow: null,
+  summary: null,
+  toolbar: null,
+  menu: null,
+  withBottomSeparator: true
+};
+export {
+  defaultProps,
+  navProps
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const navProps = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description(\n    'props injected to wrapper of page header',\n  ),\n  /** breadcrumbs component */\n  breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n  /** PageHeaderTitle component */\n  pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n  /** back arrow component */\n  backarrow: PropTypes.node.description('back arrow component'),\n  /** PageHeaderSummary component */\n  summary: PropTypes.node.description('PageHeaderSummary component'),\n  /** toolbar component */\n  toolbar: PropTypes.node.description('toolbar component'),\n  /** PageHeaderMenu component */\n  menu: PropTypes.node.description('PageHeaderMenu component'),\n  /** Border bottom below the page header */\n  withBottomSeparator: PropTypes.bool.description(\n    'Border bottom below the page header',\n  ),\n};\n\nexport const defaultProps = {\n  containerProps: {},\n  breadcrumbs: null,\n  pageTitle: null,\n  backarrow: null,\n  summary: null,\n  toolbar: null,\n  menu: null,\n  withBottomSeparator: true,\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,WAAW;AAAA,EAEtB,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAGF,aAAa,UAAU,KAAK,YAAY;AAAA,EAExC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,KAAK,YAAY;AAAA,EAEjC,qBAAqB,UAAU,KAAK,YAClC;AAAA;AAIG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,qBAAqB;AAAA;",
+  "names": []
+}

package/dist/esm/v2/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/v2/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/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;ACAA;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,OAAO,GAAG;AAAA;AAAA,EAE5B;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,OAAO,GAAG;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAM3B,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;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,83 +1,86 @@
 {
   "name": "@elliemae/ds-page-header",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Page Header",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./v2/tests/utils": {
-      "import": "./esm/v2/tests/utils.js",
-      "require": "./cjs/v2/tests/utils.js"
+      "import": "./dist/esm/v2/tests/utils.js",
+      "require": "./dist/cjs/v2/tests/utils.js"
     },
     "./v2/props": {
-      "import": "./esm/v2/props.js",
-      "require": "./cjs/v2/props.js"
+      "import": "./dist/esm/v2/props.js",
+      "require": "./dist/cjs/v2/props.js"
     },
     "./v2/PageHeader": {
-      "import": "./esm/v2/PageHeader.js",
-      "require": "./cjs/v2/PageHeader.js"
+      "import": "./dist/esm/v2/PageHeader.js",
+      "require": "./dist/cjs/v2/PageHeader.js"
     },
     "./v2/components/PageHeaderToolbar/PageHeaderToolbar": {
-      "import": "./esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js",
-      "require": "./cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js"
+      "import": "./dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js",
+      "require": "./dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js"
     },
     "./v2/components/PageHeaderTitle/PageHeaderTitle": {
-      "import": "./esm/v2/components/PageHeaderTitle/PageHeaderTitle.js",
-      "require": "./cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js"
+      "import": "./dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js",
+      "require": "./dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js"
     },
     "./v2/components/PageHeaderSummary/PageHeaderSummary": {
-      "import": "./esm/v2/components/PageHeaderSummary/PageHeaderSummary.js",
-      "require": "./cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js"
+      "import": "./dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js",
+      "require": "./dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js"
     },
     "./v2/components/PageHeaderMenu/PageHeaderMenu": {
-      "import": "./esm/v2/components/PageHeaderMenu/PageHeaderMenu.js",
-      "require": "./cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js"
+      "import": "./dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js",
+      "require": "./dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js"
     },
     "./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle": {
-      "import": "./esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js",
-      "require": "./cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js"
+      "import": "./dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js",
+      "require": "./dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js"
     },
     "./v2/components/PageHeaderBack/PageHeaderBack": {
-      "import": "./esm/v2/components/PageHeaderBack/PageHeaderBack.js",
-      "require": "./cjs/v2/components/PageHeaderBack/PageHeaderBack.js"
+      "import": "./dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js",
+      "require": "./dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js"
     },
     "./v2/components/blocks": {
-      "import": "./esm/v2/components/blocks.js",
-      "require": "./cjs/v2/components/blocks.js"
+      "import": "./dist/esm/v2/components/blocks.js",
+      "require": "./dist/cjs/v2/components/blocks.js"
     },
     "./v1/TitleWrapper": {
-      "import": "./esm/v1/TitleWrapper.js",
-      "require": "./cjs/v1/TitleWrapper.js"
+      "import": "./dist/esm/v1/TitleWrapper.js",
+      "require": "./dist/cjs/v1/TitleWrapper.js"
     },
     "./v1/Title": {
-      "import": "./esm/v1/Title.js",
-      "require": "./cjs/v1/Title.js"
+      "import": "./dist/esm/v1/Title.js",
+      "require": "./dist/cjs/v1/Title.js"
     },
     "./v1/PageHeaderImpl": {
-      "import": "./esm/v1/PageHeaderImpl.js",
-      "require": "./cjs/v1/PageHeaderImpl.js"
+      "import": "./dist/esm/v1/PageHeaderImpl.js",
+      "require": "./dist/cjs/v1/PageHeaderImpl.js"
     },
     "./v1/EditableTitle": {
-      "import": "./esm/v1/EditableTitle.js",
-      "require": "./cjs/v1/EditableTitle.js"
+      "import": "./dist/esm/v1/EditableTitle.js",
+      "require": "./dist/cjs/v1/EditableTitle.js"
     },
     "./v1/DSPageHeader": {
-      "import": "./esm/v1/DSPageHeader.js",
-      "require": "./cjs/v1/DSPageHeader.js"
+      "import": "./dist/esm/v1/DSPageHeader.js",
+      "require": "./dist/cjs/v1/DSPageHeader.js"
     },
     "./v1/DropdownTitle": {
-      "import": "./esm/v1/DropdownTitle.js",
-      "require": "./cjs/v1/DropdownTitle.js"
+      "import": "./dist/esm/v1/DropdownTitle.js",
+      "require": "./dist/cjs/v1/DropdownTitle.js"
     },
     "./DSPageHeader": {
-      "import": "./esm/DSPageHeader.js",
-      "require": "./cjs/DSPageHeader.js"
+      "import": "./dist/esm/DSPageHeader.js",
+      "require": "./dist/cjs/DSPageHeader.js"
     }
   },
   "sideEffects": [
@@ -89,27 +92,27 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-breadcrumb": "3.0.0-next.0",
-    "@elliemae/ds-button": "3.0.0-next.0",
-    "@elliemae/ds-classnames": "3.0.0-next.0",
-    "@elliemae/ds-dropdownmenu": "3.0.0-next.0",
-    "@elliemae/ds-form": "3.0.0-next.0",
-    "@elliemae/ds-grid": "3.0.0-next.0",
-    "@elliemae/ds-icon": "3.0.0-next.0",
-    "@elliemae/ds-icons": "3.0.0-next.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.0",
-    "@elliemae/ds-utilities": "3.0.0-next.0",
+    "@elliemae/ds-breadcrumb": "3.0.0-next.4",
+    "@elliemae/ds-button": "3.0.0-next.4",
+    "@elliemae/ds-classnames": "3.0.0-next.4",
+    "@elliemae/ds-dropdownmenu": "3.0.0-next.4",
+    "@elliemae/ds-form": "3.0.0-next.4",
+    "@elliemae/ds-grid": "3.0.0-next.4",
+    "@elliemae/ds-icon": "3.0.0-next.4",
+    "@elliemae/ds-icons": "3.0.0-next.4",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.4",
+    "@elliemae/ds-utilities": "3.0.0-next.4",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
@@ -124,7 +127,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSPageHeader.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PageHeader = require('./v2/PageHeader.js');
-var DSPageHeader = require('./v1/DSPageHeader.js');
-var PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-
-
-
-exports.DSPageHeaderV2 = PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeader.PageHeaderCustomRenderer;
-exports["default"] = DSPageHeader.DSPageHeader;
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;

package/cjs/index.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSPageHeader = require('./v1/DSPageHeader.js');
-var PageHeader = require('./v2/PageHeader.js');
-var PageHeaderSummary = require('./v2/components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderTitle = require('./v2/components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderMenu = require('./v2/components/PageHeaderMenu/PageHeaderMenu.js');
-
-
-
-exports.DSPageHeader = DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV1WithSchema = DSPageHeader.DSPageHeaderV1WithSchema;
-exports["default"] = DSPageHeader.DSPageHeader;
-exports.DSPageHeaderV2 = PageHeader.DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = PageHeader.DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeader.PageHeaderCustomRenderer;
-exports.DSPageHeaderSummaryWithSchema = PageHeaderSummary.DSPageHeaderSummaryWithSchema;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.DSPageHeaderTitleWithSchema = PageHeaderTitle.DSPageHeaderTitleWithSchema;
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.DSPageHeaderEditableTitleWithSchema = PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;