@elliemae/ds-page-header 2.3.0-alpha.9 → 2.3.0-next.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.
- package/cjs/DSPageHeader.js +21 -0
- package/cjs/index.js +26 -0
- package/cjs/v1/DSPageHeader.js +124 -0
- package/cjs/v1/DropdownTitle.js +41 -0
- package/cjs/v1/EditableTitle.js +55 -0
- package/cjs/v1/PageHeaderImpl.js +129 -0
- package/cjs/v1/Title.js +25 -0
- package/cjs/v1/TitleWrapper.js +8 -0
- package/cjs/v2/PageHeader.js +91 -0
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +37 -0
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +121 -0
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +37 -0
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +61 -0
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +64 -0
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +37 -0
- package/cjs/v2/components/blocks.js +25 -0
- package/cjs/v2/props.js +44 -0
- package/esm/DSPageHeader.js +6 -0
- package/esm/index.js +6 -0
- package/esm/v1/DSPageHeader.js +112 -0
- package/esm/v1/DropdownTitle.js +33 -0
- package/esm/v1/EditableTitle.js +47 -0
- package/esm/v1/PageHeaderImpl.js +121 -0
- package/esm/v1/Title.js +18 -0
- package/esm/v1/TitleWrapper.js +6 -0
- package/esm/v2/PageHeader.js +75 -0
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +28 -0
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +108 -0
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +28 -0
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +50 -0
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +51 -0
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +28 -0
- package/esm/v2/components/blocks.js +13 -0
- package/esm/v2/props.js +39 -0
- package/package.json +60 -62
- package/{dist/types → types}/DSPageHeader.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/v1/DSPageHeader.d.ts +0 -0
- package/{dist/types → types}/v1/DropdownTitle.d.ts +0 -0
- package/{dist/types → types}/v1/EditableTitle.d.ts +0 -0
- package/{dist/types → types}/v1/PageHeaderImpl.d.ts +0 -0
- package/{dist/types → types}/v1/Title.d.ts +0 -0
- package/{dist/types → types}/v1/TitleWrapper.d.ts +0 -0
- package/{dist/types → types}/v2/PageHeader.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderBack/PageHeaderBack.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +0 -0
- package/{dist/types → types}/v2/components/blocks.d.ts +0 -0
- package/{dist/types → types}/v2/props.d.ts +0 -0
- package/{dist/types → types}/v2/tests/utils.d.ts +0 -0
- package/dist/cjs/DSPageHeader.js +0 -36
- package/dist/cjs/DSPageHeader.js.map +0 -7
- package/dist/cjs/index.js +0 -43
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/v1/DSPageHeader.js +0 -97
- package/dist/cjs/v1/DSPageHeader.js.map +0 -7
- package/dist/cjs/v1/DropdownTitle.js +0 -55
- package/dist/cjs/v1/DropdownTitle.js.map +0 -7
- package/dist/cjs/v1/EditableTitle.js +0 -69
- package/dist/cjs/v1/EditableTitle.js.map +0 -7
- package/dist/cjs/v1/PageHeaderImpl.js +0 -135
- package/dist/cjs/v1/PageHeaderImpl.js.map +0 -7
- package/dist/cjs/v1/Title.js +0 -43
- package/dist/cjs/v1/Title.js.map +0 -7
- package/dist/cjs/v1/TitleWrapper.js +0 -37
- package/dist/cjs/v1/TitleWrapper.js.map +0 -7
- package/dist/cjs/v2/PageHeader.js +0 -106
- package/dist/cjs/v2/PageHeader.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +0 -39
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -107
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -39
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -54
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -55
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -39
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/dist/cjs/v2/components/blocks.js +0 -49
- package/dist/cjs/v2/components/blocks.js.map +0 -7
- package/dist/cjs/v2/props.js +0 -56
- package/dist/cjs/v2/props.js.map +0 -7
- package/dist/cjs/v2/tests/utils.js +0 -123
- package/dist/cjs/v2/tests/utils.js.map +0 -7
- package/dist/esm/DSPageHeader.js +0 -7
- package/dist/esm/DSPageHeader.js.map +0 -7
- package/dist/esm/index.js +0 -14
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/v1/DSPageHeader.js +0 -68
- package/dist/esm/v1/DSPageHeader.js.map +0 -7
- package/dist/esm/v1/DropdownTitle.js +0 -26
- package/dist/esm/v1/DropdownTitle.js.map +0 -7
- package/dist/esm/v1/EditableTitle.js +0 -40
- package/dist/esm/v1/EditableTitle.js.map +0 -7
- package/dist/esm/v1/PageHeaderImpl.js +0 -106
- package/dist/esm/v1/PageHeaderImpl.js.map +0 -7
- package/dist/esm/v1/Title.js +0 -14
- package/dist/esm/v1/Title.js.map +0 -7
- package/dist/esm/v1/TitleWrapper.js +0 -8
- package/dist/esm/v1/TitleWrapper.js.map +0 -7
- package/dist/esm/v2/PageHeader.js +0 -77
- package/dist/esm/v2/PageHeader.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +0 -10
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -78
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -10
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -25
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -26
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -10
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/dist/esm/v2/components/blocks.js +0 -20
- package/dist/esm/v2/components/blocks.js.map +0 -7
- package/dist/esm/v2/props.js +0 -27
- package/dist/esm/v2/props.js.map +0 -7
- package/dist/esm/v2/tests/utils.js +0 -94
- package/dist/esm/v2/tests/utils.js.map +0 -7
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderSummary_exports = {};
|
|
29
|
-
__export(PageHeaderSummary_exports, {
|
|
30
|
-
DSPageHeaderSummaryWithSchema: () => DSPageHeaderSummaryWithSchema,
|
|
31
|
-
PageHeaderSummary: () => PageHeaderSummary
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_blocks = require("../blocks");
|
|
37
|
-
const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderSummaryWrapper, {
|
|
38
|
-
...rest
|
|
39
|
-
}, (value === 0 || value) && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
40
|
-
className: "ph-summary-value"
|
|
41
|
-
}, value), label && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
42
|
-
className: "ph-summary-label"
|
|
43
|
-
}, label), (value === 0 || value || label) && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
44
|
-
className: "ph-summary-space"
|
|
45
|
-
}));
|
|
46
|
-
const props = {
|
|
47
|
-
value: import_react_desc.PropTypes.number.description("value for page header summary"),
|
|
48
|
-
label: import_react_desc.PropTypes.string.description("label attached to value")
|
|
49
|
-
};
|
|
50
|
-
PageHeaderSummary.propTypes = props;
|
|
51
|
-
const DSPageHeaderSummaryWithSchema = (0, import_react_desc.describe)(PageHeaderSummary);
|
|
52
|
-
DSPageHeaderSummaryWithSchema.propTypes = props;
|
|
53
|
-
module.exports = __toCommonJS(PageHeaderSummary_exports);
|
|
54
|
-
//# sourceMappingURL=PageHeaderSummary.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\n\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper {...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;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAyC;AAEzC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,MAAM,QAAQ,OAAO,WACxD,mDAAC,wCAAD;AAAA,KAA8B;AAAA,GAC1B,WAAU,KAAK,UAAU,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GAAoB,QAC7D,SAAS,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GAAoB,QAC3C,WAAU,KAAK,SAAS,UAAU,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA;AAIvD,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,kBAAkB,YAAY;AAE9B,MAAM,gCAAgC,gCAAS;AAE/C,8BAA8B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderTitle_exports = {};
|
|
29
|
-
__export(PageHeaderTitle_exports, {
|
|
30
|
-
DSPageHeaderTitleWithSchema: () => DSPageHeaderTitleWithSchema,
|
|
31
|
-
PageHeaderTitle: () => PageHeaderTitle
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
|
|
37
|
-
var import_RequiredMark = __toESM(require("@elliemae/ds-form/RequiredMark"));
|
|
38
|
-
var import_blocks = require("../blocks");
|
|
39
|
-
const PageHeaderTitle = ({ children, showMarker = false, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderTitleWrapper, {
|
|
40
|
-
...rest,
|
|
41
|
-
"data-testid": "ds-page-header-title"
|
|
42
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
|
|
43
|
-
value: children
|
|
44
|
-
})), showMarker && /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.default, {
|
|
45
|
-
required: true
|
|
46
|
-
}));
|
|
47
|
-
const props = {
|
|
48
|
-
children: import_react_desc.PropTypes.string.description("Page header title string"),
|
|
49
|
-
showMarker: import_react_desc.PropTypes.bool.description("show required mark")
|
|
50
|
-
};
|
|
51
|
-
PageHeaderTitle.propTypes = props;
|
|
52
|
-
const DSPageHeaderTitleWithSchema = (0, import_react_desc.describe)(PageHeaderTitle);
|
|
53
|
-
DSPageHeaderTitleWithSchema.propTypes = props;
|
|
54
|
-
module.exports = __toCommonJS(PageHeaderTitle_exports);
|
|
55
|
-
//# sourceMappingURL=PageHeaderTitle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport RequiredMark from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n <TooltipTextProvider>\n <DSTruncatedTooltipText value={children} />\n </TooltipTextProvider>\n {showMarker && <RequiredMark required />}\n </PageHeaderTitleWrapper>\n);\n\nconst props = {\n /** page header title string */\n children: PropTypes.string.description('Page header title string'),\n /** show required mark */\n showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAA4D;AAC5D,0BAAyB;AACzB,oBAAuC;AAEvC,MAAM,kBAAkB,CAAC,EAAE,UAAU,aAAa,UAAU,WAC1D,mDAAC,sCAAD;AAAA,KAA4B;AAAA,EAAM,eAAY;AAAA,GAC5C,mDAAC,sDAAD,MACE,mDAAC,0CAAD;AAAA,EAAwB,OAAO;AAAA,KAEhC,cAAc,mDAAC,6BAAD;AAAA,EAAc,UAAQ;AAAA;AAIzC,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,YAAY,4BAAU,KAAK,YAAY;AAAA;AAGzC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,gCAAS;AAE7C,4BAA4B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderToolbar_exports = {};
|
|
29
|
-
__export(PageHeaderToolbar_exports, {
|
|
30
|
-
PageHeaderToolbar: () => PageHeaderToolbar
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_blocks = require("../blocks");
|
|
35
|
-
const PageHeaderToolbar = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderToolbarWrapper, {
|
|
36
|
-
...rest
|
|
37
|
-
}, children);
|
|
38
|
-
module.exports = __toCommonJS(PageHeaderToolbar_exports);
|
|
39
|
-
//# sourceMappingURL=PageHeaderToolbar.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAyC;AAElC,MAAM,oBAAoB,CAAC,EAAE,aAAa,WAC/C,mDAAC,wCAAD;AAAA,KAA8B;AAAA,GAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var blocks_exports = {};
|
|
29
|
-
__export(blocks_exports, {
|
|
30
|
-
EditableTitleComponent: () => EditableTitleComponent,
|
|
31
|
-
PageHeaderBackWrapper: () => PageHeaderBackWrapper,
|
|
32
|
-
PageHeaderMenuWrapper: () => PageHeaderMenuWrapper,
|
|
33
|
-
PageHeaderSummaryWrapper: () => PageHeaderSummaryWrapper,
|
|
34
|
-
PageHeaderTitleWrapper: () => PageHeaderTitleWrapper,
|
|
35
|
-
PageHeaderToolbarWrapper: () => PageHeaderToolbarWrapper,
|
|
36
|
-
cssPrefix: () => import_ds_classnames.cssPrefix
|
|
37
|
-
});
|
|
38
|
-
var React = __toESM(require("react"));
|
|
39
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
40
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
41
|
-
const blockName = "page-header-v2";
|
|
42
|
-
const PageHeaderTitleWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "title");
|
|
43
|
-
const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_ds_form.DSInput)(`${blockName}-title`, "editable-title");
|
|
44
|
-
const PageHeaderBackWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-back`);
|
|
45
|
-
const PageHeaderSummaryWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-summary`);
|
|
46
|
-
const PageHeaderMenuWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-menu`);
|
|
47
|
-
const PageHeaderToolbarWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`);
|
|
48
|
-
module.exports = __toCommonJS(blocks_exports);
|
|
49
|
-
//# sourceMappingURL=blocks.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/v2/components/blocks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { aggregatedClasses, cssPrefix } from '@elliemae/ds-classnames';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst blockName = 'page-header-v2';\n\nexport const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');\nexport const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\nexport const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);\nexport const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);\nexport const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);\nexport const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);\nexport { cssPrefix };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA6C;AAC7C,qBAAwB;AAExB,MAAM,YAAY;AAEX,MAAM,yBAAyB,4CAAkB,OAAO,GAAG,mBAAmB;AAC9E,MAAM,yBAAyB,4CAAkB,wBAAS,GAAG,mBAAmB;AAChF,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;AAC7D,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,4CAAkB,OAAO,GAAG;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/v2/props.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var props_exports = {};
|
|
29
|
-
__export(props_exports, {
|
|
30
|
-
defaultProps: () => defaultProps,
|
|
31
|
-
navProps: () => navProps
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react_desc = require("react-desc");
|
|
35
|
-
const navProps = {
|
|
36
|
-
containerProps: import_react_desc.PropTypes.shape({}).description("props injected to wrapper of page header"),
|
|
37
|
-
breadcrumbs: import_react_desc.PropTypes.node.description("breadcrumbs component"),
|
|
38
|
-
pageTitle: import_react_desc.PropTypes.node.description("PageHeaderTitle component"),
|
|
39
|
-
backarrow: import_react_desc.PropTypes.node.description("back arrow component"),
|
|
40
|
-
summary: import_react_desc.PropTypes.node.description("PageHeaderSummary component"),
|
|
41
|
-
toolbar: import_react_desc.PropTypes.node.description("toolbar component"),
|
|
42
|
-
menu: import_react_desc.PropTypes.node.description("PageHeaderMenu component"),
|
|
43
|
-
withBottomSeparator: import_react_desc.PropTypes.bool.description("Border bottom below the page header")
|
|
44
|
-
};
|
|
45
|
-
const defaultProps = {
|
|
46
|
-
containerProps: {},
|
|
47
|
-
breadcrumbs: null,
|
|
48
|
-
pageTitle: null,
|
|
49
|
-
backarrow: null,
|
|
50
|
-
summary: null,
|
|
51
|
-
toolbar: null,
|
|
52
|
-
menu: null,
|
|
53
|
-
withBottomSeparator: true
|
|
54
|
-
};
|
|
55
|
-
module.exports = __toCommonJS(props_exports);
|
|
56
|
-
//# sourceMappingURL=props.js.map
|
package/dist/cjs/v2/props.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/v2/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const navProps = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description(\n 'props injected to wrapper of page header',\n ),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node.description('back arrow component'),\n /** PageHeaderSummary component */\n summary: PropTypes.node.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node.description('toolbar component'),\n /** PageHeaderMenu component */\n menu: PropTypes.node.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description(\n 'Border bottom below the page header',\n ),\n};\n\nexport const defaultProps = {\n containerProps: {},\n breadcrumbs: null,\n pageTitle: null,\n backarrow: null,\n summary: null,\n toolbar: null,\n menu: null,\n withBottomSeparator: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,WAAW;AAAA,EAEtB,gBAAgB,4BAAU,MAAM,IAAI,YAClC;AAAA,EAGF,aAAa,4BAAU,KAAK,YAAY;AAAA,EAExC,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,4BAAU,KAAK,YAAY;AAAA,EAEjC,qBAAqB,4BAAU,KAAK,YAClC;AAAA;AAIG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,qBAAqB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var utils_exports = {};
|
|
29
|
-
__export(utils_exports, {
|
|
30
|
-
options: () => options
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
34
|
-
const subItems = [
|
|
35
|
-
{
|
|
36
|
-
id: "id3",
|
|
37
|
-
label: "SubMenu List Item-1",
|
|
38
|
-
onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id3")
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
id: "id4",
|
|
42
|
-
type: "subMenu",
|
|
43
|
-
label: "SubMenu List Item-2",
|
|
44
|
-
onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id4"),
|
|
45
|
-
subItems: [
|
|
46
|
-
{
|
|
47
|
-
id: "id5",
|
|
48
|
-
label: "SubMenu List Item-2",
|
|
49
|
-
onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id5")
|
|
50
|
-
}
|
|
51
|
-
]
|
|
52
|
-
}
|
|
53
|
-
];
|
|
54
|
-
const options = [
|
|
55
|
-
{
|
|
56
|
-
type: "SelectionGroup",
|
|
57
|
-
id: "select-option",
|
|
58
|
-
multi: false,
|
|
59
|
-
closeOnClick: false,
|
|
60
|
-
interactionType: "click",
|
|
61
|
-
items: [
|
|
62
|
-
{
|
|
63
|
-
id: "id-1",
|
|
64
|
-
selectable: true,
|
|
65
|
-
type: "subMenu",
|
|
66
|
-
label: "View Example 123",
|
|
67
|
-
rightAddonType: "elipsis",
|
|
68
|
-
interactionType: "click",
|
|
69
|
-
subItems
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
id: "id-2",
|
|
73
|
-
type: "subMenu",
|
|
74
|
-
label: "Option 2",
|
|
75
|
-
rightAddonType: "elipsis",
|
|
76
|
-
interactionType: "click",
|
|
77
|
-
subItems
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
id: "id-3",
|
|
81
|
-
type: "subMenu",
|
|
82
|
-
label: "Option 3",
|
|
83
|
-
rightAddonType: "elipsis",
|
|
84
|
-
interactionType: "click",
|
|
85
|
-
subItems
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
id: "id-4",
|
|
89
|
-
type: "subMenu",
|
|
90
|
-
label: "Option 4",
|
|
91
|
-
rightAddonType: "elipsis",
|
|
92
|
-
interactionType: "click",
|
|
93
|
-
subItems
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
id: "id-5",
|
|
97
|
-
type: "subMenu",
|
|
98
|
-
label: "Option 5",
|
|
99
|
-
rightAddonType: "elipsis",
|
|
100
|
-
interactionType: "click",
|
|
101
|
-
subItems
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
id: "id-6",
|
|
105
|
-
type: "subMenu",
|
|
106
|
-
label: "Option 6",
|
|
107
|
-
rightAddonType: "elipsis",
|
|
108
|
-
interactionType: "click",
|
|
109
|
-
subItems
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
id: "id-7",
|
|
113
|
-
type: "subMenu",
|
|
114
|
-
label: "Truncate long option Other Custom View Long Long Long Long Long",
|
|
115
|
-
rightAddonType: "elipsis",
|
|
116
|
-
interactionType: "click",
|
|
117
|
-
subItems
|
|
118
|
-
}
|
|
119
|
-
]
|
|
120
|
-
}
|
|
121
|
-
];
|
|
122
|
-
module.exports = __toCommonJS(utils_exports);
|
|
123
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/v2/tests/utils.js", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADAvB,0BAAuB;AAEvB,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,gCAAO,GAAG;AAAA;AAAA,EAE5B;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,gCAAO,GAAG;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM,gCAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAM3B,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;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/DSPageHeader.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPageHeader.tsx"],
|
|
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": []
|
|
7
|
-
}
|
package/dist/esm/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export * from "./v1/DSPageHeader";
|
|
3
|
-
export * from "./v2/PageHeader";
|
|
4
|
-
import { DSPageHeaderSummaryWithSchema } from "./v2/components/PageHeaderSummary/PageHeaderSummary";
|
|
5
|
-
import { DSPageHeaderTitleWithSchema } from "./v2/components/PageHeaderTitle/PageHeaderTitle";
|
|
6
|
-
import { DSPageHeaderEditableTitleWithSchema } from "./v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle";
|
|
7
|
-
import { default as default2 } from "./v1/DSPageHeader";
|
|
8
|
-
export {
|
|
9
|
-
DSPageHeaderEditableTitleWithSchema,
|
|
10
|
-
DSPageHeaderSummaryWithSchema,
|
|
11
|
-
DSPageHeaderTitleWithSchema,
|
|
12
|
-
default2 as default
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
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/PageHeaderSummary';\nexport { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle/PageHeaderTitle';\nexport { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle';\n\nexport { default } from './v1/DSPageHeader';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AAEA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { describe, PropTypes } from "react-desc";
|
|
4
|
-
import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
|
|
5
|
-
import PageHeaderImpl from "./PageHeaderImpl";
|
|
6
|
-
const DSPageHeader = ({
|
|
7
|
-
containerProps = {},
|
|
8
|
-
renderToolbar = void 0,
|
|
9
|
-
withBottomSeparator = true,
|
|
10
|
-
title = "",
|
|
11
|
-
titleOptions = void 0,
|
|
12
|
-
onSelectOption = () => null,
|
|
13
|
-
subtitle = "",
|
|
14
|
-
optionsSelection = {},
|
|
15
|
-
onGoToPreviousPage = () => null,
|
|
16
|
-
previousPage,
|
|
17
|
-
editable = false,
|
|
18
|
-
editing = void 0,
|
|
19
|
-
titleInputProps = {},
|
|
20
|
-
zIndex = 2,
|
|
21
|
-
optionsMinWidth = void 0,
|
|
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
|
-
}));
|
|
41
|
-
const props = {
|
|
42
|
-
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"),
|
|
46
|
-
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"),
|
|
49
|
-
subtitle: PropTypes.string.description("Description text below the title"),
|
|
50
|
-
optionsSelection: PropTypes.object.description("Selection state for the title dropdown"),
|
|
51
|
-
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"),
|
|
56
|
-
zIndex: PropTypes.number.description("z-index to use for the DropdownMenu"),
|
|
57
|
-
optionsMinWidth: PropTypes.number.description("min width for options dropdown menu")
|
|
58
|
-
};
|
|
59
|
-
DSPageHeader.propTypes = props;
|
|
60
|
-
const DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated("use DSPageHeaderV2");
|
|
61
|
-
DSPageHeaderV1WithSchema.propTypes = props;
|
|
62
|
-
var DSPageHeader_default = DSPageHeader;
|
|
63
|
-
export {
|
|
64
|
-
DSPageHeader,
|
|
65
|
-
DSPageHeaderV1WithSchema,
|
|
66
|
-
DSPageHeader_default as default
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=DSPageHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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 'react-desc';\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;\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;AAAA,EACjB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,kBAAkB;AAAA,KACf;AAAA,MAEH,qCAAC,qBAAD,MACE,qCAAC,gBAAD;AAAA,EACE;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,KACI;AAAA;AAKV,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,MAAM,CAAC,GAAG,IAAI,YAAY;AAAA,EAE7C,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAGF,qBAAqB,UAAU,KAAK,YAClC;AAAA,EAGF,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,cAAc,UAAU,QAAQ,UAAU,QAAQ,YAChD;AAAA,EAGF,gBAAgB,UAAU,KAAK,YAC7B;AAAA,EAGF,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,kBAAkB,UAAU,OAAO,YACjC;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YACtB;AAAA,EAGF,iBAAiB,UAAU,OAAO,YAChC;AAAA,EAGF,cAAc,UAAU,OAAO,YAC7B;AAAA,EAGF,oBAAoB,UAAU,KAAK,YACjC;AAAA,EAGF,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,iBAAiB,UAAU,OAAO,YAChC;AAAA;AAIJ,aAAa,YAAY;AACzB,MAAM,2BAA2B,SAAS,cAAc,WACtD;AAEF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
|
|
4
|
-
import { ChevronSmallDown } from "@elliemae/ds-icons";
|
|
5
|
-
import DSButton from "@elliemae/ds-button";
|
|
6
|
-
import TitleWrapper from "./TitleWrapper";
|
|
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
|
-
}));
|
|
20
|
-
}
|
|
21
|
-
DropdownTitle.propTypes = {};
|
|
22
|
-
var DropdownTitle_default = DropdownTitle;
|
|
23
|
-
export {
|
|
24
|
-
DropdownTitle_default as default
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=DropdownTitle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DropdownTitle.tsx"],
|
|
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,cAAD,MACG,gBACD,qCAAC,gBAAD;AAAA,IACE,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBACE,qCAAC,UAAD;AAAA,MACE,YAAW;AAAA,MACX,eAAY;AAAA,MACZ,MAAM,qCAAC,kBAAD;AAAA;AAAA,IAGV;AAAA;AAAA;AAMR,cAAc,YAAY;AAE1B,IAAO,wBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|