@elliemae/ds-menu-items 3.27.0-next.1 → 3.27.0-next.12
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/components/ActionMenuItem/index.js +6 -61
- package/dist/cjs/components/ActionMenuItem/index.js.map +2 -2
- package/dist/cjs/components/MultiMenuItem/index.js +6 -79
- package/dist/cjs/components/MultiMenuItem/index.js.map +2 -2
- package/dist/cjs/components/Section/index.js +6 -29
- package/dist/cjs/components/Section/index.js.map +2 -2
- package/dist/cjs/components/Separator/index.js +6 -32
- package/dist/cjs/components/Separator/index.js.map +2 -2
- package/dist/cjs/components/SingleMenuItem/index.js +6 -84
- package/dist/cjs/components/SingleMenuItem/index.js.map +3 -3
- package/dist/cjs/components/SingleWithSubmenuItem/index.js +5 -124
- package/dist/cjs/components/SingleWithSubmenuItem/index.js.map +2 -2
- package/dist/cjs/components/SkeletonMenuItem/index.js +5 -26
- package/dist/cjs/components/SkeletonMenuItem/index.js.map +2 -2
- package/dist/cjs/components/SubmenuItem/index.js +5 -128
- package/dist/cjs/components/SubmenuItem/index.js.map +2 -2
- package/dist/cjs/components/index.js +51 -9
- package/dist/cjs/components/index.js.map +2 -2
- package/dist/cjs/exported-related/index.js +9 -2
- package/dist/cjs/exported-related/index.js.map +2 -2
- package/dist/cjs/index.js +45 -3
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/components/ActionMenuItem/index.js +11 -65
- package/dist/esm/components/ActionMenuItem/index.js.map +3 -3
- package/dist/esm/components/MultiMenuItem/index.js +12 -79
- package/dist/esm/components/MultiMenuItem/index.js.map +3 -3
- package/dist/esm/components/Section/index.js +12 -29
- package/dist/esm/components/Section/index.js.map +3 -3
- package/dist/esm/components/Separator/index.js +11 -37
- package/dist/esm/components/Separator/index.js.map +3 -3
- package/dist/esm/components/SingleMenuItem/index.js +11 -88
- package/dist/esm/components/SingleMenuItem/index.js.map +3 -3
- package/dist/esm/components/SingleWithSubmenuItem/index.js +9 -131
- package/dist/esm/components/SingleWithSubmenuItem/index.js.map +3 -3
- package/dist/esm/components/SkeletonMenuItem/index.js +10 -26
- package/dist/esm/components/SkeletonMenuItem/index.js.map +3 -3
- package/dist/esm/components/SubmenuItem/index.js +9 -135
- package/dist/esm/components/SubmenuItem/index.js.map +3 -3
- package/dist/esm/components/index.js +92 -8
- package/dist/esm/components/index.js.map +2 -2
- package/dist/esm/exported-related/index.js +5 -1
- package/dist/esm/exported-related/index.js.map +2 -2
- package/dist/esm/index.js +77 -2
- package/dist/esm/index.js.map +2 -2
- package/dist/types/components/ActionMenuItem/index.d.ts +1 -5
- package/dist/types/components/MultiMenuItem/index.d.ts +1 -5
- package/dist/types/components/Section/index.d.ts +1 -5
- package/dist/types/components/Separator/index.d.ts +1 -5
- package/dist/types/components/SingleMenuItem/index.d.ts +1 -5
- package/dist/types/components/SingleWithSubmenuItem/index.d.ts +1 -5
- package/dist/types/components/SkeletonMenuItem/index.d.ts +1 -4
- package/dist/types/components/SubmenuItem/index.d.ts +1 -5
- package/dist/types/components/index.d.ts +8 -8
- package/dist/types/exported-related/index.d.ts +1 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +11 -8
- package/dist/cjs/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js +0 -87
- package/dist/cjs/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js.map +0 -7
- package/dist/cjs/components/SubmenuItem/getChevronHandlers.js +0 -72
- package/dist/cjs/components/SubmenuItem/getChevronHandlers.js.map +0 -7
- package/dist/cjs/components/SubmenuItem/getEllipsisHandlers.js +0 -64
- package/dist/cjs/components/SubmenuItem/getEllipsisHandlers.js.map +0 -7
- package/dist/cjs/components/SubmenuItem/useGetSubmenuHandlers.js +0 -46
- package/dist/cjs/components/SubmenuItem/useGetSubmenuHandlers.js.map +0 -7
- package/dist/cjs/components/styled.js +0 -192
- package/dist/cjs/components/styled.js.map +0 -7
- package/dist/cjs/components/useGetGlobalsAndXStyledProps.js +0 -42
- package/dist/cjs/components/useGetGlobalsAndXStyledProps.js.map +0 -7
- package/dist/cjs/exported-related/constants.js +0 -51
- package/dist/cjs/exported-related/constants.js.map +0 -7
- package/dist/cjs/react-desc-prop-types.js +0 -169
- package/dist/cjs/react-desc-prop-types.js.map +0 -7
- package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js +0 -57
- package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js.map +0 -7
- package/dist/esm/components/SubmenuItem/getChevronHandlers.js +0 -42
- package/dist/esm/components/SubmenuItem/getChevronHandlers.js.map +0 -7
- package/dist/esm/components/SubmenuItem/getEllipsisHandlers.js +0 -34
- package/dist/esm/components/SubmenuItem/getEllipsisHandlers.js.map +0 -7
- package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js +0 -16
- package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js.map +0 -7
- package/dist/esm/components/styled.js +0 -162
- package/dist/esm/components/styled.js.map +0 -7
- package/dist/esm/components/useGetGlobalsAndXStyledProps.js +0 -12
- package/dist/esm/components/useGetGlobalsAndXStyledProps.js.map +0 -7
- package/dist/esm/exported-related/constants.js +0 -21
- package/dist/esm/exported-related/constants.js.map +0 -7
- package/dist/esm/react-desc-prop-types.js +0 -139
- package/dist/esm/react-desc-prop-types.js.map +0 -7
- package/dist/types/components/SingleWithSubmenuItem/useGetSubmenuHandlers.d.ts +0 -7
- package/dist/types/components/SubmenuItem/getChevronHandlers.d.ts +0 -7
- package/dist/types/components/SubmenuItem/getEllipsisHandlers.d.ts +0 -8
- package/dist/types/components/SubmenuItem/useGetSubmenuHandlers.d.ts +0 -8
- package/dist/types/components/styled.d.ts +0 -22
- package/dist/types/components/useGetGlobalsAndXStyledProps.d.ts +0 -5
- package/dist/types/exported-related/constants.d.ts +0 -15
- package/dist/types/react-desc-prop-types.d.ts +0 -106
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SingleWithSubmenuItem/useGetSubmenuHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useRef, useCallback } from 'react';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\n\nexport const useGetSubmenuHandlers = ({\n disabled,\n rightAddon,\n isSubmenuOpened,\n onMouseEnter,\n onSubmenuOpen,\n onSubmenuClose,\n onMouseLeave,\n}: Required<DSMenuItemT.SingleWithSubmenuProps>) => {\n const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const onMouseEnterHandler = useCallback(\n (e: React.MouseEvent) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n else if (!isSubmenuOpened) onSubmenuOpen(e);\n timeoutRef.current = null;\n }\n onMouseEnter(e);\n },\n [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon],\n );\n\n const onMouseLeaveHandler = useCallback(\n (e: React.MouseEvent) => {\n if (rightAddon !== 'ellipsis') {\n if (timeoutRef.current === null) {\n timeoutRef.current = setTimeout(() => {\n timeoutRef.current = null;\n onSubmenuClose(e);\n }, 300);\n }\n }\n onMouseLeave(e);\n },\n [onMouseLeave, onSubmenuClose, rightAddon],\n );\n\n const onEllipsisClick: React.MouseEventHandler = useCallback(\n (e) => {\n if (disabled) return;\n e.stopPropagation();\n if (isSubmenuOpened) onSubmenuClose(e);\n else onSubmenuOpen(e);\n },\n [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen],\n );\n\n return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAG7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoD;AAClD,QAAM,iBAAa,qBAA8B,IAAI;AAErD,QAAM,0BAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY;AAAM,uBAAa,WAAW,OAAO;AAAA,iBACvD,CAAC;AAAiB,wBAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,0BAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,2BAAe,CAAC;AAAA,UAClB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,sBAA2C;AAAA,IAC/C,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,uBAAe,CAAC;AAAA;AAChC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AACrE;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
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 getChevronHandlers_exports = {};
|
|
30
|
-
__export(getChevronHandlers_exports, {
|
|
31
|
-
getChevronHandlers: () => getChevronHandlers
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(getChevronHandlers_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
const getChevronHandlers = ({
|
|
36
|
-
isSubmenuOpened,
|
|
37
|
-
onMouseEnter,
|
|
38
|
-
onSubmenuOpen,
|
|
39
|
-
onSubmenuClose,
|
|
40
|
-
onMouseLeave,
|
|
41
|
-
onMouseDown,
|
|
42
|
-
disabled
|
|
43
|
-
}) => {
|
|
44
|
-
const timeoutRef = { current: null };
|
|
45
|
-
const onMouseEnterHandler = (e) => {
|
|
46
|
-
if (timeoutRef.current !== null)
|
|
47
|
-
clearTimeout(timeoutRef.current);
|
|
48
|
-
else if (!isSubmenuOpened)
|
|
49
|
-
onSubmenuOpen?.(e);
|
|
50
|
-
timeoutRef.current = null;
|
|
51
|
-
onMouseEnter?.(e);
|
|
52
|
-
};
|
|
53
|
-
const onMouseLeaveHandler = (e) => {
|
|
54
|
-
if (timeoutRef.current === null) {
|
|
55
|
-
timeoutRef.current = setTimeout(() => {
|
|
56
|
-
timeoutRef.current = null;
|
|
57
|
-
onSubmenuClose?.(e);
|
|
58
|
-
}, 300);
|
|
59
|
-
}
|
|
60
|
-
onMouseLeave?.(e);
|
|
61
|
-
};
|
|
62
|
-
const onMouseDownHandler = (e) => {
|
|
63
|
-
if (disabled)
|
|
64
|
-
return;
|
|
65
|
-
onMouseDown?.(e);
|
|
66
|
-
};
|
|
67
|
-
const onEllipsisClick = () => {
|
|
68
|
-
throw new Error("Invoking onEllipsisClick from chevron handlers... this should never happen");
|
|
69
|
-
};
|
|
70
|
-
return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=getChevronHandlers.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SubmenuItem/getChevronHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { DSMenuItemT } from '../../react-desc-prop-types.js';\n\n// what we are trying to do:\n// onMouseEnter -> open submenu\n// onMouseLeave -> close submenu\n// onEllipsisClick -> we should not even invoke this handler, as the \"ellipsis\" should not even exist?\n\n// what are the \"challenges\" of the task:\n// - the submenu close has an animation and we ideally want to be sure state changes after the animation is done\n// (we do it via an hardcoded 300ms delay, this is know to cause issues in some cases)\n// - \"what is open and what is closed\" state lives under ds-dropdownmenu,\n// we manipulate it via \"onSubmenuOpen\" and \"onSubmenuClose\" callbacks\n// - we have created the API in such a way that we implement a \"bridge\" and \"inversion of control\" pattern\n// this requires extra care when handling the logic and designing the solution\n\n// important and relevant info:\n// when this comment has been written,\n// onSubmenuOpen coming from SingleWithSubmenuProps is forcing only one submenu to be open at a time internally\n// the logic for this is implemented in ds-dropdownmenu,\n// we had a bug in which we were invoking a stale callback,\n// we monkeypatching it by ensuring the callback never changes\n// in the future we should create code with \"hydraters\" to avoid this as per shuttle-v2\n\nexport const getChevronHandlers = ({\n isSubmenuOpened,\n onMouseEnter,\n onSubmenuOpen,\n onSubmenuClose,\n onMouseLeave,\n onMouseDown,\n disabled,\n}: Required<DSMenuItemT.SubmenuProps>) => {\n const timeoutRef: { current: NodeJS.Timeout | null } = { current: null };\n\n const onMouseEnterHandler = (e: React.MouseEvent) => {\n if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n else if (!isSubmenuOpened) onSubmenuOpen?.(e);\n timeoutRef.current = null;\n onMouseEnter?.(e);\n };\n\n const onMouseLeaveHandler = (e: React.MouseEvent) => {\n if (timeoutRef.current === null) {\n timeoutRef.current = setTimeout(() => {\n timeoutRef.current = null;\n onSubmenuClose?.(e);\n }, 300);\n }\n onMouseLeave?.(e);\n };\n\n const onMouseDownHandler = (e: React.MouseEvent) => {\n if (disabled) return;\n onMouseDown?.(e);\n };\n\n const onEllipsisClick = () => {\n throw new Error('Invoking onEllipsisClick from chevron handlers... this should never happen');\n };\n\n return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBhB,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AACxC,QAAM,aAAiD,EAAE,SAAS,KAAK;AAEvE,QAAM,sBAAsB,CAAC,MAAwB;AACnD,QAAI,WAAW,YAAY;AAAM,mBAAa,WAAW,OAAO;AAAA,aACvD,CAAC;AAAiB,sBAAgB,CAAC;AAC5C,eAAW,UAAU;AACrB,mBAAe,CAAC;AAAA,EAClB;AAEA,QAAM,sBAAsB,CAAC,MAAwB;AACnD,QAAI,WAAW,YAAY,MAAM;AAC/B,iBAAW,UAAU,WAAW,MAAM;AACpC,mBAAW,UAAU;AACrB,yBAAiB,CAAC;AAAA,MACpB,GAAG,GAAG;AAAA,IACR;AACA,mBAAe,CAAC;AAAA,EAClB;AAEA,QAAM,qBAAqB,CAAC,MAAwB;AAClD,QAAI;AAAU;AACd,kBAAc,CAAC;AAAA,EACjB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,UAAM,IAAI,MAAM,4EAA4E;AAAA,EAC9F;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,oBAAoB,gBAAgB;AACzF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
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 getEllipsisHandlers_exports = {};
|
|
30
|
-
__export(getEllipsisHandlers_exports, {
|
|
31
|
-
getEllipsisHandlers: () => getEllipsisHandlers
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(getEllipsisHandlers_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
const getEllipsisHandlers = ({
|
|
36
|
-
disabled,
|
|
37
|
-
isSubmenuOpened,
|
|
38
|
-
onMouseEnter,
|
|
39
|
-
onSubmenuOpen,
|
|
40
|
-
onSubmenuClose,
|
|
41
|
-
onMouseLeave,
|
|
42
|
-
onMouseDown
|
|
43
|
-
}) => {
|
|
44
|
-
const onMouseEnterHandler = (e) => onMouseEnter?.(e);
|
|
45
|
-
const onMouseLeaveHandler = (e) => onMouseLeave?.(e);
|
|
46
|
-
const onMouseDownHandler = (e) => {
|
|
47
|
-
if (disabled) {
|
|
48
|
-
e.preventDefault();
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
onMouseDown?.(e);
|
|
52
|
-
};
|
|
53
|
-
const onEllipsisClick = (e) => {
|
|
54
|
-
if (disabled)
|
|
55
|
-
return;
|
|
56
|
-
e.stopPropagation();
|
|
57
|
-
if (isSubmenuOpened)
|
|
58
|
-
onSubmenuClose(e);
|
|
59
|
-
else
|
|
60
|
-
onSubmenuOpen(e);
|
|
61
|
-
};
|
|
62
|
-
return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };
|
|
63
|
-
};
|
|
64
|
-
//# sourceMappingURL=getEllipsisHandlers.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SubmenuItem/getEllipsisHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { DSMenuItemT } from '../../react-desc-prop-types.js';\n\n// what we are trying to do:\n// onMouseEnter -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n// onMouseLeave -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n// onEllipsisClick -> toggle the submenu open/close as per design\n\n// what are the \"challenges\" of the task:\n// - we have created the API in such a way that we implement a \"bridge\" and \"inversion of control\" pattern\n// this requires extra care when handling the logic and designing the solution\n\nexport const getEllipsisHandlers = ({\n disabled,\n isSubmenuOpened,\n onMouseEnter,\n onSubmenuOpen,\n onSubmenuClose,\n onMouseLeave,\n onMouseDown,\n}: Required<DSMenuItemT.SubmenuProps>) => {\n // why not just onMouseEnterHandler = onMouseEnter?\n // we expect onMouseEnterHandler/onMouseLeaveHandler\n // to always exist even if onMouseEnter/onMouseLeave are undefined\n // also, if in the future we need custom logic for these handlers, we can add it here\n const onMouseEnterHandler: React.MouseEventHandler = (e) => onMouseEnter?.(e);\n const onMouseLeaveHandler: React.MouseEventHandler = (e) => onMouseLeave?.(e);\n const onMouseDownHandler: React.MouseEventHandler = (e) => {\n if (disabled) {\n e.preventDefault();\n return;\n }\n onMouseDown?.(e);\n };\n const onEllipsisClick: React.MouseEventHandler = (e) => {\n if (disabled) return;\n e.stopPropagation();\n if (isSubmenuOpened) onSubmenuClose(e);\n else onSubmenuOpen(e);\n };\n\n return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWhB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AAKxC,QAAM,sBAA+C,CAAC,MAAM,eAAe,CAAC;AAC5E,QAAM,sBAA+C,CAAC,MAAM,eAAe,CAAC;AAC5E,QAAM,qBAA8C,CAAC,MAAM;AACzD,QAAI,UAAU;AACZ,QAAE,eAAe;AACjB;AAAA,IACF;AACA,kBAAc,CAAC;AAAA,EACjB;AACA,QAAM,kBAA2C,CAAC,MAAM;AACtD,QAAI;AAAU;AACd,MAAE,gBAAgB;AAClB,QAAI;AAAiB,qBAAe,CAAC;AAAA;AAChC,oBAAc,CAAC;AAAA,EACtB;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,oBAAoB,gBAAgB;AACzF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
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 useGetSubmenuHandlers_exports = {};
|
|
30
|
-
__export(useGetSubmenuHandlers_exports, {
|
|
31
|
-
useGetSubmenuHandlers: () => useGetSubmenuHandlers
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(useGetSubmenuHandlers_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = require("react");
|
|
36
|
-
var import_getEllipsisHandlers = require("./getEllipsisHandlers.js");
|
|
37
|
-
var import_getChevronHandlers = require("./getChevronHandlers.js");
|
|
38
|
-
const useGetSubmenuHandlers = (submenuProps) => {
|
|
39
|
-
const { rightAddon } = submenuProps;
|
|
40
|
-
return (0, import_react.useMemo)(() => {
|
|
41
|
-
if (rightAddon === "ellipsis")
|
|
42
|
-
return (0, import_getEllipsisHandlers.getEllipsisHandlers)(submenuProps);
|
|
43
|
-
return (0, import_getChevronHandlers.getChevronHandlers)(submenuProps);
|
|
44
|
-
}, [submenuProps, rightAddon]);
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=useGetSubmenuHandlers.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SubmenuItem/useGetSubmenuHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useMemo } from 'react';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { getEllipsisHandlers } from './getEllipsisHandlers.js';\nimport { getChevronHandlers } from './getChevronHandlers.js';\n\n// what we are trying to do:\n// Ellipsis case:\n// onMouseEnter -> open submenu\n// onMouseLeave -> close submenu\n// onEllipsisClick -> we should not even invoke this handler, as the \"ellipsis\" should not even exist?\n// Chevron case:\n// onMouseEnter -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n// onMouseLeave -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n// onEllipsisClick -> toggle the submenu open/close as per design\n\n// what are the \"challenges\" of the task:\n// - we have chosen to abstract multiple possible logical \"flows\" into the same layer for some reason\n// specifically speaking this is trying to solve the\n// \"rightAddons\" is \"ellipsis\" case\n// at the same time as the\n// \"rightAddons\" is \"chevron\" case\n// they have more differences than similarities, so this is messy\n\n// @yuri since I'm both lazy and stupid, I want my code to be as stupid simple as me\n// I am removing one layer of abstraction,\n// ellipsis gets it's own logical flow\n// as does chevron\n// if you are a DRY advocate, you will probably hate me for this, I'm all for AHA (Avoid Hasty Abstractions).\nexport const useGetSubmenuHandlers = (submenuProps: Required<DSMenuItemT.SubmenuProps>) => {\n const { rightAddon } = submenuProps;\n return useMemo(() => {\n if (rightAddon === 'ellipsis') return getEllipsisHandlers(submenuProps);\n return getChevronHandlers(submenuProps);\n }, [submenuProps, rightAddon]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAExB,iCAAoC;AACpC,gCAAmC;AAyB5B,MAAM,wBAAwB,CAAC,iBAAqD;AACzF,QAAM,EAAE,WAAW,IAAI;AACvB,aAAO,sBAAQ,MAAM;AACnB,QAAI,eAAe;AAAY,iBAAO,gDAAoB,YAAY;AACtE,eAAO,8CAAmB,YAAY;AAAA,EACxC,GAAG,CAAC,cAAc,UAAU,CAAC;AAC/B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,192 +0,0 @@
|
|
|
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
|
-
StyleMenuItemLabel: () => StyleMenuItemLabel,
|
|
32
|
-
StyleMenuItemSecondaryLabel: () => StyleMenuItemSecondaryLabel,
|
|
33
|
-
StyledContentWrapper: () => StyledContentWrapper,
|
|
34
|
-
StyledEllipsisButton: () => StyledEllipsisButton,
|
|
35
|
-
StyledGlobalMenuItemWrapper: () => StyledGlobalMenuItemWrapper,
|
|
36
|
-
StyledGroupLabel: () => StyledGroupLabel,
|
|
37
|
-
StyledIconContainer: () => StyledIconContainer,
|
|
38
|
-
StyledItemContent: () => StyledItemContent,
|
|
39
|
-
StyledSectionWrapper: () => StyledSectionWrapper,
|
|
40
|
-
StyledSeparator: () => StyledSeparator,
|
|
41
|
-
StyledSeparatorWrapper: () => StyledSeparatorWrapper,
|
|
42
|
-
StyledVerticalSeparator: () => StyledVerticalSeparator
|
|
43
|
-
});
|
|
44
|
-
module.exports = __toCommonJS(styled_exports);
|
|
45
|
-
var React = __toESM(require("react"));
|
|
46
|
-
var import_ds_system = require("@elliemae/ds-system");
|
|
47
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
48
|
-
var import_exported_related = require("../exported-related/index.js");
|
|
49
|
-
const borderOutside = () => import_ds_system.css`
|
|
50
|
-
:after {
|
|
51
|
-
display: block;
|
|
52
|
-
content: ' ';
|
|
53
|
-
position: absolute;
|
|
54
|
-
top: 0;
|
|
55
|
-
left: 0;
|
|
56
|
-
right: 0;
|
|
57
|
-
bottom: 0;
|
|
58
|
-
border: 1px solid ${({ theme }) => theme.colors.brand[500]};
|
|
59
|
-
pointer-events: none;
|
|
60
|
-
z-index: 7;
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
63
|
-
const disabledOption = () => import_ds_system.css`
|
|
64
|
-
color: ${({ theme }) => theme.colors.neutral[500]};
|
|
65
|
-
background-color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
66
|
-
cursor: not-allowed;
|
|
67
|
-
* {
|
|
68
|
-
cursor: not-allowed;
|
|
69
|
-
}
|
|
70
|
-
`;
|
|
71
|
-
const StyledGlobalMenuItemWrapper = (0, import_ds_system.styled)("li", {
|
|
72
|
-
name: import_exported_related.DSMenuItemName,
|
|
73
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_WRAPPER
|
|
74
|
-
})`
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
min-height: 32px;
|
|
77
|
-
|
|
78
|
-
padding-left: 16px;
|
|
79
|
-
padding-right: 16px;
|
|
80
|
-
display: grid;
|
|
81
|
-
align-items: center;
|
|
82
|
-
list-style: none;
|
|
83
|
-
position: relative;
|
|
84
|
-
|
|
85
|
-
${(props) => {
|
|
86
|
-
if (props.disabled)
|
|
87
|
-
return disabledOption();
|
|
88
|
-
if (props.isActive)
|
|
89
|
-
return borderOutside();
|
|
90
|
-
return "";
|
|
91
|
-
}};
|
|
92
|
-
|
|
93
|
-
background-color: ${(props) => props.isActive ? props.theme.colors.brand[200] : props.theme.colors.neutral["000"]};
|
|
94
|
-
|
|
95
|
-
// focus style for standalone version
|
|
96
|
-
&:focus {
|
|
97
|
-
${(props) => {
|
|
98
|
-
if (props.disabled)
|
|
99
|
-
return disabledOption();
|
|
100
|
-
return borderOutside();
|
|
101
|
-
}};
|
|
102
|
-
outline: none;
|
|
103
|
-
background-color: ${(props) => !props.disabled ? props.theme.colors.brand[200] : props.theme.colors.neutral["000"]};
|
|
104
|
-
}
|
|
105
|
-
&:hover {
|
|
106
|
-
background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};
|
|
107
|
-
}
|
|
108
|
-
${import_ds_system.xStyledCommonProps}
|
|
109
|
-
`;
|
|
110
|
-
const StyleMenuItemLabel = (0, import_ds_system.styled)("span", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_LABEL })`
|
|
111
|
-
padding: 8px 0;
|
|
112
|
-
font-size: 13px;
|
|
113
|
-
`;
|
|
114
|
-
const StyleMenuItemSecondaryLabel = (0, import_ds_system.styled)("span", {
|
|
115
|
-
name: import_exported_related.DSMenuItemName,
|
|
116
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SECONDARY_LABEL
|
|
117
|
-
})`
|
|
118
|
-
padding: 8px 0;
|
|
119
|
-
font-size: 11px;
|
|
120
|
-
font-style: italic;
|
|
121
|
-
color: brand-800;
|
|
122
|
-
`;
|
|
123
|
-
const StyledIconContainer = (0, import_ds_system.styled)("div", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_ICON })`
|
|
124
|
-
width: 25px;
|
|
125
|
-
height: 24px;
|
|
126
|
-
display: grid;
|
|
127
|
-
grid-template-columns: min-content auto;
|
|
128
|
-
place-items: center;
|
|
129
|
-
`;
|
|
130
|
-
const StyledEllipsisButton = (0, import_ds_system.styled)("div", {
|
|
131
|
-
name: import_exported_related.DSMenuItemName,
|
|
132
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_ELLIPSIS_BUTTON
|
|
133
|
-
})`
|
|
134
|
-
position: relative;
|
|
135
|
-
width: 100%;
|
|
136
|
-
height: 100%;
|
|
137
|
-
display: grid;
|
|
138
|
-
place-items: center;
|
|
139
|
-
background: transparent;
|
|
140
|
-
:active {
|
|
141
|
-
${(props) => props.disabled ? "" : borderOutside()}
|
|
142
|
-
}
|
|
143
|
-
`;
|
|
144
|
-
const StyledItemContent = (0, import_ds_system.styled)("div", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_CONTENT })`
|
|
145
|
-
display: flex;
|
|
146
|
-
width: 100%;
|
|
147
|
-
margin: 8px 0px;
|
|
148
|
-
`;
|
|
149
|
-
const StyledSeparator = (0, import_ds_system.styled)("hr", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SEPARATOR })`
|
|
150
|
-
border: 0;
|
|
151
|
-
border-top: 1px solid #697489;
|
|
152
|
-
margin: 4px 0px;
|
|
153
|
-
padding: 0;
|
|
154
|
-
`;
|
|
155
|
-
const StyledSeparatorWrapper = (0, import_ds_system.styled)("li", {
|
|
156
|
-
name: import_exported_related.DSMenuItemName,
|
|
157
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SEPARATOR_WRAPPER
|
|
158
|
-
})`
|
|
159
|
-
list-style: none;
|
|
160
|
-
padding: 0px 16px;
|
|
161
|
-
|
|
162
|
-
${import_ds_system.xStyledCommonProps}
|
|
163
|
-
`;
|
|
164
|
-
const StyledGroupLabel = (0, import_ds_system.styled)("span", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_GROUP_LABEL })`
|
|
165
|
-
font-size: 13px;
|
|
166
|
-
color: neutral-500;
|
|
167
|
-
`;
|
|
168
|
-
const StyledSectionWrapper = (0, import_ds_system.styled)("li", {
|
|
169
|
-
name: import_exported_related.DSMenuItemName,
|
|
170
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SECTION_WRAPPER
|
|
171
|
-
})`
|
|
172
|
-
list-style: none;
|
|
173
|
-
padding: 0px 16px;
|
|
174
|
-
height: 24px;
|
|
175
|
-
display: flex;
|
|
176
|
-
align-items: center;
|
|
177
|
-
|
|
178
|
-
${import_ds_system.xStyledCommonProps}
|
|
179
|
-
`;
|
|
180
|
-
const StyledVerticalSeparator = (0, import_ds_system.styled)("div", {
|
|
181
|
-
name: import_exported_related.DSMenuItemName,
|
|
182
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_VERTICAL_SEPARATOR
|
|
183
|
-
})`
|
|
184
|
-
width: 1px;
|
|
185
|
-
height: 18px;
|
|
186
|
-
background-color: neutral-300;
|
|
187
|
-
`;
|
|
188
|
-
const StyledContentWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
|
|
189
|
-
name: import_exported_related.DSMenuItemName,
|
|
190
|
-
slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_CONTENT_WRAPPER
|
|
191
|
-
})``;
|
|
192
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@elliemae/ds-system';\nimport { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuItemName, DSMenuItemSlots } from '../exported-related/index.js';\n\nconst borderOutside = () => css`\n :after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid ${({ theme }) => theme.colors.brand[500]};\n pointer-events: none;\n z-index: 7;\n }\n`;\n\nconst disabledOption = () => css`\n color: ${({ theme }) => theme.colors.neutral[500]};\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n cursor: not-allowed;\n * {\n cursor: not-allowed;\n }\n`;\n\ninterface StyledGlobalMenuItemWrapperT extends LayoutProps, SizingProps, PositionProps, SpaceProps {\n isSelected?: boolean;\n isActive?: boolean;\n disabled?: boolean;\n}\n\nexport const StyledGlobalMenuItemWrapper = styled('li', {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_WRAPPER,\n})<StyledGlobalMenuItemWrapperT>`\n cursor: pointer;\n min-height: 32px;\n\n padding-left: 16px;\n padding-right: 16px;\n display: grid;\n align-items: center;\n list-style: none;\n position: relative;\n\n ${(props) => {\n if (props.disabled) return disabledOption();\n if (props.isActive) return borderOutside();\n return '';\n }};\n\n background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : props.theme.colors.neutral['000'])};\n\n // focus style for standalone version\n &:focus {\n ${(props) => {\n if (props.disabled) return disabledOption();\n return borderOutside();\n }};\n outline: none;\n background-color: ${(props) =>\n !props.disabled ? props.theme.colors.brand[200] : props.theme.colors.neutral['000']};\n }\n &:hover {\n background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};\n }\n ${xStyledCommonProps}\n`;\n\nexport const StyleMenuItemLabel = styled('span', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_LABEL })`\n padding: 8px 0;\n font-size: 13px;\n`;\n\nexport const StyleMenuItemSecondaryLabel = styled('span', {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_SECONDARY_LABEL,\n})`\n padding: 8px 0;\n font-size: 11px;\n font-style: italic;\n color: brand-800;\n`;\n\nexport const StyledIconContainer = styled('div', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_ICON })`\n width: 25px;\n height: 24px;\n display: grid;\n grid-template-columns: min-content auto;\n place-items: center;\n`;\n\nexport const StyledEllipsisButton = styled('div', {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_ELLIPSIS_BUTTON,\n})<{ disabled: boolean }>`\n position: relative;\n width: 100%;\n height: 100%;\n display: grid;\n place-items: center;\n background: transparent;\n :active {\n ${(props) => (props.disabled ? '' : borderOutside())}\n }\n`;\n\nexport const StyledItemContent = styled('div', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_CONTENT })`\n display: flex;\n width: 100%;\n margin: 8px 0px;\n`;\n\nexport const StyledSeparator = styled('hr', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR })`\n border: 0;\n border-top: 1px solid #697489;\n margin: 4px 0px;\n padding: 0;\n`;\n\nexport const StyledSeparatorWrapper = styled('li', {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR_WRAPPER,\n})`\n list-style: none;\n padding: 0px 16px;\n\n ${xStyledCommonProps}\n`;\n\nexport const StyledGroupLabel = styled('span', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_GROUP_LABEL })`\n font-size: 13px;\n color: neutral-500;\n`;\n\nexport const StyledSectionWrapper = styled('li', {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_SECTION_WRAPPER,\n})`\n list-style: none;\n padding: 0px 16px;\n height: 24px;\n display: flex;\n align-items: center;\n\n ${xStyledCommonProps}\n`;\n\nexport const StyledVerticalSeparator = styled('div', {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_VERTICAL_SEPARATOR,\n})`\n width: 1px;\n height: 18px;\n background-color: neutral-300;\n`;\n\nexport const StyledContentWrapper = styled(Grid, {\n name: DSMenuItemName,\n slot: DSMenuItemSlots.MENU_ITEM_CONTENT_WRAPPER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
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 useGetGlobalsAndXStyledProps_exports = {};
|
|
30
|
-
__export(useGetGlobalsAndXStyledProps_exports, {
|
|
31
|
-
useGetGlobalsAndXStyledProps: () => useGetGlobalsAndXStyledProps
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(useGetGlobalsAndXStyledProps_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
-
const useGetGlobalsAndXStyledProps = (props, toMergeEvents) => {
|
|
37
|
-
const sourceGlobalProps = props.original ?? props;
|
|
38
|
-
const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(sourceGlobalProps, toMergeEvents);
|
|
39
|
-
const xStyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(sourceGlobalProps);
|
|
40
|
-
return { globalAttributes, xStyledProps };
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=useGetGlobalsAndXStyledProps.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/useGetGlobalsAndXStyledProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../react-desc-prop-types.js';\n\nexport const useGetGlobalsAndXStyledProps = (\n props: DSMenuItemT.AllTypeItems,\n toMergeEvents?: Record<string, unknown>,\n) => {\n const sourceGlobalProps = props.original ?? props;\n\n const globalAttributes = useGetGlobalAttributes(sourceGlobalProps, toMergeEvents);\n const xStyledProps = useGetXstyledProps(sourceGlobalProps);\n\n return { globalAttributes, xStyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA2D;AAGpD,MAAM,+BAA+B,CAC1C,OACA,kBACG;AACH,QAAM,oBAAoB,MAAM,YAAY;AAE5C,QAAM,uBAAmB,gDAAuB,mBAAmB,aAAa;AAChF,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,SAAO,EAAE,kBAAkB,aAAa;AAC1C;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
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 constants_exports = {};
|
|
30
|
-
__export(constants_exports, {
|
|
31
|
-
DSMenuItemName: () => DSMenuItemName,
|
|
32
|
-
DSMenuItemSlots: () => DSMenuItemSlots
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(constants_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
const DSMenuItemName = "DSMenuItem";
|
|
37
|
-
const DSMenuItemSlots = {
|
|
38
|
-
MENU_ITEM_WRAPPER: "menu-item-wrapper",
|
|
39
|
-
MENU_ITEM_LABEL: "menu-item-label",
|
|
40
|
-
MENU_ITEM_SECONDARY_LABEL: "menu-item-secondary-label",
|
|
41
|
-
MENU_ITEM_ICON: "menu-item-icon",
|
|
42
|
-
MENU_ITEM_ELLIPSIS_BUTTON: "menu-item-ellipsis-button",
|
|
43
|
-
MENU_ITEM_CONTENT: "menu-item-content",
|
|
44
|
-
MENU_ITEM_SEPARATOR: "menu-item-separator",
|
|
45
|
-
MENU_ITEM_SEPARATOR_WRAPPER: "menu-item-separator-wrapper",
|
|
46
|
-
MENU_ITEM_GROUP_LABEL: "menu-item-group-label",
|
|
47
|
-
MENU_ITEM_SECTION_WRAPPER: "menu-item-section-wrapper",
|
|
48
|
-
MENU_ITEM_VERTICAL_SEPARATOR: "menu-item-vertical-separator",
|
|
49
|
-
MENU_ITEM_CONTENT_WRAPPER: "menu-item-content-wrapper"
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/exported-related/constants.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const DSMenuItemName = 'DSMenuItem';\n\nexport const DSMenuItemSlots = {\n MENU_ITEM_WRAPPER: 'menu-item-wrapper',\n MENU_ITEM_LABEL: 'menu-item-label',\n MENU_ITEM_SECONDARY_LABEL: 'menu-item-secondary-label',\n MENU_ITEM_ICON: 'menu-item-icon',\n MENU_ITEM_ELLIPSIS_BUTTON: 'menu-item-ellipsis-button',\n MENU_ITEM_CONTENT: 'menu-item-content',\n MENU_ITEM_SEPARATOR: 'menu-item-separator',\n MENU_ITEM_SEPARATOR_WRAPPER: 'menu-item-separator-wrapper',\n MENU_ITEM_GROUP_LABEL: 'menu-item-group-label',\n MENU_ITEM_SECTION_WRAPPER: 'menu-item-section-wrapper',\n MENU_ITEM_VERTICAL_SEPARATOR: 'menu-item-vertical-separator',\n MENU_ITEM_CONTENT_WRAPPER: 'menu-item-content-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,2BAA2B;AAAA,EAC3B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,2BAA2B;AAC7B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|