@elliemae/ds-page-header-v2 3.22.0-next.30
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/dist/cjs/PageHeader.js +105 -0
- package/dist/cjs/PageHeader.js.map +7 -0
- package/dist/cjs/components/PageHeaderEditableTitle.js +128 -0
- package/dist/cjs/components/PageHeaderEditableTitle.js.map +7 -0
- package/dist/cjs/components/PageHeaderSummary.js +89 -0
- package/dist/cjs/components/PageHeaderSummary.js.map +7 -0
- package/dist/cjs/components/PageHeaderTitle.js +73 -0
- package/dist/cjs/components/PageHeaderTitle.js.map +7 -0
- package/dist/cjs/config/usePageHeader.js +142 -0
- package/dist/cjs/config/usePageHeader.js.map +7 -0
- package/dist/cjs/exported-related/data-test-ids.js +41 -0
- package/dist/cjs/exported-related/data-test-ids.js.map +7 -0
- package/dist/cjs/exported-related/index.js +32 -0
- package/dist/cjs/exported-related/index.js.map +7 -0
- package/dist/cjs/exported-related/skeletons.js +52 -0
- package/dist/cjs/exported-related/skeletons.js.map +7 -0
- package/dist/cjs/exported-related/theming.js +45 -0
- package/dist/cjs/exported-related/theming.js.map +7 -0
- package/dist/cjs/index.js +50 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/react-desc-prop-types.js +68 -0
- package/dist/cjs/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/styled.js +117 -0
- package/dist/cjs/styled.js.map +7 -0
- package/dist/cjs/tests/utils.js +124 -0
- package/dist/cjs/tests/utils.js.map +7 -0
- package/dist/esm/PageHeader.js +82 -0
- package/dist/esm/PageHeader.js.map +7 -0
- package/dist/esm/components/PageHeaderEditableTitle.js +98 -0
- package/dist/esm/components/PageHeaderEditableTitle.js.map +7 -0
- package/dist/esm/components/PageHeaderSummary.js +59 -0
- package/dist/esm/components/PageHeaderSummary.js.map +7 -0
- package/dist/esm/components/PageHeaderTitle.js +43 -0
- package/dist/esm/components/PageHeaderTitle.js.map +7 -0
- package/dist/esm/config/usePageHeader.js +125 -0
- package/dist/esm/config/usePageHeader.js.map +7 -0
- package/dist/esm/exported-related/data-test-ids.js +11 -0
- package/dist/esm/exported-related/data-test-ids.js.map +7 -0
- package/dist/esm/exported-related/index.js +5 -0
- package/dist/esm/exported-related/index.js.map +7 -0
- package/dist/esm/exported-related/skeletons.js +22 -0
- package/dist/esm/exported-related/skeletons.js.map +7 -0
- package/dist/esm/exported-related/theming.js +15 -0
- package/dist/esm/exported-related/theming.js.map +7 -0
- package/dist/esm/index.js +27 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/package.json +7 -0
- package/dist/esm/react-desc-prop-types.js +38 -0
- package/dist/esm/react-desc-prop-types.js.map +7 -0
- package/dist/esm/styled.js +87 -0
- package/dist/esm/styled.js.map +7 -0
- package/dist/esm/tests/utils.js +94 -0
- package/dist/esm/tests/utils.js.map +7 -0
- package/dist/types/PageHeader.d.ts +10 -0
- package/dist/types/components/PageHeaderEditableTitle.d.ts +15 -0
- package/dist/types/components/PageHeaderSummary.d.ts +14 -0
- package/dist/types/components/PageHeaderTitle.d.ts +16 -0
- package/dist/types/config/usePageHeader.d.ts +18 -0
- package/dist/types/exported-related/data-test-ids.d.ts +6 -0
- package/dist/types/exported-related/index.d.ts +3 -0
- package/dist/types/exported-related/skeletons.d.ts +6 -0
- package/dist/types/exported-related/theming.d.ts +9 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/react-desc-prop-types.d.ts +419 -0
- package/dist/types/styled.d.ts +10 -0
- package/dist/types/tests/PageHeader.test.d.ts +1 -0
- package/dist/types/tests/utils.d.ts +56 -0
- package/package.json +116 -0
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
var data_test_ids_exports = {};
|
30
|
+
__export(data_test_ids_exports, {
|
31
|
+
DSPageHeaderDataTestIds: () => DSPageHeaderDataTestIds
|
32
|
+
});
|
33
|
+
module.exports = __toCommonJS(data_test_ids_exports);
|
34
|
+
var React = __toESM(require("react"));
|
35
|
+
const DSPageHeaderDataTestIds = {
|
36
|
+
CONTAINER: "ds-page-header-container",
|
37
|
+
HEADER_TITLE: "ds-page-header-title",
|
38
|
+
EDITABLE_HEADER_TITLE: "ds-page-header-editable-title",
|
39
|
+
SUMMARY: "ds-page-header-summary"
|
40
|
+
};
|
41
|
+
//# sourceMappingURL=data-test-ids.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../../src/exported-related/data-test-ids.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["export const DSPageHeaderDataTestIds = {\n CONTAINER: 'ds-page-header-container',\n HEADER_TITLE: 'ds-page-header-title',\n EDITABLE_HEADER_TITLE: 'ds-page-header-editable-title',\n SUMMARY: 'ds-page-header-summary',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,SAAS;AACX;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __copyProps = (to, from, except, desc) => {
|
9
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
10
|
+
for (let key of __getOwnPropNames(from))
|
11
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
12
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
13
|
+
}
|
14
|
+
return to;
|
15
|
+
};
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
17
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
18
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
19
|
+
// file that has been converted to a CommonJS file using a Babel-
|
20
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
21
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
22
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
23
|
+
mod
|
24
|
+
));
|
25
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
26
|
+
var exported_related_exports = {};
|
27
|
+
module.exports = __toCommonJS(exported_related_exports);
|
28
|
+
var React = __toESM(require("react"));
|
29
|
+
__reExport(exported_related_exports, require("./data-test-ids.js"), module.exports);
|
30
|
+
__reExport(exported_related_exports, require("./theming.js"), module.exports);
|
31
|
+
__reExport(exported_related_exports, require("./skeletons.js"), module.exports);
|
32
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["export * from './data-test-ids.js';\nexport * from './theming.js';\nexport * from './skeletons.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;AACA,qCAAc,yBADd;AAEA,qCAAc,2BAFd;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
var skeletons_exports = {};
|
30
|
+
__export(skeletons_exports, {
|
31
|
+
BackArrowSkeleton: () => BackArrowSkeleton,
|
32
|
+
BreadcrumbSkeleton: () => BreadcrumbSkeleton,
|
33
|
+
MenuSkeleton: () => MenuSkeleton,
|
34
|
+
PageTitleSkeleton: () => PageTitleSkeleton,
|
35
|
+
SummarySkeleton: () => SummarySkeleton,
|
36
|
+
ToolbarSkeleton: () => ToolbarSkeleton
|
37
|
+
});
|
38
|
+
module.exports = __toCommonJS(skeletons_exports);
|
39
|
+
var React = __toESM(require("react"));
|
40
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
41
|
+
var import_ds_skeleton = require("@elliemae/ds-skeleton");
|
42
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
43
|
+
const ToolbarSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: ["repeat(2, auto)"], gutter: "xxxs", children: [
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "4rem", height: "2rem" }),
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "4rem", height: "2rem" })
|
46
|
+
] });
|
47
|
+
const BreadcrumbSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { cols: ["auto"], gutter: "xxxs", justifyContent: "flex-start", height: "24px", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "4rem", height: "1rem" }) });
|
48
|
+
const SummarySkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { marginLeft: "xxs", variant: "rectangular", width: "4rem", height: "2rem" });
|
49
|
+
const PageTitleSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", maxWidth: "100%", height: "2rem", minWidth: "200px" });
|
50
|
+
const MenuSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "2rem", height: "2rem" });
|
51
|
+
const BackArrowSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { marginRight: "xxs", variant: "rectangular", width: "2rem", height: "2rem" });
|
52
|
+
//# sourceMappingURL=skeletons.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../../src/exported-related/skeletons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["import { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { Grid } from '@elliemae/ds-grid';\nexport const ToolbarSkeleton = () => (\n <Grid cols={['repeat(2, auto)']} gutter={'xxxs'}>\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />\n </Grid>\n);\nexport const BreadcrumbSkeleton = () => (\n <Grid cols={['auto']} gutter={'xxxs'} justifyContent=\"flex-start\" height=\"24px\" alignItems=\"center\">\n <DSSkeleton variant=\"rectangular\" width=\"4rem\" height=\"1rem\" />\n </Grid>\n);\nexport const SummarySkeleton = () => <DSSkeleton marginLeft={'xxs'} variant=\"rectangular\" width=\"4rem\" height=\"2rem\" />;\nexport const PageTitleSkeleton = () => (\n <DSSkeleton variant=\"rectangular\" maxWidth=\"100%\" height=\"2rem\" minWidth=\"200px\" />\n);\nexport const MenuSkeleton = () => <DSSkeleton variant=\"rectangular\" width=\"2rem\" height=\"2rem\" />;\nexport const BackArrowSkeleton = () => (\n <DSSkeleton marginRight=\"xxs\" variant=\"rectangular\" width=\"2rem\" height=\"2rem\" />\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGrB;AAHF,yBAA2B;AAC3B,qBAAqB;AACd,MAAM,kBAAkB,MAC7B,6CAAC,uBAAK,MAAM,CAAC,iBAAiB,GAAG,QAAQ,QACvC;AAAA,8CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAAA,EAC7D,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAAA,GAC/D;AAEK,MAAM,qBAAqB,MAChC,4CAAC,uBAAK,MAAM,CAAC,MAAM,GAAG,QAAQ,QAAQ,gBAAe,cAAa,QAAO,QAAO,YAAW,UACzF,sDAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO,GAC/D;AAEK,MAAM,kBAAkB,MAAM,4CAAC,iCAAW,YAAY,OAAO,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AAC9G,MAAM,oBAAoB,MAC/B,4CAAC,iCAAW,SAAQ,eAAc,UAAS,QAAO,QAAO,QAAO,UAAS,SAAQ;AAE5E,MAAM,eAAe,MAAM,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;AACxF,MAAM,oBAAoB,MAC/B,4CAAC,iCAAW,aAAY,OAAM,SAAQ,eAAc,OAAM,QAAO,QAAO,QAAO;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
var theming_exports = {};
|
30
|
+
__export(theming_exports, {
|
31
|
+
DSPageHeaderName: () => DSPageHeaderName,
|
32
|
+
DSPageHeaderSlots: () => DSPageHeaderSlots
|
33
|
+
});
|
34
|
+
module.exports = __toCommonJS(theming_exports);
|
35
|
+
var React = __toESM(require("react"));
|
36
|
+
const DSPageHeaderName = "DSPageHeader";
|
37
|
+
const DSPageHeaderSlots = {
|
38
|
+
CONTAINER: "root",
|
39
|
+
HEADER_TITLE: "header-title",
|
40
|
+
TOOLBAR: "toolbar",
|
41
|
+
MENU: "menu",
|
42
|
+
SUMMARY: "summary",
|
43
|
+
BACK: "back"
|
44
|
+
};
|
45
|
+
//# sourceMappingURL=theming.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../../src/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["export const DSPageHeaderName = 'DSPageHeader';\n\nexport const DSPageHeaderSlots = {\n CONTAINER: 'root',\n HEADER_TITLE: 'header-title',\n TOOLBAR: 'toolbar',\n MENU: 'menu',\n SUMMARY: 'summary',\n BACK: 'back',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,50 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
22
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
23
|
+
// file that has been converted to a CommonJS file using a Babel-
|
24
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
25
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
26
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
27
|
+
mod
|
28
|
+
));
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
30
|
+
var src_exports = {};
|
31
|
+
__export(src_exports, {
|
32
|
+
DSPageHeaderEditableTitleWithSchema: () => import_PageHeaderEditableTitle.DSPageHeaderEditableTitleWithSchema,
|
33
|
+
DSPageHeaderSummaryWithSchema: () => import_PageHeaderSummary.DSPageHeaderSummaryWithSchema,
|
34
|
+
DSPageHeaderTitleWithSchema: () => import_PageHeaderTitle.DSPageHeaderTitleWithSchema,
|
35
|
+
DSPageHeaderV2: () => import_PageHeader.DSPageHeaderV2,
|
36
|
+
DSPageHeaderWithSchema: () => import_PageHeader.DSPageHeaderWithSchema,
|
37
|
+
PageHeaderCustomRenderer: () => import_PageHeader.PageHeaderCustomRenderer,
|
38
|
+
PageHeaderEditableTitle: () => import_PageHeader.PageHeaderEditableTitle,
|
39
|
+
PageHeaderMenu: () => import_PageHeader.PageHeaderMenu,
|
40
|
+
PageHeaderSummary: () => import_PageHeader.PageHeaderSummary,
|
41
|
+
PageHeaderTitle: () => import_PageHeader.PageHeaderTitle
|
42
|
+
});
|
43
|
+
module.exports = __toCommonJS(src_exports);
|
44
|
+
var React = __toESM(require("react"));
|
45
|
+
var import_PageHeader = require("./PageHeader.js");
|
46
|
+
var import_PageHeaderSummary = require("./components/PageHeaderSummary.js");
|
47
|
+
var import_PageHeaderTitle = require("./components/PageHeaderTitle.js");
|
48
|
+
var import_PageHeaderEditableTitle = require("./components/PageHeaderEditableTitle.js");
|
49
|
+
__reExport(src_exports, require("./exported-related/index.js"), module.exports);
|
50
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["export {\n DSPageHeaderV2,\n DSPageHeaderWithSchema,\n PageHeaderCustomRenderer,\n PageHeaderEditableTitle,\n PageHeaderMenu,\n PageHeaderSummary,\n PageHeaderTitle,\n} from './PageHeader.js';\nexport { DSPageHeaderSummaryWithSchema } from './components/PageHeaderSummary.js';\nexport { DSPageHeaderTitleWithSchema } from './components/PageHeaderTitle.js';\nexport { DSPageHeaderEditableTitleWithSchema } from './components/PageHeaderEditableTitle.js';\nexport * from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAQO;AACP,+BAA8C;AAC9C,6BAA4C;AAC5C,qCAAoD;AACpD,wBAAc,wCAZd;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,68 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
var react_desc_prop_types_exports = {};
|
30
|
+
__export(react_desc_prop_types_exports, {
|
31
|
+
PageHeaderPropTypes: () => PageHeaderPropTypes,
|
32
|
+
defaultProps: () => defaultProps
|
33
|
+
});
|
34
|
+
module.exports = __toCommonJS(react_desc_prop_types_exports);
|
35
|
+
var React = __toESM(require("react"));
|
36
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
37
|
+
const PageHeaderPropTypes = {
|
38
|
+
...import_ds_props_helpers.globalAttributesPropTypes,
|
39
|
+
/** props injected to wrapper of page header */
|
40
|
+
containerProps: import_ds_props_helpers.PropTypes.shape({}).description("props injected to wrapper of page header"),
|
41
|
+
/** breadcrumbs component */
|
42
|
+
breadcrumbs: import_ds_props_helpers.PropTypes.node.description("breadcrumbs component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
|
43
|
+
Breadcrumbs: import_ds_props_helpers.PropTypes.func.description("breadcrumbs component"),
|
44
|
+
/** PageHeaderTitle component */
|
45
|
+
pageTitle: import_ds_props_helpers.PropTypes.node.description("PageHeaderTitle component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
|
46
|
+
PageTitle: import_ds_props_helpers.PropTypes.func.description("PageHeaderTitle component"),
|
47
|
+
/** back arrow component */
|
48
|
+
backarrow: import_ds_props_helpers.PropTypes.node.description("back arrow component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
|
49
|
+
Backarrow: import_ds_props_helpers.PropTypes.func.description("back arrow component"),
|
50
|
+
/** PageHeaderSummary component */
|
51
|
+
summary: import_ds_props_helpers.PropTypes.node.description("PageHeaderSummary component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
|
52
|
+
Summary: import_ds_props_helpers.PropTypes.func.description("PageHeaderSummary component"),
|
53
|
+
/** toolbar component */
|
54
|
+
toolbar: import_ds_props_helpers.PropTypes.node.description("toolbar component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
|
55
|
+
Toolbar: import_ds_props_helpers.PropTypes.func.description("toolbar component"),
|
56
|
+
/** PageHeaderMenu component */
|
57
|
+
menu: import_ds_props_helpers.PropTypes.node.description("PageHeaderMenu component").deprecated({ version: "Prop will be removed on 05/01/2022" }),
|
58
|
+
Menu: import_ds_props_helpers.PropTypes.func.description("PageHeaderMenu component"),
|
59
|
+
/** Border bottom below the page header */
|
60
|
+
withBottomSeparator: import_ds_props_helpers.PropTypes.bool.description("Border bottom below the page header"),
|
61
|
+
isSkeleton: import_ds_props_helpers.PropTypes.bool.description("Loading state of the page header").defaultValue(false)
|
62
|
+
};
|
63
|
+
const defaultProps = {
|
64
|
+
containerProps: {},
|
65
|
+
withBottomSeparator: true,
|
66
|
+
isSkeleton: false
|
67
|
+
};
|
68
|
+
//# sourceMappingURL=react-desc-prop-types.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSPageHeaderT {\n export interface DefaultProps {\n withBottomSeparator: boolean;\n containerProps: object;\n isSkeleton: boolean;\n }\n\n export interface OptionalProps {\n breadcrumbs?: JSX.Element;\n pageTitle?: JSX.Element;\n backarrow?: JSX.Element;\n summary?: JSX.Element;\n toolbar?: JSX.Element;\n menu?: JSX.Element;\n Breadcrumbs?: () => JSX.Element;\n PageTitle?: () => JSX.Element;\n Backarrow?: () => JSX.Element;\n Summary?: () => JSX.Element;\n Toolbar?: () => JSX.Element;\n Menu?: () => JSX.Element;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n ...globalAttributesPropTypes,\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node\n .description('breadcrumbs component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node\n .description('PageHeaderTitle component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node\n .description('back arrow component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Backarrow: PropTypes.func.description('back arrow component'),\n\n /** PageHeaderSummary component */\n summary: PropTypes.node\n .description('PageHeaderSummary component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Summary: PropTypes.func.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node\n .description('toolbar component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Toolbar: PropTypes.func.description('toolbar component'),\n\n /** PageHeaderMenu component */\n menu: PropTypes.node\n .description('PageHeaderMenu component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Menu: PropTypes.func.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n isSkeleton: PropTypes.bool.description('Loading state of the page header').defaultValue(false),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n containerProps: {},\n withBottomSeparator: true,\n isSkeleton: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AA2B9C,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA;AAAA,EAEH,gBAAgB,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAE1F,aAAa,kCAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,kCAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE/D,WAAW,kCAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,kCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAEjE,WAAW,kCAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,kCAAU,KAAK,YAAY,sBAAsB;AAAA;AAAA,EAG5D,SAAS,kCAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,kCAAU,KAAK,YAAY,6BAA6B;AAAA;AAAA,EAEjE,SAAS,kCAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,kCAAU,KAAK,YAAY,mBAAmB;AAAA;AAAA,EAGvD,MAAM,kCAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,kCAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE3D,qBAAqB,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EACrF,YAAY,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAC/F;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AAAA,EACrB,YAAY;AACd;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,117 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
var styled_exports = {};
|
30
|
+
__export(styled_exports, {
|
31
|
+
Container: () => Container,
|
32
|
+
ContainerWBorder: () => ContainerWBorder,
|
33
|
+
PageHeaderBack: () => PageHeaderBack,
|
34
|
+
PageHeaderCustomRenderer: () => PageHeaderCustomRenderer,
|
35
|
+
PageHeaderMenu: () => PageHeaderMenu,
|
36
|
+
PageHeaderToolbarWrapper: () => PageHeaderToolbarWrapper
|
37
|
+
});
|
38
|
+
module.exports = __toCommonJS(styled_exports);
|
39
|
+
var React = __toESM(require("react"));
|
40
|
+
var import_ds_system = require("@elliemae/ds-system");
|
41
|
+
var import_exported_related = require("./exported-related/index.js");
|
42
|
+
const PageHeaderCustomRenderer = (0, import_ds_system.styled)("div")`
|
43
|
+
width: auto;
|
44
|
+
color: ${({ theme }) => theme.colors.brand[800]};
|
45
|
+
font-style: italic;
|
46
|
+
font-size: 0.8rem;
|
47
|
+
`;
|
48
|
+
const Container = (0, import_ds_system.styled)("div", {
|
49
|
+
name: import_exported_related.DSPageHeaderName,
|
50
|
+
slot: import_exported_related.DSPageHeaderSlots.CONTAINER
|
51
|
+
})`
|
52
|
+
width: 100%;
|
53
|
+
margin-bottom: 8px;
|
54
|
+
${import_ds_system.xStyledCommonProps}
|
55
|
+
`;
|
56
|
+
const ContainerWBorder = (0, import_ds_system.styled)("div")`
|
57
|
+
width: 100%;
|
58
|
+
padding: 12px 0 8px 0;
|
59
|
+
display: grid;
|
60
|
+
align-items: center;
|
61
|
+
height: 100%;
|
62
|
+
${({ withBottomSeparator, theme }) => !withBottomSeparator ? "" : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}
|
63
|
+
`;
|
64
|
+
const PageHeaderToolbarWrapper = (0, import_ds_system.styled)("div", {
|
65
|
+
name: import_exported_related.DSPageHeaderName,
|
66
|
+
slot: import_exported_related.DSPageHeaderSlots.TOOLBAR
|
67
|
+
})`
|
68
|
+
display: flex;
|
69
|
+
flex-direction: row;
|
70
|
+
align-items: center;
|
71
|
+
justify-content: flex-end;
|
72
|
+
& .em-ds-toolbar {
|
73
|
+
height: auto;
|
74
|
+
background: none;
|
75
|
+
& > div {
|
76
|
+
.em-ds-button {
|
77
|
+
margin-left: ${({ theme }) => theme.space.xxs};
|
78
|
+
}
|
79
|
+
.em-ds-input-search {
|
80
|
+
box-shadow: none;
|
81
|
+
div {
|
82
|
+
height: 100%;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
`;
|
88
|
+
const PageHeaderMenu = (0, import_ds_system.styled)("div", {
|
89
|
+
name: import_exported_related.DSPageHeaderName,
|
90
|
+
slot: import_exported_related.DSPageHeaderSlots.MENU
|
91
|
+
})`
|
92
|
+
display: flex;
|
93
|
+
flex-direction: row;
|
94
|
+
align-items: center;
|
95
|
+
padding-left: ${({ theme }) => theme.space.xxxs};
|
96
|
+
.em-ds-button--secondary {
|
97
|
+
&:not(:hover) {
|
98
|
+
border-color: transparent;
|
99
|
+
}
|
100
|
+
&:focus:after {
|
101
|
+
top: -1px;
|
102
|
+
left: -1px;
|
103
|
+
width: calc(100% + 2px);
|
104
|
+
height: calc(100% + 2px);
|
105
|
+
}
|
106
|
+
}
|
107
|
+
`;
|
108
|
+
const PageHeaderBack = (0, import_ds_system.styled)("div", {
|
109
|
+
name: import_exported_related.DSPageHeaderName,
|
110
|
+
slot: import_exported_related.DSPageHeaderSlots.BACK
|
111
|
+
})`
|
112
|
+
display: flex;
|
113
|
+
align-items: center;
|
114
|
+
fill: ${({ theme }) => theme.colors.brand[600]};
|
115
|
+
cursor: pointer;
|
116
|
+
`;
|
117
|
+
//# sourceMappingURL=styled.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
4
|
+
"sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related/index.js';\n\ninterface StyledContainerProps {\n withBottomSeparator?: boolean;\n}\n\nexport const PageHeaderCustomRenderer = styled('div')`\n width: auto;\n color: ${({ theme }) => theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nexport const Container = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.CONTAINER,\n})<StyledContainerProps>`\n width: 100%;\n margin-bottom: 8px;\n ${xStyledCommonProps}\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${({ withBottomSeparator, theme }) =>\n !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.TOOLBAR,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n & .em-ds-toolbar {\n height: auto;\n background: none;\n & > div {\n .em-ds-button {\n margin-left: ${({ theme }) => theme.space.xxs};\n }\n .em-ds-input-search {\n box-shadow: none;\n div {\n height: 100%;\n }\n }\n }\n }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.MENU,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-left: ${({ theme }) => theme.space.xxxs};\n .em-ds-button--secondary {\n &:not(:hover) {\n border-color: transparent;\n }\n &:focus:after {\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n }\n }\n`;\n\nexport const PageHeaderBack = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.BACK,\n})`\n display: flex;\n align-items: center;\n fill: ${({ theme }) => theme.colors.brand[600]};\n cursor: pointer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,8BAAoD;AAM7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAKzC,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG;AAAA;AAGG,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,124 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
var utils_exports = {};
|
30
|
+
__export(utils_exports, {
|
31
|
+
options: () => options
|
32
|
+
});
|
33
|
+
module.exports = __toCommonJS(utils_exports);
|
34
|
+
var React = __toESM(require("react"));
|
35
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
36
|
+
const subItems = [
|
37
|
+
{
|
38
|
+
id: "id3",
|
39
|
+
label: "SubMenu List Item-1",
|
40
|
+
onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id3")
|
41
|
+
},
|
42
|
+
{
|
43
|
+
id: "id4",
|
44
|
+
type: "subMenu",
|
45
|
+
label: "SubMenu List Item-2",
|
46
|
+
onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id4"),
|
47
|
+
subItems: [
|
48
|
+
{
|
49
|
+
id: "id5",
|
50
|
+
label: "SubMenu List Item-2",
|
51
|
+
onClick: (e) => (0, import_ds_utilities.logger)(e, "subMenu id5")
|
52
|
+
}
|
53
|
+
]
|
54
|
+
}
|
55
|
+
];
|
56
|
+
const options = [
|
57
|
+
{
|
58
|
+
type: "SelectionGroup",
|
59
|
+
id: "select-option",
|
60
|
+
multi: false,
|
61
|
+
closeOnClick: false,
|
62
|
+
interactionType: "click",
|
63
|
+
items: [
|
64
|
+
{
|
65
|
+
id: "id-1",
|
66
|
+
selectable: true,
|
67
|
+
type: "subMenu",
|
68
|
+
label: "View Example 123",
|
69
|
+
rightAddonType: "elipsis",
|
70
|
+
interactionType: "click",
|
71
|
+
subItems
|
72
|
+
},
|
73
|
+
{
|
74
|
+
id: "id-2",
|
75
|
+
type: "subMenu",
|
76
|
+
label: "Option 2",
|
77
|
+
rightAddonType: "elipsis",
|
78
|
+
interactionType: "click",
|
79
|
+
subItems
|
80
|
+
},
|
81
|
+
{
|
82
|
+
id: "id-3",
|
83
|
+
type: "subMenu",
|
84
|
+
label: "Option 3",
|
85
|
+
rightAddonType: "elipsis",
|
86
|
+
interactionType: "click",
|
87
|
+
subItems
|
88
|
+
},
|
89
|
+
{
|
90
|
+
id: "id-4",
|
91
|
+
type: "subMenu",
|
92
|
+
label: "Option 4",
|
93
|
+
rightAddonType: "elipsis",
|
94
|
+
interactionType: "click",
|
95
|
+
subItems
|
96
|
+
},
|
97
|
+
{
|
98
|
+
id: "id-5",
|
99
|
+
type: "subMenu",
|
100
|
+
label: "Option 5",
|
101
|
+
rightAddonType: "elipsis",
|
102
|
+
interactionType: "click",
|
103
|
+
subItems
|
104
|
+
},
|
105
|
+
{
|
106
|
+
id: "id-6",
|
107
|
+
type: "subMenu",
|
108
|
+
label: "Option 6",
|
109
|
+
rightAddonType: "elipsis",
|
110
|
+
interactionType: "click",
|
111
|
+
subItems
|
112
|
+
},
|
113
|
+
{
|
114
|
+
id: "id-7",
|
115
|
+
type: "subMenu",
|
116
|
+
label: "Truncate long option Other Custom View Long Long Long Long Long",
|
117
|
+
rightAddonType: "elipsis",
|
118
|
+
interactionType: "click",
|
119
|
+
subItems
|
120
|
+
}
|
121
|
+
]
|
122
|
+
}
|
123
|
+
];
|
124
|
+
//# sourceMappingURL=utils.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["../../../src/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;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
|
+
"names": []
|
7
|
+
}
|