@elliemae/ds-global-header 3.3.0-next.3 → 3.3.0-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js +5 -34
- package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map +1 -1
- package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js +27 -62
- package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js.map +1 -1
- package/dist/cjs/parts/GlobalHeaderContainer.js +5 -17
- package/dist/cjs/parts/GlobalHeaderContainer.js.map +1 -1
- package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js +20 -50
- package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js.map +1 -1
- package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js +11 -41
- package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map +1 -1
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js +13 -45
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map +1 -1
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js +13 -36
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map +1 -1
- package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js +10 -39
- package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map +1 -1
- package/dist/cjs/react-desc-prop-types.js +4 -19
- package/dist/cjs/react-desc-prop-types.js.map +1 -1
- package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js +5 -36
- package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map +1 -1
- package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js +27 -64
- package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js.map +1 -1
- package/dist/esm/parts/GlobalHeaderContainer.js +5 -19
- package/dist/esm/parts/GlobalHeaderContainer.js.map +1 -1
- package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js +20 -52
- package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js.map +1 -1
- package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js +11 -43
- package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map +1 -1
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js +13 -47
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map +1 -1
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js +13 -38
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map +1 -1
- package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js +10 -41
- package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map +1 -1
- package/dist/esm/react-desc-prop-types.js +4 -21
- package/dist/esm/react-desc-prop-types.js.map +1 -1
- package/package.json +8 -8
|
@@ -1,39 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
-
var __objRest = (source, exclude) => {
|
|
26
|
-
var target = {};
|
|
27
|
-
for (var prop in source)
|
|
28
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
if (source != null && __getOwnPropSymbols)
|
|
31
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
}
|
|
35
|
-
return target;
|
|
36
|
-
};
|
|
37
8
|
var __export = (target, all) => {
|
|
38
9
|
for (var name in all)
|
|
39
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -77,17 +48,17 @@ const GlobalHeaderBreadcrumb = () => {
|
|
|
77
48
|
}), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBreadcrumbList, {
|
|
78
49
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.LIST
|
|
79
50
|
}, breadcrumb?.map((item) => {
|
|
80
|
-
const
|
|
81
|
-
return /* @__PURE__ */ import_react.default.createElement(import_PureBreadcrumb.PureBreadcrumb,
|
|
51
|
+
const { onClick, isSelected, label, hasNext, id, ...rest } = item;
|
|
52
|
+
return /* @__PURE__ */ import_react.default.createElement(import_PureBreadcrumb.PureBreadcrumb, {
|
|
82
53
|
label,
|
|
83
54
|
hasNext,
|
|
84
55
|
isSelected,
|
|
85
56
|
key: `${instanceUID}-breadcrumb-item-${label}`,
|
|
86
|
-
onKeyDown: onClick && handleOnKeyDown(onClick)
|
|
87
|
-
|
|
57
|
+
onKeyDown: onClick && handleOnKeyDown(onClick),
|
|
58
|
+
...(0, import_ds_utilities.getGlobalAttributes)(rest),
|
|
88
59
|
onClick,
|
|
89
60
|
length: breadcrumb.length
|
|
90
|
-
})
|
|
61
|
+
});
|
|
91
62
|
})), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
92
63
|
id: "global-header-flex-region",
|
|
93
64
|
ref: flexRegionRef,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/Breadcrumb/GlobalHeaderBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledBreadcrumbContainer, StyledPipe, StyledBreadcrumbList } from './styles';\nimport { useGlobalHeaderBreadcrumb } from './useGlobalHeaderBreadcrumb';\nimport { PureBreadcrumb } from './PureBreadcrumb';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n const { breadcrumb, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } = useGlobalHeaderBreadcrumb();\n\n return (\n <StyledBreadcrumbContainer\n height=\"100%\"\n alignItems=\"center\"\n justifyContent=\"flex-start\"\n aria-label=\"breadcrumb\"\n cols={['auto', 'auto', '1fr']}\n forwardedAs=\"nav\"\n data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER}\n >\n <StyledPipe showIconOnly={showIconOnly} aria-hidden data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.PIPE} />\n <StyledBreadcrumbList data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.LIST}>\n {breadcrumb?.map((item) => {\n const { onClick, isSelected, label, hasNext, id, ...rest } = item;\n return (\n <PureBreadcrumb\n label={label}\n hasNext={hasNext}\n isSelected={isSelected}\n key={`${instanceUID}-breadcrumb-item-${label}`}\n onKeyDown={onClick && handleOnKeyDown(onClick)}\n {...getGlobalAttributes(rest)}\n onClick={onClick}\n length={breadcrumb.length}\n />\n );\n })}\n </StyledBreadcrumbList>\n <div id=\"global-header-flex-region\" ref={flexRegionRef} aria-hidden />\n </StyledBreadcrumbContainer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,oBAA4E;AAC5E,uCAA0C;AAC1C,4BAA+B;AAC/B,8BAAyC;AAElC,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,cAAc,eAAe,iBAAiB,gBAAgB,gEAA0B;AAE5G,SACE,mDAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC5B,aAAY;AAAA,IACZ,eAAa,iDAAyB,WAAW;AAAA,KAEjD,mDAAC;AAAA,IAAW;AAAA,IAA4B,eAAW;AAAA,IAAC,eAAa,iDAAyB,WAAW;AAAA,GAAM,GAC3G,mDAAC;AAAA,IAAqB,eAAa,iDAAyB,WAAW;AAAA,KACpE,YAAY,IAAI,CAAC,SAAS;AACzB,UAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,SAAS;AAC7D,WACE,mDAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,GAAG,+BAA+B;AAAA,MACvC,WAAW,WAAW,gBAAgB,OAAO;AAAA,MAC5C,GAAG,6CAAoB,IAAI;AAAA,MAC5B;AAAA,MACA,QAAQ,WAAW;AAAA,KACrB;AAAA,EAEJ,CAAC,CACH,GACA,mDAAC;AAAA,IAAI,IAAG;AAAA,IAA4B,KAAK;AAAA,IAAe,eAAW;AAAA,GAAC,CACtE;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,34 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
|
-
var __objRest = (source, exclude) => {
|
|
23
|
-
var target = {};
|
|
24
|
-
for (var prop in source)
|
|
25
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
-
target[prop] = source[prop];
|
|
27
|
-
if (source != null && __getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
-
target[prop] = source[prop];
|
|
31
|
-
}
|
|
32
|
-
return target;
|
|
33
|
-
};
|
|
34
8
|
var __export = (target, all) => {
|
|
35
9
|
for (var name in all)
|
|
36
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -54,40 +28,31 @@ var React = __toESM(require("react"));
|
|
|
54
28
|
var import_react = __toESM(require("react"));
|
|
55
29
|
var import_styles = require("./styles");
|
|
56
30
|
var import_exported_related = require("../../exported-related");
|
|
57
|
-
const PureBreadcrumb = import_react.default.memo((
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}, rest), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
|
|
85
|
-
isSelected: !!isSelected,
|
|
86
|
-
isOnlyItem: length === 1,
|
|
87
|
-
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL
|
|
88
|
-
}, label)), hasNext && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledChevron, {
|
|
89
|
-
size: "m",
|
|
90
|
-
"aria-hidden": true
|
|
91
|
-
}));
|
|
92
|
-
});
|
|
31
|
+
const PureBreadcrumb = import_react.default.memo(({
|
|
32
|
+
onClick,
|
|
33
|
+
onKeyDown,
|
|
34
|
+
isSelected,
|
|
35
|
+
length,
|
|
36
|
+
label,
|
|
37
|
+
hasNext,
|
|
38
|
+
id,
|
|
39
|
+
...rest
|
|
40
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBreadcrumbItem, {
|
|
41
|
+
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM
|
|
42
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLink, {
|
|
43
|
+
onClick,
|
|
44
|
+
onKeyDown,
|
|
45
|
+
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
|
|
46
|
+
"aria-current": isSelected,
|
|
47
|
+
id,
|
|
48
|
+
tabIndex: "0",
|
|
49
|
+
...rest
|
|
50
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
|
|
51
|
+
isSelected: !!isSelected,
|
|
52
|
+
isOnlyItem: length === 1,
|
|
53
|
+
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL
|
|
54
|
+
}, label)), hasNext && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledChevron, {
|
|
55
|
+
size: "m",
|
|
56
|
+
"aria-hidden": true
|
|
57
|
+
})));
|
|
93
58
|
//# sourceMappingURL=PureBreadcrumb.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/Breadcrumb/PureBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { StyledBreadcrumbItem, StyledLink, StyledLabel, StyledChevron } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const PureBreadcrumb = React.memo(\n ({\n onClick,\n onKeyDown,\n isSelected,\n length,\n label,\n hasNext,\n id,\n ...rest\n }: DSGlobalHeaderInternalsT.BreadcrumbItem) => (\n <StyledBreadcrumbItem data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM}>\n <StyledLink\n onClick={onClick}\n onKeyDown={onKeyDown}\n data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK}\n aria-current={isSelected}\n id={id}\n tabIndex=\"0\"\n {...rest}\n >\n <StyledLabel\n isSelected={!!isSelected}\n isOnlyItem={length === 1}\n data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL}\n >\n {label}\n </StyledLabel>\n </StyledLink>\n {hasNext && <StyledChevron size=\"m\" aria-hidden />}\n </StyledBreadcrumbItem>\n ),\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAA6E;AAC7E,8BAAyC;AAGlC,MAAM,iBAAiB,qBAAM,KAClC,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,mDAAC;AAAA,EAAqB,eAAa,iDAAyB,WAAW;AAAA,GACrE,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,eAAa,iDAAyB,WAAW;AAAA,EACjD,gBAAc;AAAA,EACd;AAAA,EACA,UAAS;AAAA,EACR,GAAG;AAAA,GAEJ,mDAAC;AAAA,EACC,YAAY,CAAC,CAAC;AAAA,EACd,YAAY,WAAW;AAAA,EACvB,eAAa,iDAAyB,WAAW;AAAA,GAEhD,KACH,CACF,GACC,WAAW,mDAAC;AAAA,EAAc,MAAK;AAAA,EAAI,eAAW;AAAA,CAAC,CAClD,CAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -47,11 +33,13 @@ const GlobalHeaderContainer = ({
|
|
|
47
33
|
bg,
|
|
48
34
|
backgroundColor,
|
|
49
35
|
children
|
|
50
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_styles.Container,
|
|
36
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_styles.Container, {
|
|
51
37
|
forwardedAs: "header",
|
|
52
38
|
"data-testid": "ds-global-header",
|
|
53
39
|
cols: ["auto", "1fr", "auto"],
|
|
54
40
|
bg,
|
|
55
|
-
backgroundColor
|
|
56
|
-
|
|
41
|
+
backgroundColor,
|
|
42
|
+
...globalAttrs,
|
|
43
|
+
...xstyledAttrs
|
|
44
|
+
}, children);
|
|
57
45
|
//# sourceMappingURL=GlobalHeaderContainer.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/GlobalHeaderContainer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { Container } from './styles';\n\ninterface GlobalHeaderContainerT {\n xstyledAttrs: Record<string, unknown>;\n globalAttrs: Record<string, unknown>;\n backgroundColor?: string;\n bg?: string;\n children: React.ReactNode;\n}\n\nexport const GlobalHeaderContainer = ({\n xstyledAttrs,\n globalAttrs,\n bg,\n backgroundColor,\n children,\n}: GlobalHeaderContainerT): JSX.Element => (\n <Container\n forwardedAs=\"header\"\n data-testid=\"ds-global-header\"\n cols={['auto', '1fr', 'auto']}\n bg={bg}\n backgroundColor={backgroundColor}\n {...globalAttrs}\n {...xstyledAttrs}\n >\n {children}\n </Container>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAA0B;AAUnB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,EACC,GAAG;AAAA,EACH,GAAG;AAAA,GAEH,QACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,34 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
|
-
var __objRest = (source, exclude) => {
|
|
23
|
-
var target = {};
|
|
24
|
-
for (var prop in source)
|
|
25
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
-
target[prop] = source[prop];
|
|
27
|
-
if (source != null && __getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
-
target[prop] = source[prop];
|
|
31
|
-
}
|
|
32
|
-
return target;
|
|
33
|
-
};
|
|
34
8
|
var __export = (target, all) => {
|
|
35
9
|
for (var name in all)
|
|
36
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -79,7 +53,7 @@ const GlobalHeaderToolbar = () => {
|
|
|
79
53
|
ref: listRef,
|
|
80
54
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.LIST
|
|
81
55
|
}, toolbar.map((item, index) => {
|
|
82
|
-
const
|
|
56
|
+
const {
|
|
83
57
|
Icon,
|
|
84
58
|
type,
|
|
85
59
|
onClick,
|
|
@@ -87,50 +61,45 @@ const GlobalHeaderToolbar = () => {
|
|
|
87
61
|
CustomComponent,
|
|
88
62
|
label,
|
|
89
63
|
id = "",
|
|
90
|
-
componentProps = {}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
"type",
|
|
94
|
-
"onClick",
|
|
95
|
-
"onKeyPress",
|
|
96
|
-
"CustomComponent",
|
|
97
|
-
"label",
|
|
98
|
-
"id",
|
|
99
|
-
"componentProps"
|
|
100
|
-
]);
|
|
64
|
+
componentProps = {},
|
|
65
|
+
...otherProps
|
|
66
|
+
} = item;
|
|
101
67
|
switch (type) {
|
|
102
68
|
case "ds-popup-menu":
|
|
103
69
|
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledToolbarItem, {
|
|
104
70
|
key: `${instanceUID}-ds-toolbar-item-${label}`,
|
|
105
71
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM
|
|
106
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.PopupMenu,
|
|
72
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.PopupMenu, {
|
|
107
73
|
title: label,
|
|
108
74
|
Icon,
|
|
109
75
|
onClick,
|
|
110
76
|
onKeyPress,
|
|
111
77
|
setRef: setRef(index),
|
|
112
78
|
id,
|
|
113
|
-
componentProps
|
|
114
|
-
|
|
79
|
+
componentProps,
|
|
80
|
+
...otherProps
|
|
81
|
+
}));
|
|
115
82
|
case "ds-app-picker":
|
|
116
83
|
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledToolbarItem, {
|
|
117
84
|
key: `${instanceUID}-ds-toolbar-item-${label}`,
|
|
118
85
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM
|
|
119
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.AppPicker,
|
|
86
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.AppPicker, {
|
|
120
87
|
label,
|
|
121
88
|
id,
|
|
122
89
|
setRef: setRef(index),
|
|
123
|
-
componentProps
|
|
124
|
-
|
|
90
|
+
componentProps,
|
|
91
|
+
...otherProps
|
|
92
|
+
}));
|
|
125
93
|
case "ds-search-toggle":
|
|
126
94
|
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledToolbarItem, {
|
|
127
95
|
key: `${instanceUID}-ds-toolbar-item-${label}`,
|
|
128
96
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM
|
|
129
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.SearchToggle,
|
|
97
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.SearchToggle, {
|
|
130
98
|
id,
|
|
131
99
|
setRef: setRef(index),
|
|
132
|
-
componentProps
|
|
133
|
-
|
|
100
|
+
componentProps,
|
|
101
|
+
...otherProps
|
|
102
|
+
}));
|
|
134
103
|
case "custom":
|
|
135
104
|
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledToolbarItem, {
|
|
136
105
|
key: `${instanceUID}-ds-toolbar-item-${label}`,
|
|
@@ -144,14 +113,15 @@ const GlobalHeaderToolbar = () => {
|
|
|
144
113
|
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledToolbarItem, {
|
|
145
114
|
key: `${instanceUID}-ds-toolbar-item-${label}`,
|
|
146
115
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM
|
|
147
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_styles2.StyledButton,
|
|
116
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_styles2.StyledButton, {
|
|
148
117
|
onClick,
|
|
149
118
|
title: label,
|
|
150
119
|
"data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
|
|
151
120
|
id,
|
|
152
121
|
role: "menuitem",
|
|
153
|
-
ref: setRef(index)
|
|
154
|
-
|
|
122
|
+
ref: setRef(index),
|
|
123
|
+
...(0, import_ds_utilities.getGlobalAttributes)(otherProps)
|
|
124
|
+
}, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
155
125
|
size: "m"
|
|
156
126
|
})));
|
|
157
127
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/Toolbar/GlobalHeaderToolbar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useContext } from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledList, StyledMenubarContainer, StyledToolbarItem } from './styles';\nimport { AppPicker, PopupMenu, SearchToggle } from './outOfTheBox';\nimport { StyledButton } from '../styles';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport { useGlobalHeaderToolbar } from './useGlobalHeaderToolbar';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n const {\n props: { toolbar },\n instanceUID,\n globalHeaderToolbarGrid,\n } = useContext(DSGlobalHeaderContext);\n\n const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();\n\n return (\n <StyledMenubarContainer data-testid={DSGlobalHeaderDatatestid.MENUBAR.CONTAINER}>\n <StyledList\n height=\"100%\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gutter=\"xxs\"\n cols={globalHeaderToolbarGrid}\n role=\"menubar\"\n onKeyDown={keyboardNavigation}\n ref={listRef}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.LIST}\n >\n {toolbar.map((item, index) => {\n const {\n Icon,\n type,\n onClick,\n onKeyPress,\n CustomComponent,\n label,\n id = '',\n componentProps = {},\n ...otherProps\n } = item;\n\n switch (type) {\n case 'ds-popup-menu':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <PopupMenu\n title={label}\n Icon={Icon}\n onClick={onClick}\n onKeyPress={onKeyPress}\n setRef={setRef(index)}\n id={id}\n componentProps={componentProps as DSGlobalHeaderInternalsT.PopupMenuComponentProps}\n {...otherProps}\n />\n </StyledToolbarItem>\n );\n case 'ds-app-picker':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <AppPicker\n label={label}\n id={id}\n setRef={setRef(index)}\n componentProps={componentProps as DSGlobalHeaderInternalsT.AppPickerComponentProps}\n {...otherProps}\n />\n </StyledToolbarItem>\n );\n case 'ds-search-toggle':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <SearchToggle\n id={id}\n setRef={setRef(index)}\n componentProps={componentProps as DSGlobalHeaderInternalsT.ToggleSearchComponentProps}\n {...otherProps}\n />\n </StyledToolbarItem>\n );\n case 'custom':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n {CustomComponent && <CustomComponent item={item} role=\"menuitem\" setRef={setRef(index)} />}\n </StyledToolbarItem>\n );\n\n default:\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <StyledButton\n onClick={onClick}\n title={label}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n id={id}\n role=\"menuitem\"\n ref={setRef(index)}\n {...getGlobalAttributes(otherProps)}\n >\n {Icon && <Icon size=\"m\" />}\n </StyledButton>\n </StyledToolbarItem>\n );\n }\n })}\n </StyledList>\n </StyledMenubarContainer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0BAAoC;AACpC,oBAAsE;AACtE,yBAAmD;AACnD,qBAA6B;AAC7B,mCAAsC;AACtC,8BAAyC;AACzC,oCAAuC;AAGhC,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,6BAAW,kDAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,uBAAuB,0DAAuB;AAEvE,SACE,mDAAC;AAAA,IAAuB,eAAa,iDAAyB,QAAQ;AAAA,KACpE,mDAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,QAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAK;AAAA,IACL,WAAW;AAAA,IACX,KAAK;AAAA,IACL,eAAa,iDAAyB,QAAQ;AAAA,KAE7C,QAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,iBAAiB,CAAC;AAAA,SACf;AAAA,QACD;AAEJ,YAAQ;AAAA,WACD;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,iDAAyB,QAAQ;AAAA,WAE9C,mDAAC;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB;AAAA,UACA;AAAA,UACC,GAAG;AAAA,SACN,CACF;AAAA,WAEC;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,iDAAyB,QAAQ;AAAA,WAE9C,mDAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,SACN,CACF;AAAA,WAEC;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,iDAAyB,QAAQ;AAAA,WAE9C,mDAAC;AAAA,UACC;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,SACN,CACF;AAAA,WAEC;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,iDAAyB,QAAQ;AAAA,WAE7C,mBAAmB,mDAAC;AAAA,UAAgB;AAAA,UAAY,MAAK;AAAA,UAAW,QAAQ,OAAO,KAAK;AAAA,SAAG,CAC1F;AAAA;AAIF,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,iDAAyB,QAAQ;AAAA,WAE9C,mDAAC;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,eAAa,iDAAyB,QAAQ;AAAA,UAC9C;AAAA,UACA,MAAK;AAAA,UACL,KAAK,OAAO,KAAK;AAAA,UAChB,GAAG,6CAAoB,UAAU;AAAA,WAEjC,QAAQ,mDAAC;AAAA,UAAK,MAAK;AAAA,SAAI,CAC1B,CACF;AAAA;AAAA,EAGR,CAAC,CACH,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,34 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
|
-
var __objRest = (source, exclude) => {
|
|
23
|
-
var target = {};
|
|
24
|
-
for (var prop in source)
|
|
25
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
-
target[prop] = source[prop];
|
|
27
|
-
if (source != null && __getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
-
target[prop] = source[prop];
|
|
31
|
-
}
|
|
32
|
-
return target;
|
|
33
|
-
};
|
|
34
8
|
var __export = (target, all) => {
|
|
35
9
|
for (var name in all)
|
|
36
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -57,18 +31,13 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
|
57
31
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
58
32
|
var import_styles = require("../../../styles");
|
|
59
33
|
var import_exported_related = require("../../../../exported-related");
|
|
60
|
-
const AppPicker = (
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"label",
|
|
68
|
-
"id",
|
|
69
|
-
"setRef",
|
|
70
|
-
"componentProps"
|
|
71
|
-
]);
|
|
34
|
+
const AppPicker = ({
|
|
35
|
+
label,
|
|
36
|
+
id,
|
|
37
|
+
setRef,
|
|
38
|
+
componentProps,
|
|
39
|
+
...otherProps
|
|
40
|
+
}) => {
|
|
72
41
|
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
73
42
|
const internalTriggerRef = (0, import_react.useRef)(null);
|
|
74
43
|
const {
|
|
@@ -114,7 +83,7 @@ const AppPicker = (_a) => {
|
|
|
114
83
|
onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
|
|
115
84
|
actionRef,
|
|
116
85
|
onClickOutside: userOnClickOutside ?? handleOnClickOutside,
|
|
117
|
-
renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton,
|
|
86
|
+
renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton, {
|
|
118
87
|
onClick: triggerOnClick ?? handleOnClick,
|
|
119
88
|
onKeyDown: handleTriggerKeyDown,
|
|
120
89
|
ref: (buttonRef) => {
|
|
@@ -126,8 +95,9 @@ const AppPicker = (_a) => {
|
|
|
126
95
|
role: "menuitem",
|
|
127
96
|
"aria-haspopup": true,
|
|
128
97
|
"aria-expanded": userIsOpen ?? isOpen,
|
|
129
|
-
id
|
|
130
|
-
|
|
98
|
+
id,
|
|
99
|
+
...(0, import_ds_utilities.getGlobalAttributes)(otherProps)
|
|
100
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MenuPicker, {
|
|
131
101
|
width: 20.73,
|
|
132
102
|
height: 20.73
|
|
133
103
|
}))),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs, getGlobalAttributes, useCallbackAfterRender } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const AppPicker = ({\n label,\n id,\n setRef,\n componentProps,\n ...otherProps\n}: DSGlobalHeaderInternalsT.AppPickerProps): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const internalTriggerRef = useRef<HTMLButtonElement>(null);\n\n const {\n apps,\n icon,\n customApps,\n sectionTitle,\n customSectionTitle,\n actionRef,\n isOpen: userIsOpen,\n onKeyDown: userOnKeyDown,\n onClickOutside: userOnClickOutside,\n renderTrigger: userRenderTrigger,\n onClose,\n triggerRef,\n triggerOnClick,\n } = componentProps;\n\n const schedule = useCallbackAfterRender();\n\n const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n if (e.code === 'Enter' || e.code === 'Space' || e.code === 'ArrowDown') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (e.key === 'Escape') {\n setIsOpen(false);\n schedule(focusTrigger);\n }\n }, []);\n\n const handleOnClickOutside = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick: React.MouseEventHandler = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n return (\n <DSAppPicker\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n icon={icon}\n onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n actionRef={actionRef}\n onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n renderTrigger={\n userRenderTrigger ||\n (({ ref }: { ref: React.MutableRefObject<HTMLButtonElement> }) => (\n <StyledButton\n onClick={triggerOnClick ?? handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={(buttonRef: HTMLButtonElement) => {\n setRef(buttonRef);\n mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);\n }}\n aria-label={label}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n role=\"menuitem\"\n aria-haspopup\n aria-expanded={userIsOpen ?? isOpen}\n id={id}\n {...getGlobalAttributes(otherProps)}\n >\n <MenuPicker width={20.73} height={20.73} />\n </StyledButton>\n ))\n }\n isOpen={userIsOpen ?? isOpen}\n onClose={onClose}\n triggerRef={triggerRef}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,2BAA4B;AAC5B,0BAAuE;AACvE,sBAA2B;AAC3B,oBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACuD;AAC1D,QAAM,CAAC,QAAQ,aAAa,2BAAkB,KAAK;AACnD,QAAM,qBAAqB,yBAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,WAAW,gDAAuB;AAExC,QAAM,eAAe,8BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,uBAAmD,8BAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B,8BAAY,CAAC,MAA2B;AACvE,QAAI,EAAE,QAAQ,UAAU;AACtB,gBAAU,KAAK;AACf,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA,gBAAgB,sBAAsB;AAAA,IACtC,eACE,qBACC,EAAC,EAAE,UACF,mDAAC;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,KAAK,CAAC,cAAiC;AACrC,eAAO,SAAS;AAChB,2CAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,iDAAyB,QAAQ;AAAA,MAC9C,MAAK;AAAA,MACL,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC7B;AAAA,MACC,GAAG,6CAAoB,UAAU;AAAA,OAElC,mDAAC;AAAA,MAAW,OAAO;AAAA,MAAO,QAAQ;AAAA,KAAO,CAC3C;AAAA,IAGJ,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA,GACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,34 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
|
-
var __objRest = (source, exclude) => {
|
|
23
|
-
var target = {};
|
|
24
|
-
for (var prop in source)
|
|
25
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
-
target[prop] = source[prop];
|
|
27
|
-
if (source != null && __getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
-
target[prop] = source[prop];
|
|
31
|
-
}
|
|
32
|
-
return target;
|
|
33
|
-
};
|
|
34
8
|
var __export = (target, all) => {
|
|
35
9
|
for (var name in all)
|
|
36
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -57,22 +31,15 @@ var import_ds_popperjs = require("@elliemae/ds-popperjs");
|
|
|
57
31
|
var import_PopupMenuContent = require("./menuContent/PopupMenuContent");
|
|
58
32
|
var import_styles = require("../../../styles");
|
|
59
33
|
var import_exported_related = require("../../../../exported-related");
|
|
60
|
-
const PopupMenu = (
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
"Icon",
|
|
70
|
-
"title",
|
|
71
|
-
"onClick",
|
|
72
|
-
"id",
|
|
73
|
-
"setRef",
|
|
74
|
-
"componentProps"
|
|
75
|
-
]);
|
|
34
|
+
const PopupMenu = ({
|
|
35
|
+
Icon,
|
|
36
|
+
title,
|
|
37
|
+
onClick,
|
|
38
|
+
id,
|
|
39
|
+
setRef,
|
|
40
|
+
componentProps,
|
|
41
|
+
...otherProps
|
|
42
|
+
}) => {
|
|
76
43
|
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
77
44
|
const [buttonRef, setButtonRef] = (0, import_react.useState)(null);
|
|
78
45
|
const {
|
|
@@ -110,7 +77,7 @@ const PopupMenu = (_a) => {
|
|
|
110
77
|
setRef(ref);
|
|
111
78
|
setButtonRef(ref);
|
|
112
79
|
}, []);
|
|
113
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton,
|
|
80
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton, {
|
|
114
81
|
onClick: handleTriggerOnClick,
|
|
115
82
|
onKeyDown: handleOnKeyDown,
|
|
116
83
|
"aria-label": title,
|
|
@@ -119,8 +86,9 @@ const PopupMenu = (_a) => {
|
|
|
119
86
|
role: "menuitem",
|
|
120
87
|
"aria-haspopup": true,
|
|
121
88
|
"aria-expanded": userIsOpen ?? isOpen,
|
|
122
|
-
id
|
|
123
|
-
|
|
89
|
+
id,
|
|
90
|
+
...(0, import_ds_utilities.useGetGlobalAttributes)(otherProps)
|
|
91
|
+
}, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
124
92
|
size: "m"
|
|
125
93
|
})), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
|
|
126
94
|
referenceElement: buttonRef,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { PopupMenuContent } from './menuContent/PopupMenuContent';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const PopupMenu = ({\n Icon,\n title,\n onClick,\n id,\n setRef,\n componentProps,\n ...otherProps\n}: DSGlobalHeaderInternalsT.PopupProps): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const [buttonRef, setButtonRef] = useState<HTMLButtonElement | null>(null);\n\n const {\n onClickOutside = () => null,\n onKeyPress,\n popupOnKeyPress,\n isOpen: userIsOpen,\n options,\n closeOnClick,\n } = componentProps;\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === 'ArrowDown') {\n setIsOpen(true);\n }\n if (onKeyPress) onKeyPress(e);\n },\n [onKeyPress],\n );\n\n const handleOnClose = useCallback(() => {\n if (userIsOpen === undefined) {\n setIsOpen(false);\n }\n buttonRef?.focus();\n }, [buttonRef, userIsOpen]);\n\n const handleTriggerOnClick = useCallback(\n (e: React.MouseEvent) => {\n if (userIsOpen === undefined) setIsOpen(true);\n if (onClick) onClick(e);\n },\n [onClick, userIsOpen],\n );\n\n const handleItemClick = useCallback(() => {\n if (closeOnClick && userIsOpen === undefined) handleOnClose();\n }, [closeOnClick, handleOnClose, userIsOpen]);\n\n const handleRefs = useCallback((ref) => {\n setRef(ref);\n setButtonRef(ref);\n }, []);\n\n return (\n <>\n <StyledButton\n onClick={handleTriggerOnClick}\n onKeyDown={handleOnKeyDown}\n aria-label={title}\n ref={handleRefs}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n role=\"menuitem\"\n aria-haspopup\n aria-expanded={userIsOpen ?? isOpen}\n id={id}\n {...useGetGlobalAttributes(otherProps)}\n >\n {Icon && <Icon size=\"m\" />}\n </StyledButton>\n <DSPopperJS\n referenceElement={buttonRef}\n showPopover={userIsOpen ?? isOpen}\n closeContextMenu={handleOnClose}\n onClickOutside={onClickOutside}\n withoutPortal\n >\n <PopupMenuContent\n options={options}\n onItemClick={handleItemClick}\n onClose={handleOnClose}\n setIsOpen={setIsOpen}\n popupOnKeyPress={popupOnKeyPress}\n />\n </DSPopperJS>\n </>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,0BAAuC;AACvC,yBAA2B;AAC3B,8BAAiC;AACjC,oBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACmD;AACtD,QAAM,CAAC,QAAQ,aAAa,2BAAkB,KAAK;AACnD,QAAM,CAAC,WAAW,gBAAgB,2BAAmC,IAAI;AAEzE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,aAAa;AAC1B,gBAAU,IAAI;AAAA,IAChB;AACA,QAAI;AAAY,iBAAW,CAAC;AAAA,EAC9B,GACA,CAAC,UAAU,CACb;AAEA,QAAM,gBAAgB,8BAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU,KAAK;AAAA,IACjB;AACA,eAAW,MAAM;AAAA,EACnB,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,uBAAuB,8BAC3B,CAAC,MAAwB;AACvB,QAAI,eAAe;AAAW,gBAAU,IAAI;AAC5C,QAAI;AAAS,cAAQ,CAAC;AAAA,EACxB,GACA,CAAC,SAAS,UAAU,CACtB;AAEA,QAAM,kBAAkB,8BAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW,oBAAc;AAAA,EAC9D,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,QAAM,aAAa,8BAAY,CAAC,QAAQ;AACtC,WAAO,GAAG;AACV,iBAAa,GAAG;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,SACE,wFACE,mDAAC;AAAA,IACC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAY;AAAA,IACZ,KAAK;AAAA,IACL,eAAa,iDAAyB,QAAQ;AAAA,IAC9C,MAAK;AAAA,IACL,iBAAa;AAAA,IACb,iBAAe,cAAc;AAAA,IAC7B;AAAA,IACC,GAAG,gDAAuB,UAAU;AAAA,KAEpC,QAAQ,mDAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CAC1B,GACA,mDAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,aAAa,cAAc;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,IACA,eAAa;AAAA,KAEb,mDAAC;AAAA,IACC;AAAA,IACA,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA;AAAA,GACF,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|