schema-components 1.8.1 → 1.9.0

package/dist/themes/mantine.d.mts

@@ -0,0 +1,17 @@
+import { b as ComponentResolver } from "../types-BJzEgJdX.mjs";
+
+//#region src/themes/mantine.d.ts
+/**
+ * Register real Mantine components for the resolver to use.
+ * Call once at app startup before rendering.
+ */
+declare function registerMantineComponents(components: {
+  TextInput: unknown;
+  NumberInput: unknown;
+  Switch: unknown;
+  Select: unknown;
+  Fieldset: unknown;
+}): void;
+declare const mantineResolver: ComponentResolver;
+//#endregion
+export { mantineResolver, registerMantineComponents };

package/dist/themes/mantine.mjs

@@ -0,0 +1,131 @@
+import { isObject } from "../core/guards.mjs";
+import { headlessResolver, toReactNode } from "../react/headless.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/themes/mantine.tsx
+function getLabel(props) {
+	if (typeof props.meta.description === "string") return props.meta.description;
+}
+let MantineTextInput = (props) => /* @__PURE__ */ jsx("input", { ...props });
+let MantineNumberInput = (props) => /* @__PURE__ */ jsx("input", {
+	type: "number",
+	...props
+});
+let MantineSwitch = (props) => /* @__PURE__ */ jsx("input", {
+	type: "checkbox",
+	...props
+});
+let MantineSelect = (props) => /* @__PURE__ */ jsx("select", { ...props });
+let MantineFieldset = (props) => /* @__PURE__ */ jsx("fieldset", { ...props });
+function toComponent(value) {
+	if (typeof value === "function") return value;
+	if (typeof value === "object" && value !== null && "render" in value) return value;
+	throw new Error(`Expected a React component, got ${typeof value}`);
+}
+/**
+* Register real Mantine components for the resolver to use.
+* Call once at app startup before rendering.
+*/
+function registerMantineComponents(components) {
+	MantineTextInput = toComponent(components.TextInput);
+	MantineNumberInput = toComponent(components.NumberInput);
+	MantineSwitch = toComponent(components.Switch);
+	MantineSelect = toComponent(components.Select);
+	MantineFieldset = toComponent(components.Fieldset);
+}
+function renderStringInput(props) {
+	const strValue = typeof props.value === "string" ? props.value : "";
+	const label = getLabel(props);
+	if (props.readOnly) return /* @__PURE__ */ jsx("span", { children: strValue || "—" });
+	return /* @__PURE__ */ jsx(MantineTextInput, {
+		label,
+		value: props.writeOnly ? "" : strValue,
+		onChange: (e) => {
+			props.onChange(e.target.value);
+		}
+	});
+}
+function renderNumberInput(props) {
+	const label = getLabel(props);
+	if (props.readOnly) {
+		if (typeof props.value !== "number") return /* @__PURE__ */ jsx("span", { children: "—" });
+		return /* @__PURE__ */ jsx("span", { children: props.value.toLocaleString() });
+	}
+	return /* @__PURE__ */ jsx(MantineNumberInput, {
+		label,
+		value: props.writeOnly ? void 0 : typeof props.value === "number" ? props.value : void 0,
+		onChange: (v) => {
+			if (typeof v === "number") props.onChange(v);
+		}
+	});
+}
+function renderBooleanInput(props) {
+	const label = getLabel(props);
+	if (props.readOnly) {
+		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx("span", { children: "—" });
+		return /* @__PURE__ */ jsx("span", { children: props.value ? "Yes" : "No" });
+	}
+	return /* @__PURE__ */ jsx(MantineSwitch, {
+		label,
+		checked: props.writeOnly ? false : props.value === true,
+		onChange: (e) => {
+			props.onChange(e.target.checked);
+		}
+	});
+}
+function renderEnumInput(props) {
+	const enumValue = typeof props.value === "string" ? props.value : "";
+	const label = getLabel(props);
+	if (props.readOnly) return /* @__PURE__ */ jsx("span", { children: enumValue || "—" });
+	return /* @__PURE__ */ jsx(MantineSelect, {
+		label,
+		value: props.writeOnly ? null : enumValue || null,
+		onChange: (v) => {
+			if (typeof v === "string") props.onChange(v);
+		},
+		data: (props.enumValues ?? []).map((v) => ({
+			value: v,
+			label: v
+		}))
+	});
+}
+function renderObjectContainer(props) {
+	const fields = props.fields;
+	if (fields === void 0) return null;
+	const obj = isObject(props.value) ? props.value : {};
+	return /* @__PURE__ */ jsx(MantineFieldset, {
+		legend: getLabel(props),
+		children: Object.entries(fields).filter(([, field]) => field.meta.visible !== false).map(([key, field]) => {
+			const childValue = obj[key];
+			const childOnChange = (v) => {
+				const updated = {};
+				for (const [k, val] of Object.entries(obj)) updated[k] = val;
+				updated[key] = v;
+				props.onChange(updated);
+			};
+			return /* @__PURE__ */ jsx("div", {
+				style: { marginBottom: "0.5rem" },
+				children: toReactNode(props.renderChild(field, childValue, childOnChange))
+			}, key);
+		})
+	});
+}
+function buildResolver() {
+	const resolver = {
+		string: renderStringInput,
+		number: renderNumberInput,
+		boolean: renderBooleanInput,
+		enum: renderEnumInput,
+		object: renderObjectContainer
+	};
+	if (headlessResolver.literal !== void 0) resolver.literal = headlessResolver.literal;
+	if (headlessResolver.union !== void 0) resolver.union = headlessResolver.union;
+	if (headlessResolver.discriminatedUnion !== void 0) resolver.discriminatedUnion = headlessResolver.discriminatedUnion;
+	if (headlessResolver.array !== void 0) resolver.array = headlessResolver.array;
+	if (headlessResolver.record !== void 0) resolver.record = headlessResolver.record;
+	if (headlessResolver.file !== void 0) resolver.file = headlessResolver.file;
+	if (headlessResolver.unknown !== void 0) resolver.unknown = headlessResolver.unknown;
+	return resolver;
+}
+const mantineResolver = buildResolver();
+//#endregion
+export { mantineResolver, registerMantineComponents };

package/dist/themes/mui.d.mts

@@ -1,16 +1,13 @@
 import { b as ComponentResolver } from "../types-BJzEgJdX.mjs";
 
 //#region src/themes/mui.d.ts
-/**
- * Register real MUI components. Call once at app startup.
- */
 declare function registerMuiComponents(components: {
-  TextField: React.ComponentType<Record<string, unknown>>;
-  Checkbox: React.ComponentType<Record<string, unknown>>;
-  Typography: React.ComponentType<Record<string, unknown>>;
-  Box: React.ComponentType<Record<string, unknown>>;
-  MenuItem: React.ComponentType<Record<string, unknown>>;
-  FormControlLabel: React.ComponentType<Record<string, unknown>>;
+  TextField: unknown;
+  Checkbox: unknown;
+  Typography: unknown;
+  Box: unknown;
+  MenuItem: unknown;
+  FormControlLabel: unknown;
 }): void;
 declare const muiResolver: ComponentResolver;
 //#endregion

package/dist/themes/mui.mjs

@@ -197,13 +197,18 @@ let MuiFormControlLabel = (props) => {
 /**
 * Register real MUI components. Call once at app startup.
 */
+function toComponent(value) {
+	if (typeof value === "function") return value;
+	if (typeof value === "object" && value !== null && "render" in value) return value;
+	throw new Error(`Expected a React component, got ${typeof value}`);
+}
 function registerMuiComponents(components) {
-	MuiTextField = components.TextField;
-	MuiCheckbox = components.Checkbox;
-	MuiTypography = components.Typography;
-	MuiBox = components.Box;
-	MuiMenuItem = components.MenuItem;
-	MuiFormControlLabel = components.FormControlLabel;
+	MuiTextField = toComponent(components.TextField);
+	MuiCheckbox = toComponent(components.Checkbox);
+	MuiTypography = toComponent(components.Typography);
+	MuiBox = toComponent(components.Box);
+	MuiMenuItem = toComponent(components.MenuItem);
+	MuiFormControlLabel = toComponent(components.FormControlLabel);
 }
 function buildResolver() {
 	const resolver = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "schema-components",
-    "version": "1.8.1",
+    "version": "1.9.0",
     "description": "React components that render UI from Zod schemas, JSON Schema, and OpenAPI documents",
     "type": "module",
     "main": "./dist/index.mjs",