@elliemae/ds-page-header 3.22.0-next.6 → 3.22.0-rc.0

package/dist/cjs/DSPageHeader.js

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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-
@@ -29,10 +28,95 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSPageHeader_exports = {};
 __export(DSPageHeader_exports, {
-  default: () => import_DSPageHeader.default
+  DSPageHeader: () => DSPageHeader,
+  DSPageHeaderV1WithSchema: () => DSPageHeaderV1WithSchema,
+  default: () => DSPageHeader_default
 });
 module.exports = __toCommonJS(DSPageHeader_exports);
 var React = __toESM(require("react"));
-__reExport(DSPageHeader_exports, require("./v2/PageHeader.js"), module.exports);
-var import_DSPageHeader = __toESM(require("./v1/DSPageHeader.js"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl.js"));
+const DSPageHeader = ({
+  containerProps = {},
+  renderToolbar = void 0,
+  withBottomSeparator = true,
+  title = "",
+  titleOptions = void 0,
+  onSelectOption = () => null,
+  subtitle = "",
+  optionsSelection = {},
+  onGoToPreviousPage = () => null,
+  previousPage,
+  editable = false,
+  editing = void 0,
+  titleInputProps = {},
+  zIndex = 2,
+  optionsMinWidth = void 0,
+  ...otherProps
+}) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-page-header", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_PageHeaderImpl.default,
+    {
+      containerProps,
+      editable,
+      editing,
+      onGoToPreviousPage,
+      onSelectOption,
+      optionsMinWidth,
+      optionsSelection,
+      previousPage,
+      renderToolbar,
+      subtitle,
+      title,
+      titleInputProps,
+      titleOptions,
+      withBottomSeparator,
+      zIndex,
+      ...otherProps
+    }
+  ) });
+};
+const props = {
+  /* Component version */
+  version: import_ds_props_helpers.PropTypes.oneOf([1, 2]).description("Component version"),
+  /* props injected to page header wrapper node */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("props injected to page header wrapper node"),
+  /* Function that returns the toolbar to the right of the page header */
+  renderToolbar: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.bool.description("Whether to show a separator at the bottom of the header"),
+  /* The page header title */
+  title: import_ds_props_helpers.PropTypes.string.description("The page header title"),
+  /* The title dropdown options */
+  titleOptions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("The title dropdown options"),
+  /* Handler when a user selects an item in the dropdown menu */
+  onSelectOption: import_ds_props_helpers.PropTypes.func.description("Handler when a user selects an item in the dropdown menu"),
+  /* Description text below the title */
+  subtitle: import_ds_props_helpers.PropTypes.string.description("Description text below the title"),
+  /* Selection state for the title dropdown */
+  optionsSelection: import_ds_props_helpers.PropTypes.object.description("Selection state for the title dropdown"),
+  /* Whether the title is editable or not */
+  editable: import_ds_props_helpers.PropTypes.bool.description("Whether the title is editable or not"),
+  /* Activates/Deactivates the editing state in the title */
+  editing: import_ds_props_helpers.PropTypes.bool.description("Activates/Deactivates the editing state in the title"),
+  /* Props passed to the input for editing the title */
+  titleInputProps: import_ds_props_helpers.PropTypes.object.description("Props passed to the input for editing the title"),
+  /* Enables navigation to previous page with back-arrow */
+  previousPage: import_ds_props_helpers.PropTypes.object.description("Enables navigation to previous page with back-arrow"),
+  /* Callback to handle navigation to previous page */
+  onGoToPreviousPage: import_ds_props_helpers.PropTypes.func.description("Callback to handle navigation to previous page"),
+  /* z-index to use for the DropdownMenu */
+  zIndex: import_ds_props_helpers.PropTypes.number.description("z-index to use for the DropdownMenu"),
+  /** min width for options dropdown menu */
+  optionsMinWidth: import_ds_props_helpers.PropTypes.number.description("min width for options dropdown menu")
+};
+DSPageHeader.propTypes = props;
+DSPageHeader.displayName = "DSPageHeader";
+const DSPageHeaderV1WithSchema = (0, import_ds_props_helpers.describe)(DSPageHeader).deprecated("use DSPageHeaderV2");
+DSPageHeaderV1WithSchema.propTypes = props;
+var DSPageHeader_default = DSPageHeader;
 //# sourceMappingURL=DSPageHeader.js.map

package/dist/cjs/DSPageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/DSPageHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './v2/PageHeader.js';\nexport { default } from './v1/DSPageHeader.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAc,+BAAd;AACA,0BAAwB;",
-  "names": []
+  "sources": ["../../src/DSPageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCjB;AA3BN,0BAAsC;AACtC,8BAAoC;AACpC,uCAAoC;AACpC,4BAA2B;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,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,4CAAC,wDACC;AAAA,IAAC,sBAAAA;AAAA,IAAA;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,kCAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA;AAAA,EAEhE,gBAAgB,kCAAU,OAAO,YAAY,4CAA4C;AAAA;AAAA,EAEzF,eAAe,kCAAU,KAAK,YAAY,mEAAmE;AAAA;AAAA,EAE7G,qBAAqB,kCAAU,KAAK,YAAY,yDAAyD;AAAA;AAAA,EAEzG,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA,EAE3D,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA;AAAA,EAE1F,gBAAgB,kCAAU,KAAK,YAAY,0DAA0D;AAAA;AAAA,EAErG,UAAU,kCAAU,OAAO,YAAY,kCAAkC;AAAA;AAAA,EAEzE,kBAAkB,kCAAU,OAAO,YAAY,wCAAwC;AAAA;AAAA,EAEvF,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE3E,SAAS,kCAAU,KAAK,YAAY,sDAAsD;AAAA;AAAA,EAE1F,iBAAiB,kCAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA,EAE/F,cAAc,kCAAU,OAAO,YAAY,qDAAqD;AAAA;AAAA,EAEhG,oBAAoB,kCAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA,EAE/F,QAAQ,kCAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAE1E,iBAAiB,kCAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,+BAA2B,kCAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
+  "names": ["PageHeaderImpl"]
 }

package/dist/cjs/{v1/DropdownTitle.js.map → DropdownTitle.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v1/DropdownTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/DropdownTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWrB;AANF,6BAA2B;AAC3B,sBAAiC;AACjC,uBAAqB;AACrB,0BAAyB;AAEzB,MAAM,gBAAgB,CAAC,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,OAAO,MACnG,6CAAC,oBAAAA,SAAA,EACE;AAAA;AAAA,EACD;AAAA,IAAC,uBAAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,kBACE,4CAAC,iBAAAC,SAAA,EAAS,YAAW,QAAO,eAAY,0CAAyC,MAAM,4CAAC,oCAAiB,GAAI;AAAA,MAE/G;AAAA;AAAA,EACF;AAAA,GACF;AAGF,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
   "names": ["TitleWrapper", "DSDropdownMenu", "DSButton"]

package/dist/cjs/{v1/EditableTitle.js.map → EditableTitle.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v1/EditableTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/EditableTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AAjBJ,mBAAwC;AACxC,0BAAiD;AACjD,wBAAsB;AACtB,2BAAkC;AAClC,mBAAoB;AACpB,mBAAkB;AAElB,MAAM,YAAY;AAElB,MAAM,6BAAyB,wCAAkB,aAAAA,OAAO,EAAE,GAAG,mBAAmB,gBAAgB;AAEhG,MAAM,gBAAgB,CAAC,EAAE,UAAU,OAAO,SAAS,aAAa,gBAAgB,MAAM;AACpF,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,QAAI,8CAAyB,eAAe,KAAK;AAC3E,QAAM,eAAW,qBAAO,IAAI;AAC5B,SACE,2EACG,qBAAW,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,YAAQ,4BAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,MAC9D,cAAU,4BAAO,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GAAG,gBAAgB,QAAQ;AAAA,MAC/E,aAAS,4BAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,MAC/D,gBAAY,4BAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,UAAU;AAAA,MACtE,OAAO;AAAA;AAAA,EACT,IAEA,4CAAC,SAAI,KAAK,UAAU,cAAc,MAAM,WAAW,IAAI,GACrD,sDAAC,aAAAC,SAAA,EAAO,sBAAW,GACrB,GAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA,EAExB,UAAU,kBAAAC,QAAU;AAAA;AAAA,EAEpB,SAAS,kBAAAA,QAAU;AACrB;AAEA,IAAO,wBAAQ;",
   "names": ["DSInput", "Title", "PropTypes"]

package/dist/cjs/{v1/PageHeaderImpl.js.map → PageHeaderImpl.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v1/PageHeaderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/PageHeaderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": "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",
   "names": ["DSBreadcrumb", "EditableTitle", "Title", "DropdownTitle"]

package/dist/cjs/{v1/Title.js.map → Title.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v1/Title.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/Title.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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 { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst blockName = 'page-header';\nconst TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, 'title');\nconst Title = ({ children }) => <TitleWrapper value={children} />;\n\nexport default Title;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUS;AALhC,2BAAkC;AAClC,uCAAmC;AAEnC,MAAM,YAAY;AAClB,MAAM,mBAAe,wCAAkB,iCAAAA,OAAsB,EAAE,GAAG,mBAAmB,OAAO;AAC5F,MAAM,QAAQ,CAAC,EAAE,SAAS,MAAM,4CAAC,gBAAa,OAAO,UAAU;AAE/D,IAAO,gBAAQ;",
   "names": ["DSTruncatedTooltipText"]

package/dist/cjs/{v1/TitleWrapper.js.map → TitleWrapper.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v1/TitleWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/TitleWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,IAAO,2BAAQ,wCAAkB,MAAM,EAAE,GAAG,yBAAyB;",
   "names": []

package/dist/cjs/index.js

@@ -29,18 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  DSPageHeaderEditableTitleWithSchema: () => import_PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema,
-  DSPageHeaderSummaryWithSchema: () => import_PageHeaderSummary.DSPageHeaderSummaryWithSchema,
-  DSPageHeaderTitleWithSchema: () => import_PageHeaderTitle.DSPageHeaderTitleWithSchema,
   default: () => import_DSPageHeader.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./v1/DSPageHeader.js"), module.exports);
-__reExport(src_exports, require("./v2/PageHeader.js"), module.exports);
-var import_PageHeaderSummary = require("./v2/components/PageHeaderSummary.js");
-var import_PageHeaderTitle = require("./v2/components/PageHeaderTitle.js");
-var import_PageHeaderEditableTitle = require("./v2/components/PageHeaderEditableTitle.js");
-__reExport(src_exports, require("./v2/exported-related/index.js"), module.exports);
-var import_DSPageHeader = __toESM(require("./v1/DSPageHeader.js"));
+__reExport(src_exports, require("./DSPageHeader.js"), module.exports);
+var import_DSPageHeader = __toESM(require("./DSPageHeader.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,iCAAd;AACA,wBAAc,+BADd;AAGA,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AAEpD,wBAAc,2CAPd;AAQA,0BAAwB;",
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSPageHeader.js';\nexport { default } from './DSPageHeader.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,0BAAwB;",
   "names": []
 }

package/dist/esm/DSPageHeader.js

@@ -1,7 +1,92 @@
 import * as React from "react";
-export * from "./v2/PageHeader.js";
-import { default as default2 } from "./v1/DSPageHeader.js";
+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.js";
+const DSPageHeader = ({
+  containerProps = {},
+  renderToolbar = void 0,
+  withBottomSeparator = true,
+  title = "",
+  titleOptions = void 0,
+  onSelectOption = () => null,
+  subtitle = "",
+  optionsSelection = {},
+  onGoToPreviousPage = () => null,
+  previousPage,
+  editable = false,
+  editing = void 0,
+  titleInputProps = {},
+  zIndex = 2,
+  optionsMinWidth = void 0,
+  ...otherProps
+}) => {
+  useDeprecateComponent({ componentName: "ds-page-header", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
+    PageHeaderImpl,
+    {
+      containerProps,
+      editable,
+      editing,
+      onGoToPreviousPage,
+      onSelectOption,
+      optionsMinWidth,
+      optionsSelection,
+      previousPage,
+      renderToolbar,
+      subtitle,
+      title,
+      titleInputProps,
+      titleOptions,
+      withBottomSeparator,
+      zIndex,
+      ...otherProps
+    }
+  ) });
+};
+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;
+DSPageHeader.displayName = "DSPageHeader";
+const DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated("use DSPageHeaderV2");
+DSPageHeaderV1WithSchema.propTypes = props;
+var DSPageHeader_default = DSPageHeader;
 export {
-  default2 as default
+  DSPageHeader,
+  DSPageHeaderV1WithSchema,
+  DSPageHeader_default as default
 };
 //# sourceMappingURL=DSPageHeader.js.map

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.js';\nexport { default } from './v1/DSPageHeader.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
-  "names": ["default"]
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSPageHeader.tsx"],
+  "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.map → DropdownTitle.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DropdownTitle.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DropdownTitle.tsx"],
   "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.map → EditableTitle.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/EditableTitle.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/EditableTitle.tsx"],
   "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.map → PageHeaderImpl.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/PageHeaderImpl.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/PageHeaderImpl.tsx"],
   "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": []

package/dist/esm/{v1/Title.js.map → Title.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/Title.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/Title.tsx"],
   "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 { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst blockName = 'page-header';\nconst TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, 'title');\nconst Title = ({ children }) => <TitleWrapper value={children} />;\n\nexport default Title;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACUS;AALhC,SAAS,yBAAyB;AAClC,OAAO,4BAA4B;AAEnC,MAAM,YAAY;AAClB,MAAM,eAAe,kBAAkB,sBAAsB,EAAE,GAAG,mBAAmB,OAAO;AAC5F,MAAM,QAAQ,CAAC,EAAE,SAAS,MAAM,oBAAC,gBAAa,OAAO,UAAU;AAE/D,IAAO,gBAAQ;",
   "names": []

package/dist/esm/{v1/TitleWrapper.js.map → TitleWrapper.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TitleWrapper.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TitleWrapper.tsx"],
   "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 { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,IAAO,uBAAQ,kBAAkB,MAAM,EAAE,GAAG,yBAAyB;",
   "names": []

package/dist/esm/index.js

@@ -1,15 +1,7 @@
 import * as React from "react";
-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 * from "./DSPageHeader.js";
+import { default as default2 } from "./DSPageHeader.js";
 export {
-  DSPageHeaderEditableTitleWithSchema,
-  DSPageHeaderSummaryWithSchema,
-  DSPageHeaderTitleWithSchema,
   default2 as default
 };
 //# 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 * 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;",
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSPageHeader.js';\nexport { default } from './DSPageHeader.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/types/DSPageHeader.d.ts

@@ -1,2 +1,43 @@
-export * from './v2/PageHeader.js';
-export { default } from './v1/DSPageHeader.js';
+declare const DSPageHeader: {
+    ({ containerProps, renderToolbar, withBottomSeparator, title, titleOptions, onSelectOption, subtitle, optionsSelection, onGoToPreviousPage, previousPage, editable, editing, titleInputProps, zIndex, optionsMinWidth, ...otherProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        renderToolbar?: undefined;
+        withBottomSeparator?: boolean | undefined;
+        title?: string | undefined;
+        titleOptions?: undefined;
+        onSelectOption?: (() => null) | undefined;
+        subtitle?: string | undefined;
+        optionsSelection?: {} | undefined;
+        onGoToPreviousPage?: (() => null) | undefined;
+        previousPage: any;
+        editable?: boolean | undefined;
+        editing?: undefined;
+        titleInputProps?: {} | undefined;
+        zIndex?: number | undefined;
+        optionsMinWidth?: undefined;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        version: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        renderToolbar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        withBottomSeparator: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        titleOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onSelectOption: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        subtitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        optionsSelection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        editable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        editing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        titleInputProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        previousPage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onGoToPreviousPage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** min width for options dropdown menu */
+        optionsMinWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSPageHeaderV1WithSchema: any;
+export { DSPageHeader, DSPageHeaderV1WithSchema };
+export default DSPageHeader;

package/dist/types/index.d.ts

@@ -1,7 +1,2 @@
-export * from './v1/DSPageHeader.js';
-export * from './v2/PageHeader.js';
-export { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary.js';
-export { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle.js';
-export { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle.js';
-export * from './v2/exported-related/index.js';
-export { default } from './v1/DSPageHeader.js';
+export * from './DSPageHeader.js';
+export { default } from './DSPageHeader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-page-header",
-  "version": "3.22.0-next.6",
+  "version": "3.22.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Page Header",
   "files": [
@@ -104,26 +104,26 @@
   },
   "dependencies": {
     "prop-types": "~15.8.1",
-    "@elliemae/ds-button": "3.22.0-next.6",
-    "@elliemae/ds-breadcrumb": "3.22.0-next.6",
-    "@elliemae/ds-classnames": "3.22.0-next.6",
-    "@elliemae/ds-dropdownmenu": "3.22.0-next.6",
-    "@elliemae/ds-form": "3.22.0-next.6",
-    "@elliemae/ds-grid": "3.22.0-next.6",
-    "@elliemae/ds-form-input-text": "3.22.0-next.6",
-    "@elliemae/ds-icon": "3.22.0-next.6",
-    "@elliemae/ds-props-helpers": "3.22.0-next.6",
-    "@elliemae/ds-system": "3.22.0-next.6",
-    "@elliemae/ds-icons": "3.22.0-next.6",
-    "@elliemae/ds-skeleton": "3.22.0-next.6",
-    "@elliemae/ds-truncated-tooltip-text": "3.22.0-next.6",
-    "@elliemae/ds-utilities": "3.22.0-next.6"
+    "@elliemae/ds-breadcrumb": "3.22.0-rc.0",
+    "@elliemae/ds-button": "3.22.0-rc.0",
+    "@elliemae/ds-classnames": "3.22.0-rc.0",
+    "@elliemae/ds-dropdownmenu": "3.22.0-rc.0",
+    "@elliemae/ds-form-input-text": "3.22.0-rc.0",
+    "@elliemae/ds-form": "3.22.0-rc.0",
+    "@elliemae/ds-grid": "3.22.0-rc.0",
+    "@elliemae/ds-icon": "3.22.0-rc.0",
+    "@elliemae/ds-icons": "3.22.0-rc.0",
+    "@elliemae/ds-props-helpers": "3.22.0-rc.0",
+    "@elliemae/ds-skeleton": "3.22.0-rc.0",
+    "@elliemae/ds-system": "3.22.0-rc.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.22.0-rc.0",
+    "@elliemae/ds-utilities": "3.22.0-rc.0"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "~9.0.0-next.17",
+    "@elliemae/pui-cli": "~9.0.0-next.22",
     "@testing-library/react": "~12.1.3",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.22.0-next.6"
+    "@elliemae/ds-monorepo-devops": "3.22.0-rc.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -136,14 +136,14 @@
     "typeSafety": false
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
     "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }