@norges-domstoler/dds-components 24.2.2 → 24.3.0

package/dist/index.cjs

@@ -9508,15 +9508,23 @@ const getCustomStyles = (size, hasError, isReadOnly) => ({
 //#endregion
 //#region src/components/Select/SelectComponents.tsx
 const { Option, NoOptionsMessage, Input, SingleValue, ClearIndicator, DropdownIndicator, MultiValueRemove, Control } = react_select.components;
-const DDSOption = ({ ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Option, {
+const DDSOption = ({ testId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Option, {
 	...props,
+	innerProps: {
+		...props.innerProps,
+		"data-testid": testId
+	},
 	children: [props.isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
 		icon: CheckIcon,
 		iconSize: "small"
 	}), props.children]
 });
-const CustomOption = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Option, {
+const CustomOption = ({ testId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Option, {
 	...props,
+	innerProps: {
+		...props.innerProps,
+		"data-testid": testId
+	},
 	children: react.default.createElement(props.customElement, props)
 });
 const CustomSingleValue = ({ id, Element, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SingleValue, {
@@ -9629,12 +9637,21 @@ function Select({ id, label, componentSize = "medium", errorMessage, tip, "aria-
 		dataTestId
 	]);
 	const customOptionComponent = (0, react.useCallback)((props) => {
+		const optionTestId = dataTestId ? `${dataTestId}-option-${String(rest.getOptionValue?.(props.data) ?? props.data.value)}` : void 0;
 		if (customOptionElement) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomOption, {
 			...props,
-			customElement: customOptionElement
+			customElement: customOptionElement,
+			testId: optionTestId
+		});
+		else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DDSOption, {
+			...props,
+			testId: optionTestId
 		});
-		else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DDSOption, { ...props });
-	}, [customOptionElement, componentSize]);
+	}, [
+		customOptionElement,
+		dataTestId,
+		rest.getOptionValue
+	]);
 	const reactSelectProps = {
 		options,
 		value,