@elliemae/ds-page-header 3.16.0-next.3 → 3.16.0-next.5

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.
@@ -31,6 +31,7 @@ __export(DSPageHeader_exports, {
31
31
  module.exports = __toCommonJS(DSPageHeader_exports);
32
32
  var React = __toESM(require("react"));
33
33
  var import_jsx_runtime = require("react/jsx-runtime");
34
+ var import_ds_utilities = require("@elliemae/ds-utilities");
34
35
  var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
35
36
  var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
36
37
  var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl"));
@@ -51,27 +52,30 @@ const DSPageHeader = ({
51
52
  zIndex = 2,
52
53
  optionsMinWidth = void 0,
53
54
  ...otherProps
54
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
- import_PageHeaderImpl.default,
56
- {
57
- containerProps,
58
- editable,
59
- editing,
60
- onGoToPreviousPage,
61
- onSelectOption,
62
- optionsMinWidth,
63
- optionsSelection,
64
- previousPage,
65
- renderToolbar,
66
- subtitle,
67
- title,
68
- titleInputProps,
69
- titleOptions,
70
- withBottomSeparator,
71
- zIndex,
72
- ...otherProps
73
- }
74
- ) });
55
+ }) => {
56
+ (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-page-header", version: "3.x Date: 2023 Q1" });
57
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
58
+ import_PageHeaderImpl.default,
59
+ {
60
+ containerProps,
61
+ editable,
62
+ editing,
63
+ onGoToPreviousPage,
64
+ onSelectOption,
65
+ optionsMinWidth,
66
+ optionsSelection,
67
+ previousPage,
68
+ renderToolbar,
69
+ subtitle,
70
+ title,
71
+ titleInputProps,
72
+ titleOptions,
73
+ withBottomSeparator,
74
+ zIndex,
75
+ ...otherProps
76
+ }
77
+ ) });
78
+ };
75
79
  const props = {
76
80
  version: import_ds_props_helpers.PropTypes.oneOf([1, 2]).description("Component version"),
77
81
  containerProps: import_ds_props_helpers.PropTypes.object.description("props injected to page header wrapper node"),
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v1/DSPageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\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('props injected to page header wrapper node'),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description('min width for options dropdown menu'),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAvBJ,8BAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AACL,MACE,4CAAC,wDACC;AAAA,EAAC,sBAAAA;AAAA,EAAA;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;AACN,GACF;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,kCAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,kCAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,eAAe,kCAAU,KAAK,YAAY,mEAAmE;AAAA,EAE7G,qBAAqB,kCAAU,KAAK,YAAY,yDAAyD;AAAA,EAEzG,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA,EAE1F,gBAAgB,kCAAU,KAAK,YAAY,0DAA0D;AAAA,EAErG,UAAU,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,kCAAU,OAAO,YAAY,wCAAwC;AAAA,EAEvF,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,kCAAU,KAAK,YAAY,sDAAsD;AAAA,EAE1F,iBAAiB,kCAAU,OAAO,YAAY,iDAAiD;AAAA,EAE/F,cAAc,kCAAU,OAAO,YAAY,qDAAqD;AAAA,EAEhG,oBAAoB,kCAAU,KAAK,YAAY,gDAAgD;AAAA,EAE/F,QAAQ,kCAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,kCAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,+BAA2B,kCAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n containerProps = {},\n renderToolbar = undefined,\n withBottomSeparator = true,\n title = '',\n titleOptions = undefined,\n onSelectOption = () => null,\n subtitle = '',\n optionsSelection = {},\n onGoToPreviousPage = () => null,\n previousPage,\n editable = false,\n editing = undefined,\n titleInputProps = {},\n zIndex = 2,\n optionsMinWidth = undefined,\n ...otherProps\n}) => {\n useDeprecateComponent({ componentName: 'ds-page-header', version: '3.x Date: 2023 Q1' });\n\n return (\n <TooltipTextProvider>\n <PageHeaderImpl\n containerProps={containerProps}\n editable={editable}\n editing={editing}\n onGoToPreviousPage={onGoToPreviousPage}\n onSelectOption={onSelectOption}\n optionsMinWidth={optionsMinWidth}\n optionsSelection={optionsSelection}\n previousPage={previousPage}\n renderToolbar={renderToolbar}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n titleOptions={titleOptions}\n withBottomSeparator={withBottomSeparator}\n zIndex={zIndex}\n {...otherProps}\n />\n </TooltipTextProvider>\n );\n};\n\nconst props = {\n /* Component version */\n version: PropTypes.oneOf([1, 2]).description('Component version'),\n /* props injected to page header wrapper node */\n containerProps: PropTypes.object.description('props injected to page header wrapper node'),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description('min width for options dropdown menu'),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BjB;AA3BN,0BAAsC;AACtC,8BAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AACL,MAAM;AACJ,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,4CAAC,wDACC;AAAA,IAAC,sBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,SAAS,kCAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,kCAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,eAAe,kCAAU,KAAK,YAAY,mEAAmE;AAAA,EAE7G,qBAAqB,kCAAU,KAAK,YAAY,yDAAyD;AAAA,EAEzG,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA,EAE1F,gBAAgB,kCAAU,KAAK,YAAY,0DAA0D;AAAA,EAErG,UAAU,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,kCAAU,OAAO,YAAY,wCAAwC;AAAA,EAEvF,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,kCAAU,KAAK,YAAY,sDAAsD;AAAA,EAE1F,iBAAiB,kCAAU,OAAO,YAAY,iDAAiD;AAAA,EAE/F,cAAc,kCAAU,OAAO,YAAY,qDAAqD;AAAA,EAEhG,oBAAoB,kCAAU,KAAK,YAAY,gDAAgD;AAAA,EAE/F,QAAQ,kCAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,kCAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,+BAA2B,kCAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
6
6
  "names": ["PageHeaderImpl"]
7
7
  }
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { jsx } from "react/jsx-runtime";
3
+ import { useDeprecateComponent } from "@elliemae/ds-utilities";
3
4
  import { describe, PropTypes } from "@elliemae/ds-props-helpers";
4
5
  import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
5
6
  import PageHeaderImpl from "./PageHeaderImpl";
@@ -20,27 +21,30 @@ const DSPageHeader = ({
20
21
  zIndex = 2,
21
22
  optionsMinWidth = void 0,
22
23
  ...otherProps
23
- }) => /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
24
- PageHeaderImpl,
25
- {
26
- containerProps,
27
- editable,
28
- editing,
29
- onGoToPreviousPage,
30
- onSelectOption,
31
- optionsMinWidth,
32
- optionsSelection,
33
- previousPage,
34
- renderToolbar,
35
- subtitle,
36
- title,
37
- titleInputProps,
38
- titleOptions,
39
- withBottomSeparator,
40
- zIndex,
41
- ...otherProps
42
- }
43
- ) });
24
+ }) => {
25
+ useDeprecateComponent({ componentName: "ds-page-header", version: "3.x Date: 2023 Q1" });
26
+ return /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
27
+ PageHeaderImpl,
28
+ {
29
+ containerProps,
30
+ editable,
31
+ editing,
32
+ onGoToPreviousPage,
33
+ onSelectOption,
34
+ optionsMinWidth,
35
+ optionsSelection,
36
+ previousPage,
37
+ renderToolbar,
38
+ subtitle,
39
+ title,
40
+ titleInputProps,
41
+ titleOptions,
42
+ withBottomSeparator,
43
+ zIndex,
44
+ ...otherProps
45
+ }
46
+ ) });
47
+ };
44
48
  const props = {
45
49
  version: PropTypes.oneOf([1, 2]).description("Component version"),
46
50
  containerProps: PropTypes.object.description("props injected to page header wrapper node"),
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSPageHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\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('props injected to page header wrapper node'),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description('min width for options dropdown menu'),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAvBJ,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,uBACC;AAAA,EAAC;AAAA;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;AACN,GACF;AAGF,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,eAAe,UAAU,KAAK,YAAY,mEAAmE;AAAA,EAE7G,qBAAqB,UAAU,KAAK,YAAY,yDAAyD;AAAA,EAEzG,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA,EAE1F,gBAAgB,UAAU,KAAK,YAAY,0DAA0D;AAAA,EAErG,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,UAAU,KAAK,YAAY,sDAAsD;AAAA,EAE1F,iBAAiB,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAE/F,cAAc,UAAU,OAAO,YAAY,qDAAqD;AAAA,EAEhG,oBAAoB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAE/F,QAAQ,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,UAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n containerProps = {},\n renderToolbar = undefined,\n withBottomSeparator = true,\n title = '',\n titleOptions = undefined,\n onSelectOption = () => null,\n subtitle = '',\n optionsSelection = {},\n onGoToPreviousPage = () => null,\n previousPage,\n editable = false,\n editing = undefined,\n titleInputProps = {},\n zIndex = 2,\n optionsMinWidth = undefined,\n ...otherProps\n}) => {\n useDeprecateComponent({ componentName: 'ds-page-header', version: '3.x Date: 2023 Q1' });\n\n return (\n <TooltipTextProvider>\n <PageHeaderImpl\n containerProps={containerProps}\n editable={editable}\n editing={editing}\n onGoToPreviousPage={onGoToPreviousPage}\n onSelectOption={onSelectOption}\n optionsMinWidth={optionsMinWidth}\n optionsSelection={optionsSelection}\n previousPage={previousPage}\n renderToolbar={renderToolbar}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n titleOptions={titleOptions}\n withBottomSeparator={withBottomSeparator}\n zIndex={zIndex}\n {...otherProps}\n />\n </TooltipTextProvider>\n );\n};\n\nconst props = {\n /* Component version */\n version: PropTypes.oneOf([1, 2]).description('Component version'),\n /* props injected to page header wrapper node */\n containerProps: PropTypes.object.description('props injected to page header wrapper node'),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description('min width for options dropdown menu'),\n};\n\nDSPageHeader.propTypes = props;\nDSPageHeader.displayName = 'DSPageHeader';\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;AC4BjB;AA3BN,SAAS,6BAA6B;AACtC,SAAS,UAAU,iBAAiB;AACpC,SAAS,2BAA2B;AACpC,OAAO,oBAAoB;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,oBAAC,uBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,eAAe,UAAU,KAAK,YAAY,mEAAmE;AAAA,EAE7G,qBAAqB,UAAU,KAAK,YAAY,yDAAyD;AAAA,EAEzG,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,4BAA4B;AAAA,EAE1F,gBAAgB,UAAU,KAAK,YAAY,0DAA0D;AAAA,EAErG,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAEzE,kBAAkB,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAE3E,SAAS,UAAU,KAAK,YAAY,sDAAsD;AAAA,EAE1F,iBAAiB,UAAU,OAAO,YAAY,iDAAiD;AAAA,EAE/F,cAAc,UAAU,OAAO,YAAY,qDAAqD;AAAA,EAEhG,oBAAoB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAE/F,QAAQ,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAE1E,iBAAiB,UAAU,OAAO,YAAY,qCAAqC;AACrF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY,EAAE,WAAW,oBAAoB;AACvF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-page-header",
3
- "version": "3.16.0-next.3",
3
+ "version": "3.16.0-next.5",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Page Header",
6
6
  "files": [
@@ -104,19 +104,19 @@
104
104
  },
105
105
  "dependencies": {
106
106
  "prop-types": "~15.8.1",
107
- "@elliemae/ds-breadcrumb": "3.16.0-next.3",
108
- "@elliemae/ds-button": "3.16.0-next.3",
109
- "@elliemae/ds-classnames": "3.16.0-next.3",
110
- "@elliemae/ds-dropdownmenu": "3.16.0-next.3",
111
- "@elliemae/ds-form": "3.16.0-next.3",
112
- "@elliemae/ds-form-input-text": "3.16.0-next.3",
113
- "@elliemae/ds-grid": "3.16.0-next.3",
114
- "@elliemae/ds-icon": "3.16.0-next.3",
115
- "@elliemae/ds-props-helpers": "3.16.0-next.3",
116
- "@elliemae/ds-system": "3.16.0-next.3",
117
- "@elliemae/ds-icons": "3.16.0-next.3",
118
- "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.3",
119
- "@elliemae/ds-utilities": "3.16.0-next.3"
107
+ "@elliemae/ds-breadcrumb": "3.16.0-next.5",
108
+ "@elliemae/ds-button": "3.16.0-next.5",
109
+ "@elliemae/ds-classnames": "3.16.0-next.5",
110
+ "@elliemae/ds-dropdownmenu": "3.16.0-next.5",
111
+ "@elliemae/ds-form": "3.16.0-next.5",
112
+ "@elliemae/ds-form-input-text": "3.16.0-next.5",
113
+ "@elliemae/ds-grid": "3.16.0-next.5",
114
+ "@elliemae/ds-icon": "3.16.0-next.5",
115
+ "@elliemae/ds-icons": "3.16.0-next.5",
116
+ "@elliemae/ds-props-helpers": "3.16.0-next.5",
117
+ "@elliemae/ds-system": "3.16.0-next.5",
118
+ "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.5",
119
+ "@elliemae/ds-utilities": "3.16.0-next.5"
120
120
  },
121
121
  "devDependencies": {
122
122
  "@testing-library/react": "~12.1.3",