@addsign/moje-agenda-shared-lib 2.0.32 → 2.0.33

package/dist/main.d.ts

@@ -33,6 +33,7 @@ export * from './utils/handleErrors.ts';
 export * from './utils/hasRightInModule.ts';
 export * from './utils/hasRole.ts';
 export * from './types.ts';
+export * from './hooks/useScreenSize.ts';
 export * from './components/ui/Dialog.tsx';
 export * from './components/ui/ScrollArea.tsx';
 export * from './components/ui/input.tsx';

package/dist/main.js

@@ -32,6 +32,7 @@ import { handleErrors } from "./utils/handleErrors.js";
 import { hasRightInModule } from "./utils/hasRightInModule.js";
 import { hasRole } from "./utils/hasRole.js";
 import { EApproverRoles, EApproverTypes, EDecisionsTranslations, EEntity, Eagendy, Eassignments, Estavy } from "./types.js";
+import { useScreenSize } from "./hooks/useScreenSize.js";
 import { D, c, e, i, g, f, b, a, h, d } from "./Dialog-BmQoVu5C.js";
 import { ScrollArea, ScrollBar } from "./components/ui/ScrollArea.js";
 import { Input } from "./components/ui/input.js";
@@ -146,6 +147,7 @@ export {
   hasRole,
   resetAllDataTablePaging,
   useFederationContext,
-  useFormField
+  useFormField,
+  useScreenSize
 };
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/layout/Neoptimizovano.tsx

@@ -2,11 +2,9 @@ import { ButtonCN } from "../../main";
 
 export default function Neoptimizovano() {
   return (
-    <div className="flex flex-col gap-2">
-      <div>Není optimalizováno pro toto rozlišení</div>
-      <ButtonCN className="ml-2" onClick={() => history.back()}>
-        Zpět
-      </ButtonCN>
+    <div className="flex flex-col gap-2 flex-1 items-center justify-center min-h-[50vh] text-center">
+      <h1>Není optimalizováno pro toto rozlišení</h1>
+      <ButtonCN onClick={() => history.back()}>Zpět</ButtonCN>
     </div>
   );
 }

package/lib/hooks/useScreenSize.ts

@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+
+export const useScreenSize = () => {
+    const [screenSize, setScreenSize] = useState<"xl" | "lg" | "md" | "sm">(
+        window.innerWidth > 1280
+            ? "xl"
+            : window.innerWidth > 1024
+                ? "lg"
+                : window.innerWidth > 768
+                    ? "md"
+                    : "sm"
+    );
+    useEffect(() => {
+        const handleResize = () => {
+            setScreenSize(
+                window.innerWidth > 1280
+                    ? "xl"
+                    : window.innerWidth > 1024
+                        ? "lg"
+                        : window.innerWidth > 768
+                            ? "md"
+                            : "sm"
+            );
+        };
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, []);
+    return screenSize;
+}

package/lib/main.ts

@@ -50,6 +50,7 @@ export * from "./utils/hasRightInModule.ts";
 export * from "./utils/hasRole.ts";
 
 export * from "./types.ts";
+export * from "./hooks/useScreenSize.ts";
 
 
 //**SHADCN */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@addsign/moje-agenda-shared-lib",
   "private": false,
-  "version": "2.0.32",
+  "version": "2.0.33",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",