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

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -6,103 +6,41 @@ import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
 import { clsx } from "clsx";
+import { memo } from "react";
 import { Checkbox } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
-var CheckboxBase = (props) => {
-	const $ = c(51);
+const CheckboxBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const checkboxTypographyMap = UIOverrides.useMapper("checkbox.typography", checkboxTypography);
 	const checkboxContentClassNameMap = UIOverrides.useMapper("checkbox.contentClassName", checkboxContentClassName);
-	let children;
-	let className;
-	let error;
-	let hideError;
-	let hideLabelProp;
-	let isDisabled;
-	let isRequired;
-	let labelClassName;
-	let onBlur;
-	let onChange;
-	let rest;
-	let variantProp;
-	if ($[0] !== props) {
-		({className, children, isDisabled, isRequired, error, hideError, labelClassName, variant: variantProp, hideLabel: hideLabelProp, onChange, onBlur, ...rest} = props);
-		$[0] = props;
-		$[1] = children;
-		$[2] = className;
-		$[3] = error;
-		$[4] = hideError;
-		$[5] = hideLabelProp;
-		$[6] = isDisabled;
-		$[7] = isRequired;
-		$[8] = labelClassName;
-		$[9] = onBlur;
-		$[10] = onChange;
-		$[11] = rest;
-		$[12] = variantProp;
-	} else {
-		children = $[1];
-		className = $[2];
-		error = $[3];
-		hideError = $[4];
-		hideLabelProp = $[5];
-		isDisabled = $[6];
-		isRequired = $[7];
-		labelClassName = $[8];
-		onBlur = $[9];
-		onChange = $[10];
-		rest = $[11];
-		variantProp = $[12];
-	}
+	const { className, children, isDisabled, isRequired, error, hideError, labelClassName, variant: variantProp, hideLabel: hideLabelProp, onChange, onBlur, ...rest } = props;
 	const variant = variantProp ?? ui.checkbox.variant;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
-	let t0;
-	if ($[13] !== error || $[14] !== isDisabled) {
-		t0 = {
-			error,
-			isDisabled
-		};
-		$[13] = error;
-		$[14] = isDisabled;
-		$[15] = t0;
-	} else t0 = $[15];
-	const formFieldErrorProps = t0;
-	let t1;
-	if ($[16] !== onChange) {
-		t1 = (isSelected) => {
-			onChange?.(isSelected);
-		};
-		$[16] = onChange;
-		$[17] = t1;
-	} else t1 = $[17];
-	const handleChange = t1;
-	const t2 = !!error;
-	const t3 = hideLabel && typeof children === "string" ? children : void 0;
-	const t4 = error || void 0;
-	const t5 = props.isDirty || void 0;
-	const t6 = props.isRequired || void 0;
-	let t7;
-	if ($[18] !== className) {
-		t7 = clsx("relative", checkboxIndicatorClass, className);
-		$[18] = className;
-		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== rest || $[21] !== variant) {
-		t8 = /* @__PURE__ */ jsx(CheckboxCheckmark, {
+	const formFieldErrorProps = {
+		error,
+		isDisabled
+	};
+	const handleChange = (isSelected) => {
+		onChange?.(isSelected);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Checkbox, {
+		...rest,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		"aria-label": hideLabel && typeof children === "string" ? children : void 0,
+		"aria-errormessage": error || void 0,
+		"data-is-dirty": props.isDirty || void 0,
+		"data-is-required": props.isRequired || void 0,
+		onChange: handleChange,
+		onBlur,
+		className: clsx("relative", checkboxIndicatorClass, className),
+		children: [/* @__PURE__ */ jsx(CheckboxCheckmark, {
 			variant,
 			...rest
-		});
-		$[20] = rest;
-		$[21] = variant;
-		$[22] = t8;
-	} else t8 = $[22];
-	let t9;
-	if ($[23] !== checkboxContentClassNameMap || $[24] !== checkboxTypographyMap || $[25] !== children || $[26] !== hideLabel || $[27] !== labelClassName || $[28] !== rest || $[29] !== variant) {
-		t9 = !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
+		}), !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
 			typography: checkboxTypographyMap({
 				variant,
 				...rest
@@ -113,124 +51,30 @@ var CheckboxBase = (props) => {
 			}),
 			className: labelClassName,
 			children
-		});
-		$[23] = checkboxContentClassNameMap;
-		$[24] = checkboxTypographyMap;
-		$[25] = children;
-		$[26] = hideLabel;
-		$[27] = labelClassName;
-		$[28] = rest;
-		$[29] = variant;
-		$[30] = t9;
-	} else t9 = $[30];
-	let t10;
-	if ($[31] !== handleChange || $[32] !== isDisabled || $[33] !== isRequired || $[34] !== onBlur || $[35] !== rest || $[36] !== t2 || $[37] !== t3 || $[38] !== t4 || $[39] !== t5 || $[40] !== t6 || $[41] !== t7 || $[42] !== t8 || $[43] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Checkbox, {
-			...rest,
-			isDisabled,
-			isInvalid: t2,
-			isRequired,
-			"aria-label": t3,
-			"aria-errormessage": t4,
-			"data-is-dirty": t5,
-			"data-is-required": t6,
-			onChange: handleChange,
-			onBlur,
-			className: t7,
-			children: [t8, t9]
-		});
-		$[31] = handleChange;
-		$[32] = isDisabled;
-		$[33] = isRequired;
-		$[34] = onBlur;
-		$[35] = rest;
-		$[36] = t2;
-		$[37] = t3;
-		$[38] = t4;
-		$[39] = t5;
-		$[40] = t6;
-		$[41] = t7;
-		$[42] = t8;
-		$[43] = t9;
-		$[44] = t10;
-	} else t10 = $[44];
-	let t11;
-	if ($[45] !== formFieldErrorProps || $[46] !== hideError) {
-		t11 = !hideError && /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
-		$[45] = formFieldErrorProps;
-		$[46] = hideError;
-		$[47] = t11;
-	} else t11 = $[47];
-	let t12;
-	if ($[48] !== t10 || $[49] !== t11) {
-		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t11] });
-		$[48] = t10;
-		$[49] = t11;
-		$[50] = t12;
-	} else t12 = $[50];
-	return t12;
+		})]
+	}), !hideError && /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
-var Checkbox$1 = (props) => {
-	const $ = c(15);
+const CheckboxComponent = (props) => {
 	if ("field" in props && props.field) {
-		let field;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({field, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = field;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			field = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		let t0;
-		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
-			t0 = (t1) => {
-				const { field: field_0, fieldState: t2 } = t1;
-				const { error, isDirty } = t2;
-				return /* @__PURE__ */ jsx(CheckboxBase, {
-					...innerProps,
-					ref: mergeRefs(ref, field_0.ref),
-					isSelected: field_0.value,
-					onChange: field_0.onChange,
-					onBlur: field_0.onBlur,
-					name: field_0.name,
-					isDirty,
-					isDisabled: field_0.disabled || props.isDisabled,
-					error: props.error ?? error?.message
-				});
-			};
-			$[4] = innerProps;
-			$[5] = props.error;
-			$[6] = props.isDisabled;
-			$[7] = ref;
-			$[8] = t0;
-		} else t0 = $[8];
-		let t1;
-		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(FieldController, {
-				control: field.form,
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
+				...innerProps,
+				ref: mergeRefs(ref, field.ref),
+				isSelected: field.value,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
 				name: field.name,
-				render: t0
-			});
-			$[9] = field.form;
-			$[10] = field.name;
-			$[11] = t0;
-			$[12] = t1;
-		} else t1 = $[12];
-		return t1;
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
 	}
-	let t0;
-	if ($[13] !== props) {
-		t0 = /* @__PURE__ */ jsx(CheckboxBase, { ...props });
-		$[13] = props;
-		$[14] = t0;
-	} else t0 = $[14];
-	return t0;
+	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
 };
+const Checkbox$1 = memo(CheckboxComponent);
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxBase };

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -3,7 +3,7 @@ import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
 import { Check, Minus } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
+const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
 	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/components/inputs/Checkbox/CheckboxGroup.d.ts

@@ -1,26 +1,28 @@
-import { ReactElement, Ref } from 'react';
-import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components';
-import { FieldValues } from '../shared/form.binding';
-import { CheckboxVariantProps } from './checkbox.cva';
-import { FormFieldProps } from '../FormField/FormField';
-import { ControlProps } from '../shared/form.types';
-import { InputVariantProps } from '../shared/input.cva';
-interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<AriaCheckboxGroupProps, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
-    ref?: Ref<HTMLDivElement>;
-    options: {
-        label: string | ReactElement;
-        value: string;
-    }[];
-    allValue?: string[] | null;
-    value?: string[] | null;
-    defaultValue?: string[] | null;
-    onChange?: (value: string[] | null) => void;
-    isDirty?: boolean;
-    inputClassName?: string;
-    labelClassName?: string;
+import { FieldValues } from "../shared/form.binding.js";
+import { CheckboxVariantProps } from "./checkbox.cva.js";
+import { ControlProps } from "../shared/form.types.js";
+import { InputVariantProps } from "../shared/input.cva.js";
+import { FormFieldProps } from "../FormField/FormField.js";
+import { ReactElement, Ref } from "react";
+import { CheckboxGroupProps } from "react-aria-components";
+//#region src/components/inputs/Checkbox/CheckboxGroup.d.ts
+interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  allValue?: string[] | null;
+  value?: string[] | null;
+  defaultValue?: string[] | null;
+  onChange?: (value: string[] | null) => void;
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
 }
-export interface CheckboxGroupProps extends CheckboxGroupBaseProps {
-}
-export type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps, TFieldValues>;
-export declare const CheckboxGroup: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-export {};
+interface CheckboxGroupProps$1 extends CheckboxGroupBaseProps {}
+type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps$1, TFieldValues>;
+declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const CheckboxGroup$1: typeof CheckboxGroupComponent;
+//#endregion
+export { CheckboxGroup$1 as CheckboxGroup, CheckboxGroupProps$1 as CheckboxGroupProps, ControlledCheckboxGroupProps };