@addsign/moje-agenda-shared-lib 2.0.70 → 2.0.72

package/dist/assets/style.css

@@ -1561,6 +1561,10 @@ video {
 .border-t-transparent {
   border-top-color: transparent;
 }
+.\!bg-\[\#f3f3f3\] {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(243 243 243 / var(--tw-bg-opacity)) !important;
+}
 .\!bg-danger {
   background-color: var(--color-danger) !important;
 }
@@ -2158,6 +2162,10 @@ video {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.\!text-black {
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
+}
 .text-accent-foreground {
   color: var(--accent-foreground);
 }
@@ -2445,6 +2453,11 @@ video {
 .opacity-90 {
   opacity: 0.9;
 }
+.\!shadow-\[inset_0_2px_0_0_\#525252\] {
+  --tw-shadow: inset 0 2px 0 0 #525252 !important;
+  --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

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

@@ -14,11 +14,24 @@ interface DataTableServerProps<T> {
     selectedItemKey?: string;
     itemsPerPageOptions?: IOptionItem[];
     setMinWidth?: boolean;
+    onDataLoaded?: (data: IPageable<T>) => void;
 }
 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, selectedItemKey, itemsPerPageOptions, setMinWidth, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
+interface IPageable<T> {
+    content: T[];
+    empty: boolean;
+    first: boolean;
+    last: boolean;
+    number: number;
+    numberOfElements: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+    isPageable?: boolean;
+}
+declare function DataTableServer<T extends DataTableInternalItems>({ id, url, columns, title, subtitle, allowSearch, showHeader, rowAction, bulkAction, filters, selectedItemKey, itemsPerPageOptions, setMinWidth, onDataLoaded, }: DataTableServerProps<T>): import("react/jsx-runtime").JSX.Element;
 export default DataTableServer;

package/dist/components/datatable/DataTableServer.js

@@ -21725,7 +21725,8 @@ function DataTableServer({
   filters,
   selectedItemKey = "id",
   itemsPerPageOptions = defaultItemsPerPageOptions,
-  setMinWidth = false
+  setMinWidth = false,
+  onDataLoaded
 }) {
   var _a, _b;
   const abortControllerRef = useRef(null);
@@ -21854,13 +21855,14 @@ function DataTableServer({
         );
         setData(dataPageable);
         setIsLoading(false);
+        onDataLoaded == null ? void 0 : onDataLoaded(dataPageable);
       }).catch((error) => {
         if (error.code === "ERR_CANCELED") {
           console.log("Request was aborted");
         } else {
           console.error("Error fetching data:", error);
           handleErrors(error, federationContext.emitter);
-          setData({
+          const emptyDataPageable = {
             content: [],
             empty: true,
             first: true,
@@ -21870,8 +21872,10 @@ function DataTableServer({
             size: itemsPerPageLocal || 10,
             totalElements: 0,
             totalPages: 1
-          });
+          };
+          setData(emptyDataPageable);
           setIsLoading(false);
+          onDataLoaded == null ? void 0 : onDataLoaded(emptyDataPageable);
         }
       });
       setReloadData(false);
@@ -22374,11 +22378,30 @@ function DataTableServer({
                             setMinWidth,
                             children: ({ ref }) => {
                               var _a2, _b2, _c;
+                              const hasActiveFilter = (() => {
+                                if (!filterParam)
+                                  return false;
+                                const filterValue = mergedFilters == null ? void 0 : mergedFilters[String(filterParam)];
+                                const filterValue2 = filterParam2 ? mergedFilters == null ? void 0 : mergedFilters[String(filterParam2)] : null;
+                                if (filterType === "select") {
+                                  return filterValue && filterValue !== "__clear__" && filterValue !== "";
+                                }
+                                if (filterType === "multi-select") {
+                                  return Array.isArray(filterValue) && filterValue.length > 0;
+                                }
+                                if (filterType === "dateRange") {
+                                  return filterValue && filterValue !== "" || filterValue2 && filterValue2 !== "";
+                                }
+                                if (filterType === "date" || filterType === "text") {
+                                  return filterValue && filterValue !== "";
+                                }
+                                return false;
+                              })();
                               return /* @__PURE__ */ jsxs(
                                 "th",
                                 {
                                   className: `tableHeader relative  font-medium  text-xs !leading-9 text-left px-3 text-gray-600 
-                             bg-gray-50 border-t border-b border-gray-200  content-start ${!title && !subtitle ? "border-t-0" : ""} ${sortParam ? " cursor-pointer " : ""}`,
+                             bg-gray-50 border-t border-b border-gray-200  content-start ${!title && !subtitle ? "border-t-0" : ""} ${sortParam ? " cursor-pointer " : ""} ${hasActiveFilter ? "!bg-[#f3f3f3] !shadow-[inset_0_2px_0_0_#525252] !text-black" : ""}`,
                                   onClick: () => sortParam ? requestSort(sortParam) : void 0,
                                   "data-cy": "datatable-header-" + id + "-" + String(key),
                                   children: [
@@ -22523,7 +22546,7 @@ function DataTableServer({
                                               filters || {}
                                             ).includes(String(filterParam)),
                                             clearable: true,
-                                            className: "min-w-[100px] px-2 font-normal                 placeholder-muted-foreground\r\n",
+                                            className: "min-w-[100px] px-2 font-normal                 placeholder-muted-foreground\n",
                                             placeholder: "Zadejte filtr",
                                             debounceTimeout: 1e3
                                           }