@elliemae/ds-page-header 3.2.1-rc.3 → 3.2.1-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/v1/DSPageHeader.js +35 -78
  2. package/dist/cjs/v1/DSPageHeader.js.map +1 -1
  3. package/dist/cjs/v1/EditableTitle.js +3 -19
  4. package/dist/cjs/v1/EditableTitle.js.map +1 -1
  5. package/dist/cjs/v1/PageHeaderImpl.js +10 -24
  6. package/dist/cjs/v1/PageHeaderImpl.js.map +1 -1
  7. package/dist/cjs/v2/PageHeader.js +5 -19
  8. package/dist/cjs/v2/PageHeader.js.map +1 -1
  9. package/dist/cjs/v2/components/PageHeaderEditableTitle.js +14 -45
  10. package/dist/cjs/v2/components/PageHeaderEditableTitle.js.map +1 -1
  11. package/dist/cjs/v2/components/PageHeaderSummary.js +10 -38
  12. package/dist/cjs/v2/components/PageHeaderSummary.js.map +1 -1
  13. package/dist/cjs/v2/components/PageHeaderTitle.js +8 -39
  14. package/dist/cjs/v2/components/PageHeaderTitle.js.map +1 -1
  15. package/dist/cjs/v2/config/usePageHeader.js +8 -45
  16. package/dist/cjs/v2/config/usePageHeader.js.map +1 -1
  17. package/dist/cjs/v2/react-desc-prop-types.js +3 -19
  18. package/dist/cjs/v2/react-desc-prop-types.js.map +1 -1
  19. package/dist/esm/v1/DSPageHeader.js +35 -80
  20. package/dist/esm/v1/DSPageHeader.js.map +1 -1
  21. package/dist/esm/v1/EditableTitle.js +3 -21
  22. package/dist/esm/v1/EditableTitle.js.map +1 -1
  23. package/dist/esm/v1/PageHeaderImpl.js +10 -26
  24. package/dist/esm/v1/PageHeaderImpl.js.map +1 -1
  25. package/dist/esm/v2/PageHeader.js +5 -21
  26. package/dist/esm/v2/PageHeader.js.map +1 -1
  27. package/dist/esm/v2/components/PageHeaderEditableTitle.js +14 -47
  28. package/dist/esm/v2/components/PageHeaderEditableTitle.js.map +1 -1
  29. package/dist/esm/v2/components/PageHeaderSummary.js +10 -40
  30. package/dist/esm/v2/components/PageHeaderSummary.js.map +1 -1
  31. package/dist/esm/v2/components/PageHeaderTitle.js +8 -41
  32. package/dist/esm/v2/components/PageHeaderTitle.js.map +1 -1
  33. package/dist/esm/v2/config/usePageHeader.js +8 -47
  34. package/dist/esm/v2/config/usePageHeader.js.map +1 -1
  35. package/dist/esm/v2/react-desc-prop-types.js +3 -21
  36. package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
  37. package/package.json +13 -13
@@ -3,34 +3,8 @@ var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
6
  var __getProtoOf = Object.getPrototypeOf;
8
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
8
  var __export = (target, all) => {
35
9
  for (var name in all)
36
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -57,58 +31,41 @@ var import_react = __toESM(require("react"));
57
31
  var import_ds_utilities = require("@elliemae/ds-utilities");
58
32
  var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
59
33
  var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl"));
60
- const DSPageHeader = (_a) => {
61
- var _b = _a, {
62
- containerProps = {},
63
- renderToolbar = void 0,
64
- withBottomSeparator = true,
65
- title = "",
66
- titleOptions = void 0,
67
- onSelectOption = () => null,
68
- subtitle = "",
69
- optionsSelection = {},
70
- onGoToPreviousPage = () => null,
71
- previousPage,
72
- editable = false,
73
- editing = void 0,
74
- titleInputProps = {},
75
- zIndex = 2,
76
- optionsMinWidth = void 0
77
- } = _b, otherProps = __objRest(_b, [
78
- "containerProps",
79
- "renderToolbar",
80
- "withBottomSeparator",
81
- "title",
82
- "titleOptions",
83
- "onSelectOption",
84
- "subtitle",
85
- "optionsSelection",
86
- "onGoToPreviousPage",
87
- "previousPage",
88
- "editable",
89
- "editing",
90
- "titleInputProps",
91
- "zIndex",
92
- "optionsMinWidth"
93
- ]);
94
- return /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderImpl.default, __spreadValues({
95
- containerProps,
96
- editable,
97
- editing,
98
- onGoToPreviousPage,
99
- onSelectOption,
100
- optionsMinWidth,
101
- optionsSelection,
102
- previousPage,
103
- renderToolbar,
104
- subtitle,
105
- title,
106
- titleInputProps,
107
- titleOptions,
108
- withBottomSeparator,
109
- zIndex
110
- }, otherProps)));
111
- };
34
+ const DSPageHeader = ({
35
+ containerProps = {},
36
+ renderToolbar = void 0,
37
+ withBottomSeparator = true,
38
+ title = "",
39
+ titleOptions = void 0,
40
+ onSelectOption = () => null,
41
+ subtitle = "",
42
+ optionsSelection = {},
43
+ onGoToPreviousPage = () => null,
44
+ previousPage,
45
+ editable = false,
46
+ editing = void 0,
47
+ titleInputProps = {},
48
+ zIndex = 2,
49
+ optionsMinWidth = void 0,
50
+ ...otherProps
51
+ }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderImpl.default, {
52
+ containerProps,
53
+ editable,
54
+ editing,
55
+ onGoToPreviousPage,
56
+ onSelectOption,
57
+ optionsMinWidth,
58
+ optionsSelection,
59
+ previousPage,
60
+ renderToolbar,
61
+ subtitle,
62
+ title,
63
+ titleInputProps,
64
+ titleOptions,
65
+ withBottomSeparator,
66
+ zIndex,
67
+ ...otherProps
68
+ }));
112
69
  const props = {
113
70
  version: import_ds_utilities.PropTypes.oneOf([1, 2]).description("Component version"),
114
71
  containerProps: import_ds_utilities.PropTypes.object.description("props injected to page header wrapper node"),
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v1/DSPageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\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 <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\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(\n 'props injected to page header wrapper node',\n ),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description(\n 'Function that returns the toolbar to the right of the page header',\n ),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description(\n 'Whether to show a separator at the bottom of the header',\n ),\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(\n 'The title dropdown options',\n ),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description(\n 'Handler when a user selects an item in the dropdown menu',\n ),\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(\n 'Selection state for the title dropdown',\n ),\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(\n 'Activates/Deactivates the editing state in the title',\n ),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description(\n 'Props passed to the input for editing the title',\n ),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description(\n 'Enables navigation to previous page with back-arrow',\n ),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description(\n 'Callback to handle navigation to previous page',\n ),\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(\n 'min width for options dropdown menu',\n ),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated(\n 'use DSPageHeaderV2',\n);\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC,OAiBnB;AAjBmB,eACpB;AAAA,qBAAiB,CAAC;AAAA,IAClB,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,WAAW;AAAA,IACX,mBAAmB,CAAC;AAAA,IACpB,qBAAqB,MAAM;AAAA,IAC3B;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,kBAAkB,CAAC;AAAA,IACnB,SAAS;AAAA,IACT,kBAAkB;AAAA,MAfE,IAgBjB,uBAhBiB,IAgBjB;AAAA,IAfH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,4DACC,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACI,WACN,CACF;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,8BAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,8BAAU,OAAO,YAC/B,4CACF;AAAA,EAEA,eAAe,8BAAU,KAAK,YAC5B,mEACF;AAAA,EAEA,qBAAqB,8BAAU,KAAK,YAClC,yDACF;AAAA,EAEA,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAChD,4BACF;AAAA,EAEA,gBAAgB,8BAAU,KAAK,YAC7B,0DACF;AAAA,EAEA,UAAU,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,8BAAU,OAAO,YACjC,wCACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,8BAAU,KAAK,YACtB,sDACF;AAAA,EAEA,iBAAiB,8BAAU,OAAO,YAChC,iDACF;AAAA,EAEA,cAAc,8BAAU,OAAO,YAC7B,qDACF;AAAA,EAEA,oBAAoB,8BAAU,KAAK,YACjC,gDACF;AAAA,EAEA,QAAQ,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,8BAAU,OAAO,YAChC,qCACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,kCAAS,YAAY,EAAE,WACtD,oBACF;AACA,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;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,KACf;AAAA,MAEH,mDAAC,4DACC,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACC,GAAG;AAAA,CACN,CACF;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,8BAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,8BAAU,OAAO,YAC/B,4CACF;AAAA,EAEA,eAAe,8BAAU,KAAK,YAC5B,mEACF;AAAA,EAEA,qBAAqB,8BAAU,KAAK,YAClC,yDACF;AAAA,EAEA,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAChD,4BACF;AAAA,EAEA,gBAAgB,8BAAU,KAAK,YAC7B,0DACF;AAAA,EAEA,UAAU,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,8BAAU,OAAO,YACjC,wCACF;AAAA,EAEA,UAAU,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,8BAAU,KAAK,YACtB,sDACF;AAAA,EAEA,iBAAiB,8BAAU,OAAO,YAChC,iDACF;AAAA,EAEA,cAAc,8BAAU,OAAO,YAC7B,qDACF;AAAA,EAEA,oBAAoB,8BAAU,KAAK,YACjC,gDACF;AAAA,EAEA,QAAQ,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,8BAAU,OAAO,YAChC,qCACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,kCAAS,YAAY,EAAE,WACtD,oBACF;AACA,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,27 +1,10 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __getProtoOf = Object.getPrototypeOf;
10
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
8
  var __export = (target, all) => {
26
9
  for (var name in all)
27
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -60,13 +43,14 @@ function EditableTitle({
60
43
  const [hovered, setHovered] = (0, import_react.useState)(false);
61
44
  const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
62
45
  const titleRef = (0, import_react.useRef)(null);
63
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hovered || editing ? /* @__PURE__ */ import_react.default.createElement(EditableTitleComponent, __spreadProps(__spreadValues({}, titleInputProps), {
46
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hovered || editing ? /* @__PURE__ */ import_react.default.createElement(EditableTitleComponent, {
47
+ ...titleInputProps,
64
48
  onBlur: (0, import_ds_utilities2.runAll)(() => setEditing(false), titleInputProps.onBlur),
65
49
  onChange: (0, import_ds_utilities2.runAll)((e) => setTitleValue(e.target.value), titleInputProps.onChange),
66
50
  onFocus: (0, import_ds_utilities2.runAll)(() => setEditing(true), titleInputProps.onFocus),
67
51
  onMouseOut: (0, import_ds_utilities2.runAll)(() => setHovered(false), titleInputProps.onMouseOut),
68
52
  value: titleValue
69
- })) : /* @__PURE__ */ import_react.default.createElement("div", {
53
+ }) : /* @__PURE__ */ import_react.default.createElement("div", {
70
54
  ref: titleRef,
71
55
  onMouseEnter: () => setHovered(true)
72
56
  }, /* @__PURE__ */ import_react.default.createElement(import_Title.default, null, titleValue)));
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v1/EditableTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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,oBAAO,EACtD,GAAG,mBACH,gBACF;AAEA,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,SACE,wFACG,WAAW,UACV,mDAAC,yDACK,kBADL;AAAA,IAEC,QAAQ,iCAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,IAC9D,UAAU,iCACR,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GACnC,gBAAgB,QAClB;AAAA,IACA,SAAS,iCAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,IAC/D,YAAY,iCACV,MAAM,WAAW,KAAK,GACtB,gBAAgB,UAClB;AAAA,IACA,OAAO;AAAA,IACT,IAEA,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW,IAAI;AAAA,KACrD,mDAAC,4BAAO,UAAW,CACrB,CAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,0BAAU;AAAA,EAEpB,SAAS,0BAAU;AACrB;AAEA,IAAO,wBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;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,oBAAO,EACtD,GAAG,mBACH,gBACF;AAEA,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,SACE,wFACG,WAAW,UACV,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,QAAQ,iCAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,IAC9D,UAAU,iCACR,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GACnC,gBAAgB,QAClB;AAAA,IACA,SAAS,iCAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,IAC/D,YAAY,iCACV,MAAM,WAAW,KAAK,GACtB,gBAAgB,UAClB;AAAA,IACA,OAAO;AAAA,GACT,IAEA,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW,IAAI;AAAA,KACrD,mDAAC,4BAAO,UAAW,CACrB,CAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,0BAAU;AAAA,EAEpB,SAAS,0BAAU;AACrB;AAEA,IAAO,wBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,27 +1,10 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __getProtoOf = Object.getPrototypeOf;
10
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
8
  var __export = (target, all) => {
26
9
  for (var name in all)
27
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -110,23 +93,26 @@ function PageHeaderImpl({
110
93
  zIndex
111
94
  }) {
112
95
  const hasBreadcrumbs = !!breadcrumbs.length;
113
- return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, __spreadProps(__spreadValues({}, containerProps), {
96
+ return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, {
97
+ ...containerProps,
114
98
  className,
115
99
  classProps: {
116
100
  withBottomSeparator,
117
101
  subtitle
118
102
  }
119
- }), previousPage && /* @__PURE__ */ import_react.default.createElement(BackArrow, {
103
+ }, previousPage && /* @__PURE__ */ import_react.default.createElement(BackArrow, {
120
104
  "data-testid": "back-arrow",
121
105
  onClick: onGoToPreviousPage,
122
106
  size: import_ds_icon.DSIconSizes.M
123
- }), /* @__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, __spreadValues({
124
- key: breadcrumb.label
125
- }, breadcrumb)))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, __spreadValues({
107
+ }), /* @__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, {
108
+ key: breadcrumb.label,
109
+ ...breadcrumb
110
+ }))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
126
111
  key: previousPage.id,
127
112
  label: previousPage.title,
128
- onClick: previousPage.onClick
129
- }, previousPage))), /* @__PURE__ */ import_react.default.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, {
113
+ onClick: previousPage.onClick,
114
+ ...previousPage
115
+ })), /* @__PURE__ */ import_react.default.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, {
130
116
  editable,
131
117
  editing,
132
118
  onSelectOption,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v1/PageHeaderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AACnB,EAAE;AAEF,MAAM,wBAAwB,4CAAkB,KAAK,EAAE,GAAG,wBAAwB;AAClF,MAAM,yBAAyB,4CAAkB,KAAK,EAAE,GAAG,yBAAyB;AACpF,MAAM,oBAAoB,4CAAkB,KAAK,EAAE,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AACxB,EAAE;AACF,MAAM,uBAAuB,4CAAkB,4BAAY,EAAE,GAAG,sBAAsB;AAEtF,MAAM,kBAAkB,4CAAkB,KAAK,EAAE,GAAG,iBAAiB;AACrE,MAAM,WAAW,4CAAkB,KAAK,EAAE,GAAG,mBAAmB,UAAU;AAC1E,MAAM,YAAY,4CAAkB,2BAAW,EAAE,GAAG,qBAAqB;AAEzE,qBAAqB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU,CAAC;AAAA,EACX;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;AAAA,IAAc;AAAA,IAAkB;AAAA,KAC9B,KACH,IAEA,mDAAC,4BAAO,KAAM;AAGhB,SACE,mDAAC,uBACE,QAAQ,SACP,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,IAEA,gBAED,YAAY,mDAAC,gBAAU,QAAS,CACnC;AAEJ;AAEA,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;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,sDACK,iBADL;AAAA,IAEC;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,MAEC,gBAAgB,mDAAC;AAAA,IAAU,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,2BAAY;AAAA,GAAG,GACvG,mDAAC,6BACE,kBACC,mDAAC,4BACE,YAAY,IAAI,CAAC,eAChB,mDAAC,6BAAa,MAAb;AAAA,IAAkB,KAAK,WAAW;AAAA,KAAW,WAAY,CAC3D,CACH,GAED,gBACC,mDAAC,4BACC,mDAAC,6BAAa,MAAb;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,KAClB,aACN,CACF,GAEF,mDAAC,8BACC,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACC,oCAAW,aAAa,KAAK,mDAAC,yBAAmB,cAAc,CAAE,CACpE,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;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,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AACnB,EAAE;AAEF,MAAM,wBAAwB,4CAAkB,KAAK,EAAE,GAAG,wBAAwB;AAClF,MAAM,yBAAyB,4CAAkB,KAAK,EAAE,GAAG,yBAAyB;AACpF,MAAM,oBAAoB,4CAAkB,KAAK,EAAE,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AACxB,EAAE;AACF,MAAM,uBAAuB,4CAAkB,4BAAY,EAAE,GAAG,sBAAsB;AAEtF,MAAM,kBAAkB,4CAAkB,KAAK,EAAE,GAAG,iBAAiB;AACrE,MAAM,WAAW,4CAAkB,KAAK,EAAE,GAAG,mBAAmB,UAAU;AAC1E,MAAM,YAAY,4CAAkB,2BAAW,EAAE,GAAG,qBAAqB;AAEzE,qBAAqB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU,CAAC;AAAA,EACX;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;AAAA,IAAc;AAAA,IAAkB;AAAA,KAC9B,KACH,IAEA,mDAAC,4BAAO,KAAM;AAGhB,SACE,mDAAC,uBACE,QAAQ,SACP,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,IAEA,gBAED,YAAY,mDAAC,gBAAU,QAAS,CACnC;AAEJ;AAEA,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;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;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,KAEC,gBAAgB,mDAAC;AAAA,IAAU,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,2BAAY;AAAA,GAAG,GACvG,mDAAC,6BACE,kBACC,mDAAC,4BACE,YAAY,IAAI,CAAC,eAChB,mDAAC,6BAAa,MAAb;AAAA,IAAkB,KAAK,WAAW;AAAA,IAAQ,GAAG;AAAA,GAAY,CAC3D,CACH,GAED,gBACC,mDAAC,4BACC,mDAAC,6BAAa,MAAb;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,IACrB,GAAG;AAAA,GACN,CACF,GAEF,mDAAC,8BACC,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACC,oCAAW,aAAa,KAAK,mDAAC,yBAAmB,cAAc,CAAE,CACpE,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,27 +1,10 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __getProtoOf = Object.getPrototypeOf;
10
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
8
  var __export = (target, all) => {
26
9
  for (var name in all)
27
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -76,9 +59,12 @@ const DSPageHeaderV2 = (props) => {
76
59
  const wrapperRow = ["auto", 1];
77
60
  const mainRow = (0, import_lodash.compact)([1, "auto"]);
78
61
  const pageTitleRow = (0, import_lodash.compact)(["auto", currentMenu && "30px", currentSummary && "auto", 1]);
79
- return /* @__PURE__ */ import_react.default.createElement(import_styled.Container, __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, containerProps), globalAttributes), xStyledProps), {
62
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.Container, {
63
+ ...containerProps,
64
+ ...globalAttributes,
65
+ ...xStyledProps,
80
66
  "data-testid": import_exported_related.DSPageHeaderDataTestIds.CONTAINER
81
- }), /* @__PURE__ */ import_react.default.createElement(import_styled.ContainerWBorder, {
67
+ }, /* @__PURE__ */ import_react.default.createElement(import_styled.ContainerWBorder, {
82
68
  withBottomSeparator
83
69
  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
84
70
  cols: wrapperRow
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v2/PageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { compact } from 'lodash';\nimport {\n Container,\n ContainerWBorder,\n PageHeaderCustomRenderer,\n PageHeaderToolbarWrapper,\n PageHeaderMenu,\n PageHeaderBack,\n} from './styled';\nimport { usePageHeader } from './config/usePageHeader';\nimport { PageHeaderTitle } from './components/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary';\nimport { PageHeaderPropTypes, DSPageHeaderT, defaultProps } from './react-desc-prop-types';\nimport { DSPageHeaderDataTestIds } from './exported-related';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n const {\n currentBackArrow,\n currentMenu,\n currentBreadcrumbs,\n currentSummary,\n currentToolbar,\n currentPageTitle,\n containerProps,\n withBottomSeparator,\n globalAttributes,\n xStyledProps,\n } = usePageHeader(props);\n\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', currentMenu && '30px', currentSummary && 'auto', 1]);\n return (\n <Container\n {...containerProps}\n {...globalAttributes}\n {...xStyledProps}\n data-testid={DSPageHeaderDataTestIds.CONTAINER}\n >\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {currentPageTitle}\n {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n {currentSummary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = 'DSPageHeaderV2';\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAyC;AACzC,0BAAyB;AACzB,qBAAqB;AACrB,oBAAwB;AACxB,oBAOO;AACP,2BAA8B;AAC9B,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,mCAAiE;AACjE,8BAAwC;AAExC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,wCAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,2BAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,2BAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,mDAAC,wFACK,iBACA,mBACA,eAHL;AAAA,IAIC,eAAa,gDAAwB;AAAA,MAErC,mDAAC;AAAA,IAAiB;AAAA,KAChB,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC,2BACC,mDAAC,oCAAgB,gBAAiB,CACpC,GACA,mDAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,kBAAmB,GACtE,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC;AAAA,IAAK,MAAM;AAAA,KACT,kBACA,eAAe,mDAAC,oCAAgB,WAAY,GAC5C,gBACD,mDAAC,WAAI,CACP,GACA,mDAAC,2BACC,mDAAC,8CAA0B,cAAe,CAC5C,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,kCAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAyC;AACzC,0BAAyB;AACzB,qBAAqB;AACrB,oBAAwB;AACxB,oBAOO;AACP,2BAA8B;AAC9B,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,mCAAiE;AACjE,8BAAwC;AAExC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,wCAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,2BAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,2BAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,mDAAC;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,eAAa,gDAAwB;AAAA,KAErC,mDAAC;AAAA,IAAiB;AAAA,KAChB,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC,2BACC,mDAAC,oCAAgB,gBAAiB,CACpC,GACA,mDAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,kBAAmB,GACtE,mDAAC;AAAA,IAAK,MAAM;AAAA,KACV,mDAAC;AAAA,IAAK,MAAM;AAAA,KACT,kBACA,eAAe,mDAAC,oCAAgB,WAAY,GAC5C,gBACD,mDAAC,WAAI,CACP,GACA,mDAAC,2BACC,mDAAC,8CAA0B,cAAe,CAC5C,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,kCAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,39 +1,10 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __getProtoOf = Object.getPrototypeOf;
10
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
- var __objRest = (source, exclude) => {
26
- var target = {};
27
- for (var prop in source)
28
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
- target[prop] = source[prop];
30
- if (source != null && __getOwnPropSymbols)
31
- for (var prop of __getOwnPropSymbols(source)) {
32
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
- target[prop] = source[prop];
34
- }
35
- return target;
36
- };
37
8
  var __export = (target, all) => {
38
9
  for (var name in all)
39
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -82,16 +53,12 @@ const EditableContainer = (0, import_ds_system.styled)("div")`
82
53
  }
83
54
  }
84
55
  `;
85
- const PageHeaderEditableTitle = (_a) => {
86
- var _b = _a, {
87
- children: value,
88
- editing: editingProp = false,
89
- showMarker = false
90
- } = _b, rest = __objRest(_b, [
91
- "children",
92
- "editing",
93
- "showMarker"
94
- ]);
56
+ const PageHeaderEditableTitle = ({
57
+ children: value,
58
+ editing: editingProp = false,
59
+ showMarker = false,
60
+ ...rest
61
+ }) => {
95
62
  const [titleValue, setTitleValue] = (0, import_react.useState)(value);
96
63
  const [hovered, setHovered] = (0, import_react.useState)(false);
97
64
  const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
@@ -120,24 +87,26 @@ const PageHeaderEditableTitle = (_a) => {
120
87
  onMouseEnter: () => setHovered(true),
121
88
  onMouseLeave: () => setHovered(false),
122
89
  "data-testid": import_exported_related.DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE
123
- }, (hovered || editing) && /* @__PURE__ */ import_react.default.createElement(import_ds_form_input_text.DSInputText, __spreadProps(__spreadValues(__spreadValues({
124
- onChange: handleOnChange
125
- }, rest), globals), {
90
+ }, (hovered || editing) && /* @__PURE__ */ import_react.default.createElement(import_ds_form_input_text.DSInputText, {
91
+ onChange: handleOnChange,
92
+ ...rest,
93
+ ...globals,
126
94
  placeholder: "",
127
95
  style: { width: width + 10, minWidth: "260px", maxWidth: "100%" },
128
96
  value: titleValue
129
- })), /* @__PURE__ */ import_react.default.createElement("div", {
97
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
130
98
  ref: titleRef,
131
99
  style: { width: "fit-content" }
132
100
  }, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderTitle.PageHeaderTitle, {
133
101
  showMarker: showMarker && !hovered && !editing
134
102
  }, titleValue)));
135
103
  };
136
- const props = __spreadProps(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), {
104
+ const props = {
105
+ ...import_ds_utilities.globalAttributesPropTypes,
137
106
  children: import_ds_utilities.PropTypes.string.description("The title text"),
138
107
  editing: import_ds_utilities.PropTypes.bool.description("Whether the title is editing or not"),
139
108
  showMarker: import_ds_utilities.PropTypes.bool.description("Show error marker")
140
- });
109
+ };
141
110
  PageHeaderEditableTitle.propTypes = props;
142
111
  PageHeaderEditableTitle.displayName = "PageHeaderEditableTitle";
143
112
  const DSPageHeaderEditableTitleWithSchema = (0, import_ds_utilities.describe)(PageHeaderEditableTitle);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/v2/components/PageHeaderEditableTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useRef, useState, useCallback, WeakValidationMap } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport {\n PropTypes,\n describe,\n useDerivedStateFromProps,\n useMeasure,\n useGetGlobalAttributes,\n globalAttributesPropTypes,\n} from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from './PageHeaderTitle';\nimport { DSPageHeaderDataTestIds } from '../exported-related';\n\nconst EditableContainer = styled('div')`\n height: 32px;\n position: relative;\n overflow: hidden;\n &.editable-title-component {\n position: relative;\n left: -7px;\n top: -1px;\n margin-left: -2px;\n margin-right: -9px;\n & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n height: 32px;\n }\n & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n font-size: ${({ theme }) => theme.fontSizes.title[800]};\n line-height: normal;\n color: ${({ theme }) => theme.colors.neutral['700']};\n }\n }\n`;\n\nexport const PageHeaderEditableTitle = ({\n children: value,\n editing: editingProp = false,\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\n const handleOnChange: React.FormEventHandler<HTMLInputElement> = useCallback((e) => {\n setTitleValue(e.target.value);\n }, []);\n\n const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n setEditing(true);\n }, [setEditing]);\n\n const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n setEditing(false);\n }, [setEditing]);\n\n const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n setHovered(false);\n }, []);\n\n const globals = useGetGlobalAttributes(rest, {\n onFocus: handleOnFocus,\n onMouseOut: handleOnMouseOut,\n onChange: handleOnChange,\n onBlur: handleOnBlur,\n });\n\n return (\n <EditableContainer\n className={hovered || editing ? 'editable-title-component' : ''}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n >\n {(hovered || editing) && (\n <DSInputText\n onChange={handleOnChange}\n {...rest}\n {...globals}\n placeholder=\"\"\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 ...globalAttributesPropTypes,\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};\n\nPageHeaderEditableTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwE;AACxE,gCAA+D;AAC/D,uBAAuB;AACvB,0BAOO;AACP,6BAAgC;AAChC,8BAAwC;AAExC,MAAM,oBAAoB,6BAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,6CAAmB,2CAAiB;AAAA;AAAA;AAAA,SAGpC,6CAAmB,2CAAiB;AAAA,mBAC1B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC,OAKlC;AALkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,aAAa;AAAA,MAHyB,IAInC,iBAJmC,IAInC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,oCAAW,QAAQ;AAErC,QAAM,iBAA2D,8BAAY,CAAC,MAAM;AAClF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,8BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,8BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,gDAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,mDAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,IACpC,eAAa,gDAAwB;AAAA,KAEnC,YAAW,YACX,mDAAC;AAAA,IACC,UAAU;AAAA,KACN,OACA,UAHL;AAAA,IAIC,aAAY;AAAA,IACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,mDAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ,iCACT,gDADS;AAAA,EAGZ,UAAU,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,8BAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwE;AACxE,gCAA+D;AAC/D,uBAAuB;AACvB,0BAOO;AACP,6BAAgC;AAChC,8BAAwC;AAExC,MAAM,oBAAoB,6BAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,6CAAmB,2CAAiB;AAAA;AAAA;AAAA,SAGpC,6CAAmB,2CAAiB;AAAA,mBAC1B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,SAAS,cAAc;AAAA,EACvB,aAAa;AAAA,KACV;AAAA,MACC;AACJ,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,oCAAW,QAAQ;AAErC,QAAM,iBAA2D,8BAAY,CAAC,MAAM;AAClF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAwC,8BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAA4C,8BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,gDAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,mDAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,IACpC,eAAa,gDAAwB;AAAA,KAEnC,YAAW,YACX,mDAAC;AAAA,IACC,UAAU;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,aAAY;AAAA,IACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,GACT,GAEF,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,mDAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,GAAG;AAAA,EAEH,UAAU,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,8BAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
6
6
  "names": []
7
7
  }
@@ -3,34 +3,8 @@ var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
6
  var __getProtoOf = Object.getPrototypeOf;
8
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
8
  var __export = (target, all) => {
35
9
  for (var name in all)
36
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -87,18 +61,16 @@ const PageHeaderSummaryWrapper = (0, import_ds_system.styled)("div", {
87
61
  width: ${({ theme }) => theme.space.l};
88
62
  }
89
63
  `;
90
- const PageHeaderSummary = (_a) => {
91
- var _b = _a, { value = null, label = "" } = _b, rest = __objRest(_b, ["value", "label"]);
92
- return /* @__PURE__ */ import_react.default.createElement(PageHeaderSummaryWrapper, __spreadValues({
93
- "data-testid": import_exported_related.DSPageHeaderDataTestIds.SUMMARY
94
- }, rest), (value === 0 || value) && /* @__PURE__ */ import_react.default.createElement("div", {
95
- className: "ph-summary-value"
96
- }, value), label && /* @__PURE__ */ import_react.default.createElement("div", {
97
- className: "ph-summary-label"
98
- }, label), (value === 0 || value || label) && /* @__PURE__ */ import_react.default.createElement("div", {
99
- className: "ph-summary-space"
100
- }));
101
- };
64
+ const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */ import_react.default.createElement(PageHeaderSummaryWrapper, {
65
+ "data-testid": import_exported_related.DSPageHeaderDataTestIds.SUMMARY,
66
+ ...rest
67
+ }, (value === 0 || value) && /* @__PURE__ */ import_react.default.createElement("div", {
68
+ className: "ph-summary-value"
69
+ }, value), label && /* @__PURE__ */ import_react.default.createElement("div", {
70
+ className: "ph-summary-label"
71
+ }, label), (value === 0 || value || label) && /* @__PURE__ */ import_react.default.createElement("div", {
72
+ className: "ph-summary-space"
73
+ }));
102
74
  const props = {
103
75
  value: import_ds_utilities.PropTypes.number.description("value for page header summary"),
104
76
  label: import_ds_utilities.PropTypes.string.description("label attached to value")
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/v2/components/PageHeaderSummary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.SUMMARY,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n margin-left: ${({ theme }) => theme.space.xxxs};\n font-size: ${({ theme }) => theme.fontSizes.title[700]};\n line-height: ${({ theme }) => theme.lineHeights.m};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n &:before {\n display: block;\n content: '';\n height: 23px;\n background: ${({ theme }) => theme.colors.neutral[600]};\n width: 1px;\n margin-right: ${({ theme }) => theme.space.xxs};\n }\n .ph-summary-value {\n color: ${({ theme }) => theme.colors.neutral[700]};\n padding-right: ${({ theme }) => theme.space.xxs};\n }\n .ph-summary-label {\n color: ${({ theme }) => theme.colors.neutral[600]};\n }\n .ph-summary-space {\n width: ${({ theme }) => theme.space.l};\n }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n {label && <div className=\"ph-summary-label\">{label}</div>}\n {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n /** value for page header summary */\n value: PropTypes.number.description('value for page header summary'),\n /** label attached to value */\n label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAoC;AACpC,uBAAuB;AACvB,8BAA6E;AAE7E,MAAM,2BAA2B,6BAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,4DAAC;AAAA,IAAyB,eAAa,gDAAwB;AAAA,KAAa,OACxE,WAAU,KAAK,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACnE,SAAS,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAmB,CACxE;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,kCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAoC;AACpC,uBAAuB;AACvB,8BAA6E;AAE7E,MAAM,2BAA2B,6BAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,MAAM,QAAQ,OAAO,WACxD,mDAAC;AAAA,EAAyB,eAAa,gDAAwB;AAAA,EAAU,GAAG;AAAA,GACxE,WAAU,KAAK,UAAU,mDAAC;AAAA,EAAI,WAAU;AAAA,GAAoB,KAAM,GACnE,SAAS,mDAAC;AAAA,EAAI,WAAU;AAAA,GAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,mDAAC;AAAA,EAAI,WAAU;AAAA,CAAmB,CACxE;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,kCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
6
6
  "names": []
7
7
  }