@deviceinsight/ng-ui-components 7.17.0 → 7.18.0

package/dist/index.js

@@ -1552,7 +1552,7 @@ var SelectWithSearch = class extends Component {
 var getInitialValueFromColumnDef = (columnDef) => {
 	return columnDef.filterable?.initialValue ?? "";
 };
-var ReactableTextFilter = ({ columnDef, changeFilter }) => {
+var ReactableTextFilter = ({ columnDef, changeFilter, "data-testid": testId }) => {
 	const { t } = useTranslation();
 	const [value, setValue] = useState(getInitialValueFromColumnDef(columnDef));
 	const handleChange = (event) => {
@@ -1564,7 +1564,8 @@ var ReactableTextFilter = ({ columnDef, changeFilter }) => {
 		type: "text",
 		placeholder: t(`${columnDef.filterable?.placeholder ?? "reactable.filter.placeholder"}`, { defaultValue: "Filter..." }),
 		onChange: handleChange,
-		value
+		value,
+		"data-testid": testId
 	});
 };
 //#endregion
@@ -1641,7 +1642,7 @@ function getClassName(tableName, columnName) {
 }
 //#endregion
 //#region src/components/reactable/helpers/ReactableTableFilterRow.tsx
-var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
+var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName, "data-testid": testId }) => {
 	const { t } = useTranslation();
 	const [state, setState] = useState({});
 	const onFilterRef = useRef(onFilter);
@@ -1677,10 +1678,14 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
 		}
 		return null;
 	};
+	const getFilterTestId = (columnDef) => {
+		return testId ? `${testId}-filter-${columnDef.name}` : void 0;
+	};
 	const textFilter = (columnDef) => {
 		return /* @__PURE__ */ jsx(ReactableTextFilter, {
 			columnDef,
-			changeFilter
+			changeFilter,
+			"data-testid": getFilterTestId(columnDef)
 		});
 	};
 	const optionsFilter = (columnDef) => {
@@ -1699,13 +1704,15 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
 					changeFilter(columnDef.name, item?.value);
 				},
 				value: value ? searchableOptions.find((opt) => opt.value === value.toString()) : null,
-				clearable: true
+				clearable: true,
+				"data-testid": getFilterTestId(columnDef)
 			});
 		} else return /* @__PURE__ */ jsxs("select", {
 			onChange: (event) => {
 				changeFilter(columnDef.name, event.target.value);
 			},
 			value: state[columnDef.name],
+			"data-testid": getFilterTestId(columnDef),
 			children: [/* @__PURE__ */ jsx("option", {
 				value: "",
 				children: t("reactable.filter.all", { defaultValue: "- All -" })
@@ -1916,7 +1923,8 @@ function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort,
 				}) }), /* @__PURE__ */ jsxs("tbody", { children: [onFilter && showFilterRow && /* @__PURE__ */ jsx(ReactableTableFilterRow, {
 					columnDefs,
 					onFilter,
-					tableName
+					tableName,
+					"data-testid": testId
 				}), pageable?.content.length ? pageable.content.slice(0, paginationSettings.size).map((item) => /* @__PURE__ */ jsx(ReactableTableRow, {
 					columnDefs,
 					item,