@povio/ui 3.0.0-rc.3 → 3.1.0

package/dist/hooks/useKeyInteractions.d.ts

@@ -1,20 +0,0 @@
-import { KeyboardEvent } from 'react';
-export type KeyInteractionAction = "up" | "down" | "left" | "right" | "space" | "escape" | "enter" | "backspace";
-export type KeyInteractionCallback<TElement extends HTMLElement = HTMLElement> = (event: KeyboardEvent<TElement>) => void;
-export interface KeyInteraction<TElement extends HTMLElement = HTMLElement> {
-    callback: KeyInteractionCallback<TElement>;
-    enabled?: boolean;
-    preventDefault?: boolean;
-}
-export interface KeyInteractionGroup<TElement extends HTMLElement = HTMLElement> extends KeyInteraction<TElement> {
-    actions: KeyInteractionAction[];
-}
-export type KeyInteractions<TElement extends HTMLElement = HTMLElement> = Partial<Record<KeyInteractionAction, KeyInteraction<TElement>>> & {
-    interactions?: KeyInteractionGroup<TElement>[];
-};
-export interface UseKeyInteractionsResult<TElement extends HTMLElement = HTMLElement> {
-    onKeyDown: (event: KeyboardEvent<TElement>) => void;
-}
-export declare const getKeyInteractionAction: (event: Pick<KeyboardEvent, "code" | "key">) => KeyInteractionAction | undefined;
-export declare const createKeyInteractionsHandler: <TElement extends HTMLElement = HTMLElement>(interactions: KeyInteractions<TElement>) => (event: KeyboardEvent<TElement>) => void;
-export declare const useKeyInteractions: <TElement extends HTMLElement = HTMLElement>(interactions: KeyInteractions<TElement>) => UseKeyInteractionsResult<TElement>;

package/dist/hooks/useKeyInteractions.js

@@ -1,54 +0,0 @@
-import { c } from "react/compiler-runtime";
-//#region src/hooks/useKeyInteractions.ts
-var KEY_TO_ACTION = {
-	ArrowUp: "up",
-	ArrowDown: "down",
-	ArrowLeft: "left",
-	ArrowRight: "right",
-	" ": "space",
-	Spacebar: "space",
-	Escape: "escape",
-	Enter: "enter",
-	Backspace: "backspace"
-};
-var getKeyInteractionAction = (event) => {
-	return KEY_TO_ACTION[event.key] ?? (event.code === "Space" ? "space" : void 0);
-};
-var createKeyInteractionsHandler = (interactions) => {
-	return (event) => handleKeyInteraction({
-		event,
-		interactions
-	});
-};
-var useKeyInteractions = (interactions) => {
-	const $ = c(4);
-	let t0;
-	if ($[0] !== interactions) {
-		t0 = (event) => handleKeyInteraction({
-			event,
-			interactions
-		});
-		$[0] = interactions;
-		$[1] = t0;
-	} else t0 = $[1];
-	const onKeyDown = t0;
-	let t1;
-	if ($[2] !== onKeyDown) {
-		t1 = { onKeyDown };
-		$[2] = onKeyDown;
-		$[3] = t1;
-	} else t1 = $[3];
-	return t1;
-};
-var handleKeyInteraction = ({ event, interactions }) => {
-	const action = getKeyInteractionAction(event);
-	if (!action) return;
-	const interaction = interactions[action];
-	const groupInteraction = interactions.interactions?.find((group) => group.actions.includes(action));
-	const selectedInteraction = interaction ?? groupInteraction;
-	if (!selectedInteraction || selectedInteraction.enabled === false) return;
-	if (selectedInteraction.preventDefault) event.preventDefault();
-	selectedInteraction.callback(event);
-};
-//#endregion
-export { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions };

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

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

package/dist/hooks/useQueryAutocomplete.d.ts

@@ -1,14 +0,0 @@
-import { InfiniteData } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { InfiniteQueryPage, QueryFn, UseQueryAutocompleteOptions } from '../components/inputs/Selection/Autocomplete/queryAutocomplete.types';
-export declare const useQueryAutocomplete: <TQueryFn extends QueryFn, TKey extends Key = Key>({ query, queryParams, queryOptions, mapItems, initialQueryState, search, selectedIdsToResolve, }: UseQueryAutocompleteOptions<TQueryFn, TKey>) => {
-    data: any;
-    isLoading: boolean;
-    isQueryEnabled: boolean;
-    handleEnableQuery: () => void;
-    items: import('..').SelectItem<TKey>[];
-    totalItems: number | undefined;
-    hasNextPage: boolean;
-    fetchNextPage: ((options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<InfiniteData<InfiniteQueryPage<TKey>, unknown>, Error>>) | undefined;
-    isFetchingNextPage: boolean;
-};

package/dist/hooks/useQueryAutocomplete.js

@@ -1,72 +0,0 @@
-import { ApiQueryUtils } from "../utils/query.utils.js";
-import { useEffect, useMemo, useState } from "react";
-//#region src/hooks/useQueryAutocomplete.ts
-var isFilterSearchParams = (params) => {
-	return typeof params === "object" && params !== null && "filter" in params;
-};
-var useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, initialQueryState, search, selectedIdsToResolve = [] }) => {
-	"use no memo";
-	const [isQueryEnabled, setIsQueryEnabled] = useState(!initialQueryState);
-	const queryResult = query(search === void 0 ? queryParams : {
-		...queryParams,
-		limit: queryParams?.limit ?? ApiQueryUtils.DEFAULT_LIMIT,
-		search,
-		filter: {
-			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
-			search
-		}
-	}, {
-		...queryOptions,
-		enabled: isQueryEnabled && (queryOptions?.enabled ?? true)
-	});
-	const data = queryResult.data;
-	const isLoading = queryResult.isLoading;
-	const isInfiniteQueryResult = (result) => {
-		return "hasNextPage" in result && "fetchNextPage" in result;
-	};
-	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 items = useMemo(() => {
-		if (!data) return [];
-		return mapItems(isInfiniteQuery ? data.pages?.flatMap((page) => page?.items ?? []) : data);
-	}, [
-		data,
-		isInfiniteQuery,
-		mapItems
-	]);
-	const selectedIdsToResolveSet = useMemo(() => new Set(selectedIdsToResolve), [selectedIdsToResolve]);
-	useEffect(() => {
-		if (!isQueryEnabled || !isInfiniteQuery || !fetchNextPage || !hasNextPage || isFetchingNextPage || selectedIdsToResolveSet.size === 0) return;
-		const loadedItemIds = new Set(items.map((item) => item.id));
-		if (selectedIdsToResolve.some((id) => !loadedItemIds.has(id))) fetchNextPage();
-	}, [
-		fetchNextPage,
-		hasNextPage,
-		isFetchingNextPage,
-		isInfiniteQuery,
-		isQueryEnabled,
-		items,
-		selectedIdsToResolve,
-		selectedIdsToResolveSet
-	]);
-	return {
-		data,
-		isLoading: isLoading || isFetchingNextPage,
-		isQueryEnabled,
-		handleEnableQuery,
-		items,
-		totalItems,
-		hasNextPage,
-		fetchNextPage,
-		isFetchingNextPage
-	};
-};
-//#endregion
-export { useQueryAutocomplete };

package/dist/utils/query.utils.d.ts

@@ -1,4 +0,0 @@
-export declare namespace ApiQueryUtils {
-    const DEFAULT_LIMIT = 20;
-    const DEFAULT_PAGE = 1;
-}

package/dist/utils/query.utils.js

@@ -1,8 +0,0 @@
-//#region src/utils/query.utils.ts
-var ApiQueryUtils;
-(function(_ApiQueryUtils) {
-	_ApiQueryUtils.DEFAULT_LIMIT = 20;
-	_ApiQueryUtils.DEFAULT_PAGE = 1;
-})(ApiQueryUtils || (ApiQueryUtils = {}));
-//#endregion
-export { ApiQueryUtils };