@povio/ui 2.3.0-rc.1 → 2.3.0-rc.11

package/dist/components/inputs/Inputs/Form.js

@@ -2,8 +2,8 @@ import { InputItem } from "./InputItem.js";
 import { StringUtils } from "../../../utils/string.utils.js";
 import { ZodUtils } from "../../../utils/zod.utils.js";
 import { getDefaultInputComponentType } from "../../../helpers/dynamicInputs.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { z } from "zod";
 //#region src/components/inputs/Inputs/Form.tsx
 var createFieldComponent = (field, schemaKeyType, form) => {
@@ -23,22 +23,51 @@ var createFieldComponent = (field, schemaKeyType, form) => {
 		});
 	};
 };
-function Form({ form, schema, onSubmit, onError, className, children }) {
-	const components = useMemo(() => {
-		const fieldComponents = {};
+function Form(t0) {
+	const $ = c(14);
+	const { form, schema, onSubmit, onError, className, children } = t0;
+	let fieldComponents;
+	if ($[0] !== form || $[1] !== schema.shape) {
+		fieldComponents = {};
 		const fields = Object.keys(schema.shape);
 		for (const field of fields) {
 			const componentName = StringUtils.capitalize(String(field));
 			const schemaKeyType = schema.shape[field];
 			fieldComponents[componentName] = createFieldComponent(field, schemaKeyType, form);
 		}
-		return fieldComponents;
-	}, [schema.shape, form]);
-	return /* @__PURE__ */ jsx("form", {
-		onSubmit: form.handleSubmit(onSubmit, onError),
-		className,
-		children: children(components)
-	});
+		$[0] = form;
+		$[1] = schema.shape;
+		$[2] = fieldComponents;
+	} else fieldComponents = $[2];
+	const components = fieldComponents;
+	let t1;
+	if ($[3] !== form || $[4] !== onError || $[5] !== onSubmit) {
+		t1 = form.handleSubmit(onSubmit, onError);
+		$[3] = form;
+		$[4] = onError;
+		$[5] = onSubmit;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== components) {
+		t2 = children(components);
+		$[7] = children;
+		$[8] = components;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== className || $[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx("form", {
+			onSubmit: t1,
+			className,
+			children: t2
+		});
+		$[10] = className;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
 }
 //#endregion
 export { Form };

package/dist/components/inputs/Inputs/InputItem.d.ts

@@ -22,7 +22,6 @@ declare const componentRegistry: {
     readonly dateTimePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ fullIso, renderStaticInput, ...props }: import('../DateTime/DateTimePicker/DateTimePicker').ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly timePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ renderStaticInput, ...props }: import('../DateTime/TimePicker/TimePicker').ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly dateRangePicker: <TFieldValues extends import('react-hook-form').FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DateRangePicker/DateRangePicker').ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly textEditor: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('../../../text-editor.js').ControlledTextEditorProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     readonly unknown: null;
 };
 export type InputComponentRegistry = typeof componentRegistry;

package/dist/components/inputs/Inputs/InputItem.js

@@ -15,7 +15,7 @@ import { Slider } from "../Slider/Slider.js";
 import { Toggle } from "../Toggle/Toggle.js";
 import { Segment } from "../../segment/Segment.js";
 import { QuerySelect } from "../Selection/Select/QuerySelect.js";
-import { TextEditor } from "../TextEditor/TextEditor.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/InputItem.tsx
 var componentRegistry = {
@@ -36,27 +36,76 @@ var componentRegistry = {
 	dateTimePicker: DateTimePicker,
 	timePicker: TimePicker,
 	dateRangePicker: DateRangePicker,
-	textEditor: TextEditor,
 	unknown: null
 };
-function InputItem({ form, inputDef }) {
+function InputItem(t0) {
+	const $ = c(18);
+	const { form, inputDef } = t0;
 	const { name, label, placeholder, props, inputWrapper, render, type } = inputDef;
-	const formControl = {
-		control: form.control,
-		name
-	};
-	if (render) return render(formControl, form);
+	const t1 = form.control;
+	let formControl;
+	let t2;
+	if ($[0] !== form || $[1] !== name || $[2] !== render) {
+		t2 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			formControl = {
+				control: t1,
+				name
+			};
+			if (render) {
+				t2 = render(formControl, form);
+				break bb0;
+			}
+		}
+		$[0] = form;
+		$[1] = name;
+		$[2] = render;
+		$[3] = formControl;
+		$[4] = t2;
+	} else {
+		formControl = $[3];
+		t2 = $[4];
+	}
+	if (t2 !== Symbol.for("react.early_return_sentinel")) return t2;
 	if (!type) return null;
 	const Component = componentRegistry[type];
 	const usesChildrenAsLabel = ["toggle", "checkbox"].includes(type);
-	const inputComponent = /* @__PURE__ */ jsx(Component, {
-		...props ?? {},
-		label: usesChildrenAsLabel ? void 0 : label,
-		placeholder,
-		formControl,
-		children: usesChildrenAsLabel ? label : void 0
-	});
-	return inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
+	let t3;
+	if ($[5] !== props) {
+		t3 = props ?? {};
+		$[5] = props;
+		$[6] = t3;
+	} else t3 = $[6];
+	const inputProps = t3;
+	const t4 = usesChildrenAsLabel ? void 0 : label;
+	const t5 = usesChildrenAsLabel ? label : void 0;
+	let t6;
+	if ($[7] !== Component || $[8] !== formControl || $[9] !== inputProps || $[10] !== placeholder || $[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Component, {
+			...inputProps,
+			label: t4,
+			placeholder,
+			formControl,
+			children: t5
+		});
+		$[7] = Component;
+		$[8] = formControl;
+		$[9] = inputProps;
+		$[10] = placeholder;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	const inputComponent = t6;
+	let t7;
+	if ($[14] !== inputComponent || $[15] !== inputWrapper || $[16] !== label) {
+		t7 = inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
+		$[14] = inputComponent;
+		$[15] = inputWrapper;
+		$[16] = label;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
 }
 //#endregion
 export { InputItem };

package/dist/components/inputs/Inputs/Inputs.js

@@ -1,17 +1,43 @@
 import { InputItem } from "./InputItem.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
-function Inputs({ form, inputDefs, children }) {
-	if (!children) return inputDefs.map((inputDef) => /* @__PURE__ */ jsx(InputItem, {
-		form,
-		inputDef
-	}, String(inputDef.name)));
-	const childrenParams = {};
-	for (const inputDef of inputDefs) childrenParams[inputDef.name] = /* @__PURE__ */ jsx(InputItem, {
-		form,
-		inputDef
-	});
-	return children(childrenParams);
+function Inputs(t0) {
+	const $ = c(9);
+	const { form, inputDefs, children } = t0;
+	if (!children) {
+		let t1;
+		if ($[0] !== form || $[1] !== inputDefs) {
+			let t2;
+			if ($[3] !== form) {
+				t2 = (inputDef) => /* @__PURE__ */ jsx(InputItem, {
+					form,
+					inputDef
+				}, String(inputDef.name));
+				$[3] = form;
+				$[4] = t2;
+			} else t2 = $[4];
+			t1 = inputDefs.map(t2);
+			$[0] = form;
+			$[1] = inputDefs;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	let t1;
+	if ($[5] !== children || $[6] !== form || $[7] !== inputDefs) {
+		const childrenParams = {};
+		for (const inputDef_0 of inputDefs) childrenParams[inputDef_0.name] = /* @__PURE__ */ jsx(InputItem, {
+			form,
+			inputDef: inputDef_0
+		});
+		t1 = children(childrenParams);
+		$[5] = children;
+		$[6] = form;
+		$[7] = inputDefs;
+		$[8] = t1;
+	} else t1 = $[8];
+	return t1;
 }
 //#endregion
 export { Inputs };