@povio/ui 5.0.0-rc.8 → 6.0.0-rc.1

package/dist/useFormAutosave-BD_TFqDF.js

@@ -1,198 +0,0 @@
-import { a as isEqual, o as ObjectUtils } from "./uiConfig.context-BS3r_kTS.js";
-import { n as useForm } from "./form.binding-CG1RPv6o.js";
-import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
-import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
-import { n as getDefaultInputComponentType } from "./dynamicInputs-CRMWIpHA.js";
-import { t as InputItem } from "./InputItem-ZeN-aIz8.js";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { z } from "zod";
-//#region src/components/inputs/Inputs/Form.tsx
-const createFieldComponent = (field, schemaKeyType, form) => {
-	return function FieldComponent({ inputType, label, placeholder, ...inputProps }) {
-		const inputDef = {
-			name: field,
-			type: inputType ?? getDefaultInputComponentType(schemaKeyType),
-			label,
-			placeholder,
-			props: {
-				...ZodUtils.unwrapZodType(schemaKeyType) instanceof z.ZodArray ? { selectionMode: "multiple" } : {},
-				...inputProps
-			}
-		};
-		return /* @__PURE__ */ jsx(InputItem, {
-			form,
-			inputDef
-		});
-	};
-};
-function Form({ form, schema, onSubmit, onError, className, children }) {
-	const components = useMemo(() => {
-		const 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)
-	});
-}
-//#endregion
-//#region src/hooks/useAutosave.ts
-function diffLeftOnly(left, right) {
-	if (!ObjectUtils.isObject(left) || ObjectUtils.isDate(left) || ObjectUtils.isRegExp(left)) return isEqual(left, right) ? void 0 : left;
-	if (Array.isArray(left)) return isEqual(left, right) ? void 0 : left;
-	const result = Object.entries(left).reduce((acc, [key, value]) => {
-		const diff = diffLeftOnly(value, right?.[key]);
-		if (diff !== void 0 && (!ObjectUtils.isObject(diff) || !ObjectUtils.isEmpty(diff))) acc[key] = diff;
-		return acc;
-	}, {});
-	return ObjectUtils.isEmpty(result) ? void 0 : result;
-}
-const snapshot = (value) => structuredClone(value);
-function pickChangedValues(source, changes) {
-	if (!ObjectUtils.isObject(changes) || Array.isArray(changes)) return source;
-	return Object.entries(changes).reduce((result, [key, value]) => {
-		result[key] = pickChangedValues(source?.[key], value);
-		return result;
-	}, {});
-}
-function useAutosave({ form, delay = 500, enabled = true, trigger = "change", onSave, onSaveSuccess }) {
-	const timeoutRef = useRef(void 0);
-	const savedSnapshotRef = useRef(snapshot(form.state.values));
-	const saveQueueRef = useRef(Promise.resolve());
-	const latestSaveRef = useRef({
-		onSave,
-		onSaveSuccess
-	});
-	latestSaveRef.current = {
-		onSave,
-		onSaveSuccess
-	};
-	useEffect(() => {
-		const clearPending = () => {
-			if (timeoutRef.current) {
-				clearTimeout(timeoutRef.current);
-				timeoutRef.current = void 0;
-			}
-		};
-		const queueSave = () => {
-			if (!enabled) return;
-			clearPending();
-			timeoutRef.current = setTimeout(() => {
-				saveQueueRef.current = saveQueueRef.current.then(async () => {
-					const valuesAtSaveTime = snapshot(form.state.values);
-					const changedValues = diffLeftOnly(valuesAtSaveTime, savedSnapshotRef.current);
-					if (!changedValues) return;
-					let transformedValues;
-					try {
-						transformedValues = form.parseValues(valuesAtSaveTime);
-					} catch {
-						return;
-					}
-					const payload = pickChangedValues(transformedValues, changedValues);
-					if (ObjectUtils.isEmpty(payload)) return;
-					try {
-						await latestSaveRef.current.onSave(payload);
-						savedSnapshotRef.current = valuesAtSaveTime;
-						for (const name of Object.keys(payload)) form.setFieldMeta(name, (meta) => ({
-							...meta,
-							isDirty: false
-						}));
-						latestSaveRef.current.onSaveSuccess?.();
-					} catch {}
-				});
-			}, delay);
-		};
-		const unsubscribeStore = trigger === "change" ? form.store.subscribe(() => {
-			if (!isEqual(form.state.values, savedSnapshotRef.current)) queueSave();
-		}) : void 0;
-		const unsubscribeBlur = trigger === "blur" ? form.subscribeBlur(queueSave) : void 0;
-		return () => {
-			clearPending();
-			unsubscribeStore?.unsubscribe();
-			unsubscribeBlur?.();
-		};
-	}, [
-		delay,
-		enabled,
-		form,
-		trigger
-	]);
-}
-//#endregion
-//#region src/hooks/useFormAutosave.ts
-const getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
-Problem: Form values weren't reset after submission.
-
-Likely causes:
-• Missing variables in reset dependency array
-• Reset dependencies not updating after form save
-• Async operations blocking timely reset
-
-Solutions:
-1. Ensure reset dependencies include all relevant state variables
-2. Confirm your submission handler updates state properly (check query invalidation)
-3. For slower operations, consider increasing the timeout threshold`;
-function useFormAutosave({ autosaveDelay, enableAutosave, autosaveOn = "change", normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout = 5e3, ...props }) {
-	const form = useForm({
-		...props,
-		defaultValues: getResetValues()
-	});
-	const shouldResetFormValuesRef = useRef(false);
-	const resetFormValuesTimeoutRef = useRef(void 0);
-	useEffect(() => {
-		const resetValues = getResetValues();
-		if (resetValues === void 0) return;
-		const resetFormValues = async () => {
-			const keepCurrentValues = shouldResetFormValuesRef.current;
-			shouldResetFormValuesRef.current = false;
-			let values;
-			if (ObjectUtils.isFunction(resetValues)) values = await resetValues();
-			else values = resetValues;
-			form.reset(keepCurrentValues ? {
-				...values,
-				...form.state.values
-			} : values);
-		};
-		resetFormValues();
-	}, [...resetDeps]);
-	const prepareForSaveReset = () => {
-		shouldResetFormValuesRef.current = true;
-		if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
-		resetFormValuesTimeoutRef.current = setTimeout(() => {
-			if (shouldResetFormValuesRef.current) throw new Error(getResetTimeoutErrorMessage(resetTimeout));
-		}, resetTimeout);
-	};
-	useAutosave({
-		form,
-		delay: autosaveDelay,
-		enabled: enableAutosave,
-		trigger: autosaveOn,
-		onSave: useCallback(async (data) => {
-			const normalizedData = normalizeAutosaveData ? normalizeAutosaveData(data) : data;
-			if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return;
-			prepareForSaveReset();
-			try {
-				return await onAutosave(normalizedData);
-			} catch (error) {
-				shouldResetFormValuesRef.current = false;
-				if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
-				throw error;
-			}
-		}, [
-			normalizeAutosaveData,
-			onAutosave,
-			resetTimeout
-		])
-	});
-	return form;
-}
-//#endregion
-export { useAutosave as n, Form as r, useFormAutosave as t };

package/dist/useQueryAutocomplete-CraXvRm_.js

@@ -1,152 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-//#region src/components/inputs/Selection/shared/querySelect.utils.ts
-const getDefaultInitialSelectionLabel = (initialSelection) => {
-	if (typeof initialSelection !== "object" || initialSelection === null) return "";
-	if ("label" in initialSelection && typeof initialSelection.label === "string") return initialSelection.label;
-	if ("name" in initialSelection && typeof initialSelection.name === "string") return initialSelection.name;
-	return "";
-};
-const getInitialSelectionItems = (initialSelection) => {
-	return Array.isArray(initialSelection) ? initialSelection : initialSelection != null ? [initialSelection] : [];
-};
-const getInitialSelectionLabel = (initialSelection, mapInitialToSelectItem) => mapInitialToSelectItem?.(initialSelection).label ?? getDefaultInitialSelectionLabel(initialSelection);
-const getSelectionIdsToResolve = ({ initialSelection, value, mapInitialToSelectItem }) => {
-	const values = Array.isArray(value) ? value : value != null ? [value] : [];
-	const initialSelections = getInitialSelectionItems(initialSelection);
-	const labeledInitialSelectionIds = /* @__PURE__ */ new Set();
-	const missingLabelInitialSelectionIds = [];
-	initialSelections.forEach((item) => {
-		const id = (mapInitialToSelectItem?.(item))?.id ?? item.id;
-		if (id == null) return;
-		if (getInitialSelectionLabel(item, mapInitialToSelectItem) === "") {
-			missingLabelInitialSelectionIds.push(id);
-			return;
-		}
-		labeledInitialSelectionIds.add(id);
-	});
-	const items = Array.from(/* @__PURE__ */ new Set([...missingLabelInitialSelectionIds, ...values.filter((id) => !labeledInitialSelectionIds.has(id))]));
-	return {
-		count: items.length,
-		isResolvedByInitialSelection: values.length > 0 && values.every((id) => labeledInitialSelectionIds.has(id)),
-		items
-	};
-};
-const getQueryItems = (data, queryMap) => {
-	if (!data) return [];
-	if (queryMap) return queryMap(data);
-	if (Array.isArray(data)) return data;
-	if (typeof data === "object" && data !== null) {
-		if ("items" in data && Array.isArray(data.items)) return data.items;
-		if ("pages" in data && Array.isArray(data.pages)) return data.pages.flatMap((page) => page && typeof page === "object" && "items" in page && Array.isArray(page.items) ? page.items : []);
-	}
-	return [];
-};
-//#endregion
-//#region src/utils/query.utils.ts
-let ApiQueryUtils;
-(function(_ApiQueryUtils) {
-	_ApiQueryUtils.DEFAULT_LIMIT = 20;
-	_ApiQueryUtils.DEFAULT_PAGE = 1;
-})(ApiQueryUtils || (ApiQueryUtils = {}));
-//#endregion
-//#region src/hooks/useQueryAutocomplete.ts
-const isFilterSearchParams = (params) => {
-	return typeof params === "object" && params !== null && "filter" in params;
-};
-const useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, resolveSelectedItemsWithIds = false, initialQueryState, search, selectedIdsToResolve = [] }) => {
-	"use no memo";
-	const shouldResolveSelectedItems = selectedIdsToResolve.length > 0;
-	const shouldUseSelectedItemsQuery = resolveSelectedItemsWithIds && shouldResolveSelectedItems;
-	const [isQueryEnabled, setIsQueryEnabled] = useState(!initialQueryState && !shouldUseSelectedItemsQuery);
-	const resolvedQueryParams = search === void 0 ? queryParams : {
-		...queryParams,
-		limit: queryParams?.limit ?? ApiQueryUtils.DEFAULT_LIMIT,
-		search,
-		filter: {
-			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
-			search
-		}
-	};
-	const isInfiniteQueryResult = (result) => {
-		return "hasNextPage" in result && "fetchNextPage" in result;
-	};
-	const getDataForMapping = (result_0) => isInfiniteQueryResult(result_0) ? result_0.data?.pages?.flatMap((page) => page?.items ?? []) : result_0.data;
-	const queryResult = query(resolvedQueryParams, {
-		...queryOptions,
-		enabled: isQueryEnabled && (queryOptions?.enabled ?? true)
-	});
-	const data = queryResult.data;
-	const selectedItemsQueryResult = query({
-		...queryParams,
-		filter: {
-			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
-			ids: selectedIdsToResolve
-		}
-	}, {
-		...queryOptions,
-		enabled: shouldUseSelectedItemsQuery && (queryOptions?.enabled ?? true)
-	});
-	const handleEnableQuery = () => {
-		setIsQueryEnabled(true);
-	};
-	const infiniteQueryResult = isInfiniteQueryResult(queryResult) ? queryResult : void 0;
-	const isInfiniteQuery = infiniteQueryResult !== void 0;
-	const hasNextPage = infiniteQueryResult?.hasNextPage ?? false;
-	const fetchNextPage = infiniteQueryResult?.fetchNextPage;
-	const isFetchingNextPage = infiniteQueryResult?.isFetchingNextPage ?? false;
-	const totalItems = infiniteQueryResult?.data?.pages?.[0]?.totalItems;
-	const shouldUseOnlySelectedItemsQuery = shouldUseSelectedItemsQuery && !isQueryEnabled;
-	const queryData = getDataForMapping(queryResult);
-	const selectedItemsQueryData = getDataForMapping(selectedItemsQueryResult);
-	const itemsQueryData = shouldUseOnlySelectedItemsQuery ? selectedItemsQueryData : queryData;
-	const selectedItemsDataToMerge = shouldUseOnlySelectedItemsQuery ? void 0 : selectedItemsQueryData;
-	const items = useMemo(() => {
-		const queryItems = itemsQueryData ? mapItems(itemsQueryData) : [];
-		const itemsById = new Map(queryItems.map((item) => [item.id, item]));
-		(selectedItemsDataToMerge ? mapItems(selectedItemsDataToMerge) : []).forEach((item_0) => {
-			itemsById.set(item_0.id, item_0);
-		});
-		return Array.from(itemsById.values());
-	}, [
-		itemsQueryData,
-		mapItems,
-		selectedItemsDataToMerge
-	]);
-	const selectedIdsToResolveSet = useMemo(() => new Set(selectedIdsToResolve), [selectedIdsToResolve]);
-	const handleFetchNextPage = useCallback(() => {
-		if (!fetchNextPage || !hasNextPage || isFetchingNextPage) return;
-		fetchNextPage();
-	}, [
-		fetchNextPage,
-		hasNextPage,
-		isFetchingNextPage
-	]);
-	useEffect(() => {
-		if (!isQueryEnabled || resolveSelectedItemsWithIds || !isInfiniteQuery || !hasNextPage || isFetchingNextPage || selectedIdsToResolveSet.size === 0) return;
-		const loadedItemIds = new Set(items.map((item_1) => item_1.id));
-		if (selectedIdsToResolve.some((id) => !loadedItemIds.has(id))) handleFetchNextPage();
-	}, [
-		handleFetchNextPage,
-		hasNextPage,
-		isFetchingNextPage,
-		isInfiniteQuery,
-		isQueryEnabled,
-		items,
-		resolveSelectedItemsWithIds,
-		selectedIdsToResolve,
-		selectedIdsToResolveSet
-	]);
-	return {
-		data,
-		isLoading: queryResult.isLoading || isFetchingNextPage || selectedItemsQueryResult.isLoading,
-		isQueryEnabled,
-		handleEnableQuery,
-		items,
-		totalItems,
-		hasNextPage,
-		fetchNextPage: handleFetchNextPage,
-		isFetchingNextPage
-	};
-};
-//#endregion
-export { getQueryItems as n, getSelectionIdsToResolve as r, useQueryAutocomplete as t };