@mongodb-js/compass-components 0.10.0 → 0.12.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/compass-font-sizes.d.ts +2 -0
- package/lib/compass-font-sizes.d.ts.map +1 -0
- package/lib/compass-font-sizes.js +5 -0
- package/lib/compass-font-sizes.js.map +1 -0
- package/lib/compass-ui-colors.d.ts.map +1 -1
- package/lib/compass-ui-colors.js.map +1 -1
- package/lib/components/accordion.d.ts +1 -1
- package/lib/components/accordion.d.ts.map +1 -1
- package/lib/components/accordion.js +13 -12
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/checkbox.d.ts +5 -0
- package/lib/components/checkbox.d.ts.map +1 -0
- package/lib/components/checkbox.js +19 -0
- package/lib/components/checkbox.js.map +1 -0
- package/lib/components/confirmation-modal.d.ts +1 -1
- package/lib/components/confirmation-modal.d.ts.map +1 -1
- package/lib/components/confirmation-modal.js +27 -6
- package/lib/components/confirmation-modal.js.map +1 -1
- package/lib/components/error-boundary.d.ts +1 -0
- package/lib/components/error-boundary.d.ts.map +1 -1
- package/lib/components/error-boundary.js +6 -1
- package/lib/components/error-boundary.js.map +1 -1
- package/lib/components/file-input.d.ts +1 -2
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +11 -27
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/inline-info-link.d.ts +8 -0
- package/lib/components/inline-info-link.d.ts.map +1 -0
- package/lib/components/inline-info-link.js +23 -0
- package/lib/components/inline-info-link.js.map +1 -0
- package/lib/components/modal.d.ts +7 -0
- package/lib/components/modal.d.ts.map +1 -0
- package/lib/components/modal.js +39 -0
- package/lib/components/modal.js.map +1 -0
- package/lib/components/placeholder.d.ts.map +1 -1
- package/lib/components/placeholder.js +9 -8
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/radio-box-group.d.ts +5 -0
- package/lib/components/radio-box-group.d.ts.map +1 -0
- package/lib/components/radio-box-group.js +18 -0
- package/lib/components/radio-box-group.js.map +1 -0
- package/lib/components/spin-loader.d.ts +3 -9
- package/lib/components/spin-loader.d.ts.map +1 -1
- package/lib/components/spin-loader.js +10 -31
- package/lib/components/spin-loader.js.map +1 -1
- package/lib/components/toggle.d.ts +5 -0
- package/lib/components/toggle.d.ts.map +1 -0
- package/lib/components/toggle.js +15 -0
- package/lib/components/toggle.js.map +1 -0
- package/lib/components/virtual-grid.d.ts +4 -1
- package/lib/components/virtual-grid.d.ts.map +1 -1
- package/lib/components/virtual-grid.js +12 -4
- package/lib/components/virtual-grid.js.map +1 -1
- package/lib/hooks/use-sort.d.ts +22 -0
- package/lib/hooks/use-sort.d.ts.map +1 -0
- package/lib/hooks/use-sort.js +109 -0
- package/lib/hooks/use-sort.js.map +1 -0
- package/lib/hooks/use-theme.d.ts +15 -0
- package/lib/hooks/use-theme.d.ts.map +1 -0
- package/lib/hooks/use-theme.js +40 -0
- package/lib/hooks/use-theme.js.map +1 -0
- package/lib/hooks/use-toast.d.ts +17 -0
- package/lib/hooks/use-toast.d.ts.map +1 -0
- package/lib/hooks/use-toast.js +94 -0
- package/lib/hooks/use-toast.js.map +1 -0
- package/lib/index.d.ts +15 -8
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +35 -16
- package/lib/index.js.map +1 -1
- package/package.json +26 -25
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compass-font-sizes.d.ts","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compass-font-sizes.js","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.
|
|
1
|
+
{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.
|
|
1
|
+
{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmCxC,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,iBAAS,SAAS,CAChB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAC7C,KAAK,CAAC,YAAY,CAiCpB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -28,12 +28,10 @@ const emotion_1 = require("@leafygreen-ui/emotion");
|
|
|
28
28
|
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
29
29
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
30
30
|
const utils_1 = require("@react-aria/utils");
|
|
31
|
-
const
|
|
32
|
-
padding: 0,
|
|
33
|
-
margin: 0,
|
|
34
|
-
fontWeight: 'bold',
|
|
35
|
-
});
|
|
31
|
+
const compass_font_sizes_1 = require("../compass-font-sizes");
|
|
36
32
|
const buttonStyles = (0, emotion_1.css)({
|
|
33
|
+
fontWeight: 'bold',
|
|
34
|
+
fontSize: compass_font_sizes_1.defaultFontSize,
|
|
37
35
|
display: 'flex',
|
|
38
36
|
alignItems: 'center',
|
|
39
37
|
border: 'none',
|
|
@@ -41,7 +39,11 @@ const buttonStyles = (0, emotion_1.css)({
|
|
|
41
39
|
borderRadius: '6px',
|
|
42
40
|
boxShadow: 'none',
|
|
43
41
|
transition: 'box-shadow 150ms ease-in-out',
|
|
42
|
+
'&:hover': {
|
|
43
|
+
cursor: 'pointer',
|
|
44
|
+
},
|
|
44
45
|
'&:focus-visible': {
|
|
46
|
+
outline: 'none',
|
|
45
47
|
boxShadow: `0 0 0 3px ${palette_1.uiColors.focus}`,
|
|
46
48
|
},
|
|
47
49
|
});
|
|
@@ -57,14 +59,13 @@ function Accordion(props) {
|
|
|
57
59
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
58
60
|
const regionId = (0, utils_1.useId)('region-');
|
|
59
61
|
const labelId = (0, utils_1.useId)('label-');
|
|
60
|
-
return (react_1.default.createElement(
|
|
62
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
63
|
react_1.default.createElement("div", { className: containerStyles },
|
|
62
|
-
react_1.default.createElement("
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
props.text))),
|
|
64
|
+
react_1.default.createElement("button", { "data-testid": props['data-testid'], className: buttonStyles, id: labelId, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
|
|
65
|
+
setOpen((currentOpen) => !currentOpen);
|
|
66
|
+
} },
|
|
67
|
+
react_1.default.createElement(icon_1.default, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),
|
|
68
|
+
props.text)),
|
|
68
69
|
open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
|
|
69
70
|
}
|
|
70
71
|
exports.default = Accordion;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,8DAAwD;AAExD,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,oCAAe;IACzB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,eAAe;YAC7B,yDACe,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;gBACzC,CAAC;gBAED,8BAAC,cAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;gBACD,KAAK,CAAC,IAAI,CACJ,CACL;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import LeafyGreenCheckbox from '@leafygreen-ui/checkbox';
|
|
3
|
+
declare function Checkbox(props: React.ComponentProps<typeof LeafyGreenCheckbox>): ReturnType<typeof LeafyGreenCheckbox>;
|
|
4
|
+
export { Checkbox };
|
|
5
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AASzD,iBAAS,QAAQ,CACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GACrD,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAUvC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
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.Checkbox = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
|
|
9
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
11
|
+
const checkboxOverrideStyles = (0, emotion_1.css)({
|
|
12
|
+
fontWeight: 'bold',
|
|
13
|
+
});
|
|
14
|
+
function Checkbox(props) {
|
|
15
|
+
const theme = (0, use_theme_1.useTheme)();
|
|
16
|
+
return (react_1.default.createElement(checkbox_1.default, { className: checkboxOverrideStyles, darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props }));
|
|
17
|
+
}
|
|
18
|
+
exports.Checkbox = Checkbox;
|
|
19
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uEAAyD;AACzD,oDAA6C;AAE7C,kDAAqD;AAErD,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,SAAS,QAAQ,CACf,KAAsD;IAEtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,kBAAkB,IACjB,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KACjC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAEQ,4BAAQ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import LeafyGreenConfirmationModal from '@leafygreen-ui/confirmation-modal';
|
|
3
|
-
declare function ConfirmationModal(props: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
|
|
3
|
+
declare function ConfirmationModal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
|
|
4
4
|
trackingId?: string;
|
|
5
5
|
}): React.ReactElement;
|
|
6
6
|
export default ConfirmationModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,2BAA2B,MAAM,mCAAmC,CAAC;AAI5E,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,17 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
2
21
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
23
|
};
|
|
5
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 =
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
7
26
|
const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
|
|
8
27
|
const compass_logging_1 = require("@mongodb-js/compass-logging");
|
|
9
28
|
const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
|
|
10
|
-
function ConfirmationModal(props) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
29
|
+
function ConfirmationModal({ trackingId, ...props }) {
|
|
30
|
+
(0, react_1.useEffect)(() => {
|
|
31
|
+
if (props.open && trackingId) {
|
|
32
|
+
track('Screen', { name: trackingId });
|
|
33
|
+
}
|
|
34
|
+
}, [props.open, trackingId]);
|
|
35
|
+
return react_1.default.createElement(confirmation_modal_1.default, { "data-testid": trackingId, ...props });
|
|
15
36
|
}
|
|
16
37
|
exports.default = ConfirmationModal;
|
|
17
38
|
//# sourceMappingURL=confirmation-modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,2FAA4E;AAC5E,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,4BAA2B,mBAAc,UAAU,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,KAAK,CAEV;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAMpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAM3D,MAAM,IAAI,KAAK,CAAC,SAAS;CAgB1B"}
|
|
@@ -7,7 +7,9 @@ exports.ErrorBoundary = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
|
|
9
9
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
11
|
const errorContainerStyles = (0, emotion_1.css)({
|
|
12
|
+
padding: tokens_1.spacing[3],
|
|
11
13
|
width: '100%',
|
|
12
14
|
});
|
|
13
15
|
class ErrorBoundary extends react_1.default.Component {
|
|
@@ -28,11 +30,14 @@ class ErrorBoundary extends react_1.default.Component {
|
|
|
28
30
|
}
|
|
29
31
|
}
|
|
30
32
|
render() {
|
|
33
|
+
const { displayName } = this.props;
|
|
31
34
|
const { error } = this.state;
|
|
32
35
|
if (error) {
|
|
33
36
|
return (react_1.default.createElement("div", { className: errorContainerStyles },
|
|
34
37
|
react_1.default.createElement(banner_1.default, { variant: "danger" },
|
|
35
|
-
"An error occurred while rendering
|
|
38
|
+
"An error occurred while rendering",
|
|
39
|
+
displayName ? ` ${displayName}` : '',
|
|
40
|
+
": ",
|
|
36
41
|
error.message)));
|
|
37
42
|
}
|
|
38
43
|
return this.props.children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mEAA2C;AAC3C,oDAA6C;
|
|
1
|
+
{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mEAA2C;AAC3C,oDAA6C;AAC7C,kDAAgD;AAEhD,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,gBAAO,CAAC,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAYH,MAAa,aAAc,SAAQ,eAAK,CAAC,SAAgB;IAAzD;;QACE,UAAK,GAAU;YACb,KAAK,EAAE,IAAI;SACZ,CAAC;IA8BJ,CAAC;IA5BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO;YACL,KAAK;SACN,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SACtC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE;YACT,OAAO,CACL,uCAAK,SAAS,EAAE,oBAAoB;gBAClC,8BAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ;;oBAErB,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;;oBAAI,KAAK,CAAC,OAAO,CAC/C,CACL,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAjCD,sCAiCC"}
|
|
@@ -3,7 +3,7 @@ export declare enum Variant {
|
|
|
3
3
|
Horizontal = "HORIZONTAL",
|
|
4
4
|
Vertical = "VERTICAL"
|
|
5
5
|
}
|
|
6
|
-
declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values,
|
|
6
|
+
declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values, }: {
|
|
7
7
|
id: string;
|
|
8
8
|
label: string;
|
|
9
9
|
dataTestId?: string;
|
|
@@ -19,7 +19,6 @@ declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, o
|
|
|
19
19
|
description?: string;
|
|
20
20
|
showFileOnNewLine?: boolean;
|
|
21
21
|
values?: string[];
|
|
22
|
-
labelAlignment?: 'right' | 'left' | 'center';
|
|
23
22
|
}): React.ReactElement;
|
|
24
23
|
export default FileInput;
|
|
25
24
|
//# sourceMappingURL=file-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqF1B,oBAAY,OAAO;IACjB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAQD,iBAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAa,EACb,QAAgB,EAChB,eAAe,EACf,KAAa,EACb,YAAY,EACZ,OAA4B,EAC5B,iBAAyB,EACzB,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,KAAK,CAAC,YAAY,CAqIrB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -35,16 +35,12 @@ const errorMessageStyles = (0, emotion_1.css)({
|
|
|
35
35
|
color: `${redBaseColor} !important`,
|
|
36
36
|
});
|
|
37
37
|
const labelHorizontalStyles = (0, emotion_1.css)({
|
|
38
|
-
width: '
|
|
39
|
-
display: 'grid',
|
|
40
|
-
gridTemplateAreas: `'label icon' 'description .'`,
|
|
41
|
-
gridTemplateColumns: '1fr auto',
|
|
42
|
-
alignItems: 'center',
|
|
43
|
-
columnGap: tokens_1.spacing[1],
|
|
38
|
+
width: '90%',
|
|
44
39
|
paddingRight: tokens_1.spacing[3],
|
|
45
40
|
});
|
|
46
41
|
const optionalLabelStyles = (0, emotion_1.css)({
|
|
47
42
|
color: palette_1.uiColors.gray.base,
|
|
43
|
+
marginTop: tokens_1.spacing[1],
|
|
48
44
|
fontStyle: 'italic',
|
|
49
45
|
fontWeight: 'normal',
|
|
50
46
|
fontSize: 12,
|
|
@@ -73,11 +69,6 @@ const labelIconStyles = (0, emotion_1.css)({
|
|
|
73
69
|
color: '#fbb129',
|
|
74
70
|
},
|
|
75
71
|
});
|
|
76
|
-
const disabledLabelStyles = (0, emotion_1.css)({
|
|
77
|
-
'&:first-child': {
|
|
78
|
-
pointerEvents: 'none',
|
|
79
|
-
},
|
|
80
|
-
});
|
|
81
72
|
const disabledDescriptionStyles = (0, emotion_1.css)({
|
|
82
73
|
color: palette_1.uiColors.gray.dark1,
|
|
83
74
|
});
|
|
@@ -86,7 +77,7 @@ var Variant;
|
|
|
86
77
|
Variant["Horizontal"] = "HORIZONTAL";
|
|
87
78
|
Variant["Vertical"] = "VERTICAL";
|
|
88
79
|
})(Variant = exports.Variant || (exports.Variant = {}));
|
|
89
|
-
function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values,
|
|
80
|
+
function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values, }) {
|
|
90
81
|
const inputRef = react_1.default.useRef(null);
|
|
91
82
|
const buttonText = react_1.default.useMemo(() => {
|
|
92
83
|
if (Array.isArray(values) && values.length > 0) {
|
|
@@ -106,27 +97,20 @@ function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, o
|
|
|
106
97
|
return null;
|
|
107
98
|
}
|
|
108
99
|
if (!link) {
|
|
109
|
-
return (react_1.default.createElement(__1.Description, { "data-testid": 'file-input-description'
|
|
100
|
+
return (react_1.default.createElement(__1.Description, { "data-testid": 'file-input-description' }, description));
|
|
110
101
|
}
|
|
111
|
-
return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles,
|
|
112
|
-
gridArea: description ? 'description' : 'icon',
|
|
113
|
-
})), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
|
|
102
|
+
return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
|
|
114
103
|
};
|
|
115
104
|
return (react_1.default.createElement("div", null,
|
|
116
105
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)({ [formItemHorizontalStyles]: variant === Variant.Horizontal }, { [formItemVerticalStyles]: variant === Variant.Vertical }) },
|
|
117
106
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
118
107
|
[labelHorizontalStyles]: variant === Variant.Horizontal,
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
react_1.default.createElement("div", null,
|
|
126
|
-
react_1.default.createElement("span", { className: (0, emotion_1.cx)({
|
|
127
|
-
[disabledDescriptionStyles]: disabled,
|
|
128
|
-
}), style: { gridArea: 'label' } }, label)),
|
|
129
|
-
optional && (react_1.default.createElement("div", { className: optionalLabelStyles }, optionalMessage ? optionalMessage : 'Optional'))),
|
|
108
|
+
}) },
|
|
109
|
+
react_1.default.createElement(__1.Label, { htmlFor: `${id}_file_input`, disabled: disabled },
|
|
110
|
+
react_1.default.createElement("span", { className: (0, emotion_1.cx)({
|
|
111
|
+
[disabledDescriptionStyles]: disabled,
|
|
112
|
+
}) }, label)),
|
|
113
|
+
optional && (react_1.default.createElement("div", { className: optionalLabelStyles }, optionalMessage ? optionalMessage : 'Optional')),
|
|
130
114
|
renderDescription()),
|
|
131
115
|
react_1.default.createElement("input", { "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : 'file-input', ref: inputRef, id: `${id}_file_input`, name: id, type: "file", multiple: multi, onChange: onFilesChanged, style: { display: 'none' }, key: values ? values.join(',') : 'empty' }),
|
|
132
116
|
react_1.default.createElement(__1.Button, { id: id, "data-testid": "file-input-button", className: buttonStyles, disabled: disabled, onClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAAwB;AACxB,oDAAiD;AACjD,oDAAkD;AAClD,kDAAgD;AAEhD,0BAAwE;AAExE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,kBAAQ,CAAC,GAAG,CAAC;AAE5C,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,MAAM,EAAE,eAAe;CACxB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAC;IAC7B,KAAK,EAAE,GAAG,YAAY,aAAa;CACpC,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,KAAK,EAAE,KAAK;IACZ,
|
|
1
|
+
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAAwB;AACxB,oDAAiD;AACjD,oDAAkD;AAClD,kDAAgD;AAEhD,0BAAwE;AAExE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,kBAAQ,CAAC,GAAG,CAAC;AAE5C,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,MAAM,EAAE,eAAe;CACxB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAC;IAC7B,KAAK,EAAE,GAAG,YAAY,aAAa;CACpC,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,IAAI;IACzB,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,2BAA2B,EAAE;QAC3B,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,yCAAyC;IAC/C,QAAQ,EAAE,SAAS;IACnB,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAEhB,kBAAkB,EAAE;QAClB,KAAK,EAAE,SAAS;KACjB;IAED,2BAA2B,EAAE;QAC3B,cAAc,EAAE,MAAM;KACvB;IAED,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,yBAAyB,GAAG,IAAA,aAAG,EAAC;IACpC,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,oCAAyB,CAAA;IACzB,gCAAqB,CAAA;AACvB,CAAC,EAHW,OAAO,GAAP,eAAO,KAAP,eAAO,QAGlB;AAQD,SAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,OAAO,GAAG,OAAO,CAAC,UAAU,EAC5B,iBAAiB,GAAG,KAAK,EACzB,IAAI,EACJ,WAAW,EACX,MAAM,GAiBP;IACC,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC9C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC7D;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IACxD,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CACtC,CAAC,GAAG,EAAE,EAAE;QACN,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,KAAiB,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,OAAQ,IAAqB,CAAC,IAAI,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAA8B,EAAE;QACxD,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE;YACzB,OAAO,IAAI,CAAC;SACb;QACD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,CACL,8BAAC,eAAW,mBAAc,wBAAwB,IAC/C,WAAW,CACA,CACf,CAAC;SACH;QACD,OAAO,CACL,8BAAC,QAAI,mBACU,iBAAiB,EAC9B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,EAC7D,gBAAgB,EAAE,CAAC,WAAW,IAE7B,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,GAAG,CACd,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL;QACE,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,EAAE,CAAC,wBAAwB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,UAAU,EAAE,EAC9D,EAAE,CAAC,sBAAsB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,EAAE,CAC3D;YAED,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC;oBACZ,CAAC,qBAAqB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,UAAU;iBACxD,CAAC;gBAEF,8BAAC,SAAK,IAAC,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ;oBACpD,wCACE,SAAS,EAAE,IAAA,YAAE,EAAC;4BACZ,CAAC,yBAAyB,CAAC,EAAE,QAAQ;yBACtC,CAAC,IAED,KAAK,CACD,CACD;gBACP,QAAQ,IAAI,CACX,uCAAK,SAAS,EAAE,mBAAmB,IAChC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAC3C,CACP;gBACA,iBAAiB,EAAE,CAChB;YACN,wDACe,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,YAAY,EACvC,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAG1B,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GACxC;YACF,8BAAC,UAAM,IACL,EAAE,EAAE,EAAE,iBACM,mBAAmB,EAC/B,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;wBACjC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;qBAC1B;gBACH,CAAC,EACD,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,8BAAC,QAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,cAAc,GAAG,IAEnE,UAAU,CACJ,CACL;QACL,iBAAiB;YAChB,MAAM;YACN,MAAM,CAAC,MAAM,GAAG,CAAC;YACjB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,uCAAK,SAAS,EAAE,oBAAoB,EAAE,GAAG,EAAE,KAAK;gBAC7C,KAAK;gBACN,8BAAC,cAAU,IACT,SAAS,EAAE,sBAAsB,gBACtB,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;wBAC9B,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;wBAC3B,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACtB,CAAC;oBAED,8BAAC,QAAI,IAAC,KAAK,EAAC,GAAG,GAAG,CACP,CACT,CACP,CAAC;QACH,KAAK,IAAI,YAAY,IAAI,CACxB,8BAAC,SAAK,mBACS,kBAAkB,EAC/B,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,EAAE,IAEV,YAAY,CACP,CACT,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type InlineInfoLinkProps = {
|
|
3
|
+
'aria-label': string;
|
|
4
|
+
href: string;
|
|
5
|
+
};
|
|
6
|
+
declare function InlineInfoLink(props: InlineInfoLinkProps): JSX.Element;
|
|
7
|
+
export { InlineInfoLink };
|
|
8
|
+
//# sourceMappingURL=inline-info-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-info-link.d.ts","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";AAWA,aAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgB/D;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
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.InlineInfoLink = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
+
const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
|
|
11
|
+
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
12
|
+
const infoButtonStyles = (0, emotion_1.css)({
|
|
13
|
+
marginTop: -tokens_1.spacing[2],
|
|
14
|
+
marginBottom: -tokens_1.spacing[2],
|
|
15
|
+
});
|
|
16
|
+
function InlineInfoLink(props) {
|
|
17
|
+
const { 'aria-label': ariaLabel, href } = props;
|
|
18
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
|
+
react_1.default.createElement(icon_button_1.default, { as: "a", className: infoButtonStyles, "aria-label": ariaLabel, href: href, target: "_blank" },
|
|
20
|
+
react_1.default.createElement(icon_1.default, { glyph: "InfoWithCircle", size: "small" }))));
|
|
21
|
+
}
|
|
22
|
+
exports.InlineInfoLink = InlineInfoLink;
|
|
23
|
+
//# sourceMappingURL=inline-info-link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-info-link.js","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAChD,6EAAoD;AACpD,+DAAuC;AAEvC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,SAAS,EAAE,CAAC,gBAAO,CAAC,CAAC,CAAC;IACtB,YAAY,EAAE,CAAC,gBAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC;AAOH,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL;QACE,8BAAC,qBAAU,IACT,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,gBAAgB,gBACf,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ;YAEf,8BAAC,cAAI,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG,CACjC,CACZ,CACJ,CAAC;AACJ,CAAC;AAEQ,wCAAc"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import LeafyGreenModal from '@leafygreen-ui/modal';
|
|
3
|
+
declare function Modal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
|
|
4
|
+
trackingId?: string;
|
|
5
|
+
}): React.ReactElement;
|
|
6
|
+
export { Modal };
|
|
7
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAInD,iBAAS,KAAK,CAAC,EACb,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Modal = void 0;
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
27
|
+
const modal_1 = __importDefault(require("@leafygreen-ui/modal"));
|
|
28
|
+
const compass_logging_1 = require("@mongodb-js/compass-logging");
|
|
29
|
+
const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
|
|
30
|
+
function Modal({ trackingId, ...props }) {
|
|
31
|
+
(0, react_1.useEffect)(() => {
|
|
32
|
+
if (props.open && trackingId) {
|
|
33
|
+
track('Screen', { name: trackingId });
|
|
34
|
+
}
|
|
35
|
+
}, [props.open, trackingId]);
|
|
36
|
+
return react_1.default.createElement(modal_1.default, { ...props });
|
|
37
|
+
}
|
|
38
|
+
exports.Modal = Modal;
|
|
39
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,iEAAmD;AACnD,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,KAAK,CAAC,EACb,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAEQ,sBAAK"}
|
|
@@ -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;
|
|
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;AA+CvC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,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,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAuBF,CAAC"}
|
|
@@ -21,11 +21,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
exports.Placeholder = void 0;
|
|
23
23
|
const react_1 = __importStar(require("react"));
|
|
24
|
-
const
|
|
25
|
-
const
|
|
24
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
25
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
26
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
26
27
|
const scale = 4;
|
|
27
28
|
const percent = (num) => (num * 100).toFixed(3) + '%';
|
|
28
|
-
const move = (0,
|
|
29
|
+
const move = (0, emotion_1.keyframes)({
|
|
29
30
|
from: {
|
|
30
31
|
backgroundPosition: `${percent(scale)} 0`,
|
|
31
32
|
},
|
|
@@ -33,8 +34,8 @@ const move = (0, __1.keyframes)({
|
|
|
33
34
|
backgroundPosition: '0 0',
|
|
34
35
|
},
|
|
35
36
|
});
|
|
36
|
-
const placeholder = (0,
|
|
37
|
-
'--gradient-start':
|
|
37
|
+
const placeholder = (0, emotion_1.css)({
|
|
38
|
+
'--gradient-start': palette_1.uiColors.gray.light3,
|
|
38
39
|
'--gradient-end': 'rgba(235, 241, 239, 1)',
|
|
39
40
|
alignSelf: 'center',
|
|
40
41
|
borderRadius: 3,
|
|
@@ -51,18 +52,18 @@ const placeholder = (0, __1.css)({
|
|
|
51
52
|
backgroundPosition: '0 0',
|
|
52
53
|
animation: `${move} ${scale}s infinite linear`,
|
|
53
54
|
});
|
|
54
|
-
const placeholderDarkMode = (0,
|
|
55
|
+
const placeholderDarkMode = (0, emotion_1.css)({
|
|
55
56
|
'--gradient-start': 'rgba(38, 55, 66, 1)',
|
|
56
57
|
'--gradient-end': 'rgba(47, 64, 74, 1)',
|
|
57
58
|
});
|
|
58
59
|
function getBoundRandom(min, max) {
|
|
59
60
|
return Math.random() * (max - min) + min;
|
|
60
61
|
}
|
|
61
|
-
const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight =
|
|
62
|
+
const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], darkMode, ...props }) => {
|
|
62
63
|
const width = (0, react_1.useMemo)(() => {
|
|
63
64
|
return propsWidth || `${Math.round(getBoundRandom(minChar, maxChar))}ch`;
|
|
64
65
|
}, [minChar, maxChar, propsWidth]);
|
|
65
|
-
return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": "placeholder", className: (0,
|
|
66
|
+
return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": "placeholder", className: (0, emotion_1.cx)(placeholder, className, darkMode && placeholderDarkMode), style: { width, height: propsHeight } }));
|
|
66
67
|
};
|
|
67
68
|
exports.Placeholder = Placeholder;
|
|
68
69
|
//# sourceMappingURL=placeholder.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAGlD,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,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,wBAAwB;IAC1C,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,qBAAqB;IACzC,gBAAgB,EAAE,qBAAqB;CACxC,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;AAEM,MAAM,WAAW,GAWpB,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,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,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,iBACP,aAAa,EACzB,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;AAjCW,QAAA,WAAW,eAiCtB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RadioBoxGroup as LeafyGreenRadioBoxGroup } from '@leafygreen-ui/radio-box-group';
|
|
3
|
+
declare function RadioBoxGroup(props: React.ComponentProps<typeof LeafyGreenRadioBoxGroup>): ReturnType<typeof LeafyGreenRadioBoxGroup>;
|
|
4
|
+
export { RadioBoxGroup };
|
|
5
|
+
//# sourceMappingURL=radio-box-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-box-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-box-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAM1F,iBAAS,aAAa,CACpB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,GAC1D,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAS5C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
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.RadioBoxGroup = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
+
const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
|
|
11
|
+
const radioBoxGroupStyles = (0, emotion_1.css)({
|
|
12
|
+
marginTop: tokens_1.spacing[1],
|
|
13
|
+
});
|
|
14
|
+
function RadioBoxGroup(props) {
|
|
15
|
+
return (react_1.default.createElement(radio_box_group_1.RadioBoxGroup, { ...props, className: `${radioBoxGroupStyles}${props.className ? ` ${props.className}` : ''}` }));
|
|
16
|
+
}
|
|
17
|
+
exports.RadioBoxGroup = RadioBoxGroup;
|
|
18
|
+
//# sourceMappingURL=radio-box-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-box-group.js","sourceRoot":"","sources":["../../src/components/radio-box-group.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAChD,oEAA0F;AAE1F,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,SAAS,aAAa,CACpB,KAA2D;IAE3D,OAAO,CACL,8BAAC,+BAAuB,OAClB,KAAK,EACT,SAAS,EAAE,GAAG,mBAAmB,GAC/B,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,EAAE,GACF,CACH,CAAC;AACJ,CAAC;AAEQ,sCAAa"}
|