@povio/ui 2.3.0-rc.3 → 2.3.0-rc.4

package/dist/components/inputs/Input/TextInput/TextInput.js

@@ -26,13 +26,14 @@ var TextInputBase = (props) => {
 	const isClearable = isClearableProp ?? ui.input.isClearable;
 	const textFieldRef = useRef(null);
 	const { isFocusVisible } = useFocusVisible();
+	const inputValue = value ?? "";
 	const { labelProps, inputProps } = useTextField({
 		...rest,
 		label,
 		isDisabled,
 		isInvalid: !!error,
 		isRequired,
-		value,
+		value: inputValue,
 		onChange,
 		onBlur
 	}, textFieldRef);
@@ -61,7 +62,7 @@ var TextInputBase = (props) => {
 		leadingIcon,
 		trailingIcon,
 		isClearable,
-		value,
+		value: inputValue,
 		onChange,
 		onBlur
 	};

package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js

@@ -6,6 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 //#region src/components/inputs/Selection/Autocomplete/QueryAutocomplete.tsx
 var QueryAutocomplete = ({ query, queryParams, queryOptions, queryMap, leadingContent, ...props }) => {
+	"use no memo";
 	const ui = UIConfig.useConfig();
 	const [search, setSearch] = useState("");
 	const { onChange, ...restProps } = props;

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

@@ -34,7 +34,7 @@ function Select({ renderStaticInput, ...props }) {
 	const ui = UIConfig.useConfig();
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const rootRef = useRef(null);
-	const { renderRealInput, replayStaticInputChange } = useStaticInputHandoff({
+	const { renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
 		inputRef: rootRef,
 		renderInput,
 		setRenderInput,
@@ -121,6 +121,7 @@ function Select({ renderStaticInput, ...props }) {
 				tabIndex: -1,
 				"data-type": "select-trigger",
 				className: clsx("w-full truncate bg-transparent text-start outline-none disabled:text-interactive-text-secondary-disabled", isMultiple && !isEmpty && "absolute inset-0 z-0"),
+				onPointerDown: replayStaticInputPress,
 				...dataAttributeProps,
 				"data-rac": true,
 				children: buttonContent

package/dist/components/inputs/shared/useStaticInputHandoff.d.ts

@@ -9,5 +9,6 @@ export declare const useStaticInputHandoff: <TElement extends HTMLElement = HTML
     shouldFocus: boolean;
     renderRealInput: (focus: boolean) => void;
     replayStaticInputChange: (value: string) => void;
+    replayStaticInputPress: () => void;
 };
 export {};

package/dist/components/inputs/shared/useStaticInputHandoff.js

@@ -3,18 +3,23 @@ import { useLayoutEffect, useRef, useState } from "react";
 var useStaticInputHandoff = ({ inputRef, renderInput, setRenderInput, getFocusTarget }) => {
 	const [shouldFocus, setShouldFocus] = useState(false);
 	const pendingStaticChangeRef = useRef(null);
+	const shouldReplayStaticPressRef = useRef(false);
 	useLayoutEffect(() => {
 		if (!renderInput || !shouldFocus) return;
-		const focusRealInput = (replayPendingChange) => {
+		const focusRealInput = (replayPendingInteraction) => {
 			const input = inputRef.current;
 			const pendingValue = pendingStaticChangeRef.current;
 			const focusTarget = input ? getFocusTarget?.(input) ?? input : null;
-			if (replayPendingChange && focusTarget instanceof HTMLInputElement && pendingValue != null) {
+			if (replayPendingInteraction && focusTarget instanceof HTMLInputElement && pendingValue != null) {
 				(Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
 				focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
 				pendingStaticChangeRef.current = null;
 			}
 			focusTarget?.focus();
+			if (replayPendingInteraction && shouldReplayStaticPressRef.current) {
+				shouldReplayStaticPressRef.current = false;
+				focusTarget?.click();
+			}
 		};
 		focusRealInput(true);
 		const frame = requestAnimationFrame(() => {
@@ -40,6 +45,11 @@ var useStaticInputHandoff = ({ inputRef, renderInput, setRenderInput, getFocusTa
 			pendingStaticChangeRef.current = value;
 			setShouldFocus(true);
 			setRenderInput(true);
+		},
+		replayStaticInputPress: () => {
+			shouldReplayStaticPressRef.current = true;
+			setShouldFocus(true);
+			setRenderInput(true);
 		}
 	};
 };

package/dist/components/table/Table.js

@@ -1,3 +1,4 @@
+"use no memo";
 import { ChevronDownIcon } from "../../assets/icons/ChevronDown.js";
 import { ChevronUpIcon } from "../../assets/icons/ChevronUp.js";
 import { UIStyle } from "../../config/uiStyle.context.js";
@@ -26,8 +27,8 @@ var CustomCellContext = (context) => {
 		value: context.getValue()
 	};
 };
-var CellRender = (Comp, props) => {
-	const rendered = typeof Comp === "function" ? Comp(props) : Comp;
+var renderCell = (Comp, props) => {
+	const rendered = flexRender(Comp, props);
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
 var RowDragHandleCell = ({ rowId }) => {
@@ -68,7 +69,7 @@ var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCv
 			return /* @__PURE__ */ jsx("td", {
 				tabIndex: -1,
 				className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
-				children: CellRender(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
+				children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
 			}, cell.id);
 		})
 	});
@@ -245,7 +246,7 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 						return /* @__PURE__ */ jsx("td", {
 							tabIndex: -1,
 							className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
-							children: CellRender(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
+							children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
 						}, cell.id);
 					})
 				}, row.id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.3.0-rc.3",
+  "version": "2.3.0-rc.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",