@elliemae/ds-page-header 2.2.0 → 2.3.0-alpha.3

package/cjs/v1/EditableTitle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/EditableTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAAyC;AACzC,wBAAsB;AACtB,2BAAkC;AAClC,2BAAuB;AACvB,mBAAoB;AACpB,mBAAkB;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,4CAAkB,sBAC/C,GAAG,mBACH;AAGF,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe;AACtE,QAAM,WAAW,yBAAO;AACxB,SACE,wFACG,WAAW,UACV,mDAAC,wBAAD;AAAA,OACM;AAAA,IACJ,QAAQ,iCAAO,MAAM,WAAW,QAAQ,gBAAgB;AAAA,IACxD,UAAU,iCACR,CAAC,MAAM,cAAc,EAAE,OAAO,QAC9B,gBAAgB;AAAA,IAElB,SAAS,iCAAO,MAAM,WAAW,OAAO,gBAAgB;AAAA,IACxD,YAAY,iCACV,MAAM,WAAW,QACjB,gBAAgB;AAAA,IAElB,OAAO;AAAA,OAGT,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW;AAAA,KACjD,mDAAC,sBAAD,MAAQ;AAAA;AAOlB,cAAc,YAAY;AAAA,EAExB,UAAU,0BAAU;AAAA,EAEpB,SAAS,0BAAU;AAAA;AAGrB,IAAO,wBAAQ;",
+  "names": []
+}

package/cjs/v1/PageHeaderImpl.js

@@ -1,129 +1,135 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcons = require('@elliemae/ds-icons');
-var DSBreadcrumb = require('@elliemae/ds-breadcrumb');
-var dsIcon = require('@elliemae/ds-icon');
-var EditableTitle = require('./EditableTitle.js');
-var Title = require('./Title.js');
-var DropdownTitle = require('./DropdownTitle.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'page-header';
-const PageHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    withBottomSeparator,
-    subtitle
-  } = _ref;
-  return {
-    'with-bottom-separator': withBottomSeparator,
-    'with-subtitle': subtitle
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeaderImpl_exports = {};
+__export(PageHeaderImpl_exports, {
+  default: () => PageHeaderImpl_default
 });
-const PageHeaderMainSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-main-section"));
-const PageHeaderTitleSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title-section"));
-const PageHeaderToolbar = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
-  'ie-flex-basis-auto': true
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_breadcrumb = __toESM(require("@elliemae/ds-breadcrumb"));
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_EditableTitle = __toESM(require("./EditableTitle"));
+var import_Title = __toESM(require("./Title"));
+var import_DropdownTitle = __toESM(require("./DropdownTitle"));
+const blockName = "page-header";
+const PageHeaderContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
+  "with-bottom-separator": withBottomSeparator,
+  "with-subtitle": subtitle
 }));
-const PageHeaderBreadcrumb = dsClassnames.aggregatedClasses(DSBreadcrumb__default["default"])("".concat(blockName, "-breadcrumb"));
-const PageHeaderTitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"));
-const Subtitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
-const BackArrow = dsClassnames.aggregatedClasses(dsIcons.ChevronLeft)("".concat(blockName, "-backarrow"));
-
-function HeaderTitle(_ref2) {
-  let {
-    title = '',
-    options = [],
+const PageHeaderMainSection = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-main-section`);
+const PageHeaderTitleSection = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title-section`);
+const PageHeaderToolbar = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`, null, () => ({
+  "ie-flex-basis-auto": true
+}));
+const PageHeaderBreadcrumb = (0, import_ds_classnames.aggregatedClasses)(import_ds_breadcrumb.default)(`${blockName}-breadcrumb`);
+const PageHeaderTitle = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`);
+const Subtitle = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "subtitle");
+const BackArrow = (0, import_ds_classnames.aggregatedClasses)(import_ds_icons.ChevronLeft)(`${blockName}-backarrow`);
+function HeaderTitle({
+  title = "",
+  options = [],
+  optionsMinWidth,
+  onSelectOption = () => null,
+  selection,
+  subtitle = "",
+  editable = false,
+  editing = false,
+  titleInputProps,
+  zIndex
+}) {
+  const titleComponent = editable ? /* @__PURE__ */ import_react.default.createElement(import_EditableTitle.default, {
+    editing,
+    titleInputProps
+  }, title) : /* @__PURE__ */ import_react.default.createElement(import_Title.default, null, title);
+  return /* @__PURE__ */ import_react.default.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ import_react.default.createElement(import_DropdownTitle.default, {
+    onSelectOption,
+    options,
     optionsMinWidth,
-    onSelectOption = () => null,
     selection,
-    subtitle = '',
-    editable = false,
-    editing = false,
-    titleInputProps,
+    titleComponent,
     zIndex
-  } = _ref2;
-  const titleComponent = editable ? /*#__PURE__*/_jsx__default["default"](EditableTitle, {
-    editing: editing,
-    titleInputProps: titleInputProps
-  }, void 0, title) : /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title);
-  return /*#__PURE__*/_jsx__default["default"](PageHeaderTitle, {}, void 0, options.length ? /*#__PURE__*/_jsx__default["default"](DropdownTitle, {
-    onSelectOption: onSelectOption,
-    options: options,
-    optionsMinWidth: optionsMinWidth,
-    selection: selection,
-    titleComponent: titleComponent,
-    zIndex: zIndex
-  }) : titleComponent, subtitle && /*#__PURE__*/_jsx__default["default"](Subtitle, {}, void 0, subtitle));
+  }) : titleComponent, subtitle && /* @__PURE__ */ import_react.default.createElement(Subtitle, null, subtitle));
 }
-
-function PageHeaderImpl(_ref3) {
-  let {
-    containerProps,
+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__ */ import_react.default.createElement(PageHeaderContainer, {
+    ...containerProps,
     className,
-    title,
-    titleOptions,
-    renderToolbar,
-    breadcrumbs = [],
-    previousPage,
-    onGoToPreviousPage = () => null,
-    subtitle = '',
-    withBottomSeparator,
+    classProps: {
+      withBottomSeparator,
+      subtitle
+    }
+  }, previousPage && /* @__PURE__ */ import_react.default.createElement(BackArrow, {
+    "data-testid": "back-arrow",
+    onClick: onGoToPreviousPage,
+    size: import_ds_icon.DSIconSizes.M
+  }), /* @__PURE__ */ import_react.default.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
+    key: breadcrumb.label,
+    ...breadcrumb
+  }))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
+    key: previousPage.id,
+    label: previousPage.title,
+    onClick: previousPage.onClick,
+    ...previousPage
+  })), /* @__PURE__ */ import_react.default.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, {
+    editable,
+    editing,
     onSelectOption,
-    optionsSelection,
+    options: titleOptions,
     optionsMinWidth,
-    editable = false,
+    selection: optionsSelection,
+    subtitle,
+    title,
     titleInputProps,
-    editing = undefined,
     zIndex
-  } = _ref3;
-  const hasBreadcrumbs = !!breadcrumbs.length;
-  return /*#__PURE__*/jsxRuntime.jsxs(PageHeaderContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: className,
-    classProps: {
-      withBottomSeparator,
-      subtitle
-    },
-    children: [previousPage && /*#__PURE__*/_jsx__default["default"](BackArrow, {
-      "data-testid": "back-arrow",
-      onClick: onGoToPreviousPage,
-      size: dsIcon.DSIconSizes.M
-    }), /*#__PURE__*/_jsx__default["default"](PageHeaderMainSection, {}, void 0, hasBreadcrumbs && /*#__PURE__*/_jsx__default["default"](PageHeaderBreadcrumb, {}, void 0, breadcrumbs.map(breadcrumb => /*#__PURE__*/jsxRuntime.jsx(DSBreadcrumb__default["default"].Item, _objectSpread({}, breadcrumb), breadcrumb.label))), previousPage && /*#__PURE__*/_jsx__default["default"](PageHeaderBreadcrumb, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSBreadcrumb__default["default"].Item, _objectSpread({
-      label: previousPage.title,
-      onClick: previousPage.onClick
-    }, previousPage), previousPage.id)), /*#__PURE__*/_jsx__default["default"](PageHeaderTitleSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderTitle, {
-      editable: editable,
-      editing: editing,
-      onSelectOption: onSelectOption,
-      options: titleOptions,
-      optionsMinWidth: optionsMinWidth,
-      selection: optionsSelection,
-      subtitle: subtitle,
-      title: title,
-      titleInputProps: titleInputProps,
-      zIndex: zIndex
-    }), dsUtilities.isFunction(renderToolbar) && /*#__PURE__*/_jsx__default["default"](PageHeaderToolbar, {}, void 0, renderToolbar())))]
-  }));
+  }), (0, import_ds_utilities.isFunction)(renderToolbar) && /* @__PURE__ */ import_react.default.createElement(PageHeaderToolbar, null, renderToolbar()))));
 }
-
-module.exports = PageHeaderImpl;
+var PageHeaderImpl_default = PageHeaderImpl;
+module.exports = __toCommonJS(PageHeaderImpl_exports);
+//# sourceMappingURL=PageHeaderImpl.js.map

package/cjs/v1/PageHeaderImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/PageHeaderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,2BAAkC;AAClC,sBAA4B;AAC5B,2BAAyB;AACzB,qBAA4B;AAC5B,2BAA0B;AAC1B,mBAAkB;AAClB,2BAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,sBAAsB,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AAAA;AAGnB,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,yBAAyB,4CAAkB,OAAO,GAAG;AAC3D,MAAM,oBAAoB,4CAAkB,OAAO,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AAAA;AAExB,MAAM,uBAAuB,4CAAkB,8BAAc,GAAG;AAEhE,MAAM,kBAAkB,4CAAkB,OAAO,GAAG;AACpD,MAAM,WAAW,4CAAkB,OAAO,GAAG,mBAAmB;AAChE,MAAM,YAAY,4CAAkB,6BAAa,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,mDAAC,8BAAD;AAAA,IAAe;AAAA,IAAkB;AAAA,KAC9B,SAGH,mDAAC,sBAAD,MAAQ;AAGV,SACE,mDAAC,iBAAD,MACG,QAAQ,SACP,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OAGF,gBAED,YAAY,mDAAC,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,mDAAC,qBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA;AAAA,KAGD,gBAAgB,mDAAC,WAAD;AAAA,IAAW,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,2BAAY;AAAA,MACpG,mDAAC,uBAAD,MACG,kBACC,mDAAC,sBAAD,MACG,YAAY,IAAI,CAAC,eAChB,mDAAC,6BAAa,MAAd;AAAA,IAAmB,KAAK,WAAW;AAAA,OAAW;AAAA,QAInD,gBACC,mDAAC,sBAAD,MACE,mDAAC,6BAAa,MAAd;AAAA,IACE,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,OAClB;AAAA,OAIV,mDAAC,wBAAD,MACE,mDAAC,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,oCAAW,kBAAkB,mDAAC,mBAAD,MAAoB;AAAA;AAO5D,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/v1/Title.js

@@ -1,25 +1,43 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-const blockName = 'page-header';
-const TitleWrapper = dsClassnames.aggregatedClasses(DSTruncatedTooltipText__default["default"])("".concat(blockName, "-title"), 'title');
-
-const Title = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](TitleWrapper, {
-    value: children
-  });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-module.exports = Title;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Title_exports = {};
+__export(Title_exports, {
+  default: () => Title_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
+const blockName = "page-header";
+const TitleWrapper = (0, import_ds_classnames.aggregatedClasses)(import_ds_truncated_tooltip_text.default)(`${blockName}-title`, "title");
+const Title = ({ children }) => /* @__PURE__ */ import_react.default.createElement(TitleWrapper, {
+  value: children
+});
+var Title_default = Title;
+module.exports = __toCommonJS(Title_exports);
+//# sourceMappingURL=Title.js.map

package/cjs/v1/Title.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/Title.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,uCAAmC;AAEnC,MAAM,YAAY;AAClB,MAAM,eAAe,4CAAkB,0CACrC,GAAG,mBACH;AAEF,MAAM,QAAQ,CAAC,EAAE,eAAe,mDAAC,cAAD;AAAA,EAAc,OAAO;AAAA;AAErD,IAAO,gBAAQ;",
+  "names": []
+}

package/cjs/v1/TitleWrapper.js

@@ -1,8 +1,37 @@
-'use strict';
-
-var dsClassnames = require('@elliemae/ds-classnames');
-
-const blockName = 'page-header';
-var TitleWrapper = dsClassnames.aggregatedClasses('span')("".concat(blockName, "-title-wrapper"));
-
-module.exports = TitleWrapper;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TitleWrapper_exports = {};
+__export(TitleWrapper_exports, {
+  default: () => TitleWrapper_default
+});
+var React = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockName = "page-header";
+var TitleWrapper_default = (0, import_ds_classnames.aggregatedClasses)("span")(`${blockName}-title-wrapper`);
+module.exports = __toCommonJS(TitleWrapper_exports);
+//# sourceMappingURL=TitleWrapper.js.map

package/cjs/v1/TitleWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/TitleWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { 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;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,IAAO,uBAAQ,4CAAkB,QAAQ,GAAG;",
+  "names": []
+}

package/cjs/v2/PageHeader.js

@@ -1,91 +1,106 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var PageHeaderTitle = require('./components/PageHeaderTitle/PageHeaderTitle.js');
-var PageHeaderEditableTitle = require('./components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
-var PageHeaderSummary = require('./components/PageHeaderSummary/PageHeaderSummary.js');
-var PageHeaderMenu = require('./components/PageHeaderMenu/PageHeaderMenu.js');
-var PageHeaderToolbar = require('./components/PageHeaderToolbar/PageHeaderToolbar.js');
-var PageHeaderBack = require('./components/PageHeaderBack/PageHeaderBack.js');
-require('./components/blocks.js');
-var props = require('./props.js');
-var jsxRuntime = require('react/jsx-runtime');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _div;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const PageHeaderCustomRenderer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-ps4m9w-0"
-})(["width:auto;color:", ";font-style:italic;font-size:0.8rem;"], props => props.theme.colors.brand[800]);
-const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-ps4m9w-1"
-})(["width:100%;margin-bottom:8px;"]);
-const ContainerWBorder = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-ps4m9w-2"
-})(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";"));
-
-const DSPageHeaderV2 = _ref => {
-  let {
-    containerProps,
-    breadcrumbs,
-    pageTitle,
-    backarrow,
-    summary,
-    toolbar,
-    menu,
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageHeader_exports = {};
+__export(PageHeader_exports, {
+  DSPageHeaderV2: () => DSPageHeaderV2,
+  DSPageHeaderWithSchema: () => DSPageHeaderWithSchema,
+  PageHeaderCustomRenderer: () => PageHeaderCustomRenderer,
+  PageHeaderEditableTitle: () => import_PageHeaderEditableTitle.PageHeaderEditableTitle,
+  PageHeaderMenu: () => import_PageHeaderMenu.PageHeaderMenu,
+  PageHeaderSummary: () => import_PageHeaderSummary.PageHeaderSummary,
+  PageHeaderTitle: () => import_PageHeaderTitle.PageHeaderTitle,
+  default: () => PageHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_PageHeaderTitle = require("./components/PageHeaderTitle/PageHeaderTitle");
+var import_PageHeaderEditableTitle = require("./components/PageHeaderEditableTitle/PageHeaderEditableTitle");
+var import_PageHeaderSummary = require("./components/PageHeaderSummary/PageHeaderSummary");
+var import_PageHeaderMenu = require("./components/PageHeaderMenu/PageHeaderMenu");
+var import_PageHeaderToolbar = require("./components/PageHeaderToolbar/PageHeaderToolbar");
+var import_PageHeaderBack = require("./components/PageHeaderBack/PageHeaderBack");
+var import_blocks = require("./components/blocks");
+var import_props = require("./props");
+const PageHeaderCustomRenderer = import_styled_components.default.div`
+  width: auto;
+  color: ${(props) => props.theme.colors.brand[800]};
+  font-style: italic;
+  font-size: 0.8rem;
+`;
+const Container = import_styled_components.default.div`
+  width: 100%;
+  margin-bottom: 8px;
+`;
+const ContainerWBorder = import_styled_components.default.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 = (0, import_lodash.compact)([1, "auto"]);
+  const pageTitleRow = (0, import_lodash.compact)(["auto", menu && "30px", summary && "auto", 1]);
+  return /* @__PURE__ */ import_react.default.createElement(Container, {
+    ...containerProps
+  }, /* @__PURE__ */ import_react.default.createElement(ContainerWBorder, {
     withBottomSeparator
-  } = _ref;
-  const wrapperRow = ['auto', 1];
-  const mainRow = lodash.compact([1, 'auto']);
-  const pageTitleRow = lodash.compact(['auto', menu && '30px', summary && 'auto', 1]);
-  return /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](ContainerWBorder, {
-      withBottomSeparator: withBottomSeparator
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      cols: wrapperRow
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderBack.PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      rows: ['auto', 'auto']
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      className: "".concat(dsClassnames.cssPrefix, "-page-header-v2-breadcrumb")
-    }, void 0, breadcrumbs), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      cols: mainRow
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      cols: pageTitleRow
-    }, void 0, pageTitle, menu && /*#__PURE__*/_jsx__default["default"](PageHeaderMenu.PageHeaderMenu, {}, void 0, menu), summary, _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderToolbar.PageHeaderToolbar, {}, void 0, toolbar))))))
-  }));
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: wrapperRow
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderBack.PageHeaderBack, null, backarrow)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    rows: ["auto", "auto"]
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    className: `${import_blocks.cssPrefix}-page-header-v2-breadcrumb`
+  }, breadcrumbs), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: mainRow
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: pageTitleRow
+  }, pageTitle, menu && /* @__PURE__ */ import_react.default.createElement(import_PageHeaderMenu.PageHeaderMenu, null, menu), summary, /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderToolbar.PageHeaderToolbar, null, toolbar)))))));
 };
-
-DSPageHeaderV2.defaultProps = props.defaultProps;
-const DSPageHeaderWithSchema = reactDesc.describe(DSPageHeaderV2);
-DSPageHeaderWithSchema.propTypes = props.navProps;
-
-exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
-exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
-exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
-exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;
-exports.DSPageHeaderV2 = DSPageHeaderV2;
-exports.DSPageHeaderWithSchema = DSPageHeaderWithSchema;
-exports.PageHeaderCustomRenderer = PageHeaderCustomRenderer;
-exports["default"] = DSPageHeaderV2;
+DSPageHeaderV2.propTypes = import_props.navProps;
+DSPageHeaderV2.defaultProps = import_props.defaultProps;
+const DSPageHeaderWithSchema = (0, import_react_desc.describe)(DSPageHeaderV2);
+DSPageHeaderWithSchema.propTypes = import_props.navProps;
+var PageHeader_default = DSPageHeaderV2;
+module.exports = __toCommonJS(PageHeader_exports);
+//# sourceMappingURL=PageHeader.js.map