@povio/ui 2.2.9-rc.28 → 2.2.9-rc.29

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

@@ -190,7 +190,8 @@ var NumberInput = ({ renderStaticInput, ...props }) => {
 				"data-is-disabled": dataAttributes.dataIsDisabled || void 0,
 				"data-disabled": dataAttributes.dataDisabled || void 0,
 				"data-invalid": dataAttributes.dataInvalid || void 0,
-				"data-has-selection": dataAttributes.dataHasSelection || void 0
+				"data-has-selection": dataAttributes.dataHasSelection || void 0,
+				"data-rac": true
 			})
 		});
 	}

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

@@ -188,7 +188,8 @@ var TextInput = ({ renderStaticInput, ...props }) => {
 				"data-is-disabled": dataAttributes.dataIsDisabled || void 0,
 				"data-disabled": dataAttributes.dataDisabled || void 0,
 				"data-invalid": dataAttributes.dataInvalid || void 0,
-				"data-has-selection": dataAttributes.dataHasSelection || void 0
+				"data-has-selection": dataAttributes.dataHasSelection || void 0,
+				"data-rac": true
 			})
 		});
 	}

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

@@ -79,6 +79,7 @@ function Autocomplete({ renderStaticInput, ...props }) {
 			isDisabled,
 			className: clsx("w-full", props.containerClassName),
 			inputClassName: clsx(props.className, props.inputClassName),
+			contentWrapperClassName: "flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate",
 			labelPlacement: "content-row",
 			dataAttributes: {
 				dataIsEmpty: isEmpty,
@@ -99,7 +100,7 @@ function Autocomplete({ renderStaticInput, ...props }) {
 			as,
 			size: props.size ?? ui.input.size,
 			variant: props.variant ?? ui.input.variant,
-			actionContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
+			leadingContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
 				className: "ml-input-side-default flex shrink-0 items-center",
 				children: props.leadingContent
 			}),

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

@@ -68,8 +68,7 @@ function Select({ renderStaticInput, ...props }) {
 		});
 		const trailingContent = props.trailingContent || !props.hideDropdownIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [props.trailingContent, !props.hideDropdownIcon ? /* @__PURE__ */ jsx(ArrowDropDownIcon, { className: `size-6 shrink-0 ${isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"}` }) : void 0] }) : void 0;
 		const placeholder = as === "floating" ? null : props.placeholder;
-		const shouldRenderPlaceholderAfterValue = mode !== "single" && props.placeholder && !isEmpty;
-		return /* @__PURE__ */ jsxs(InputFrame, {
+		return /* @__PURE__ */ jsx(InputFrame, {
 			...props,
 			isHeaderHidden: props.isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
 			hideLabel: props.hideLabel ?? ui.input.hideLabel,
@@ -97,20 +96,17 @@ function Select({ renderStaticInput, ...props }) {
 			as,
 			size: props.size ?? ui.input.size,
 			variant: props.variant ?? ui.input.variant,
-			actionContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
+			leadingContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
 				className: "ml-input-side-default flex shrink-0 items-center",
 				children: props.leadingContent
 			}),
 			isClearable,
 			showClear: false,
 			trailingContent,
-			children: [isEmpty ? /* @__PURE__ */ jsx("span", {
+			children: isEmpty ? /* @__PURE__ */ jsx("span", {
 				className: "text-text-default-3",
 				children: placeholder
-			}) : displayValue, shouldRenderPlaceholderAfterValue && /* @__PURE__ */ jsx("div", {
-				className: "shrink-0 text-text-default-3",
-				children: props.placeholder
-			})]
+			}) : displayValue
 		});
 	}
 	return /* @__PURE__ */ jsx(_Select, {

package/dist/components/inputs/Selection/shared/select.context.js

@@ -44,7 +44,12 @@ var SelectContext;
 			hasLoadMore,
 			isClientSearchDisabled: ignoreInputValueFiltering ?? isClientSearchDisabled
 		});
-		const selectedItems = useMemo(() => allItems.filter(({ id }) => Array.isArray(fieldState.value) ? fieldState.value.includes(id) : id === fieldState.value), [allItems, fieldState.value]);
+		const selectedItems = useMemo(() => {
+			const getItem = (id) => allItems.find((item) => item.id === id) ?? null;
+			if (Array.isArray(fieldState.value)) return fieldState.value.map((id) => getItem(id)).filter((item) => item !== null);
+			const selectedItem = fieldState.value != null ? getItem(fieldState.value) : null;
+			return selectedItem ? [selectedItem] : [];
+		}, [allItems, fieldState.value]);
 		const selectedIds = useMemo(() => selectedItems.map(({ id }) => id), [selectedItems]);
 		const getItem = useCallback((value) => allItems.find((item) => item && item.id === value) ?? null, [allItems]);
 		const updateValue = useCallback((value) => {

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

@@ -8,8 +8,7 @@ var getStaticSelectValue = ({ items, value, selectionMode, initialSelection, map
 	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 allItems = Array.from(allItemsMap.values());
-	const getItem = (id) => allItems.find((item) => item.id === id) ?? null;
+	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 {

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

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

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -98,12 +98,14 @@ var InputFrame = ({ ref, children, formFieldRef, labelProps, headerProps, error,
 							children: renderIconVisual(leadingIcon)
 						}),
 						labelPlacement === "content-row" && labelContent,
-						labelPlacement === "content-row" && actionContent,
 						/* @__PURE__ */ jsxs("div", {
-							className: clsx(inputContentWrapperCva({ as }), contentWrapperClassName),
+							className: inputContentWrapperCva({
+								as,
+								className: contentWrapperClassName
+							}),
 							children: [
 								labelPlacement === "content-wrapper" && labelContent,
-								labelPlacement === "content-wrapper" && actionContent,
+								actionContent,
 								children
 							]
 						})

package/package.json

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