@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.
Files changed (96) hide show
  1. package/dist/cjs/components/ActionMenuItem/index.js +6 -61
  2. package/dist/cjs/components/ActionMenuItem/index.js.map +2 -2
  3. package/dist/cjs/components/MultiMenuItem/index.js +6 -79
  4. package/dist/cjs/components/MultiMenuItem/index.js.map +2 -2
  5. package/dist/cjs/components/Section/index.js +6 -29
  6. package/dist/cjs/components/Section/index.js.map +2 -2
  7. package/dist/cjs/components/Separator/index.js +6 -32
  8. package/dist/cjs/components/Separator/index.js.map +2 -2
  9. package/dist/cjs/components/SingleMenuItem/index.js +6 -84
  10. package/dist/cjs/components/SingleMenuItem/index.js.map +3 -3
  11. package/dist/cjs/components/SingleWithSubmenuItem/index.js +5 -124
  12. package/dist/cjs/components/SingleWithSubmenuItem/index.js.map +2 -2
  13. package/dist/cjs/components/SkeletonMenuItem/index.js +5 -26
  14. package/dist/cjs/components/SkeletonMenuItem/index.js.map +2 -2
  15. package/dist/cjs/components/SubmenuItem/index.js +5 -128
  16. package/dist/cjs/components/SubmenuItem/index.js.map +2 -2
  17. package/dist/cjs/components/index.js +51 -9
  18. package/dist/cjs/components/index.js.map +2 -2
  19. package/dist/cjs/exported-related/index.js +9 -2
  20. package/dist/cjs/exported-related/index.js.map +2 -2
  21. package/dist/cjs/index.js +45 -3
  22. package/dist/cjs/index.js.map +2 -2
  23. package/dist/esm/components/ActionMenuItem/index.js +11 -65
  24. package/dist/esm/components/ActionMenuItem/index.js.map +3 -3
  25. package/dist/esm/components/MultiMenuItem/index.js +12 -79
  26. package/dist/esm/components/MultiMenuItem/index.js.map +3 -3
  27. package/dist/esm/components/Section/index.js +12 -29
  28. package/dist/esm/components/Section/index.js.map +3 -3
  29. package/dist/esm/components/Separator/index.js +11 -37
  30. package/dist/esm/components/Separator/index.js.map +3 -3
  31. package/dist/esm/components/SingleMenuItem/index.js +11 -88
  32. package/dist/esm/components/SingleMenuItem/index.js.map +3 -3
  33. package/dist/esm/components/SingleWithSubmenuItem/index.js +9 -131
  34. package/dist/esm/components/SingleWithSubmenuItem/index.js.map +3 -3
  35. package/dist/esm/components/SkeletonMenuItem/index.js +10 -26
  36. package/dist/esm/components/SkeletonMenuItem/index.js.map +3 -3
  37. package/dist/esm/components/SubmenuItem/index.js +9 -135
  38. package/dist/esm/components/SubmenuItem/index.js.map +3 -3
  39. package/dist/esm/components/index.js +92 -8
  40. package/dist/esm/components/index.js.map +2 -2
  41. package/dist/esm/exported-related/index.js +5 -1
  42. package/dist/esm/exported-related/index.js.map +2 -2
  43. package/dist/esm/index.js +77 -2
  44. package/dist/esm/index.js.map +2 -2
  45. package/dist/types/components/ActionMenuItem/index.d.ts +1 -5
  46. package/dist/types/components/MultiMenuItem/index.d.ts +1 -5
  47. package/dist/types/components/Section/index.d.ts +1 -5
  48. package/dist/types/components/Separator/index.d.ts +1 -5
  49. package/dist/types/components/SingleMenuItem/index.d.ts +1 -5
  50. package/dist/types/components/SingleWithSubmenuItem/index.d.ts +1 -5
  51. package/dist/types/components/SkeletonMenuItem/index.d.ts +1 -4
  52. package/dist/types/components/SubmenuItem/index.d.ts +1 -5
  53. package/dist/types/components/index.d.ts +8 -8
  54. package/dist/types/exported-related/index.d.ts +1 -1
  55. package/dist/types/index.d.ts +2 -2
  56. package/package.json +11 -8
  57. package/dist/cjs/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js +0 -87
  58. package/dist/cjs/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js.map +0 -7
  59. package/dist/cjs/components/SubmenuItem/getChevronHandlers.js +0 -72
  60. package/dist/cjs/components/SubmenuItem/getChevronHandlers.js.map +0 -7
  61. package/dist/cjs/components/SubmenuItem/getEllipsisHandlers.js +0 -64
  62. package/dist/cjs/components/SubmenuItem/getEllipsisHandlers.js.map +0 -7
  63. package/dist/cjs/components/SubmenuItem/useGetSubmenuHandlers.js +0 -46
  64. package/dist/cjs/components/SubmenuItem/useGetSubmenuHandlers.js.map +0 -7
  65. package/dist/cjs/components/styled.js +0 -192
  66. package/dist/cjs/components/styled.js.map +0 -7
  67. package/dist/cjs/components/useGetGlobalsAndXStyledProps.js +0 -42
  68. package/dist/cjs/components/useGetGlobalsAndXStyledProps.js.map +0 -7
  69. package/dist/cjs/exported-related/constants.js +0 -51
  70. package/dist/cjs/exported-related/constants.js.map +0 -7
  71. package/dist/cjs/react-desc-prop-types.js +0 -169
  72. package/dist/cjs/react-desc-prop-types.js.map +0 -7
  73. package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js +0 -57
  74. package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js.map +0 -7
  75. package/dist/esm/components/SubmenuItem/getChevronHandlers.js +0 -42
  76. package/dist/esm/components/SubmenuItem/getChevronHandlers.js.map +0 -7
  77. package/dist/esm/components/SubmenuItem/getEllipsisHandlers.js +0 -34
  78. package/dist/esm/components/SubmenuItem/getEllipsisHandlers.js.map +0 -7
  79. package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js +0 -16
  80. package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js.map +0 -7
  81. package/dist/esm/components/styled.js +0 -162
  82. package/dist/esm/components/styled.js.map +0 -7
  83. package/dist/esm/components/useGetGlobalsAndXStyledProps.js +0 -12
  84. package/dist/esm/components/useGetGlobalsAndXStyledProps.js.map +0 -7
  85. package/dist/esm/exported-related/constants.js +0 -21
  86. package/dist/esm/exported-related/constants.js.map +0 -7
  87. package/dist/esm/react-desc-prop-types.js +0 -139
  88. package/dist/esm/react-desc-prop-types.js.map +0 -7
  89. package/dist/types/components/SingleWithSubmenuItem/useGetSubmenuHandlers.d.ts +0 -7
  90. package/dist/types/components/SubmenuItem/getChevronHandlers.d.ts +0 -7
  91. package/dist/types/components/SubmenuItem/getEllipsisHandlers.d.ts +0 -8
  92. package/dist/types/components/SubmenuItem/useGetSubmenuHandlers.d.ts +0 -8
  93. package/dist/types/components/styled.d.ts +0 -22
  94. package/dist/types/components/useGetGlobalsAndXStyledProps.d.ts +0 -5
  95. package/dist/types/exported-related/constants.d.ts +0 -15
  96. 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
- }