@mongodb-js/compass-components 0.13.0 → 0.16.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 +1 -0
- package/lib/compass-font-sizes.d.ts.map +1 -1
- package/lib/compass-font-sizes.js +2 -1
- package/lib/compass-font-sizes.js.map +1 -1
- package/lib/compass-ui-colors.d.ts +2 -0
- package/lib/compass-ui-colors.d.ts.map +1 -1
- package/lib/compass-ui-colors.js +3 -1
- package/lib/compass-ui-colors.js.map +1 -1
- package/lib/components/accordion.d.ts +5 -3
- package/lib/components/accordion.d.ts.map +1 -1
- package/lib/components/accordion.js +19 -5
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +9 -1
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/cancel-loader.d.ts +2 -2
- package/lib/components/cancel-loader.d.ts.map +1 -1
- package/lib/components/cancel-loader.js +16 -49
- package/lib/components/cancel-loader.js.map +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.d.ts +15 -0
- package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -0
- package/lib/components/document-list/document-edit-actions-footer.js +255 -0
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -0
- package/lib/components/document-list/document.d.ts +3 -3
- package/lib/components/document-list/document.d.ts.map +1 -1
- package/lib/components/document-list/document.js +10 -3
- package/lib/components/document-list/document.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts +4 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +7 -5
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.d.ts +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +80 -53
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/document-list/index.d.ts +1 -0
- package/lib/components/document-list/index.d.ts.map +1 -1
- package/lib/components/document-list/index.js +3 -1
- package/lib/components/document-list/index.js.map +1 -1
- package/lib/components/document-list/use-previous.d.ts +2 -0
- package/lib/components/document-list/use-previous.d.ts.map +1 -0
- package/lib/components/document-list/use-previous.js +13 -0
- package/lib/components/document-list/use-previous.js.map +1 -0
- package/lib/components/editor.d.ts +34 -0
- package/lib/components/editor.d.ts.map +1 -0
- package/lib/components/editor.js +75 -0
- package/lib/components/editor.js.map +1 -0
- package/lib/components/error-warning-summary.d.ts +22 -0
- package/lib/components/error-warning-summary.d.ts.map +1 -0
- package/lib/components/error-warning-summary.js +84 -0
- package/lib/components/error-warning-summary.js.map +1 -0
- package/lib/components/leafygreen.d.ts +3 -1
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +4 -1
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/more-options-toggle.d.ts +11 -0
- package/lib/components/more-options-toggle.d.ts.map +1 -0
- package/lib/components/more-options-toggle.js +56 -0
- package/lib/components/more-options-toggle.js.map +1 -0
- package/lib/components/toolbar.d.ts +10 -0
- package/lib/components/toolbar.d.ts.map +1 -0
- package/lib/components/toolbar.js +25 -0
- package/lib/components/toolbar.js.map +1 -0
- package/lib/components/workspace-container.d.ts +1 -3
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-container.js +2 -2
- package/lib/components/workspace-container.js.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts +16 -0
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -0
- package/lib/components/workspace-tabs/tab.js +223 -0
- package/lib/components/workspace-tabs/tab.js.map +1 -0
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +24 -0
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -0
- package/lib/components/workspace-tabs/workspace-tabs.js +175 -0
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -0
- package/lib/constants/mongodb-ace-theme-query.d.ts +4 -0
- package/lib/constants/mongodb-ace-theme-query.d.ts.map +1 -0
- package/lib/constants/mongodb-ace-theme-query.js +235 -0
- package/lib/constants/mongodb-ace-theme-query.js.map +1 -0
- package/lib/constants/mongodb-ace-theme.d.ts +3 -0
- package/lib/constants/mongodb-ace-theme.d.ts.map +1 -0
- package/lib/constants/mongodb-ace-theme.js +113 -0
- package/lib/constants/mongodb-ace-theme.js.map +1 -0
- package/lib/hooks/use-focus-ring.d.ts +2 -2
- package/lib/hooks/use-focus-ring.d.ts.map +1 -1
- package/lib/hooks/use-focus-ring.js +4 -4
- package/lib/hooks/use-focus-ring.js.map +1 -1
- package/lib/index.d.ts +8 -3
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +20 -4
- package/lib/index.js.map +1 -1
- package/package.json +27 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/document-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,mEAA2E;AAAlE,+IAAA,OAAO,OAAwB;AACxC,+EAAsF;AAA7E,0JAAA,OAAO,OAA6B;AAC7C,uCAAiD;AAAxC,qHAAA,OAAO,OAAY"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/document-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,mEAA2E;AAAlE,+IAAA,OAAO,OAAwB;AACxC,+EAAsF;AAA7E,0JAAA,OAAO,OAA6B;AAC7C,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,+EAAsF;AAA7E,0JAAA,OAAO,OAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/use-previous.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAMtD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.usePrevious = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
function usePrevious(value) {
|
|
6
|
+
const ref = (0, react_1.useRef)();
|
|
7
|
+
(0, react_1.useEffect)(() => {
|
|
8
|
+
ref.current = value;
|
|
9
|
+
}, [value]);
|
|
10
|
+
return ref.current;
|
|
11
|
+
}
|
|
12
|
+
exports.usePrevious = usePrevious;
|
|
13
|
+
//# sourceMappingURL=use-previous.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../src/components/document-list/use-previous.tsx"],"names":[],"mappings":";;;AAAA,iCAA0C;AAE1C,SAAgB,WAAW,CAAI,KAAQ;IACrC,MAAM,GAAG,GAAG,IAAA,cAAM,GAAiB,CAAC;IACpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAND,kCAMC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'ace-builds';
|
|
3
|
+
import type { IAceEditorProps, IAceOptions } from 'react-ace';
|
|
4
|
+
import 'ace-builds/src-noconflict/ext-language_tools';
|
|
5
|
+
import 'ace-builds/src-noconflict/mode-javascript';
|
|
6
|
+
import 'ace-builds/src-noconflict/mode-json';
|
|
7
|
+
import 'ace-builds/src-noconflict/mode-csharp';
|
|
8
|
+
import 'ace-builds/src-noconflict/mode-python';
|
|
9
|
+
import 'ace-builds/src-noconflict/mode-java';
|
|
10
|
+
import 'ace-builds/src-noconflict/mode-ruby';
|
|
11
|
+
import 'ace-builds/src-noconflict/mode-rust';
|
|
12
|
+
import 'ace-builds/src-noconflict/mode-golang';
|
|
13
|
+
import 'mongodb-ace-mode';
|
|
14
|
+
import '../constants/mongodb-ace-theme';
|
|
15
|
+
import '../constants/mongodb-ace-theme-query';
|
|
16
|
+
declare const EditorVariant: {
|
|
17
|
+
readonly Shell: "Shell";
|
|
18
|
+
readonly EJSON: "EJSON";
|
|
19
|
+
readonly Generic: "Generic";
|
|
20
|
+
};
|
|
21
|
+
declare type EditorProps = {
|
|
22
|
+
variant: keyof typeof EditorVariant;
|
|
23
|
+
text?: string;
|
|
24
|
+
options?: Omit<IAceOptions, 'readOnly'>;
|
|
25
|
+
readOnly?: boolean;
|
|
26
|
+
completer?: unknown;
|
|
27
|
+
'data-testid'?: string;
|
|
28
|
+
onChangeText?: (text: string, event?: any) => void;
|
|
29
|
+
} & Omit<IAceEditorProps, 'onChange' | 'value'>;
|
|
30
|
+
declare function Editor({ text, variant, options, readOnly, onChangeText, completer, onFocus, 'data-testid': dataTestId, ...aceProps }: EditorProps): React.ReactElement;
|
|
31
|
+
declare function setEditorValue(element: HTMLElement, value: string): void;
|
|
32
|
+
declare const EditorTextCompleter: any;
|
|
33
|
+
export { Editor, EditorVariant, EditorTextCompleter, setEditorValue };
|
|
34
|
+
//# sourceMappingURL=editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/components/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAO,8CAA8C,CAAC;AACtD,OAAO,2CAA2C,CAAC;AACnD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAgB9C,QAAA,MAAM,aAAa;;;;CAIT,CAAC;AAEX,aAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,OAAO,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAEhD,iBAAS,MAAM,CAAC,EACd,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,QAAQ,EACZ,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA2ClC;AAUD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMjE;AAED,QAAA,MAAM,mBAAmB,KAAsB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
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.setEditorValue = exports.EditorTextCompleter = exports.EditorVariant = exports.Editor = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const utils_1 = require("@react-aria/utils");
|
|
9
|
+
if (typeof window === 'undefined' && typeof globalThis !== 'undefined') {
|
|
10
|
+
globalThis.window = {};
|
|
11
|
+
}
|
|
12
|
+
require("ace-builds");
|
|
13
|
+
const react_ace_1 = __importDefault(require("react-ace"));
|
|
14
|
+
require("ace-builds/src-noconflict/ext-language_tools");
|
|
15
|
+
require("ace-builds/src-noconflict/mode-javascript");
|
|
16
|
+
require("ace-builds/src-noconflict/mode-json");
|
|
17
|
+
require("ace-builds/src-noconflict/mode-csharp");
|
|
18
|
+
require("ace-builds/src-noconflict/mode-python");
|
|
19
|
+
require("ace-builds/src-noconflict/mode-java");
|
|
20
|
+
require("ace-builds/src-noconflict/mode-ruby");
|
|
21
|
+
require("ace-builds/src-noconflict/mode-rust");
|
|
22
|
+
require("ace-builds/src-noconflict/mode-golang");
|
|
23
|
+
require("mongodb-ace-mode");
|
|
24
|
+
require("../constants/mongodb-ace-theme");
|
|
25
|
+
require("../constants/mongodb-ace-theme-query");
|
|
26
|
+
const ext_language_tools_1 = __importDefault(require("ace-builds/src-noconflict/ext-language_tools"));
|
|
27
|
+
const DEFAULT_OPTIONS = {
|
|
28
|
+
enableLiveAutocompletion: false,
|
|
29
|
+
tabSize: 2,
|
|
30
|
+
fontSize: 11,
|
|
31
|
+
minLines: 10,
|
|
32
|
+
maxLines: Infinity,
|
|
33
|
+
showGutter: true,
|
|
34
|
+
useWorker: false,
|
|
35
|
+
};
|
|
36
|
+
const EditorVariant = {
|
|
37
|
+
Shell: 'Shell',
|
|
38
|
+
EJSON: 'EJSON',
|
|
39
|
+
Generic: 'Generic',
|
|
40
|
+
};
|
|
41
|
+
exports.EditorVariant = EditorVariant;
|
|
42
|
+
function Editor({ text, variant, options, readOnly, onChangeText, completer, onFocus, 'data-testid': dataTestId, ...aceProps }) {
|
|
43
|
+
var _a;
|
|
44
|
+
const setOptions = {
|
|
45
|
+
...DEFAULT_OPTIONS,
|
|
46
|
+
...options,
|
|
47
|
+
...(typeof readOnly === 'boolean' && { readOnly }),
|
|
48
|
+
...(variant === 'Shell' && { mode: 'ace/mode/mongodb' }),
|
|
49
|
+
...(!!completer && { enableLiveAutocompletion: true }),
|
|
50
|
+
};
|
|
51
|
+
const editorId = (0, utils_1.useId)();
|
|
52
|
+
const editor = (react_1.default.createElement(react_ace_1.default, { mode: variant === 'Generic'
|
|
53
|
+
? undefined
|
|
54
|
+
: variant === 'EJSON'
|
|
55
|
+
? 'json'
|
|
56
|
+
: 'javascript', theme: "mongodb", width: "100%", value: text, onChange: onChangeText, editorProps: { $blockScrolling: Infinity }, setOptions: setOptions, readOnly: readOnly, name: (_a = aceProps.name) !== null && _a !== void 0 ? _a : editorId, ...aceProps, onFocus: (ev) => {
|
|
57
|
+
if (completer) {
|
|
58
|
+
ext_language_tools_1.default.setCompleters([completer]);
|
|
59
|
+
}
|
|
60
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
|
|
61
|
+
} }));
|
|
62
|
+
return dataTestId ? react_1.default.createElement("div", { "data-testid": dataTestId }, editor) : editor;
|
|
63
|
+
}
|
|
64
|
+
exports.Editor = Editor;
|
|
65
|
+
function setEditorValue(element, value) {
|
|
66
|
+
const container = element.querySelector('.ace_editor');
|
|
67
|
+
if (!container) {
|
|
68
|
+
throw new Error('Cannot find editor container');
|
|
69
|
+
}
|
|
70
|
+
window.ace.edit(container.id).setValue(value);
|
|
71
|
+
}
|
|
72
|
+
exports.setEditorValue = setEditorValue;
|
|
73
|
+
const EditorTextCompleter = ext_language_tools_1.default.textCompleter;
|
|
74
|
+
exports.EditorTextCompleter = EditorTextCompleter;
|
|
75
|
+
//# sourceMappingURL=editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../src/components/editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const ErrorSummary: React.FunctionComponent<{
|
|
3
|
+
errors: string | string[];
|
|
4
|
+
['data-testid']?: string;
|
|
5
|
+
} & ({
|
|
6
|
+
actionText: string;
|
|
7
|
+
onAction(): void;
|
|
8
|
+
} | {
|
|
9
|
+
actionText?: never;
|
|
10
|
+
onAction?: never;
|
|
11
|
+
})>;
|
|
12
|
+
export declare const WarningSummary: React.FunctionComponent<{
|
|
13
|
+
warnings: string | string[];
|
|
14
|
+
['data-testid']?: string;
|
|
15
|
+
} & ({
|
|
16
|
+
actionText: string;
|
|
17
|
+
onAction(): void;
|
|
18
|
+
} | {
|
|
19
|
+
actionText?: never;
|
|
20
|
+
onAction?: never;
|
|
21
|
+
})>;
|
|
22
|
+
//# sourceMappingURL=error-warning-summary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-warning-summary.d.ts","sourceRoot":"","sources":["../../src/components/error-warning-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAgHvC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAChD;IAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAAC,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,CACtD;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,IAAI,IAAI,CAAA;CAAE,GACxC;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAC3C,CASF,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD;IAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAAC,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,CACxD;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,IAAI,IAAI,CAAA;CAAE,GACxC;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAC3C,CASF,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
exports.WarningSummary = exports.ErrorSummary = void 0;
|
|
23
|
+
const react_1 = __importStar(require("react"));
|
|
24
|
+
const banner_1 = require("@leafygreen-ui/banner");
|
|
25
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
26
|
+
const inline_definition_1 = require("./inline-definition");
|
|
27
|
+
const leafygreen_1 = require("./leafygreen");
|
|
28
|
+
const bannerStyle = (0, emotion_1.css)({
|
|
29
|
+
width: '100%',
|
|
30
|
+
});
|
|
31
|
+
const listStyle = (0, emotion_1.css)({
|
|
32
|
+
padding: 0,
|
|
33
|
+
margin: 0,
|
|
34
|
+
listStylePosition: 'inside',
|
|
35
|
+
});
|
|
36
|
+
const summaryStyles = (0, emotion_1.css)({
|
|
37
|
+
display: 'flex',
|
|
38
|
+
});
|
|
39
|
+
const actionButtonStyles = (0, emotion_1.css)({
|
|
40
|
+
marginLeft: 'auto',
|
|
41
|
+
});
|
|
42
|
+
function Summary({ messages }) {
|
|
43
|
+
if (messages.length === 1) {
|
|
44
|
+
return react_1.default.createElement("div", null, messages[0]);
|
|
45
|
+
}
|
|
46
|
+
if (messages.length === 2) {
|
|
47
|
+
return (react_1.default.createElement("div", null,
|
|
48
|
+
react_1.default.createElement("ol", { className: listStyle }, messages.map((message, i) => (react_1.default.createElement("li", { key: i }, message))))));
|
|
49
|
+
}
|
|
50
|
+
const tooltipErrors = (react_1.default.createElement("ol", { className: listStyle }, messages.map((message, i) => (react_1.default.createElement("li", { key: i }, message)))));
|
|
51
|
+
const firstMessageNoDot = messages[0].endsWith('.')
|
|
52
|
+
? messages[0].slice(0, messages[0].length - 1)
|
|
53
|
+
: messages[0];
|
|
54
|
+
return (react_1.default.createElement("div", null,
|
|
55
|
+
react_1.default.createElement("span", null,
|
|
56
|
+
firstMessageNoDot,
|
|
57
|
+
", and other ",
|
|
58
|
+
messages.length - 1,
|
|
59
|
+
" problems."),
|
|
60
|
+
' ',
|
|
61
|
+
react_1.default.createElement(inline_definition_1.InlineDefinition, { tooltipProps: {
|
|
62
|
+
align: 'top',
|
|
63
|
+
justify: 'start',
|
|
64
|
+
delay: 500,
|
|
65
|
+
}, definition: tooltipErrors }, "View all")));
|
|
66
|
+
}
|
|
67
|
+
const BannerWithSummary = ({ ['data-testid']: dataTestId, messages, onAction, actionText, variant, }) => {
|
|
68
|
+
const _messages = (0, react_1.useMemo)(() => {
|
|
69
|
+
return !Array.isArray(messages) ? [messages] : messages;
|
|
70
|
+
}, [messages]);
|
|
71
|
+
return (react_1.default.createElement(leafygreen_1.Banner, { "data-testid": dataTestId, variant: variant, className: bannerStyle },
|
|
72
|
+
react_1.default.createElement("div", { className: summaryStyles },
|
|
73
|
+
react_1.default.createElement(Summary, { messages: _messages }),
|
|
74
|
+
onAction && actionText && (react_1.default.createElement(leafygreen_1.Button, { "data-testid": "banner-action", size: "xsmall", onClick: onAction, className: actionButtonStyles }, actionText)))));
|
|
75
|
+
};
|
|
76
|
+
const ErrorSummary = ({ errors, ...props }) => {
|
|
77
|
+
return (react_1.default.createElement(BannerWithSummary, { messages: errors, variant: banner_1.Variant.Danger, ...props }));
|
|
78
|
+
};
|
|
79
|
+
exports.ErrorSummary = ErrorSummary;
|
|
80
|
+
const WarningSummary = ({ warnings, ...props }) => {
|
|
81
|
+
return (react_1.default.createElement(BannerWithSummary, { messages: warnings, variant: banner_1.Variant.Warning, ...props }));
|
|
82
|
+
};
|
|
83
|
+
exports.WarningSummary = WarningSummary;
|
|
84
|
+
//# sourceMappingURL=error-warning-summary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-warning-summary.js","sourceRoot":"","sources":["../../src/components/error-warning-summary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { default as Badge } from '@leafygreen-ui/badge';
|
|
|
3
3
|
import { default as Banner } from '@leafygreen-ui/banner';
|
|
4
4
|
import { default as LeafyGreenCheckbox } from '@leafygreen-ui/checkbox';
|
|
5
5
|
import { default as LeafyGreenCard } from '@leafygreen-ui/card';
|
|
6
|
+
import { default as LeafyGreenCode } from '@leafygreen-ui/code';
|
|
6
7
|
import { default as LeafyGreenConfirmationModal } from '@leafygreen-ui/confirmation-modal';
|
|
7
8
|
import { default as Icon } from '@leafygreen-ui/icon';
|
|
8
9
|
import { default as LeafyGreenIconButton } from '@leafygreen-ui/icon-button';
|
|
@@ -26,6 +27,7 @@ declare const Button: import("@leafygreen-ui/box").ExtendableBox<import("@leafyg
|
|
|
26
27
|
}, "button">;
|
|
27
28
|
declare const Card: typeof LeafyGreenCard;
|
|
28
29
|
declare const Checkbox: typeof LeafyGreenCheckbox;
|
|
30
|
+
declare const Code: typeof LeafyGreenCode;
|
|
29
31
|
declare const ConfirmationModal: typeof LeafyGreenConfirmationModal;
|
|
30
32
|
declare const IconButton: typeof LeafyGreenIconButton;
|
|
31
33
|
declare const ModalFooter: typeof LeafyGreenModalFooter;
|
|
@@ -59,5 +61,5 @@ declare const Description: {
|
|
|
59
61
|
}): JSX.Element;
|
|
60
62
|
displayName: string;
|
|
61
63
|
};
|
|
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, };
|
|
64
|
+
export { AtlasLogoMark, Badge, Banner, Button, Card, Checkbox, Code, 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
65
|
//# sourceMappingURL=leafygreen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
22
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
23
|
};
|
|
24
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;
|
|
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.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
|
|
26
26
|
const use_theme_1 = require("../hooks/use-theme");
|
|
27
27
|
const badge_1 = __importDefault(require("@leafygreen-ui/badge"));
|
|
28
28
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.default; } });
|
|
@@ -31,6 +31,7 @@ Object.defineProperty(exports, "Banner", { enumerable: true, get: function () {
|
|
|
31
31
|
const button_1 = __importDefault(require("@leafygreen-ui/button"));
|
|
32
32
|
const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
|
|
33
33
|
const card_1 = __importDefault(require("@leafygreen-ui/card"));
|
|
34
|
+
const code_1 = __importDefault(require("@leafygreen-ui/code"));
|
|
34
35
|
const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
|
|
35
36
|
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
36
37
|
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_1.default; } });
|
|
@@ -83,6 +84,8 @@ const Card = (0, use_theme_1.withTheme)(card_1.default);
|
|
|
83
84
|
exports.Card = Card;
|
|
84
85
|
const Checkbox = (0, use_theme_1.withTheme)(checkbox_1.default);
|
|
85
86
|
exports.Checkbox = Checkbox;
|
|
87
|
+
const Code = (0, use_theme_1.withTheme)(code_1.default);
|
|
88
|
+
exports.Code = Code;
|
|
86
89
|
const ConfirmationModal = (0, use_theme_1.withTheme)(confirmation_modal_1.default);
|
|
87
90
|
exports.ConfirmationModal = ConfirmationModal;
|
|
88
91
|
const IconButton = (0, use_theme_1.withTheme)(icon_button_1.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kDAA+C;AAM/C,iEAAwD;
|
|
1
|
+
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type MoreOptionsToggleProps = {
|
|
3
|
+
'aria-controls': string;
|
|
4
|
+
'data-testid'?: string;
|
|
5
|
+
isExpanded: boolean;
|
|
6
|
+
onToggleOptions: () => void;
|
|
7
|
+
id?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const MoreOptionsToggle: React.FunctionComponent<MoreOptionsToggleProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=more-options-toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA0BvC,aAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA6C3E,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
exports.MoreOptionsToggle = void 0;
|
|
23
|
+
const react_1 = __importStar(require("react"));
|
|
24
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
25
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
26
|
+
const use_focus_ring_1 = require("../hooks/use-focus-ring");
|
|
27
|
+
const leafygreen_1 = require("./leafygreen");
|
|
28
|
+
const merge_props_1 = require("../utils/merge-props");
|
|
29
|
+
const optionContainerStyles = (0, emotion_1.css)({
|
|
30
|
+
textAlign: 'center',
|
|
31
|
+
minWidth: tokens_1.spacing[4] * 5,
|
|
32
|
+
});
|
|
33
|
+
const optionsButtonStyles = (0, emotion_1.css)({
|
|
34
|
+
backgroundColor: 'transparent',
|
|
35
|
+
border: 'none',
|
|
36
|
+
padding: `${tokens_1.spacing[1]}px ${tokens_1.spacing[2]}px`,
|
|
37
|
+
});
|
|
38
|
+
const optionStyles = (0, emotion_1.css)({
|
|
39
|
+
display: 'flex',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
});
|
|
42
|
+
const MoreOptionsToggle = ({ 'aria-controls': ariaControls, isExpanded, id, 'data-testid': dataTestId, onToggleOptions, }) => {
|
|
43
|
+
const optionsIcon = (0, react_1.useMemo)(() => (isExpanded ? 'CaretDown' : 'CaretRight'), [isExpanded]);
|
|
44
|
+
const optionsLabel = (0, react_1.useMemo)(() => (isExpanded ? 'Less Options' : 'More Options'), [isExpanded]);
|
|
45
|
+
const focusRingProps = (0, use_focus_ring_1.useFocusRing)();
|
|
46
|
+
const buttonProps = (0, merge_props_1.mergeProps)({
|
|
47
|
+
className: optionsButtonStyles,
|
|
48
|
+
}, focusRingProps);
|
|
49
|
+
return (react_1.default.createElement("div", { className: optionContainerStyles },
|
|
50
|
+
react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick: onToggleOptions, ...buttonProps },
|
|
51
|
+
react_1.default.createElement("div", { className: optionStyles },
|
|
52
|
+
optionsLabel,
|
|
53
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: optionsIcon })))));
|
|
54
|
+
};
|
|
55
|
+
exports.MoreOptionsToggle = MoreOptionsToggle;
|
|
56
|
+
//# sourceMappingURL=more-options-toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,oDAA6C;AAC7C,kDAAgD;AAEhD,4DAAuD;AACvD,6CAA0C;AAC1C,sDAAkD;AAElD,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAE9B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IAEd,OAAO,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,MAAM,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC3C,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAUI,MAAM,iBAAiB,GAC5B,CAAC,EACC,eAAe,EAAE,YAAY,EAC7B,UAAU,EACV,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,EAC/C,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,EACpD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,6BAAY,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAC5B;QACE,SAAS,EAAE,mBAAmB;KAC/B,EACD,cAAc,CAEoD,CAAC;IAErE,OAAO,CACL,uCAAK,SAAS,EAAE,qBAAqB;QACnC,8BAAC,iBAAI,kBACS,YAAY,mBACT,UAAU,mBACV,YAAY,EAC3B,EAAE,EAAC,QAAQ,EACX,gBAAgB,EAAE,IAAI,iBACT,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,eAAe,KACpB,WAAW;YAEf,uCAAK,SAAS,EAAE,YAAY;gBACzB,YAAY;gBACb,8BAAC,iBAAI,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AA7CS,QAAA,iBAAiB,qBA6C1B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type ToolbarProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
darkMode?: boolean;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
'data-testid'?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const Toolbar: React.ComponentType<ToolbarProps>;
|
|
9
|
+
export { Toolbar };
|
|
10
|
+
//# sourceMappingURL=toolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/components/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,aAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAoBF,QAAA,MAAM,OAAO,mCAA6B,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
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.Toolbar = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
10
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
11
|
+
const compass_ui_colors_1 = require("../compass-ui-colors");
|
|
12
|
+
const toolbarLightThemeStyles = (0, emotion_1.css)({
|
|
13
|
+
backgroundColor: compass_ui_colors_1.gray8,
|
|
14
|
+
color: palette_1.uiColors.gray.dark2,
|
|
15
|
+
});
|
|
16
|
+
const toolbarDarkThemeStyles = (0, emotion_1.css)({
|
|
17
|
+
backgroundColor: palette_1.uiColors.gray.dark3,
|
|
18
|
+
color: palette_1.uiColors.white,
|
|
19
|
+
});
|
|
20
|
+
function UnthemedToolbar({ darkMode, children, className, 'data-testid': dataTestId, }) {
|
|
21
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(darkMode ? toolbarDarkThemeStyles : toolbarLightThemeStyles, className), "data-testid": dataTestId }, children));
|
|
22
|
+
}
|
|
23
|
+
const Toolbar = (0, use_theme_1.withTheme)(UnthemedToolbar);
|
|
24
|
+
exports.Toolbar = Toolbar;
|
|
25
|
+
//# sourceMappingURL=toolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/components/toolbar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAkD;AAElD,kDAA+C;AAC/C,4DAA6C;AAE7C,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,eAAe,EAAE,yBAAK;IACtB,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,eAAe,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACpC,KAAK,EAAE,kBAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;AAQH,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,GACZ;IACb,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,EAC3D,SAAS,CACV,iBACY,UAAU,IAEtB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAG,IAAA,qBAAS,EAAC,eAAe,CAAC,CAAC;AAElC,0BAAO"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare type WorkspaceContainerProps = {
|
|
3
|
-
className?: string;
|
|
4
3
|
darkMode?: boolean;
|
|
5
|
-
children: JSX.Element;
|
|
6
4
|
'data-test-id'?: string;
|
|
7
5
|
};
|
|
8
|
-
declare const WorkspaceContainer: React.ComponentType<WorkspaceContainerProps
|
|
6
|
+
declare const WorkspaceContainer: React.ComponentType<WorkspaceContainerProps & React.HTMLProps<HTMLDivElement>>;
|
|
9
7
|
export { WorkspaceContainer };
|
|
10
8
|
//# sourceMappingURL=workspace-container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,aAAK,uBAAuB,GAAG;IAC7B,
|
|
1
|
+
{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AA0BF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -23,8 +23,8 @@ const darkThemeStyles = (0, emotion_1.css)({
|
|
|
23
23
|
backgroundColor: palette_1.uiColors.gray.dark3,
|
|
24
24
|
color: palette_1.uiColors.white,
|
|
25
25
|
});
|
|
26
|
-
function UnthemedWorkspaceContainer({ className, darkMode, children, 'data-test-id': dataTestId, }) {
|
|
27
|
-
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-test-id": dataTestId }, children));
|
|
26
|
+
function UnthemedWorkspaceContainer({ className, darkMode, children, 'data-test-id': dataTestId, ...props }) {
|
|
27
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-test-id": dataTestId, ...props }, children));
|
|
28
28
|
}
|
|
29
29
|
const WorkspaceContainer = (0, use_theme_1.withTheme)(UnthemedWorkspaceContainer);
|
|
30
30
|
exports.WorkspaceContainer = WorkspaceContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAkD;AAElD,kDAA+C;AAC/C,4DAA6C;AAE7C,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,eAAe,EAAE,yBAAK;IACtB,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,eAAe,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACpC,KAAK,EAAE,kBAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAkD;AAElD,kDAA+C;AAC/C,4DAA6C;AAE7C,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,eAAe,EAAE,yBAAK;IACtB,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,eAAe,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACpC,KAAK,EAAE,kBAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;AAOH,SAAS,0BAA0B,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,UAAU,EAC1B,GAAG,KAAK,EAGT;IACC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC7C,SAAS,CACV,kBACa,UAAU,KACpB,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,IAAA,qBAAS,EAAC,0BAA0B,CAAC,CAAC;AAExD,gDAAkB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { glyphs } from '@leafygreen-ui/icon';
|
|
3
|
+
declare type IconGlyph = Extract<keyof typeof glyphs, string>;
|
|
4
|
+
declare type TabProps = {
|
|
5
|
+
title: string;
|
|
6
|
+
darkMode?: boolean;
|
|
7
|
+
isSelected: boolean;
|
|
8
|
+
onSelect: () => void;
|
|
9
|
+
onClose: () => void;
|
|
10
|
+
iconGlyph: IconGlyph;
|
|
11
|
+
tabContentId: string;
|
|
12
|
+
subtitle: string;
|
|
13
|
+
};
|
|
14
|
+
declare const Tab: React.ComponentType<TabProps>;
|
|
15
|
+
export { Tab };
|
|
16
|
+
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA4LlD,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoHF,QAAA,MAAM,GAAG,+BAAyB,CAAC;AAEnC,OAAO,EAAE,GAAG,EAAE,CAAC"}
|