@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":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,
|
|
1
|
+
{"version":3,"file":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,KAAK,eAAe,CAAC,QAAQ,IAAI;IAE/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE3D,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,mBAAmB,CAAC,EAAE,CACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,GACV,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAiChD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -4,8 +4,8 @@ export declare const Variant: {
|
|
|
4
4
|
readonly Default: "primary";
|
|
5
5
|
readonly Danger: "danger";
|
|
6
6
|
};
|
|
7
|
-
export
|
|
8
|
-
|
|
7
|
+
export type Variant = typeof Variant[keyof typeof Variant];
|
|
8
|
+
type FormModalProps = React.ComponentProps<typeof Modal> & {
|
|
9
9
|
variant?: Variant;
|
|
10
10
|
title: string;
|
|
11
11
|
subtitle?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,
|
|
1
|
+
{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE3D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAA2B,EAC3B,cAAsB,EACtB,OAAyB,EACzB,MAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,eAiChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"info-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAQhC,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,eAAyB,EACzB,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,eAsBhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -12,8 +12,9 @@ const leafygreen_1 = require("../leafygreen");
|
|
|
12
12
|
const modal_body_1 = require("./modal-body");
|
|
13
13
|
const modal_header_1 = require("./modal-header");
|
|
14
14
|
const modal_footer_button_1 = require("./modal-footer-button");
|
|
15
|
+
const paddingBottomStyles = (0, emotion_1.css)({ paddingBottom: tokens_1.spacing[5] });
|
|
15
16
|
function InfoModal({ title, subtitle, showCloseButton = true, closeButtonText = 'Close', onClose, children, ...modalProps }) {
|
|
16
|
-
return (react_1.default.createElement(modal_1.Modal, { setOpen: onClose, contentClassName: (0, emotion_1.cx)(!showCloseButton &&
|
|
17
|
+
return (react_1.default.createElement(modal_1.Modal, { setOpen: onClose, contentClassName: (0, emotion_1.cx)(!showCloseButton && paddingBottomStyles), ...modalProps },
|
|
17
18
|
react_1.default.createElement(modal_header_1.ModalHeader, { title: title, subtitle: subtitle }),
|
|
18
19
|
react_1.default.createElement(modal_body_1.ModalBody, null, children),
|
|
19
20
|
showCloseButton && (react_1.default.createElement(leafygreen_1.ModalFooter, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-modal.js","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,kDAAgD;AAEhD,mCAAgC;AAChC,8CAA4C;AAC5C,6CAAyC;AACzC,iDAA6C;AAC7C,+DAA0D;
|
|
1
|
+
{"version":3,"file":"info-modal.js","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,kDAAgD;AAEhD,mCAAgC;AAChC,8CAA4C;AAC5C,6CAAyC;AACzC,iDAA6C;AAC7C,+DAA0D;AAE1D,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC,EAAE,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAU/D,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,OAAO,EACzB,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACE;IACf,OAAO,CACL,8BAAC,aAAK,IACJ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAA,YAAE,EAAC,CAAC,eAAe,IAAI,mBAAmB,CAAC,KACzD,UAAU;QAEd,8BAAC,0BAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACjD,8BAAC,sBAAS,QAAE,QAAQ,CAAa;QAChC,eAAe,IAAI,CAClB,8BAAC,wBAAW;YACV,8BAAC,uCAAiB,mBACJ,cAAc,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,SAAS,IAEhB,eAAe,CACE,CACR,CACf,CACK,CACT,CAAC;AACJ,CAAC;AAEQ,8BAAS"}
|
|
@@ -3,8 +3,8 @@ export declare const Variant: {
|
|
|
3
3
|
readonly Default: "primary";
|
|
4
4
|
readonly Danger: "danger";
|
|
5
5
|
};
|
|
6
|
-
export
|
|
7
|
-
|
|
6
|
+
export type Variant = typeof Variant[keyof typeof Variant];
|
|
7
|
+
type ModalBodyProps = {
|
|
8
8
|
variant?: Variant;
|
|
9
9
|
className?: string;
|
|
10
10
|
scroll?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,
|
|
1
|
+
{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AA6B3D,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,uFA6Bb,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -3,8 +3,8 @@ export declare const Variant: {
|
|
|
3
3
|
readonly Default: "primary";
|
|
4
4
|
readonly Danger: "danger";
|
|
5
5
|
};
|
|
6
|
-
export
|
|
7
|
-
|
|
6
|
+
export type Variant = typeof Variant[keyof typeof Variant];
|
|
7
|
+
type ModalHeaderProps = {
|
|
8
8
|
title: string;
|
|
9
9
|
subtitle?: string;
|
|
10
10
|
variant?: Variant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,
|
|
1
|
+
{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAiD3D,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAyB,GAC1B,EAAE,gBAAgB,eA0BlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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;AA0BpD,KAAK,sBAAsB,GAAG;IAC5B,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,CAiDvB,CAAC"}
|
|
@@ -50,8 +50,11 @@ const MoreOptionsToggle = ({ 'aria-controls': ariaControls, isExpanded, id, 'dat
|
|
|
50
50
|
const buttonProps = (0, merge_props_1.mergeProps)({
|
|
51
51
|
className: optionsButtonStyles,
|
|
52
52
|
}, focusRingProps);
|
|
53
|
+
const onClick = (0, react_1.useCallback)(() => {
|
|
54
|
+
onToggleOptions();
|
|
55
|
+
}, [onToggleOptions]);
|
|
53
56
|
return (react_1.default.createElement("div", { className: optionContainerStyles },
|
|
54
|
-
react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", type: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick:
|
|
57
|
+
react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", type: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick: onClick, ...buttonProps },
|
|
55
58
|
react_1.default.createElement("div", { className: optionStyles },
|
|
56
59
|
optionsLabel,
|
|
57
60
|
react_1.default.createElement(leafygreen_1.Icon, { glyph: optionsIcon })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,oDAA6C;AAC7C,kDAAgD;AAEhD,4DAAuD;AACvD,6CAA0C;AAC1C,sDAAkD;AAElD,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAE9B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IAEd,OAAO,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,MAAM,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC3C,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAUI,MAAM,iBAAiB,GAE1B,CAAC,EACH,eAAe,EAAE,YAAY,EAC7B,UAAU,EACV,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,EAC/C,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,EACpD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,6BAAY,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAC5B;QACE,SAAS,EAAE,mBAAmB;KAC/B,EACD,cAAc,CAEoD,CAAC;IACrE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,uCAAK,SAAS,EAAE,qBAAqB;QACnC,8BAAC,iBAAI,kBACS,YAAY,mBACT,UAAU,mBACV,YAAY,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,gBAAgB,EAAE,IAAI,iBACT,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,KACZ,WAAW;YAEf,uCAAK,SAAS,EAAE,YAAY;gBACzB,YAAY;gBACb,8BAAC,iBAAI,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,iBAAiB,qBAkD5B"}
|
|
@@ -5,6 +5,7 @@ declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<HTMLDivE
|
|
|
5
5
|
maxChar?: number;
|
|
6
6
|
width?: CSSProperties['width'];
|
|
7
7
|
height?: CSSProperties['height'];
|
|
8
|
+
'data-testid'?: string;
|
|
8
9
|
}>;
|
|
9
10
|
export { Placeholder };
|
|
10
11
|
//# sourceMappingURL=placeholder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAkB,MAAM,OAAO,CAAC;AAgDvC,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CACxC,IAAI,CACF,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAkB,MAAM,OAAO,CAAC;AAgDvC,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CACxC,IAAI,CACF,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAwBF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -65,11 +65,12 @@ function getBoundRandom(min, max) {
|
|
|
65
65
|
return Math.random() * (max - min) + min;
|
|
66
66
|
}
|
|
67
67
|
const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], ...props }) => {
|
|
68
|
+
var _a;
|
|
68
69
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
69
70
|
const width = (0, react_1.useMemo)(() => {
|
|
70
71
|
return propsWidth || `${Math.round(getBoundRandom(minChar, maxChar))}ch`;
|
|
71
72
|
}, [minChar, maxChar, propsWidth]);
|
|
72
|
-
return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid":
|
|
73
|
+
return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": (_a = props['data-testid']) !== null && _a !== void 0 ? _a : 'placeholder', className: (0, emotion_1.cx)(placeholder, className, darkMode && placeholderDarkMode), style: { width, height: propsHeight } }));
|
|
73
74
|
};
|
|
74
75
|
exports.Placeholder = Placeholder;
|
|
75
76
|
//# sourceMappingURL=placeholder.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAiD;AACjD,kDAAiD;AAGjD,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACvC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACrC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACtC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CACrC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAiD;AACjD,kDAAiD;AAGjD,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACvC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACrC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACtC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CACrC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,WAAW,GAWb,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,GAAG,KAAK,EACT,EAAE,EAAE;;IACH,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACN,MAAA,KAAK,CAAC,aAAa,CAAC,mCAAI,aAAa,EAClD,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,kCAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store-connector.d.ts","sourceRoot":"","sources":["../../src/components/store-connector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEjC,
|
|
1
|
+
{"version":3,"file":"store-connector.d.ts","sourceRoot":"","sources":["../../src/components/store-connector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEjC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG;QACpB,eAAe,EAAE,MAAM,OAAO,CAAC;KAChC,CAAC;CACH,CAAC;AAQF,cAAM,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAG/D,WAAW,CAAC,EAAE,QAAQ,CAAC;gBAEX,KAAK,EAAE,mBAAmB;IAWtC,iBAAiB;IAOjB,oBAAoB;IAIpB,MAAM;CAGP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";AAuCA,
|
|
1
|
+
{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";AAuCA,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAOF,iBAAS,SAAS,CAAC,EACjB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,aAAa,EACb,IAAI,EACJ,KAAK,EACL,YAAY,GACb,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAkD9B;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import LeafyGreenTooltip from '@leafygreen-ui/tooltip';
|
|
3
|
-
|
|
3
|
+
type TooltipTriggerProps = {
|
|
4
4
|
isDisabled?: boolean;
|
|
5
5
|
delay?: number;
|
|
6
6
|
triggerOn?: 'focus';
|
|
7
7
|
};
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
type LeafyGreenTooltipProps = React.ComponentPropsWithoutRef<typeof LeafyGreenTooltip>;
|
|
9
|
+
type TooltipTrigger = React.FunctionComponent;
|
|
10
10
|
declare const Tooltip: React.FunctionComponent<TooltipTriggerProps & Omit<LeafyGreenTooltipProps, 'trigger'> & {
|
|
11
11
|
trigger: TooltipTrigger;
|
|
12
12
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAMvD,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAMvD,KAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF,KAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,iBAAiB,CACzB,CAAC;AAEF,KAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE9C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CACpC,mBAAmB,GACjB,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAG;IACxC,OAAO,EAAE,cAAc,CAAC;CACzB,CAqCJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
type RenderItem = React.FunctionComponent<React.HTMLProps<HTMLDivElement> & {
|
|
3
3
|
index: number;
|
|
4
4
|
['data-vlist-item-idx']: number;
|
|
5
5
|
}>;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
type RenderHeader = React.FunctionComponent;
|
|
7
|
+
type RenderEmptyList = React.FunctionComponent;
|
|
8
|
+
type VirtualGridProps = {
|
|
9
9
|
itemMinWidth: number;
|
|
10
10
|
itemHeight: number;
|
|
11
11
|
itemsCount: number;
|
|
@@ -25,6 +25,6 @@ declare type VirtualGridProps = {
|
|
|
25
25
|
};
|
|
26
26
|
resetActiveItemOnBlur?: boolean;
|
|
27
27
|
};
|
|
28
|
-
export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "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" | "
|
|
28
|
+
export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "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" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
export {};
|
|
30
30
|
//# sourceMappingURL=virtual-grid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-grid.d.ts","sourceRoot":"","sources":["../../src/components/virtual-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,
|
|
1
|
+
{"version":3,"file":"virtual-grid.d.ts","sourceRoot":"","sources":["../../src/components/virtual-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CACvC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACjC,CACF,CAAC;AACF,KAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAC5C,KAAK,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE/C,KAAK,gBAAgB,GAAG;IAKtB,YAAY,EAAE,MAAM,CAAC;IAIrB,UAAU,EAAE,MAAM,CAAC;IAInB,UAAU,EAAE,MAAM,CAAC;IAKnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,UAAU,EAAE,UAAU,CAAC;IAIvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC;IAI1D,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAI5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAIlC,aAAa,CAAC,EAAE,MAAM,CAAC;IAIvB,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAMF,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAsJF,eAAO,MAAM,WAAW,s5LA0FtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAiGtC,
|
|
1
|
+
{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAiGtC,KAAK,uBAAuB,GAAG;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,iBAAiB,CACxB,uBAAuB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAC1D,eA0CA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { glyphs } from '@leafygreen-ui/icon';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type IconGlyph = Extract<keyof typeof glyphs, string>;
|
|
4
|
+
type TabProps = {
|
|
5
5
|
title: string;
|
|
6
6
|
isSelected: boolean;
|
|
7
7
|
isDragging: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAkMlD,
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAkMlD,KAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,eAsHV;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { glyphs } from '@leafygreen-ui/icon';
|
|
3
3
|
export declare const scrollbarThumbLightTheme: string;
|
|
4
4
|
export declare const scrollbarThumbDarkTheme: string;
|
|
5
|
-
|
|
5
|
+
type WorkspaceTabsProps = {
|
|
6
6
|
'aria-label': string;
|
|
7
7
|
onCreateNewTab: () => void;
|
|
8
8
|
onSelectTab: (tabIndex: number) => void;
|
|
@@ -11,7 +11,7 @@ declare type WorkspaceTabsProps = {
|
|
|
11
11
|
tabs: TabProps[];
|
|
12
12
|
selectedTabIndex: number;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type TabProps = {
|
|
15
15
|
subtitle: string;
|
|
16
16
|
tabContentId: string;
|
|
17
17
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsBlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AAiIrE,
|
|
1
|
+
{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsBlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AAiIrE,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;CACzB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAyBrB;AAkHD,iBAAS,aAAa,CAAC,EACrB,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,cAAc,EACd,UAAU,EACV,SAAS,EACT,WAAW,EACX,IAAI,EACJ,gBAAgB,GACjB,EAAE,kBAAkB,eAmDpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Variant as ConfirmationModalVariant } from '@leafygreen-ui/confirmation-modal';
|
|
3
|
+
export { ConfirmationModalVariant };
|
|
4
|
+
type ConfirmationProperties = {
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
buttonText?: string;
|
|
8
|
+
variant?: ConfirmationModalVariant;
|
|
9
|
+
};
|
|
10
|
+
export declare const showConfirmation: (props: ConfirmationProperties) => Promise<boolean>;
|
|
11
|
+
export declare const ConfirmationModalArea: React.FC;
|
|
12
|
+
export declare const useConfirmationModal: () => {
|
|
13
|
+
showConfirmation: (props: ConfirmationProperties) => Promise<boolean>;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=use-confirmation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAEL,OAAO,IAAI,wBAAwB,EACpC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC,CAAC;AAgDF,eAAO,MAAM,gBAAgB,UAXH,sBAAsB,qBAYc,CAAC;AAY/D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAoEzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;8BA/HL,sBAAsB,KAAK,QAAQ,OAAO,CAAC;CAuItE,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
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.useConfirmationModal = exports.ConfirmationModalArea = exports.showConfirmation = exports.ConfirmationModalVariant = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const confirmation_modal_1 = __importStar(require("@leafygreen-ui/confirmation-modal"));
|
|
29
|
+
Object.defineProperty(exports, "ConfirmationModalVariant", { enumerable: true, get: function () { return confirmation_modal_1.Variant; } });
|
|
30
|
+
class GlobalConfirmation extends EventTarget {
|
|
31
|
+
showConfirmation(props) {
|
|
32
|
+
return new Promise((resolve) => {
|
|
33
|
+
this.dispatchEvent(new CustomEvent('show-confirmation', {
|
|
34
|
+
detail: { props, callback: resolve },
|
|
35
|
+
}));
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
const globalConfirmation = new GlobalConfirmation();
|
|
40
|
+
exports.showConfirmation = globalConfirmation.showConfirmation.bind(globalConfirmation);
|
|
41
|
+
const ConfirmationModalContext = react_1.default.createContext({
|
|
42
|
+
isMounted: false,
|
|
43
|
+
showConfirmation: exports.showConfirmation,
|
|
44
|
+
});
|
|
45
|
+
const ConfirmationModalArea = ({ children }) => {
|
|
46
|
+
var _a, _b, _c;
|
|
47
|
+
const hasParentContext = (0, react_1.useContext)(ConfirmationModalContext).isMounted;
|
|
48
|
+
const [confirmationProps, setConfirmationProps] = (0, react_1.useState)({
|
|
49
|
+
open: false,
|
|
50
|
+
});
|
|
51
|
+
const callbackRef = (0, react_1.useRef)();
|
|
52
|
+
const contextValue = react_1.default.useMemo(() => ({ showConfirmation: exports.showConfirmation, isMounted: true }), []);
|
|
53
|
+
(0, react_1.useEffect)(() => {
|
|
54
|
+
return () => {
|
|
55
|
+
var _a;
|
|
56
|
+
(_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, false);
|
|
57
|
+
};
|
|
58
|
+
}, []);
|
|
59
|
+
(0, react_1.useEffect)(() => {
|
|
60
|
+
const listener = ({ detail: { callback, props }, }) => {
|
|
61
|
+
setConfirmationProps({ open: true, ...props });
|
|
62
|
+
callbackRef.current = callback;
|
|
63
|
+
};
|
|
64
|
+
globalConfirmation.addEventListener('show-confirmation', listener);
|
|
65
|
+
return () => {
|
|
66
|
+
globalConfirmation.removeEventListener('show-confirmation', listener);
|
|
67
|
+
};
|
|
68
|
+
}, []);
|
|
69
|
+
const handleConfirm = () => {
|
|
70
|
+
onUserAction(true);
|
|
71
|
+
};
|
|
72
|
+
const handleCancel = () => {
|
|
73
|
+
onUserAction(false);
|
|
74
|
+
};
|
|
75
|
+
const onUserAction = (value) => {
|
|
76
|
+
var _a;
|
|
77
|
+
setConfirmationProps((state) => ({ ...state, open: false }));
|
|
78
|
+
(_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, value);
|
|
79
|
+
callbackRef.current = undefined;
|
|
80
|
+
};
|
|
81
|
+
if (hasParentContext) {
|
|
82
|
+
return react_1.default.createElement(react_1.default.Fragment, null, children);
|
|
83
|
+
}
|
|
84
|
+
return (react_1.default.createElement(ConfirmationModalContext.Provider, { value: contextValue },
|
|
85
|
+
children,
|
|
86
|
+
react_1.default.createElement(confirmation_modal_1.default, { "data-testid": "confirmation-modal", open: confirmationProps.open, title: (_a = confirmationProps.title) !== null && _a !== void 0 ? _a : 'Are you sure?', variant: (_b = confirmationProps.variant) !== null && _b !== void 0 ? _b : confirmation_modal_1.Variant.Default, buttonText: (_c = confirmationProps.buttonText) !== null && _c !== void 0 ? _c : 'Confirm', onConfirm: handleConfirm, onCancel: handleCancel }, confirmationProps.description)));
|
|
87
|
+
};
|
|
88
|
+
exports.ConfirmationModalArea = ConfirmationModalArea;
|
|
89
|
+
const useConfirmationModal = () => {
|
|
90
|
+
const { isMounted, showConfirmation } = (0, react_1.useContext)(ConfirmationModalContext);
|
|
91
|
+
if (!isMounted) {
|
|
92
|
+
throw new Error('useConfirmationModal must be used within a ConfirmationModalArea');
|
|
93
|
+
}
|
|
94
|
+
return { showConfirmation };
|
|
95
|
+
};
|
|
96
|
+
exports.useConfirmationModal = useConfirmationModal;
|
|
97
|
+
//# sourceMappingURL=use-confirmation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-confirmation.js","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-effect-on-change.d.ts","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-effect-on-change.d.ts","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,EAAE,EAAE,KAAK,CAAC,cAAc,EACxB,GAAG,EAAE,CAAC,GACL,SAAS,CAAC,CAAC,CAAC,CAkBd"}
|
|
@@ -2,18 +2,24 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useEffectOnChange = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
+
const react_2 = require("react");
|
|
5
6
|
const kValueChanged = Symbol('Value changed');
|
|
7
|
+
function useMemoDependencies(value) {
|
|
8
|
+
return (0, react_1.useMemo)(() => {
|
|
9
|
+
return Array.isArray(value) ? value : [value];
|
|
10
|
+
}, Array.isArray(value) ? value : [value]);
|
|
11
|
+
}
|
|
6
12
|
function useEffectOnChange(fn, val) {
|
|
7
|
-
const initial = (0,
|
|
8
|
-
const effect = (0,
|
|
13
|
+
const initial = (0, react_2.useRef)(val);
|
|
14
|
+
const effect = (0, react_2.useRef)(fn);
|
|
9
15
|
effect.current = fn;
|
|
10
|
-
(0,
|
|
16
|
+
(0, react_2.useEffect)(() => {
|
|
11
17
|
if (val !== initial.current) {
|
|
12
18
|
initial.current = kValueChanged;
|
|
13
19
|
return effect.current();
|
|
14
20
|
}
|
|
15
|
-
},
|
|
16
|
-
return (0,
|
|
21
|
+
}, useMemoDependencies(val));
|
|
22
|
+
return (0, react_2.useRef)(val);
|
|
17
23
|
}
|
|
18
24
|
exports.useEffectOnChange = useEffectOnChange;
|
|
19
25
|
//# sourceMappingURL=use-effect-on-change.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-effect-on-change.js","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":";;;AACA,iCAA0C;AAE1C,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"use-effect-on-change.js","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAChC,iCAA0C;AAE1C,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAI9C,SAAS,mBAAmB,CAAC,KAAc;IACzC,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE;QACH,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,EAED,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CACvC,CAAC;AACJ,CAAC;AAQD,SAAgB,iBAAiB,CAC/B,EAAwB,EACxB,GAAM;IAIN,MAAM,OAAO,GAAG,IAAA,cAAM,EAAa,GAAG,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC1B,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QAGb,IAAI,GAAG,KAAK,OAAO,CAAC,OAAO,EAAE;YAG3B,OAAO,CAAC,OAAO,GAAG,aAAa,CAAC;YAChC,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC;SACzB;IACH,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;IAE7B,OAAO,IAAA,cAAM,EAAC,GAAG,CAAC,CAAC;AACrB,CAAC;AArBD,8CAqBC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useHotkeys as useGlobalHotkeys } from 'react-hotkeys-hook';
|
|
3
|
+
type GlobalHotkeysArgs = Parameters<typeof useGlobalHotkeys>;
|
|
4
|
+
export declare const useHotkeys: (key: string, callback: GlobalHotkeysArgs[1], options?: GlobalHotkeysArgs[2], deps?: GlobalHotkeysArgs[3]) => React.MutableRefObject<import("react-hotkeys-hook/dist/types").RefType<HTMLElement>>;
|
|
5
|
+
export declare const formatHotkey: (key: string) => string;
|
|
6
|
+
export declare const KeyboardShortcut: ({ hotkey }: {
|
|
7
|
+
hotkey: string;
|
|
8
|
+
}) => JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=use-hotkeys.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-hotkeys.d.ts","sourceRoot":"","sources":["../../src/hooks/use-hotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUpE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAe7D,eAAO,MAAM,UAAU,QAChB,MAAM,YACD,iBAAiB,CAAC,CAAC,CAAC,YACpB,iBAAiB,CAAC,CAAC,CAAC,SACvB,iBAAiB,CAAC,CAAC,CAAC,yFAG5B,CAAC;AAEF,eAAO,MAAM,YAAY,QAAS,MAAM,WAcvC,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAA0B,MAAM;iBAS5D,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.KeyboardShortcut = exports.formatHotkey = exports.useHotkeys = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_hotkeys_hook_1 = require("react-hotkeys-hook");
|
|
9
|
+
const __1 = require("../");
|
|
10
|
+
const shortcutContainerStyles = (0, __1.css)({
|
|
11
|
+
display: 'flex',
|
|
12
|
+
gap: __1.spacing[1],
|
|
13
|
+
});
|
|
14
|
+
const isMac = () => navigator.userAgent.indexOf('Mac') !== -1;
|
|
15
|
+
const useHotkeys = (key, callback, options, deps) => {
|
|
16
|
+
return (0, react_hotkeys_hook_1.useHotkeys)(key, callback, options, deps);
|
|
17
|
+
};
|
|
18
|
+
exports.useHotkeys = useHotkeys;
|
|
19
|
+
const formatHotkey = (key) => {
|
|
20
|
+
let shortcut = key.toLowerCase();
|
|
21
|
+
shortcut = isMac()
|
|
22
|
+
? shortcut.replace(/\bmeta\b/, '⌘').replace(/\balt\b/, 'option')
|
|
23
|
+
: shortcut.replace(/\bmeta\b/, 'ctrl');
|
|
24
|
+
return shortcut
|
|
25
|
+
.replace(/\+/g, ' + ')
|
|
26
|
+
.replace(/\s+/g, ' ')
|
|
27
|
+
.replace('arrowup', '↑')
|
|
28
|
+
.replace('arrowdown', '↓')
|
|
29
|
+
.replace(/\b\w/g, (c) => c.toUpperCase())
|
|
30
|
+
.trim();
|
|
31
|
+
};
|
|
32
|
+
exports.formatHotkey = formatHotkey;
|
|
33
|
+
const KeyboardShortcut = ({ hotkey }) => {
|
|
34
|
+
const key = (0, exports.formatHotkey)(hotkey);
|
|
35
|
+
return (react_1.default.createElement("span", { className: shortcutContainerStyles }, key.split('+').map((x) => (react_1.default.createElement(__1.InlineKeyCode, { key: x }, x.trim())))));
|
|
36
|
+
};
|
|
37
|
+
exports.KeyboardShortcut = KeyboardShortcut;
|
|
38
|
+
//# sourceMappingURL=use-hotkeys.js.map
|