@deviceinsight/ng-ui-components 7.17.0 → 7.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +14 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -6
- package/dist/index.js.map +1 -1
- package/dist/types/components/reactable/Reactable.stories.d.ts +1 -0
- package/dist/types/components/reactable/Reactable.stories.d.ts.map +1 -1
- package/dist/types/components/reactable/helpers/ReactableTable.d.ts.map +1 -1
- package/dist/types/components/reactable/helpers/ReactableTableFilterRow.d.ts +1 -0
- package/dist/types/components/reactable/helpers/ReactableTableFilterRow.d.ts.map +1 -1
- package/dist/types/components/reactable/helpers/ReactableTextFilter.d.ts +1 -0
- package/dist/types/components/reactable/helpers/ReactableTextFilter.d.ts.map +1 -1
- package/package.json +6 -7
package/dist/index.js
CHANGED
|
@@ -1552,7 +1552,7 @@ var SelectWithSearch = class extends Component {
|
|
|
1552
1552
|
var getInitialValueFromColumnDef = (columnDef) => {
|
|
1553
1553
|
return columnDef.filterable?.initialValue ?? "";
|
|
1554
1554
|
};
|
|
1555
|
-
var ReactableTextFilter = ({ columnDef, changeFilter }) => {
|
|
1555
|
+
var ReactableTextFilter = ({ columnDef, changeFilter, "data-testid": testId }) => {
|
|
1556
1556
|
const { t } = useTranslation();
|
|
1557
1557
|
const [value, setValue] = useState(getInitialValueFromColumnDef(columnDef));
|
|
1558
1558
|
const handleChange = (event) => {
|
|
@@ -1564,7 +1564,8 @@ var ReactableTextFilter = ({ columnDef, changeFilter }) => {
|
|
|
1564
1564
|
type: "text",
|
|
1565
1565
|
placeholder: t(`${columnDef.filterable?.placeholder ?? "reactable.filter.placeholder"}`, { defaultValue: "Filter..." }),
|
|
1566
1566
|
onChange: handleChange,
|
|
1567
|
-
value
|
|
1567
|
+
value,
|
|
1568
|
+
"data-testid": testId
|
|
1568
1569
|
});
|
|
1569
1570
|
};
|
|
1570
1571
|
//#endregion
|
|
@@ -1641,7 +1642,7 @@ function getClassName(tableName, columnName) {
|
|
|
1641
1642
|
}
|
|
1642
1643
|
//#endregion
|
|
1643
1644
|
//#region src/components/reactable/helpers/ReactableTableFilterRow.tsx
|
|
1644
|
-
var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
|
|
1645
|
+
var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName, "data-testid": testId }) => {
|
|
1645
1646
|
const { t } = useTranslation();
|
|
1646
1647
|
const [state, setState] = useState({});
|
|
1647
1648
|
const onFilterRef = useRef(onFilter);
|
|
@@ -1677,10 +1678,14 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
|
|
|
1677
1678
|
}
|
|
1678
1679
|
return null;
|
|
1679
1680
|
};
|
|
1681
|
+
const getFilterTestId = (columnDef) => {
|
|
1682
|
+
return testId ? `${testId}-filter-${columnDef.name}` : void 0;
|
|
1683
|
+
};
|
|
1680
1684
|
const textFilter = (columnDef) => {
|
|
1681
1685
|
return /* @__PURE__ */ jsx(ReactableTextFilter, {
|
|
1682
1686
|
columnDef,
|
|
1683
|
-
changeFilter
|
|
1687
|
+
changeFilter,
|
|
1688
|
+
"data-testid": getFilterTestId(columnDef)
|
|
1684
1689
|
});
|
|
1685
1690
|
};
|
|
1686
1691
|
const optionsFilter = (columnDef) => {
|
|
@@ -1699,13 +1704,15 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName }) => {
|
|
|
1699
1704
|
changeFilter(columnDef.name, item?.value);
|
|
1700
1705
|
},
|
|
1701
1706
|
value: value ? searchableOptions.find((opt) => opt.value === value.toString()) : null,
|
|
1702
|
-
clearable: true
|
|
1707
|
+
clearable: true,
|
|
1708
|
+
"data-testid": getFilterTestId(columnDef)
|
|
1703
1709
|
});
|
|
1704
1710
|
} else return /* @__PURE__ */ jsxs("select", {
|
|
1705
1711
|
onChange: (event) => {
|
|
1706
1712
|
changeFilter(columnDef.name, event.target.value);
|
|
1707
1713
|
},
|
|
1708
1714
|
value: state[columnDef.name],
|
|
1715
|
+
"data-testid": getFilterTestId(columnDef),
|
|
1709
1716
|
children: [/* @__PURE__ */ jsx("option", {
|
|
1710
1717
|
value: "",
|
|
1711
1718
|
children: t("reactable.filter.all", { defaultValue: "- All -" })
|
|
@@ -1916,7 +1923,8 @@ function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort,
|
|
|
1916
1923
|
}) }), /* @__PURE__ */ jsxs("tbody", { children: [onFilter && showFilterRow && /* @__PURE__ */ jsx(ReactableTableFilterRow, {
|
|
1917
1924
|
columnDefs,
|
|
1918
1925
|
onFilter,
|
|
1919
|
-
tableName
|
|
1926
|
+
tableName,
|
|
1927
|
+
"data-testid": testId
|
|
1920
1928
|
}), pageable?.content.length ? pageable.content.slice(0, paginationSettings.size).map((item) => /* @__PURE__ */ jsx(ReactableTableRow, {
|
|
1921
1929
|
columnDefs,
|
|
1922
1930
|
item,
|