@deviceinsight/ng-ui-components 7.17.0 → 7.19.0

package/dist/index.cjs

@@ -1569,7 +1569,7 @@ var SelectWithSearch = class extends react.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] = (0, react.useState)(getInitialValueFromColumnDef(columnDef));
 	const handleChange = (event) => {
@@ -1581,7 +1581,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
@@ -1658,7 +1659,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] = (0, react.useState)({});
 	const onFilterRef = (0, react.useRef)(onFilter);
@@ -1694,10 +1695,14 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
 		}
 		return null;
 	};
+	const getFilterTestId = (columnDef) => {
+		return testId ? `${testId}-filter-${columnDef.name}` : void 0;
+	};
 	const textFilter = (columnDef) => {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactableTextFilter, {
 			columnDef,
-			changeFilter
+			changeFilter,
+			"data-testid": getFilterTestId(columnDef)
 		});
 	};
 	const optionsFilter = (columnDef) => {
@@ -1716,13 +1721,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__ */ (0, react_jsx_runtime.jsxs)("select", {
 			onChange: (event) => {
 				changeFilter(columnDef.name, event.target.value);
 			},
 			value: state[columnDef.name],
+			"data-testid": getFilterTestId(columnDef),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 				value: "",
 				children: t("reactable.filter.all", { defaultValue: "- All -" })
@@ -1933,7 +1940,8 @@ function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort,
 				}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [onFilter && showFilterRow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactableTableFilterRow, {
 					columnDefs,
 					onFilter,
-					tableName
+					tableName,
+					"data-testid": testId
 				}), pageable?.content.length ? pageable.content.slice(0, paginationSettings.size).map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactableTableRow, {
 					columnDefs,
 					item,