@mongodb-js/compass-components 1.3.0 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/bson-value.d.ts +5 -3
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +52 -33
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.js +9 -5
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
- package/lib/components/document-list/element-actions.d.ts.map +1 -1
- package/lib/components/document-list/element-actions.js +15 -13
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +41 -17
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +59 -9
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/file-input.d.ts +34 -1
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +105 -6
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/item-action-controls.d.ts +13 -0
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +44 -7
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/keyline-card.js +1 -1
- package/lib/components/keyline-card.js.map +1 -1
- package/lib/components/leafygreen.d.ts +23 -19
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +11 -4
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/modals/modal-body.d.ts +1 -1
- package/lib/components/modals/modal-body.d.ts.map +1 -1
- package/lib/components/modals/modal-body.js +26 -6
- package/lib/components/modals/modal-body.js.map +1 -1
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-container.js +10 -0
- package/lib/components/workspace-container.js.map +1 -1
- package/lib/hooks/use-formatted-date.d.ts +2 -0
- package/lib/hooks/use-formatted-date.d.ts.map +1 -0
- package/lib/hooks/use-formatted-date.js +20 -0
- package/lib/hooks/use-formatted-date.js.map +1 -0
- package/lib/hooks/use-toast.d.ts +2 -0
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +59 -37
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/index.d.ts +8 -5
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +15 -5
- package/lib/index.js.map +1 -1
- package/lib/utils/format-date.d.ts +2 -0
- package/lib/utils/format-date.d.ts.map +1 -0
- package/lib/utils/format-date.js +47 -0
- package/lib/utils/format-date.js.map +1 -0
- package/package.json +4 -4
- package/lib/components/document-list/font-awesome-icon.d.ts +0 -14
- package/lib/components/document-list/font-awesome-icon.d.ts.map +0 -1
- package/lib/components/document-list/font-awesome-icon.js +0 -29
- package/lib/components/document-list/font-awesome-icon.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { TypeCastMap
|
|
2
|
+
import type { TypeCastMap } from 'hadron-type-checker';
|
|
3
3
|
import type { DBRef } from 'bson';
|
|
4
4
|
declare type ValueProps = {
|
|
5
5
|
[type in keyof TypeCastMap]: {
|
|
@@ -14,8 +14,10 @@ declare type ValueTypes = ValueProps['type'];
|
|
|
14
14
|
declare type PropsByValueType<V extends ValueTypes> = Omit<Extract<ValueProps, {
|
|
15
15
|
type: V;
|
|
16
16
|
}>, 'type'>;
|
|
17
|
-
export declare const
|
|
18
|
-
|
|
17
|
+
export declare const BSONValueContainer: React.FunctionComponent<React.HTMLProps<HTMLDivElement> & {
|
|
18
|
+
type?: ValueTypes;
|
|
19
|
+
chidren?: React.ReactChildren;
|
|
20
|
+
}>;
|
|
19
21
|
export declare const ObjectIdValue: React.FunctionComponent<PropsByValueType<'ObjectId'>>;
|
|
20
22
|
export declare const BinaryValue: React.FunctionComponent<PropsByValueType<'Binary'>>;
|
|
21
23
|
export declare const CodeValue: React.FunctionComponent<PropsByValueType<'Code'>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAQlC,aAAK,UAAU,GACX;KACG,IAAI,IAAI,MAAM,WAAW,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAAE;CACtE,CAAC,MAAM,WAAW,CAAC,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOpC,aAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAErC,aAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAChD,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,EAChC,MAAM,CACP,CAAC;AAoCF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAiCF,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CACjD,gBAAgB,CAAC,UAAU,CAAC,CAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,QAAQ,CAAC,CAuD3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAcvE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAgBvE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,CAWpE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,QAAQ,CAAC,CAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD,gBAAgB,CAAC,WAAW,CAAC,CAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7C,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B,CAUA,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAczE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,CAUA,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkClD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -23,29 +23,38 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.UnknownValue = exports.SymbolValue = exports.DBRefValue = exports.KeyValue = exports.TimestampValue = exports.RegExpValue = exports.StringValue = exports.NumberValue = exports.DateValue = exports.CodeValue = exports.BinaryValue = exports.ObjectIdValue = exports.
|
|
26
|
+
exports.UnknownValue = exports.SymbolValue = exports.DBRefValue = exports.KeyValue = exports.TimestampValue = exports.RegExpValue = exports.StringValue = exports.NumberValue = exports.DateValue = exports.CodeValue = exports.BinaryValue = exports.ObjectIdValue = exports.BSONValueContainer = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const bson_1 = require("bson");
|
|
29
|
+
const code_1 = require("@leafygreen-ui/code");
|
|
29
30
|
const leafygreen_1 = require("./leafygreen");
|
|
30
31
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
31
32
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
33
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
32
34
|
function truncate(str, length = 70) {
|
|
33
35
|
const truncated = str.slice(0, length);
|
|
34
36
|
return length < str.length ? `${truncated}…` : str;
|
|
35
37
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
38
|
+
const VALUE_COLOR_BY_THEME_AND_TYPE = {
|
|
39
|
+
[use_theme_1.Theme.Dark]: {
|
|
40
|
+
Int32: code_1.variantColors.dark[9],
|
|
41
|
+
Double: code_1.variantColors.dark[9],
|
|
42
|
+
Decimal128: code_1.variantColors.dark[9],
|
|
43
|
+
Date: code_1.variantColors.dark[9],
|
|
44
|
+
Boolean: code_1.variantColors.dark[10],
|
|
45
|
+
String: code_1.variantColors.dark[7],
|
|
46
|
+
ObjectId: code_1.variantColors.dark[5],
|
|
47
|
+
},
|
|
48
|
+
[use_theme_1.Theme.Light]: {
|
|
49
|
+
Int32: code_1.variantColors.light[9],
|
|
50
|
+
Double: code_1.variantColors.light[9],
|
|
51
|
+
Decimal128: code_1.variantColors.light[9],
|
|
52
|
+
Date: code_1.variantColors.light[9],
|
|
53
|
+
Boolean: code_1.variantColors.light[10],
|
|
54
|
+
String: code_1.variantColors.light[7],
|
|
55
|
+
ObjectId: code_1.variantColors.light[5],
|
|
56
|
+
},
|
|
57
|
+
};
|
|
49
58
|
const bsonValue = (0, emotion_1.css)({
|
|
50
59
|
whiteSpace: 'nowrap',
|
|
51
60
|
overflow: 'hidden',
|
|
@@ -54,12 +63,22 @@ const bsonValue = (0, emotion_1.css)({
|
|
|
54
63
|
const bsonValuePrewrap = (0, emotion_1.css)({
|
|
55
64
|
whiteSpace: 'pre-wrap',
|
|
56
65
|
});
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
66
|
+
const BSONValueContainer = ({ type, children, className, ...props }) => {
|
|
67
|
+
const { theme } = (0, use_theme_1.useTheme)();
|
|
68
|
+
const textColorStyle = (0, react_1.useMemo)(() => {
|
|
69
|
+
var _a;
|
|
70
|
+
if (!type) {
|
|
71
|
+
return '';
|
|
72
|
+
}
|
|
73
|
+
const color = (_a = VALUE_COLOR_BY_THEME_AND_TYPE[theme]) === null || _a === void 0 ? void 0 : _a[type];
|
|
74
|
+
if (!color) {
|
|
75
|
+
return '';
|
|
76
|
+
}
|
|
77
|
+
return (0, emotion_1.css)({ color });
|
|
78
|
+
}, [type, theme]);
|
|
79
|
+
return (react_1.default.createElement("div", { ...props, className: (0, emotion_1.cx)(className, bsonValue, type === 'String' && bsonValuePrewrap, textColorStyle, `element-value element-value-is-${type ? type.toLowerCase() : 'unknown'}`) }, children));
|
|
80
|
+
};
|
|
81
|
+
exports.BSONValueContainer = BSONValueContainer;
|
|
63
82
|
const nonSelectable = (0, emotion_1.css)({
|
|
64
83
|
userSelect: 'none',
|
|
65
84
|
});
|
|
@@ -71,7 +90,7 @@ const ObjectIdValue = ({ value }) => {
|
|
|
71
90
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
72
91
|
return String(value);
|
|
73
92
|
}, [value]);
|
|
74
|
-
return (react_1.default.createElement(
|
|
93
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "ObjectId", title: stringifiedValue },
|
|
75
94
|
react_1.default.createElement("span", { className: nonSelectable }, "ObjectId('"),
|
|
76
95
|
stringifiedValue,
|
|
77
96
|
react_1.default.createElement("span", { className: nonSelectable }, "')")));
|
|
@@ -101,7 +120,7 @@ const BinaryValue = ({ value }) => {
|
|
|
101
120
|
stringifiedValue: `BinData(${value.sub_type}, '${truncate(value.toString('base64'), 100)}')`,
|
|
102
121
|
};
|
|
103
122
|
}, [value]);
|
|
104
|
-
return (react_1.default.createElement(
|
|
123
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Binary", title: title !== null && title !== void 0 ? title : stringifiedValue },
|
|
105
124
|
stringifiedValue,
|
|
106
125
|
additionalHints));
|
|
107
126
|
};
|
|
@@ -110,7 +129,7 @@ const CodeValue = ({ value, }) => {
|
|
|
110
129
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
111
130
|
return `Code('${String(value.code)}'${value.scope ? `, ${JSON.stringify(value.scope)}` : ''})`;
|
|
112
131
|
}, [value.code, value.scope]);
|
|
113
|
-
return (react_1.default.createElement(
|
|
132
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Code", title: stringifiedValue }, stringifiedValue));
|
|
114
133
|
};
|
|
115
134
|
exports.CodeValue = CodeValue;
|
|
116
135
|
const DateValue = ({ value, }) => {
|
|
@@ -122,21 +141,21 @@ const DateValue = ({ value, }) => {
|
|
|
122
141
|
return String(value);
|
|
123
142
|
}
|
|
124
143
|
}, [value]);
|
|
125
|
-
return (react_1.default.createElement(
|
|
144
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Date", title: stringifiedValue }, stringifiedValue));
|
|
126
145
|
};
|
|
127
146
|
exports.DateValue = DateValue;
|
|
128
147
|
const NumberValue = ({ type, value }) => {
|
|
129
148
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
130
149
|
return String(value.valueOf());
|
|
131
150
|
}, [value]);
|
|
132
|
-
return (react_1.default.createElement(
|
|
151
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
|
|
133
152
|
};
|
|
134
153
|
exports.NumberValue = NumberValue;
|
|
135
154
|
const StringValue = ({ value }) => {
|
|
136
155
|
const truncatedValue = (0, react_1.useMemo)(() => {
|
|
137
156
|
return truncate(value, 70);
|
|
138
157
|
}, [value]);
|
|
139
|
-
return (react_1.default.createElement(
|
|
158
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "String", title: value },
|
|
140
159
|
"\"",
|
|
141
160
|
truncatedValue,
|
|
142
161
|
"\""));
|
|
@@ -146,42 +165,42 @@ const RegExpValue = ({ value }) => {
|
|
|
146
165
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
147
166
|
return `/${value.pattern}/${value.options}`;
|
|
148
167
|
}, [value.pattern, value.options]);
|
|
149
|
-
return (react_1.default.createElement(
|
|
168
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "BSONRegExp", title: stringifiedValue }, stringifiedValue));
|
|
150
169
|
};
|
|
151
170
|
exports.RegExpValue = RegExpValue;
|
|
152
171
|
const TimestampValue = ({ value }) => {
|
|
153
172
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
154
173
|
return `Timestamp({ t: ${value.getHighBits()}, i: ${value.getLowBits()} })`;
|
|
155
174
|
}, [value]);
|
|
156
|
-
return (react_1.default.createElement(
|
|
175
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Timestamp", title: stringifiedValue }, stringifiedValue));
|
|
157
176
|
};
|
|
158
177
|
exports.TimestampValue = TimestampValue;
|
|
159
178
|
const KeyValue = ({ type }) => {
|
|
160
179
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
161
180
|
return `${type}()`;
|
|
162
181
|
}, [type]);
|
|
163
|
-
return (react_1.default.createElement(
|
|
182
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
|
|
164
183
|
};
|
|
165
184
|
exports.KeyValue = KeyValue;
|
|
166
185
|
const DBRefValue = ({ value, }) => {
|
|
167
186
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
168
187
|
return `DBRef('${value.collection}', '${String(value.oid)}'${(value === null || value === void 0 ? void 0 : value.db) ? `, '${value.db}'` : ''})`;
|
|
169
188
|
}, [value.collection, value.oid, value.db]);
|
|
170
|
-
return (react_1.default.createElement(
|
|
189
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "DBRef", title: stringifiedValue }, stringifiedValue));
|
|
171
190
|
};
|
|
172
191
|
exports.DBRefValue = DBRefValue;
|
|
173
192
|
const SymbolValue = ({ value }) => {
|
|
174
193
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
175
194
|
return `Symbol('${String(value)}')`;
|
|
176
195
|
}, [value]);
|
|
177
|
-
return (react_1.default.createElement(
|
|
196
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "BSONSymbol", title: stringifiedValue }, stringifiedValue));
|
|
178
197
|
};
|
|
179
198
|
exports.SymbolValue = SymbolValue;
|
|
180
|
-
const UnknownValue = ({
|
|
199
|
+
const UnknownValue = ({ value }) => {
|
|
181
200
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
182
201
|
return String(value);
|
|
183
202
|
}, [value]);
|
|
184
|
-
return (react_1.default.createElement(
|
|
203
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { title: stringifiedValue }, stringifiedValue));
|
|
185
204
|
};
|
|
186
205
|
exports.UnknownValue = UnknownValue;
|
|
187
206
|
const BSONValue = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bson-value.js","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,+BAA8B;
|
|
1
|
+
{"version":3,"file":"bson-value.js","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"document-edit-actions-footer.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"document-edit-actions-footer.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA4PrE,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC/C,GAAG,EAAE,kBAAkB,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,QAAQ,IAAI,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAoFA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -29,6 +29,7 @@ const leafygreen_1 = require("../leafygreen");
|
|
|
29
29
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
30
30
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
31
31
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
32
|
+
const use_theme_1 = require("../../hooks/use-theme");
|
|
32
33
|
function isDeleting(status) {
|
|
33
34
|
return ['Deleting', 'DeleteStart', 'DeleteSuccess', 'DeleteError'].includes(status);
|
|
34
35
|
}
|
|
@@ -195,10 +196,12 @@ const buttonGroup = (0, emotion_1.css)({
|
|
|
195
196
|
const button = (0, emotion_1.css)({
|
|
196
197
|
flex: 'none',
|
|
197
198
|
});
|
|
198
|
-
function getColorStyles(status) {
|
|
199
|
+
function getColorStyles(status, darkMode) {
|
|
199
200
|
switch (status) {
|
|
200
201
|
case 'Editing':
|
|
201
|
-
return {
|
|
202
|
+
return {
|
|
203
|
+
backgroundColor: darkMode ? palette_1.palette.black : palette_1.palette.gray.light2,
|
|
204
|
+
};
|
|
202
205
|
case 'ContainsErrors':
|
|
203
206
|
case 'UpdateError':
|
|
204
207
|
case 'UpdateBlocked':
|
|
@@ -206,8 +209,8 @@ function getColorStyles(status) {
|
|
|
206
209
|
case 'DeleteError':
|
|
207
210
|
case 'DeleteStart':
|
|
208
211
|
return {
|
|
209
|
-
backgroundColor: palette_1.palette.red.light2,
|
|
210
|
-
color: palette_1.palette.red.dark3,
|
|
212
|
+
backgroundColor: darkMode ? palette_1.palette.red.dark3 : palette_1.palette.red.light2,
|
|
213
|
+
color: darkMode ? palette_1.palette.red.light2 : palette_1.palette.red.dark3,
|
|
211
214
|
};
|
|
212
215
|
case 'UpdateStart':
|
|
213
216
|
return {
|
|
@@ -229,6 +232,7 @@ function getColorStyles(status) {
|
|
|
229
232
|
}
|
|
230
233
|
const EditActionsFooter = ({ doc, editing, deleting, modified = false, containsErrors = false, alwaysForceUpdate = false, onUpdate, onDelete, onCancel, }) => {
|
|
231
234
|
const { status: _status, updateStatus, errorMessage, } = useHadronDocumentStatus(doc, editing, deleting);
|
|
235
|
+
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
232
236
|
const status = containsErrors
|
|
233
237
|
? 'ContainsErrors'
|
|
234
238
|
: modified
|
|
@@ -238,7 +242,7 @@ const EditActionsFooter = ({ doc, editing, deleting, modified = false, containsE
|
|
|
238
242
|
if (status === 'Initial') {
|
|
239
243
|
return null;
|
|
240
244
|
}
|
|
241
|
-
return (react_1.default.createElement("div", { className: container, style: getColorStyles(status), "data-testid": "document-footer", "data-status": status },
|
|
245
|
+
return (react_1.default.createElement("div", { className: container, style: getColorStyles(status, darkMode), "data-testid": "document-footer", "data-status": status },
|
|
242
246
|
react_1.default.createElement("div", { className: message, "data-testid": "document-footer-message" }, errorMessage !== null && errorMessage !== void 0 ? errorMessage : statusMessage),
|
|
243
247
|
!isSuccess(status) && (react_1.default.createElement("div", { className: buttonGroup },
|
|
244
248
|
react_1.default.createElement(leafygreen_1.Button, { type: "button", size: "xsmall", className: button, "data-testid": "cancel-button", onClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"document-edit-actions-footer.js","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AAExE,qDAA0C;AAC1C,8CAAuC;AACvC,oDAA6C;AAC7C,oDAAiD;AACjD,kDAAgD;
|
|
1
|
+
{"version":3,"file":"document-edit-actions-footer.js","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element-actions.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"element-actions.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAqBzD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CA2CA,CAAC;AAuBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC,CA8EA,CAAC"}
|
|
@@ -28,25 +28,31 @@ const react_1 = __importStar(require("react"));
|
|
|
28
28
|
const menu_1 = require("@leafygreen-ui/menu");
|
|
29
29
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
30
30
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
31
|
-
const
|
|
31
|
+
const leafygreen_1 = require("../leafygreen");
|
|
32
32
|
const typography_1 = require("./typography");
|
|
33
33
|
const buttonReset = (0, emotion_1.css)({
|
|
34
34
|
margin: 0,
|
|
35
35
|
padding: 0,
|
|
36
36
|
border: 'none',
|
|
37
37
|
background: 'none',
|
|
38
|
+
cursor: 'pointer',
|
|
39
|
+
});
|
|
40
|
+
const editActionIconStyle = (0, emotion_1.css)({
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
top: 2,
|
|
43
|
+
right: 0,
|
|
38
44
|
});
|
|
39
45
|
const EditActions = ({ editing, onRemove, onRevert }) => {
|
|
40
46
|
return (react_1.default.createElement(react_1.default.Fragment, null, editing &&
|
|
41
|
-
(onRevert ? (react_1.default.createElement("button", { type: "button", "data-testid": "hadron-document-revert", className: buttonReset, "aria-label": "Revert changes", onClick: (evt) => {
|
|
47
|
+
(onRevert ? (react_1.default.createElement("button", { type: "button", "data-testid": "hadron-document-revert", className: buttonReset, "aria-label": "Revert changes", title: "Revert changes", onClick: (evt) => {
|
|
42
48
|
evt.stopPropagation();
|
|
43
49
|
onRevert();
|
|
44
50
|
} },
|
|
45
|
-
react_1.default.createElement(
|
|
51
|
+
react_1.default.createElement(leafygreen_1.Icon, { size: "xsmall", className: editActionIconStyle, glyph: "Undo" }))) : onRemove ? (react_1.default.createElement("button", { type: "button", "data-testid": "hadron-document-remove", className: buttonReset, title: "Remove field", "aria-label": "Remove field", onClick: (evt) => {
|
|
46
52
|
evt.stopPropagation();
|
|
47
53
|
onRemove();
|
|
48
54
|
} },
|
|
49
|
-
react_1.default.createElement(
|
|
55
|
+
react_1.default.createElement(leafygreen_1.Icon, { size: "xsmall", glyph: "Trash", className: editActionIconStyle }))) : null)));
|
|
50
56
|
};
|
|
51
57
|
exports.EditActions = EditActions;
|
|
52
58
|
const addFieldButton = (0, emotion_1.css)({
|
|
@@ -72,7 +78,7 @@ const AddFieldActions = ({ editing, type, parentType, keyName, onAddFieldToEleme
|
|
|
72
78
|
}
|
|
73
79
|
return (react_1.default.createElement(menu_1.Menu, { open: isOpen, setOpen: setIsOpen, usePortal: false, popoverZIndex: 999999, align: "bottom", justify: "start", className: menu, trigger: ({ children, onClick, ...props }) => {
|
|
74
80
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
75
|
-
react_1.default.createElement("button", { type: "button", "data-testid": "hadron-document-add-element", className: (0, emotion_1.cx)(buttonReset, addFieldButton), onClick: (evt) => {
|
|
81
|
+
react_1.default.createElement("button", { type: "button", "data-testid": "hadron-document-add-element", title: "Add field", className: (0, emotion_1.cx)(buttonReset, addFieldButton), onClick: (evt) => {
|
|
76
82
|
evt.stopPropagation();
|
|
77
83
|
onClick === null || onClick === void 0 ? void 0 : onClick(evt);
|
|
78
84
|
}, ...props }, "+"),
|
|
@@ -81,22 +87,18 @@ const AddFieldActions = ({ editing, type, parentType, keyName, onAddFieldToEleme
|
|
|
81
87
|
onAddFieldToElement && (react_1.default.createElement(menu_1.MenuItem, { "data-testid": "hadron-document-add-child", onClick: () => {
|
|
82
88
|
setIsOpen(false);
|
|
83
89
|
onAddFieldToElement();
|
|
84
|
-
}, className: menuItem },
|
|
90
|
+
}, glyph: react_1.default.createElement(leafygreen_1.Icon, { glyph: "Relationship" }), className: menuItem },
|
|
85
91
|
react_1.default.createElement("div", null,
|
|
86
|
-
|
|
87
|
-
"\u00A0Add",
|
|
88
|
-
' ',
|
|
92
|
+
"Add ",
|
|
89
93
|
type === 'Array' ? 'item' : 'field',
|
|
90
94
|
" to ",
|
|
91
95
|
react_1.default.createElement("b", null, keyName)))),
|
|
92
96
|
react_1.default.createElement(menu_1.MenuItem, { "data-testid": "hadron-document-add-sibling", onClick: () => {
|
|
93
97
|
setIsOpen(false);
|
|
94
98
|
onAddFieldAfterElement();
|
|
95
|
-
}, className: menuItem },
|
|
99
|
+
}, glyph: react_1.default.createElement(leafygreen_1.Icon, { glyph: "PlusWithCircle" }), className: menuItem },
|
|
96
100
|
react_1.default.createElement("div", null,
|
|
97
|
-
|
|
98
|
-
"\u00A0Add",
|
|
99
|
-
' ',
|
|
101
|
+
"Add ",
|
|
100
102
|
parentType === 'Array' ? 'item' : 'field',
|
|
101
103
|
" after ",
|
|
102
104
|
react_1.default.createElement("b", null, keyName)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element-actions.js","sourceRoot":"","sources":["../../../src/components/document-list/element-actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8CAAqD;AACrD,oDAAiD;AACjD,kDAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"element-actions.js","sourceRoot":"","sources":["../../../src/components/document-list/element-actions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element-editors.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element-editors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"element-editors.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element-editors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAmDvD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAmFA,CAAC;AAqBF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;CAChB,CAqIA,CAAC;AAsCF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CA2CA,CAAC"}
|
|
@@ -36,6 +36,8 @@ const bson_value_1 = __importStar(require("../bson-value"));
|
|
|
36
36
|
const tooltip_1 = require("../tooltip");
|
|
37
37
|
const merge_props_1 = require("../../utils/merge-props");
|
|
38
38
|
const typography_1 = require("./typography");
|
|
39
|
+
const leafygreen_1 = require("../leafygreen");
|
|
40
|
+
const use_theme_1 = require("../../hooks/use-theme");
|
|
39
41
|
const maxWidth = (0, emotion_1.css)({
|
|
40
42
|
maxWidth: '100%',
|
|
41
43
|
overflowX: 'hidden',
|
|
@@ -57,19 +59,29 @@ const editorOutline = (0, emotion_1.css)({
|
|
|
57
59
|
},
|
|
58
60
|
});
|
|
59
61
|
const editorInvalid = (0, emotion_1.css)({
|
|
60
|
-
backgroundColor: palette_1.palette.red.light2,
|
|
61
|
-
color: palette_1.palette.red.dark2,
|
|
62
62
|
'&:focus, &:active': {
|
|
63
63
|
boxShadow: `0 0 0 2px ${palette_1.palette.red.dark2}`,
|
|
64
64
|
},
|
|
65
65
|
});
|
|
66
|
+
const editorInvalidLightMode = (0, emotion_1.css)({
|
|
67
|
+
backgroundColor: palette_1.palette.red.light2,
|
|
68
|
+
color: palette_1.palette.red.dark2,
|
|
69
|
+
});
|
|
70
|
+
const editorInvalidDarkMode = (0, emotion_1.css)({
|
|
71
|
+
backgroundColor: palette_1.palette.red.dark2,
|
|
72
|
+
color: palette_1.palette.red.light2,
|
|
73
|
+
});
|
|
66
74
|
const KeyEditor = ({ editing, value, valid, validationMessage, onChange, autoFocus, onEditStart, }) => {
|
|
75
|
+
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
67
76
|
const width = `${Math.max(value.length, 1)}ch`;
|
|
68
77
|
return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(tooltip_1.Tooltip, { darkMode: true, isDisabled: valid, delay: 600, usePortal: false, trigger: ({ className, children, onDragStart, onPointerUp, onPointerDown, onMouseDown, ...triggerProps }) => {
|
|
69
78
|
return (react_1.default.createElement("div", { className: className },
|
|
70
79
|
react_1.default.createElement("input", { type: "text", "data-testid": "hadron-document-key-editor", value: value, onChange: (evt) => {
|
|
71
80
|
onChange(evt.currentTarget.value);
|
|
72
|
-
}, autoFocus: autoFocus, className: (0, emotion_1.cx)(maxWidth, editorReset, editorOutline, !valid && editorInvalid
|
|
81
|
+
}, autoFocus: autoFocus, className: (0, emotion_1.cx)(maxWidth, editorReset, editorOutline, !valid && editorInvalid, !valid &&
|
|
82
|
+
(darkMode
|
|
83
|
+
? editorInvalidDarkMode
|
|
84
|
+
: editorInvalidLightMode)), style: { width }, spellCheck: "false", ...triggerProps }),
|
|
73
85
|
children));
|
|
74
86
|
} }, validationMessage)) : (react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-key", onDoubleClick: onEditStart, className: maxWidth, style: { width } }, value))));
|
|
75
87
|
};
|
|
@@ -88,11 +100,8 @@ const editorTextarea = (0, emotion_1.css)({
|
|
|
88
100
|
minWidth: '5ch',
|
|
89
101
|
maxWidth: 'calc(100% - 2ch)',
|
|
90
102
|
verticalAlign: 'top',
|
|
103
|
+
color: 'inherit',
|
|
91
104
|
});
|
|
92
|
-
const valueContainer = (0, emotion_1.css)({});
|
|
93
|
-
function getCustomColorStyle(type) {
|
|
94
|
-
return (0, bson_value_1.hasCustomColor)(type) ? (0, emotion_1.css)({ color: bson_value_1.VALUE_COLOR_BY_TYPE[type] }) : '';
|
|
95
|
-
}
|
|
96
105
|
const ValueEditor = ({ editing, onEditStart, type, value, valid, validationMessage, originalValue, autoFocus, onChange, onFocus, onBlur, }) => {
|
|
97
106
|
const val = String(value);
|
|
98
107
|
const inputStyle = (0, react_1.useMemo)(() => {
|
|
@@ -111,14 +120,14 @@ const ValueEditor = ({ editing, onEditStart, type, value, valid, validationMessa
|
|
|
111
120
|
return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(tooltip_1.Tooltip, { darkMode: true, isDisabled: valid, delay: 600, usePortal: false, trigger: ({ className, children, onDragStart, onPointerUp, onPointerDown, onMouseDown, ...triggerProps }) => {
|
|
112
121
|
const mergedProps = (0, merge_props_1.mergeProps)(triggerProps, { onBlur, onFocus });
|
|
113
122
|
return (react_1.default.createElement("div", { className: className },
|
|
114
|
-
type === 'String' ? (react_1.default.createElement("
|
|
123
|
+
type === 'String' ? (react_1.default.createElement(bson_value_1.BSONValueContainer, { type: "String", className: (0, emotion_1.cx)(textareaContainer) },
|
|
115
124
|
react_1.default.createElement("textarea", { "data-testid": "hadron-document-value-editor", value: val, onChange: (evt) => {
|
|
116
125
|
onChange(evt.currentTarget.value);
|
|
117
126
|
}, autoFocus: autoFocus, className: (0, emotion_1.cx)(editorReset, editorOutline, editorTextarea, !valid && editorInvalid), spellCheck: "false", style: inputStyle, ...mergedProps }))) : (react_1.default.createElement("input", { type: "text", "data-testid": "hadron-document-value-editor", value: val, onChange: (evt) => {
|
|
118
127
|
onChange(evt.currentTarget.value);
|
|
119
128
|
}, autoFocus: autoFocus, className: (0, emotion_1.cx)(editorReset, editorOutline, !valid && editorInvalid), style: inputStyle, spellCheck: "false", ...mergedProps })),
|
|
120
129
|
children));
|
|
121
|
-
} }, validationMessage)) : (react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-value",
|
|
130
|
+
} }, validationMessage)) : (react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-value", onDoubleClick: onEditStart },
|
|
122
131
|
react_1.default.createElement(bson_value_1.default, { type: type, value: originalValue })))));
|
|
123
132
|
};
|
|
124
133
|
exports.ValueEditor = ValueEditor;
|
|
@@ -129,22 +138,37 @@ const typeEditor = (0, emotion_1.css)({
|
|
|
129
138
|
appearance: 'none',
|
|
130
139
|
paddingLeft: tokens_1.spacing[1],
|
|
131
140
|
width: `calc(${longestTypeNameCharLength}ch + ${tokens_1.spacing[4]}px)`,
|
|
132
|
-
'&:hover
|
|
133
|
-
appearance: 'auto',
|
|
134
|
-
paddingLeft: 0,
|
|
141
|
+
'&:hover': {
|
|
135
142
|
color: 'inherit',
|
|
143
|
+
cursor: 'pointer',
|
|
136
144
|
},
|
|
137
145
|
});
|
|
138
146
|
const typeEditorActive = (0, emotion_1.css)({
|
|
139
147
|
appearance: 'auto',
|
|
140
148
|
paddingLeft: 0,
|
|
141
149
|
});
|
|
150
|
+
const typeEditorChevron = (0, emotion_1.css)({
|
|
151
|
+
position: 'absolute',
|
|
152
|
+
right: 4,
|
|
153
|
+
top: 2,
|
|
154
|
+
pointerEvents: 'none',
|
|
155
|
+
display: 'none',
|
|
156
|
+
});
|
|
157
|
+
const typeEditorContainer = (0, emotion_1.css)({
|
|
158
|
+
[`&:hover .${typeEditorChevron}`]: { display: 'block' },
|
|
159
|
+
position: 'relative',
|
|
160
|
+
cursor: 'pointer',
|
|
161
|
+
});
|
|
142
162
|
const TypeEditor = ({ editing, autoFocus, type, onChange, visuallyActive }) => {
|
|
143
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, editing && (react_1.default.createElement("
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
163
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, editing && (react_1.default.createElement("div", { className: typeEditorContainer },
|
|
164
|
+
react_1.default.createElement("select", { value: type, "data-testid": "hadron-document-type-editor", autoFocus: autoFocus, onChange: (evt) => {
|
|
165
|
+
onChange(evt.currentTarget.value);
|
|
166
|
+
}, className: (0, emotion_1.cx)(editorReset, editorOutline, typeEditor, visuallyActive && typeEditorActive), onClick: (e) => {
|
|
167
|
+
e.stopPropagation();
|
|
168
|
+
} }, TYPES.map((type) => {
|
|
169
|
+
return (react_1.default.createElement("option", { key: type, value: type }, type));
|
|
170
|
+
})),
|
|
171
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "ChevronDown", size: "xsmall", className: typeEditorChevron })))));
|
|
148
172
|
};
|
|
149
173
|
exports.TypeEditor = TypeEditor;
|
|
150
174
|
//# sourceMappingURL=element-editors.js.map
|