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

package/dist/main.d.ts

@@ -18,6 +18,7 @@ export { default as PositionsSelectorSingle } from './components/form/PositionsS
 export { default as Calendar } from './components/Calendar.tsx';
 export { default as DataTable } from './components/datatable/DataTable.tsx';
 export { default as CollapsibleSection } from './components/layout/CollapsibleSection.tsx';
+export { default as Neoptimizovano } from './components/layout/Neoptimizovano.tsx';
 export { default as DataTableServer, resetAllDataTablePaging, } from './components/datatable/DataTableServer.tsx';
 export { default as DateRangeField } from './components/form/DateRangeField.tsx';
 export { default as DateField } from './components/form/DateField.tsx';
@@ -32,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

@@ -18,11 +18,12 @@ import { default as default14 } from "./components/form/PositionsSelectorSingle.
 import { default as default15 } from "./components/Calendar.js";
 import { default as default16 } from "./components/datatable/DataTable.js";
 import { default as default17 } from "./components/layout/CollapsibleSection.js";
-import { default as default18, resetAllDataTablePaging } from "./components/datatable/DataTableServer.js";
-import { default as default19 } from "./components/form/DateRangeField.js";
-import { default as default20 } from "./components/form/DateField.js";
-import { default as default21 } from "./components/SpinnerIcon.js";
-import { default as default22 } from "./utils/PdfManager.js";
+import { default as default18 } from "./components/layout/Neoptimizovano.js";
+import { default as default19, resetAllDataTablePaging } from "./components/datatable/DataTableServer.js";
+import { default as default20 } from "./components/form/DateRangeField.js";
+import { default as default21 } from "./components/form/DateField.js";
+import { default as default22 } from "./components/SpinnerIcon.js";
+import { default as default23 } from "./utils/PdfManager.js";
 import { FederationContext, FederationContextProvider } from "./contexts/FederationContext.js";
 import { useFederationContext } from "./contexts/useFederationContext.js";
 import { getFullName, getFullNameList, getFullNameListPositionWithEmployee, getFullNamePositionWithEmployee } from "./utils/getFullName.js";
@@ -31,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";
@@ -45,8 +47,8 @@ import { Textarea } from "./components/ui/textarea.js";
 import { Checkbox } from "./components/ui/checkbox.js";
 import { Button, buttonVariants } from "./components/ui/button.js";
 import { C } from "./Calendar-DWT4e7Th.js";
-import { default as default23 } from "./components/ui/DateTimePicker.js";
-import { default as default24 } from "./components/ui/DatePicker.js";
+import { default as default24 } from "./components/ui/DateTimePicker.js";
+import { default as default25 } from "./components/ui/DatePicker.js";
 export {
   default3 as AutocompleteSearchBar,
   default4 as AutocompleteSearchBarServer,
@@ -67,11 +69,11 @@ export {
   CommandShortcut,
   ConfirmationModalDialog,
   default16 as DataTable,
-  default18 as DataTableServer,
-  default20 as DateField,
-  default24 as DatePicker,
-  default19 as DateRangeField,
-  default23 as DateTimePicker,
+  default19 as DataTableServer,
+  default21 as DateField,
+  default25 as DatePicker,
+  default20 as DateRangeField,
+  default24 as DateTimePicker,
   D as Dialog,
   c as DialogClose,
   e as DialogContent,
@@ -105,8 +107,9 @@ export {
   default6 as InputField,
   Modal,
   ModalDialog,
+  default18 as Neoptimizovano,
   default12 as PageTitle,
-  default22 as PdfManager,
+  default23 as PdfManager,
   default14 as PositionsSelectorSingle,
   default8 as RadioGroup,
   RadioGroupCN,
@@ -127,7 +130,7 @@ export {
   SelectValue,
   Separator,
   default13 as Spinner,
-  default21 as SpinnerIcon,
+  default22 as SpinnerIcon,
   Textarea,
   Tooltip,
   TooltipContent,
@@ -144,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

@@ -0,0 +1,10 @@
+import { ButtonCN } from "../../main";
+
+export default function Neoptimizovano() {
+  return (
+    <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

@@ -24,6 +24,7 @@ export { default as PositionsSelectorSingle } from "./components/form/PositionsS
 export { default as Calendar } from "./components/Calendar.tsx";
 export { default as DataTable } from "./components/datatable/DataTable.tsx";
 export { default as CollapsibleSection } from "./components/layout/CollapsibleSection.tsx";
+export { default as Neoptimizovano } from "./components/layout/Neoptimizovano.tsx";
 
 
 
@@ -49,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.31",
+  "version": "2.0.33",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",