@mongodb-js/compass-components 1.9.0 → 1.11.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 +0 -22
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +33 -36
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/collapsible-field-set.js +1 -1
- package/lib/components/collapsible-field-set.js.map +1 -1
- package/lib/components/combobox/Chip.js +2 -4
- package/lib/components/combobox/Chip.js.map +1 -1
- package/lib/components/combobox/Combobox.d.ts +1 -1
- package/lib/components/combobox/Combobox.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.js +42 -55
- package/lib/components/combobox/Combobox.js.map +1 -1
- package/lib/components/combobox/Combobox.styles.js +1 -2
- package/lib/components/combobox/Combobox.styles.js.map +1 -1
- package/lib/components/combobox/Combobox.types.d.ts +2 -2
- package/lib/components/combobox/Combobox.types.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.types.js.map +1 -1
- package/lib/components/combobox/ComboboxOption.d.ts +1 -1
- package/lib/components/combobox/ComboboxOption.d.ts.map +1 -1
- package/lib/components/combobox/ComboboxOption.js.map +1 -1
- package/lib/components/combobox/utils/OptionObjectUtils.js +3 -4
- package/lib/components/combobox/utils/OptionObjectUtils.js.map +1 -1
- package/lib/components/combobox/utils/getNameAndValue.js +2 -3
- package/lib/components/combobox/utils/getNameAndValue.js.map +1 -1
- package/lib/components/combobox/utils/wrapJSX.js +1 -2
- package/lib/components/combobox/utils/wrapJSX.js.map +1 -1
- package/lib/components/combobox-with-custom-option.d.ts.map +1 -1
- package/lib/components/combobox-with-custom-option.js +23 -20
- package/lib/components/combobox-with-custom-option.js.map +1 -1
- package/lib/components/document-list/document-actions-group.d.ts +2 -0
- package/lib/components/document-list/document-actions-group.d.ts.map +1 -1
- package/lib/components/document-list/document-actions-group.js +32 -15
- package/lib/components/document-list/document-actions-group.js.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.js +2 -2
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
- package/lib/components/document-list/document.js +2 -3
- package/lib/components/document-list/document.js.map +1 -1
- package/lib/components/document-list/element-actions.js +1 -1
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +15 -14
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/error-boundary.js +1 -2
- package/lib/components/error-boundary.js.map +1 -1
- package/lib/components/file-input.js +7 -10
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/guide-cue/guide-cue-exceptions.d.ts +18 -0
- package/lib/components/guide-cue/guide-cue-exceptions.d.ts.map +1 -0
- package/lib/components/guide-cue/guide-cue-exceptions.js +32 -0
- package/lib/components/guide-cue/guide-cue-exceptions.js.map +1 -0
- package/lib/components/guide-cue/guide-cue-groups.d.ts +8 -0
- package/lib/components/guide-cue/guide-cue-groups.d.ts.map +1 -0
- package/lib/components/guide-cue/guide-cue-groups.js +6 -0
- package/lib/components/guide-cue/guide-cue-groups.js.map +1 -0
- package/lib/components/guide-cue/guide-cue-service.d.ts +46 -0
- package/lib/components/guide-cue/guide-cue-service.d.ts.map +1 -0
- package/lib/components/guide-cue/guide-cue-service.js +174 -0
- package/lib/components/guide-cue/guide-cue-service.js.map +1 -0
- package/lib/components/guide-cue/guide-cue-storage.d.ts +19 -0
- package/lib/components/guide-cue/guide-cue-storage.d.ts.map +1 -0
- package/lib/components/guide-cue/guide-cue-storage.js +33 -0
- package/lib/components/guide-cue/guide-cue-storage.js.map +1 -0
- package/lib/components/guide-cue/guide-cue.d.ts +36 -0
- package/lib/components/guide-cue/guide-cue.d.ts.map +1 -0
- package/lib/components/guide-cue/guide-cue.js +167 -0
- package/lib/components/guide-cue/guide-cue.js.map +1 -0
- package/lib/components/index-keys-badge.d.ts.map +1 -1
- package/lib/components/index-keys-badge.js +1 -0
- package/lib/components/index-keys-badge.js.map +1 -1
- package/lib/components/interactive-popover.d.ts +9 -6
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/interactive-popover.js +19 -16
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/item-action-controls.d.ts +11 -6
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +24 -10
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/list-editor.js +7 -10
- package/lib/components/list-editor.js.map +1 -1
- package/lib/components/loader.js +1 -2
- package/lib/components/loader.js.map +1 -1
- package/lib/components/more-options-toggle.d.ts +2 -0
- package/lib/components/more-options-toggle.d.ts.map +1 -1
- package/lib/components/more-options-toggle.js +18 -9
- package/lib/components/more-options-toggle.js.map +1 -1
- package/lib/components/placeholder.js +1 -2
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/signal-popover.d.ts +30 -0
- package/lib/components/signal-popover.d.ts.map +1 -0
- package/lib/components/signal-popover.js +356 -0
- package/lib/components/signal-popover.js.map +1 -0
- package/lib/components/signals.d.ts +87 -0
- package/lib/components/signals.d.ts.map +1 -0
- package/lib/components/signals.js +117 -0
- package/lib/components/signals.js.map +1 -0
- package/lib/components/store-connector.js +1 -2
- package/lib/components/store-connector.js.map +1 -1
- package/lib/components/tab-nav-bar.d.ts +1 -2
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +2 -2
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/tooltip.d.ts +4 -3
- package/lib/components/tooltip.d.ts.map +1 -1
- package/lib/components/tooltip.js.map +1 -1
- package/lib/components/virtual-grid.js +10 -12
- package/lib/components/virtual-grid.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.js +1 -2
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
- package/lib/hooks/use-confirmation.d.ts +1 -1
- package/lib/hooks/use-confirmation.d.ts.map +1 -1
- package/lib/hooks/use-confirmation.js +3 -6
- package/lib/hooks/use-confirmation.js.map +1 -1
- package/lib/hooks/use-dom-rect.js +2 -4
- package/lib/hooks/use-dom-rect.js.map +1 -1
- package/lib/hooks/use-focus-hover.d.ts +5 -1
- package/lib/hooks/use-focus-hover.d.ts.map +1 -1
- package/lib/hooks/use-focus-hover.js +1 -1
- package/lib/hooks/use-focus-hover.js.map +1 -1
- package/lib/hooks/use-hotkeys.d.ts.map +1 -1
- package/lib/hooks/use-hotkeys.js +5 -2
- package/lib/hooks/use-hotkeys.js.map +1 -1
- package/lib/hooks/use-persisted-state.d.ts +4 -0
- package/lib/hooks/use-persisted-state.d.ts.map +1 -0
- package/lib/hooks/use-persisted-state.js +30 -0
- package/lib/hooks/use-persisted-state.js.map +1 -0
- package/lib/hooks/use-sort.js +6 -8
- package/lib/hooks/use-sort.js.map +1 -1
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +6 -5
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/hooks/use-virtual-grid.js +5 -6
- package/lib/hooks/use-virtual-grid.js.map +1 -1
- package/lib/index.d.ts +8 -3
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +13 -5
- package/lib/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -0,0 +1,167 @@
|
|
|
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.GuideCue = exports.GuideCueProvider = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const guide_cue_service_1 = require("./guide-cue-service");
|
|
29
|
+
const guide_cue_1 = require("@leafygreen-ui/guide-cue");
|
|
30
|
+
const guide_cue_groups_1 = require("./guide-cue-groups");
|
|
31
|
+
const __1 = require("../..");
|
|
32
|
+
const rafraf_1 = require("../../utils/rafraf");
|
|
33
|
+
const hiddenPopoverStyles = (0, __1.css)({
|
|
34
|
+
display: 'none !important',
|
|
35
|
+
opacity: '0 !important',
|
|
36
|
+
transition: 'none !important',
|
|
37
|
+
});
|
|
38
|
+
const GuideCueContext = react_1.default.createContext({});
|
|
39
|
+
const GuideCueProvider = ({ children, onNext, onNextGroup, }) => {
|
|
40
|
+
const value = (0, react_1.useMemo)(() => ({
|
|
41
|
+
onNext,
|
|
42
|
+
onNextGroup,
|
|
43
|
+
}), [onNext, onNextGroup]);
|
|
44
|
+
return (react_1.default.createElement(GuideCueContext.Provider, { value: value }, children));
|
|
45
|
+
};
|
|
46
|
+
exports.GuideCueProvider = GuideCueProvider;
|
|
47
|
+
const getDataCueId = ({ cueId, groupId, }) => {
|
|
48
|
+
return `guide-cue-${cueId}${groupId ? `-${groupId}` : ''}`;
|
|
49
|
+
};
|
|
50
|
+
const GuideCue = ({ description, trigger, cueId, groupId, step, onPrimaryButtonClick, onDismiss, onOpenChange, ...restOfCueProps }) => {
|
|
51
|
+
const [isCueOpen, setIsCueOpen] = (0, react_1.useState)(false);
|
|
52
|
+
const [isIntersecting, setIsIntersecting] = (0, react_1.useState)(true);
|
|
53
|
+
const refEl = (0, react_1.useRef)(null);
|
|
54
|
+
const [readyToRender, setReadyToRender] = (0, react_1.useState)(false);
|
|
55
|
+
const context = (0, react_1.useContext)(GuideCueContext);
|
|
56
|
+
const cueData = (0, react_1.useMemo)(() => {
|
|
57
|
+
if (!groupId) {
|
|
58
|
+
return { cueId, step: 1 };
|
|
59
|
+
}
|
|
60
|
+
return { cueId, groupId, step };
|
|
61
|
+
}, [cueId, groupId, step]);
|
|
62
|
+
const setOpen = (0, react_1.useCallback)((open) => {
|
|
63
|
+
setIsCueOpen(open);
|
|
64
|
+
onOpenChange?.(open);
|
|
65
|
+
}, [onOpenChange]);
|
|
66
|
+
(0, react_1.useEffect)(() => {
|
|
67
|
+
if (!refEl.current) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
const observerCallback = (entries) => {
|
|
71
|
+
const [entry] = entries;
|
|
72
|
+
setIsIntersecting(entry.isIntersecting);
|
|
73
|
+
if (!entry.isIntersecting) {
|
|
74
|
+
setOpen(false);
|
|
75
|
+
}
|
|
76
|
+
guide_cue_service_1.guideCueService.onCueIntersectionChange(entry.isIntersecting, cueData.cueId, cueData.groupId);
|
|
77
|
+
};
|
|
78
|
+
const node = refEl.current;
|
|
79
|
+
const observer = new IntersectionObserver(observerCallback, {
|
|
80
|
+
threshold: 0.5,
|
|
81
|
+
});
|
|
82
|
+
observer.observe(node);
|
|
83
|
+
return () => {
|
|
84
|
+
observer.unobserve(node);
|
|
85
|
+
observer.disconnect();
|
|
86
|
+
};
|
|
87
|
+
}, [cueData, setOpen]);
|
|
88
|
+
(0, react_1.useEffect)(() => {
|
|
89
|
+
const listener = ({ detail }) => {
|
|
90
|
+
setOpen(cueData.cueId === detail.cueId &&
|
|
91
|
+
cueData.groupId === detail.groupId &&
|
|
92
|
+
isIntersecting);
|
|
93
|
+
};
|
|
94
|
+
guide_cue_service_1.guideCueService.addEventListener('show-cue', listener);
|
|
95
|
+
return () => {
|
|
96
|
+
guide_cue_service_1.guideCueService.removeEventListener('show-cue', listener);
|
|
97
|
+
};
|
|
98
|
+
}, [cueData, isIntersecting, setOpen]);
|
|
99
|
+
(0, react_1.useEffect)(() => {
|
|
100
|
+
if (!refEl.current) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
guide_cue_service_1.guideCueService.addCue({
|
|
104
|
+
...cueData,
|
|
105
|
+
isIntersecting,
|
|
106
|
+
});
|
|
107
|
+
return () => {
|
|
108
|
+
guide_cue_service_1.guideCueService.removeCue(cueData.cueId, cueData.groupId);
|
|
109
|
+
};
|
|
110
|
+
}, [cueData, isIntersecting]);
|
|
111
|
+
(0, react_1.useEffect)(() => {
|
|
112
|
+
return (0, rafraf_1.rafraf)(() => {
|
|
113
|
+
setReadyToRender(true);
|
|
114
|
+
});
|
|
115
|
+
}, []);
|
|
116
|
+
const onNextGroup = (0, react_1.useCallback)(() => {
|
|
117
|
+
if (!cueData.groupId) {
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
guide_cue_service_1.guideCueService.markGroupAsVisited(cueData.groupId);
|
|
121
|
+
guide_cue_service_1.guideCueService.onNext();
|
|
122
|
+
context.onNextGroup?.({
|
|
123
|
+
...cueData,
|
|
124
|
+
groupSteps: guide_cue_groups_1.GROUP_STEPS_MAP.get(cueData.groupId) ?? 0,
|
|
125
|
+
});
|
|
126
|
+
}, [cueData, context.onNextGroup]);
|
|
127
|
+
const onNext = (0, react_1.useCallback)(() => {
|
|
128
|
+
guide_cue_service_1.guideCueService.markCueAsVisited(cueData.cueId, cueData.groupId);
|
|
129
|
+
guide_cue_service_1.guideCueService.onNext();
|
|
130
|
+
context.onNext?.(cueData);
|
|
131
|
+
}, [cueData, context.onNext]);
|
|
132
|
+
(0, react_1.useEffect)(() => {
|
|
133
|
+
if (!isCueOpen || !refEl.current) {
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
const listener = (event) => {
|
|
137
|
+
const popover = document.querySelector(`[data-cueid="${getDataCueId(cueData)}"]`);
|
|
138
|
+
if (!popover) {
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
if (event.composedPath().includes(popover)) {
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
if (event.composedPath().includes(refEl.current)) {
|
|
145
|
+
setOpen(false);
|
|
146
|
+
return onNext();
|
|
147
|
+
}
|
|
148
|
+
guide_cue_service_1.guideCueService.markAllCuesAsVisited();
|
|
149
|
+
setOpen(false);
|
|
150
|
+
};
|
|
151
|
+
document.addEventListener('mousedown', listener);
|
|
152
|
+
return () => {
|
|
153
|
+
document.removeEventListener('mousedown', listener);
|
|
154
|
+
};
|
|
155
|
+
}, [isCueOpen, cueData, onNext, setOpen]);
|
|
156
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
157
|
+
readyToRender && (react_1.default.createElement(guide_cue_1.GuideCue, { ...restOfCueProps, open: isCueOpen, numberOfSteps: guide_cue_service_1.guideCueService.getCountOfSteps(cueData.groupId), onDismiss: () => {
|
|
158
|
+
onDismiss?.();
|
|
159
|
+
onNextGroup();
|
|
160
|
+
}, onPrimaryButtonClick: () => {
|
|
161
|
+
onPrimaryButtonClick?.();
|
|
162
|
+
onNext();
|
|
163
|
+
}, setOpen: () => setOpen(false), currentStep: cueData.step || 1, refEl: refEl, "data-cueid": getDataCueId(cueData), tooltipClassName: (0, __1.cx)(!isIntersecting && hiddenPopoverStyles) }, description)),
|
|
164
|
+
trigger({ ref: refEl })));
|
|
165
|
+
};
|
|
166
|
+
exports.GuideCue = GuideCue;
|
|
167
|
+
//# sourceMappingURL=guide-cue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"guide-cue.js","sourceRoot":"","sources":["../../../src/components/guide-cue/guide-cue.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;AAe1B,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,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,CAYA,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAoBzD,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-keys-badge.js","sourceRoot":"","sources":["../../src/components/index-keys-badge.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAqC;AACrC,oDAA6C;AAC7C,kDAAgD;AAChD,kDAA0B;AAC1B,8DAAqC;AACrC,gDAA+D;AAE/D,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;
|
|
1
|
+
{"version":3,"file":"index-keys-badge.js","sourceRoot":"","sources":["../../src/components/index-keys-badge.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAqC;AACrC,oDAA6C;AAC7C,kDAAgD;AAChD,kDAA0B;AAC1B,8DAAqC;AACrC,gDAA+D;AAE/D,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IAEtB,aAAa,EAAE,MAAM;IACrB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAOH,MAAM,UAAU,GAGX,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACxB,OAAO,CACL,8BAAC,kBAAK,mBACS,GAAG,KAAK,MAAM,EAC3B,OAAO,EAAE,eAAY,CAAC,SAAS,EAC/B,SAAS,EAAE,WAAW,EACtB,IAAI,EAAC,UAAU;QAEd,KAAK;QACN,8BAAC,oBAAS,IAAC,SAAS,EAAE,KAAK,GAAI,CACzB,CACT,CAAC;AACJ,CAAC,CAAC;AAwBuB,gCAAU;AAtBnC,MAAM,cAAc,GAA0C,CAAC,EAC7D,IAAI,EACJ,aAAa,EAAE,MAAM,GACtB,EAAE,EAAE;IACH,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,MAAM,iBAAc,MAAM,IAC3D,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9B,8BAAC,kBAAK,IACJ,GAAG,EAAE,KAAK,iBACG,GAAG,KAAK,MAAM,EAC3B,OAAO,EAAE,eAAY,CAAC,SAAS,EAC/B,SAAS,EAAE,WAAW,EACtB,IAAI,EAAC,UAAU;QAEd,KAAK;QACN,8BAAC,oBAAS,IAAC,SAAS,EAAE,KAAK,GAAI,CACzB,CACT,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEO,wCAAc"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { Popover } from './leafygreen';
|
|
2
3
|
type InteractivePopoverProps = {
|
|
3
|
-
className
|
|
4
|
-
children: React.
|
|
4
|
+
className?: string;
|
|
5
|
+
children: React.ReactNode;
|
|
5
6
|
trigger: (triggerProps: {
|
|
6
|
-
onClick:
|
|
7
|
-
ref: React.
|
|
7
|
+
onClick: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
|
+
ref: React.LegacyRef<HTMLButtonElement>;
|
|
8
9
|
children: React.ReactNode;
|
|
9
10
|
}) => React.ReactElement;
|
|
10
11
|
open: boolean;
|
|
11
12
|
setOpen: (open: boolean) => void;
|
|
12
13
|
containedElements?: string[];
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
containerClassName?: string;
|
|
15
|
+
closeButtonClassName?: string;
|
|
16
|
+
} & Pick<React.ComponentProps<typeof Popover>, 'align' | 'justify' | 'spacing' | 'popoverZIndex'>;
|
|
17
|
+
declare function InteractivePopover({ className, children, trigger, open, setOpen, containedElements, align, justify, spacing, popoverZIndex, containerClassName, closeButtonClassName, }: InteractivePopoverProps): React.ReactElement;
|
|
15
18
|
export { InteractivePopover };
|
|
16
19
|
//# 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;AAI9D,OAAO,EAAoB,OAAO,EAAE,MAAM,cAAc,CAAC;AAwCzD,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,CAAC,YAAY,EAAE;QACtB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QACpD,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;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,GAAG,IAAI,CACN,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EACpC,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,eAAe,CAClD,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,iBAAsB,EACtB,KAAK,EACL,OAAO,EACP,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,oBAAoB,GACrB,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CA4H9C;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -64,7 +64,7 @@ const closeButtonStyles = (0, emotion_1.css)({
|
|
|
64
64
|
top: tokens_1.spacing[2],
|
|
65
65
|
right: tokens_1.spacing[2],
|
|
66
66
|
});
|
|
67
|
-
function InteractivePopover({ className, children, trigger, open, setOpen, containedElements = [], }) {
|
|
67
|
+
function InteractivePopover({ className, children, trigger, open, setOpen, containedElements = [], align, justify, spacing, popoverZIndex, containerClassName, closeButtonClassName, }) {
|
|
68
68
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
69
69
|
const triggerRef = (0, react_1.useRef)(null);
|
|
70
70
|
const closeButtonRef = (0, react_1.useRef)(null);
|
|
@@ -72,8 +72,7 @@ function InteractivePopover({ className, children, trigger, open, setOpen, conta
|
|
|
72
72
|
const onClose = (0, react_1.useCallback)(() => {
|
|
73
73
|
setOpen(false);
|
|
74
74
|
setTimeout(() => {
|
|
75
|
-
|
|
76
|
-
(_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
75
|
+
triggerRef.current?.focus();
|
|
77
76
|
});
|
|
78
77
|
}, [setOpen]);
|
|
79
78
|
const onClickTrigger = (0, react_1.useCallback)(() => {
|
|
@@ -97,9 +96,9 @@ function InteractivePopover({ className, children, trigger, open, setOpen, conta
|
|
|
97
96
|
return;
|
|
98
97
|
}
|
|
99
98
|
if (containedElements.some((selector) => {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
return document
|
|
100
|
+
.querySelector(selector)
|
|
101
|
+
?.contains(event.target);
|
|
103
102
|
})) {
|
|
104
103
|
return;
|
|
105
104
|
}
|
|
@@ -117,16 +116,20 @@ function InteractivePopover({ className, children, trigger, open, setOpen, conta
|
|
|
117
116
|
return trigger({
|
|
118
117
|
onClick: onClickTrigger,
|
|
119
118
|
ref: triggerRef,
|
|
120
|
-
children: (react_1.default.createElement(leafygreen_1.Popover, { align:
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
react_1.default.createElement(leafygreen_1.
|
|
119
|
+
children: (react_1.default.createElement(leafygreen_1.Popover, { align: align ?? 'bottom', justify: justify ?? 'start', active: open, adjustOnMutation: true, usePortal: true, spacing: spacing ?? 0, className: className, refEl: triggerRef, popoverZIndex: popoverZIndex },
|
|
120
|
+
react_1.default.createElement(focus_trap_react_1.default, { active: open, focusTrapOptions: {
|
|
121
|
+
clickOutsideDeactivates: true,
|
|
122
|
+
fallbackFocus: `#${closeButtonId}`,
|
|
123
|
+
} },
|
|
124
|
+
react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentContainerStyles, darkMode
|
|
125
|
+
? contentContainerStylesDark
|
|
126
|
+
: contentContainerStylesLight, containerClassName), ref: popoverContentContainerRef },
|
|
127
|
+
children,
|
|
128
|
+
react_1.default.createElement(leafygreen_1.IconButton, { className: (0, emotion_1.cx)(closeButtonStyles, closeButtonClassName), "data-testid": "interactive-popover-close-button", onClick: (evt) => {
|
|
129
|
+
evt.stopPropagation();
|
|
130
|
+
onClose();
|
|
131
|
+
}, "aria-label": "Close", id: closeButtonId, ref: closeButtonRef },
|
|
132
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "X" })))))),
|
|
130
133
|
});
|
|
131
134
|
}
|
|
132
135
|
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,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;
|
|
1
|
+
{"version":3,"file":"interactive-popover.js","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TooltipProps } from './tooltip';
|
|
2
3
|
import type { ButtonProps } from '@leafygreen-ui/button';
|
|
3
|
-
export type ItemAction<Action> = {
|
|
4
|
+
export type ItemAction<Action extends string> = {
|
|
4
5
|
action: Action;
|
|
5
6
|
label: string;
|
|
6
|
-
icon:
|
|
7
|
+
icon: React.ReactChild;
|
|
7
8
|
};
|
|
8
|
-
export type
|
|
9
|
+
export type GroupedItemAction<Action extends string> = ItemAction<Action> & {
|
|
10
|
+
tooltip?: string;
|
|
11
|
+
tooltipProps?: TooltipProps;
|
|
12
|
+
};
|
|
13
|
+
export type MenuAction<Action extends string> = {
|
|
9
14
|
action: Action;
|
|
10
15
|
label: string;
|
|
11
|
-
icon?:
|
|
16
|
+
icon?: React.ReactChild;
|
|
12
17
|
};
|
|
13
18
|
declare const ItemActionButtonSize: {
|
|
14
19
|
readonly XSmall: "xsmall";
|
|
@@ -28,7 +33,7 @@ export declare function ItemActionMenu<Action extends string>({ isVisible, actio
|
|
|
28
33
|
'data-testid'?: string;
|
|
29
34
|
}): JSX.Element | null;
|
|
30
35
|
export declare function ItemActionGroup<Action extends string>({ actions, onAction, className, iconClassName, iconStyle, iconSize, isVisible, 'data-testid': dataTestId, }: {
|
|
31
|
-
actions:
|
|
36
|
+
actions: GroupedItemAction<Action>[];
|
|
32
37
|
onAction(actionName: Action): void;
|
|
33
38
|
className?: string;
|
|
34
39
|
iconClassName?: string;
|
|
@@ -49,7 +54,7 @@ export declare function ItemActionControls<Action extends string>({ isVisible, a
|
|
|
49
54
|
usePortal?: boolean;
|
|
50
55
|
'data-testid'?: string;
|
|
51
56
|
}): JSX.Element | null;
|
|
52
|
-
export declare function DropdownMenuButton<Action extends string>({ isVisible, actions, onAction, usePortal, activeAction, buttonText, buttonProps, 'data-testid': dataTestId, }: {
|
|
57
|
+
export declare function DropdownMenuButton<Action extends string>({ isVisible, actions, onAction, usePortal, activeAction, buttonText, buttonProps, iconSize, 'data-testid': dataTestId, }: {
|
|
53
58
|
actions: MenuAction<Action>[];
|
|
54
59
|
onAction(actionName: Action): void;
|
|
55
60
|
usePortal?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-action-controls.d.ts","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"item-action-controls.d.ts","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,MAAM,MAAM,UAAU,CAAC,MAAM,SAAS,MAAM,IAAI;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,MAAM,SAAS,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,MAAM,SAAS,MAAM,IAAI;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;CAIhB,CAAC;AAEX,KAAK,oBAAoB,GACvB,OAAO,oBAAoB,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAsGjE,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,EACpD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAuC,EACvC,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAgFA;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,EACrD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAuC,EACvC,SAAgB,EAChB,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAyDA;AAED,wBAAgB,kBAAkB,CAAC,MAAM,SAAS,MAAM,EAAE,EACxD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAuC,EACvC,SAAS,EACT,uBAA2B,EAC3B,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAmCA;AAED,wBAAgB,kBAAkB,CAAC,MAAM,SAAS,MAAM,EAAE,EACxD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAuC,EACvC,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,sBA2EA"}
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.DropdownMenuButton = exports.ItemActionControls = exports.ItemActionGroup = exports.ItemActionMenu = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const leafygreen_1 = require("./leafygreen");
|
|
29
|
+
const tooltip_1 = require("./tooltip");
|
|
29
30
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
30
31
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
31
32
|
const ItemActionButtonSize = {
|
|
@@ -66,21 +67,29 @@ const buttonSizeStyle = {
|
|
|
66
67
|
function actionTestId(dataTestId, action) {
|
|
67
68
|
return dataTestId ? `${dataTestId}-${action}-action` : undefined;
|
|
68
69
|
}
|
|
70
|
+
const ActionGlyph = ({ glyph, size, ...props }) => {
|
|
71
|
+
if (typeof glyph === 'string') {
|
|
72
|
+
return react_1.default.createElement(leafygreen_1.Icon, { size: size, glyph: glyph, ...props });
|
|
73
|
+
}
|
|
74
|
+
if (react_1.default.isValidElement(glyph)) {
|
|
75
|
+
return glyph;
|
|
76
|
+
}
|
|
77
|
+
return null;
|
|
78
|
+
};
|
|
69
79
|
const ItemActionButton = (0, react_1.forwardRef)(function IconButtonSmall({ glyph, size, label, onClick, children, title, className, ...rest }, ref) {
|
|
70
80
|
return (react_1.default.createElement(leafygreen_1.IconButton, { ref: ref, className: (0, emotion_1.cx)(buttonSizeStyle[size], className), "aria-label": label, title: title, onClick: onClick, ...rest },
|
|
71
81
|
react_1.default.createElement("span", { role: "presentation", className: iconContainerStyle },
|
|
72
|
-
react_1.default.createElement(
|
|
82
|
+
react_1.default.createElement(ActionGlyph, { glyph: glyph, size: size })),
|
|
73
83
|
children));
|
|
74
84
|
});
|
|
75
85
|
function ItemActionMenu({ isVisible = true, actions, onAction, className, usePortal, iconClassName, iconStyle, iconSize = ItemActionButtonSize.Default, 'data-testid': dataTestId, }) {
|
|
76
86
|
const menuTriggerRef = (0, react_1.useRef)(null);
|
|
77
87
|
const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
|
|
78
88
|
const onClick = (0, react_1.useCallback)((evt) => {
|
|
79
|
-
var _a;
|
|
80
89
|
evt.stopPropagation();
|
|
81
90
|
if (evt.currentTarget.dataset.menuitem) {
|
|
82
91
|
setIsMenuOpen(false);
|
|
83
|
-
|
|
92
|
+
menuTriggerRef.current?.focus();
|
|
84
93
|
}
|
|
85
94
|
onAction(evt.currentTarget.dataset.action);
|
|
86
95
|
}, [onAction]);
|
|
@@ -95,7 +104,7 @@ function ItemActionMenu({ isVisible = true, actions, onAction, className, usePor
|
|
|
95
104
|
onClick && onClick(evt);
|
|
96
105
|
}, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName), style: iconStyle }, children));
|
|
97
106
|
} }, actions.map(({ action, label, icon }) => {
|
|
98
|
-
return (react_1.default.createElement(leafygreen_1.MenuItem, { key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph:
|
|
107
|
+
return (react_1.default.createElement(leafygreen_1.MenuItem, { key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph: react_1.default.createElement(ActionGlyph, { glyph: icon, size: iconSize }), onClick: onClick }, label));
|
|
99
108
|
}))));
|
|
100
109
|
}
|
|
101
110
|
exports.ItemActionMenu = ItemActionMenu;
|
|
@@ -108,8 +117,14 @@ function ItemActionGroup({ actions, onAction, className, iconClassName, iconStyl
|
|
|
108
117
|
if (!shouldRender) {
|
|
109
118
|
return null;
|
|
110
119
|
}
|
|
111
|
-
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className), "data-testid": dataTestId }, actions.map(({ action, icon, label }) => {
|
|
112
|
-
|
|
120
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className), "data-testid": dataTestId }, actions.map(({ action, icon, label, tooltip, tooltipProps }) => {
|
|
121
|
+
const button = (react_1.default.createElement(ItemActionButton, { key: action, glyph: icon, label: label, title: !tooltip ? label : undefined, size: iconSize, "data-action": action, "data-testid": actionTestId(dataTestId, action), onClick: onClick, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName), style: iconStyle }));
|
|
122
|
+
if (tooltip) {
|
|
123
|
+
return (react_1.default.createElement(tooltip_1.Tooltip, { key: action, ...tooltipProps, trigger: ({ children, ...props }) => (react_1.default.createElement("div", { ...props, style: { display: 'inherit' } },
|
|
124
|
+
button,
|
|
125
|
+
children)) }, tooltip));
|
|
126
|
+
}
|
|
127
|
+
return button;
|
|
113
128
|
})));
|
|
114
129
|
}
|
|
115
130
|
exports.ItemActionGroup = ItemActionGroup;
|
|
@@ -124,15 +139,14 @@ function ItemActionControls({ isVisible = true, actions, onAction, className, ic
|
|
|
124
139
|
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
140
|
}
|
|
126
141
|
exports.ItemActionControls = ItemActionControls;
|
|
127
|
-
function DropdownMenuButton({ isVisible = true, actions, onAction, usePortal, activeAction, buttonText, buttonProps, 'data-testid': dataTestId, }) {
|
|
142
|
+
function DropdownMenuButton({ isVisible = true, actions, onAction, usePortal, activeAction, buttonText, buttonProps, iconSize = ItemActionButtonSize.Default, 'data-testid': dataTestId, }) {
|
|
128
143
|
const menuTriggerRef = (0, react_1.useRef)(null);
|
|
129
144
|
const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
|
|
130
145
|
const onClick = (0, react_1.useCallback)((evt) => {
|
|
131
|
-
var _a;
|
|
132
146
|
evt.stopPropagation();
|
|
133
147
|
if (evt.currentTarget.dataset.menuitem) {
|
|
134
148
|
setIsMenuOpen(false);
|
|
135
|
-
|
|
149
|
+
menuTriggerRef.current?.focus();
|
|
136
150
|
}
|
|
137
151
|
onAction(evt.currentTarget.dataset.action);
|
|
138
152
|
}, [onAction]);
|
|
@@ -148,7 +162,7 @@ function DropdownMenuButton({ isVisible = true, actions, onAction, usePortal, ac
|
|
|
148
162
|
buttonText,
|
|
149
163
|
children));
|
|
150
164
|
} }, actions.map(({ action, label, icon }) => {
|
|
151
|
-
return (react_1.default.createElement(leafygreen_1.MenuItem, { active: activeAction === action, key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph:
|
|
165
|
+
return (react_1.default.createElement(leafygreen_1.MenuItem, { active: activeAction === action, key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph: react_1.default.createElement(ActionGlyph, { glyph: icon, size: iconSize }), onClick: onClick }, label));
|
|
152
166
|
})));
|
|
153
167
|
}
|
|
154
168
|
exports.DropdownMenuButton = DropdownMenuButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-action-controls.js","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,6CAAwE;
|
|
1
|
+
{"version":3,"file":"item-action-controls.js","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,16 +22,13 @@ const itemContentStyles = (0, emotion_1.css)({
|
|
|
22
22
|
flexGrow: 1,
|
|
23
23
|
});
|
|
24
24
|
function ListEditor({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, itemTestId, itemKey, }) {
|
|
25
|
-
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(listEditorStyles, className) }, items.map((item, itemIndex) => {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
react_1.default.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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
|
-
})));
|
|
25
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(listEditorStyles, className) }, items.map((item, itemIndex) => (react_1.default.createElement("div", { "data-testid": itemTestId?.(itemIndex), className: listItemStyles, key: itemKey?.(item) ?? itemIndex },
|
|
26
|
+
react_1.default.createElement("div", { className: itemContentStyles }, renderItem(item, itemIndex)),
|
|
27
|
+
!disableAddButton?.(item, itemIndex, items) ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Add", type: "button", "data-testid": addButtonTestId, disabled: disableAddButton?.(item, itemIndex, items), onClick: () => onAddItem(itemIndex) },
|
|
28
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "Plus" }))) : null,
|
|
29
|
+
!disableRemoveButton?.(item, itemIndex, items) &&
|
|
30
|
+
items.length !== 1 ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Remove", type: "button", "data-testid": removeButtonTestId, disabled: disableRemoveButton?.(item, itemIndex, items), onClick: () => onRemoveItem(itemIndex) },
|
|
31
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "Minus" }))) : null)))));
|
|
35
32
|
}
|
|
36
33
|
exports.ListEditor = ListEditor;
|
|
37
34
|
//# sourceMappingURL=list-editor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,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,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AA8BH,SAAS,UAAU,CAAW,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,OAAO,GACmB;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,IAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,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,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AA8BH,SAAS,UAAU,CAAW,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,OAAO,GACmB;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,IAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC9B,sDACe,UAAU,EAAE,CAAC,SAAS,CAAC,EACpC,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,SAAS;QAEjC,uCAAK,SAAS,EAAE,iBAAiB,IAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAO;QACrE,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7C,8BAAC,uBAAU,kBACE,KAAK,EAChB,IAAI,EAAC,QAAQ,iBACA,eAAe,EAC5B,QAAQ,EAAE,gBAAgB,EAAE,CAAC,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,mBAAmB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC;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,EAAE,CAAC,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"}
|
package/lib/components/loader.js
CHANGED
|
@@ -62,9 +62,8 @@ function SpinLoaderWithLabel({ className, progressText, ['data-testid']: dataTes
|
|
|
62
62
|
}
|
|
63
63
|
exports.SpinLoaderWithLabel = SpinLoaderWithLabel;
|
|
64
64
|
function CancelLoader({ cancelText = 'Cancel', onCancel, ...props }) {
|
|
65
|
-
var _a;
|
|
66
65
|
return (react_1.default.createElement(SpinLoaderWithLabel, { ...props },
|
|
67
|
-
react_1.default.createElement(leafygreen_1.Button, { variant: "primaryOutline", onClick: onCancel, "data-testid": `${
|
|
66
|
+
react_1.default.createElement(leafygreen_1.Button, { variant: "primaryOutline", onClick: onCancel, "data-testid": `${props['data-testid'] ?? 'spin-loader'}-button` }, cancelText)));
|
|
68
67
|
}
|
|
69
68
|
exports.CancelLoader = CancelLoader;
|
|
70
69
|
//# sourceMappingURL=loader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAA4D;AAC5D,kDAAiD;AACjD,6CAAgD;AAEhD,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,KAAK;IAC1B,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC,CAAC;AAoBH,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;;;;;;;eAQZ,eAAe;CAC7B,CAAC;AACF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,KAAK,EAAE;CAC7C,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;CAC9C,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EAAE,SAAS,GACH;IAChB,MAAM,QAAQ,GAAG,IAAA,uBAAW,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EACnE,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAyC6B,gCAAU;AAvCxC,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,CAAC,aAAa,CAAC,EAAE,UAAU,EAC3B,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACiB;IACzB,MAAM,QAAQ,GAAG,IAAA,uBAAW,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,SAAS,CAAC,iBAAe,UAAU;QACrE,8BAAC,UAAU,IAAC,IAAI,EAAE,gBAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAe;QAC1E,8BAAC,qBAAQ,IAAC,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,EAAE,QAAQ,IAAI,cAAc,CAAC,IAC5D,YAAY,CACJ;QACV,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAoBQ,kDAAmB;AAlB5B,SAAS,YAAY,CAAC,EACpB,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,GAAG,KAAK,EACU
|
|
1
|
+
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAA4D;AAC5D,kDAAiD;AACjD,6CAAgD;AAEhD,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,KAAK;IAC1B,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC,CAAC;AAoBH,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;;;;;;;eAQZ,eAAe;CAC7B,CAAC;AACF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,KAAK,EAAE;CAC7C,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;CAC9C,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EAAE,SAAS,GACH;IAChB,MAAM,QAAQ,GAAG,IAAA,uBAAW,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EACnE,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAyC6B,gCAAU;AAvCxC,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,CAAC,aAAa,CAAC,EAAE,UAAU,EAC3B,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACiB;IACzB,MAAM,QAAQ,GAAG,IAAA,uBAAW,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,SAAS,CAAC,iBAAe,UAAU;QACrE,8BAAC,UAAU,IAAC,IAAI,EAAE,gBAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAe;QAC1E,8BAAC,qBAAQ,IAAC,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,EAAE,QAAQ,IAAI,cAAc,CAAC,IAC5D,YAAY,CACJ;QACV,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAoBQ,kDAAmB;AAlB5B,SAAS,YAAY,CAAC,EACpB,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,OAAO,CACL,8BAAC,mBAAmB,OAAK,KAAK;QAC5B,8BAAC,mBAAM,IACL,OAAO,EAAC,gBAAgB,EACxB,OAAO,EAAE,QAAQ,iBACJ,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,aAAa,SAAS,IAE7D,UAAU,CACJ,CACW,CACvB,CAAC;AACJ,CAAC;AAEyC,oCAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA2BpD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,CAwDvB,CAAC"}
|