@mongodb-js/compass-components 1.2.0 → 1.3.0
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/lib/components/accordion.d.ts.map +1 -1
- package/lib/components/accordion.js +4 -5
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +7 -8
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/cancel-loader.js +1 -1
- package/lib/components/cancel-loader.js.map +1 -1
- package/lib/components/collapsible-field-set.d.ts +2 -4
- package/lib/components/collapsible-field-set.d.ts.map +1 -1
- package/lib/components/collapsible-field-set.js +13 -20
- package/lib/components/collapsible-field-set.js.map +1 -1
- package/lib/components/document-list/document-actions-group.js +1 -1
- package/lib/components/document-list/document-actions-group.js.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.js +11 -9
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
- package/lib/components/document-list/document.js +4 -4
- package/lib/components/document-list/document.js.map +1 -1
- package/lib/components/document-list/element-actions.d.ts.map +1 -1
- package/lib/components/document-list/element-actions.js +6 -5
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +8 -7
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +13 -13
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/document-list/typography.d.ts +6 -0
- package/lib/components/document-list/typography.d.ts.map +1 -0
- package/lib/components/document-list/typography.js +10 -0
- package/lib/components/document-list/typography.js.map +1 -0
- package/lib/components/empty-content.d.ts +12 -0
- package/lib/components/empty-content.d.ts.map +1 -0
- package/lib/components/empty-content.js +52 -0
- package/lib/components/empty-content.js.map +1 -0
- package/lib/components/error-warning-summary.d.ts +2 -0
- package/lib/components/error-warning-summary.d.ts.map +1 -1
- package/lib/components/error-warning-summary.js +6 -6
- package/lib/components/error-warning-summary.js.map +1 -1
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +8 -10
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/form-field-container.d.ts +8 -0
- package/lib/components/form-field-container.d.ts.map +1 -0
- package/lib/components/form-field-container.js +16 -0
- package/lib/components/form-field-container.js.map +1 -0
- package/lib/components/icons/document-icon.d.ts +7 -0
- package/lib/components/icons/document-icon.d.ts.map +1 -0
- package/lib/components/icons/document-icon.js +52 -0
- package/lib/components/icons/document-icon.js.map +1 -0
- package/lib/components/icons/favorite-icon.d.ts.map +1 -1
- package/lib/components/icons/favorite-icon.js +2 -3
- package/lib/components/icons/favorite-icon.js.map +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts +8 -0
- package/lib/components/icons/no-saved-items-icon.d.ts.map +1 -0
- package/lib/components/icons/no-saved-items-icon.js +41 -0
- package/lib/components/icons/no-saved-items-icon.js.map +1 -0
- package/lib/components/interactive-popover.d.ts +3 -4
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/interactive-popover.js +30 -16
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/keyline-card.d.ts +7 -0
- package/lib/components/keyline-card.d.ts.map +1 -0
- package/lib/components/keyline-card.js +28 -0
- package/lib/components/keyline-card.js.map +1 -0
- package/lib/components/leafygreen.d.ts +20 -20
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +18 -7
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/list-editor.d.ts +14 -0
- package/lib/components/list-editor.d.ts.map +1 -0
- package/lib/components/list-editor.js +36 -0
- package/lib/components/list-editor.js.map +1 -0
- package/lib/components/{confirmation-modal.d.ts → modals/confirmation-modal.d.ts} +1 -1
- package/lib/components/modals/confirmation-modal.d.ts.map +1 -0
- package/lib/components/{confirmation-modal.js → modals/confirmation-modal.js} +1 -1
- package/lib/components/modals/confirmation-modal.js.map +1 -0
- package/lib/components/modals/form-modal.d.ts +22 -0
- package/lib/components/modals/form-modal.d.ts.map +1 -0
- package/lib/components/modals/form-modal.js +31 -0
- package/lib/components/modals/form-modal.js.map +1 -0
- package/lib/components/modals/info-modal.d.ts +12 -0
- package/lib/components/modals/info-modal.d.ts.map +1 -0
- package/lib/components/modals/info-modal.js +23 -0
- package/lib/components/modals/info-modal.js.map +1 -0
- package/lib/components/modals/modal-body.d.ts +16 -0
- package/lib/components/modals/modal-body.d.ts.map +1 -0
- package/lib/components/modals/modal-body.js +46 -0
- package/lib/components/modals/modal-body.js.map +1 -0
- package/lib/components/modals/modal-footer-button.d.ts +5 -0
- package/lib/components/modals/modal-footer-button.d.ts.map +1 -0
- package/lib/components/modals/modal-footer-button.js +37 -0
- package/lib/components/modals/modal-footer-button.js.map +1 -0
- package/lib/components/modals/modal-header.d.ts +15 -0
- package/lib/components/modals/modal-header.d.ts.map +1 -0
- package/lib/components/modals/modal-header.js +65 -0
- package/lib/components/modals/modal-header.js.map +1 -0
- package/lib/components/modals/modal.d.ts +7 -0
- package/lib/components/modals/modal.d.ts.map +1 -0
- package/lib/components/{modal.js → modals/modal.js} +9 -3
- package/lib/components/modals/modal.js.map +1 -0
- package/lib/components/placeholder.js +4 -4
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/resize-handle.d.ts.map +1 -1
- package/lib/components/resize-handle.js +2 -1
- package/lib/components/resize-handle.js.map +1 -1
- package/lib/components/resizeable-sidebar.d.ts.map +1 -1
- package/lib/components/resizeable-sidebar.js +21 -22
- package/lib/components/resizeable-sidebar.js.map +1 -1
- package/lib/components/spin-loader.js +1 -1
- package/lib/components/spin-loader.js.map +1 -1
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +11 -7
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/virtual-grid.d.ts +1 -1
- package/lib/components/workspace-container.d.ts +1 -0
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-container.js +88 -10
- package/lib/components/workspace-container.js.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.js +26 -27
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +2 -0
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.js +10 -8
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
- package/lib/hooks/use-focus-ring.d.ts.map +1 -1
- package/lib/hooks/use-focus-ring.js +3 -2
- package/lib/hooks/use-focus-ring.js.map +1 -1
- package/lib/hooks/use-theme.d.ts +2 -1
- package/lib/hooks/use-theme.d.ts.map +1 -1
- package/lib/hooks/use-theme.js +9 -6
- package/lib/hooks/use-theme.js.map +1 -1
- package/lib/index.d.ts +15 -11
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +26 -19
- package/lib/index.js.map +1 -1
- package/package.json +37 -41
- package/lib/compass-font-sizes.d.ts +0 -3
- package/lib/compass-font-sizes.d.ts.map +0 -1
- package/lib/compass-font-sizes.js +0 -6
- package/lib/compass-font-sizes.js.map +0 -1
- package/lib/compass-ui-colors.d.ts +0 -7
- package/lib/compass-ui-colors.d.ts.map +0 -1
- package/lib/compass-ui-colors.js +0 -10
- package/lib/compass-ui-colors.js.map +0 -1
- package/lib/components/confirmation-modal.d.ts.map +0 -1
- package/lib/components/confirmation-modal.js.map +0 -1
- package/lib/components/editor.d.ts +0 -36
- package/lib/components/editor.d.ts.map +0 -1
- package/lib/components/editor.js +0 -107
- package/lib/components/editor.js.map +0 -1
- package/lib/components/modal-title.d.ts +0 -5
- package/lib/components/modal-title.d.ts.map +0 -1
- package/lib/components/modal-title.js +0 -18
- package/lib/components/modal-title.js.map +0 -1
- package/lib/components/modal.d.ts +0 -7
- package/lib/components/modal.d.ts.map +0 -1
- package/lib/components/modal.js.map +0 -1
- package/lib/components/toolbar.d.ts +0 -10
- package/lib/components/toolbar.d.ts.map +0 -1
- package/lib/components/toolbar.js +0 -25
- package/lib/components/toolbar.js.map +0 -1
- package/lib/constants/mongodb-ace-theme-query.d.ts +0 -3
- package/lib/constants/mongodb-ace-theme-query.d.ts.map +0 -1
- package/lib/constants/mongodb-ace-theme-query.js +0 -123
- package/lib/constants/mongodb-ace-theme-query.js.map +0 -1
- package/lib/constants/mongodb-ace-theme.d.ts +0 -3
- package/lib/constants/mongodb-ace-theme.d.ts.map +0 -1
- package/lib/constants/mongodb-ace-theme.js +0 -113
- package/lib/constants/mongodb-ace-theme.js.map +0 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.NoSavedItemsIcon = void 0;
|
|
27
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
28
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const use_theme_1 = require("../../hooks/use-theme");
|
|
31
|
+
const defaultSize = tokens_1.spacing[4] * 3;
|
|
32
|
+
const UnthemedNoSavedItemsIcon = ({ darkMode, size = defaultSize }) => {
|
|
33
|
+
const strokeColor = (0, react_1.useMemo)(() => (darkMode ? palette_1.palette.white : palette_1.palette.black), [darkMode]);
|
|
34
|
+
return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
35
|
+
react_1.default.createElement("path", { d: "M47 53C54.1797 53 60 47.1797 60 40C60 32.8203 54.1797 27 47 27C39.8203 27 34 32.8203 34 40C34 47.1797 39.8203 53 47 53Z", fill: palette_1.palette.green.base, stroke: strokeColor, strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
36
|
+
react_1.default.createElement("path", { d: "M56 49L68 61", stroke: strokeColor }),
|
|
37
|
+
react_1.default.createElement("path", { d: "M4 35.9501H6.2M6.2 35.9501C9.4 35.9501 12.1 33.3553 12.1 30.0619V19.5828C12.1 14.8922 15.9 11 20.7 11M6.2 35.9501C9.4 35.9501 12.1 38.5449 12.1 41.8383V52.4172C12.1 57.1078 15.9 61 20.7 61M54.0001 35.9501H51.8001M51.8001 35.9501C48.6001 35.9501 45.9001 38.5449 45.9001 41.8383V52.4172C45.9001 57.1078 42.1001 61 37.3001 61M51.8001 35.9501C48.6001 35.9501 45.9 33.3553 45.9 30.0619V19.5828C45.9 14.8922 42.1 11 37.3 11", stroke: strokeColor, strokeMiterlimit: "10" })));
|
|
38
|
+
};
|
|
39
|
+
const NoSavedItemsIcon = (0, use_theme_1.withTheme)(UnthemedNoSavedItemsIcon);
|
|
40
|
+
exports.NoSavedItemsIcon = NoSavedItemsIcon;
|
|
41
|
+
//# sourceMappingURL=no-saved-items-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"no-saved-items-icon.js","sourceRoot":"","sources":["../../../src/components/icons/no-saved-items-icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AACjD,kDAAgD;AAChD,+CAAuC;AAEvC,qDAAkD;AAOlD,MAAM,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEnC,MAAM,wBAAwB,GAE1B,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,WAAW,EAAE,EAAE,EAAE;IACvC,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAO,CAAC,KAAK,CAAC,EAChD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,uCACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,wCACE,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAE,iBAAO,CAAC,KAAK,CAAC,IAAI,EACxB,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAC,IAAI,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QACF,wCAAM,CAAC,EAAC,cAAc,EAAC,MAAM,EAAE,WAAW,GAAI;QAC9C,wCACE,CAAC,EAAC,maAAma,EACra,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAC,IAAI,GACrB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,qBAAS,EAChC,wBAAwB,CACU,CAAC;AAE5B,4CAAgB"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare type InteractivePopoverProps = {
|
|
3
3
|
className: string;
|
|
4
|
-
children:
|
|
5
|
-
onClose: () => void;
|
|
6
|
-
}) => React.ReactElement;
|
|
4
|
+
children: React.ReactElement;
|
|
7
5
|
trigger: (triggerProps: {
|
|
8
6
|
onClick: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
9
7
|
ref: React.RefObject<HTMLButtonElement>;
|
|
@@ -11,7 +9,8 @@ declare type InteractivePopoverProps = {
|
|
|
11
9
|
}) => React.ReactElement;
|
|
12
10
|
open: boolean;
|
|
13
11
|
setOpen: (open: boolean) => void;
|
|
12
|
+
containedElements?: string[];
|
|
14
13
|
};
|
|
15
|
-
declare function InteractivePopover({ className, children, trigger, open, setOpen, }: InteractivePopoverProps): React.ReactElement;
|
|
14
|
+
declare function InteractivePopover({ className, children, trigger, open, setOpen, containedElements, }: InteractivePopoverProps): React.ReactElement;
|
|
16
15
|
export { InteractivePopover };
|
|
17
16
|
//# sourceMappingURL=interactive-popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interactive-popover.d.ts","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"interactive-popover.d.ts","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA2C9D,aAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,EAAE,CAAC,YAAY,EAAE;QACtB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC9D,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,KAAK,KAAK,CAAC,YAAY,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAIjC,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,iBAAsB,GACvB,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CA2I9C;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -35,31 +35,38 @@ const tokens_1 = require("@leafygreen-ui/tokens");
|
|
|
35
35
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
36
36
|
const polished_1 = require("polished");
|
|
37
37
|
const use_theme_1 = require("../hooks/use-theme");
|
|
38
|
-
const
|
|
38
|
+
const utils_1 = require("@react-aria/utils");
|
|
39
39
|
const borderRadius = tokens_1.spacing[2];
|
|
40
40
|
const contentContainerStyles = (0, emotion_1.css)({
|
|
41
41
|
display: 'flex',
|
|
42
|
+
flexDirection: 'column',
|
|
42
43
|
height: '100%',
|
|
43
44
|
alignItems: 'center',
|
|
44
45
|
borderRadius: borderRadius,
|
|
45
|
-
boxShadow: `0px 2px 4px -1px ${(0, polished_1.
|
|
46
|
+
boxShadow: `0px 2px 4px -1px ${(0, polished_1.rgba)(palette_1.palette.black, 0.15)}`,
|
|
46
47
|
border: `1px solid`,
|
|
47
48
|
overflow: 'hidden',
|
|
48
49
|
width: 'fit-content',
|
|
49
50
|
});
|
|
50
51
|
const contentContainerStylesLight = (0, emotion_1.css)({
|
|
51
|
-
borderColor: palette_1.
|
|
52
|
-
backgroundColor:
|
|
53
|
-
color: palette_1.
|
|
52
|
+
borderColor: palette_1.palette.gray.light2,
|
|
53
|
+
backgroundColor: palette_1.palette.gray.light3,
|
|
54
|
+
color: palette_1.palette.gray.dark2,
|
|
54
55
|
});
|
|
55
56
|
const contentContainerStylesDark = (0, emotion_1.css)({
|
|
56
|
-
borderColor: palette_1.
|
|
57
|
-
backgroundColor: palette_1.
|
|
58
|
-
color: palette_1.
|
|
57
|
+
borderColor: palette_1.palette.gray.dark2,
|
|
58
|
+
backgroundColor: palette_1.palette.gray.dark3,
|
|
59
|
+
color: palette_1.palette.white,
|
|
59
60
|
});
|
|
60
|
-
|
|
61
|
+
const closeButtonStyles = (0, emotion_1.css)({
|
|
62
|
+
position: 'absolute',
|
|
63
|
+
top: tokens_1.spacing[2],
|
|
64
|
+
right: tokens_1.spacing[2],
|
|
65
|
+
});
|
|
66
|
+
function InteractivePopover({ className, children, trigger, open, setOpen, containedElements = [], }) {
|
|
61
67
|
const { theme } = (0, use_theme_1.useTheme)();
|
|
62
68
|
const triggerRef = (0, react_1.useRef)(null);
|
|
69
|
+
const closeButtonRef = (0, react_1.useRef)(null);
|
|
63
70
|
const popoverContentContainerRef = (0, react_1.useRef)(null);
|
|
64
71
|
const onClose = (0, react_1.useCallback)(() => {
|
|
65
72
|
setOpen(false);
|
|
@@ -88,6 +95,13 @@ function InteractivePopover({ className, children, trigger, open, setOpen, }) {
|
|
|
88
95
|
triggerRef.current.contains(event.target)) {
|
|
89
96
|
return;
|
|
90
97
|
}
|
|
98
|
+
if (containedElements.some((selector) => {
|
|
99
|
+
var _a;
|
|
100
|
+
return (_a = document
|
|
101
|
+
.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.contains(event.target);
|
|
102
|
+
})) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
91
105
|
onClose();
|
|
92
106
|
};
|
|
93
107
|
window.addEventListener('mousedown', clickEventListener);
|
|
@@ -96,7 +110,7 @@ function InteractivePopover({ className, children, trigger, open, setOpen, }) {
|
|
|
96
110
|
window.removeEventListener('mousedown', clickEventListener);
|
|
97
111
|
window.removeEventListener('touchstart', clickEventListener);
|
|
98
112
|
};
|
|
99
|
-
}, [open, onClose]);
|
|
113
|
+
}, [open, onClose, containedElements]);
|
|
100
114
|
const onPopoverKeyDown = (0, react_1.useCallback)((evt) => {
|
|
101
115
|
if (evt.key === 'Escape') {
|
|
102
116
|
onClose();
|
|
@@ -112,20 +126,20 @@ function InteractivePopover({ className, children, trigger, open, setOpen, }) {
|
|
|
112
126
|
document.removeEventListener('keydown', onPopoverKeyDown);
|
|
113
127
|
};
|
|
114
128
|
}, [onPopoverKeyDown, open]);
|
|
129
|
+
const closeButtonId = (0, utils_1.useId)('close-button-id');
|
|
115
130
|
return trigger({
|
|
116
131
|
onClick: onClickTrigger,
|
|
117
132
|
ref: triggerRef,
|
|
118
133
|
children: (react_1.default.createElement(leafygreen_1.Popover, { align: "bottom", justify: "start", active: open, adjustOnMutation: true, usePortal: true, spacing: 0, className: className, refEl: triggerRef }, open && (react_1.default.createElement(focus_trap_react_1.default, { focusTrapOptions: {
|
|
119
134
|
clickOutsideDeactivates: true,
|
|
120
|
-
|
|
121
|
-
displayCheck: 'none',
|
|
122
|
-
},
|
|
135
|
+
fallbackFocus: `#${closeButtonId}`,
|
|
123
136
|
} },
|
|
124
137
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentContainerStyles, theme === use_theme_1.Theme.Dark
|
|
125
138
|
? contentContainerStylesDark
|
|
126
|
-
: contentContainerStylesLight), ref: popoverContentContainerRef },
|
|
127
|
-
|
|
128
|
-
|
|
139
|
+
: contentContainerStylesLight), ref: popoverContentContainerRef },
|
|
140
|
+
children,
|
|
141
|
+
react_1.default.createElement(leafygreen_1.IconButton, { className: closeButtonStyles, "data-testid": "interactive-popover-close-button", onClick: onClose, "aria-label": "Close", id: closeButtonId, ref: closeButtonRef },
|
|
142
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "X" }))))))),
|
|
129
143
|
});
|
|
130
144
|
}
|
|
131
145
|
exports.InteractivePopover = InteractivePopover;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interactive-popover.js","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,oDAAiD;AACjD,wEAAyC;AAEzC,
|
|
1
|
+
{"version":3,"file":"interactive-popover.js","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyline-card.d.ts","sourceRoot":"","sources":["../../src/components/keyline-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,UAAU,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmBD,QAAA,MAAM,WAAW,mCAA6B,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.KeylineCard = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
11
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
12
|
+
const keylineStyles = (0, emotion_1.css)({
|
|
13
|
+
border: `1px solid ${palette_1.palette.gray.light2}`,
|
|
14
|
+
borderRadius: tokens_1.spacing[2],
|
|
15
|
+
});
|
|
16
|
+
const keylineLightThemeStyles = (0, emotion_1.css)({
|
|
17
|
+
background: palette_1.palette.white,
|
|
18
|
+
});
|
|
19
|
+
const keylineDarkThemeStyles = (0, emotion_1.css)({
|
|
20
|
+
background: palette_1.palette.gray.dark3,
|
|
21
|
+
borderColor: palette_1.palette.gray.dark2,
|
|
22
|
+
});
|
|
23
|
+
function UnthemedKeyline({ darkMode, className, ...props }) {
|
|
24
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(darkMode ? keylineDarkThemeStyles : keylineLightThemeStyles, keylineStyles, className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
const KeylineCard = (0, use_theme_1.withTheme)(UnthemedKeyline);
|
|
27
|
+
exports.KeylineCard = KeylineCard;
|
|
28
|
+
//# sourceMappingURL=keyline-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyline-card.js","sourceRoot":"","sources":["../../src/components/keyline-card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,oDAAiD;AACjD,kDAA+C;AAE/C,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,MAAM,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;IAC1C,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AACH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IAC9B,WAAW,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CAChC,CAAC,CAAC;AAMH,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,EAC3D,aAAa,EACb,SAAS,CACV,KACG,KAAK,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,eAAe,CAAC,CAAC;AAEtC,kCAAW"}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { default as Badge } from '@leafygreen-ui/badge';
|
|
3
3
|
import { default as Banner } from '@leafygreen-ui/banner';
|
|
4
4
|
import { default as LeafyGreenCheckbox } from '@leafygreen-ui/checkbox';
|
|
5
5
|
import { default as LeafyGreenCard } from '@leafygreen-ui/card';
|
|
6
6
|
import { default as LeafyGreenCode } from '@leafygreen-ui/code';
|
|
7
|
+
import { ComboboxOption, ComboboxGroup } from '@leafygreen-ui/combobox';
|
|
7
8
|
import { default as LeafyGreenConfirmationModal } from '@leafygreen-ui/confirmation-modal';
|
|
8
9
|
import { default as Icon } from '@leafygreen-ui/icon';
|
|
9
10
|
import { default as LeafyGreenIconButton } from '@leafygreen-ui/icon-button';
|
|
10
11
|
import { AtlasLogoMark, MongoDBLogoMark, MongoDBLogo } from '@leafygreen-ui/logo';
|
|
11
12
|
import { Menu, MenuSeparator, MenuItem } from '@leafygreen-ui/menu';
|
|
12
13
|
import { default as LeafyGreenModal, Footer as LeafyGreenModalFooter } from '@leafygreen-ui/modal';
|
|
14
|
+
import { default as LeafyGreenMarketingModal } from '@leafygreen-ui/marketing-modal';
|
|
15
|
+
import { Stage } from '@leafygreen-ui/pipeline';
|
|
13
16
|
import Popover from '@leafygreen-ui/popover';
|
|
14
17
|
import { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';
|
|
15
18
|
import { Radio, RadioGroup as LeafyGreenRadioGroup } from '@leafygreen-ui/radio-group';
|
|
@@ -17,50 +20,48 @@ import { SegmentedControlOption } from '@leafygreen-ui/segmented-control';
|
|
|
17
20
|
import { Select as LeafyGreenSelect, Option, OptionGroup } from '@leafygreen-ui/select';
|
|
18
21
|
import { Table as LeafyGreenTable, TableHeader, Row, Cell } from '@leafygreen-ui/table';
|
|
19
22
|
import { Tabs as LeafyGreenTabs, Tab } from '@leafygreen-ui/tabs';
|
|
20
|
-
import { default as LeafyGreenTextArea } from '@leafygreen-ui/text-area';
|
|
21
|
-
import { default as LeafyGreenTextInput } from '@leafygreen-ui/text-input';
|
|
22
23
|
import { default as Toast, Variant as ToastVariant } from '@leafygreen-ui/toast';
|
|
23
24
|
import { default as LeafyGreenToggle } from '@leafygreen-ui/toggle';
|
|
24
25
|
import { H1 as LeafyGreenH1, H2 as LeafyGreenH2, H3 as LeafyGreenH3, Body as LeafyGreenBody, InlineCode as LeafyGreenInlineCode, InlineKeyCode as LeafyGreenInlineKeyCode, Disclaimer as LeafyGreenDisclaimer } from '@leafygreen-ui/typography';
|
|
25
|
-
import { ComboboxOption, ComboboxGroup } from '@leafygreen-ui/combobox';
|
|
26
26
|
declare const H1: typeof LeafyGreenH1;
|
|
27
27
|
declare const H2: typeof LeafyGreenH2;
|
|
28
28
|
declare const H3: typeof LeafyGreenH3;
|
|
29
|
-
declare const Subtitle: import("@leafygreen-ui/box").ExtendableBox<Omit<
|
|
29
|
+
declare const Subtitle: import("@leafygreen-ui/box").ExtendableBox<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
|
|
30
30
|
ref?: undefined;
|
|
31
|
-
key?:
|
|
31
|
+
key?: import("react").Key | null | undefined;
|
|
32
32
|
} & import("@leafygreen-ui/lib").DarkModeProps, "h6">;
|
|
33
33
|
declare const Body: typeof LeafyGreenBody;
|
|
34
34
|
declare const InlineCode: typeof LeafyGreenInlineCode;
|
|
35
35
|
declare const InlineKeyCode: typeof LeafyGreenInlineKeyCode;
|
|
36
36
|
declare const Disclaimer: typeof LeafyGreenDisclaimer;
|
|
37
|
-
declare const Overline: import("@leafygreen-ui/box").ExtendableBox<Omit<
|
|
37
|
+
declare const Overline: import("@leafygreen-ui/box").ExtendableBox<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
38
38
|
ref?: undefined;
|
|
39
|
-
key?:
|
|
39
|
+
key?: import("react").Key | null | undefined;
|
|
40
40
|
} & import("@leafygreen-ui/lib").DarkModeProps, "div">;
|
|
41
41
|
declare const Link: import("@leafygreen-ui/box").ExtendableBox<import("@leafygreen-ui/typography/dist/Link").LinkProps, "a">;
|
|
42
|
-
declare const Button: import("@leafygreen-ui/box").
|
|
43
|
-
ref?: React.Ref<any> | undefined;
|
|
44
|
-
}, "button">;
|
|
42
|
+
declare const Button: import("react").ForwardRefExoticComponent<import("@leafygreen-ui/box").BoxProps<"button", import("@leafygreen-ui/button/dist/types").ButtonProps> & import("react").RefAttributes<unknown>>;
|
|
45
43
|
declare const Card: typeof LeafyGreenCard;
|
|
46
44
|
declare const Checkbox: typeof LeafyGreenCheckbox;
|
|
47
45
|
declare const Code: typeof LeafyGreenCode;
|
|
46
|
+
declare const Combobox: import("react").ComponentType<import("@leafygreen-ui/combobox/dist/Combobox.types").ComboboxProps<boolean>>;
|
|
48
47
|
declare const ConfirmationModal: typeof LeafyGreenConfirmationModal;
|
|
49
48
|
declare const IconButton: typeof LeafyGreenIconButton;
|
|
50
49
|
declare const ModalFooter: typeof LeafyGreenModalFooter;
|
|
51
50
|
declare const Modal: typeof LeafyGreenModal;
|
|
51
|
+
declare const MarketingModal: typeof LeafyGreenMarketingModal;
|
|
52
|
+
declare const Pipeline: import("react").ComponentType<Pick<import("@leafygreen-ui/pipeline/dist/types").PipelineProps, "children" | "key" | "darkMode" | "slot" | "style" | "title" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
52
53
|
declare const RadioGroup: typeof LeafyGreenRadioGroup;
|
|
53
|
-
declare const SegmentedControl:
|
|
54
|
+
declare const SegmentedControl: import("react").ForwardRefExoticComponent<Pick<import("@leafygreen-ui/segmented-control/dist/SegmentedControl").SegmentedControlProps, "children" | "value" | "key" | "darkMode" | "label" | "slot" | "style" | "title" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "followFocus"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
54
55
|
declare const Select: typeof LeafyGreenSelect;
|
|
55
56
|
declare const Table: typeof LeafyGreenTable;
|
|
56
57
|
declare const Tabs: typeof LeafyGreenTabs;
|
|
57
|
-
declare const TextArea:
|
|
58
|
-
declare const TextInput:
|
|
58
|
+
declare const TextArea: import("react").ComponentType<import("@leafygreen-ui/text-area/dist/types").TextAreaProps>;
|
|
59
|
+
declare const TextInput: import("react").ComponentType<import("@leafygreen-ui/text-input").TextInputProps>;
|
|
59
60
|
declare const Toggle: typeof LeafyGreenToggle;
|
|
60
61
|
declare const Label: {
|
|
61
|
-
({ darkMode, className, children, disabled, ...rest }: Omit<
|
|
62
|
+
({ darkMode, className, children, disabled, ...rest }: Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
|
|
62
63
|
ref?: undefined;
|
|
63
|
-
key?:
|
|
64
|
+
key?: import("react").Key | null | undefined;
|
|
64
65
|
} & {
|
|
65
66
|
darkMode?: boolean | undefined;
|
|
66
67
|
htmlFor: string;
|
|
@@ -69,15 +70,14 @@ declare const Label: {
|
|
|
69
70
|
displayName: string;
|
|
70
71
|
};
|
|
71
72
|
declare const Description: {
|
|
72
|
-
({ darkMode, disabled, children, className, ...rest }: Omit<
|
|
73
|
+
({ darkMode, disabled, children, className, ...rest }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
73
74
|
ref?: undefined;
|
|
74
|
-
key?:
|
|
75
|
+
key?: import("react").Key | null | undefined;
|
|
75
76
|
} & {
|
|
76
77
|
darkMode?: boolean | undefined;
|
|
77
78
|
disabled?: boolean | undefined;
|
|
78
79
|
}): JSX.Element;
|
|
79
80
|
displayName: string;
|
|
80
81
|
};
|
|
81
|
-
|
|
82
|
-
export { AtlasLogoMark, Badge, Banner, Button, Card, Checkbox, Code, ConfirmationModal, Icon, IconButton, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MongoDBLogoMark, MongoDBLogo, Popover, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Tab, Tabs, TextArea, TextInput, Toast, ToastVariant, Toggle, H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, Combobox, ComboboxOption, ComboboxGroup, };
|
|
82
|
+
export { AtlasLogoMark, Badge, Banner, Button, Card, Checkbox, Code, ConfirmationModal, Icon, IconButton, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MarketingModal, MongoDBLogoMark, MongoDBLogo, Pipeline, Popover, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Stage, Tab, Tabs, TextArea, TextInput, Toast, ToastVariant, Toggle, H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, Combobox, ComboboxOption, ComboboxGroup, };
|
|
83
83
|
//# sourceMappingURL=leafygreen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.
|
|
30
|
-
exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = void 0;
|
|
29
|
+
exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Stage = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.Pipeline = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.MarketingModal = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
|
|
30
|
+
exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = exports.Description = exports.Link = exports.Label = void 0;
|
|
31
31
|
const use_theme_1 = require("../hooks/use-theme");
|
|
32
32
|
const badge_1 = __importDefault(require("@leafygreen-ui/badge"));
|
|
33
33
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.default; } });
|
|
@@ -37,6 +37,9 @@ const button_1 = __importDefault(require("@leafygreen-ui/button"));
|
|
|
37
37
|
const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
|
|
38
38
|
const card_1 = __importDefault(require("@leafygreen-ui/card"));
|
|
39
39
|
const code_1 = __importDefault(require("@leafygreen-ui/code"));
|
|
40
|
+
const combobox_1 = require("@leafygreen-ui/combobox");
|
|
41
|
+
Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return combobox_1.ComboboxOption; } });
|
|
42
|
+
Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return combobox_1.ComboboxGroup; } });
|
|
40
43
|
const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
|
|
41
44
|
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
42
45
|
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_1.default; } });
|
|
@@ -49,7 +52,14 @@ const menu_1 = require("@leafygreen-ui/menu");
|
|
|
49
52
|
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
|
|
50
53
|
Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
|
|
51
54
|
Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
|
|
55
|
+
menu_1.MenuItem.defaultProps = {
|
|
56
|
+
...menu_1.MenuItem.defaultProps,
|
|
57
|
+
type: 'button',
|
|
58
|
+
};
|
|
52
59
|
const modal_1 = __importStar(require("@leafygreen-ui/modal"));
|
|
60
|
+
const marketing_modal_1 = __importDefault(require("@leafygreen-ui/marketing-modal"));
|
|
61
|
+
const pipeline_1 = require("@leafygreen-ui/pipeline");
|
|
62
|
+
Object.defineProperty(exports, "Stage", { enumerable: true, get: function () { return pipeline_1.Stage; } });
|
|
53
63
|
const popover_1 = __importDefault(require("@leafygreen-ui/popover"));
|
|
54
64
|
exports.Popover = popover_1.default;
|
|
55
65
|
const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
|
|
@@ -75,9 +85,6 @@ Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { r
|
|
|
75
85
|
Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
|
|
76
86
|
const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
|
|
77
87
|
const typography_1 = require("@leafygreen-ui/typography");
|
|
78
|
-
const combobox_1 = require("@leafygreen-ui/combobox");
|
|
79
|
-
Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return combobox_1.ComboboxOption; } });
|
|
80
|
-
Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return combobox_1.ComboboxGroup; } });
|
|
81
88
|
const H1 = (0, use_theme_1.withTheme)(typography_1.H1);
|
|
82
89
|
exports.H1 = H1;
|
|
83
90
|
const H2 = (0, use_theme_1.withTheme)(typography_1.H2);
|
|
@@ -106,6 +113,8 @@ const Checkbox = (0, use_theme_1.withTheme)(checkbox_1.default);
|
|
|
106
113
|
exports.Checkbox = Checkbox;
|
|
107
114
|
const Code = (0, use_theme_1.withTheme)(code_1.default);
|
|
108
115
|
exports.Code = Code;
|
|
116
|
+
const Combobox = (0, use_theme_1.withTheme)(combobox_1.Combobox);
|
|
117
|
+
exports.Combobox = Combobox;
|
|
109
118
|
const ConfirmationModal = (0, use_theme_1.withTheme)(confirmation_modal_1.default);
|
|
110
119
|
exports.ConfirmationModal = ConfirmationModal;
|
|
111
120
|
const IconButton = (0, use_theme_1.withTheme)(icon_button_1.default);
|
|
@@ -114,6 +123,10 @@ const ModalFooter = (0, use_theme_1.withTheme)(modal_1.Footer);
|
|
|
114
123
|
exports.ModalFooter = ModalFooter;
|
|
115
124
|
const Modal = (0, use_theme_1.withTheme)(modal_1.default);
|
|
116
125
|
exports.Modal = Modal;
|
|
126
|
+
const MarketingModal = (0, use_theme_1.withTheme)(marketing_modal_1.default);
|
|
127
|
+
exports.MarketingModal = MarketingModal;
|
|
128
|
+
const Pipeline = (0, use_theme_1.withTheme)(pipeline_1.Pipeline);
|
|
129
|
+
exports.Pipeline = Pipeline;
|
|
117
130
|
const RadioGroup = (0, use_theme_1.withTheme)(radio_group_1.RadioGroup);
|
|
118
131
|
exports.RadioGroup = RadioGroup;
|
|
119
132
|
const SegmentedControl = (0, use_theme_1.withTheme)(segmented_control_1.SegmentedControl);
|
|
@@ -134,6 +147,4 @@ const Label = (0, use_theme_1.withTheme)(typography_1.Label);
|
|
|
134
147
|
exports.Label = Label;
|
|
135
148
|
const Description = (0, use_theme_1.withTheme)(typography_1.Description);
|
|
136
149
|
exports.Description = Description;
|
|
137
|
-
const Combobox = (0, use_theme_1.withTheme)(combobox_1.Combobox);
|
|
138
|
-
exports.Combobox = Combobox;
|
|
139
150
|
//# sourceMappingURL=leafygreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA+C;AAM/C,iEAAwD;AAiMtD,sFAjMkB,eAAK,OAiMlB;AAhMP,mEAA0D;AAiMxD,uFAjMkB,gBAAM,OAiMlB;AAhMR,mEAAoE;AACpE,uEAAwE;AACxE,+DAAgE;AAChE,+DAAgE;AAChE,sDAIiC;AA4O/B,+FA9OA,yBAAc,OA8OA;AACd,8FA9OA,wBAAa,OA8OA;AA5Of,2FAA2F;AAC3F,+DAAsD;AA4LpD,qFA5LkB,cAAI,OA4LlB;AA3LN,6EAA6E;AAC7E,8CAI6B;AA8K3B,8FAjLA,oBAAa,OAiLA;AAgBb,gGAhMA,sBAAe,OAgMA;AACf,4FAhMA,kBAAW,OAgMA;AA9Lb,8CAAoE;AAuLlE,qFAvLO,WAAI,OAuLP;AAEJ,8FAzLa,oBAAa,OAyLb;AADb,yFAxL4B,eAAQ,OAwL5B;AAnLV,eAAQ,CAAC,YAAY,GAAG;IACtB,GAAG,eAAQ,CAAC,YAAY;IACxB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,8DAG8B;AAC9B,qFAAqF;AACrF,sDAAgF;AA+L9E,sFA/LuC,gBAAK,OA+LvC;AA9LP,qEAA6C;AAgL3C,kBAhLK,iBAAO,CAgLL;AA/KT,oEAAyE;AAgLvE,yFAhLO,0BAAQ,OAgLP;AACR,8FAjLiB,+BAAa,OAiLjB;AAhLf,4DAGoC;AA8KlC,sFAhLA,mBAAK,OAgLA;AA7KP,wEAG0C;AA6KxC,uGA9KA,0CAAsB,OA8KA;AA5KxB,kDAI+B;AA0K7B,uFA5KA,eAAM,OA4KA;AACN,4FA5KA,oBAAW,OA4KA;AA1Kb,gDAK8B;AAuK5B,4FA1KA,mBAAW,OA0KA;AACX,oFA1KA,WAAG,OA0KA;AACH,qFA1KA,YAAI,OA0KA;AAxKN,8CAAkE;AA0KhE,oFA1K+B,UAAG,OA0K/B;AAzKL,yEAAyE;AACzE,2EAA2E;AAC3E,8DAG8B;AAwK5B,sFA1KW,eAAK,OA0KX;AACL,6FA1KW,eAAY,OA0KX;AAxKd,mEAAoE;AACpE,0DAamC;AAInC,MAAM,EAAE,GAAwB,IAAA,qBAAS,EAAC,eAAY,CAAwB,CAAC;AAwJ7E,gBAAE;AAvJJ,MAAM,EAAE,GAAwB,IAAA,qBAAS,EAAC,eAAY,CAAwB,CAAC;AAwJ7E,gBAAE;AAvJJ,MAAM,EAAE,GAAwB,IAAA,qBAAS,EAAC,eAAY,CAAwB,CAAC;AAwJ7E,gBAAE;AAvJJ,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,qBAAkB,CAA8B,CAAC;AAwJ1E,4BAAQ;AAvJV,MAAM,IAAI,GAAG,IAAA,qBAAS,EAAC,iBAAc,CAA0B,CAAC;AAwJ9D,oBAAI;AAvJN,MAAM,UAAU,GAAG,IAAA,qBAAS,EAC1B,uBAAoB,CACU,CAAC;AAsJ/B,gCAAU;AArJZ,MAAM,aAAa,GAAG,IAAA,qBAAS,EAC7B,0BAAuB,CACU,CAAC;AAoJlC,sCAAa;AAnJf,MAAM,UAAU,GAAG,IAAA,qBAAS,EAC1B,uBAAoB,CACU,CAAC;AAkJ/B,gCAAU;AAjJZ,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,qBAAkB,CAA8B,CAAC;AAkJ1E,4BAAQ;AAjJV,MAAM,IAAI,GAAG,IAAA,qBAAS,EACpB,iBAEC,CACuB,CAAC;AA+IzB,oBAAI;AA7IN,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,gBAEC,CACyB,CAAC;AAyF3B,wBAAM;AAxFR,MAAM,IAAI,GAA0B,IAAA,qBAAS,EAC3C,cAEC,CACuB,CAAC;AAqFzB,oBAAI;AApFN,MAAM,QAAQ,GAAG,IAAA,qBAAS,EACxB,kBAEC,CAC2B,CAAC;AAiF7B,4BAAQ;AAhFV,MAAM,IAAI,GAAG,IAAA,qBAAS,EACpB,cAEC,CACuB,CAAC;AA6EzB,oBAAI;AA5EN,MAAM,QAAQ,GAAG,IAAA,qBAAS,EACxB,mBAEC,CACF,CAAC;AAuHA,4BAAQ;AAtHV,MAAM,iBAAiB,GAAuC,IAAA,qBAAS,EACrE,4BAEC,CACoC,CAAC;AAoEtC,8CAAiB;AAnEnB,MAAM,UAAU,GAAgC,IAAA,qBAAS,EACvD,qBAEC,CAC6B,CAAC;AAiE/B,gCAAU;AAhEZ,MAAM,WAAW,GAAiC,IAAA,qBAAS,EACzD,cAAqB,CACU,CAAC;AAmEhC,kCAAW;AAlEb,MAAM,KAAK,GAAG,IAAA,qBAAS,EACrB,eAEC,CACwB,CAAC;AA6D1B,sBAAK;AA5DP,MAAM,cAAc,GAAoC,IAAA,qBAAS,EAC/D,yBAEC,CACiC,CAAC;AA0DnC,wCAAc;AAzDhB,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,mBAAkB,CAAC,CAAC;AA4D7C,4BAAQ;AA3DV,MAAM,UAAU,GAAgC,IAAA,qBAAS,EACvD,wBAEC,CAC6B,CAAC;AA4D/B,gCAAU;AA3DZ,MAAM,gBAAgB,GAAG,IAAA,qBAAS,EAChC,oCAA0B,CACU,CAAC;AA0DrC,4CAAgB;AAzDlB,MAAM,MAAM,GAA4B,IAAA,qBAAS,EAC/C,eAEC,CACyB,CAAC;AAuD3B,wBAAM;AAtDR,MAAM,KAAK,GAAG,IAAA,qBAAS,EAAC,aAAe,CAA2B,CAAC;AAyDjE,sBAAK;AAxDP,MAAM,IAAI,GAAG,IAAA,qBAAS,EACpB,WAEC,CACuB,CAAC;AA0DzB,oBAAI;AAzDN,MAAM,QAAQ,GAAG,IAAA,qBAAS,EACxB,mBAEC,CACF,CAAC;AAsDA,4BAAQ;AArDV,MAAM,SAAS,GAAG,IAAA,qBAAS,EACzB,oBAEC,CACF,CAAC;AAkDA,8BAAS;AAjDX,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,gBAEC,CACyB,CAAC;AAgD3B,wBAAM;AA/CR,MAAM,KAAK,GAAG,IAAA,qBAAS,EAAC,kBAAe,CAA2B,CAAC;AAyDjE,sBAAK;AAxDP,MAAM,WAAW,GAAG,IAAA,qBAAS,EAC3B,wBAAqB,CACU,CAAC;AAwDhC,kCAAW"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type ListEditorProps<ItemType> = {
|
|
3
|
+
items: ItemType[];
|
|
4
|
+
renderItem: (item: ItemType, index: number) => JSX.Element;
|
|
5
|
+
disableAddButton?: (item: ItemType, index: number, items: ItemType[]) => boolean;
|
|
6
|
+
disableRemoveButton?: (item: ItemType, index: number, items: ItemType[]) => boolean;
|
|
7
|
+
onAddItem: (indexBefore: number) => void;
|
|
8
|
+
onRemoveItem: (index: number) => void;
|
|
9
|
+
addButtonTestId?: string;
|
|
10
|
+
removeButtonTestId?: string;
|
|
11
|
+
};
|
|
12
|
+
declare function ListEditor<ItemType>({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, }: ListEditorProps<ItemType>): React.ReactElement;
|
|
13
|
+
export { ListEditor };
|
|
14
|
+
//# sourceMappingURL=list-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,aAAK,eAAe,CAAC,QAAQ,IAAI;IAE/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE3D,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,mBAAmB,CAAC,EAAE,CACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAiChD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ListEditor = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
|
+
const leafygreen_1 = require("./leafygreen");
|
|
11
|
+
const listEditorStyles = (0, emotion_1.css)({
|
|
12
|
+
display: 'flex',
|
|
13
|
+
flexDirection: 'column',
|
|
14
|
+
gap: tokens_1.spacing[2],
|
|
15
|
+
});
|
|
16
|
+
const listItemStyles = (0, emotion_1.css)({
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
display: 'flex',
|
|
19
|
+
gap: tokens_1.spacing[1],
|
|
20
|
+
});
|
|
21
|
+
const itemContentStyles = (0, emotion_1.css)({
|
|
22
|
+
display: 'inline-block',
|
|
23
|
+
maxWidth: tokens_1.spacing[7] * 5,
|
|
24
|
+
flexGrow: 1,
|
|
25
|
+
});
|
|
26
|
+
function ListEditor({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, }) {
|
|
27
|
+
return (react_1.default.createElement("div", { className: listEditorStyles }, items.map((item, itemIndex) => (react_1.default.createElement("div", { className: listItemStyles, key: itemIndex },
|
|
28
|
+
react_1.default.createElement("div", { className: itemContentStyles }, renderItem(item, itemIndex)),
|
|
29
|
+
!(disableAddButton === null || disableAddButton === void 0 ? void 0 : disableAddButton(item, itemIndex, items)) ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Add", type: "button", "data-testid": addButtonTestId, disabled: disableAddButton === null || disableAddButton === void 0 ? void 0 : disableAddButton(item, itemIndex, items), onClick: () => onAddItem(itemIndex) },
|
|
30
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "Plus" }))) : null,
|
|
31
|
+
!(disableRemoveButton === null || disableRemoveButton === void 0 ? void 0 : disableRemoveButton(item, itemIndex, items)) &&
|
|
32
|
+
items.length !== 1 ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Remove", type: "button", "data-testid": removeButtonTestId, disabled: disableRemoveButton === null || disableRemoveButton === void 0 ? void 0 : disableRemoveButton(item, itemIndex, items), onClick: () => onRemoveItem(itemIndex) },
|
|
33
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "Minus" }))) : null)))));
|
|
34
|
+
}
|
|
35
|
+
exports.ListEditor = ListEditor;
|
|
36
|
+
//# sourceMappingURL=list-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAA6C;AAC7C,6CAAgD;AAEhD,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AA2BH,SAAS,UAAU,CAAW,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,GACQ;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB,IAC7B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC9B,uCAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS;QAC5C,uCAAK,SAAS,EAAE,iBAAiB,IAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAO;QACrE,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA,CAAC,CAAC,CAAC,CAC7C,8BAAC,uBAAU,kBACE,KAAK,EAChB,IAAI,EAAC,QAAQ,iBACA,eAAe,EAC5B,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC;YAEnC,8BAAC,iBAAI,IAAC,KAAK,EAAC,MAAM,GAAG,CACV,CACd,CAAC,CAAC,CAAC,IAAI;QACP,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;YAC/C,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,8BAAC,uBAAU,kBACE,QAAQ,EACnB,IAAI,EAAC,QAAQ,iBACA,kBAAkB,EAC/B,QAAQ,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACvD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;YAEtC,8BAAC,iBAAI,IAAC,KAAK,EAAC,OAAO,GAAG,CACX,CACd,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAEQ,gCAAU"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ConfirmationModal as LeafyGreenConfirmationModal } from '
|
|
2
|
+
import { ConfirmationModal as LeafyGreenConfirmationModal } from '../leafygreen';
|
|
3
3
|
declare function ConfirmationModal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
|
|
4
4
|
trackingId?: string;
|
|
5
5
|
}): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,iBAAiB,IAAI,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAEjF,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
const react_1 = __importStar(require("react"));
|
|
27
27
|
const compass_logging_1 = require("@mongodb-js/compass-logging");
|
|
28
28
|
const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
|
|
29
|
-
const leafygreen_1 = require("
|
|
29
|
+
const leafygreen_1 = require("../leafygreen");
|
|
30
30
|
function ConfirmationModal({ trackingId, ...props }) {
|
|
31
31
|
(0, react_1.useEffect)(() => {
|
|
32
32
|
if (props.open && trackingId) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,8CAAiF;AAEjF,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,8BAA2B,mBAAc,UAAU,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,kBAAe,iBAAiB,CAAC"}
|