@mongodb-js/compass-components 1.21.3 → 1.23.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/breadcrumb.d.ts +9 -0
- package/lib/components/breadcrumb.d.ts.map +1 -0
- package/lib/components/breadcrumb.js +80 -0
- package/lib/components/breadcrumb.js.map +1 -0
- package/lib/components/combobox/Chip.js +4 -4
- package/lib/components/combobox/Chip.js.map +1 -1
- package/lib/components/combobox/Combobox.d.ts +2 -2
- package/lib/components/combobox/Combobox.js +1 -1
- package/lib/components/combobox/Combobox.js.map +1 -1
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts +1 -1
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js +2 -2
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js.map +1 -1
- package/lib/components/combobox/index.d.ts +3 -1
- package/lib/components/combobox/index.d.ts.map +1 -1
- package/lib/components/combobox/index.js +4 -2
- package/lib/components/combobox/index.js.map +1 -1
- package/lib/components/compass-components-provider.d.ts +5 -1
- package/lib/components/compass-components-provider.d.ts.map +1 -1
- package/lib/components/compass-components-provider.js +15 -11
- package/lib/components/compass-components-provider.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +7 -1
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/feedback-popover.d.ts +2 -1
- package/lib/components/feedback-popover.d.ts.map +1 -1
- package/lib/components/feedback-popover.js +3 -1
- package/lib/components/feedback-popover.js.map +1 -1
- package/lib/components/guide-cue/guide-cue.d.ts +2 -1
- package/lib/components/guide-cue/guide-cue.d.ts.map +1 -1
- package/lib/components/guide-cue/guide-cue.js +3 -1
- package/lib/components/guide-cue/guide-cue.js.map +1 -1
- package/lib/components/horizontal-rule.d.ts +1 -1
- package/lib/components/index-keys-badge.d.ts.map +1 -1
- package/lib/components/index-keys-badge.js +2 -0
- package/lib/components/index-keys-badge.js.map +1 -1
- package/lib/components/item-action-controls.d.ts +8 -3
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +19 -4
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/keyline-card.d.ts +1 -1
- package/lib/components/leafygreen.d.ts +61 -13
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +22 -18
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/links/link.d.ts +798 -0
- package/lib/components/links/link.d.ts.map +1 -0
- package/lib/components/links/link.js +96 -0
- package/lib/components/links/link.js.map +1 -0
- package/lib/components/modals/confirmation-modal.d.ts +2 -3
- package/lib/components/modals/confirmation-modal.d.ts.map +1 -1
- package/lib/components/modals/confirmation-modal.js +2 -1
- package/lib/components/modals/confirmation-modal.js.map +1 -1
- package/lib/components/modals/modal-header.js +1 -1
- package/lib/components/modals/modal-header.js.map +1 -1
- package/lib/components/modals/modal.d.ts +3 -4
- package/lib/components/modals/modal.d.ts.map +1 -1
- package/lib/components/modals/modal.js +3 -1
- package/lib/components/modals/modal.js.map +1 -1
- package/lib/components/options-toggle.d.ts.map +1 -1
- package/lib/components/options-toggle.js.map +1 -1
- package/lib/components/resizeable-sidebar.d.ts +1 -5
- package/lib/components/resizeable-sidebar.d.ts.map +1 -1
- package/lib/components/resizeable-sidebar.js +4 -22
- package/lib/components/resizeable-sidebar.js.map +1 -1
- package/lib/components/tab-nav-bar.d.ts +3 -2
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +3 -3
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/tooltip.d.ts +1 -1
- package/lib/components/tooltip.d.ts.map +1 -1
- package/lib/components/tooltip.js +3 -1
- package/lib/components/tooltip.js.map +1 -1
- package/lib/components/virtual-grid.d.ts +1 -1
- package/lib/hooks/use-confirmation.d.ts +2 -1
- package/lib/hooks/use-confirmation.d.ts.map +1 -1
- package/lib/hooks/use-confirmation.js +6 -2
- package/lib/hooks/use-confirmation.js.map +1 -1
- package/lib/hooks/use-stacked-component.d.ts +17 -0
- package/lib/hooks/use-stacked-component.d.ts.map +1 -0
- package/lib/hooks/use-stacked-component.js +78 -0
- package/lib/hooks/use-stacked-component.js.map +1 -0
- package/lib/hooks/use-toast.d.ts +1 -1
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +8 -3
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/index.d.ts +3 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +11 -2
- package/lib/index.js.map +1 -1
- package/package.json +50 -52
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/links/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,KAAK,mCAAmC,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CACpD,mCAAmC,CAYpC,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAChB,MAAM;;;MAEhB,MAiBF,CAAC;AAEF,wBAAgB,0BAA0B,IAAI,mCAAmC,CAEhF;AAOD,eAAO,MAAM,IAAI,4JAea,CAAC;AAG/B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAoBY,CAAC;AAGhC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;odAoBY,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.IconButton = exports.Button = exports.Link = exports.useRequiredURLSearchParams = exports.urlWithUtmParams = exports.RequiredURLSearchParamsProvider = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const typography_1 = require("@leafygreen-ui/typography");
|
|
32
|
+
const button_1 = __importDefault(require("@leafygreen-ui/button"));
|
|
33
|
+
const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
|
|
34
|
+
const RequiredURLSearchParamsContext = react_1.default.createContext({});
|
|
35
|
+
const RequiredURLSearchParamsProvider = ({ utmSource, utmMedium, children }) => {
|
|
36
|
+
const value = {
|
|
37
|
+
utmSource,
|
|
38
|
+
utmMedium,
|
|
39
|
+
};
|
|
40
|
+
return (react_1.default.createElement(RequiredURLSearchParamsContext.Provider, { value: value }, children));
|
|
41
|
+
};
|
|
42
|
+
exports.RequiredURLSearchParamsProvider = RequiredURLSearchParamsProvider;
|
|
43
|
+
const urlWithUtmParams = (urlString, { utmSource, utmMedium }) => {
|
|
44
|
+
try {
|
|
45
|
+
const url = new URL(urlString);
|
|
46
|
+
const urlShouldHaveUtmParams = /^(.*\.)?mongodb\.com$/.test(url.hostname);
|
|
47
|
+
if (urlShouldHaveUtmParams) {
|
|
48
|
+
if (utmSource && !url.searchParams.has('utm_source')) {
|
|
49
|
+
url.searchParams.set('utm_source', utmSource);
|
|
50
|
+
}
|
|
51
|
+
if (utmMedium && !url.searchParams.has('utm_medium')) {
|
|
52
|
+
url.searchParams.set('utm_medium', utmMedium);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return url.toString();
|
|
56
|
+
}
|
|
57
|
+
catch {
|
|
58
|
+
return urlString;
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
exports.urlWithUtmParams = urlWithUtmParams;
|
|
62
|
+
function useRequiredURLSearchParams() {
|
|
63
|
+
return (0, react_1.useContext)(RequiredURLSearchParamsContext);
|
|
64
|
+
}
|
|
65
|
+
exports.useRequiredURLSearchParams = useRequiredURLSearchParams;
|
|
66
|
+
exports.Link = (({ href, children, ...rest }) => {
|
|
67
|
+
const { utmSource, utmMedium } = useRequiredURLSearchParams();
|
|
68
|
+
const hrefWithParams = (0, react_1.useMemo)(() => {
|
|
69
|
+
if (href) {
|
|
70
|
+
return (0, exports.urlWithUtmParams)(href, { utmSource, utmMedium });
|
|
71
|
+
}
|
|
72
|
+
return undefined;
|
|
73
|
+
}, [href, utmSource, utmMedium]);
|
|
74
|
+
return (react_1.default.createElement(typography_1.Link, { href: hrefWithParams, ...rest }, children));
|
|
75
|
+
});
|
|
76
|
+
exports.Button = (0, react_1.forwardRef)(({ href, children, ...rest }, ref) => {
|
|
77
|
+
const { utmSource, utmMedium } = useRequiredURLSearchParams();
|
|
78
|
+
const hrefWithParams = (0, react_1.useMemo)(() => {
|
|
79
|
+
if (href) {
|
|
80
|
+
return (0, exports.urlWithUtmParams)(href, { utmSource, utmMedium });
|
|
81
|
+
}
|
|
82
|
+
return undefined;
|
|
83
|
+
}, [href, utmSource, utmMedium]);
|
|
84
|
+
return (react_1.default.createElement(button_1.default, { href: hrefWithParams, ...rest, ref: ref }, children));
|
|
85
|
+
});
|
|
86
|
+
exports.IconButton = (0, react_1.forwardRef)(({ href, children, ...rest }, ref) => {
|
|
87
|
+
const { utmSource, utmMedium } = useRequiredURLSearchParams();
|
|
88
|
+
const hrefWithParams = (0, react_1.useMemo)(() => {
|
|
89
|
+
if (href) {
|
|
90
|
+
return (0, exports.urlWithUtmParams)(href, { utmSource, utmMedium });
|
|
91
|
+
}
|
|
92
|
+
return undefined;
|
|
93
|
+
}, [href, utmSource, utmMedium]);
|
|
94
|
+
return (react_1.default.createElement(icon_button_1.default, { href: hrefWithParams, ...rest, ref: ref }, children));
|
|
95
|
+
});
|
|
96
|
+
//# sourceMappingURL=link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/components/links/link.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default ConfirmationModal;
|
|
2
|
+
declare const _default: React.ComponentType<Omit<import("@leafygreen-ui/confirmation-modal").ConfirmationModalProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
|
|
3
|
+
export default _default;
|
|
5
4
|
//# sourceMappingURL=confirmation-modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC
|
|
1
|
+
{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;AAqB1B,wBAA6D"}
|
|
@@ -5,9 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
7
|
const leafygreen_1 = require("../leafygreen");
|
|
8
|
+
const use_stacked_component_1 = require("../../hooks/use-stacked-component");
|
|
8
9
|
function ConfirmationModal({ children, ...props }) {
|
|
9
10
|
return (react_1.default.createElement(leafygreen_1.ConfirmationModal, { ...props },
|
|
10
11
|
react_1.default.createElement(leafygreen_1.Body, { as: "div" }, children)));
|
|
11
12
|
}
|
|
12
|
-
exports.default = ConfirmationModal;
|
|
13
|
+
exports.default = (0, use_stacked_component_1.withStackedComponentStyles)(ConfirmationModal);
|
|
13
14
|
//# sourceMappingURL=confirmation-modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8CAGuB;
|
|
1
|
+
{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8CAGuB;AACvB,6EAA+E;AAE/E,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,GAAG,KAAK,EAGT;IACC,OAAO,CACL,8BAAC,8BAA2B,OAAK,KAAK;QACpC,8BAAC,iBAAI,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAQ,CACJ,CAC/B,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kDAA0B,EAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -35,7 +35,7 @@ const titleStyle = (0, emotion_1.css)({
|
|
|
35
35
|
});
|
|
36
36
|
const titleStyleDark = (0, emotion_1.css)({
|
|
37
37
|
fontWeight: 'bold',
|
|
38
|
-
color: palette_1.
|
|
38
|
+
color: palette_1.palette.gray.light2,
|
|
39
39
|
});
|
|
40
40
|
const warningIconStyles = (0, emotion_1.css)({
|
|
41
41
|
width: '32px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-header.js","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"modal-header.js","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAiD;AACjD,kDAAgD;AAChD,kDAAiE;AAEjE,qDAAoD;AACpD,8CAA2C;AAE9B,QAAA,OAAO,GAAG;IACrB,OAAO,EAAE,gBAAa,CAAC,OAAO;IAC9B,MAAM,EAAE,gBAAa,CAAC,MAAM;CACpB,CAAC;AAIX,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,gBAAO,CAAC,CAAC,CAAC;IACnB,aAAa,EAAE,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,eAAO,CAAC,OAAO,CAAC,EAAE,IAAA,aAAG,EAAC,EAAE,CAAC;IAC1B,CAAC,eAAO,CAAC,MAAM,CAAC,EAAE,IAAA,aAAG,EAAC;QACpB,WAAW,EAAE,MAAM;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,iBAAO,CAAC,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;CAC3B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,GAAG,iBAAO,CAAC,GAAG,CAAC,MAAM,EAAE;IACnC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IAEX,GAAG,EAAE;QACH,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,UAAU,EAAE,GAAG,iBAAO,CAAC,GAAG,CAAC,KAAK,EAAE;CACnC,CAAC,CAAC;AAQH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,eAAO,CAAC,OAAO,GACR;IACjB,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACnD,OAAO,KAAK,eAAO,CAAC,MAAM,IAAI,CAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,QAAQ,IAAI,qBAAqB,CAAC;YAEnE,8BAAC,iBAAI,IACH,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAO,CAAC,GAAG,CAAC,IAAI,EACtD,IAAI,EAAC,cAAc,GACnB,CACE,CACP;QACD,sCACE,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,EAAE,QAAQ,IAAI,cAAc,CAAC,iBACzC,aAAa,EACzB,EAAE,EAAC,aAAa,IAEf,KAAK,CACH;QACJ,QAAQ,IAAI,8BAAC,iBAAI,QAAE,QAAQ,CAAQ,CAChC,CACP,CAAC;AACJ,CAAC;AAEQ,kCAAW"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}): React.ReactElement;
|
|
2
|
+
declare const Modal: React.ComponentType<Omit<import("@leafygreen-ui/modal").ModalProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
|
|
3
|
+
fullScreen?: boolean | undefined;
|
|
4
|
+
}>;
|
|
6
5
|
export { Modal };
|
|
7
6
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2E1B,QAAA,MAAM,KAAK;;EAA6C,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -9,6 +9,7 @@ const emotion_1 = require("@leafygreen-ui/emotion");
|
|
|
9
9
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
10
|
const leafygreen_1 = require("../leafygreen");
|
|
11
11
|
const use_scrollbars_1 = require("../../hooks/use-scrollbars");
|
|
12
|
+
const use_stacked_component_1 = require("../../hooks/use-stacked-component");
|
|
12
13
|
const contentStyles = (0, emotion_1.css)({
|
|
13
14
|
width: '600px',
|
|
14
15
|
letterSpacing: 0,
|
|
@@ -36,10 +37,11 @@ const contentFullScreenStyles = (0, emotion_1.css)({
|
|
|
36
37
|
maxHeight: '100%',
|
|
37
38
|
},
|
|
38
39
|
});
|
|
39
|
-
function
|
|
40
|
+
function UnwrappedModal({ className, contentClassName, children, fullScreen = false, ...props }) {
|
|
40
41
|
const { className: scrollbarStyles } = (0, use_scrollbars_1.useScrollbars)();
|
|
41
42
|
return (react_1.default.createElement(leafygreen_1.Modal, { className: (0, emotion_1.cx)(scrollbarStyles, fullScreen && modalFullScreenStyles, className), contentClassName: (0, emotion_1.cx)(contentStyles, fullScreen && contentFullScreenStyles, contentClassName), ...props },
|
|
42
43
|
react_1.default.createElement(leafygreen_1.Body, { as: "div" }, children)));
|
|
43
44
|
}
|
|
45
|
+
const Modal = (0, use_stacked_component_1.withStackedComponentStyles)(UnwrappedModal);
|
|
44
46
|
exports.Modal = Modal;
|
|
45
47
|
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,8CAA+D;AAC/D,+DAA2D;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,8CAA+D;AAC/D,+DAA2D;AAC3D,6EAA+E;AAE/E,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,CAAC;IAChB,OAAO,EAAE,CAAC;IAIV,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE;QACT,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;QACtB,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC;QACzB,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;QACvB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;QACxB,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,OAAO;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EAGT;IAMC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,IAAA,8BAAa,GAAE,CAAC;IAEvD,OAAO,CACL,8BAAC,kBAAe,IACd,SAAS,EAAE,IAAA,YAAE,EACX,eAAe,EACf,UAAU,IAAI,qBAAqB,EACnC,SAAS,CACV,EACD,gBAAgB,EAAE,IAAA,YAAE,EAClB,aAAa,EACb,UAAU,IAAI,uBAAuB,EACrC,gBAAgB,CACjB,KACG,KAAK;QAET,8BAAC,iBAAI,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAQ,CAChB,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,KAAK,GAAG,IAAA,kDAA0B,EAAC,cAAc,CAAC,CAAC;AAChD,sBAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA4BpD,KAAK,kBAAkB,GAAG;IACxB,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,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAuDrE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options-toggle.js","sourceRoot":"","sources":["../../src/components/options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,oDAA6C;AAC7C,kDAAgD;
|
|
1
|
+
{"version":3,"file":"options-toggle.js","sourceRoot":"","sources":["../../src/components/options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,oDAA6C;AAC7C,kDAAgD;AAGhD,4DAAuD;AACvD,6CAA0C;AAC1C,sDAAkD;AAElD,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAE9B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;IACtB,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC;IACzB,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;IACvB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAYI,MAAM,aAAa,GAAgD,CAAC,EACzE,eAAe,EAAE,YAAY,EAC7B,UAAU,EACV,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,eAAe,EACf,KAAK,GAAG,GAAG,EAAE,CAAC,SAAS,EACvB,YAAY,EAAE,SAAS,GAAG,CAAC,QAAQ,EAAE,EAAE;IACrC,OAAO,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;AACrD,CAAC,GACF,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,KAAK,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QACzE,OAAO;YAEL,KAAK,EAAE,QAAQ,cAAc,QAAQ,gBAAO,CAAC,CAAC,CAAC,QAAQ,gBAAO,CAAC,CAAC,CAAC,KAAK;SACvE,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,MAAM,gBAAgB,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,IAAA,6BAAY,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAC5B,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAClC,cAAc,CAEqD,CAAC;IACtE,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,EAAE,KAAK,EAAE,UAAU;QACtD,8BAAC,iBAAI,kBACS,gBAAgB,mBACb,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;AAvDW,QAAA,aAAa,iBAuDxB"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const defaultSidebarWidth: number;
|
|
3
|
-
declare const ResizableSidebar: ({
|
|
4
|
-
collapsable?: boolean | undefined;
|
|
5
|
-
expanded?: boolean | undefined;
|
|
6
|
-
setExpanded?: ((isExpaned: boolean) => void) | undefined;
|
|
3
|
+
declare const ResizableSidebar: ({ initialWidth, minWidth, children, className, style, ...props }: {
|
|
7
4
|
initialWidth?: number | undefined;
|
|
8
5
|
minWidth?: number | undefined;
|
|
9
|
-
collapsedWidth?: number | undefined;
|
|
10
6
|
children: JSX.Element;
|
|
11
7
|
} & React.HTMLProps<HTMLDivElement>) => JSX.Element;
|
|
12
8
|
export default ResizableSidebar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAyDrD,eAAO,MAAM,mBAAmB,QAAiB,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;cAUV,WAAW;wCACe,WA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -69,12 +69,9 @@ const containerStylesLight = (0, emotion_1.css)({
|
|
|
69
69
|
backgroundColor: 'var(--bg-color)',
|
|
70
70
|
});
|
|
71
71
|
exports.defaultSidebarWidth = tokens_1.spacing[6] * 4;
|
|
72
|
-
const ResizableSidebar = ({
|
|
73
|
-
return;
|
|
74
|
-
}, initialWidth = exports.defaultSidebarWidth, minWidth = 210, collapsedWidth = 48, children, className, style, ...props }) => {
|
|
72
|
+
const ResizableSidebar = ({ initialWidth = exports.defaultSidebarWidth, minWidth = 210, children, className, style, ...props }) => {
|
|
75
73
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
76
74
|
const [width, setWidth] = (0, react_1.useState)(initialWidth);
|
|
77
|
-
const [prevWidth, setPrevWidth] = (0, react_1.useState)(initialWidth);
|
|
78
75
|
const getMaxSidebarWidth = (0, react_1.useCallback)(() => {
|
|
79
76
|
return Math.max(minWidth, 600);
|
|
80
77
|
}, [minWidth]);
|
|
@@ -82,30 +79,15 @@ const ResizableSidebar = ({ collapsable = false, expanded = true, setExpanded =
|
|
|
82
79
|
const maxWidth = getMaxSidebarWidth();
|
|
83
80
|
return Math.min(maxWidth, Math.max(minWidth, attemptedWidth));
|
|
84
81
|
}, [getMaxSidebarWidth, minWidth]);
|
|
85
|
-
const
|
|
86
|
-
setWidth(newWidth);
|
|
87
|
-
const expectedExpanded = width > minWidth || !collapsable;
|
|
88
|
-
if (expanded !== expectedExpanded) {
|
|
89
|
-
setExpanded(expectedExpanded);
|
|
90
|
-
}
|
|
91
|
-
if (expectedExpanded) {
|
|
92
|
-
setPrevWidth(newWidth);
|
|
93
|
-
}
|
|
94
|
-
}, [collapsable, expanded, minWidth, setExpanded, width]);
|
|
95
|
-
const renderedWidth = expanded ? boundSidebarWidth(width) : collapsedWidth;
|
|
96
|
-
(0, react_1.useEffect)(() => {
|
|
97
|
-
if (expanded && width === collapsedWidth) {
|
|
98
|
-
setWidth(prevWidth);
|
|
99
|
-
}
|
|
100
|
-
}, [setWidth, prevWidth, expanded, width, collapsedWidth]);
|
|
82
|
+
const renderedWidth = boundSidebarWidth(width);
|
|
101
83
|
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(containerStyles, darkMode ? containerStylesDark : containerStylesLight, className), style: {
|
|
102
84
|
...style,
|
|
103
|
-
minWidth
|
|
85
|
+
minWidth,
|
|
104
86
|
width: renderedWidth,
|
|
105
87
|
flex: 'none',
|
|
106
88
|
}, ...props },
|
|
107
89
|
children,
|
|
108
|
-
react_1.default.createElement(resize_handle_1.ResizeHandle, { onChange:
|
|
90
|
+
react_1.default.createElement(resize_handle_1.ResizeHandle, { onChange: setWidth, direction: resize_handle_1.ResizeDirection.RIGHT, value: width, minValue: minWidth, maxValue: getMaxSidebarWidth(), title: "sidebar" })));
|
|
109
91
|
};
|
|
110
92
|
exports.default = ResizableSidebar;
|
|
111
93
|
//# sourceMappingURL=resizeable-sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizeable-sidebar.js","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"resizeable-sidebar.js","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,11 @@ type TabNavBarProps = {
|
|
|
3
3
|
'data-testid'?: string;
|
|
4
4
|
'aria-label': string;
|
|
5
5
|
activeTabIndex: number;
|
|
6
|
-
|
|
6
|
+
tabNames: string[];
|
|
7
|
+
tabLabels: React.ReactNode[];
|
|
7
8
|
views: React.ReactElement[];
|
|
8
9
|
onTabClicked: (tabIndex: number) => void;
|
|
9
10
|
};
|
|
10
|
-
declare function TabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel, activeTabIndex,
|
|
11
|
+
declare function TabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel, activeTabIndex, tabNames, tabLabels, views, onTabClicked, }: TabNavBarProps): React.ReactElement | null;
|
|
11
12
|
export { TabNavBar };
|
|
12
13
|
//# sourceMappingURL=tab-nav-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,
|
|
1
|
+
{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC5B,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,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,GACb,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAkD5C;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -35,15 +35,15 @@ const tabStyles = (0, emotion_1.css)({
|
|
|
35
35
|
const hiddenStyles = (0, emotion_1.css)({
|
|
36
36
|
display: 'none',
|
|
37
37
|
});
|
|
38
|
-
function TabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel, activeTabIndex,
|
|
38
|
+
function TabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel, activeTabIndex, tabNames, tabLabels, views, onTabClicked, }) {
|
|
39
39
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
40
40
|
return (react_1.default.createElement("div", { className: containerStyles },
|
|
41
41
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
|
|
42
|
-
react_1.default.createElement(leafygreen_1.Tabs, { "data-testid": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex },
|
|
42
|
+
react_1.default.createElement(leafygreen_1.Tabs, { "data-testid": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex }, tabLabels.map((tab, idx) => (react_1.default.createElement(leafygreen_1.Tab, { className: "test-tab-nav-bar-tab", key: `tab-${idx}`, "data-testid": `${tabNames[idx]}-tab-button`, name: react_1.default.createElement("span", null, tab) }))))),
|
|
43
43
|
views.map((view, idx) => idx === activeTabIndex && (react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
44
44
|
[tabStyles]: true,
|
|
45
45
|
[hiddenStyles]: idx !== activeTabIndex,
|
|
46
|
-
}), key: `tab-content-${
|
|
46
|
+
}), key: `tab-content-${tabNames[idx]}`, "data-testid": `${tabNames[idx]
|
|
47
47
|
.toLowerCase()
|
|
48
48
|
.replace(/ /g, '-')}-content` }, view)))));
|
|
49
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-nav-bar.js","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAAiD;AAEjD,kDAAiD;AACjD,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"tab-nav-bar.js","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAAiD;AAEjD,kDAAiD;AACjD,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAiBH,SAAS,SAAS,CAAC,EACjB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,GACG;IACf,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe;QAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;YAED,8BAAC,iBAAI,mBACU,UAAU,gBACX,SAAS,EACrB,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,cAAc,IAEvB,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,8BAAC,gBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,OAAO,GAAG,EAAE,iBACJ,GAAG,QAAQ,CAAC,GAAG,CAAC,aAAa,EAI1C,IAAI,EAAE,4CAAO,GAAG,CAAQ,GACxB,CACH,CAAC,CACG,CACH;QACL,KAAK,CAAC,GAAG,CACR,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACZ,GAAG,KAAK,cAAc,IAAI,CACxB,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC;gBACZ,CAAC,SAAS,CAAC,EAAE,IAAI;gBACjB,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,cAAc;aACvC,CAAC,EACF,GAAG,EAAE,eAAe,QAAQ,CAAC,GAAG,CAAC,EAAE,iBACtB,GAAG,QAAQ,CAAC,GAAG,CAAC;iBAC1B,WAAW,EAAE;iBACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,IAE9B,IAAI,CACD,CACP,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAEQ,8BAAS"}
|
|
@@ -10,7 +10,7 @@ type TooltipTrigger = React.FunctionComponent;
|
|
|
10
10
|
type TooltipProps = TooltipTriggerProps & Omit<LeafyGreenTooltipProps, 'trigger'> & {
|
|
11
11
|
trigger: TooltipTrigger;
|
|
12
12
|
};
|
|
13
|
-
declare const Tooltip: React.FunctionComponent<TooltipProps>;
|
|
14
13
|
export type { TooltipProps };
|
|
14
|
+
declare const Tooltip: React.ComponentType<TooltipProps>;
|
|
15
15
|
export { Tooltip };
|
|
16
16
|
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -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;
|
|
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;AAOvD,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,KAAK,YAAY,GAAG,mBAAmB,GACrC,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAG;IACxC,OAAO,EAAE,cAAc,CAAC;CACzB,CAAC;AA+CJ,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,QAAA,MAAM,OAAO,mCAAsD,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -32,7 +32,8 @@ const tooltip_2 = require("@react-aria/tooltip");
|
|
|
32
32
|
const react_1 = __importStar(require("react"));
|
|
33
33
|
const tooltip_3 = __importDefault(require("@leafygreen-ui/tooltip"));
|
|
34
34
|
const merge_props_1 = require("../utils/merge-props");
|
|
35
|
-
const
|
|
35
|
+
const use_stacked_component_1 = require("../hooks/use-stacked-component");
|
|
36
|
+
const UnWrappedTooltip = ({ isDisabled, triggerOn, delay, trigger, children, ...rest }) => {
|
|
36
37
|
const ref = (0, react_1.useRef)(null);
|
|
37
38
|
const tooltipState = (0, tooltip_1.useTooltipTriggerState)({
|
|
38
39
|
isDisabled,
|
|
@@ -52,5 +53,6 @@ const Tooltip = ({ isDisabled, triggerOn, delay, trigger, children, ...rest }) =
|
|
|
52
53
|
return trigger((0, merge_props_1.mergeProps)({ children, className }, triggerProps));
|
|
53
54
|
}, ...rest, ...tooltipProps }, children));
|
|
54
55
|
};
|
|
56
|
+
const Tooltip = (0, use_stacked_component_1.withStackedComponentPopoverStyles)(UnWrappedTooltip);
|
|
55
57
|
exports.Tooltip = Tooltip;
|
|
56
58
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oDAAgE;AAChE,iDAAwD;AACxD,+CAAmD;AACnD,qEAAuD;AACvD,sDAAkD;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oDAAgE;AAChE,iDAAwD;AACxD,+CAAmD;AACnD,qEAAuD;AACvD,sDAAkD;AAClD,0EAAmF;AAyBnF,MAAM,gBAAgB,GAA0C,CAAC,EAC/D,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,gCAAsB,EAAC;QAC1C,UAAU;QACV,OAAO,EAAE,SAAS;QAClB,KAAK;KACN,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAiB,EACtD,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,EAClC,YAAY,EACZ,GAAG,CACJ,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,MAAM,EAAE,EAAE;QACT,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,IAAI,EAAE,CAAC;SACrB;aAAM;YACL,YAAY,CAAC,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAiB,IAChB,IAAI,EAAE,CAAC,UAAU,IAAI,YAAY,CAAC,MAAM,EACxC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgC,EAAE,EAAE;YACjE,OAAO,OAAO,CAAC,IAAA,wBAAU,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QACpE,CAAC,KACG,IAAI,KACJ,YAAY,IAEf,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,OAAO,GAAG,IAAA,yDAAiC,EAAC,gBAAgB,CAAC,CAAC;AAC3D,0BAAO"}
|
|
@@ -25,6 +25,6 @@ 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>, "
|
|
28
|
+
export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "children" | "value" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "hidden" | "color" | "content" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "height" | "translate" | "width" | "href" | "as" | "onClick" | "type" | "className" | "download" | "hrefLang" | "media" | "rel" | "target" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "max" | "method" | "min" | "name" | "crossOrigin" | "classID" | "useMap" | "wmode" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "async" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
export {};
|
|
30
30
|
//# sourceMappingURL=virtual-grid.d.ts.map
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Variant as ConfirmationModalVariant } from '@leafygreen-ui/confirmation-modal';
|
|
3
|
+
import ConfirmationModal from '../components/modals/confirmation-modal';
|
|
3
4
|
export { ConfirmationModalVariant };
|
|
4
5
|
type ConfirmationModalProps = React.ComponentProps<typeof ConfirmationModal>;
|
|
5
6
|
type ConfirmationProperties = Partial<Pick<ConfirmationModalProps, 'title' | 'buttonText' | 'variant' | 'requiredInputText'>> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,
|
|
1
|
+
{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AAExE,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7E,KAAK,sBAAsB,GAAG,OAAO,CACnC,IAAI,CACF,sBAAsB,EACtB,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,mBAAmB,CACzD,CACF,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAkDF,eAAO,MAAM,gBAAgB,UAXH,sBAAsB,qBAYc,CAAC;AAY/D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EA6EzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;8BAzIL,sBAAsB,KAAK,QAAQ,OAAO,CAAC;CAiJtE,CAAC"}
|
|
@@ -22,11 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
25
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
29
|
exports.useConfirmationModal = exports.ConfirmationModalArea = exports.showConfirmation = exports.ConfirmationModalVariant = void 0;
|
|
27
30
|
const react_1 = __importStar(require("react"));
|
|
28
|
-
const confirmation_modal_1 =
|
|
31
|
+
const confirmation_modal_1 = require("@leafygreen-ui/confirmation-modal");
|
|
29
32
|
Object.defineProperty(exports, "ConfirmationModalVariant", { enumerable: true, get: function () { return confirmation_modal_1.Variant; } });
|
|
33
|
+
const confirmation_modal_2 = __importDefault(require("../components/modals/confirmation-modal"));
|
|
30
34
|
class GlobalConfirmation extends EventTarget {
|
|
31
35
|
showConfirmation(props) {
|
|
32
36
|
return new Promise((resolve, reject) => {
|
|
@@ -88,7 +92,7 @@ const ConfirmationModalArea = ({ children }) => {
|
|
|
88
92
|
}
|
|
89
93
|
return (react_1.default.createElement(ConfirmationModalContext.Provider, { value: contextValue },
|
|
90
94
|
children,
|
|
91
|
-
react_1.default.createElement(
|
|
95
|
+
react_1.default.createElement(confirmation_modal_2.default, { "data-testid": confirmationProps['data-testid'] ?? 'confirmation-modal', open: confirmationProps.open, title: confirmationProps.title ?? 'Are you sure?', variant: confirmationProps.variant ?? confirmation_modal_1.Variant.Default, buttonText: confirmationProps.buttonText ?? 'Confirm', requiredInputText: confirmationProps.requiredInputText ?? undefined, onConfirm: handleConfirm, onCancel: handleCancel }, confirmationProps.description)));
|
|
92
96
|
};
|
|
93
97
|
exports.ConfirmationModalArea = ConfirmationModalArea;
|
|
94
98
|
const useConfirmationModal = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-confirmation.js","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-confirmation.js","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComponentType } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
type StackedComponentProviderProps = {
|
|
4
|
+
zIndex?: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const StackedComponentProvider: ({ zIndex, children, }: StackedComponentProviderProps & {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}) => JSX.Element;
|
|
9
|
+
export declare const useStackedComponent: () => StackedComponentProviderProps | null;
|
|
10
|
+
export declare const withStackedComponentStyles: <ComponentProps extends {
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
}>(WrappedComponent: ComponentType<ComponentProps>) => ComponentType<ComponentProps>;
|
|
13
|
+
export declare const withStackedComponentPopoverStyles: <ComponentProps extends {
|
|
14
|
+
popoverZIndex?: number | undefined;
|
|
15
|
+
}>(WrappedComponent: ComponentType<ComponentProps>) => ComponentType<ComponentProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=use-stacked-component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-stacked-component.d.ts","sourceRoot":"","sources":["../../src/hooks/use-stacked-component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AACzD,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAKF,eAAO,MAAM,wBAAwB;cAGU,MAAM,SAAS;iBAO7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,4CAE/B,CAAC;AAsDF,eAAO,MAAM,0BAA0B;;oFAMtC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;oFAM7C,CAAC"}
|