@povio/ui 3.0.0-rc.3 → 3.1.0

package/dist/components/inputs/Selection/Select/QuerySelect.js

@@ -1,178 +0,0 @@
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { Select } from "./Select.js";
-import { getQueryItems, getSelectionIdsToResolve } from "../shared/querySelect.utils.js";
-import { useQueryAutocomplete } from "../../../../hooks/useQueryAutocomplete.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { mergeRefs } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
-//#region src/components/inputs/Selection/Select/QuerySelect.tsx
-var QuerySelectContent = (t0) => {
-	const $ = c(29);
-	const { query, queryParams, queryOptions, queryMap, ...props } = t0;
-	const ui = UIConfig.useConfig();
-	const [search, setSearch] = useState("");
-	const isSearchable = props.isSearchable ?? ui.select.isSearchable;
-	const value = "value" in props ? props.value : void 0;
-	const selectedIdsToResolve = getSelectionIdsToResolve({
-		initialSelection: props.initialSelection,
-		value,
-		mapInitialToSelectItem: props.mapInitialToSelectItem
-	});
-	const shouldEnableInitialQuery = selectedIdsToResolve.count > 0;
-	let t1;
-	if ($[0] !== queryMap) {
-		t1 = (data) => getQueryItems(data, queryMap);
-		$[0] = queryMap;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = isSearchable ? search : void 0;
-	const t3 = shouldEnableInitialQuery ? false : props.isInitialQueryDisabled ?? ui.querySelect?.isInitialQueryDisabled;
-	let t4;
-	if ($[2] !== query || $[3] !== queryOptions || $[4] !== queryParams || $[5] !== selectedIdsToResolve.items || $[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
-		t4 = {
-			query,
-			queryParams,
-			queryOptions,
-			mapItems: t1,
-			search: t2,
-			initialQueryState: t3,
-			selectedIdsToResolve: selectedIdsToResolve.items
-		};
-		$[2] = query;
-		$[3] = queryOptions;
-		$[4] = queryParams;
-		$[5] = selectedIdsToResolve.items;
-		$[6] = t1;
-		$[7] = t2;
-		$[8] = t3;
-		$[9] = t4;
-	} else t4 = $[9];
-	const { items, totalItems, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete(t4);
-	let onSearchChange;
-	let selectProps;
-	if ($[10] !== props) {
-		const { isInitialQueryDisabled: _, onSearchChange: t5, ...t6 } = props;
-		onSearchChange = t5;
-		selectProps = t6;
-		$[10] = props;
-		$[11] = onSearchChange;
-		$[12] = selectProps;
-	} else {
-		onSearchChange = $[11];
-		selectProps = $[12];
-	}
-	let t5;
-	if ($[13] !== handleEnableQuery || $[14] !== onSearchChange || $[15] !== setSearch) {
-		t5 = (value_0) => {
-			setSearch(value_0);
-			handleEnableQuery();
-			onSearchChange?.(value_0);
-		};
-		$[13] = handleEnableQuery;
-		$[14] = onSearchChange;
-		$[15] = setSearch;
-		$[16] = t5;
-	} else t5 = $[16];
-	const handleSearchChange = t5;
-	let t6;
-	if ($[17] !== handleSearchChange || $[18] !== isSearchable) {
-		t6 = isSearchable && {
-			isClientSearchDisabled: true,
-			onSearchChange: handleSearchChange
-		};
-		$[17] = handleSearchChange;
-		$[18] = isSearchable;
-		$[19] = t6;
-	} else t6 = $[19];
-	let t7;
-	if ($[20] !== fetchNextPage || $[21] !== handleEnableQuery || $[22] !== hasNextPage || $[23] !== isLoading || $[24] !== items || $[25] !== selectProps || $[26] !== t6 || $[27] !== totalItems) {
-		t7 = /* @__PURE__ */ jsx(Select, {
-			...selectProps,
-			items,
-			isLoading,
-			totalItems,
-			hasLoadMore: hasNextPage,
-			onLoadMore: fetchNextPage,
-			onMouseEnter: handleEnableQuery,
-			onFocusCapture: handleEnableQuery,
-			...t6
-		});
-		$[20] = fetchNextPage;
-		$[21] = handleEnableQuery;
-		$[22] = hasNextPage;
-		$[23] = isLoading;
-		$[24] = items;
-		$[25] = selectProps;
-		$[26] = t6;
-		$[27] = totalItems;
-		$[28] = t7;
-	} else t7 = $[28];
-	return t7;
-};
-var QuerySelect = (props) => {
-	const $ = c(16);
-	if ("formControl" in props && props.formControl) {
-		let formControl;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({formControl, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = formControl;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			formControl = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		const controlWithOptions = formControl.control;
-		let t0;
-		if ($[4] !== controlWithOptions || $[5] !== innerProps || $[6] !== props.error || $[7] !== props.isDisabled || $[8] !== ref) {
-			t0 = (t1) => {
-				const { field, fieldState: t2 } = t1;
-				const { error, isDirty } = t2;
-				return /* @__PURE__ */ jsx(QuerySelectContent, {
-					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					value: field.value,
-					onChange: field.onChange,
-					onBlur: field.onBlur,
-					isDirty,
-					isDisabled: field.disabled || props.isDisabled || !!controlWithOptions._options?.disabled,
-					error: props.error ?? error?.message
-				});
-			};
-			$[4] = controlWithOptions;
-			$[5] = innerProps;
-			$[6] = props.error;
-			$[7] = props.isDisabled;
-			$[8] = ref;
-			$[9] = t0;
-		} else t0 = $[9];
-		let t1;
-		if ($[10] !== formControl.control || $[11] !== formControl.name || $[12] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
-				render: t0
-			});
-			$[10] = formControl.control;
-			$[11] = formControl.name;
-			$[12] = t0;
-			$[13] = t1;
-		} else t1 = $[13];
-		return t1;
-	}
-	let t0;
-	if ($[14] !== props) {
-		t0 = /* @__PURE__ */ jsx(QuerySelectContent, { ...props });
-		$[14] = props;
-		$[15] = t0;
-	} else t0 = $[15];
-	return t0;
-};
-//#endregion
-export { QuerySelect };

package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { InputVariantProps } from '../../shared/input.cva';
-interface StaticSelectTrailingContentProps extends Pick<InputVariantProps, "size"> {
-    trailingContent?: ReactNode;
-    hideDropdownIcon?: boolean;
-    isDisabled?: boolean;
-}
-export declare const StaticSelectTrailingContent: ({ trailingContent, hideDropdownIcon, isDisabled, size, }: StaticSelectTrailingContentProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js

@@ -1,47 +0,0 @@
-import { ArrowDropDownIcon } from "../../../../assets/icons/ArrowDropDown.js";
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { inputSizeDefinition } from "../../shared/input.cva.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-//#region src/components/inputs/Selection/shared/StaticSelectTrailingContent.tsx
-var StaticSelectTrailingContent = (t0) => {
-	const $ = c(10);
-	const { trailingContent, hideDropdownIcon, isDisabled, size } = t0;
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	if (!trailingContent && hideDropdownIcon) return null;
-	let t1;
-	if ($[0] !== trailingContent) {
-		t1 = trailingContent && /* @__PURE__ */ jsx("div", {
-			className: "flex shrink-0 items-center",
-			children: trailingContent
-		});
-		$[0] = trailingContent;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== hideDropdownIcon || $[3] !== inputSizeCva || $[4] !== isDisabled || $[5] !== size) {
-		t2 = !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
-			type: "button",
-			tabIndex: -1,
-			className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx(ArrowDropDownIcon, { className: clsx("size-6 shrink-0", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle") })
-		}) : void 0;
-		$[2] = hideDropdownIcon;
-		$[3] = inputSizeCva;
-		$[4] = isDisabled;
-		$[5] = size;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== t1 || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
-};
-//#endregion
-export { StaticSelectTrailingContent };

package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts

@@ -1,14 +0,0 @@
-import { UseInfiniteQueryResult, UseQueryResult } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { SelectItem } from './select.types';
-export type QueryFn<TData = any> = (...args: any[]) => UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
-export type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
-export declare const getSelectionIdsToResolve: <TInitialSelectItem, TKey extends Key = Key>({ initialSelection, value, mapInitialToSelectItem, }: {
-    initialSelection: TInitialSelectItem | TInitialSelectItem[] | null | undefined;
-    value: TKey | TKey[] | null | undefined;
-    mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;
-}) => {
-    count: number;
-    items: TKey[];
-};
-export declare const getQueryItems: <TQueryFn extends QueryFn, TKey extends Key = Key>(data: QueryDataType<TQueryFn> | undefined, queryMap?: (data: QueryDataType<TQueryFn>) => SelectItem<TKey>[]) => SelectItem<TKey>[];

package/dist/components/inputs/Selection/shared/querySelect.utils.js

@@ -1,43 +0,0 @@
-//#region src/components/inputs/Selection/shared/querySelect.utils.ts
-var 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 "";
-};
-var getInitialSelectionItems = (initialSelection) => {
-	return Array.isArray(initialSelection) ? initialSelection : initialSelection != null ? [initialSelection] : [];
-};
-var getInitialSelectionLabel = (initialSelection, mapInitialToSelectItem) => mapInitialToSelectItem?.(initialSelection).label ?? getDefaultInitialSelectionLabel(initialSelection);
-var 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(new Set([...missingLabelInitialSelectionIds, ...values.filter((id) => !labeledInitialSelectionIds.has(id))]));
-	return {
-		count: items.length,
-		items
-	};
-};
-var 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
-export { getQueryItems, getSelectionIdsToResolve };

package/dist/components/inputs/Selection/shared/selectDesktop.cva.d.ts

@@ -1,6 +0,0 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const selectPopoverDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
-};
-export type SelectPopoverCva = UIOverrides.VariantProps<NonNullable<typeof selectPopoverDefinition.config>>;

package/dist/components/inputs/Selection/shared/selectDesktop.cva.js

@@ -1,5 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/Selection/shared/selectDesktop.cva.ts
-var selectPopoverDefinition = UIOverrides.defineConfig({ base: ["my-4 outline-none"] });
-//#endregion
-export { selectPopoverDefinition };

package/dist/components/inputs/Selection/shared/selectInput.cva.d.ts

@@ -1,12 +0,0 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const selectInputTagsContentWrapperDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isSearchable: {
-            readonly false: "pointer-events-none z-1";
-        };
-    }>;
-};
-export type SelectInputTagsContentWrapperConfig = NonNullable<typeof selectInputTagsContentWrapperDefinition.config>;
-export interface SelectInputTagsContentWrapperVariantProps extends UIOverrides.VariantProps<SelectInputTagsContentWrapperConfig> {
-}

package/dist/components/inputs/Selection/shared/selectInput.cva.js

@@ -1,8 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/Selection/shared/selectInput.cva.ts
-var selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
-	base: ["flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate"],
-	config: { variants: { isSearchable: { false: "pointer-events-none z-1" } } }
-});
-//#endregion
-export { selectInputTagsContentWrapperDefinition };

package/dist/components/inputs/Selection/shared/staticSelect.utils.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-import { DefaultInitialSelectItem, SelectItem } from './select.types';
-interface GetStaticSelectValueOptions<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
-    items: SelectItem<TKey>[];
-    value: TKey | TKey[] | null | undefined;
-    selectionMode: SelectBaseProps<TKey>["selectionMode"];
-    initialSelection?: TInitialSelectItem | TInitialSelectItem[] | null;
-    mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;
-    showSelectionContent?: boolean;
-    isDisabled?: boolean;
-    collapseAfter?: SelectBaseProps<TKey>["collapseAfter"];
-    selectedTagsType?: SelectBaseProps<TKey>["selectedTagsType"];
-}
-interface StaticSelectValueResult<TKey extends Key = Key> {
-    selectedItem: SelectItem<TKey> | null;
-    selectedItems: SelectItem<TKey>[];
-    displayValue: ReactNode;
-    isEmpty: boolean;
-}
-export declare const getStaticSelectValue: <TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>({ items, value, selectionMode, initialSelection, mapInitialToSelectItem, showSelectionContent, isDisabled, collapseAfter, selectedTagsType, }: GetStaticSelectValueOptions<TKey, TInitialSelectItem>) => StaticSelectValueResult<TKey>;
-export {};

package/dist/components/inputs/Selection/shared/staticSelect.utils.js

@@ -1,54 +0,0 @@
-import { SelectInputTags } from "./SelectInputTags.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/Selection/shared/staticSelect.utils.tsx
-var getStaticMultipleDisplayValue = ({ selectedItems, isDisabled, collapseAfter, selectedTagsType }) => {
-	if (selectedItems.length === 0) return "";
-	return /* @__PURE__ */ jsx(SelectInputTags, {
-		selectedItems,
-		isDisabled,
-		collapseAfter,
-		selectedTagsType,
-		onRemove: () => void 0
-	});
-};
-var getStaticSingleDisplayValue = ({ selectedItem, showSelectionContent }) => {
-	if (!selectedItem) return "";
-	if (showSelectionContent && selectedItem.content) return selectedItem.content;
-	return /* @__PURE__ */ jsx("div", {
-		className: "min-w-0 flex-1 truncate",
-		children: selectedItem.label
-	});
-};
-var getStaticSelectValue = ({ items, value, selectionMode, initialSelection, mapInitialToSelectItem = ((item) => ({
-	id: item.id,
-	label: item.label ?? item.name ?? ""
-})), showSelectionContent, isDisabled, collapseAfter, selectedTagsType }) => {
-	const initialSelectedItems = initialSelection ? (Array.isArray(initialSelection) ? initialSelection : [initialSelection]).map((item) => mapInitialToSelectItem(item)) : [];
-	const allItemsMap = /* @__PURE__ */ new Map();
-	[...initialSelectedItems, ...items].forEach((item) => allItemsMap.set(item.id, item));
-	const getItem = (id) => allItemsMap.get(id) ?? null;
-	const selectedItems = Array.isArray(value) ? value.map((id) => getItem(id)).filter((item) => item != null) : [];
-	const selectedItem = !Array.isArray(value) && value != null ? getItem(value) : null;
-	if (selectionMode === "multiple") return {
-		selectedItem,
-		selectedItems,
-		displayValue: getStaticMultipleDisplayValue({
-			selectedItems,
-			isDisabled,
-			collapseAfter,
-			selectedTagsType
-		}),
-		isEmpty: selectedItems.length === 0
-	};
-	return {
-		selectedItem,
-		selectedItems,
-		displayValue: getStaticSingleDisplayValue({
-			selectedItem,
-			showSelectionContent
-		}),
-		isEmpty: selectedItem == null
-	};
-};
-//#endregion
-export { getStaticSelectValue };

package/dist/components/inputs/Selection/shared/staticSelect.utils.spec.d.ts

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

package/dist/components/inputs/Skeleton/InputFrame.d.ts

@@ -1,82 +0,0 @@
-import { FC, FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref, SVGProps } from 'react';
-import { InlineIconButtonProps } from '../../buttons/InlineIconButton/InlineIconButton';
-import { FormFieldProps } from '../FormField/FormField';
-import { FormFieldHeaderProps } from '../FormField/FormFieldHeader';
-import { InputVariantProps } from '../shared/input.cva';
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-type InputFrameIcon = FC<SVGProps<SVGSVGElement>> | ReactElement;
-interface InputFrameAction {
-    icon: InlineIconButtonProps["icon"];
-    onClick: () => void;
-    altText: string;
-    className?: string;
-}
-interface InputFrameDataAttributes {
-    dataDisabled?: boolean;
-    dataHasSearch?: boolean;
-    dataHasSelection?: boolean;
-    dataInvalid?: boolean;
-    dataIsDirty?: boolean;
-    dataIsDisabled?: boolean;
-    dataIsEmpty?: boolean;
-    dataIsFilled?: boolean;
-    dataIsRequired?: boolean;
-}
-type InputFrameDataAttributeProps = {
-    "data-disabled"?: boolean;
-    "data-has-search"?: boolean;
-    "data-has-selection"?: boolean;
-    "data-invalid"?: boolean;
-    "data-is-dirty"?: boolean;
-    "data-is-disabled"?: boolean;
-    "data-is-empty"?: boolean;
-    "data-is-filled"?: boolean;
-    "data-is-required"?: boolean;
-};
-type InputFrameChildProps = InputFrameDataAttributeProps & {
-    id: string;
-};
-type InputFrameChildren = ReactNode | ((childProps: InputFrameChildProps) => ReactNode);
-type InputFrameLabelPlacement = "content-wrapper" | "content-row";
-type InputFrameActionContentPlacement = "content-wrapper" | "content-row";
-type InputFrameContentGroup = "date-picker" | "input" | "select";
-export interface InputFrameProps extends InputVariantProps, Partial<FormFieldProps> {
-    ref?: Ref<HTMLDivElement>;
-    children: InputFrameChildren;
-    formFieldRef?: Ref<HTMLDivElement>;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
-    labelProps?: FormFieldHeaderProps["labelProps"];
-    headerProps?: FormFieldHeaderProps;
-    leadingContent?: ReactNode;
-    leadingIcon?: InputFrameIcon;
-    actionContent?: ReactNode;
-    actionContentPlacement?: InputFrameActionContentPlacement;
-    trailingContent?: ReactNode;
-    trailingIcon?: InputFrameIcon;
-    trailingAction?: ReactNode;
-    unit?: string;
-    isLoading?: boolean;
-    action?: InputFrameAction;
-    isClearable?: boolean;
-    showClear?: boolean;
-    renderStatic?: boolean;
-    onStaticInteract?: (shouldFocus: boolean) => void;
-    clearClassName?: string;
-    onClear?: () => void;
-    dataAttributes?: InputFrameDataAttributes;
-    typographySize?: TypographyVariantProps["size"];
-    id?: string;
-    inputClassName?: string;
-    contentClassName?: string;
-    contentWrapperClassName?: string;
-    contentGroup?: InputFrameContentGroup;
-    contentAndTrailingClassName?: string;
-    wrapContentAndTrailing?: boolean;
-    wrapTrailingContent?: boolean;
-    reserveTrailingContent?: boolean;
-    labelPlacement?: InputFrameLabelPlacement;
-    trailingClassName?: string;
-}
-export declare const InputFrame: (props: InputFrameProps) => import("react/jsx-runtime").JSX.Element;
-export {};