@mongodb-js/compass-components 1.6.0 → 1.8.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/bson-value.d.ts +3 -3
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +4 -9
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/collapsible-field-set.d.ts +2 -2
- package/lib/components/collapsible-field-set.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.d.ts +1 -1
- package/lib/components/combobox/Combobox.js +3 -3
- package/lib/components/combobox/Combobox.js.map +1 -1
- package/lib/components/combobox/Combobox.types.d.ts +10 -10
- package/lib/components/combobox/Combobox.types.d.ts.map +1 -1
- package/lib/components/combobox/utils/getNameAndValue.d.ts +1 -1
- package/lib/components/combobox/utils/getNameAndValue.d.ts.map +1 -1
- package/lib/components/combobox-with-custom-option.d.ts +10 -0
- package/lib/components/combobox-with-custom-option.d.ts.map +1 -0
- package/lib/components/combobox-with-custom-option.js +59 -0
- package/lib/components/combobox-with-custom-option.js.map +1 -0
- package/lib/components/content-with-fallback.d.ts +1 -1
- package/lib/components/content-with-fallback.d.ts.map +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +4 -1
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/empty-content.d.ts +1 -1
- package/lib/components/empty-content.d.ts.map +1 -1
- package/lib/components/error-boundary.d.ts +1 -1
- package/lib/components/error-boundary.d.ts.map +1 -1
- package/lib/components/file-input.d.ts +7 -9
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +54 -28
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/horizontal-rule.d.ts +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts.map +1 -1
- package/lib/components/index-icon.d.ts +1 -1
- package/lib/components/index-icon.d.ts.map +1 -1
- package/lib/components/index-keys-badge.d.ts +1 -1
- package/lib/components/index-keys-badge.d.ts.map +1 -1
- package/lib/components/inline-info-link.d.ts +1 -1
- package/lib/components/inline-info-link.d.ts.map +1 -1
- package/lib/components/interactive-popover.d.ts +1 -1
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/interactive-popover.js +2 -15
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/item-action-controls.d.ts +10 -7
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +7 -7
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/list-editor.d.ts +1 -1
- package/lib/components/list-editor.d.ts.map +1 -1
- package/lib/components/modals/form-modal.d.ts +2 -2
- package/lib/components/modals/form-modal.d.ts.map +1 -1
- package/lib/components/modals/info-modal.d.ts +1 -1
- package/lib/components/modals/info-modal.d.ts.map +1 -1
- package/lib/components/modals/info-modal.js +2 -1
- package/lib/components/modals/info-modal.js.map +1 -1
- package/lib/components/modals/modal-body.d.ts +2 -2
- package/lib/components/modals/modal-body.d.ts.map +1 -1
- package/lib/components/modals/modal-header.d.ts +2 -2
- package/lib/components/modals/modal-header.d.ts.map +1 -1
- package/lib/components/more-options-toggle.d.ts +1 -1
- package/lib/components/more-options-toggle.d.ts.map +1 -1
- package/lib/components/more-options-toggle.js +4 -1
- package/lib/components/more-options-toggle.js.map +1 -1
- package/lib/components/placeholder.d.ts +1 -0
- package/lib/components/placeholder.d.ts.map +1 -1
- package/lib/components/placeholder.js +2 -1
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/store-connector.d.ts +1 -1
- package/lib/components/store-connector.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.d.ts +1 -1
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tooltip.d.ts +3 -3
- package/lib/components/tooltip.d.ts.map +1 -1
- package/lib/components/virtual-grid.d.ts +5 -5
- package/lib/components/virtual-grid.d.ts.map +1 -1
- package/lib/components/workspace-container.d.ts +1 -1
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts +2 -2
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +2 -2
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/hooks/use-confirmation.d.ts +15 -0
- package/lib/hooks/use-confirmation.d.ts.map +1 -0
- package/lib/hooks/use-confirmation.js +97 -0
- package/lib/hooks/use-confirmation.js.map +1 -0
- package/lib/hooks/use-effect-on-change.d.ts.map +1 -1
- package/lib/hooks/use-effect-on-change.js +11 -5
- package/lib/hooks/use-effect-on-change.js.map +1 -1
- package/lib/hooks/use-hotkeys.d.ts +10 -0
- package/lib/hooks/use-hotkeys.d.ts.map +1 -0
- package/lib/hooks/use-hotkeys.js +38 -0
- package/lib/hooks/use-hotkeys.js.map +1 -0
- package/lib/hooks/use-sort.d.ts +4 -4
- package/lib/hooks/use-sort.d.ts.map +1 -1
- package/lib/hooks/use-sort.js +1 -1
- package/lib/hooks/use-sort.js.map +1 -1
- package/lib/hooks/use-toast.d.ts +2 -1
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +8 -2
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/hooks/use-virtual-grid.d.ts.map +1 -1
- package/lib/hooks/use-virtual-grid.js +3 -4
- package/lib/hooks/use-virtual-grid.js.map +1 -1
- package/lib/index.d.ts +5 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +14 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/rafraf.d.ts +2 -0
- package/lib/utils/rafraf.d.ts.map +1 -0
- package/lib/utils/rafraf.js +18 -0
- package/lib/utils/rafraf.js.map +1 -0
- package/package.json +11 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty-content.d.ts","sourceRoot":"","sources":["../../src/components/empty-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,
|
|
1
|
+
{"version":3,"file":"empty-content.d.ts","sourceRoot":"","sources":["../../src/components/empty-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CACzC,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAsCpD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,
|
|
1
|
+
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAqCF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CASlD,CAAC;AAEF,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Vertical = "VERTICAL"
|
|
5
|
-
}
|
|
6
|
-
export declare type FileInputBackend = {
|
|
2
|
+
type FileInputVariant = 'default' | 'small' | 'vertical';
|
|
3
|
+
export type FileInputBackend = {
|
|
7
4
|
openFileChooser: (options: {
|
|
8
5
|
multi: boolean;
|
|
9
6
|
accept?: string;
|
|
10
7
|
}) => void;
|
|
11
8
|
onFilesChosen: (listener: (files: string[]) => void) => () => void;
|
|
12
9
|
};
|
|
13
|
-
declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values, className, accept, backend, }: {
|
|
10
|
+
declare function FileInput({ autoOpen, id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values, className, accept, backend, }: {
|
|
11
|
+
autoOpen?: boolean;
|
|
14
12
|
id: string;
|
|
15
13
|
label: string;
|
|
16
14
|
dataTestId?: string;
|
|
@@ -21,7 +19,7 @@ declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, o
|
|
|
21
19
|
optionalMessage?: string;
|
|
22
20
|
error?: boolean;
|
|
23
21
|
errorMessage?: string;
|
|
24
|
-
variant?:
|
|
22
|
+
variant?: FileInputVariant;
|
|
25
23
|
link?: string;
|
|
26
24
|
description?: string;
|
|
27
25
|
showFileOnNewLine?: boolean;
|
|
@@ -31,7 +29,7 @@ declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, o
|
|
|
31
29
|
backend?: FileInputBackend;
|
|
32
30
|
}): React.ReactElement;
|
|
33
31
|
export default FileInput;
|
|
34
|
-
export
|
|
32
|
+
export type ElectronFileDialogOptions = {
|
|
35
33
|
title?: string;
|
|
36
34
|
defaultPath?: string;
|
|
37
35
|
filters?: {
|
|
@@ -41,7 +39,7 @@ export declare type ElectronFileDialogOptions = {
|
|
|
41
39
|
buttonLabel?: string;
|
|
42
40
|
properties?: string[];
|
|
43
41
|
};
|
|
44
|
-
export
|
|
42
|
+
export type ElectronShowFileDialogProvider<ElectronWindow> = {
|
|
45
43
|
getCurrentWindow(): ElectronWindow;
|
|
46
44
|
dialog: {
|
|
47
45
|
showSaveDialog(window: ElectronWindow, options: Partial<ElectronFileDialogOptions>): Promise<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA+HvE,KAAK,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,gBAAgB,GAAG;IAE7B,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAGxE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CACpE,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,QAAgB,EAChB,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAa,EACb,QAAgB,EAChB,eAAe,EACf,KAAa,EACb,YAAY,EACZ,OAAmB,EACnB,iBAAyB,EACzB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,CA4KrB;AAED,eAAe,SAAS,CAAC;AAGzB,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,8BAA8B,CAAC,cAAc,IAAI;IAC3D,gBAAgB,IAAI,cAAc,CAAC;IACnC,MAAM,EAAE;QACN,cAAc,CACZ,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,OAAO,CAAC,yBAAyB,CAAC,GAC1C,OAAO,CAAC;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACrD,cAAc,CACZ,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,OAAO,CAAC,yBAAyB,CAAC,GAC1C,OAAO,CAAC;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,SAAS,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC,CAAC;KACxD,CAAC;CACH,CAAC;AAUF,wBAAgB,8BAA8B,CAAC,cAAc,EAC3D,QAAQ,EAAE,8BAA8B,CAAC,cAAc,CAAC,EACxD,IAAI,EAAE,MAAM,GAAG,MAAM,EACrB,cAAc,GACV,OAAO,CAAC,yBAAyB,CAAC,GAClC,CAAC,MAAM,OAAO,CAAC,yBAAyB,CAAC,CAAM,GAClD,gBAAgB,CAqElB"}
|
|
@@ -26,7 +26,7 @@ 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.createElectronFileInputBackend =
|
|
29
|
+
exports.createElectronFileInputBackend = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const path_1 = __importDefault(require("path"));
|
|
32
32
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
@@ -41,6 +41,12 @@ const containerStyles = (0, emotion_1.css)({
|
|
|
41
41
|
marginRight: 'auto',
|
|
42
42
|
marginLeft: 'auto',
|
|
43
43
|
});
|
|
44
|
+
const formItemSmallStyles = (0, emotion_1.css)({
|
|
45
|
+
display: 'flex',
|
|
46
|
+
flexFirection: 'row',
|
|
47
|
+
alignItems: 'center',
|
|
48
|
+
gap: tokens_1.spacing[1],
|
|
49
|
+
});
|
|
44
50
|
const formItemHorizontalStyles = (0, emotion_1.css)({
|
|
45
51
|
display: 'flex',
|
|
46
52
|
});
|
|
@@ -52,8 +58,21 @@ const removeFileLineStyles = (0, emotion_1.css)({
|
|
|
52
58
|
const removeFileButtonStyles = (0, emotion_1.css)({
|
|
53
59
|
marginLeft: tokens_1.spacing[1],
|
|
54
60
|
});
|
|
55
|
-
const
|
|
56
|
-
|
|
61
|
+
const buttonSmallStyles = (0, emotion_1.css)({
|
|
62
|
+
border: 'none',
|
|
63
|
+
background: 'none',
|
|
64
|
+
fontWeight: 'normal',
|
|
65
|
+
'&:hover': {
|
|
66
|
+
background: 'none',
|
|
67
|
+
boxShadow: 'none',
|
|
68
|
+
},
|
|
69
|
+
'&:active': {
|
|
70
|
+
background: 'none',
|
|
71
|
+
boxShadow: 'none',
|
|
72
|
+
},
|
|
73
|
+
});
|
|
74
|
+
const buttonDefaultStyles = (0, emotion_1.css)({
|
|
75
|
+
width: '100% !important',
|
|
57
76
|
});
|
|
58
77
|
const buttonTextStyle = (0, emotion_1.css)({
|
|
59
78
|
textOverflow: 'ellipsis',
|
|
@@ -104,12 +123,7 @@ const disabledDescriptionLightStyles = (0, emotion_1.css)({
|
|
|
104
123
|
const disabledDescriptionDarkStyles = (0, emotion_1.css)({
|
|
105
124
|
color: palette_1.palette.gray.light1,
|
|
106
125
|
});
|
|
107
|
-
|
|
108
|
-
(function (Variant) {
|
|
109
|
-
Variant["Horizontal"] = "HORIZONTAL";
|
|
110
|
-
Variant["Vertical"] = "VERTICAL";
|
|
111
|
-
})(Variant = exports.Variant || (exports.Variant = {}));
|
|
112
|
-
function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = 'HORIZONTAL', showFileOnNewLine = false, link, description, values, className, accept, backend, }) {
|
|
126
|
+
function FileInput({ autoOpen = false, id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = 'default', showFileOnNewLine = false, link, description, values, className, accept, backend, }) {
|
|
113
127
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
114
128
|
const inputRef = react_1.default.useRef(null);
|
|
115
129
|
const buttonText = react_1.default.useMemo(() => {
|
|
@@ -126,6 +140,24 @@ function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, o
|
|
|
126
140
|
});
|
|
127
141
|
onChange(files);
|
|
128
142
|
}, [onChange]);
|
|
143
|
+
const handleOpenFileInput = (0, react_1.useCallback)(() => {
|
|
144
|
+
if (disabled)
|
|
145
|
+
return;
|
|
146
|
+
if (backend) {
|
|
147
|
+
backend.openFileChooser({ multi, accept });
|
|
148
|
+
}
|
|
149
|
+
else if (inputRef.current) {
|
|
150
|
+
inputRef.current.click();
|
|
151
|
+
}
|
|
152
|
+
}, [disabled, backend, multi, accept]);
|
|
153
|
+
const initialAutoOpen = (0, react_1.useRef)(() => {
|
|
154
|
+
if (autoOpen) {
|
|
155
|
+
handleOpenFileInput();
|
|
156
|
+
}
|
|
157
|
+
});
|
|
158
|
+
(0, react_1.useEffect)(() => {
|
|
159
|
+
initialAutoOpen.current();
|
|
160
|
+
}, []);
|
|
129
161
|
(0, react_1.useEffect)(() => {
|
|
130
162
|
var _a;
|
|
131
163
|
return (_a = backend === null || backend === void 0 ? void 0 : backend.onFilesChosen) === null || _a === void 0 ? void 0 : _a.call(backend, onChange);
|
|
@@ -140,12 +172,15 @@ function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, o
|
|
|
140
172
|
return (react_1.default.createElement(leafygreen_1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
|
|
141
173
|
};
|
|
142
174
|
const valuesAsString = (0, react_1.useMemo)(() => JSON.stringify(values), [values]);
|
|
175
|
+
const leftGlyph = variant === 'small' ? undefined : (react_1.default.createElement(leafygreen_1.Icon, { glyph: "AddFile", title: null, fill: "currentColor" }));
|
|
176
|
+
const rightGlyph = variant === 'small' ? (react_1.default.createElement(leafygreen_1.Icon, { glyph: "Edit", title: null, fill: "currentColor" })) : undefined;
|
|
143
177
|
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(containerStyles, className) },
|
|
144
178
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
145
|
-
[
|
|
179
|
+
[formItemSmallStyles]: variant === 'small',
|
|
180
|
+
[formItemHorizontalStyles]: variant === 'default',
|
|
146
181
|
}) },
|
|
147
182
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
148
|
-
[labelHorizontalStyles]: variant ===
|
|
183
|
+
[labelHorizontalStyles]: variant === 'default',
|
|
149
184
|
}) },
|
|
150
185
|
react_1.default.createElement(leafygreen_1.Label, { htmlFor: `${id}_file_input`, disabled: disabled },
|
|
151
186
|
react_1.default.createElement("span", { className: (0, emotion_1.cx)({
|
|
@@ -156,16 +191,7 @@ function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, o
|
|
|
156
191
|
optional && (react_1.default.createElement("div", { className: optionalLabelStyles }, optionalMessage ? optionalMessage : 'Optional')),
|
|
157
192
|
renderDescription()),
|
|
158
193
|
react_1.default.createElement("input", { "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : 'file-input', ref: inputRef, id: `${id}_file_input`, name: id, type: "file", multiple: multi, onChange: onFilesChanged, style: { display: 'none' }, key: valuesAsString, "data-filenames": valuesAsString, accept: accept }),
|
|
159
|
-
react_1.default.createElement(leafygreen_1.Button, { id: id, "data-testid": "file-input-button", className:
|
|
160
|
-
if (disabled)
|
|
161
|
-
return;
|
|
162
|
-
if (backend) {
|
|
163
|
-
backend.openFileChooser({ multi, accept });
|
|
164
|
-
}
|
|
165
|
-
else if (inputRef.current) {
|
|
166
|
-
inputRef.current.click();
|
|
167
|
-
}
|
|
168
|
-
}, title: "Select a file", leftGlyph: react_1.default.createElement(leafygreen_1.Icon, { glyph: "AddFile", title: null, fill: "currentColor" }) },
|
|
194
|
+
react_1.default.createElement(leafygreen_1.Button, { id: id, "data-testid": "file-input-button", className: variant === 'small' ? buttonSmallStyles : buttonDefaultStyles, disabled: disabled, onClick: handleOpenFileInput, title: "Select a file", leftGlyph: leftGlyph, rightGlyph: rightGlyph },
|
|
169
195
|
react_1.default.createElement("span", { className: buttonTextStyle }, buttonText))),
|
|
170
196
|
showFileOnNewLine &&
|
|
171
197
|
values &&
|
|
@@ -222,13 +248,13 @@ function createElectronFileInputBackend(electron, mode, defaultOptions = {}) {
|
|
|
222
248
|
filters,
|
|
223
249
|
})
|
|
224
250
|
.then((result) => {
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
251
|
+
const files = result.canceled
|
|
252
|
+
? []
|
|
253
|
+
: 'filePaths' in result
|
|
254
|
+
? result.filePaths
|
|
255
|
+
: result.filePath
|
|
256
|
+
? [result.filePath]
|
|
257
|
+
: [];
|
|
232
258
|
for (const listener of listeners)
|
|
233
259
|
listener(files);
|
|
234
260
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { HTMLProps } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare const HorizontalRule: React.ForwardRefExoticComponent<Pick<HTMLProps<HTMLDivElement>, "title" | "form" | "list" | "size" | "default" | "cite" | "data" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "children" | "key" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "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" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "alt" | "sizes" | "src" | "srcSet" | "
|
|
3
|
+
export declare const HorizontalRule: React.ForwardRefExoticComponent<Pick<HTMLProps<HTMLDivElement>, "title" | "form" | "list" | "size" | "default" | "cite" | "data" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "children" | "key" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "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" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "alt" | "sizes" | "src" | "srcSet" | "integrity" | "charSet" | "selected" | "cellPadding" | "cellSpacing" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "dateTime" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "async" | "defer" | "nonce" | "scoped" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
//# sourceMappingURL=horizontal-rule.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"no-saved-items-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/no-saved-items-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,
|
|
1
|
+
{"version":3,"file":"no-saved-items-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/no-saved-items-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAIF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAkCpE,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-icon.d.ts","sourceRoot":"","sources":["../../src/components/index-icon.tsx"],"names":[],"mappings":";AAGA,
|
|
1
|
+
{"version":3,"file":"index-icon.d.ts","sourceRoot":"","sources":["../../src/components/index-icon.tsx"],"names":[],"mappings":";AAGA,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,QAAA,MAAM,SAAS;eAAgC,cAAc;iBAQ5D,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-keys-badge.d.ts","sourceRoot":"","sources":["../../src/components/index-keys-badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,
|
|
1
|
+
{"version":3,"file":"index-keys-badge.d.ts","sourceRoot":"","sources":["../../src/components/index-keys-badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAoBzD,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-info-link.d.ts","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";AAWA,
|
|
1
|
+
{"version":3,"file":"inline-info-link.d.ts","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";AAWA,KAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgB/D;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -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;AA4C9D,KAAK,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,CAwH9C;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -35,6 +35,7 @@ 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 use_hotkeys_1 = require("../hooks/use-hotkeys");
|
|
38
39
|
const utils_1 = require("@react-aria/utils");
|
|
39
40
|
const borderRadius = tokens_1.spacing[2];
|
|
40
41
|
const contentContainerStyles = (0, emotion_1.css)({
|
|
@@ -111,21 +112,7 @@ function InteractivePopover({ className, children, trigger, open, setOpen, conta
|
|
|
111
112
|
window.removeEventListener('touchstart', clickEventListener);
|
|
112
113
|
};
|
|
113
114
|
}, [open, onClose, containedElements]);
|
|
114
|
-
|
|
115
|
-
if (evt.key === 'Escape') {
|
|
116
|
-
onClose();
|
|
117
|
-
return;
|
|
118
|
-
}
|
|
119
|
-
}, [onClose]);
|
|
120
|
-
(0, react_1.useEffect)(() => {
|
|
121
|
-
if (!open) {
|
|
122
|
-
return;
|
|
123
|
-
}
|
|
124
|
-
document.addEventListener('keydown', onPopoverKeyDown);
|
|
125
|
-
return () => {
|
|
126
|
-
document.removeEventListener('keydown', onPopoverKeyDown);
|
|
127
|
-
};
|
|
128
|
-
}, [onPopoverKeyDown, open]);
|
|
115
|
+
(0, use_hotkeys_1.useHotkeys)('Escape', onClose, { enabled: open }, [onClose]);
|
|
129
116
|
const closeButtonId = (0, utils_1.useId)('close-button-id');
|
|
130
117
|
return trigger({
|
|
131
118
|
onClick: onClickTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interactive-popover.js","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"interactive-popover.js","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,oDAAiD;AACjD,wEAAyC;AAEzC,6CAAyD;AACzD,kDAAgD;AAChD,oDAAiD;AACjD,uCAAgC;AAChC,kDAAiD;AACjD,sDAAkD;AAClD,6CAA0C;AAE1C,MAAM,YAAY,GAAG,gBAAO,CAAC,CAAC,CAAC,CAAC;AAEhC,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,YAAY;IAC1B,SAAS,EAAE,oBAAoB,IAAA,eAAI,EAAC,iBAAO,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;IAC1D,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,aAAa;CACrB,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAC;IACtC,WAAW,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IAChC,eAAe,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACpC,KAAK,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAG,IAAA,aAAG,EAAC;IACrC,WAAW,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IAC/B,eAAe,EAAE,iBAAO,CAAC,KAAK;IAC9B,KAAK,EAAE,iBAAO,CAAC,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,KAAK,EAAE,gBAAO,CAAC,CAAC,CAAC;CAClB,CAAC,CAAC;AAkBH,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,iBAAiB,GAAG,EAAE,GACE;IACxB,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACnD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACvD,MAAM,0BAA0B,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,KAAK,CAAC,CAAC;QAGf,UAAU,CAAC,GAAG,EAAE;;YACd,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,IAAI,IAAI,EAAE;YACR,OAAO,EAAE,CAAC;YACV,OAAO;SACR;QAED,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAI7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QAED,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;YAE5D,IACE,CAAC,0BAA0B,CAAC,OAAO;gBACnC,0BAA0B,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACjE;gBACA,OAAO;aACR;YAED,IACE,CAAC,UAAU,CAAC,OAAO;gBACnB,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACjD;gBACA,OAAO;aACR;YAED,IACE,iBAAiB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;;gBAClC,OAAO,MAAA,QAAQ;qBACZ,aAAa,CAAC,QAAQ,CAAC,0CACtB,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;YACrC,CAAC,CAAC,EACF;gBACA,OAAO;aACR;YAED,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QACzD,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC5D,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvC,IAAA,wBAAU,EAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5D,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;IAE/C,OAAO,OAAO,CAAC;QACb,OAAO,EAAE,cAAc;QACvB,GAAG,EAAE,UAAU;QACf,QAAQ,EAAE,CACR,8BAAC,oBAAO,IACN,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,EACZ,gBAAgB,QAChB,SAAS,QACT,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,IAEhB,IAAI,IAAI,CACP,8BAAC,0BAAS,IACR,gBAAgB,EAAE;gBAChB,uBAAuB,EAAE,IAAI;gBAE7B,aAAa,EAAE,IAAI,aAAa,EAAE;aACnC;YAED,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,sBAAsB,EACtB,QAAQ;oBACN,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,2BAA2B,CAChC,EACD,GAAG,EAAE,0BAA0B;gBAE9B,QAAQ;gBAET,8BAAC,uBAAU,IACT,SAAS,EAAE,iBAAiB,iBAChB,kCAAkC,EAC9C,OAAO,EAAE,OAAO,gBACL,OAAO,EAClB,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,cAAc;oBAEnB,8BAAC,iBAAI,IAAC,KAAK,EAAC,GAAG,GAAG,CACP,CACT,CACI,CACb,CACO,CACX;KACF,CAAC,CAAC;AACL,CAAC;AAEQ,gDAAkB"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { ButtonProps } from '@leafygreen-ui/button';
|
|
3
|
-
export
|
|
3
|
+
export type ItemAction<Action> = {
|
|
4
4
|
action: Action;
|
|
5
5
|
label: string;
|
|
6
6
|
icon: string;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type MenuAction<Action> = {
|
|
9
9
|
action: Action;
|
|
10
10
|
label: string;
|
|
11
11
|
icon?: string;
|
|
@@ -15,33 +15,36 @@ declare const ItemActionButtonSize: {
|
|
|
15
15
|
readonly Small: "small";
|
|
16
16
|
readonly Default: "default";
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
export declare function ItemActionMenu<Action extends string>({ isVisible, actions, onAction, className, usePortal, iconClassName, iconSize, 'data-testid': dataTestId, }: {
|
|
18
|
+
type ItemActionButtonSize = typeof ItemActionButtonSize[keyof typeof ItemActionButtonSize];
|
|
19
|
+
export declare function ItemActionMenu<Action extends string>({ isVisible, actions, onAction, className, usePortal, iconClassName, iconStyle, iconSize, 'data-testid': dataTestId, }: {
|
|
20
20
|
actions: MenuAction<Action>[];
|
|
21
21
|
onAction(actionName: Action): void;
|
|
22
22
|
className?: string;
|
|
23
23
|
usePortal?: boolean;
|
|
24
24
|
iconClassName?: string;
|
|
25
|
+
iconStyle?: React.CSSProperties;
|
|
25
26
|
iconSize?: ItemActionButtonSize;
|
|
26
27
|
isVisible?: boolean;
|
|
27
28
|
'data-testid'?: string;
|
|
28
29
|
}): JSX.Element | null;
|
|
29
|
-
export declare function ItemActionGroup<Action extends string>({ actions, onAction, className, iconClassName, iconSize, isVisible, 'data-testid': dataTestId, }: {
|
|
30
|
+
export declare function ItemActionGroup<Action extends string>({ actions, onAction, className, iconClassName, iconStyle, iconSize, isVisible, 'data-testid': dataTestId, }: {
|
|
30
31
|
actions: ItemAction<Action>[];
|
|
31
32
|
onAction(actionName: Action): void;
|
|
32
33
|
className?: string;
|
|
33
34
|
iconClassName?: string;
|
|
35
|
+
iconStyle?: React.CSSProperties;
|
|
34
36
|
iconSize?: ItemActionButtonSize;
|
|
35
37
|
isVisible?: boolean;
|
|
36
38
|
'data-testid'?: string;
|
|
37
39
|
}): JSX.Element | null;
|
|
38
|
-
export declare function ItemActionControls<Action extends string>({ isVisible, actions, onAction, className, iconClassName, iconSize, usePortal, collapseToMenuThreshold, 'data-testid': dataTestId, }: {
|
|
40
|
+
export declare function ItemActionControls<Action extends string>({ isVisible, actions, onAction, className, iconClassName, iconStyle, iconSize, usePortal, collapseToMenuThreshold, 'data-testid': dataTestId, }: {
|
|
39
41
|
isVisible?: boolean;
|
|
40
42
|
actions: ItemAction<Action>[];
|
|
41
43
|
onAction(actionName: Action): void;
|
|
42
44
|
className?: string;
|
|
43
45
|
iconSize?: ItemActionButtonSize;
|
|
44
46
|
iconClassName?: string;
|
|
47
|
+
iconStyle?: React.CSSProperties;
|
|
45
48
|
collapseToMenuThreshold?: number;
|
|
46
49
|
usePortal?: boolean;
|
|
47
50
|
'data-testid'?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-action-controls.d.ts","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"item-action-controls.d.ts","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -72,7 +72,7 @@ const ItemActionButton = (0, react_1.forwardRef)(function IconButtonSmall({ glyp
|
|
|
72
72
|
react_1.default.createElement(leafygreen_1.Icon, { size: size, glyph: glyph })),
|
|
73
73
|
children));
|
|
74
74
|
});
|
|
75
|
-
function ItemActionMenu({ isVisible = true, actions, onAction, className, usePortal, iconClassName, iconSize = ItemActionButtonSize.Default, 'data-testid': dataTestId, }) {
|
|
75
|
+
function ItemActionMenu({ isVisible = true, actions, onAction, className, usePortal, iconClassName, iconStyle, iconSize = ItemActionButtonSize.Default, 'data-testid': dataTestId, }) {
|
|
76
76
|
const menuTriggerRef = (0, react_1.useRef)(null);
|
|
77
77
|
const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
|
|
78
78
|
const onClick = (0, react_1.useCallback)((evt) => {
|
|
@@ -93,13 +93,13 @@ function ItemActionMenu({ isVisible = true, actions, onAction, className, usePor
|
|
|
93
93
|
return (react_1.default.createElement(ItemActionButton, { ref: menuTriggerRef, size: iconSize, glyph: "Ellipsis", label: "Show actions", title: "Show actions", "data-testid": dataTestId ? `${dataTestId}-show-actions` : undefined, onClick: (evt) => {
|
|
94
94
|
evt.stopPropagation();
|
|
95
95
|
onClick && onClick(evt);
|
|
96
|
-
}, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName) }, children));
|
|
96
|
+
}, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName), style: iconStyle }, children));
|
|
97
97
|
} }, actions.map(({ action, label, icon }) => {
|
|
98
98
|
return (react_1.default.createElement(leafygreen_1.MenuItem, { key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph: icon ? react_1.default.createElement(leafygreen_1.Icon, { glyph: icon }) : undefined, onClick: onClick }, label));
|
|
99
99
|
}))));
|
|
100
100
|
}
|
|
101
101
|
exports.ItemActionMenu = ItemActionMenu;
|
|
102
|
-
function ItemActionGroup({ actions, onAction, className, iconClassName, iconSize = ItemActionButtonSize.Default, isVisible = true, 'data-testid': dataTestId, }) {
|
|
102
|
+
function ItemActionGroup({ actions, onAction, className, iconClassName, iconStyle, iconSize = ItemActionButtonSize.Default, isVisible = true, 'data-testid': dataTestId, }) {
|
|
103
103
|
const onClick = (0, react_1.useCallback)((evt) => {
|
|
104
104
|
evt.stopPropagation();
|
|
105
105
|
onAction(evt.currentTarget.dataset.action);
|
|
@@ -109,19 +109,19 @@ function ItemActionGroup({ actions, onAction, className, iconClassName, iconSize
|
|
|
109
109
|
return null;
|
|
110
110
|
}
|
|
111
111
|
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className), "data-testid": dataTestId }, actions.map(({ action, icon, label }) => {
|
|
112
|
-
return (react_1.default.createElement(ItemActionButton, { key: action, glyph: icon, label: label, title: label, size: iconSize, "data-action": action, "data-testid": actionTestId(dataTestId, action), onClick: onClick, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName) }));
|
|
112
|
+
return (react_1.default.createElement(ItemActionButton, { key: action, glyph: icon, label: label, title: label, size: iconSize, "data-action": action, "data-testid": actionTestId(dataTestId, action), onClick: onClick, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName), style: iconStyle }));
|
|
113
113
|
})));
|
|
114
114
|
}
|
|
115
115
|
exports.ItemActionGroup = ItemActionGroup;
|
|
116
|
-
function ItemActionControls({ isVisible = true, actions, onAction, className, iconClassName, iconSize = ItemActionButtonSize.Default, usePortal, collapseToMenuThreshold = 2, 'data-testid': dataTestId, }) {
|
|
116
|
+
function ItemActionControls({ isVisible = true, actions, onAction, className, iconClassName, iconStyle, iconSize = ItemActionButtonSize.Default, usePortal, collapseToMenuThreshold = 2, 'data-testid': dataTestId, }) {
|
|
117
117
|
if (actions.length === 0) {
|
|
118
118
|
return null;
|
|
119
119
|
}
|
|
120
120
|
const shouldShowMenu = actions.length >= collapseToMenuThreshold;
|
|
121
121
|
if (shouldShowMenu) {
|
|
122
|
-
return (react_1.default.createElement(ItemActionMenu, { actions: actions, className: (0, emotion_1.cx)('item-action-controls', className), "data-testid": dataTestId, iconClassName: iconClassName, iconSize: iconSize, isVisible: isVisible, onAction: onAction, usePortal: usePortal }));
|
|
122
|
+
return (react_1.default.createElement(ItemActionMenu, { actions: actions, className: (0, emotion_1.cx)('item-action-controls', className), "data-testid": dataTestId, iconClassName: iconClassName, iconStyle: iconStyle, iconSize: iconSize, isVisible: isVisible, onAction: onAction, usePortal: usePortal }));
|
|
123
123
|
}
|
|
124
|
-
return (react_1.default.createElement(ItemActionGroup, { isVisible: isVisible, actions: actions, onAction: onAction, className: (0, emotion_1.cx)('item-action-controls', className), iconSize: iconSize, "data-testid": dataTestId, iconClassName: iconClassName }));
|
|
124
|
+
return (react_1.default.createElement(ItemActionGroup, { isVisible: isVisible, actions: actions, onAction: onAction, className: (0, emotion_1.cx)('item-action-controls', className), iconSize: iconSize, "data-testid": dataTestId, iconClassName: iconClassName, iconStyle: iconStyle }));
|
|
125
125
|
}
|
|
126
126
|
exports.ItemActionControls = ItemActionControls;
|
|
127
127
|
function DropdownMenuButton({ isVisible = true, actions, onAction, usePortal, activeAction, buttonText, buttonProps, 'data-testid': dataTestId, }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-action-controls.js","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,6CAAwE;AAGxE,kDAAgD;AAChD,oDAAiD;AAcjD,MAAM,oBAAoB,GAAG;IAC3B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAKX,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,qBAAqB,EAAE;QACrB,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAC;IAC7B,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;CACd,CAAC,CAAC;AAIH,MAAM,eAAe,GAAqD;IACxE,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,IAAA,aAAG,EAAC;QACT,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,eAAe;QACnC,MAAM,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,eAAe;KACrC,CAAC;IACF,MAAM,EAAE,IAAA,aAAG,EAAC;QACV,IAAI,EAAE,MAAM;QAEZ,KAAK,EAAE,GAAG,EAAE,eAAe;QAC3B,MAAM,EAAE,GAAG,EAAE,eAAe;KAC7B,CAAC;CACH,CAAC;AAEF,SAAS,YAAY,CACnB,UAA8B,EAC9B,MAAc;IAEd,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,MAAM,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACnE,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EASjC,SAAS,eAAe,CACxB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,8BAAC,uBAAU,IAGT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,gBACnC,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI;QAER,wCAAM,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,kBAAkB;YACrD,8BAAC,iBAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAS,CAClC;QAEN,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAgB,cAAc,CAAwB,EACpD,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,aAAa,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"item-action-controls.js","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,6CAAwE;AAGxE,kDAAgD;AAChD,oDAAiD;AAcjD,MAAM,oBAAoB,GAAG;IAC3B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAKX,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,qBAAqB,EAAE;QACrB,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAC;IAC7B,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;CACd,CAAC,CAAC;AAIH,MAAM,eAAe,GAAqD;IACxE,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,IAAA,aAAG,EAAC;QACT,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,eAAe;QACnC,MAAM,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,eAAe;KACrC,CAAC;IACF,MAAM,EAAE,IAAA,aAAG,EAAC;QACV,IAAI,EAAE,MAAM;QAEZ,KAAK,EAAE,GAAG,EAAE,eAAe;QAC3B,MAAM,EAAE,GAAG,EAAE,eAAe;KAC7B,CAAC;CACH,CAAC;AAEF,SAAS,YAAY,CACnB,UAA8B,EAC9B,MAAc;IAEd,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,MAAM,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACnE,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EASjC,SAAS,eAAe,CACxB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,8BAAC,uBAAU,IAGT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,gBACnC,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI;QAER,wCAAM,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,kBAAkB;YACrD,8BAAC,iBAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAS,CAClC;QAEN,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAgB,cAAc,CAAwB,EACpD,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,aAAa,EAAE,UAAU,GAW1B;IAIC,MAAM,cAAc,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,GAAG,EAAE,EAAE;;QACN,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,IAAI,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE;YACtC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SACjC;QACD,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAErE,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC;QAChD,8BAAC,iBAAI,IACH,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,SAAS,iBACP,UAAU,EACvB,OAAO,EAAE,CAAC,EACR,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;gBACH,OAAO,CACL,8BAAC,gBAAgB,IACf,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,cAAc,iBAElB,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,eAAe,CAAC,CAAC,CAAC,SAAS,EAEvD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;wBACf,GAAG,CAAC,eAAe,EAAE,CAAC;wBACtB,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;oBAC1B,CAAC,EACD,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,aAAa,CAAC,EACpD,KAAK,EAAE,SAAS,IAEf,QAAQ,CACQ,CACpB,CAAC;YACJ,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACvC,OAAO,CACL,8BAAC,qBAAQ,IACP,GAAG,EAAE,MAAM,iBACE,YAAY,CAAS,UAAU,EAAE,MAAM,CAAC,iBACxC,MAAM,mBACJ,IAAI,EACnB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,8BAAC,iBAAI,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,OAAO,IAEf,KAAK,CACG,CACZ,CAAC;QACJ,CAAC,CAAC,CACG,CACH,CACP,CAAC;AACJ,CAAC;AApGD,wCAoGC;AAED,SAAgB,eAAe,CAAwB,EACrD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,SAAS,GAAG,IAAI,EAChB,aAAa,EAAE,UAAU,GAU1B;IACC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,GAAG,EAAE,EAAE;QACN,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAErD,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,iBAChC,UAAU,IAEtB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;QACvC,OAAO,CACL,8BAAC,gBAAgB,IACf,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,QAAQ,iBACD,MAAM,iBACN,YAAY,CAAS,UAAU,EAAE,MAAM,CAAC,EACrD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,aAAa,CAAC,EACpD,KAAK,EAAE,SAAS,GACE,CACrB,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAxDD,0CAwDC;AAED,SAAgB,kBAAkB,CAAwB,EACxD,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,SAAS,EACT,uBAAuB,GAAG,CAAC,EAC3B,aAAa,EAAE,UAAU,GAY1B;IACC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,IAAI,uBAAuB,CAAC;IAEjE,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,8BAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,iBACnC,UAAU,EACvB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACJ,CACnB,CAAC;KACH;IAED,OAAO,CACL,8BAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,QAAQ,EAAE,QAAQ,iBACL,UAAU,EACvB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACH,CACpB,CAAC;AACJ,CAAC;AAzDD,gDAyDC;AAED,SAAgB,kBAAkB,CAAwB,EACxD,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EAAE,UAAU,GAW1B;IAIC,MAAM,cAAc,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,GAAG,EAAE,EAAE;;QACN,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,IAAI,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE;YACtC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SACjC;QACD,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAErE,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,iBAAI,IACH,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,SAAS,iBACP,UAAU,EACvB,OAAO,EAAE,CAAC,EACR,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;YACH,OAAO,CACL,8BAAC,mBAAM,OACD,WAAW,EACf,GAAG,EAAE,cAAc,iBACN,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,eAAe,CAAC,CAAC,CAAC,SAAS,EAClE,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;oBACf,GAAG,CAAC,eAAe,EAAE,CAAC;oBACtB,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC,EACD,UAAU,EAAE,8BAAC,iBAAI,IAAC,KAAK,EAAE,WAAW,GAAI;gBAEvC,UAAU;gBACV,QAAQ,CACF,CACV,CAAC;QACJ,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACvC,OAAO,CACL,8BAAC,qBAAQ,IACP,MAAM,EAAE,YAAY,KAAK,MAAM,EAC/B,GAAG,EAAE,MAAM,iBACE,YAAY,CAAS,UAAU,EAAE,MAAM,CAAC,iBACxC,MAAM,mBACJ,IAAI,EACnB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,8BAAC,iBAAI,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,OAAO,IAEf,KAAK,CACG,CACZ,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC;AA9FD,gDA8FC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
type ListEditorProps<ItemType> = {
|
|
3
3
|
items: ItemType[];
|
|
4
4
|
renderItem: (item: ItemType, index: number) => JSX.Element;
|
|
5
5
|
disableAddButton?: (item: ItemType, index: number, items: ItemType[]) => boolean;
|