@elliemae/ds-page-header 3.0.0-next.2 → 3.0.0-next.6

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DropdownTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport TitleWrapper from './TitleWrapper';\n\nfunction DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {\n  return (\n    <TitleWrapper>\n      {titleComponent}\n      <DSDropdownMenu\n        minWidth={optionsMinWidth}\n        onSelectMenuItem={onSelectOption}\n        options={options}\n        selection={selection}\n        triggerComponent={\n          <DSButton\n            buttonType=\"text\"\n            data-testid=\"page-header-dropdown-trigger-component\"\n            icon={<ChevronSmallDown />}\n          />\n        }\n        zIndex={zIndex}\n      />\n    </TitleWrapper>\n  );\n}\n\nDropdownTitle.propTypes = {};\n\nexport default DropdownTitle;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,uBAAuB,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,UAAU;AACtG,SACE,qCAAC,cAAD,MACG,gBACD,qCAAC,gBAAD;AAAA,IACE,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBACE,qCAAC,UAAD;AAAA,MACE,YAAW;AAAA,MACX,eAAY;AAAA,MACZ,MAAM,qCAAC,kBAAD;AAAA;AAAA,IAGV;AAAA;AAAA;AAMR,cAAc,YAAY;AAE1B,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/v1/EditableTitle.js

@@ -0,0 +1,58 @@
+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));
+import * as React from "react";
+import React2, { useRef, useState } from "react";
+import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { runAll } from "@elliemae/ds-utilities";
+import DSInput from "@elliemae/ds-form/Input";
+import Title from "./Title";
+const blockName = "page-header";
+const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
+function EditableTitle({
+  children: value,
+  editing: editingProp,
+  titleInputProps
+}) {
+  const [titleValue, setTitleValue] = useState(value);
+  const [hovered, setHovered] = useState(false);
+  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
+  const titleRef = useRef(null);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, hovered || editing ? /* @__PURE__ */ React2.createElement(EditableTitleComponent, __spreadProps(__spreadValues({}, titleInputProps), {
+    onBlur: runAll(() => setEditing(false), titleInputProps.onBlur),
+    onChange: runAll((e) => setTitleValue(e.target.value), titleInputProps.onChange),
+    onFocus: runAll(() => setEditing(true), titleInputProps.onFocus),
+    onMouseOut: runAll(() => setHovered(false), titleInputProps.onMouseOut),
+    value: titleValue
+  })) : /* @__PURE__ */ React2.createElement("div", {
+    ref: titleRef,
+    onMouseEnter: () => setHovered(true)
+  }, /* @__PURE__ */ React2.createElement(Title, null, titleValue)));
+}
+EditableTitle.propTypes = {
+  children: PropTypes.string,
+  editing: PropTypes.bool
+};
+var EditableTitle_default = EditableTitle;
+export {
+  EditableTitle_default as default
+};
+//# sourceMappingURL=EditableTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/EditableTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(\n  `${blockName}-title`,\n  'editable-title',\n);\n\nfunction EditableTitle({\n  children: value,\n  editing: editingProp,\n  titleInputProps,\n}) {\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(\n            (e) => setTitleValue(e.target.value),\n            titleInputProps.onChange,\n          )}\n          onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n          onMouseOut={runAll(\n            () => setHovered(false),\n            titleInputProps.onMouseOut,\n          )}\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;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,SAC/C,GAAG,mBACH;AAGF,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe;AACtE,QAAM,WAAW,OAAO;AACxB,SACE,4DACG,WAAW,UACV,qCAAC,wBAAD,iCACM,kBADN;AAAA,IAEE,QAAQ,OAAO,MAAM,WAAW,QAAQ,gBAAgB;AAAA,IACxD,UAAU,OACR,CAAC,MAAM,cAAc,EAAE,OAAO,QAC9B,gBAAgB;AAAA,IAElB,SAAS,OAAO,MAAM,WAAW,OAAO,gBAAgB;AAAA,IACxD,YAAY,OACV,MAAM,WAAW,QACjB,gBAAgB;AAAA,IAElB,OAAO;AAAA,QAGT,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW;AAAA,KACjD,qCAAC,OAAD,MAAQ;AAAA;AAOlB,cAAc,YAAY;AAAA,EAExB,UAAU,UAAU;AAAA,EAEpB,SAAS,UAAU;AAAA;AAGrB,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/v1/PageHeaderImpl.js

@@ -0,0 +1,122 @@
+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));
+import * as React from "react";
+import React2 from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import DSBreadcrumb from "@elliemae/ds-breadcrumb";
+import { DSIconSizes } from "@elliemae/ds-icon";
+import EditableTitle from "./EditableTitle";
+import Title from "./Title";
+import DropdownTitle from "./DropdownTitle";
+const blockName = "page-header";
+const PageHeaderContainer = aggregatedClasses("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
+  "with-bottom-separator": withBottomSeparator,
+  "with-subtitle": subtitle
+}));
+const PageHeaderMainSection = aggregatedClasses("div")(`${blockName}-main-section`);
+const PageHeaderTitleSection = aggregatedClasses("div")(`${blockName}-title-section`);
+const PageHeaderToolbar = aggregatedClasses("div")(`${blockName}-toolbar`, null, () => ({
+  "ie-flex-basis-auto": true
+}));
+const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);
+const PageHeaderTitle = aggregatedClasses("div")(`${blockName}-title`);
+const Subtitle = aggregatedClasses("div")(`${blockName}-title`, "subtitle");
+const BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);
+function HeaderTitle({
+  title = "",
+  options = [],
+  optionsMinWidth,
+  onSelectOption = () => null,
+  selection,
+  subtitle = "",
+  editable = false,
+  editing = false,
+  titleInputProps,
+  zIndex
+}) {
+  const titleComponent = editable ? /* @__PURE__ */ React2.createElement(EditableTitle, {
+    editing,
+    titleInputProps
+  }, title) : /* @__PURE__ */ React2.createElement(Title, null, title);
+  return /* @__PURE__ */ React2.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ React2.createElement(DropdownTitle, {
+    onSelectOption,
+    options,
+    optionsMinWidth,
+    selection,
+    titleComponent,
+    zIndex
+  }) : titleComponent, subtitle && /* @__PURE__ */ React2.createElement(Subtitle, null, subtitle));
+}
+function PageHeaderImpl({
+  containerProps,
+  className,
+  title,
+  titleOptions,
+  renderToolbar,
+  breadcrumbs = [],
+  previousPage,
+  onGoToPreviousPage = () => null,
+  subtitle = "",
+  withBottomSeparator,
+  onSelectOption,
+  optionsSelection,
+  optionsMinWidth,
+  editable = false,
+  titleInputProps,
+  editing = void 0,
+  zIndex
+}) {
+  const hasBreadcrumbs = !!breadcrumbs.length;
+  return /* @__PURE__ */ React2.createElement(PageHeaderContainer, __spreadProps(__spreadValues({}, containerProps), {
+    className,
+    classProps: {
+      withBottomSeparator,
+      subtitle
+    }
+  }), previousPage && /* @__PURE__ */ React2.createElement(BackArrow, {
+    "data-testid": "back-arrow",
+    onClick: onGoToPreviousPage,
+    size: DSIconSizes.M
+  }), /* @__PURE__ */ React2.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, __spreadValues({
+    key: breadcrumb.label
+  }, breadcrumb)))), previousPage && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, __spreadValues({
+    key: previousPage.id,
+    label: previousPage.title,
+    onClick: previousPage.onClick
+  }, previousPage))), /* @__PURE__ */ React2.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ React2.createElement(HeaderTitle, {
+    editable,
+    editing,
+    onSelectOption,
+    options: titleOptions,
+    optionsMinWidth,
+    selection: optionsSelection,
+    subtitle,
+    title,
+    titleInputProps,
+    zIndex
+  }), isFunction(renderToolbar) && /* @__PURE__ */ React2.createElement(PageHeaderToolbar, null, renderToolbar()))));
+}
+var PageHeaderImpl_default = PageHeaderImpl;
+export {
+  PageHeaderImpl_default as default
+};
+//# sourceMappingURL=PageHeaderImpl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/PageHeaderImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle';\nimport Title from './Title';\nimport DropdownTitle from './DropdownTitle';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n  'with-bottom-separator': withBottomSeparator,\n  'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nfunction 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\nfunction 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": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,sBAAsB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AAAA;AAGnB,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,yBAAyB,kBAAkB,OAAO,GAAG;AAC3D,MAAM,oBAAoB,kBAAkB,OAAO,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AAAA;AAExB,MAAM,uBAAuB,kBAAkB,cAAc,GAAG;AAEhE,MAAM,kBAAkB,kBAAkB,OAAO,GAAG;AACpD,MAAM,WAAW,kBAAkB,OAAO,GAAG,mBAAmB;AAChE,MAAM,YAAY,kBAAkB,aAAa,GAAG;AAEpD,qBAAqB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,GACC;AACD,QAAM,iBAAiB,WACrB,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAkB;AAAA,KAC9B,SAGH,qCAAC,OAAD,MAAQ;AAGV,SACE,qCAAC,iBAAD,MACG,QAAQ,SACP,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OAGF,gBAED,YAAY,qCAAC,UAAD,MAAW;AAAA;AAK9B,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,GACC;AACD,QAAM,iBAAiB,CAAC,CAAC,YAAY;AAErC,SACE,qCAAC,qBAAD,iCACM,iBADN;AAAA,IAEE;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA;AAAA,MAGD,gBAAgB,qCAAC,WAAD;AAAA,IAAW,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,YAAY;AAAA,MACpG,qCAAC,uBAAD,MACG,kBACC,qCAAC,sBAAD,MACG,YAAY,IAAI,CAAC,eAChB,qCAAC,aAAa,MAAd;AAAA,IAAmB,KAAK,WAAW;AAAA,KAAW,gBAInD,gBACC,qCAAC,sBAAD,MACE,qCAAC,aAAa,MAAd;AAAA,IACE,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,KAClB,iBAIV,qCAAC,wBAAD,MACE,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAED,WAAW,kBAAkB,qCAAC,mBAAD,MAAoB;AAAA;AAO5D,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/v1/Title.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
+const blockName = "page-header";
+const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, "title");
+const Title = ({ children }) => /* @__PURE__ */ React2.createElement(TitleWrapper, {
+  value: children
+});
+var Title_default = Title;
+export {
+  Title_default as default
+};
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/Title.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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)(\n  `${blockName}-title`,\n  'title',\n);\nconst Title = ({ children }) => <TitleWrapper value={children} />;\n\nexport default Title;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,eAAe,kBAAkB,wBACrC,GAAG,mBACH;AAEF,MAAM,QAAQ,CAAC,EAAE,eAAe,qCAAC,cAAD;AAAA,EAAc,OAAO;AAAA;AAErD,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/esm/v1/TitleWrapper.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "page-header";
+var TitleWrapper_default = aggregatedClasses("span")(`${blockName}-title-wrapper`);
+export {
+  TitleWrapper_default as default
+};
+//# sourceMappingURL=TitleWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TitleWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAElB,IAAO,uBAAQ,kBAAkB,QAAQ,GAAG;",
+  "names": []
+}

package/dist/esm/v2/PageHeader.js

@@ -0,0 +1,91 @@
+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;
+};
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { compact } from "lodash";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { PageHeaderTitle } from "./components/PageHeaderTitle/PageHeaderTitle";
+import { PageHeaderEditableTitle } from "./components/PageHeaderEditableTitle/PageHeaderEditableTitle";
+import { PageHeaderSummary } from "./components/PageHeaderSummary/PageHeaderSummary";
+import { PageHeaderMenu } from "./components/PageHeaderMenu/PageHeaderMenu";
+import { PageHeaderToolbar } from "./components/PageHeaderToolbar/PageHeaderToolbar";
+import { PageHeaderBack } from "./components/PageHeaderBack/PageHeaderBack";
+import { cssPrefix } from "./components/blocks";
+import { navProps, defaultProps } from "./props";
+const PageHeaderCustomRenderer = styled.div`
+  width: auto;
+  color: ${(props) => props.theme.colors.brand[800]};
+  font-style: italic;
+  font-size: 0.8rem;
+`;
+const Container = styled.div`
+  width: 100%;
+  margin-bottom: 8px;
+`;
+const ContainerWBorder = styled.div`
+  width: 100%;
+  padding: 12px 0 8px 0;
+  display: grid;
+  align-items: center;
+  height: 100%;
+  ${(props) => !props.withBottomSeparator ? "" : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`}
+`;
+const DSPageHeaderV2 = ({
+  containerProps,
+  breadcrumbs,
+  pageTitle,
+  backarrow,
+  summary,
+  toolbar,
+  menu,
+  withBottomSeparator
+}) => {
+  const wrapperRow = ["auto", 1];
+  const mainRow = compact([1, "auto"]);
+  const pageTitleRow = compact(["auto", menu && "30px", summary && "auto", 1]);
+  return /* @__PURE__ */ React2.createElement(Container, __spreadValues({}, containerProps), /* @__PURE__ */ React2.createElement(ContainerWBorder, {
+    withBottomSeparator
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    cols: wrapperRow
+  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderBack, null, backarrow)), /* @__PURE__ */ React2.createElement(Grid, {
+    rows: ["auto", "auto"]
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    className: `${cssPrefix}-page-header-v2-breadcrumb`
+  }, breadcrumbs), /* @__PURE__ */ React2.createElement(Grid, {
+    cols: mainRow
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    cols: pageTitleRow
+  }, pageTitle, menu && /* @__PURE__ */ React2.createElement(PageHeaderMenu, null, menu), summary, /* @__PURE__ */ React2.createElement("div", null)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderToolbar, null, toolbar)))))));
+};
+DSPageHeaderV2.propTypes = navProps;
+DSPageHeaderV2.defaultProps = defaultProps;
+const DSPageHeaderWithSchema = describe(DSPageHeaderV2);
+DSPageHeaderWithSchema.propTypes = navProps;
+var PageHeader_default = DSPageHeaderV2;
+export {
+  DSPageHeaderV2,
+  DSPageHeaderWithSchema,
+  PageHeaderCustomRenderer,
+  PageHeaderEditableTitle,
+  PageHeaderMenu,
+  PageHeaderSummary,
+  PageHeaderTitle,
+  PageHeader_default as default
+};
+//# sourceMappingURL=PageHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/PageHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n  width: auto;\n  color: ${(props) => props.theme.colors.brand[800]};\n  font-style: italic;\n  font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n  width: 100%;\n  margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n  width: 100%;\n  padding: 12px 0 8px 0;\n  display: grid;\n  align-items: center;\n  height: 100%;\n  ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n  containerProps,\n  breadcrumbs,\n  pageTitle,\n  backarrow,\n  summary,\n  toolbar,\n  menu,\n  withBottomSeparator,\n}) => {\n  const wrapperRow = ['auto', 1];\n  const mainRow = compact([1, 'auto']);\n  const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n  return (\n    <Container {...containerProps}>\n      <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n        <Grid cols={wrapperRow}>\n          <Grid>\n            <PageHeaderBack>{backarrow}</PageHeaderBack>\n          </Grid>\n          <Grid rows={['auto', 'auto']}>\n            <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>{breadcrumbs}</Grid>\n            <Grid cols={mainRow}>\n              <Grid cols={pageTitleRow}>\n                {pageTitle}\n                {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n                {summary}\n                <div />\n              </Grid>\n              <Grid>\n                <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </ContainerWBorder>\n    </Container>\n  );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n  DSPageHeaderV2,\n  PageHeaderTitle,\n  PageHeaderEditableTitle,\n  PageHeaderSummary,\n  PageHeaderMenu,\n  PageHeaderCustomRenderer,\n  DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,2BAA2B,OAAO;AAAA;AAAA,WAE7B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAK/C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAIzB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM5B,CAAC,UAAW,CAAC,MAAM,sBAAsB,KAAK,4BAA4B,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEzG,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,CAAC,QAAQ;AAC5B,QAAM,UAAU,QAAQ,CAAC,GAAG;AAC5B,QAAM,eAAe,QAAQ,CAAC,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AACzE,SACE,qCAAC,WAAD,mBAAe,iBACb,qCAAC,kBAAD;AAAA,IAAkB;AAAA,KAChB,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACV,qCAAC,MAAD,MACE,qCAAC,gBAAD,MAAiB,aAEnB,qCAAC,MAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,qCAAC,MAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAAwC,cAC5D,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACV,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,WACA,QAAQ,qCAAC,gBAAD,MAAiB,OACzB,SACD,qCAAC,OAAD,QAEF,qCAAC,MAAD,MACE,qCAAC,mBAAD,MAAoB;AAAA;AAUpC,eAAe,YAAY;AAC3B,eAAe,eAAe;AAE9B,MAAM,yBAAyB,SAAS;AAExC,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.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 { PageHeaderBackWrapper } from "../blocks";
+const PageHeaderBack = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React2.createElement(PageHeaderBackWrapper, __spreadValues({}, rest), children);
+};
+export {
+  PageHeaderBack
+};
+//# sourceMappingURL=PageHeaderBack.js.map

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

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

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

@@ -0,0 +1,116 @@
+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, { useRef, useState } from "react";
+import { noop } from "lodash";
+import styled from "styled-components";
+import { PropTypes, describe } from "react-desc";
+import { useMeasure, useDerivedStateFromProps } from "@elliemae/ds-utilities";
+import { EditableTitleComponent } from "../blocks";
+import { PageHeaderTitle } from "../PageHeaderTitle/PageHeaderTitle";
+const EditableContainer = styled.div`
+  height: 32px;
+  position: relative;
+  overflow: hidden;
+`;
+const PageHeaderEditableTitle = (_a) => {
+  var _b = _a, {
+    children: value,
+    editing: editingProp = false,
+    onBlur = noop,
+    onChange = noop,
+    onFocus = noop,
+    onMouseOut = noop,
+    showMarker = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "editing",
+    "onBlur",
+    "onChange",
+    "onFocus",
+    "onMouseOut",
+    "showMarker"
+  ]);
+  const [titleValue, setTitleValue] = useState(value);
+  const [hovered, setHovered] = useState(false);
+  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
+  const titleRef = useRef(null);
+  const { width } = useMeasure(titleRef);
+  return /* @__PURE__ */ React2.createElement(EditableContainer, {
+    className: hovered || editing ? "editable-title-component" : "",
+    onMouseEnter: () => setHovered(true),
+    onMouseLeave: () => setHovered(false)
+  }, (hovered || editing) && /* @__PURE__ */ React2.createElement(EditableTitleComponent, __spreadProps(__spreadValues({}, rest), {
+    onBlur: (e) => {
+      setEditing(false);
+      onBlur(e);
+    },
+    onChange: (e) => {
+      setTitleValue(e.target.value);
+      onChange(e);
+    },
+    onFocus: (e) => {
+      setEditing(true);
+      onFocus(e);
+    },
+    onMouseOut: (e) => {
+      setHovered(false);
+      onMouseOut(e);
+    },
+    style: { width: width + 10, minWidth: "260px", maxWidth: "100%" },
+    value: titleValue
+  })), /* @__PURE__ */ React2.createElement("div", {
+    ref: titleRef,
+    style: { width: "fit-content" }
+  }, /* @__PURE__ */ React2.createElement(PageHeaderTitle, {
+    showMarker: showMarker && !hovered && !editing
+  }, titleValue)));
+};
+const props = {
+  children: PropTypes.string.description("The title text"),
+  editing: PropTypes.bool.description("Whether the title is editing or not"),
+  showMarker: PropTypes.bool.description("Show error marker"),
+  onBlur: PropTypes.func.description("blur callback"),
+  onChange: PropTypes.func.description("on change handler"),
+  onFocus: PropTypes.func.description("on focus handler"),
+  onMouseOut: PropTypes.func.description("mouse out of component handler")
+};
+PageHeaderEditableTitle.propTypes = props;
+const DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);
+DSPageHeaderEditableTitleWithSchema.propTypes = props;
+var PageHeaderEditableTitle_default = PageHeaderEditableTitle;
+export {
+  DSPageHeaderEditableTitleWithSchema,
+  PageHeaderEditableTitle,
+  PageHeaderEditableTitle_default as default
+};
+//# sourceMappingURL=PageHeaderEditableTitle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure , useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { EditableTitleComponent } from '../blocks';\nimport { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle';\n\nconst EditableContainer = styled.div`\n  height: 32px;\n  position: relative;\n  overflow: hidden;\n`;\n\nexport const PageHeaderEditableTitle = ({\n  children: value,\n  editing: editingProp = false,\n  onBlur = noop,\n  onChange = noop,\n  onFocus = noop,\n  onMouseOut = noop,\n  showMarker = false,\n  ...rest\n}) => {\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  const { width } = useMeasure(titleRef);\n  return (\n    <EditableContainer\n      className={hovered || editing ? 'editable-title-component' : ''}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      {(hovered || editing) && (\n        <EditableTitleComponent\n          {...rest}\n          onBlur={(e) => {\n            setEditing(false);\n            onBlur(e);\n          }}\n          onChange={(e) => {\n            setTitleValue(e.target.value);\n            onChange(e);\n          }}\n          onFocus={(e) => {\n            setEditing(true);\n            onFocus(e);\n          }}\n          onMouseOut={(e) => {\n            setHovered(false);\n            onMouseOut(e);\n          }}\n          style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n          value={titleValue}\n        />\n      )}\n      <div ref={titleRef} style={{ width: 'fit-content' }}>\n        <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n      </div>\n    </EditableContainer>\n  );\n};\n\nconst props = {\n  /** The title text */\n  children: PropTypes.string.description('The title text'),\n  /** Whether the title is editing or not */\n  editing: PropTypes.bool.description('Whether the title is editing or not'),\n  /** Show error marker */\n  showMarker: PropTypes.bool.description('Show error marker'),\n  /** blur callback */\n  onBlur: PropTypes.func.description('blur callback'),\n  /** on change handler */\n  onChange: PropTypes.func.description('on change handler'),\n  /** on focus handler */\n  onFocus: PropTypes.func.description('on focus handler'),\n  /** mouse out of component handler */\n  onMouseOut: PropTypes.func.description('mouse out of component handler'),\n};\n\nPageHeaderEditableTitle.propTypes = props;\n\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,0BAA0B,CAAC,OASlC;AATkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,MAPyB,IAQnC,iBARmC,IAQnC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe;AACtE,QAAM,WAAW,OAAO;AACxB,QAAM,EAAE,UAAU,WAAW;AAC7B,SACE,qCAAC,mBAAD;AAAA,IACE,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW;AAAA,IAC/B,cAAc,MAAM,WAAW;AAAA,KAE7B,YAAW,YACX,qCAAC,wBAAD,iCACM,OADN;AAAA,IAEE,QAAQ,CAAC,MAAM;AACb,iBAAW;AACX,aAAO;AAAA;AAAA,IAET,UAAU,CAAC,MAAM;AACf,oBAAc,EAAE,OAAO;AACvB,eAAS;AAAA;AAAA,IAEX,SAAS,CAAC,MAAM;AACd,iBAAW;AACX,cAAQ;AAAA;AAAA,IAEV,YAAY,CAAC,MAAM;AACjB,iBAAW;AACX,iBAAW;AAAA;AAAA,IAEb,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU;AAAA,IACzD,OAAO;AAAA,OAGX,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO;AAAA,KAClC,qCAAC,iBAAD;AAAA,IAAiB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU;AAAA;AAM1E,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,UAAU,KAAK,YAAY;AAAA,EAEvC,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,wBAAwB,YAAY;AAEpC,MAAM,sCAAsC,SAAS;AAErD,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.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 { PageHeaderMenuWrapper } from "../blocks";
+const PageHeaderMenu = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React2.createElement(PageHeaderMenuWrapper, __spreadValues({}, rest), children);
+};
+export {
+  PageHeaderMenu
+};
+//# sourceMappingURL=PageHeaderMenu.js.map

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

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