@mongodb-js/compass-components 0.10.1 → 0.13.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.map +1 -1
- package/lib/components/accordion.js +10 -16
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/bson-value.d.ts +40 -0
- package/lib/components/bson-value.d.ts.map +1 -0
- package/lib/components/bson-value.js +200 -0
- package/lib/components/bson-value.js.map +1 -0
- package/lib/components/cancel-loader.js +1 -1
- package/lib/components/cancel-loader.js.map +1 -1
- package/lib/components/checkbox.d.ts +1 -1
- package/lib/components/checkbox.d.ts.map +1 -1
- package/lib/components/checkbox.js +2 -6
- package/lib/components/checkbox.js.map +1 -1
- 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 +2 -5
- package/lib/components/confirmation-modal.js.map +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts +9 -0
- package/lib/components/document-list/auto-focus-context.d.ts.map +1 -0
- package/lib/components/document-list/auto-focus-context.js +10 -0
- package/lib/components/document-list/auto-focus-context.js.map +1 -0
- package/lib/components/document-list/document-actions-group.d.ts +16 -0
- package/lib/components/document-list/document-actions-group.d.ts.map +1 -0
- package/lib/components/document-list/document-actions-group.js +95 -0
- package/lib/components/document-list/document-actions-group.js.map +1 -0
- package/lib/components/document-list/document-fields-toggle-group.d.ts +11 -0
- package/lib/components/document-list/document-fields-toggle-group.d.ts.map +1 -0
- package/lib/components/document-list/document-fields-toggle-group.js +69 -0
- package/lib/components/document-list/document-fields-toggle-group.js.map +1 -0
- package/lib/components/document-list/document.d.ts +12 -0
- package/lib/components/document-list/document.d.ts.map +1 -0
- package/lib/components/document-list/document.js +83 -0
- package/lib/components/document-list/document.js.map +1 -0
- package/lib/components/document-list/element-actions.d.ts +16 -0
- package/lib/components/document-list/element-actions.d.ts.map +1 -0
- package/lib/components/document-list/element-actions.js +94 -0
- package/lib/components/document-list/element-actions.js.map +1 -0
- package/lib/components/document-list/element-editors.d.ts +30 -0
- package/lib/components/document-list/element-editors.d.ts.map +1 -0
- package/lib/components/document-list/element-editors.js +143 -0
- package/lib/components/document-list/element-editors.js.map +1 -0
- package/lib/components/document-list/element.d.ts +12 -0
- package/lib/components/document-list/element.d.ts.map +1 -0
- package/lib/components/document-list/element.js +322 -0
- package/lib/components/document-list/element.js.map +1 -0
- package/lib/components/document-list/font-awesome-icon.d.ts +14 -0
- package/lib/components/document-list/font-awesome-icon.d.ts.map +1 -0
- package/lib/components/document-list/font-awesome-icon.js +29 -0
- package/lib/components/document-list/font-awesome-icon.js.map +1 -0
- package/lib/components/document-list/index.d.ts +4 -0
- package/lib/components/document-list/index.d.ts.map +1 -0
- package/lib/components/document-list/index.js +13 -0
- package/lib/components/document-list/index.js.map +1 -0
- package/lib/components/document-list/use-force-update.d.ts +2 -0
- package/lib/components/document-list/use-force-update.d.ts.map +1 -0
- package/lib/components/document-list/use-force-update.js +13 -0
- package/lib/components/document-list/use-force-update.js.map +1 -0
- package/lib/components/error-boundary.d.ts +2 -10
- package/lib/components/error-boundary.d.ts.map +1 -1
- package/lib/components/error-boundary.js +7 -3
- package/lib/components/error-boundary.js.map +1 -1
- package/lib/components/file-input.d.ts +16 -15
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +21 -13
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/inline-definition.js +2 -2
- package/lib/components/inline-definition.js.map +1 -1
- package/lib/components/inline-info-link.js +3 -4
- package/lib/components/inline-info-link.js.map +1 -1
- package/lib/components/leafygreen.d.ts +63 -0
- package/lib/components/leafygreen.d.ts.map +1 -0
- package/lib/components/leafygreen.js +116 -0
- package/lib/components/leafygreen.js.map +1 -0
- package/lib/components/modal-title.d.ts +5 -0
- package/lib/components/modal-title.d.ts.map +1 -0
- package/lib/components/modal-title.js +18 -0
- package/lib/components/modal-title.js.map +1 -0
- package/lib/components/modal.d.ts +1 -1
- package/lib/components/modal.d.ts.map +1 -1
- package/lib/components/modal.js +2 -5
- package/lib/components/modal.js.map +1 -1
- package/lib/components/radio-box-group.d.ts +1 -1
- package/lib/components/radio-box-group.d.ts.map +1 -1
- package/lib/components/radio-box-group.js +2 -2
- package/lib/components/radio-box-group.js.map +1 -1
- package/lib/components/resize-handle.d.ts.map +1 -1
- package/lib/components/resize-handle.js +1 -0
- package/lib/components/resize-handle.js.map +1 -1
- package/lib/components/tab-nav-bar.d.ts +14 -0
- package/lib/components/tab-nav-bar.d.ts.map +1 -0
- package/lib/components/tab-nav-bar.js +47 -0
- package/lib/components/tab-nav-bar.js.map +1 -0
- package/lib/components/toggle.d.ts +1 -1
- package/lib/components/toggle.d.ts.map +1 -1
- package/lib/components/toggle.js +2 -2
- package/lib/components/toggle.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 +2 -5
- package/lib/components/tooltip.js.map +1 -1
- package/lib/components/virtual-grid.d.ts +5 -2
- package/lib/components/virtual-grid.d.ts.map +1 -1
- package/lib/components/virtual-grid.js +10 -8
- package/lib/components/virtual-grid.js.map +1 -1
- package/lib/components/workspace-container.d.ts +10 -0
- package/lib/components/workspace-container.d.ts.map +1 -0
- package/lib/components/workspace-container.js +31 -0
- package/lib/components/workspace-container.js.map +1 -0
- package/lib/hooks/use-default-action.d.ts.map +1 -1
- package/lib/hooks/use-default-action.js +1 -5
- package/lib/hooks/use-default-action.js.map +1 -1
- package/lib/hooks/use-theme.d.ts +6 -2
- package/lib/hooks/use-theme.d.ts.map +1 -1
- package/lib/hooks/use-theme.js +15 -2
- package/lib/hooks/use-theme.js.map +1 -1
- package/lib/hooks/use-virtual-grid.d.ts +3 -6
- package/lib/hooks/use-virtual-grid.d.ts.map +1 -1
- package/lib/hooks/use-virtual-grid.js +72 -42
- package/lib/hooks/use-virtual-grid.js.map +1 -1
- package/lib/hooks/use-virtual-grid.test.js +7 -6
- package/lib/hooks/use-virtual-grid.test.js.map +1 -1
- package/lib/index.d.ts +16 -22
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +20 -60
- package/lib/index.js.map +1 -1
- package/package.json +28 -25
|
@@ -9,7 +9,8 @@ const path_1 = __importDefault(require("path"));
|
|
|
9
9
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
10
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
11
11
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
12
|
-
const
|
|
12
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
13
|
+
const leafygreen_1 = require("./leafygreen");
|
|
13
14
|
const { base: redBaseColor } = palette_1.uiColors.red;
|
|
14
15
|
const formItemHorizontalStyles = (0, emotion_1.css)({
|
|
15
16
|
marginTop: tokens_1.spacing[2],
|
|
@@ -69,15 +70,19 @@ const labelIconStyles = (0, emotion_1.css)({
|
|
|
69
70
|
color: '#fbb129',
|
|
70
71
|
},
|
|
71
72
|
});
|
|
72
|
-
const
|
|
73
|
+
const disabledDescriptionLightStyles = (0, emotion_1.css)({
|
|
73
74
|
color: palette_1.uiColors.gray.dark1,
|
|
74
75
|
});
|
|
76
|
+
const disabledDescriptionDarkStyles = (0, emotion_1.css)({
|
|
77
|
+
color: palette_1.uiColors.gray.light1,
|
|
78
|
+
});
|
|
75
79
|
var Variant;
|
|
76
80
|
(function (Variant) {
|
|
77
81
|
Variant["Horizontal"] = "HORIZONTAL";
|
|
78
82
|
Variant["Vertical"] = "VERTICAL";
|
|
79
83
|
})(Variant = exports.Variant || (exports.Variant = {}));
|
|
80
|
-
function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values, }) {
|
|
84
|
+
function FileInput({ id, label, dataTestId, darkMode, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values, }) {
|
|
85
|
+
var _a, _b;
|
|
81
86
|
const inputRef = react_1.default.useRef(null);
|
|
82
87
|
const buttonText = react_1.default.useMemo(() => {
|
|
83
88
|
if (Array.isArray(values) && values.length > 0) {
|
|
@@ -97,39 +102,42 @@ function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, o
|
|
|
97
102
|
return null;
|
|
98
103
|
}
|
|
99
104
|
if (!link) {
|
|
100
|
-
return (react_1.default.createElement(
|
|
105
|
+
return (react_1.default.createElement(leafygreen_1.Description, { "data-testid": 'file-input-description' }, description));
|
|
101
106
|
}
|
|
102
|
-
return (react_1.default.createElement(
|
|
107
|
+
return (react_1.default.createElement(leafygreen_1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
|
|
103
108
|
};
|
|
109
|
+
const applyTheme = ((_b = (_a = global === null || global === void 0 ? void 0 : global.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.COMPASS_LG_DARKMODE) === 'true';
|
|
104
110
|
return (react_1.default.createElement("div", null,
|
|
105
111
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)({ [formItemHorizontalStyles]: variant === Variant.Horizontal }, { [formItemVerticalStyles]: variant === Variant.Vertical }) },
|
|
106
112
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
107
113
|
[labelHorizontalStyles]: variant === Variant.Horizontal,
|
|
108
114
|
}) },
|
|
109
|
-
react_1.default.createElement(
|
|
115
|
+
react_1.default.createElement(leafygreen_1.Label, { htmlFor: `${id}_file_input`, disabled: disabled },
|
|
110
116
|
react_1.default.createElement("span", { className: (0, emotion_1.cx)({
|
|
111
|
-
[
|
|
117
|
+
[applyTheme && darkMode
|
|
118
|
+
? disabledDescriptionDarkStyles
|
|
119
|
+
: disabledDescriptionLightStyles]: disabled,
|
|
112
120
|
}) }, label)),
|
|
113
121
|
optional && (react_1.default.createElement("div", { className: optionalLabelStyles }, optionalMessage ? optionalMessage : 'Optional')),
|
|
114
122
|
renderDescription()),
|
|
115
123
|
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' }),
|
|
116
|
-
react_1.default.createElement(
|
|
124
|
+
react_1.default.createElement(leafygreen_1.Button, { id: id, "data-testid": "file-input-button", className: buttonStyles, disabled: disabled, onClick: () => {
|
|
117
125
|
if (!disabled && inputRef.current) {
|
|
118
126
|
inputRef.current.click();
|
|
119
127
|
}
|
|
120
|
-
}, title: "Select a file", leftGlyph: react_1.default.createElement(
|
|
128
|
+
}, title: "Select a file", leftGlyph: react_1.default.createElement(leafygreen_1.Icon, { glyph: "AddFile", title: null, fill: "currentColor" }) }, buttonText)),
|
|
121
129
|
showFileOnNewLine &&
|
|
122
130
|
values &&
|
|
123
131
|
values.length > 0 &&
|
|
124
132
|
values.map((value, index) => (react_1.default.createElement("div", { className: removeFileLineStyles, key: value },
|
|
125
133
|
value,
|
|
126
|
-
react_1.default.createElement(
|
|
134
|
+
react_1.default.createElement(leafygreen_1.IconButton, { className: removeFileButtonStyles, "aria-label": "Remove file", onClick: () => {
|
|
127
135
|
const newValues = [...values];
|
|
128
136
|
newValues.splice(index, 1);
|
|
129
137
|
onChange(newValues);
|
|
130
138
|
} },
|
|
131
|
-
react_1.default.createElement(
|
|
132
|
-
error && errorMessage && (react_1.default.createElement(
|
|
139
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "X" }))))),
|
|
140
|
+
error && errorMessage && (react_1.default.createElement(leafygreen_1.Label, { "data-testid": 'file-input-error', className: errorMessageStyles, htmlFor: '' }, errorMessage))));
|
|
133
141
|
}
|
|
134
|
-
exports.default = FileInput;
|
|
142
|
+
exports.default = (0, use_theme_1.withTheme)(FileInput);
|
|
135
143
|
//# sourceMappingURL=file-input.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.InlineDefinition = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const typography_1 = require("@leafygreen-ui/typography");
|
|
9
8
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const leafygreen_1 = require("./leafygreen");
|
|
10
10
|
const tooltip_1 = require("./tooltip");
|
|
11
11
|
const merge_props_1 = require("../utils/merge-props");
|
|
12
12
|
const underline = (0, emotion_1.css)({
|
|
@@ -25,7 +25,7 @@ const InlineDefinition = ({ children, definition, tooltipProps, ...props }) => {
|
|
|
25
25
|
children,
|
|
26
26
|
tooltip));
|
|
27
27
|
}, ...tooltipProps },
|
|
28
|
-
react_1.default.createElement(
|
|
28
|
+
react_1.default.createElement(leafygreen_1.Body, { className: maxWidth }, definition)));
|
|
29
29
|
};
|
|
30
30
|
exports.InlineDefinition = InlineDefinition;
|
|
31
31
|
//# sourceMappingURL=inline-definition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-definition.js","sourceRoot":"","sources":["../../src/components/inline-definition.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"inline-definition.js","sourceRoot":"","sources":["../../src/components/inline-definition.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,oDAA6C;AAC7C,6CAAoC;AACpC,uCAAoC;AACpC,sDAAkD;AAElD,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,gBAAgB,EAAE,UAAU;IAC5B,kBAAkB,EAAE,eAAe;IACnC,cAAc,EAAE,SAAS;IACzB,eAAe,EACb,0EAA0E;CAC7E,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAC;IACnB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAOlB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,CACL,8BAAC,iBAAO,IACN,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE,EAAE,EAAE;YAClD,MAAM,MAAM,GAAG,IAAA,wBAAU,EACvB,EAAE,SAAS,EAAE,SAAS,EAAE,EACxB,YAAY,EACZ,KAAK,CACN,CAAC;YACF,OAAO,CACL,2CAAU,MAAM;gBACb,QAAQ;gBACR,OAAO,CACH,CACR,CAAC;QACJ,CAAC,KACG,YAAY;QAEhB,8BAAC,iBAAI,IAAC,SAAS,EAAE,QAAQ,IAAG,UAAU,CAAQ,CACtC,CACX,CAAC;AACJ,CAAC,CAAC;AAEO,4CAAgB"}
|
|
@@ -7,8 +7,7 @@ exports.InlineInfoLink = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
9
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
-
const
|
|
11
|
-
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
10
|
+
const leafygreen_1 = require("./leafygreen");
|
|
12
11
|
const infoButtonStyles = (0, emotion_1.css)({
|
|
13
12
|
marginTop: -tokens_1.spacing[2],
|
|
14
13
|
marginBottom: -tokens_1.spacing[2],
|
|
@@ -16,8 +15,8 @@ const infoButtonStyles = (0, emotion_1.css)({
|
|
|
16
15
|
function InlineInfoLink(props) {
|
|
17
16
|
const { 'aria-label': ariaLabel, href } = props;
|
|
18
17
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
|
-
react_1.default.createElement(
|
|
20
|
-
react_1.default.createElement(
|
|
18
|
+
react_1.default.createElement(leafygreen_1.IconButton, { as: "a", className: infoButtonStyles, "aria-label": ariaLabel, href: href, target: "_blank" },
|
|
19
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "InfoWithCircle", size: "small" }))));
|
|
21
20
|
}
|
|
22
21
|
exports.InlineInfoLink = InlineInfoLink;
|
|
23
22
|
//# sourceMappingURL=inline-info-link.js.map
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"inline-info-link.js","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAEhD,6CAAgD;AAEhD,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,uBAAU,IACT,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,gBAAgB,gBACf,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ;YAEf,8BAAC,iBAAI,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG,CACjC,CACZ,CACJ,CAAC;AACJ,CAAC;AAEQ,wCAAc"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { default as Badge } from '@leafygreen-ui/badge';
|
|
3
|
+
import { default as Banner } from '@leafygreen-ui/banner';
|
|
4
|
+
import { default as LeafyGreenCheckbox } from '@leafygreen-ui/checkbox';
|
|
5
|
+
import { default as LeafyGreenCard } from '@leafygreen-ui/card';
|
|
6
|
+
import { default as LeafyGreenConfirmationModal } from '@leafygreen-ui/confirmation-modal';
|
|
7
|
+
import { default as Icon } from '@leafygreen-ui/icon';
|
|
8
|
+
import { default as LeafyGreenIconButton } from '@leafygreen-ui/icon-button';
|
|
9
|
+
import { AtlasLogoMark, MongoDBLogoMark, MongoDBLogo } from '@leafygreen-ui/logo';
|
|
10
|
+
import { Menu, MenuSeparator, MenuItem } from '@leafygreen-ui/menu';
|
|
11
|
+
import { default as LeafyGreenModal, Footer as LeafyGreenModalFooter } from '@leafygreen-ui/modal';
|
|
12
|
+
import { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';
|
|
13
|
+
import { Radio, RadioGroup as LeafyGreenRadioGroup } from '@leafygreen-ui/radio-group';
|
|
14
|
+
import { SegmentedControlOption } from '@leafygreen-ui/segmented-control';
|
|
15
|
+
import { Select as LeafyGreenSelect, Option, OptionGroup } from '@leafygreen-ui/select';
|
|
16
|
+
import { Table as LeafyGreenTable, TableHeader, Row, Cell } from '@leafygreen-ui/table';
|
|
17
|
+
import { Tabs as LeafyGreenTabs, Tab } from '@leafygreen-ui/tabs';
|
|
18
|
+
import { default as LeafyGreenTextArea } from '@leafygreen-ui/text-area';
|
|
19
|
+
import { default as LeafyGreenTextInput } from '@leafygreen-ui/text-input';
|
|
20
|
+
import { default as Toast } from '@leafygreen-ui/toast';
|
|
21
|
+
import { default as LeafyGreenToggle } from '@leafygreen-ui/toggle';
|
|
22
|
+
import { default as LeafyGreenTooltip } from '@leafygreen-ui/tooltip';
|
|
23
|
+
import { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Link } from '@leafygreen-ui/typography';
|
|
24
|
+
declare const Button: import("@leafygreen-ui/box").ExtendableBox<import("@leafygreen-ui/button/dist/types").ButtonProps & {
|
|
25
|
+
ref?: React.Ref<any> | undefined;
|
|
26
|
+
}, "button">;
|
|
27
|
+
declare const Card: typeof LeafyGreenCard;
|
|
28
|
+
declare const Checkbox: typeof LeafyGreenCheckbox;
|
|
29
|
+
declare const ConfirmationModal: typeof LeafyGreenConfirmationModal;
|
|
30
|
+
declare const IconButton: typeof LeafyGreenIconButton;
|
|
31
|
+
declare const ModalFooter: typeof LeafyGreenModalFooter;
|
|
32
|
+
declare const Modal: typeof LeafyGreenModal;
|
|
33
|
+
declare const RadioGroup: typeof LeafyGreenRadioGroup;
|
|
34
|
+
declare const SegmentedControl: React.ForwardRefExoticComponent<import("@leafygreen-ui/segmented-control/dist/SegmentedControl").SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
declare const Select: typeof LeafyGreenSelect;
|
|
36
|
+
declare const Table: typeof LeafyGreenTable;
|
|
37
|
+
declare const Tabs: typeof LeafyGreenTabs;
|
|
38
|
+
declare const TextArea: typeof LeafyGreenTextArea;
|
|
39
|
+
declare const TextInput: typeof LeafyGreenTextInput;
|
|
40
|
+
declare const Toggle: typeof LeafyGreenToggle;
|
|
41
|
+
declare const Tooltip: typeof LeafyGreenTooltip;
|
|
42
|
+
declare const Label: {
|
|
43
|
+
({ darkMode, className, children, disabled, ...rest }: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
|
|
44
|
+
ref?: undefined;
|
|
45
|
+
key?: React.Key | null | undefined;
|
|
46
|
+
} & {
|
|
47
|
+
darkMode?: boolean | undefined;
|
|
48
|
+
htmlFor: string;
|
|
49
|
+
disabled?: boolean | undefined;
|
|
50
|
+
}): JSX.Element;
|
|
51
|
+
displayName: string;
|
|
52
|
+
};
|
|
53
|
+
declare const Description: {
|
|
54
|
+
({ darkMode, children, className, ...rest }: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
55
|
+
ref?: undefined;
|
|
56
|
+
key?: React.Key | null | undefined;
|
|
57
|
+
} & {
|
|
58
|
+
darkMode?: boolean | undefined;
|
|
59
|
+
}): JSX.Element;
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
62
|
+
export { AtlasLogoMark, Badge, Banner, Button, Card, Checkbox, ConfirmationModal, Icon, IconButton, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MongoDBLogoMark, MongoDBLogo, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Tab, Tabs, TextArea, TextInput, Toast, Toggle, Tooltip, H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, };
|
|
63
|
+
//# sourceMappingURL=leafygreen.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,116 @@
|
|
|
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.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.Toggle = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
|
|
26
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
27
|
+
const badge_1 = __importDefault(require("@leafygreen-ui/badge"));
|
|
28
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.default; } });
|
|
29
|
+
const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
|
|
30
|
+
Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return banner_1.default; } });
|
|
31
|
+
const button_1 = __importDefault(require("@leafygreen-ui/button"));
|
|
32
|
+
const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
|
|
33
|
+
const card_1 = __importDefault(require("@leafygreen-ui/card"));
|
|
34
|
+
const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
|
|
35
|
+
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
36
|
+
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_1.default; } });
|
|
37
|
+
const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
|
|
38
|
+
const logo_1 = require("@leafygreen-ui/logo");
|
|
39
|
+
Object.defineProperty(exports, "AtlasLogoMark", { enumerable: true, get: function () { return logo_1.AtlasLogoMark; } });
|
|
40
|
+
Object.defineProperty(exports, "MongoDBLogoMark", { enumerable: true, get: function () { return logo_1.MongoDBLogoMark; } });
|
|
41
|
+
Object.defineProperty(exports, "MongoDBLogo", { enumerable: true, get: function () { return logo_1.MongoDBLogo; } });
|
|
42
|
+
const menu_1 = require("@leafygreen-ui/menu");
|
|
43
|
+
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
|
|
44
|
+
Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
|
|
45
|
+
Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
|
|
46
|
+
const modal_1 = __importStar(require("@leafygreen-ui/modal"));
|
|
47
|
+
const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
|
|
48
|
+
Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_1.RadioBox; } });
|
|
49
|
+
Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
|
|
50
|
+
const radio_group_1 = require("@leafygreen-ui/radio-group");
|
|
51
|
+
Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_group_1.Radio; } });
|
|
52
|
+
const segmented_control_1 = require("@leafygreen-ui/segmented-control");
|
|
53
|
+
Object.defineProperty(exports, "SegmentedControlOption", { enumerable: true, get: function () { return segmented_control_1.SegmentedControlOption; } });
|
|
54
|
+
const select_1 = require("@leafygreen-ui/select");
|
|
55
|
+
Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return select_1.Option; } });
|
|
56
|
+
Object.defineProperty(exports, "OptionGroup", { enumerable: true, get: function () { return select_1.OptionGroup; } });
|
|
57
|
+
const table_1 = require("@leafygreen-ui/table");
|
|
58
|
+
Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return table_1.TableHeader; } });
|
|
59
|
+
Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return table_1.Row; } });
|
|
60
|
+
Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return table_1.Cell; } });
|
|
61
|
+
const tabs_1 = require("@leafygreen-ui/tabs");
|
|
62
|
+
Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
|
|
63
|
+
const text_area_1 = __importDefault(require("@leafygreen-ui/text-area"));
|
|
64
|
+
const text_input_1 = __importDefault(require("@leafygreen-ui/text-input"));
|
|
65
|
+
const toast_1 = __importDefault(require("@leafygreen-ui/toast"));
|
|
66
|
+
Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return toast_1.default; } });
|
|
67
|
+
const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
|
|
68
|
+
const tooltip_1 = __importDefault(require("@leafygreen-ui/tooltip"));
|
|
69
|
+
const typography_1 = require("@leafygreen-ui/typography");
|
|
70
|
+
Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return typography_1.H1; } });
|
|
71
|
+
Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return typography_1.H2; } });
|
|
72
|
+
Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return typography_1.H3; } });
|
|
73
|
+
Object.defineProperty(exports, "Subtitle", { enumerable: true, get: function () { return typography_1.Subtitle; } });
|
|
74
|
+
Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return typography_1.Body; } });
|
|
75
|
+
Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function () { return typography_1.InlineCode; } });
|
|
76
|
+
Object.defineProperty(exports, "InlineKeyCode", { enumerable: true, get: function () { return typography_1.InlineKeyCode; } });
|
|
77
|
+
Object.defineProperty(exports, "Disclaimer", { enumerable: true, get: function () { return typography_1.Disclaimer; } });
|
|
78
|
+
Object.defineProperty(exports, "Overline", { enumerable: true, get: function () { return typography_1.Overline; } });
|
|
79
|
+
Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
|
|
80
|
+
const Button = (0, use_theme_1.withTheme)(button_1.default);
|
|
81
|
+
exports.Button = Button;
|
|
82
|
+
const Card = (0, use_theme_1.withTheme)(card_1.default);
|
|
83
|
+
exports.Card = Card;
|
|
84
|
+
const Checkbox = (0, use_theme_1.withTheme)(checkbox_1.default);
|
|
85
|
+
exports.Checkbox = Checkbox;
|
|
86
|
+
const ConfirmationModal = (0, use_theme_1.withTheme)(confirmation_modal_1.default);
|
|
87
|
+
exports.ConfirmationModal = ConfirmationModal;
|
|
88
|
+
const IconButton = (0, use_theme_1.withTheme)(icon_button_1.default);
|
|
89
|
+
exports.IconButton = IconButton;
|
|
90
|
+
const ModalFooter = (0, use_theme_1.withTheme)(modal_1.Footer);
|
|
91
|
+
exports.ModalFooter = ModalFooter;
|
|
92
|
+
const Modal = (0, use_theme_1.withTheme)(modal_1.default);
|
|
93
|
+
exports.Modal = Modal;
|
|
94
|
+
const RadioGroup = (0, use_theme_1.withTheme)(radio_group_1.RadioGroup);
|
|
95
|
+
exports.RadioGroup = RadioGroup;
|
|
96
|
+
const SegmentedControl = (0, use_theme_1.withTheme)(segmented_control_1.SegmentedControl);
|
|
97
|
+
exports.SegmentedControl = SegmentedControl;
|
|
98
|
+
const Select = (0, use_theme_1.withTheme)(select_1.Select);
|
|
99
|
+
exports.Select = Select;
|
|
100
|
+
const Table = (0, use_theme_1.withTheme)(table_1.Table);
|
|
101
|
+
exports.Table = Table;
|
|
102
|
+
const Tabs = (0, use_theme_1.withTheme)(tabs_1.Tabs);
|
|
103
|
+
exports.Tabs = Tabs;
|
|
104
|
+
const TextArea = (0, use_theme_1.withTheme)(text_area_1.default);
|
|
105
|
+
exports.TextArea = TextArea;
|
|
106
|
+
const TextInput = (0, use_theme_1.withTheme)(text_input_1.default);
|
|
107
|
+
exports.TextInput = TextInput;
|
|
108
|
+
const Toggle = (0, use_theme_1.withTheme)(toggle_1.default);
|
|
109
|
+
exports.Toggle = Toggle;
|
|
110
|
+
const Tooltip = (0, use_theme_1.withTheme)(tooltip_1.default);
|
|
111
|
+
exports.Tooltip = Tooltip;
|
|
112
|
+
const Label = (0, use_theme_1.withTheme)(typography_1.Label);
|
|
113
|
+
exports.Label = Label;
|
|
114
|
+
const Description = (0, use_theme_1.withTheme)(typography_1.Description);
|
|
115
|
+
exports.Description = Description;
|
|
116
|
+
//# sourceMappingURL=leafygreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal-title.d.ts","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,iBAAS,UAAU,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,GACrC,KAAK,CAAC,YAAY,CAEpB;AAED,OAAO,EAAE,UAAU,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.ModalTitle = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
|
+
const leafygreen_1 = require("./leafygreen");
|
|
11
|
+
const modalTitleStyles = (0, emotion_1.css)({
|
|
12
|
+
marginBottom: tokens_1.spacing[4],
|
|
13
|
+
});
|
|
14
|
+
function ModalTitle(props) {
|
|
15
|
+
return react_1.default.createElement(leafygreen_1.H3, { ...props, className: (0, emotion_1.cx)(modalTitleStyles, props.className) });
|
|
16
|
+
}
|
|
17
|
+
exports.ModalTitle = ModalTitle;
|
|
18
|
+
//# sourceMappingURL=modal-title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal-title.js","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AAEjD,6CAAkC;AAElC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,SAAS,UAAU,CACjB,KAAsC;IAEtC,OAAO,8BAAC,eAAE,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC;AAEQ,gCAAU"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import LeafyGreenModal from '
|
|
2
|
+
import { Modal as LeafyGreenModal } from './leafygreen';
|
|
3
3
|
declare function Modal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
|
|
4
4
|
trackingId?: string;
|
|
5
5
|
}): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAExD,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"}
|
package/lib/components/modal.js
CHANGED
|
@@ -18,22 +18,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
18
18
|
__setModuleDefault(result, mod);
|
|
19
19
|
return result;
|
|
20
20
|
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
22
|
exports.Modal = void 0;
|
|
26
23
|
const react_1 = __importStar(require("react"));
|
|
27
|
-
const modal_1 = __importDefault(require("@leafygreen-ui/modal"));
|
|
28
24
|
const compass_logging_1 = require("@mongodb-js/compass-logging");
|
|
29
25
|
const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
|
|
26
|
+
const leafygreen_1 = require("./leafygreen");
|
|
30
27
|
function Modal({ trackingId, ...props }) {
|
|
31
28
|
(0, react_1.useEffect)(() => {
|
|
32
29
|
if (props.open && trackingId) {
|
|
33
30
|
track('Screen', { name: trackingId });
|
|
34
31
|
}
|
|
35
32
|
}, [props.open, trackingId]);
|
|
36
|
-
return react_1.default.createElement(
|
|
33
|
+
return react_1.default.createElement(leafygreen_1.Modal, { ...props });
|
|
37
34
|
}
|
|
38
35
|
exports.Modal = Modal;
|
|
39
36
|
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,6CAAwD;AAExD,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,kBAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAEQ,sBAAK"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { RadioBoxGroup as LeafyGreenRadioBoxGroup } from '
|
|
2
|
+
import { RadioBoxGroup as LeafyGreenRadioBoxGroup } from './leafygreen';
|
|
3
3
|
declare function RadioBoxGroup(props: React.ComponentProps<typeof LeafyGreenRadioBoxGroup>): ReturnType<typeof LeafyGreenRadioBoxGroup>;
|
|
4
4
|
export { RadioBoxGroup };
|
|
5
5
|
//# sourceMappingURL=radio-box-group.d.ts.map
|
|
@@ -1 +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;
|
|
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;AAI1B,OAAO,EAAE,aAAa,IAAI,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAMxE,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"}
|
|
@@ -7,12 +7,12 @@ exports.RadioBoxGroup = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
9
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
-
const
|
|
10
|
+
const leafygreen_1 = require("./leafygreen");
|
|
11
11
|
const radioBoxGroupStyles = (0, emotion_1.css)({
|
|
12
12
|
marginTop: tokens_1.spacing[1],
|
|
13
13
|
});
|
|
14
14
|
function RadioBoxGroup(props) {
|
|
15
|
-
return (react_1.default.createElement(
|
|
15
|
+
return (react_1.default.createElement(leafygreen_1.RadioBoxGroup, { ...props, className: `${radioBoxGroupStyles}${props.className ? ` ${props.className}` : ''}` }));
|
|
16
16
|
}
|
|
17
17
|
exports.RadioBoxGroup = RadioBoxGroup;
|
|
18
18
|
//# sourceMappingURL=radio-box-group.js.map
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"radio-box-group.js","sourceRoot":"","sources":["../../src/components/radio-box-group.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAEhD,6CAAwE;AAExE,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,0BAAuB,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;
|
|
1
|
+
{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAmDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,oDAAiD;AAEjD,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,8BAAW,CAAA;IACX,kCAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB;
|
|
1
|
+
{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type TabNavBarProps = {
|
|
3
|
+
'data-test-id'?: string;
|
|
4
|
+
'aria-label': string;
|
|
5
|
+
activeTabIndex: number;
|
|
6
|
+
mountAllViews?: boolean;
|
|
7
|
+
darkMode?: boolean;
|
|
8
|
+
tabs: string[];
|
|
9
|
+
views: JSX.Element[];
|
|
10
|
+
onTabClicked: (tabIndex: number) => void;
|
|
11
|
+
};
|
|
12
|
+
declare const TabNavBar: React.ComponentType<TabNavBarProps>;
|
|
13
|
+
export { TabNavBar };
|
|
14
|
+
//# sourceMappingURL=tab-nav-bar.d.ts.map
|
|
@@ -0,0 +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;AAmC1B,aAAK,cAAc,GAAG;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AA6DF,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
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.TabNavBar = 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 palette_1 = require("@leafygreen-ui/palette");
|
|
11
|
+
const workspace_container_1 = require("./workspace-container");
|
|
12
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
13
|
+
const leafygreen_1 = require("./leafygreen");
|
|
14
|
+
const containerStyles = (0, emotion_1.css)({
|
|
15
|
+
flexGrow: 1,
|
|
16
|
+
flexShrink: 1,
|
|
17
|
+
flexBasis: 'auto',
|
|
18
|
+
display: 'flex',
|
|
19
|
+
flexDirection: 'column',
|
|
20
|
+
alignItems: 'stretch',
|
|
21
|
+
overflow: 'auto',
|
|
22
|
+
});
|
|
23
|
+
const tabsContainerStyles = (0, emotion_1.css)({
|
|
24
|
+
padding: `0 ${tokens_1.spacing[3]}px`,
|
|
25
|
+
});
|
|
26
|
+
const tabsContainerDarkStyles = (0, emotion_1.css)({
|
|
27
|
+
background: palette_1.uiColors.gray.dark3,
|
|
28
|
+
});
|
|
29
|
+
const tabsContainerLightStyles = (0, emotion_1.css)({
|
|
30
|
+
background: palette_1.uiColors.white,
|
|
31
|
+
});
|
|
32
|
+
const hiddenStyles = (0, emotion_1.css)({
|
|
33
|
+
display: 'none',
|
|
34
|
+
});
|
|
35
|
+
function UnthemedTabNavBar({ 'data-test-id': dataTestId, 'aria-label': ariaLabel, activeTabIndex, darkMode, mountAllViews, tabs, views, onTabClicked, }) {
|
|
36
|
+
return (react_1.default.createElement("div", { className: containerStyles },
|
|
37
|
+
react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
|
|
38
|
+
react_1.default.createElement(leafygreen_1.Tabs, { "data-test-id": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex }, tabs.map((tab, idx) => (react_1.default.createElement(leafygreen_1.Tab, { className: "test-tab-nav-bar-tab", key: `tab-${idx}`, name: tab }))))),
|
|
39
|
+
views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement(workspace_container_1.WorkspaceContainer, { className: (0, emotion_1.cx)({
|
|
40
|
+
[hiddenStyles]: idx !== activeTabIndex,
|
|
41
|
+
}), key: `tab-content-${tabs[idx]}`, "data-test-id": `${tabs[idx]
|
|
42
|
+
.toLowerCase()
|
|
43
|
+
.replace(/ /g, '-')}-content` }, view)))));
|
|
44
|
+
}
|
|
45
|
+
const TabNavBar = (0, use_theme_1.withTheme)(UnthemedTabNavBar);
|
|
46
|
+
exports.TabNavBar = TabNavBar;
|
|
47
|
+
//# sourceMappingURL=tab-nav-bar.js.map
|
|
@@ -0,0 +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,oDAAkD;AAElD,+DAA2D;AAC3D,kDAA+C;AAC/C,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAChC,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,kBAAQ,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAkBH,SAAS,iBAAiB,CAAC,EACzB,cAAc,EAAE,UAAU,EAC1B,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,YAAY,GACG;IACf,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,oBACW,UAAU,gBACZ,SAAS,EACrB,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,cAAc,IAEvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,8BAAC,gBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAE,GAAG,GACT,CACH,CAAC,CACG,CACH;QACL,KAAK,CAAC,GAAG,CACR,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACZ,CAAC,aAAa,IAAI,GAAG,KAAK,cAAc,CAAC,IAAI,CAC3C,8BAAC,wCAAkB,IACjB,SAAS,EAAE,IAAA,YAAE,EAAC;gBACZ,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,cAAc;aACvC,CAAC,EACF,GAAG,EAAE,eAAe,IAAI,CAAC,GAAG,CAAC,EAAE,kBACjB,GAAG,IAAI,CAAC,GAAG,CAAC;iBACvB,WAAW,EAAE;iBACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,IAE9B,IAAI,CACc,CACtB,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,iBAAiB,CAAC,CAAC;AAEtC,8BAAS"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import LeafyGreenToggle from '
|
|
2
|
+
import { Toggle as LeafyGreenToggle } from './leafygreen';
|
|
3
3
|
declare function Toggle(props: React.ComponentProps<typeof LeafyGreenToggle>): ReturnType<typeof LeafyGreenToggle>;
|
|
4
4
|
export { Toggle };
|
|
5
5
|
//# sourceMappingURL=toggle.d.ts.map
|