@elliemae/ds-page-header 3.4.3-rc.1 → 3.4.3

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 (68) hide show
  1. package/dist/cjs/DSPageHeader.js +4 -1
  2. package/dist/cjs/DSPageHeader.js.map +1 -1
  3. package/dist/cjs/index.js +4 -1
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/v1/DSPageHeader.js +61 -32
  6. package/dist/cjs/v1/DSPageHeader.js.map +2 -2
  7. package/dist/cjs/v1/DropdownTitle.js +22 -14
  8. package/dist/cjs/v1/DropdownTitle.js.map +2 -2
  9. package/dist/cjs/v1/EditableTitle.js +32 -14
  10. package/dist/cjs/v1/EditableTitle.js.map +2 -2
  11. package/dist/cjs/v1/PageHeaderImpl.js +71 -39
  12. package/dist/cjs/v1/PageHeaderImpl.js.map +2 -2
  13. package/dist/cjs/v1/Title.js +10 -4
  14. package/dist/cjs/v1/Title.js.map +2 -2
  15. package/dist/cjs/v1/TitleWrapper.js +4 -1
  16. package/dist/cjs/v1/TitleWrapper.js.map +1 -1
  17. package/dist/cjs/v2/PageHeader.js +51 -17
  18. package/dist/cjs/v2/PageHeader.js.map +1 -1
  19. package/dist/cjs/v2/components/PageHeaderEditableTitle.js +27 -17
  20. package/dist/cjs/v2/components/PageHeaderEditableTitle.js.map +1 -1
  21. package/dist/cjs/v2/components/PageHeaderSummary.js +21 -11
  22. package/dist/cjs/v2/components/PageHeaderSummary.js.map +1 -1
  23. package/dist/cjs/v2/components/PageHeaderTitle.js +18 -9
  24. package/dist/cjs/v2/components/PageHeaderTitle.js.map +1 -1
  25. package/dist/cjs/v2/config/usePageHeader.js +40 -30
  26. package/dist/cjs/v2/config/usePageHeader.js.map +1 -1
  27. package/dist/cjs/v2/exported-related/data-test-ids.js +4 -1
  28. package/dist/cjs/v2/exported-related/data-test-ids.js.map +1 -1
  29. package/dist/cjs/v2/exported-related/index.js +4 -1
  30. package/dist/cjs/v2/exported-related/index.js.map +1 -1
  31. package/dist/cjs/v2/exported-related/theming.js +4 -1
  32. package/dist/cjs/v2/exported-related/theming.js.map +1 -1
  33. package/dist/cjs/v2/react-desc-prop-types.js +4 -1
  34. package/dist/cjs/v2/react-desc-prop-types.js.map +1 -1
  35. package/dist/cjs/v2/styled.js +4 -1
  36. package/dist/cjs/v2/styled.js.map +1 -1
  37. package/dist/cjs/v2/tests/utils.js +4 -1
  38. package/dist/cjs/v2/tests/utils.js.map +1 -1
  39. package/dist/esm/DSPageHeader.js.map +2 -2
  40. package/dist/esm/index.js.map +2 -2
  41. package/dist/esm/v1/DSPageHeader.js +57 -31
  42. package/dist/esm/v1/DSPageHeader.js.map +1 -1
  43. package/dist/esm/v1/DropdownTitle.js +18 -13
  44. package/dist/esm/v1/DropdownTitle.js.map +1 -1
  45. package/dist/esm/v1/EditableTitle.js +28 -13
  46. package/dist/esm/v1/EditableTitle.js.map +1 -1
  47. package/dist/esm/v1/PageHeaderImpl.js +67 -38
  48. package/dist/esm/v1/PageHeaderImpl.js.map +1 -1
  49. package/dist/esm/v1/Title.js +6 -3
  50. package/dist/esm/v1/Title.js.map +1 -1
  51. package/dist/esm/v1/TitleWrapper.js.map +1 -1
  52. package/dist/esm/v2/PageHeader.js +47 -16
  53. package/dist/esm/v2/PageHeader.js.map +1 -1
  54. package/dist/esm/v2/components/PageHeaderEditableTitle.js +23 -16
  55. package/dist/esm/v2/components/PageHeaderEditableTitle.js.map +1 -1
  56. package/dist/esm/v2/components/PageHeaderSummary.js +17 -10
  57. package/dist/esm/v2/components/PageHeaderSummary.js.map +1 -1
  58. package/dist/esm/v2/components/PageHeaderTitle.js +14 -8
  59. package/dist/esm/v2/components/PageHeaderTitle.js.map +1 -1
  60. package/dist/esm/v2/config/usePageHeader.js +36 -29
  61. package/dist/esm/v2/config/usePageHeader.js.map +1 -1
  62. package/dist/esm/v2/exported-related/data-test-ids.js.map +1 -1
  63. package/dist/esm/v2/exported-related/index.js.map +1 -1
  64. package/dist/esm/v2/exported-related/theming.js.map +1 -1
  65. package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
  66. package/dist/esm/v2/styled.js.map +1 -1
  67. package/dist/esm/v2/tests/utils.js.map +1 -1
  68. package/package.json +13 -13
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var utils_exports = {};
23
26
  __export(utils_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/v2/tests/utils.js", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { logger } from '@elliemae/ds-utilities';\n\nconst subItems = [\n {\n id: 'id3',\n label: 'SubMenu List Item-1',\n onClick: (e) => logger(e, 'subMenu id3'),\n },\n {\n id: 'id4',\n type: 'subMenu',\n label: 'SubMenu List Item-2',\n onClick: (e) => logger(e, 'subMenu id4'),\n subItems: [\n {\n id: 'id5',\n label: 'SubMenu List Item-2',\n onClick: (e) => logger(e, 'subMenu id5'),\n },\n ],\n },\n];\n\nexport const options = [\n {\n type: 'SelectionGroup',\n id: 'select-option',\n multi: false,\n closeOnClick: false,\n interactionType: 'click',\n items: [\n {\n id: 'id-1',\n selectable: true,\n type: 'subMenu',\n label: 'View Example 123',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-2',\n type: 'subMenu',\n label: 'Option 2',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-3',\n type: 'subMenu',\n label: 'Option 3',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-4',\n type: 'subMenu',\n label: 'Option 4',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-5',\n type: 'subMenu',\n label: 'Option 5',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-6',\n type: 'subMenu',\n label: 'Option 6',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-7',\n type: 'subMenu',\n label: 'Truncate long option Other Custom View Long Long Long Long Long',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n ],\n },\n];\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuB;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,gCAAO,GAAG,aAAa;AAAA,EACzC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,gCAAO,GAAG,aAAa;AAAA,IACvC,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM,gCAAO,GAAG,aAAa;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuB;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,EACzC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,IACvC,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,UAAM,4BAAO,GAAG,aAAa;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPageHeader.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v2/PageHeader';\nexport { default } from './v1/DSPageHeader';\n"],
5
- "mappings": "AAAA;ACAA;AACA;",
6
- "names": []
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
6
+ "names": ["default"]
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './v1/DSPageHeader';\nexport * from './v2/PageHeader';\n\nexport { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle';\n\nexport * from './v2/exported-related';\nexport { default } from './v1/DSPageHeader';\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AAEA;AACA;",
6
- "names": []
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AAEd,SAAS,qCAAqC;AAC9C,SAAS,mCAAmC;AAC5C,SAAS,2CAA2C;AAEpD,cAAc;AACd,SAAS,WAAAA,gBAAe;",
6
+ "names": ["default"]
7
7
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { describe, PropTypes } from "@elliemae/ds-utilities";
4
4
  import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
5
5
  import PageHeaderImpl from "./PageHeaderImpl";
@@ -20,45 +20,71 @@ const DSPageHeader = ({
20
20
  zIndex = 2,
21
21
  optionsMinWidth = void 0,
22
22
  ...otherProps
23
- }) => /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(PageHeaderImpl, {
24
- containerProps,
25
- editable,
26
- editing,
27
- onGoToPreviousPage,
28
- onSelectOption,
29
- optionsMinWidth,
30
- optionsSelection,
31
- previousPage,
32
- renderToolbar,
33
- subtitle,
34
- title,
35
- titleInputProps,
36
- titleOptions,
37
- withBottomSeparator,
38
- zIndex,
39
- ...otherProps
40
- }));
23
+ }) => /* @__PURE__ */ jsx(TooltipTextProvider, {
24
+ children: /* @__PURE__ */ jsx(PageHeaderImpl, {
25
+ containerProps,
26
+ editable,
27
+ editing,
28
+ onGoToPreviousPage,
29
+ onSelectOption,
30
+ optionsMinWidth,
31
+ optionsSelection,
32
+ previousPage,
33
+ renderToolbar,
34
+ subtitle,
35
+ title,
36
+ titleInputProps,
37
+ titleOptions,
38
+ withBottomSeparator,
39
+ zIndex,
40
+ ...otherProps
41
+ })
42
+ });
41
43
  const props = {
42
44
  version: PropTypes.oneOf([1, 2]).description("Component version"),
43
- containerProps: PropTypes.object.description("props injected to page header wrapper node"),
44
- renderToolbar: PropTypes.func.description("Function that returns the toolbar to the right of the page header"),
45
- withBottomSeparator: PropTypes.bool.description("Whether to show a separator at the bottom of the header"),
45
+ containerProps: PropTypes.object.description(
46
+ "props injected to page header wrapper node"
47
+ ),
48
+ renderToolbar: PropTypes.func.description(
49
+ "Function that returns the toolbar to the right of the page header"
50
+ ),
51
+ withBottomSeparator: PropTypes.bool.description(
52
+ "Whether to show a separator at the bottom of the header"
53
+ ),
46
54
  title: PropTypes.string.description("The page header title"),
47
- titleOptions: PropTypes.arrayOf(PropTypes.object).description("The title dropdown options"),
48
- onSelectOption: PropTypes.func.description("Handler when a user selects an item in the dropdown menu"),
55
+ titleOptions: PropTypes.arrayOf(PropTypes.object).description(
56
+ "The title dropdown options"
57
+ ),
58
+ onSelectOption: PropTypes.func.description(
59
+ "Handler when a user selects an item in the dropdown menu"
60
+ ),
49
61
  subtitle: PropTypes.string.description("Description text below the title"),
50
- optionsSelection: PropTypes.object.description("Selection state for the title dropdown"),
62
+ optionsSelection: PropTypes.object.description(
63
+ "Selection state for the title dropdown"
64
+ ),
51
65
  editable: PropTypes.bool.description("Whether the title is editable or not"),
52
- editing: PropTypes.bool.description("Activates/Deactivates the editing state in the title"),
53
- titleInputProps: PropTypes.object.description("Props passed to the input for editing the title"),
54
- previousPage: PropTypes.object.description("Enables navigation to previous page with back-arrow"),
55
- onGoToPreviousPage: PropTypes.func.description("Callback to handle navigation to previous page"),
66
+ editing: PropTypes.bool.description(
67
+ "Activates/Deactivates the editing state in the title"
68
+ ),
69
+ titleInputProps: PropTypes.object.description(
70
+ "Props passed to the input for editing the title"
71
+ ),
72
+ previousPage: PropTypes.object.description(
73
+ "Enables navigation to previous page with back-arrow"
74
+ ),
75
+ onGoToPreviousPage: PropTypes.func.description(
76
+ "Callback to handle navigation to previous page"
77
+ ),
56
78
  zIndex: PropTypes.number.description("z-index to use for the DropdownMenu"),
57
- optionsMinWidth: PropTypes.number.description("min width for options dropdown menu")
79
+ optionsMinWidth: PropTypes.number.description(
80
+ "min width for options dropdown menu"
81
+ )
58
82
  };
59
83
  DSPageHeader.propTypes = props;
60
84
  DSPageHeader.displayName = "DSPageHeader";
61
- const DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated("use DSPageHeaderV2");
85
+ const DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated(
86
+ "use DSPageHeaderV2"
87
+ );
62
88
  DSPageHeaderV1WithSchema.propTypes = props;
63
89
  var DSPageHeader_default = DSPageHeader;
64
90
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSPageHeader.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,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,qCAAC,2BACC,qCAAC;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,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAC/B,4CACF;AAAA,EAEA,eAAe,UAAU,KAAK,YAC5B,mEACF;AAAA,EAEA,qBAAqB,UAAU,KAAK,YAClC,yDACF;AAAA,EAEA,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAChD,4BACF;AAAA,EAEA,gBAAgB,UAAU,KAAK,YAC7B,0DACF;AAAA,EAEA,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,UAAU,OAAO,YACjC,wCACF;AAAA,EAEA,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,UAAU,KAAK,YACtB,sDACF;AAAA,EAEA,iBAAiB,UAAU,OAAO,YAChC,iDACF;AAAA,EAEA,cAAc,UAAU,OAAO,YAC7B,qDACF;AAAA,EAEA,oBAAoB,UAAU,KAAK,YACjC,gDACF;AAAA,EAEA,QAAQ,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,UAAU,OAAO,YAChC,qCACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY,EAAE,WACtD,oBACF;AACA,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,iBAAiB;AACpC,SAAS,2BAA2B;AACpC,OAAO,oBAAoB;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AACL,MACE,oBAAC;AAAA,EACC,8BAAC;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,IACC,GAAG;AAAA,GACN;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,UAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,qBAAqB,UAAU,KAAK;AAAA,IAClC;AAAA,EACF;AAAA,EAEA,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA,IAChD;AAAA,EACF;AAAA,EAEA,gBAAgB,UAAU,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,UAAU,OAAO;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,iBAAiB,UAAU,OAAO;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,OAAO;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,oBAAoB,UAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,QAAQ,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,UAAU,OAAO;AAAA,IAChC;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY,EAAE;AAAA,EACtD;AACF;AACA,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,22 +1,27 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
4
4
  import { ChevronSmallDown } from "@elliemae/ds-icons";
5
5
  import DSButton from "@elliemae/ds-button";
6
6
  import TitleWrapper from "./TitleWrapper";
7
7
  function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {
8
- return /* @__PURE__ */ React2.createElement(TitleWrapper, null, titleComponent, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
9
- minWidth: optionsMinWidth,
10
- onSelectMenuItem: onSelectOption,
11
- options,
12
- selection,
13
- triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
14
- buttonType: "text",
15
- "data-testid": "page-header-dropdown-trigger-component",
16
- icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null)
17
- }),
18
- zIndex
19
- }));
8
+ return /* @__PURE__ */ jsxs(TitleWrapper, {
9
+ children: [
10
+ titleComponent,
11
+ /* @__PURE__ */ jsx(DSDropdownMenu, {
12
+ minWidth: optionsMinWidth,
13
+ onSelectMenuItem: onSelectOption,
14
+ options,
15
+ selection,
16
+ triggerComponent: /* @__PURE__ */ jsx(DSButton, {
17
+ buttonType: "text",
18
+ "data-testid": "page-header-dropdown-trigger-component",
19
+ icon: /* @__PURE__ */ jsx(ChevronSmallDown, {})
20
+ }),
21
+ zIndex
22
+ })
23
+ ]
24
+ });
20
25
  }
21
26
  DropdownTitle.propTypes = {};
22
27
  var DropdownTitle_default = DropdownTitle;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DropdownTitle.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport TitleWrapper from './TitleWrapper';\n\nfunction DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {\n return (\n <TitleWrapper>\n {titleComponent}\n <DSDropdownMenu\n minWidth={optionsMinWidth}\n onSelectMenuItem={onSelectOption}\n options={options}\n selection={selection}\n triggerComponent={\n <DSButton\n buttonType=\"text\"\n data-testid=\"page-header-dropdown-trigger-component\"\n icon={<ChevronSmallDown />}\n />\n }\n zIndex={zIndex}\n />\n </TitleWrapper>\n );\n}\n\nDropdownTitle.propTypes = {};\n\nexport default DropdownTitle;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,uBAAuB,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,UAAU;AACtG,SACE,qCAAC,oBACE,gBACD,qCAAC;AAAA,IACC,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBACE,qCAAC;AAAA,MACC,YAAW;AAAA,MACX,eAAY;AAAA,MACZ,MAAM,qCAAC,sBAAiB;AAAA,KAC1B;AAAA,IAEF;AAAA,GACF,CACF;AAEJ;AAEA,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,oBAAoB;AAC3B,SAAS,wBAAwB;AACjC,OAAO,cAAc;AACrB,OAAO,kBAAkB;AAEzB,SAAS,cAAc,EAAE,gBAAgB,gBAAgB,SAAS,iBAAiB,WAAW,OAAO,GAAG;AACtG,SACE,qBAAC;AAAA,IACE;AAAA;AAAA,MACD,oBAAC;AAAA,QACC,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,QACA,kBACE,oBAAC;AAAA,UACC,YAAW;AAAA,UACX,eAAY;AAAA,UACZ,MAAM,oBAAC,oBAAiB;AAAA,SAC1B;AAAA,QAEF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY,CAAC;AAE3B,IAAO,wBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { useRef, useState } from "react";
2
+ import { Fragment, jsx } from "react/jsx-runtime";
3
+ import { useRef, useState } from "react";
3
4
  import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
4
5
  import PropTypes from "prop-types";
5
6
  import { aggregatedClasses } from "@elliemae/ds-classnames";
@@ -7,7 +8,10 @@ import { runAll } from "@elliemae/ds-utilities";
7
8
  import DSInput from "@elliemae/ds-form/Input";
8
9
  import Title from "./Title";
9
10
  const blockName = "page-header";
10
- const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
11
+ const EditableTitleComponent = aggregatedClasses(DSInput)(
12
+ `${blockName}-title`,
13
+ "editable-title"
14
+ );
11
15
  function EditableTitle({
12
16
  children: value,
13
17
  editing: editingProp,
@@ -17,17 +21,28 @@ function EditableTitle({
17
21
  const [hovered, setHovered] = useState(false);
18
22
  const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
19
23
  const titleRef = useRef(null);
20
- return /* @__PURE__ */ React2.createElement(React2.Fragment, null, hovered || editing ? /* @__PURE__ */ React2.createElement(EditableTitleComponent, {
21
- ...titleInputProps,
22
- onBlur: runAll(() => setEditing(false), titleInputProps.onBlur),
23
- onChange: runAll((e) => setTitleValue(e.target.value), titleInputProps.onChange),
24
- onFocus: runAll(() => setEditing(true), titleInputProps.onFocus),
25
- onMouseOut: runAll(() => setHovered(false), titleInputProps.onMouseOut),
26
- value: titleValue
27
- }) : /* @__PURE__ */ React2.createElement("div", {
28
- ref: titleRef,
29
- onMouseEnter: () => setHovered(true)
30
- }, /* @__PURE__ */ React2.createElement(Title, null, titleValue)));
24
+ return /* @__PURE__ */ jsx(Fragment, {
25
+ children: hovered || editing ? /* @__PURE__ */ jsx(EditableTitleComponent, {
26
+ ...titleInputProps,
27
+ onBlur: runAll(() => setEditing(false), titleInputProps.onBlur),
28
+ onChange: runAll(
29
+ (e) => setTitleValue(e.target.value),
30
+ titleInputProps.onChange
31
+ ),
32
+ onFocus: runAll(() => setEditing(true), titleInputProps.onFocus),
33
+ onMouseOut: runAll(
34
+ () => setHovered(false),
35
+ titleInputProps.onMouseOut
36
+ ),
37
+ value: titleValue
38
+ }) : /* @__PURE__ */ jsx("div", {
39
+ ref: titleRef,
40
+ onMouseEnter: () => setHovered(true),
41
+ children: /* @__PURE__ */ jsx(Title, {
42
+ children: titleValue
43
+ })
44
+ })
45
+ });
31
46
  }
32
47
  EditableTitle.propTypes = {
33
48
  children: PropTypes.string,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/EditableTitle.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(\n `${blockName}-title`,\n 'editable-title',\n);\n\nfunction EditableTitle({\n children: value,\n editing: editingProp,\n titleInputProps,\n}) {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n return (\n <>\n {hovered || editing ? (\n <EditableTitleComponent\n {...titleInputProps}\n onBlur={runAll(() => setEditing(false), titleInputProps.onBlur)}\n onChange={runAll(\n (e) => setTitleValue(e.target.value),\n titleInputProps.onChange,\n )}\n onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n onMouseOut={runAll(\n () => setHovered(false),\n titleInputProps.onMouseOut,\n )}\n value={titleValue}\n />\n ) : (\n <div ref={titleRef} onMouseEnter={() => setHovered(true)}>\n <Title>{titleValue}</Title>\n </div>\n )}\n </>\n );\n}\n\nEditableTitle.propTypes = {\n /** The title text */\n children: PropTypes.string,\n /** Whether the title is editing or not */\n editing: PropTypes.bool,\n};\n\nexport default EditableTitle;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,OAAO,EACtD,GAAG,mBACH,gBACF;AAEA,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,SACE,4DACG,WAAW,UACV,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ,QAAQ,OAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,IAC9D,UAAU,OACR,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GACnC,gBAAgB,QAClB;AAAA,IACA,SAAS,OAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,IAC/D,YAAY,OACV,MAAM,WAAW,KAAK,GACtB,gBAAgB,UAClB;AAAA,IACA,OAAO;AAAA,GACT,IAEA,qCAAC;AAAA,IAAI,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW,IAAI;AAAA,KACrD,qCAAC,aAAO,UAAW,CACrB,CAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,UAAU;AAAA,EAEpB,SAAS,UAAU;AACrB;AAEA,IAAO,wBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,QAAQ,gBAAgB;AACxC,SAAS,gCAAgC;AACzC,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,cAAc;AACvB,OAAO,aAAa;AACpB,OAAO,WAAW;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,OAAO;AAAA,EACtD,GAAG;AAAA,EACH;AACF;AAEA,SAAS,cAAc;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AACF,GAAG;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,SACE;AAAA,IACG,qBAAW,UACV,oBAAC;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ,OAAO,MAAM,WAAW,KAAK,GAAG,gBAAgB,MAAM;AAAA,MAC9D,UAAU;AAAA,QACR,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,QACnC,gBAAgB;AAAA,MAClB;AAAA,MACA,SAAS,OAAO,MAAM,WAAW,IAAI,GAAG,gBAAgB,OAAO;AAAA,MAC/D,YAAY;AAAA,QACV,MAAM,WAAW,KAAK;AAAA,QACtB,gBAAgB;AAAA,MAClB;AAAA,MACA,OAAO;AAAA,KACT,IAEA,oBAAC;AAAA,MAAI,KAAK;AAAA,MAAU,cAAc,MAAM,WAAW,IAAI;AAAA,MACrD,8BAAC;AAAA,QAAO;AAAA,OAAW;AAAA,KACrB;AAAA,GAEJ;AAEJ;AAEA,cAAc,YAAY;AAAA,EAExB,UAAU,UAAU;AAAA,EAEpB,SAAS,UAAU;AACrB;AAEA,IAAO,wBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { isFunction } from "@elliemae/ds-utilities";
4
4
  import { aggregatedClasses } from "@elliemae/ds-classnames";
5
5
  import { ChevronLeft } from "@elliemae/ds-icons";
@@ -34,18 +34,28 @@ function HeaderTitle({
34
34
  titleInputProps,
35
35
  zIndex
36
36
  }) {
37
- const titleComponent = editable ? /* @__PURE__ */ React2.createElement(EditableTitle, {
37
+ const titleComponent = editable ? /* @__PURE__ */ jsx(EditableTitle, {
38
38
  editing,
39
- titleInputProps
40
- }, title) : /* @__PURE__ */ React2.createElement(Title, null, title);
41
- return /* @__PURE__ */ React2.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ React2.createElement(DropdownTitle, {
42
- onSelectOption,
43
- options,
44
- optionsMinWidth,
45
- selection,
46
- titleComponent,
47
- zIndex
48
- }) : titleComponent, subtitle && /* @__PURE__ */ React2.createElement(Subtitle, null, subtitle));
39
+ titleInputProps,
40
+ children: title
41
+ }) : /* @__PURE__ */ jsx(Title, {
42
+ children: title
43
+ });
44
+ return /* @__PURE__ */ jsxs(PageHeaderTitle, {
45
+ children: [
46
+ options.length ? /* @__PURE__ */ jsx(DropdownTitle, {
47
+ onSelectOption,
48
+ options,
49
+ optionsMinWidth,
50
+ selection,
51
+ titleComponent,
52
+ zIndex
53
+ }) : titleComponent,
54
+ subtitle && /* @__PURE__ */ jsx(Subtitle, {
55
+ children: subtitle
56
+ })
57
+ ]
58
+ });
49
59
  }
50
60
  function PageHeaderImpl({
51
61
  containerProps,
@@ -67,37 +77,56 @@ function PageHeaderImpl({
67
77
  zIndex
68
78
  }) {
69
79
  const hasBreadcrumbs = !!breadcrumbs.length;
70
- return /* @__PURE__ */ React2.createElement(PageHeaderContainer, {
80
+ return /* @__PURE__ */ jsxs(PageHeaderContainer, {
71
81
  ...containerProps,
72
82
  className,
73
83
  classProps: {
74
84
  withBottomSeparator,
75
85
  subtitle
76
- }
77
- }, previousPage && /* @__PURE__ */ React2.createElement(BackArrow, {
78
- "data-testid": "back-arrow",
79
- onClick: onGoToPreviousPage,
80
- size: DSIconSizes.M
81
- }), /* @__PURE__ */ React2.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
82
- key: breadcrumb.label,
83
- ...breadcrumb
84
- }))), previousPage && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
85
- key: previousPage.id,
86
- label: previousPage.title,
87
- onClick: previousPage.onClick,
88
- ...previousPage
89
- })), /* @__PURE__ */ React2.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ React2.createElement(HeaderTitle, {
90
- editable,
91
- editing,
92
- onSelectOption,
93
- options: titleOptions,
94
- optionsMinWidth,
95
- selection: optionsSelection,
96
- subtitle,
97
- title,
98
- titleInputProps,
99
- zIndex
100
- }), isFunction(renderToolbar) && /* @__PURE__ */ React2.createElement(PageHeaderToolbar, null, renderToolbar()))));
86
+ },
87
+ children: [
88
+ previousPage && /* @__PURE__ */ jsx(BackArrow, {
89
+ "data-testid": "back-arrow",
90
+ onClick: onGoToPreviousPage,
91
+ size: DSIconSizes.M
92
+ }),
93
+ /* @__PURE__ */ jsxs(PageHeaderMainSection, {
94
+ children: [
95
+ hasBreadcrumbs && /* @__PURE__ */ jsx(PageHeaderBreadcrumb, {
96
+ children: breadcrumbs.map((breadcrumb) => /* @__PURE__ */ jsx(DSBreadcrumb.Item, {
97
+ ...breadcrumb
98
+ }, breadcrumb.label))
99
+ }),
100
+ previousPage && /* @__PURE__ */ jsx(PageHeaderBreadcrumb, {
101
+ children: /* @__PURE__ */ jsx(DSBreadcrumb.Item, {
102
+ label: previousPage.title,
103
+ onClick: previousPage.onClick,
104
+ ...previousPage
105
+ }, previousPage.id)
106
+ }),
107
+ /* @__PURE__ */ jsxs(PageHeaderTitleSection, {
108
+ children: [
109
+ /* @__PURE__ */ jsx(HeaderTitle, {
110
+ editable,
111
+ editing,
112
+ onSelectOption,
113
+ options: titleOptions,
114
+ optionsMinWidth,
115
+ selection: optionsSelection,
116
+ subtitle,
117
+ title,
118
+ titleInputProps,
119
+ zIndex
120
+ }),
121
+ isFunction(renderToolbar) && /* @__PURE__ */ jsx(PageHeaderToolbar, {
122
+ children: renderToolbar()
123
+ })
124
+ ]
125
+ })
126
+ ]
127
+ })
128
+ ]
129
+ });
101
130
  }
102
131
  var PageHeaderImpl_default = PageHeaderImpl;
103
132
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/PageHeaderImpl.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle';\nimport Title from './Title';\nimport DropdownTitle from './DropdownTitle';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n 'with-bottom-separator': withBottomSeparator,\n 'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n 'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nfunction HeaderTitle({\n title = '',\n options = [],\n optionsMinWidth,\n onSelectOption = () => null,\n selection,\n subtitle = '',\n editable = false,\n editing = false,\n titleInputProps,\n zIndex,\n}) {\n const titleComponent = editable ? (\n <EditableTitle editing={editing} titleInputProps={titleInputProps}>\n {title}\n </EditableTitle>\n ) : (\n <Title>{title}</Title>\n );\n\n return (\n <PageHeaderTitle>\n {options.length ? (\n <DropdownTitle\n onSelectOption={onSelectOption}\n options={options}\n optionsMinWidth={optionsMinWidth}\n selection={selection}\n titleComponent={titleComponent}\n zIndex={zIndex}\n />\n ) : (\n titleComponent\n )}\n {subtitle && <Subtitle>{subtitle}</Subtitle>}\n </PageHeaderTitle>\n );\n}\n\nfunction PageHeaderImpl({\n containerProps,\n className,\n title,\n titleOptions,\n renderToolbar,\n breadcrumbs = [],\n previousPage,\n onGoToPreviousPage = () => null,\n subtitle = '',\n withBottomSeparator,\n onSelectOption,\n optionsSelection,\n optionsMinWidth,\n editable = false,\n titleInputProps,\n editing = undefined,\n zIndex,\n}) {\n const hasBreadcrumbs = !!breadcrumbs.length;\n\n return (\n <PageHeaderContainer\n {...containerProps}\n className={className}\n classProps={{\n withBottomSeparator,\n subtitle,\n }}\n >\n {previousPage && <BackArrow data-testid=\"back-arrow\" onClick={onGoToPreviousPage} size={DSIconSizes.M} />}\n <PageHeaderMainSection>\n {hasBreadcrumbs && (\n <PageHeaderBreadcrumb>\n {breadcrumbs.map((breadcrumb) => (\n <DSBreadcrumb.Item key={breadcrumb.label} {...breadcrumb} />\n ))}\n </PageHeaderBreadcrumb>\n )}\n {previousPage && (\n <PageHeaderBreadcrumb>\n <DSBreadcrumb.Item\n key={previousPage.id}\n label={previousPage.title}\n onClick={previousPage.onClick}\n {...previousPage}\n />\n </PageHeaderBreadcrumb>\n )}\n <PageHeaderTitleSection>\n <HeaderTitle\n editable={editable}\n editing={editing}\n onSelectOption={onSelectOption}\n options={titleOptions}\n optionsMinWidth={optionsMinWidth}\n selection={optionsSelection}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n zIndex={zIndex}\n />\n {isFunction(renderToolbar) && <PageHeaderToolbar>{renderToolbar()}</PageHeaderToolbar>}\n </PageHeaderTitleSection>\n </PageHeaderMainSection>\n </PageHeaderContainer>\n );\n}\n\nexport default PageHeaderImpl;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AACnB,EAAE;AAEF,MAAM,wBAAwB,kBAAkB,KAAK,EAAE,GAAG,wBAAwB;AAClF,MAAM,yBAAyB,kBAAkB,KAAK,EAAE,GAAG,yBAAyB;AACpF,MAAM,oBAAoB,kBAAkB,KAAK,EAAE,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AACxB,EAAE;AACF,MAAM,uBAAuB,kBAAkB,YAAY,EAAE,GAAG,sBAAsB;AAEtF,MAAM,kBAAkB,kBAAkB,KAAK,EAAE,GAAG,iBAAiB;AACrE,MAAM,WAAW,kBAAkB,KAAK,EAAE,GAAG,mBAAmB,UAAU;AAC1E,MAAM,YAAY,kBAAkB,WAAW,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,qCAAC;AAAA,IAAc;AAAA,IAAkB;AAAA,KAC9B,KACH,IAEA,qCAAC,aAAO,KAAM;AAGhB,SACE,qCAAC,uBACE,QAAQ,SACP,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,IAEA,gBAED,YAAY,qCAAC,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,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,KAEC,gBAAgB,qCAAC;AAAA,IAAU,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,YAAY;AAAA,GAAG,GACvG,qCAAC,6BACE,kBACC,qCAAC,4BACE,YAAY,IAAI,CAAC,eAChB,qCAAC,aAAa,MAAb;AAAA,IAAkB,KAAK,WAAW;AAAA,IAAQ,GAAG;AAAA,GAAY,CAC3D,CACH,GAED,gBACC,qCAAC,4BACC,qCAAC,aAAa,MAAb;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,IACrB,GAAG;AAAA,GACN,CACF,GAEF,qCAAC,8BACC,qCAAC;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,WAAW,aAAa,KAAK,qCAAC,yBAAmB,cAAc,CAAE,CACpE,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,OAAO,kBAAkB;AACzB,SAAS,mBAAmB;AAC5B,OAAO,mBAAmB;AAC1B,OAAO,WAAW;AAClB,OAAO,mBAAmB;AAE1B,MAAM,YAAY;AAElB,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,qBAAqB,SAAS,OAAO;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AACnB,EAAE;AAEF,MAAM,wBAAwB,kBAAkB,KAAK,EAAE,GAAG,wBAAwB;AAClF,MAAM,yBAAyB,kBAAkB,KAAK,EAAE,GAAG,yBAAyB;AACpF,MAAM,oBAAoB,kBAAkB,KAAK,EAAE,GAAG,qBAAqB,MAAM,OAAO;AAAA,EACtF,sBAAsB;AACxB,EAAE;AACF,MAAM,uBAAuB,kBAAkB,YAAY,EAAE,GAAG,sBAAsB;AAEtF,MAAM,kBAAkB,kBAAkB,KAAK,EAAE,GAAG,iBAAiB;AACrE,MAAM,WAAW,kBAAkB,KAAK,EAAE,GAAG,mBAAmB,UAAU;AAC1E,MAAM,YAAY,kBAAkB,WAAW,EAAE,GAAG,qBAAqB;AAEzE,SAAS,YAAY;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;AACF,GAAG;AACD,QAAM,iBAAiB,WACrB,oBAAC;AAAA,IAAc;AAAA,IAAkB;AAAA,IAC9B;AAAA,GACH,IAEA,oBAAC;AAAA,IAAO;AAAA,GAAM;AAGhB,SACE,qBAAC;AAAA,IACE;AAAA,cAAQ,SACP,oBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF,IAEA;AAAA,MAED,YAAY,oBAAC;AAAA,QAAU;AAAA,OAAS;AAAA;AAAA,GACnC;AAEJ;AAEA,SAAS,eAAe;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;AACF,GAAG;AACD,QAAM,iBAAiB,CAAC,CAAC,YAAY;AAErC,SACE,qBAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,IAEC;AAAA,sBAAgB,oBAAC;AAAA,QAAU,eAAY;AAAA,QAAa,SAAS;AAAA,QAAoB,MAAM,YAAY;AAAA,OAAG;AAAA,MACvG,qBAAC;AAAA,QACE;AAAA,4BACC,oBAAC;AAAA,YACE,sBAAY,IAAI,CAAC,eAChB,oBAAC,aAAa,MAAb;AAAA,cAA0C,GAAG;AAAA,eAAtB,WAAW,KAAuB,CAC3D;AAAA,WACH;AAAA,UAED,gBACC,oBAAC;AAAA,YACC,8BAAC,aAAa,MAAb;AAAA,cAEC,OAAO,aAAa;AAAA,cACpB,SAAS,aAAa;AAAA,cACrB,GAAG;AAAA,eAHC,aAAa,EAIpB;AAAA,WACF;AAAA,UAEF,qBAAC;AAAA,YACC;AAAA,kCAAC;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS;AAAA,gBACT;AAAA,gBACA,WAAW;AAAA,gBACX;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,eACF;AAAA,cACC,WAAW,aAAa,KAAK,oBAAC;AAAA,gBAAmB,wBAAc;AAAA,eAAE;AAAA;AAAA,WACpE;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,10 +1,13 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { aggregatedClasses } from "@elliemae/ds-classnames";
4
4
  import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
5
5
  const blockName = "page-header";
6
- const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, "title");
7
- const Title = ({ children }) => /* @__PURE__ */ React2.createElement(TitleWrapper, {
6
+ const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(
7
+ `${blockName}-title`,
8
+ "title"
9
+ );
10
+ const Title = ({ children }) => /* @__PURE__ */ jsx(TitleWrapper, {
8
11
  value: children
9
12
  });
10
13
  var Title_default = Title;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/Title.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst blockName = 'page-header';\nconst TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(\n `${blockName}-title`,\n 'title',\n);\nconst Title = ({ children }) => <TitleWrapper value={children} />;\n\nexport default Title;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,eAAe,kBAAkB,sBAAsB,EAC3D,GAAG,mBACH,OACF;AACA,MAAM,QAAQ,CAAC,EAAE,eAAe,qCAAC;AAAA,EAAa,OAAO;AAAA,CAAU;AAE/D,IAAO,gBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,yBAAyB;AAClC,OAAO,4BAA4B;AAEnC,MAAM,YAAY;AAClB,MAAM,eAAe,kBAAkB,sBAAsB;AAAA,EAC3D,GAAG;AAAA,EACH;AACF;AACA,MAAM,QAAQ,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,EAAa,OAAO;AAAA,CAAU;AAE/D,IAAO,gBAAQ;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TitleWrapper.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n"],
5
- "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAElB,IAAO,uBAAQ,kBAAkB,MAAM,EAAE,GAAG,yBAAyB;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,IAAO,uBAAQ,kBAAkB,MAAM,EAAE,GAAG,yBAAyB;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { describe } from "@elliemae/ds-utilities";
4
4
  import { Grid } from "@elliemae/ds-grid";
5
5
  import { compact } from "lodash";
@@ -33,24 +33,55 @@ const DSPageHeaderV2 = (props) => {
33
33
  const wrapperRow = ["auto", 1];
34
34
  const mainRow = compact([1, "auto"]);
35
35
  const pageTitleRow = compact(["auto", currentMenu && "30px", currentSummary && "auto", 1]);
36
- return /* @__PURE__ */ React2.createElement(Container, {
36
+ return /* @__PURE__ */ jsx(Container, {
37
37
  ...containerProps,
38
38
  ...globalAttributes,
39
39
  ...xStyledProps,
40
- "data-testid": DSPageHeaderDataTestIds.CONTAINER
41
- }, /* @__PURE__ */ React2.createElement(ContainerWBorder, {
42
- withBottomSeparator
43
- }, /* @__PURE__ */ React2.createElement(Grid, {
44
- cols: wrapperRow
45
- }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderBack, null, currentBackArrow)), /* @__PURE__ */ React2.createElement(Grid, {
46
- rows: ["auto", "auto"]
47
- }, /* @__PURE__ */ React2.createElement(Grid, {
48
- className: "em-ds-page-header-v2-breadcrumb"
49
- }, currentBreadcrumbs), /* @__PURE__ */ React2.createElement(Grid, {
50
- cols: mainRow
51
- }, /* @__PURE__ */ React2.createElement(Grid, {
52
- cols: pageTitleRow
53
- }, currentPageTitle, currentMenu && /* @__PURE__ */ React2.createElement(PageHeaderMenu, null, currentMenu), currentSummary, /* @__PURE__ */ React2.createElement("div", null)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderToolbarWrapper, null, currentToolbar)))))));
40
+ "data-testid": DSPageHeaderDataTestIds.CONTAINER,
41
+ children: /* @__PURE__ */ jsx(ContainerWBorder, {
42
+ withBottomSeparator,
43
+ children: /* @__PURE__ */ jsxs(Grid, {
44
+ cols: wrapperRow,
45
+ children: [
46
+ /* @__PURE__ */ jsx(Grid, {
47
+ children: /* @__PURE__ */ jsx(PageHeaderBack, {
48
+ children: currentBackArrow
49
+ })
50
+ }),
51
+ /* @__PURE__ */ jsxs(Grid, {
52
+ rows: ["auto", "auto"],
53
+ children: [
54
+ /* @__PURE__ */ jsx(Grid, {
55
+ className: "em-ds-page-header-v2-breadcrumb",
56
+ children: currentBreadcrumbs
57
+ }),
58
+ /* @__PURE__ */ jsxs(Grid, {
59
+ cols: mainRow,
60
+ children: [
61
+ /* @__PURE__ */ jsxs(Grid, {
62
+ cols: pageTitleRow,
63
+ children: [
64
+ currentPageTitle,
65
+ currentMenu && /* @__PURE__ */ jsx(PageHeaderMenu, {
66
+ children: currentMenu
67
+ }),
68
+ currentSummary,
69
+ /* @__PURE__ */ jsx("div", {})
70
+ ]
71
+ }),
72
+ /* @__PURE__ */ jsx(Grid, {
73
+ children: /* @__PURE__ */ jsx(PageHeaderToolbarWrapper, {
74
+ children: currentToolbar
75
+ })
76
+ })
77
+ ]
78
+ })
79
+ ]
80
+ })
81
+ ]
82
+ })
83
+ })
84
+ });
54
85
  };
55
86
  DSPageHeaderV2.propTypes = PageHeaderPropTypes;
56
87
  DSPageHeaderV2.defaultProps = defaultProps;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/PageHeader.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AAEA,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,cAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,QAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,QAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,qCAAC;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,eAAa,wBAAwB;AAAA,KAErC,qCAAC;AAAA,IAAiB;AAAA,KAChB,qCAAC;AAAA,IAAK,MAAM;AAAA,KACV,qCAAC,YACC,qCAAC,sBAAgB,gBAAiB,CACpC,GACA,qCAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,KACzB,qCAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,kBAAmB,GACtE,qCAAC;AAAA,IAAK,MAAM;AAAA,KACV,qCAAC;AAAA,IAAK,MAAM;AAAA,KACT,kBACA,eAAe,qCAAC,sBAAgB,WAAY,GAC5C,gBACD,qCAAC,WAAI,CACP,GACA,qCAAC,YACC,qCAAC,gCAA0B,cAAe,CAC5C,CACF,CACF,CACF,CACF,CACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,SAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAGA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAClC,SAAS,qBAAoC,oBAAoB;AACjE,SAAS,+BAA+B;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,EACF,IAAI,cAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,UAAU,QAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,eAAe,QAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,oBAAC;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,eAAa,wBAAwB;AAAA,IAErC,8BAAC;AAAA,MAAiB;AAAA,MAChB,+BAAC;AAAA,QAAK,MAAM;AAAA,QACV;AAAA,8BAAC;AAAA,YACC,8BAAC;AAAA,cAAgB;AAAA,aAAiB;AAAA,WACpC;AAAA,UACA,qBAAC;AAAA,YAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,YACzB;AAAA,kCAAC;AAAA,gBAAK,WAAU;AAAA,gBAAmC;AAAA,eAAmB;AAAA,cACtE,qBAAC;AAAA,gBAAK,MAAM;AAAA,gBACV;AAAA,uCAAC;AAAA,oBAAK,MAAM;AAAA,oBACT;AAAA;AAAA,sBACA,eAAe,oBAAC;AAAA,wBAAgB;AAAA,uBAAY;AAAA,sBAC5C;AAAA,sBACD,oBAAC,SAAI;AAAA;AAAA,mBACP;AAAA,kBACA,oBAAC;AAAA,oBACC,8BAAC;AAAA,sBAA0B;AAAA,qBAAe;AAAA,mBAC5C;AAAA;AAAA,eACF;AAAA;AAAA,WACF;AAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,yBAAyB,SAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
6
6
  "names": []
7
7
  }