atom.io 0.33.9 → 0.33.11

package/dist/react-devtools/index.js

@@ -23,6 +23,137 @@ const OpenClose = ({ isOpen, setIsOpen, disabled, testid }) => {
 };
 const button = { OpenClose };
 
+//#endregion
+//#region src/react-devtools/error-boundary/DefaultFallback.tsx
+const DefaultFallback = ({ error, errorInfo }) => {
+	const component = errorInfo?.componentStack?.split(` `).filter(Boolean)[2];
+	const message = error?.toString() ?? errorInfo?.componentStack ?? `Unknown error`;
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "error-boundary",
+		style: {
+			flex: `1`,
+			background: `black`,
+			backgroundImage: `url(./src/assets/kablooey.gif)`,
+			backgroundPosition: `center`,
+			backgroundSize: `overlay`
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			style: {
+				margin: `50px`,
+				marginTop: `0`,
+				padding: `50px`,
+				border: `1px solid dashed`
+			},
+			children: /* @__PURE__ */ jsxs("span", {
+				style: {
+					background: `black`,
+					color: `white`,
+					padding: 10,
+					paddingTop: 5
+				},
+				children: [
+					`⚠️ `,
+					/* @__PURE__ */ jsx("span", {
+						style: {
+							color: `#fc0`,
+							fontWeight: 700
+						},
+						children: component
+					}),
+					` ⚠️ `,
+					message
+				]
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/react-devtools/error-boundary/ReactErrorBoundary.tsx
+var ErrorBoundary = class extends Component {
+	constructor(props) {
+		super(props);
+		this.state = {};
+	}
+	componentDidCatch(error, errorInfo) {
+		this.props.onError?.(error, errorInfo);
+		this.setState({
+			error,
+			errorInfo
+		});
+	}
+	render() {
+		const { error, errorInfo } = this.state;
+		const { children, Fallback = DefaultFallback } = this.props;
+		return errorInfo ? /* @__PURE__ */ jsx(Fallback, {
+			error,
+			errorInfo
+		}) : children;
+	}
+};
+
+//#endregion
+//#region src/react-devtools/json-editor/default-components.tsx
+const DEFAULT_JSON_EDITOR_COMPONENTS = {
+	ErrorBoundary: ({ children }) => /* @__PURE__ */ jsx(ErrorBoundary, { children }),
+	Button: ({ onClick, children, disabled, testid }) => /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "json_editor_button",
+		onClick,
+		disabled,
+		"data-testid": testid,
+		children
+	}),
+	EditorWrapper: ({ children, className, testid }) => /* @__PURE__ */ jsx("div", {
+		className: `json_editor` + (className ? ` ${className}` : ``),
+		"data-testid": testid,
+		children
+	}),
+	ArrayWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("div", {
+		className: "json_editor_array",
+		"data-testid": testid,
+		children
+	}),
+	ObjectWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("div", {
+		className: "json_editor_object",
+		"data-testid": testid,
+		children
+	}),
+	StringWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_string",
+		"data-testid": testid,
+		children
+	}),
+	NumberWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_number",
+		"data-testid": testid,
+		children
+	}),
+	BooleanWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_boolean",
+		"data-testid": testid,
+		children
+	}),
+	Null: ({ testid }) => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_null",
+		"data-testid": testid
+	}),
+	DeleteIcon: () => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_icon json_editor_delete",
+		children: "x"
+	}),
+	MissingPropertyWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_missing_property",
+		"data-testid": testid,
+		children
+	}),
+	KeyWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
+		className: "json_editor_key",
+		"data-testid": testid,
+		children
+	})
+};
+
 //#endregion
 //#region src/react-devtools/elastic-input/ElasticInput.tsx
 const ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
@@ -243,15 +374,12 @@ const JsonEditor_INTERNAL = ({ data, set, name, rename, remove, recast, path = [
 		style,
 		testid,
 		children: [
-			remove ? disabled ? /* @__PURE__ */ jsx(Components.Button, {
-				disabled: true,
-				testid: `${testid}-delete`,
-				children: /* @__PURE__ */ jsx(Components.DeleteIcon, {})
-			}) : /* @__PURE__ */ jsx(Components.Button, {
-				testid: `${testid}-delete`,
+			remove ? /* @__PURE__ */ jsx(Components.Button, {
+				disabled,
 				onClick: () => {
 					remove();
 				},
+				testid: `${testid}-delete`,
 				children: /* @__PURE__ */ jsx(Components.DeleteIcon, {})
 			}) : null,
 			HeaderDisplay && /* @__PURE__ */ jsx(HeaderDisplay, { data }),
@@ -300,25 +428,6 @@ const makeElementSetters = (data, set) => data.map((value, index) => (newValue)
 	});
 });
 
-//#endregion
-//#region src/react-devtools/json-editor/editors-by-type/array-editor.tsx
-const ArrayEditor = ({ path = [], isReadonly = () => false, isHidden = () => false, data, set, Components, testid }) => {
-	const setElement = makeElementSetters(data, set);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: data.map((element, index) => {
-		const newPath = [...path, index];
-		return /* @__PURE__ */ jsx(JsonEditor_INTERNAL, {
-			path: newPath,
-			isReadonly,
-			isHidden,
-			data: element,
-			set: setElement[index],
-			Components,
-			className: "json_editor_element",
-			testid: `${testid}-element-${index}`
-		}, newPath.join(``));
-	}) });
-};
-
 //#endregion
 //#region src/react-devtools/json-editor/editors-by-type/utilities/cast-json.ts
 const stringToBoolean = (str) => str === `true`;
@@ -523,15 +632,31 @@ const makePropertyRenamers = (data, set, stableKeyMapRef) => fromEntries(toEntri
 }]));
 const makePropertyRemovers = (data, set) => fromEntries(toEntries(data).map(([key]) => [key, () => {
 	set(() => {
-		const { [key]: _,...rest } = data;
-		return rest;
+		let next;
+		if (Array.isArray(data)) {
+			const copy = [...data];
+			copy.splice(key, 1);
+			next = copy;
+		} else {
+			const { [key]: _,...rest } = data;
+			next = rest;
+		}
+		return next;
 	});
 }]));
 const makePropertyRecasters = (data, set) => fromEntries(toEntries(data).map(([key, value]) => [key, (newType) => {
-	set(() => ({
-		...data,
-		[key]: castToJson(value)[newType]
-	}));
+	set(() => {
+		let next;
+		if (Array.isArray(data)) {
+			const copy = [...data];
+			copy[key] = castToJson(value)[newType];
+			next = copy;
+		} else next = {
+			...data,
+			[key]: castToJson(value)[newType]
+		};
+		return next;
+	});
 }]));
 const makePropertyCreationInterface = (data, set) => (key, type) => (value) => {
 	set({
@@ -546,6 +671,44 @@ const makePropertySorter = (data, set, sortFn) => () => {
 	set(sortedObj);
 };
 
+//#endregion
+//#region src/react-devtools/json-editor/editors-by-type/array-editor.tsx
+const ArrayEditor = ({ path = [], isReadonly = () => false, isHidden = () => false, data, set, Components, testid }) => {
+	const disabled = isReadonly(path);
+	const setElement = makeElementSetters(data, set);
+	const removeElement = makePropertyRemovers(data, set);
+	const recastElement = makePropertyRecasters(data, set);
+	return /* @__PURE__ */ jsxs(Components.ArrayWrapper, { children: [/* @__PURE__ */ jsx("div", {
+		className: `json_editor_elements${disabled ? ` readonly` : ``}`,
+		children: data.map((element, index) => {
+			const newPath = [...path, index];
+			return /* @__PURE__ */ jsx(JsonEditor_INTERNAL, {
+				path: newPath,
+				name: `${index}`,
+				isReadonly,
+				isHidden,
+				data: element,
+				set: setElement[index],
+				remove: removeElement[index],
+				recast: recastElement[index],
+				className: "json_editor_element",
+				Components,
+				testid: `${testid}-element-${index}`
+			}, newPath.join(``));
+		})
+	}), disabled ? null : /* @__PURE__ */ jsx(Components.Button, {
+		testid: `${testid}-add-element`,
+		disabled,
+		onClick: () => {
+			set((current) => {
+				const newData = [...current, JSON_DEFAULTS.string];
+				return newData;
+			});
+		},
+		children: "+"
+	})] });
+};
+
 //#endregion
 //#region src/react-devtools/json-editor/editors-by-type/object-editor.tsx
 const ObjectEditor = ({ path = [], isReadonly = () => false, isHidden = () => false, data, set, Components, testid }) => {
@@ -560,15 +723,8 @@ const ObjectEditor = ({ path = [], isReadonly = () => false, isHidden = () => fa
 	const recastProperty = makePropertyRecasters(data, set);
 	const sortProperties = makePropertySorter(data, set);
 	const makePropertyAdder = makePropertyCreationInterface(data, set);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Components.Button, {
-		testid: `${testid}-sort-properties`,
-		onClick: () => {
-			sortProperties();
-		},
-		disabled,
-		children: "Sort"
-	}), /* @__PURE__ */ jsxs(Components.ObjectWrapper, { children: [/* @__PURE__ */ jsx("div", {
-		className: "json_editor_properties",
+	return /* @__PURE__ */ jsxs(Components.ObjectWrapper, { children: [/* @__PURE__ */ jsx("div", {
+		className: `json_editor_properties${disabled ? ` readonly` : ``}`,
 		children: Object.keys(data).map((key) => {
 			const originalKey = stableKeyMap.current[key];
 			const newPath = [...path, key];
@@ -588,22 +744,27 @@ const ObjectEditor = ({ path = [], isReadonly = () => false, isHidden = () => fa
 				testid: `${testid}-property-${key}`
 			}, originalPath.join(`.`));
 		})
-	}), disabled ? /* @__PURE__ */ jsx(Components.Button, {
-		disabled: true,
-		testid: `${testid}-add-property`,
-		children: "+"
-	}) : /* @__PURE__ */ jsx(Components.Button, {
+	}), disabled ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Components.Button, {
+		disabled,
 		testid: `${testid}-add-property`,
 		onClick: () => {
 			makePropertyAdder(`new_property`, `string`)();
 		},
 		children: "+"
+	}), /* @__PURE__ */ jsx(Components.Button, {
+		testid: `${testid}-sort-properties`,
+		onClick: () => {
+			sortProperties();
+		},
+		disabled,
+		children: "Sort"
 	})] })] });
 };
 
 //#endregion
 //#region src/react-devtools/json-editor/editors-by-type/primitive-editors.tsx
-const BooleanEditor = ({ data, set, Components, testid }) => /* @__PURE__ */ jsx(Components.BooleanWrapper, { children: /* @__PURE__ */ jsx("input", {
+const BooleanEditor = ({ path = [], isReadonly = () => false, data, set, Components, testid }) => /* @__PURE__ */ jsx(Components.BooleanWrapper, { children: /* @__PURE__ */ jsx("input", {
+	disabled: isReadonly(path),
 	"data-testid": `${testid}-boolean-input`,
 	type: "checkbox",
 	checked: data,
@@ -613,6 +774,7 @@ const BooleanEditor = ({ data, set, Components, testid }) => /* @__PURE__ */ jsx
 }) });
 const NullEditor = ({ Components, testid }) => /* @__PURE__ */ jsx(Components.Null, { testid: `${testid}-null` });
 const NumberEditor = ({ path = [], isReadonly = () => false, data, set, Components, testid }) => /* @__PURE__ */ jsx(Components.NumberWrapper, { children: /* @__PURE__ */ jsx(NumberInput, {
+	disabled: isReadonly(path),
 	testid: `${testid}-number-input`,
 	value: data,
 	set: isReadonly(path) ? void 0 : (newValue) => {
@@ -622,6 +784,7 @@ const NumberEditor = ({ path = [], isReadonly = () => false, data, set, Componen
 }) });
 const StringEditor = ({ path = [], isReadonly = () => false, data, set, Components, testid }) => {
 	return /* @__PURE__ */ jsx(Components.StringWrapper, { children: /* @__PURE__ */ jsx(TextInput, {
+		readOnly: isReadonly(path),
 		testid: `${testid}-string-input`,
 		value: data,
 		set: isReadonly(path) ? void 0 : set,
@@ -629,139 +792,16 @@ const StringEditor = ({ path = [], isReadonly = () => false, data, set, Componen
 	}) });
 };
 
-//#endregion
-//#region src/react-devtools/error-boundary/DefaultFallback.tsx
-const DefaultFallback = ({ error, errorInfo }) => {
-	const component = errorInfo?.componentStack?.split(` `).filter(Boolean)[2];
-	const message = error?.toString() ?? errorInfo?.componentStack ?? `Unknown error`;
-	return /* @__PURE__ */ jsx("div", {
-		"data-testid": "error-boundary",
-		style: {
-			flex: `1`,
-			background: `black`,
-			backgroundImage: `url(./src/assets/kablooey.gif)`,
-			backgroundPosition: `center`,
-			backgroundSize: `overlay`
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			style: {
-				margin: `50px`,
-				marginTop: `0`,
-				padding: `50px`,
-				border: `1px solid dashed`
-			},
-			children: /* @__PURE__ */ jsxs("span", {
-				style: {
-					background: `black`,
-					color: `white`,
-					padding: 10,
-					paddingTop: 5
-				},
-				children: [
-					`⚠️ `,
-					/* @__PURE__ */ jsx("span", {
-						style: {
-							color: `#fc0`,
-							fontWeight: 700
-						},
-						children: component
-					}),
-					` ⚠️ `,
-					message
-				]
-			})
-		})
-	});
-};
-
-//#endregion
-//#region src/react-devtools/error-boundary/ReactErrorBoundary.tsx
-var ErrorBoundary = class extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {};
-	}
-	componentDidCatch(error, errorInfo) {
-		this.props.onError?.(error, errorInfo);
-		this.setState({
-			error,
-			errorInfo
-		});
-	}
-	render() {
-		const { error, errorInfo } = this.state;
-		const { children, Fallback = DefaultFallback } = this.props;
-		return errorInfo ? /* @__PURE__ */ jsx(Fallback, {
-			error,
-			errorInfo
-		}) : children;
-	}
-};
-
-//#endregion
-//#region src/react-devtools/json-editor/default-components.tsx
-const DEFAULT_JSON_EDITOR_COMPONENTS = {
-	ErrorBoundary: ({ children }) => /* @__PURE__ */ jsx(ErrorBoundary, { children }),
-	Button: ({ onClick, children, disabled, testid }) => /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: "json_editor_button",
-		onClick,
-		disabled,
-		"data-testid": testid,
-		children
-	}),
-	EditorWrapper: ({ children, className, testid }) => /* @__PURE__ */ jsx("div", {
-		className: `json_editor` + (className ? ` ${className}` : ``),
-		"data-testid": testid,
-		children
-	}),
-	ArrayWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("div", {
-		className: "json_editor_array",
-		"data-testid": testid,
-		children
-	}),
-	ObjectWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("div", {
-		className: "json_editor_object",
-		"data-testid": testid,
-		children
-	}),
-	StringWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_string",
-		"data-testid": testid,
-		children
-	}),
-	NumberWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_number",
-		"data-testid": testid,
-		children
-	}),
-	BooleanWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_boolean",
-		"data-testid": testid,
-		children
-	}),
-	Null: ({ testid }) => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_null",
-		"data-testid": testid
-	}),
-	DeleteIcon: () => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_icon json_editor_delete",
-		children: "x"
-	}),
-	MissingPropertyWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_missing_property",
-		"data-testid": testid,
-		children
-	}),
-	KeyWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", {
-		className: "json_editor_key",
-		"data-testid": testid,
-		children
-	})
-};
-
 //#endregion
 //#region src/react-devtools/json-editor/developer-interface.tsx
+const SubEditors = {
+	array: ArrayEditor,
+	boolean: BooleanEditor,
+	null: NullEditor,
+	number: NumberEditor,
+	object: ObjectEditor,
+	string: StringEditor
+};
 const JsonEditor = ({ data, set, name, rename, remove, isReadonly = () => false, isHidden = () => false, className, Header, style, Components: CustomComponents = {}, testid }) => {
 	const Components = {
 		...DEFAULT_JSON_EDITOR_COMPONENTS,
@@ -784,17 +824,6 @@ const JsonEditor = ({ data, set, name, rename, remove, isReadonly = () => false,
 	});
 };
 
-//#endregion
-//#region src/react-devtools/json-editor/index.ts
-const SubEditors = {
-	array: ArrayEditor,
-	boolean: BooleanEditor,
-	null: NullEditor,
-	number: NumberEditor,
-	object: ObjectEditor,
-	string: StringEditor
-};
-
 //#endregion
 //#region src/react-devtools/StateEditor.tsx
 const StateEditor = ({ token }) => {