@addsign/moje-agenda-shared-lib 1.0.39 → 1.0.41

package/dist/components/datatable/DataTableServer.d.ts

@@ -11,11 +11,12 @@ interface DataTableServerProps<T> {
     rowAction?: (item: T) => void;
     bulkAction?: (items: T[]) => JSX.Element;
     filters?: object;
+    selectedItemKey?: string;
 }
 type DataTableInternalItems = {
     _isHighlighted?: boolean;
     id: string;
 };
 export declare const resetAllDataTablePaging: () => void;
-declare function DataTableServer<T extends DataTableInternalItems>({ id, url, columns, title, subtitle, allowSearch, showHeader, rowAction, bulkAction, filters, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableServer<T extends DataTableInternalItems>({ id, url, columns, title, subtitle, allowSearch, showHeader, rowAction, bulkAction, filters, selectedItemKey, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
 export default DataTableServer;

package/dist/components/datatable/DataTableServer.js

@@ -21702,7 +21702,8 @@ function DataTableServer({
   showHeader = true,
   rowAction,
   bulkAction,
-  filters
+  filters,
+  selectedItemKey = "id"
 }) {
   var _a, _b, _c;
   const [itemsPerPageLocal, setItemsPerPageLocal] = useState();
@@ -21859,6 +21860,9 @@ function DataTableServer({
     };
     updateFilterOptions();
   }, [columns, federationContext.apiClient]);
+  const hasSomeColFilters = useMemo(() => {
+    return columns.some((column) => !!column.filterParam);
+  }, [columns]);
   const requestSort = (sortParam) => {
     setSortConfig((prevSortConfig) => {
       if ((prevSortConfig == null ? void 0 : prevSortConfig.sortParam) === sortParam && prevSortConfig.direction !== null) {
@@ -21888,9 +21892,11 @@ function DataTableServer({
   };
   const handleSelectItem = (item) => {
     setSelectedItems((prevSelectedItems) => {
-      if (prevSelectedItems.find((selectedItem) => selectedItem.id === item.id)) {
+      if (prevSelectedItems.find(
+        (selectedItem) => selectedItem[selectedItemKey] === item[selectedItemKey]
+      )) {
         return prevSelectedItems.filter(
-          (selectedItem) => selectedItem.id !== item.id
+          (selectedItem) => selectedItem[selectedItemKey] !== item[selectedItemKey]
         );
       } else {
         return [...prevSelectedItems, item];
@@ -21904,9 +21910,14 @@ function DataTableServer({
       setSelectedItems(data.content);
     }
   };
-  const isSelected = (item) => {
-    return selectedItems.some((selectedItem) => selectedItem.id === item.id);
-  };
+  const isSelected = useCallback(
+    (item) => {
+      return selectedItems.some(
+        (selectedItem) => selectedItem[selectedItemKey] === item[selectedItemKey]
+      );
+    },
+    [selectedItems, selectedItemKey]
+  );
   const nextPage = () => {
     setCurrentPage((currentPage || 0) + 1);
   };
@@ -22037,7 +22048,7 @@ function DataTableServer({
               onExport: exportToXLSX
             }
           ),
-          /* @__PURE__ */ jsxs(
+          hasSomeColFilters && /* @__PURE__ */ jsxs(
             "div",
             {
               className: "flex items-center text-xl h-full p-3 cursor-pointer text-gray-500  hover:text-black",
@@ -22215,7 +22226,7 @@ function DataTableServer({
             data.content.map((item, rowIndex) => /* @__PURE__ */ jsxs(
               "tr",
               {
-                className: `${item._isHighlighted ? "bg-gray-200" : ""} hover:bg-gray-100 border-gray-200 border-b text-sm`,
+                className: `${item._isHighlighted || isSelected(item) ? "bg-gray-50" : ""} hover:bg-gray-100 border-gray-200 border-b text-sm`,
                 children: [
                   bulkAction && /* @__PURE__ */ jsx("td", { className: "w-[20px] h-[52px] hover:bg-gray-200 font-medium text-xs text-center text-gray-600 cursor-pointer", children: /* @__PURE__ */ jsx("label", { className: "w-full h-full flex items-center justify-center cursor-pointer px-2", children: /* @__PURE__ */ jsx(
                     "input",