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

package/dist/useIntersectionObserver-DYfHnGGU.js

@@ -0,0 +1,98 @@
+import { useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
+//#region src/hooks/useIntersectionObserver.ts
+const useIntersectionObserver = (t0) => {
+	const $ = c(13);
+	const { onIntersection, onIntersectionChange, root, rootMargin, threshold } = t0;
+	const elementRef = useRef(null);
+	const observerRef = useRef(null);
+	const onIntersectionRef = useRef(onIntersection);
+	const onIntersectionChangeRef = useRef(onIntersectionChange);
+	let t1;
+	let t2;
+	if ($[0] !== onIntersection) {
+		t1 = () => {
+			onIntersectionRef.current = onIntersection;
+		};
+		t2 = [onIntersection];
+		$[0] = onIntersection;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[3] !== onIntersectionChange) {
+		t3 = () => {
+			onIntersectionChangeRef.current = onIntersectionChange;
+		};
+		t4 = [onIntersectionChange];
+		$[3] = onIntersectionChange;
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		t3 = $[4];
+		t4 = $[5];
+	}
+	useEffect(t3, t4);
+	let t5;
+	let t6;
+	if ($[6] !== root || $[7] !== rootMargin || $[8] !== threshold) {
+		t5 = () => {
+			const observer = new IntersectionObserver((entries) => {
+				if (entries.some(_temp)) onIntersectionRef.current?.();
+				onIntersectionChangeRef.current?.(entries[0]);
+			}, {
+				root,
+				rootMargin,
+				threshold
+			});
+			observerRef.current = observer;
+			if (elementRef.current) observer.observe(elementRef.current);
+			return () => {
+				if (elementRef.current) observer.unobserve(elementRef.current);
+				observer.disconnect();
+				observerRef.current = null;
+			};
+		};
+		t6 = [
+			root,
+			rootMargin,
+			threshold
+		];
+		$[6] = root;
+		$[7] = rootMargin;
+		$[8] = threshold;
+		$[9] = t5;
+		$[10] = t6;
+	} else {
+		t5 = $[9];
+		t6 = $[10];
+	}
+	useEffect(t5, t6);
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (element) => {
+			if (elementRef.current === element) return;
+			if (observerRef.current && elementRef.current) observerRef.current.unobserve(elementRef.current);
+			elementRef.current = element;
+			if (observerRef.current && elementRef.current) observerRef.current.observe(elementRef.current);
+		};
+		$[11] = t7;
+	} else t7 = $[11];
+	const ref = t7;
+	let t8;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = { ref };
+		$[12] = t8;
+	} else t8 = $[12];
+	return t8;
+};
+function _temp(entry) {
+	return entry.isIntersecting;
+}
+//#endregion
+export { useIntersectionObserver as t };

package/dist/useLayoutEffect-DN7Dbrb9.js

@@ -0,0 +1,58 @@
+import $ahdqC$react from "react";
+import { shadowDOM } from "react-stately/private/flags/flags";
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/domHelpers.mjs
+const $d447af545b77c9f1$export$b204af158042fbac = (target) => {
+	if ($d447af545b77c9f1$var$isWindow(target)) return target.document;
+	if ($d447af545b77c9f1$export$62858bae88b53fd0(target)) return target;
+	return target?.ownerDocument ?? (typeof document !== "undefined" ? document : void 0);
+};
+const $d447af545b77c9f1$export$f21a1ffae260145a = (target) => {
+	return $d447af545b77c9f1$export$b204af158042fbac(target)?.defaultView ?? (typeof window !== "undefined" ? window : void 0);
+};
+function $d447af545b77c9f1$export$8ee0fc9ee280b4ee(value) {
+	return value !== null && typeof value === "object" && "nodeType" in value && typeof value.nodeType === "number";
+}
+/**
+* Type guard that checks if a value is a Window. Uses window self reference checks to
+* distinguish Window from other values.
+*/ function $d447af545b77c9f1$var$isWindow(value) {
+	return typeof value === "object" && value != null && "window" in value && value.window === value;
+}
+function $d447af545b77c9f1$export$62858bae88b53fd0(value) {
+	return $d447af545b77c9f1$export$8ee0fc9ee280b4ee(value) && value.nodeType === 9;
+}
+function $d447af545b77c9f1$export$af51f0f06c0f328a(value) {
+	return $d447af545b77c9f1$export$8ee0fc9ee280b4ee(value) && value.nodeType === 11 && "host" in value;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/shadowdom/DOMFunctions.mjs
+function $23f2114a1b82827e$export$4282f70798064fe0(node, otherNode) {
+	if (!shadowDOM()) return otherNode && node ? node.contains(otherNode) : false;
+	if (!node || !otherNode) return false;
+	let currentNode = otherNode;
+	while (currentNode !== null) {
+		if (currentNode === node) return true;
+		if (typeof currentNode.assignedElements !== "function" && currentNode.assignedSlot?.parentNode) currentNode = currentNode.assignedSlot.parentNode;
+		else if ($d447af545b77c9f1$export$af51f0f06c0f328a(currentNode)) currentNode = currentNode.host;
+		else currentNode = currentNode.parentNode;
+	}
+	return false;
+}
+const $23f2114a1b82827e$export$cd4e5573fbe2b576 = (doc = document) => {
+	if (!shadowDOM()) return doc.activeElement;
+	let activeElement = doc.activeElement;
+	while (activeElement && "shadowRoot" in activeElement && activeElement.shadowRoot?.activeElement) activeElement = activeElement.shadowRoot.activeElement;
+	return activeElement;
+};
+function $23f2114a1b82827e$export$e58f029f0fbfdb29(event) {
+	if (shadowDOM() && event.target instanceof Element && event.target.shadowRoot) {
+		if ("composedPath" in event) return event.composedPath()[0] ?? null;
+		else if ("composedPath" in event.nativeEvent) return event.nativeEvent.composedPath()[0] ?? null;
+	}
+	return event.target;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/useLayoutEffect.mjs
+const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== "undefined" ? $ahdqC$react.useLayoutEffect : () => {};
+//#endregion
+export { $d447af545b77c9f1$export$b204af158042fbac as a, $23f2114a1b82827e$export$e58f029f0fbfdb29 as i, $23f2114a1b82827e$export$4282f70798064fe0 as n, $d447af545b77c9f1$export$f21a1ffae260145a as o, $23f2114a1b82827e$export$cd4e5573fbe2b576 as r, $c4867b2f328c2698$export$e5c5a5f917a5871c as t };

package/dist/useLocalStorage-DGsBUCT6.d.ts

@@ -0,0 +1,13 @@
+import { z } from "zod";
+//#region src/hooks/useLocalStorage.d.ts
+interface IProps<ZOutput, ZInput> {
+  key: string;
+  schema: z.ZodType<ZOutput, ZInput>;
+}
+declare const useLocalStorage: <ZOutput, ZInput>({ key, schema }: IProps<ZOutput, ZInput>) => {
+  value: ZOutput | null;
+  set: (newValue: ZInput) => void;
+  remove: () => void;
+};
+//#endregion
+export { useLocalStorage as t };

package/dist/useLocalStorage-PlcaJ1tP.js

@@ -0,0 +1,70 @@
+import { useState } from "react";
+import { c } from "react/compiler-runtime";
+//#region src/hooks/useLocalStorage.ts
+const getValue = (key, schema) => {
+	if (!localStorage) return null;
+	const lsValue = localStorage.getItem(key);
+	if (!lsValue) return null;
+	let jsonOrString;
+	try {
+		jsonOrString = JSON.parse(lsValue);
+	} catch {
+		jsonOrString = lsValue;
+	}
+	const parsedValue = schema.safeParse(jsonOrString);
+	if (parsedValue.success) return parsedValue.data;
+	else return null;
+};
+const useLocalStorage = (t0) => {
+	const $ = c(12);
+	const { key, schema } = t0;
+	let t1;
+	if ($[0] !== key || $[1] !== schema) {
+		t1 = () => getValue(key, schema);
+		$[0] = key;
+		$[1] = schema;
+		$[2] = t1;
+	} else t1 = $[2];
+	const [value, setValue] = useState(t1);
+	let t2;
+	if ($[3] !== key || $[4] !== schema) {
+		t2 = (newValue) => {
+			if (!localStorage) return;
+			const parsedValue = schema.safeParse(newValue);
+			if (!parsedValue.success) return;
+			if (typeof parsedValue.data === "string") localStorage.setItem(key, parsedValue.data);
+			else localStorage.setItem(key, JSON.stringify(parsedValue.data));
+			setValue(parsedValue.data);
+		};
+		$[3] = key;
+		$[4] = schema;
+		$[5] = t2;
+	} else t2 = $[5];
+	const set = t2;
+	let t3;
+	if ($[6] !== key) {
+		t3 = () => {
+			if (!localStorage) return;
+			localStorage.removeItem(key);
+			setValue(null);
+		};
+		$[6] = key;
+		$[7] = t3;
+	} else t3 = $[7];
+	const remove = t3;
+	let t4;
+	if ($[8] !== remove || $[9] !== set || $[10] !== value) {
+		t4 = {
+			value,
+			set,
+			remove
+		};
+		$[8] = remove;
+		$[9] = set;
+		$[10] = value;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
+};
+//#endregion
+export { useLocalStorage as t };

package/dist/useQueryAutocomplete-CraXvRm_.js

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