@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/components/inputs/Input/shared/numberStatic.utils.js

@@ -1,7 +0,0 @@
-//#region src/components/inputs/Input/shared/numberStatic.utils.ts
-var getStaticNumberDisplayValue = (value, formatter) => {
-	if (typeof value !== "number" || !Number.isFinite(value)) return null;
-	return formatter.format(value);
-};
-//#endregion
-export { getStaticNumberDisplayValue };

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

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { z } from 'zod';
-import { InputComponentProps, InputDefBaseProps } from './InputItem';
-import { AllowedComponentType, DefaultComponentType } from '../../../helpers/dynamicInputs';
-import { FormSubmitErrorHandler, FormSubmitHandler, UIForm } from '../../../hooks/useForm';
-type Capitalize<T extends string> = T extends `${infer First}${infer Rest}` ? `${Uppercase<First>}${Rest}` : T;
-type FieldProps<TProps = {}> = {
-    label: string;
-    placeholder?: string;
-} & TProps;
-type FieldComponentProps<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>, T extends AllowedComponentType<TSchema["shape"][K]> | undefined = undefined> = FieldProps<InputDefBaseProps<InputComponentProps<T extends AllowedComponentType<TSchema["shape"][K]> ? T : DefaultComponentType<TSchema["shape"][K]>>>> & {
-    inputType?: T extends AllowedComponentType<TSchema["shape"][K]> ? T : never;
-};
-type FieldComponents<TSchema extends z.ZodObject<any>> = {
-    [K in keyof Required<z.infer<TSchema>> as Capitalize<K & string>]: <T extends AllowedComponentType<TSchema["shape"][K]> | undefined = undefined>(props: FieldComponentProps<TSchema, K, T>) => ReactNode;
-};
-interface FormProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
-    form: UIForm<TSchemaType>;
-    schema: TSchema;
-    onSubmit: FormSubmitHandler<TSchemaType>;
-    onError?: FormSubmitErrorHandler<TSchemaType>;
-    className?: string;
-    children: (components: FieldComponents<TSchema>) => ReactNode;
-}
-export declare function Form<TSchema extends z.ZodObject<any>>({ form, schema, onSubmit, onError, className, children, }: FormProps<TSchema>): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,73 +0,0 @@
-import { StringUtils } from "../../../utils/string.utils.js";
-import { ZodUtils } from "../../../utils/zod.utils.js";
-import { getDefaultInputComponentType } from "../../../helpers/dynamicInputs.js";
-import { InputItem } from "./InputItem.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { z } from "zod";
-//#region src/components/inputs/Inputs/Form.tsx
-var createFieldComponent = (field, schemaKeyType, form) => {
-	return function FieldComponent({ inputType, label, placeholder, ...inputProps }) {
-		return /* @__PURE__ */ jsx(InputItem, {
-			form,
-			inputDef: {
-				name: field,
-				type: inputType ?? getDefaultInputComponentType(schemaKeyType),
-				label,
-				placeholder,
-				props: {
-					...ZodUtils.unwrapZodType(schemaKeyType) instanceof z.ZodArray ? { selectionMode: "multiple" } : {},
-					...inputProps
-				}
-			}
-		});
-	};
-};
-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);
-		}
-		$[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

@@ -1,67 +0,0 @@
-import { ComponentProps, JSXElementConstructor, ReactElement, ReactNode } from 'react';
-import { z } from 'zod';
-import { Autocomplete } from '../Selection/Autocomplete/Autocomplete';
-import { Select } from '../Selection/Select/Select';
-import { HasRequiredProperty } from '../../../types/common';
-import { UIForm } from '../../../hooks/useForm';
-declare const componentRegistry: {
-    readonly toggle: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Toggle/Toggle').ControlledToggleProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly checkbox: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Checkbox/Checkbox').ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly checkboxGroup: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Checkbox/CheckboxGroup').ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly numberInput: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../Input/NumberInput/NumberInput').ControlledNumberInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly numberRangeInput: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../Input/NumberRangeInput/NumberRangeInput').ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly slider: <TFieldValues extends import('../shared/form.binding').FieldValues, IsRange extends boolean = false>(props: import('../Slider/Slider').ControlledSliderProps<TFieldValues, IsRange>) => import("react/jsx-runtime").JSX.Element;
-    readonly textInput: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../Input/TextInput/TextInput').ControlledTextInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly passwordInput: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Input/PasswordInput/PasswordInput').ControlledPasswordInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly textArea: <TFieldValues extends import('../shared/form.binding').FieldValues>(props: import('../Input/TextArea/TextArea').ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly select: typeof Select;
-    readonly querySelect: <TFieldValues extends import('../shared/form.binding').FieldValues, TQueryFn extends import('../Selection/shared/querySelect.utils').QueryFn, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('../../..').DefaultInitialSelectItem<TKey>>(props: import('../Selection/Select/QuerySelect').QuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => import("react/jsx-runtime").JSX.Element;
-    readonly autocomplete: typeof Autocomplete;
-    readonly queryAutocomplete: <TFieldValues extends import('../shared/form.binding').FieldValues, TSelectItem extends import('../../..').SelectItem<any>, TQueryFn extends import('../Selection/Autocomplete/queryAutocomplete.types').QueryFn>(props: import('../Selection/Autocomplete/queryAutocomplete.types').QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react/jsx-runtime").JSX.Element;
-    readonly segment: <TFieldValues extends import('../shared/form.binding').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('../../segment/segment.types').ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
-    readonly datePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DatePicker/DatePicker').ControlledDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly dateTimePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, renderStaticInput, ...props }: import('../DateTime/DateTimePicker/DateTimePicker').ControlledDateTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly timePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ renderStaticInput, ...props }: import('../DateTime/TimePicker/TimePicker').ControlledTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly dateRangePicker: <TFieldValues extends import('../shared/form.binding').FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: import('../DateTime/DateRangePicker/DateRangePicker').ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-    readonly unknown: null;
-};
-export type InputComponentRegistry = typeof componentRegistry;
-export type InputComponentType = keyof InputComponentRegistry;
-interface InputItemProps<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>> {
-    form: UIForm<TSchemaType>;
-    inputDef: InputDef<TSchemaType>;
-}
-export type InputDef<TSchemaType extends Record<string, any>> = {
-    [T in InputComponentType]: T extends "unknown" ? never : {
-        [K in keyof TSchemaType]: TypeBasedInputDef<TSchemaType, T, K> | RenderBasedInputDef<TSchemaType, K>;
-    }[keyof TSchemaType];
-}[InputComponentType];
-type TypeBasedInputDef<TSchemaType extends Record<string, any>, T extends InputComponentType, K extends keyof TSchemaType> = {
-    type: T;
-    name: K;
-    label: string;
-    placeholder?: string;
-    inputWrapper?: InputWrapperType;
-    render?: never;
-} & (HasRequiredProperty<InputDefBaseProps<InputComponentProps<T>>> extends true ? {
-    props?: InputDefBaseProps<InputComponentProps<T>>;
-} : {
-    props: InputDefBaseProps<InputComponentProps<T>>;
-});
-interface RenderBasedInputDef<TSchemaType extends Record<string, any>, K extends keyof TSchemaType> {
-    type?: never;
-    name: K;
-    label?: string;
-    placeholder?: string;
-    props?: never;
-    inputWrapper?: never;
-    render: (field: {
-        form: UIForm<TSchemaType>;
-        name: K;
-    }, form: UIForm<TSchemaType>) => ReactElement;
-}
-export type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
-export type InputComponentProps<T extends InputComponentType> = InputComponentRegistry[T] extends keyof React.JSX.IntrinsicElements | JSXElementConstructor<any> ? ComponentProps<InputComponentRegistry[T]> : null;
-export type InputDefBaseProps<TProps> = Omit<TProps, "field" | "label" | "placeholder" | "children">;
-export declare function InputItem<TSchema extends z.ZodObject<any>, TSchemaType extends Record<string, any> = z.infer<TSchema>>({ form, inputDef }: InputItemProps<TSchema, TSchemaType>): import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -1,112 +0,0 @@
-import { Checkbox } from "../Checkbox/Checkbox.js";
-import { CheckboxGroup } from "../Checkbox/CheckboxGroup.js";
-import { DatePicker } from "../DateTime/DatePicker/DatePicker.js";
-import { TextInput } from "../Input/TextInput/TextInput.js";
-import { Select } from "../Selection/Select/Select.js";
-import { DateRangePicker } from "../DateTime/DateRangePicker/DateRangePicker.js";
-import { DateTimePicker } from "../DateTime/DateTimePicker/DateTimePicker.js";
-import { TimePicker } from "../DateTime/TimePicker/TimePicker.js";
-import { NumberInput } from "../Input/NumberInput/NumberInput.js";
-import { NumberRangeInput } from "../Input/NumberRangeInput/NumberRangeInput.js";
-import { PasswordInput } from "../Input/PasswordInput/PasswordInput.js";
-import { TextArea } from "../Input/TextArea/TextArea.js";
-import { Autocomplete } from "../Selection/Autocomplete/Autocomplete.js";
-import { QueryAutocomplete } from "../Selection/Autocomplete/QueryAutocomplete.js";
-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 { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/Inputs/InputItem.tsx
-var componentRegistry = {
-	toggle: Toggle,
-	checkbox: Checkbox,
-	checkboxGroup: CheckboxGroup,
-	numberInput: NumberInput,
-	numberRangeInput: NumberRangeInput,
-	slider: Slider,
-	textInput: TextInput,
-	passwordInput: PasswordInput,
-	textArea: TextArea,
-	select: Select,
-	querySelect: QuerySelect,
-	autocomplete: Autocomplete,
-	queryAutocomplete: QueryAutocomplete,
-	segment: Segment,
-	datePicker: DatePicker,
-	dateTimePicker: DateTimePicker,
-	timePicker: TimePicker,
-	dateRangePicker: DateRangePicker,
-	unknown: null
-};
-function InputItem(t0) {
-	const $ = c(18);
-	const { form, inputDef } = t0;
-	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;
-	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;
-}
-//#endregion
-export { InputItem };

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

@@ -1,10 +0,0 @@
-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;
-}
-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;

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

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

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

@@ -1,22 +0,0 @@
-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;
-}
-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 {};