@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.
Files changed (94) hide show
  1. package/lib/compass-font-sizes.d.ts +1 -0
  2. package/lib/compass-font-sizes.d.ts.map +1 -1
  3. package/lib/compass-font-sizes.js +2 -1
  4. package/lib/compass-font-sizes.js.map +1 -1
  5. package/lib/compass-ui-colors.d.ts +2 -0
  6. package/lib/compass-ui-colors.d.ts.map +1 -1
  7. package/lib/compass-ui-colors.js +3 -1
  8. package/lib/compass-ui-colors.js.map +1 -1
  9. package/lib/components/accordion.d.ts +5 -3
  10. package/lib/components/accordion.d.ts.map +1 -1
  11. package/lib/components/accordion.js +19 -5
  12. package/lib/components/accordion.js.map +1 -1
  13. package/lib/components/bson-value.d.ts.map +1 -1
  14. package/lib/components/bson-value.js +9 -1
  15. package/lib/components/bson-value.js.map +1 -1
  16. package/lib/components/cancel-loader.d.ts +2 -2
  17. package/lib/components/cancel-loader.d.ts.map +1 -1
  18. package/lib/components/cancel-loader.js +16 -49
  19. package/lib/components/cancel-loader.js.map +1 -1
  20. package/lib/components/document-list/auto-focus-context.d.ts +1 -1
  21. package/lib/components/document-list/auto-focus-context.d.ts.map +1 -1
  22. package/lib/components/document-list/document-edit-actions-footer.d.ts +15 -0
  23. package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -0
  24. package/lib/components/document-list/document-edit-actions-footer.js +255 -0
  25. package/lib/components/document-list/document-edit-actions-footer.js.map +1 -0
  26. package/lib/components/document-list/document.d.ts +3 -3
  27. package/lib/components/document-list/document.d.ts.map +1 -1
  28. package/lib/components/document-list/document.js +10 -3
  29. package/lib/components/document-list/document.js.map +1 -1
  30. package/lib/components/document-list/element-editors.d.ts +4 -1
  31. package/lib/components/document-list/element-editors.d.ts.map +1 -1
  32. package/lib/components/document-list/element-editors.js +7 -5
  33. package/lib/components/document-list/element-editors.js.map +1 -1
  34. package/lib/components/document-list/element.d.ts +1 -1
  35. package/lib/components/document-list/element.d.ts.map +1 -1
  36. package/lib/components/document-list/element.js +80 -53
  37. package/lib/components/document-list/element.js.map +1 -1
  38. package/lib/components/document-list/index.d.ts +1 -0
  39. package/lib/components/document-list/index.d.ts.map +1 -1
  40. package/lib/components/document-list/index.js +3 -1
  41. package/lib/components/document-list/index.js.map +1 -1
  42. package/lib/components/document-list/use-previous.d.ts +2 -0
  43. package/lib/components/document-list/use-previous.d.ts.map +1 -0
  44. package/lib/components/document-list/use-previous.js +13 -0
  45. package/lib/components/document-list/use-previous.js.map +1 -0
  46. package/lib/components/editor.d.ts +34 -0
  47. package/lib/components/editor.d.ts.map +1 -0
  48. package/lib/components/editor.js +75 -0
  49. package/lib/components/editor.js.map +1 -0
  50. package/lib/components/error-warning-summary.d.ts +22 -0
  51. package/lib/components/error-warning-summary.d.ts.map +1 -0
  52. package/lib/components/error-warning-summary.js +84 -0
  53. package/lib/components/error-warning-summary.js.map +1 -0
  54. package/lib/components/leafygreen.d.ts +3 -1
  55. package/lib/components/leafygreen.d.ts.map +1 -1
  56. package/lib/components/leafygreen.js +4 -1
  57. package/lib/components/leafygreen.js.map +1 -1
  58. package/lib/components/more-options-toggle.d.ts +11 -0
  59. package/lib/components/more-options-toggle.d.ts.map +1 -0
  60. package/lib/components/more-options-toggle.js +56 -0
  61. package/lib/components/more-options-toggle.js.map +1 -0
  62. package/lib/components/toolbar.d.ts +10 -0
  63. package/lib/components/toolbar.d.ts.map +1 -0
  64. package/lib/components/toolbar.js +25 -0
  65. package/lib/components/toolbar.js.map +1 -0
  66. package/lib/components/workspace-container.d.ts +1 -3
  67. package/lib/components/workspace-container.d.ts.map +1 -1
  68. package/lib/components/workspace-container.js +2 -2
  69. package/lib/components/workspace-container.js.map +1 -1
  70. package/lib/components/workspace-tabs/tab.d.ts +16 -0
  71. package/lib/components/workspace-tabs/tab.d.ts.map +1 -0
  72. package/lib/components/workspace-tabs/tab.js +223 -0
  73. package/lib/components/workspace-tabs/tab.js.map +1 -0
  74. package/lib/components/workspace-tabs/workspace-tabs.d.ts +24 -0
  75. package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -0
  76. package/lib/components/workspace-tabs/workspace-tabs.js +175 -0
  77. package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -0
  78. package/lib/constants/mongodb-ace-theme-query.d.ts +4 -0
  79. package/lib/constants/mongodb-ace-theme-query.d.ts.map +1 -0
  80. package/lib/constants/mongodb-ace-theme-query.js +235 -0
  81. package/lib/constants/mongodb-ace-theme-query.js.map +1 -0
  82. package/lib/constants/mongodb-ace-theme.d.ts +3 -0
  83. package/lib/constants/mongodb-ace-theme.d.ts.map +1 -0
  84. package/lib/constants/mongodb-ace-theme.js +113 -0
  85. package/lib/constants/mongodb-ace-theme.js.map +1 -0
  86. package/lib/hooks/use-focus-ring.d.ts +2 -2
  87. package/lib/hooks/use-focus-ring.d.ts.map +1 -1
  88. package/lib/hooks/use-focus-ring.js +4 -4
  89. package/lib/hooks/use-focus-ring.js.map +1 -1
  90. package/lib/index.d.ts +8 -3
  91. package/lib/index.d.ts.map +1 -1
  92. package/lib/index.js +20 -4
  93. package/lib/index.js.map +1 -1
  94. 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,2 @@
1
+ export declare function usePrevious<T>(value: T): T | undefined;
2
+ //# sourceMappingURL=use-previous.d.ts.map
@@ -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":"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"}
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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAsBF,QAAA,MAAM,kBAAkB,8CAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
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;AASH,SAAS,0BAA0B,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,UAAU,GACF;IACxB,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC7C,SAAS,CACV,kBACa,UAAU,IAEvB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,IAAA,qBAAS,EAAC,0BAA0B,CAAC,CAAC;AAExD,gDAAkB"}
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"}