@povio/ui 3.1.0 → 3.2.0

package/dist/config/uiOverrides.context.d.ts

@@ -1,14 +1,11 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { PropsWithChildren } from 'react';
-import { ButtonConfig, ButtonContentConfig, ButtonIconSizeConfig, ButtonSizeConfig } from '../components/buttons/Button/button.cva';
-import { StatusIconConfig, StatusSeparatorConfig, ToastConfig, ToastContainerConfig } from '../components/status/Toast/toast.cva';
 import { CompoundMapper, ConfigSchema } from '../utils/compoundMapper';
 import { StyleMergeUtils } from '../utils/style-merge.util';
 export declare namespace UIOverrides {
     export type Cva<T> = (props?: (T & ClassProp) | ClassProp) => string;
     type GenericCva = Cva<unknown>;
     type Mapper = CompoundMapper<unknown, ConfigSchema>;
-    type CvaOption<TConfig extends StyleMergeUtils.CvaConfigShape> = StyleMergeUtils.CvaConfigOverride<TConfig> | GenericCva;
     type GenericCvaOption = StyleMergeUtils.CvaConfigOverride | GenericCva;
     type OptionKey = {
         [K in keyof Options]: Options[K] extends object ? `${K & string}.${keyof Options[K] & string}` : never;
@@ -27,10 +24,10 @@ export declare namespace UIOverrides {
     export type OverrideVariantProps<TOverride> = VariantProps<ExtractConfig<TOverride>>;
     export interface Options {
         button: {
-            cva?: CvaOption<ButtonConfig>;
-            sizeCva?: CvaOption<ButtonSizeConfig>;
-            contentCva?: CvaOption<ButtonContentConfig>;
-            iconSize?: CvaOption<ButtonIconSizeConfig>;
+            cva?: GenericCvaOption;
+            sizeCva?: GenericCvaOption;
+            contentCva?: GenericCvaOption;
+            iconSize?: GenericCvaOption;
             typography?: Mapper;
         };
         pillButton: {
@@ -41,18 +38,22 @@ export declare namespace UIOverrides {
             cva?: GenericCvaOption;
             iconCva?: GenericCvaOption;
             typography?: Mapper;
+            contentClassName?: Mapper;
         };
         radio: {
             cva?: GenericCvaOption;
+            contentWrapperCva?: GenericCvaOption;
+            contentRowCva?: GenericCvaOption;
             typography?: Mapper;
+            contentClassName?: Mapper;
         };
         status: {
-            iconCva?: CvaOption<StatusIconConfig>;
-            separatorCva?: CvaOption<StatusSeparatorConfig>;
+            iconCva?: GenericCvaOption;
+            separatorCva?: GenericCvaOption;
         };
         toast: {
-            cva?: CvaOption<ToastConfig>;
-            containerCva?: CvaOption<ToastContainerConfig>;
+            cva?: GenericCvaOption;
+            containerCva?: GenericCvaOption;
             buttonColor?: Mapper;
         };
         alert: {
@@ -60,9 +61,20 @@ export declare namespace UIOverrides {
         };
         input: {
             baseCva?: GenericCvaOption;
+            clearClassCva?: GenericCvaOption;
+            contentWrapperCva?: GenericCvaOption;
             sizeCva?: GenericCvaOption;
             sideCva?: GenericCvaOption;
         };
+        textArea: {
+            wrapperCva?: GenericCvaOption;
+        };
+        tooltipWrapper: {
+            triggerCva?: GenericCvaOption;
+        };
+        datePickerInput: {
+            contentRowCva?: GenericCvaOption;
+        };
         label: {
             cva?: GenericCvaOption;
             typography?: Mapper;
@@ -70,6 +82,7 @@ export declare namespace UIOverrides {
         toggle: {
             cva?: GenericCvaOption;
             typography?: Mapper;
+            contentClassName?: Mapper;
         };
         typography: {
             cva?: GenericCvaOption;
@@ -142,11 +155,14 @@ export declare namespace UIOverrides {
             cva?: GenericCvaOption;
         };
         formField: {
+            headerCva?: GenericCvaOption;
             errorLabelCva?: GenericCvaOption;
             helperLabelCva?: GenericCvaOption;
         };
         select: {
             listBoxItemCva?: GenericCvaOption;
+            popoverCva?: GenericCvaOption;
+            tagsContentWrapperCva?: GenericCvaOption;
         };
         progressBar: {
             cva?: GenericCvaOption;
@@ -155,6 +171,9 @@ export declare namespace UIOverrides {
             fillCva?: GenericCvaOption;
             valueCva?: GenericCvaOption;
         };
+        fileUpload: {
+            dropZoneCva?: GenericCvaOption;
+        };
     }
     export type Config = Partial<Options>;
     interface ProviderProps {

package/dist/config/uiOverrides.context.js

@@ -1,17 +1,27 @@
 import { StyleMergeUtils } from "../utils/style-merge.util.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { createContext, use, useMemo } from "react";
+import { createContext, use } from "react";
 import { cva } from "class-variance-authority";
 //#region src/config/uiOverrides.context.tsx
 var UIOverrides;
 (function(_UIOverrides) {
 	const Context = createContext(null);
-	_UIOverrides.Provider = ({ children, config }) => {
-		return /* @__PURE__ */ jsx(Context.Provider, {
-			value: config,
-			children
-		});
+	_UIOverrides.Provider = (t0) => {
+		const $ = c(3);
+		const { children, config } = t0;
+		let t1;
+		if ($[0] !== children || $[1] !== config) {
+			t1 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: config,
+				children
+			});
+			$[0] = children;
+			$[1] = config;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
 	};
 	const useConfig = () => {
 		return use(Context);
@@ -45,21 +55,51 @@ var UIOverrides;
 		return "base" in item;
 	};
 	function useCva(key, fallback) {
+		const $ = c(6);
 		const override = useCvaOverride(key);
-		return useMemo(() => {
-			if (isCvaFunction(override)) return override;
-			if (isCvaFunction(fallback)) return fallback;
-			if (!isDefinition(fallback)) return (() => "");
+		let t0;
+		bb0: {
+			if (isCvaFunction(override)) {
+				t0 = override;
+				break bb0;
+			}
+			if (isCvaFunction(fallback)) {
+				t0 = fallback;
+				break bb0;
+			}
+			if (!isDefinition(fallback)) {
+				t0 = _temp;
+				break bb0;
+			}
 			const definition = fallback;
 			const typedOverride = override;
 			if (isCvaOverrideConfig(typedOverride)) {
-				const mergedDefinition = StyleMergeUtils.mergeCvaDefinition(definition, typedOverride);
-				return cva(clsx(mergedDefinition.base), mergedDefinition.config);
+				let t1;
+				if ($[0] !== definition || $[1] !== typedOverride) {
+					const mergedDefinition = StyleMergeUtils.mergeCvaDefinition(definition, typedOverride);
+					t1 = cva(clsx(mergedDefinition.base), mergedDefinition.config);
+					$[0] = definition;
+					$[1] = typedOverride;
+					$[2] = t1;
+				} else t1 = $[2];
+				t0 = t1;
+				break bb0;
 			}
-			return cva(clsx(definition.base), definition.config);
-		}, [fallback, override]);
+			let t1;
+			if ($[3] !== definition.base || $[4] !== definition.config) {
+				t1 = cva(clsx(definition.base), definition.config);
+				$[3] = definition.base;
+				$[4] = definition.config;
+				$[5] = t1;
+			} else t1 = $[5];
+			t0 = t1;
+		}
+		return t0;
 	}
 	_UIOverrides.useCva = useCva;
+	function _temp() {
+		return "";
+	}
 	_UIOverrides.useMapper = (key, fallback) => {
 		const uiOverrides = useConfig();
 		if (!uiOverrides) return fallback;

package/dist/helpers/dynamicInputs.d.ts

@@ -21,14 +21,14 @@ export type AllowedComponentType<TZodType extends z.ZodType> = ZodUtils.ZodTypeS
     datetime: "datePicker" | "dateTimePicker" | "timePicker";
     dateRange: "dateRangePicker";
     boolean: "toggle" | "checkbox";
-    number: "numberInput" | "slider" | "select" | "autocomplete" | "queryAutocomplete" | "segment";
-    enum: "select" | "autocomplete" | "segment";
-    string: "textInput" | "passwordInput" | "textArea" | "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    number: "numberInput" | "slider" | "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
+    enum: "select" | "querySelect" | "autocomplete" | "segment";
+    string: "textInput" | "passwordInput" | "textArea" | "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
     email: "textInput";
-    array: "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    array: "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
     object: InputComponentType;
     unknown: InputComponentType;
-    uuid: "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    uuid: "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
 }>;
 interface DynamicInputDefBase<TProps> {
     label?: string;
@@ -63,7 +63,8 @@ type GlobalProps = {
     [T in Exclude<InputComponentType, "unknown">]: InputDefBaseProps<InputComponentProps<T>>;
 }[Exclude<InputComponentType, "unknown">];
 type SchemaKeyOrString<TSchema extends z.ZodObject<any>> = keyof z.infer<TSchema> | (string & {});
-export interface DynamicInputsOptions<TSchema extends z.ZodObject<any>> {
+type DynamicInputsObjectSchema<TSchema extends z.ZodType> = TSchema extends z.ZodObject<any> ? TSchema : Extract<ZodUtils.UnwrapZod<TSchema>, z.ZodObject<any>>;
+interface DynamicInputsObjectOptions<TSchema extends z.ZodObject<any>> {
     inputs?: InputsConfig<TSchema>;
     order?: SchemaKeyOrString<TSchema>[];
     globalProps?: Partial<GlobalProps>;
@@ -72,12 +73,14 @@ export interface DynamicInputsOptions<TSchema extends z.ZodObject<any>> {
     overridePresetLocales?: boolean;
     includeAll?: boolean;
 }
-export interface DynamicInputsParams<TSchema extends z.ZodObject<any>> {
+export type DynamicInputsOptions<TSchema extends z.ZodType> = DynamicInputsObjectOptions<DynamicInputsObjectSchema<TSchema>>;
+export interface DynamicInputsParams<TSchema extends z.ZodType> {
     schema: TSchema;
-    preset?: InputDef<z.infer<TSchema>>[];
+    preset?: InputDef<z.infer<DynamicInputsObjectSchema<TSchema>>>[];
     options: DynamicInputsOptions<TSchema>;
 }
 export declare const getDefaultInputComponentType: (schemaType: z.core.$ZodType) => InputComponentType;
 export declare const getDefaultSelectionMode: (keyType: z.core.$ZodType) => "single" | "multiple";
-export declare const dynamicInputs: <TSchema extends z.ZodObject<any>>({ schema, preset, options, }: DynamicInputsParams<TSchema>) => InputDef<z.infer<TSchema>>[];
+export declare function dynamicInputs<TSchema extends z.ZodObject<any>>(params: DynamicInputsParams<TSchema>): InputDef<z.infer<TSchema>>[];
+export declare function dynamicInputs<TRawSchema extends z.ZodType>(params: DynamicInputsParams<TRawSchema>): InputDef<z.infer<DynamicInputsObjectSchema<TRawSchema>>>[];
 export {};

package/dist/helpers/dynamicInputs.js

@@ -81,6 +81,7 @@ var getDefaultProps = (componentType, keyType) => {
 	].includes(componentType)) props.items = getDefaultSelectionItems(unwrappedType);
 	if ([
 		"select",
+		"querySelect",
 		"autocomplete",
 		"queryAutocomplete",
 		"segment"
@@ -146,6 +147,8 @@ var populateInputDef = (schema, schemaKey, value, options) => {
 	const inputWrapper = value.inputWrapper ?? options.globalInputWrapper;
 	if ("render" in value) return {
 		name,
+		label,
+		placeholder,
 		render: value.render
 	};
 	const schemaKeyType = schema.shape[schemaKey];
@@ -172,17 +175,19 @@ var addMissingSchemaFields = (schema, existingInputDefs, options) => {
 	});
 	return [...existingInputDefs, ...additionalInputDefs];
 };
-var dynamicInputs = ({ schema, preset = [], options }) => {
-	validateParams(schema, preset, options);
-	let entries = Object.entries(options.inputs ?? {});
+function dynamicInputs({ schema: rawSchema, preset = [], options }) {
+	const schema = ZodUtils.unwrapToZodObject(rawSchema);
+	const objectOptions = options;
+	validateParams(schema, preset, objectOptions);
+	let entries = Object.entries(objectOptions.inputs ?? {});
 	entries = excludeEntries(entries);
 	const inputDefs = convertInputsConfigToObjectDefinitions(entries).map(([key, value]) => {
-		return populateInputDef(schema, key, value, options);
+		return populateInputDef(schema, key, value, objectOptions);
 	});
-	let presetInputDefs = removeOverriddenPresetInputs(preset, options);
-	if (options.overridePresetLocales) presetInputDefs = overridePresetLabelsAndPlaceholders(presetInputDefs, options);
+	let presetInputDefs = removeOverriddenPresetInputs(preset, objectOptions);
+	if (objectOptions.overridePresetLocales) presetInputDefs = overridePresetLabelsAndPlaceholders(presetInputDefs, objectOptions);
 	const mergedInputDefs = [...presetInputDefs, ...inputDefs];
-	return sortInputDefs(options.includeAll ? addMissingSchemaFields(schema, mergedInputDefs, options) : mergedInputDefs, options.order);
-};
+	return sortInputDefs(objectOptions.includeAll ? addMissingSchemaFields(schema, mergedInputDefs, objectOptions) : mergedInputDefs, objectOptions.order);
+}
 //#endregion
 export { dynamicInputs, getDefaultInputComponentType };

package/dist/hooks/useAutosave.d.ts

@@ -3,7 +3,8 @@ export interface UseAutosaveProps<TFieldValues extends FieldValues = FieldValues
     form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
     delay?: number;
     enabled?: boolean;
+    trigger?: "change" | "blur";
     onSave: (data: Partial<TTransformedValues>) => Promise<TResponse>;
     onSaveSuccess?: () => void;
 }
-export declare function useAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, onSave, onSaveSuccess, }: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): void;
+export declare function useAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, trigger, onSave, onSaveSuccess, }: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): void;

package/dist/hooks/useAutosave.js

@@ -22,12 +22,19 @@ function diffLeftOnly(left, right, shallowKeys) {
 	}, {});
 	return ObjectUtils.isEmpty(result) ? void 0 : result;
 }
-function useAutosave({ form, delay = 500, enabled = true, onSave, onSaveSuccess }) {
+function useAutosave({ form, delay = 500, enabled = true, trigger = "change", onSave, onSaveSuccess }) {
 	const timeoutRef = useRef(void 0);
+	const previousBlurTriggerFieldsRef = useRef(void 0);
 	const { control, reset, handleSubmit } = form;
-	const { dirtyFields, defaultValues } = useFormState({ control });
+	const { dirtyFields, touchedFields, defaultValues } = useFormState({ control });
+	const formData = useWatch({ control });
 	useEffect(() => {
 		if (!enabled || Object.keys(dirtyFields).length === 0) return;
+		if (trigger === "blur") {
+			const blurTriggerFields = JSON.stringify(touchedFields);
+			if (Object.keys(touchedFields).length === 0 || previousBlurTriggerFieldsRef.current === blurTriggerFields) return;
+			previousBlurTriggerFieldsRef.current = blurTriggerFields;
+		}
 		if (timeoutRef.current) clearTimeout(timeoutRef.current);
 		timeoutRef.current = setTimeout(() => {
 			handleSubmit(async (data) => {
@@ -52,12 +59,13 @@ function useAutosave({ form, delay = 500, enabled = true, onSave, onSaveSuccess
 	}, [
 		defaultValues,
 		dirtyFields,
-		useWatch({ control }),
+		trigger === "change" ? formData : touchedFields,
 		delay,
 		onSave,
 		handleSubmit,
 		enabled,
-		reset
+		reset,
+		trigger
 	]);
 }
 //#endregion

package/dist/hooks/useAutosave.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useBreakpoint.js

@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import { c } from "react/compiler-runtime";
 import { useMediaQuery } from "react-responsive";
 //#region src/hooks/useBreakpoint.ts
 var breakpoints = null;
@@ -22,9 +22,22 @@ function getBreakpoints() {
 	return breakpoints;
 }
 function useBreakpoint(breakpointKey) {
-	const breakpoints = useMemo(() => getBreakpoints(), []);
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = getBreakpoints();
+		$[0] = t0;
+	} else t0 = $[0];
+	const breakpoints = t0;
 	if (!breakpoints) throw new Error("Tailwind config is missing theme.screens");
-	return useMediaQuery({ query: `(min-width: ${breakpoints[breakpointKey]})` });
+	const t1 = `(min-width: ${breakpoints[breakpointKey]})`;
+	let t2;
+	if ($[1] !== t1) {
+		t2 = { query: t1 };
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return useMediaQuery(t2);
 }
 //#endregion
 export { useBreakpoint };

package/dist/hooks/useDebounceCallback.js

@@ -1,25 +1,59 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 //#region src/hooks/useDebounceCallback.ts
-function useDebounceCallback(callback, { delay = 500 } = {}) {
+function useDebounceCallback(callback, t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { delay: t2 } = t1;
+	const delay = t2 === void 0 ? 500 : t2;
 	const timeoutRef = useRef(null);
 	const [isDebouncing, setIsDebouncing] = useState(false);
-	const debouncedCallback = useCallback((...args) => {
-		if (timeoutRef.current) clearTimeout(timeoutRef.current);
-		setIsDebouncing(true);
-		timeoutRef.current = setTimeout(() => {
-			setIsDebouncing(false);
-			callback?.(...args);
-		}, delay);
-	}, [callback, delay]);
-	useEffect(() => {
-		return () => {
+	let t3;
+	if ($[2] !== callback || $[3] !== delay) {
+		t3 = (...t4) => {
+			const args = t4;
 			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+			setIsDebouncing(true);
+			timeoutRef.current = setTimeout(() => {
+				setIsDebouncing(false);
+				callback?.(...args);
+			}, delay);
 		};
-	}, []);
-	return {
-		callback: debouncedCallback,
-		isDebouncing
-	};
+		$[2] = callback;
+		$[3] = delay;
+		$[4] = t3;
+	} else t3 = $[4];
+	const debouncedCallback = t3;
+	let t4;
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+		t5 = [];
+		$[5] = t4;
+		$[6] = t5;
+	} else {
+		t4 = $[5];
+		t5 = $[6];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[7] !== debouncedCallback || $[8] !== isDebouncing) {
+		t6 = {
+			callback: debouncedCallback,
+			isDebouncing
+		};
+		$[7] = debouncedCallback;
+		$[8] = isDebouncing;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
 }
 //#endregion
 export { useDebounceCallback };

package/dist/hooks/useFilters.js

@@ -1,6 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
 import { z } from "zod";
 //#region src/hooks/useFilters.ts
 function getFieldType(schema, fieldKey) {
@@ -50,78 +51,138 @@ var parseFilterFromQuery = (searchParams, schema) => {
 	}
 	return filter;
 };
-var useFilters = (defaultFilterValues, prefix = "", schema) => {
+var useFilters = (defaultFilterValues, t0, schema) => {
+	const $ = c(33);
+	const prefix = t0 === void 0 ? "" : t0;
 	const { searchParams, replace } = UIRouter.useUIRouter();
-	const [filterData, setFilterData] = useState(() => parseFilterFromQuery(searchParams, schema));
-	useEffect(() => {
-		const setUrlToDefaultFilters = () => {
-			const flatFilterQuery = serializeFiltersToQuery(defaultFilterValues, prefix);
+	let t1;
+	if ($[0] !== schema || $[1] !== searchParams) {
+		t1 = () => parseFilterFromQuery(searchParams, schema);
+		$[0] = schema;
+		$[1] = searchParams;
+		$[2] = t1;
+	} else t1 = $[2];
+	const [filterData, setFilterData] = useState(t1);
+	let t2;
+	if ($[3] !== defaultFilterValues || $[4] !== prefix || $[5] !== replace || $[6] !== schema || $[7] !== searchParams) {
+		t2 = () => {
+			const setUrlToDefaultFilters = () => {
+				const flatFilterQuery = serializeFiltersToQuery(defaultFilterValues, prefix);
+				replace(".", {
+					...RoutingUtils.toRouterSearch(searchParams),
+					...flatFilterQuery
+				});
+			};
+			const currentFilters = parseFilterFromQuery(searchParams, schema);
+			const hasFiltersSet = Object.keys(currentFilters).length > 0;
+			if (defaultFilterValues && !hasFiltersSet) setUrlToDefaultFilters();
+		};
+		$[3] = defaultFilterValues;
+		$[4] = prefix;
+		$[5] = replace;
+		$[6] = schema;
+		$[7] = searchParams;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== defaultFilterValues || $[10] !== prefix || $[11] !== schema) {
+		t3 = [
+			defaultFilterValues,
+			prefix,
+			schema
+		];
+		$[9] = defaultFilterValues;
+		$[10] = prefix;
+		$[11] = schema;
+		$[12] = t3;
+	} else t3 = $[12];
+	useEffect(t2, t3);
+	let t4;
+	let t5;
+	if ($[13] !== schema || $[14] !== searchParams) {
+		t4 = () => {
+			setFilterData(parseFilterFromQuery(searchParams, schema));
+		};
+		t5 = [searchParams, schema];
+		$[13] = schema;
+		$[14] = searchParams;
+		$[15] = t4;
+		$[16] = t5;
+	} else {
+		t4 = $[15];
+		t5 = $[16];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[17] !== defaultFilterValues || $[18] !== filterData || $[19] !== prefix || $[20] !== replace || $[21] !== searchParams) {
+		t6 = (data) => {
+			let newFilters = { ...filterData };
+			const isReset = Object.keys(data).length === 0;
+			if (data === defaultFilterValues) newFilters = { ...defaultFilterValues };
+			else if (isReset) newFilters = {};
+			else Object.entries(data).forEach((t7) => {
+				const [key, value] = t7;
+				if (value === void 0) delete newFilters[key];
+				else newFilters[key] = value;
+			});
+			const prefixPart = prefix ? `${prefix}-` : "";
+			const cleanedQuery = RoutingUtils.toRouterSearch(searchParams);
+			Object.keys(cleanedQuery).forEach((key_0) => {
+				if (key_0.startsWith(`filter[${prefixPart}`)) delete cleanedQuery[key_0];
+			});
+			const flatFilterQuery_0 = serializeFiltersToQuery(newFilters, prefix);
 			replace(".", {
-				...RoutingUtils.toRouterSearch(searchParams),
-				...flatFilterQuery
+				...cleanedQuery,
+				...flatFilterQuery_0
+			});
+			setFilterData(newFilters);
+		};
+		$[17] = defaultFilterValues;
+		$[18] = filterData;
+		$[19] = prefix;
+		$[20] = replace;
+		$[21] = searchParams;
+		$[22] = t6;
+	} else t6 = $[22];
+	const setFilterValue = t6;
+	let t7;
+	if ($[23] !== filterData) {
+		t7 = (keys) => {
+			const result = {};
+			keys.forEach((key_1) => {
+				result[key_1] = filterData[key_1];
 			});
+			return result;
+		};
+		$[23] = filterData;
+		$[24] = t7;
+	} else t7 = $[24];
+	const getFilterValue = t7;
+	let t8;
+	if ($[25] !== defaultFilterValues || $[26] !== setFilterValue) {
+		t8 = () => {
+			setFilterValue(defaultFilterValues ?? {});
 		};
-		const currentFilters = parseFilterFromQuery(searchParams, schema);
-		const hasFiltersSet = Object.keys(currentFilters).length > 0;
-		if (defaultFilterValues && !hasFiltersSet) setUrlToDefaultFilters();
-	}, [
-		defaultFilterValues,
-		prefix,
-		schema
-	]);
-	useEffect(() => {
-		setFilterData(parseFilterFromQuery(searchParams, schema));
-	}, [searchParams, schema]);
-	const setFilterValue = useCallback((data) => {
-		let newFilters = { ...filterData };
-		const isReset = Object.keys(data).length === 0;
-		if (data === defaultFilterValues) newFilters = { ...defaultFilterValues };
-		else if (isReset) newFilters = {};
-		else Object.entries(data).forEach(([key, value]) => {
-			if (value === void 0) delete newFilters[key];
-			else newFilters[key] = value;
-		});
-		const prefixPart = prefix ? `${prefix}-` : "";
-		const cleanedQuery = RoutingUtils.toRouterSearch(searchParams);
-		Object.keys(cleanedQuery).forEach((key) => {
-			if (key.startsWith(`filter[${prefixPart}`)) delete cleanedQuery[key];
-		});
-		const flatFilterQuery = serializeFiltersToQuery(newFilters, prefix);
-		replace(".", {
-			...cleanedQuery,
-			...flatFilterQuery
-		});
-		setFilterData(newFilters);
-	}, [
-		filterData,
-		prefix,
-		replace,
-		defaultFilterValues,
-		searchParams
-	]);
-	const getFilterValue = useCallback((keys) => {
-		const result = {};
-		keys.forEach((key) => {
-			result[key] = filterData[key];
-		});
-		return result;
-	}, [filterData]);
-	const clearAllFilters = useCallback(() => {
-		setFilterValue(defaultFilterValues ?? {});
-	}, [defaultFilterValues, setFilterValue]);
-	return useMemo(() => {
-		return {
+		$[25] = defaultFilterValues;
+		$[26] = setFilterValue;
+		$[27] = t8;
+	} else t8 = $[27];
+	const clearAllFilters = t8;
+	let t9;
+	if ($[28] !== clearAllFilters || $[29] !== filterData || $[30] !== getFilterValue || $[31] !== setFilterValue) {
+		t9 = {
 			filterData,
 			setFilterValue,
 			getFilterValue,
 			clearAllFilters
 		};
-	}, [
-		filterData,
-		setFilterValue,
-		getFilterValue,
-		clearAllFilters
-	]);
+		$[28] = clearAllFilters;
+		$[29] = filterData;
+		$[30] = getFilterValue;
+		$[31] = setFilterValue;
+		$[32] = t9;
+	} else t9 = $[32];
+	return t9;
 };
 //#endregion
 export { useFilters };