@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

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

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

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

@@ -1,10 +1,13 @@
-import { ReactNode } from 'react';
-import { z } from 'zod';
-import { UIForm } from '../../../hooks/useForm';
-import { InputDef } from './InputItem';
-export interface InputsProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
-    form: UIForm<TSchemaType>;
-    inputDefs: Array<InputDef<TSchemaType>>;
-    children?: (inputs: Record<keyof TSchemaType, ReactNode>) => ReactNode;
+import { UIForm } from "../../../hooks/useForm.js";
+import { InputDef } from "./InputItem.js";
+import { ReactNode } from "react";
+import { z } from "zod";
+//#region src/components/inputs/Inputs/Inputs.d.ts
+interface InputsProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
+  form: UIForm<TSchemaType>;
+  inputDefs: Array<InputDef<TSchemaType>>;
+  children?: (inputs: Record<keyof TSchemaType, ReactNode>) => ReactNode;
 }
-export declare function Inputs<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>>({ form, inputDefs, children, }: InputsProps<TSchema, TSchemaType>): string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
+declare function Inputs<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>>({ form, inputDefs, children }: InputsProps<TSchema, TSchemaType>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined;
+//#endregion
+export { Inputs, InputsProps };

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

@@ -1,43 +1,17 @@
 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(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;
+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);
 }
 //#endregion
 export { Inputs };

package/dist/components/inputs/RadioGroup/RadioGroup.d.ts

@@ -1,22 +1,24 @@
-import { ReactElement, Ref } from 'react';
-import { RadioGroupProps as AriaRadioGroupProps } from 'react-aria-components';
-import { FieldValues } from '../shared/form.binding';
-import { FormFieldProps } from '../FormField/FormField';
-import { RadioVariantProps } from './radio.cva';
-import { ControlProps } from '../shared/form.types';
-import { InputVariantProps } from '../shared/input.cva';
-interface RadioGroupBaseProps extends Omit<FormFieldProps, "variant">, RadioVariantProps, Omit<InputVariantProps, "variant">, Omit<AriaRadioGroupProps, "className"> {
-    ref?: Ref<HTMLDivElement>;
-    options: {
-        label: string | ReactElement;
-        value: string;
-    }[];
-    isDirty?: boolean;
-    inputClassName?: string;
-    labelClassName?: string;
+import { FieldValues } from "../shared/form.binding.js";
+import { ControlProps } from "../shared/form.types.js";
+import { InputVariantProps } from "../shared/input.cva.js";
+import { FormFieldProps } from "../FormField/FormField.js";
+import { RadioVariantProps } from "./radio.cva.js";
+import { ReactElement, Ref } from "react";
+import { RadioGroupProps } from "react-aria-components";
+//#region src/components/inputs/RadioGroup/RadioGroup.d.ts
+interface RadioGroupBaseProps extends Omit<FormFieldProps, "variant">, RadioVariantProps, Omit<InputVariantProps, "variant">, Omit<RadioGroupProps, "className"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
 }
-export interface RadioGroupProps extends RadioGroupBaseProps {
-}
-export type ControlledRadioGroupProps<TFieldValues extends FieldValues> = ControlProps<RadioGroupProps, TFieldValues>;
-export declare const RadioGroup: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-export {};
+interface RadioGroupProps$1 extends RadioGroupBaseProps {}
+type ControlledRadioGroupProps<TFieldValues extends FieldValues> = ControlProps<RadioGroupProps$1, TFieldValues>;
+declare const RadioGroupComponent: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup$1: typeof RadioGroupComponent;
+//#endregion
+export { ControlledRadioGroupProps, RadioGroup$1 as RadioGroup, RadioGroupProps$1 as RadioGroupProps };