@addsign/moje-agenda-shared-lib 2.0.69 → 2.0.71
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/components/Attachments.js +1 -1
- package/dist/components/ConfirmationModalDialog.js +3 -3
- package/dist/components/ConfirmationModalDialog.js.map +1 -1
- package/dist/components/datatable/DataTable.js +1 -1
- package/dist/components/datatable/DataTableServer.d.ts +14 -1
- package/dist/components/datatable/DataTableServer.js +8 -4
- package/dist/components/datatable/DataTableServer.js.map +1 -1
- package/dist/components/form/AutocompleteSearchBar.js +1 -1
- package/dist/components/form/AutocompleteSearchBarServer.js +1 -1
- package/dist/components/form/FileInput.js +1 -1
- package/dist/components/form/FileInputForm.js +1 -1
- package/dist/components/form/FileInputFormMultiple.js +1 -1
- package/dist/components/form/FileInputMultiple.js +1 -1
- package/dist/components/form/FormField.js +1 -1
- package/dist/components/form/PositionsSelectorSingle.js +1 -1
- package/dist/components/form/SelectField.js +1 -1
- package/dist/components/layout/Neoptimizovano.js +1 -1
- package/dist/components/profiles/ProfileOverview.js +1 -1
- package/lib/components/ConfirmationModalDialog.tsx +3 -3
- package/lib/components/datatable/DataTableServer.tsx +7 -2
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import "../tailwind-l0sNRNKZ.js";
|
|
3
3
|
import "react";
|
|
4
|
+
import "./ui/button.js";
|
|
4
5
|
import "./ui/input.js";
|
|
5
6
|
import "./ui/multi-select.js";
|
|
6
7
|
import "./ui/select.js";
|
|
@@ -18,7 +19,6 @@ import "./ui/tooltip.js";
|
|
|
18
19
|
import "./ui/separator.js";
|
|
19
20
|
import "./ui/textarea.js";
|
|
20
21
|
import "./ui/checkbox.js";
|
|
21
|
-
import "./ui/button.js";
|
|
22
22
|
import "../Calendar-DWT4e7Th.js";
|
|
23
23
|
import "./ui/DateTimePicker.js";
|
|
24
24
|
import "./ui/DatePicker.js";
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState, useEffect } from "react";
|
|
3
3
|
import { F as FaRegTrashAlt } from "../index-DH-TC1O6.js";
|
|
4
4
|
import { I as IoCloseOutline } from "../index-G6UUAXAq.js";
|
|
5
|
-
import Button from "./
|
|
5
|
+
import { Button } from "./ui/button.js";
|
|
6
6
|
function ConfirmationModalDialog({
|
|
7
7
|
title,
|
|
8
8
|
confirmAction,
|
|
@@ -78,7 +78,7 @@ function ConfirmationModalDialog({
|
|
|
78
78
|
{
|
|
79
79
|
id: "ConfirmationModalDialog:back",
|
|
80
80
|
type: "button",
|
|
81
|
-
variant: "
|
|
81
|
+
variant: "outline",
|
|
82
82
|
onClick: cancelAction,
|
|
83
83
|
className: "flex-1",
|
|
84
84
|
children: cancelText || "Zrušit"
|
|
@@ -89,7 +89,7 @@ function ConfirmationModalDialog({
|
|
|
89
89
|
{
|
|
90
90
|
id: "ConfirmationModalDialog:agree",
|
|
91
91
|
type: "button",
|
|
92
|
-
variant: "
|
|
92
|
+
variant: "destructive",
|
|
93
93
|
onClick: () => {
|
|
94
94
|
if (!isConfirming) {
|
|
95
95
|
setIsConfirming(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationModalDialog.js","sources":["../../lib/components/ConfirmationModalDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { FaRegTrashAlt } from \"react-icons/fa\";\r\nimport { IoCloseOutline } from \"react-icons/io5\";\r\nimport Button from \"./
|
|
1
|
+
{"version":3,"file":"ConfirmationModalDialog.js","sources":["../../lib/components/ConfirmationModalDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { FaRegTrashAlt } from \"react-icons/fa\";\r\nimport { IoCloseOutline } from \"react-icons/io5\";\r\nimport { Button } from \"./ui/button\";\r\n\r\nexport interface IConfirmationModalDialogProps {\r\n title: string;\r\n confirmAction: () => void;\r\n cancelAction: () => void;\r\n description?: string;\r\n agreeeText?: string;\r\n cancelText?: string;\r\n}\r\n\r\nexport function ConfirmationModalDialog({\r\n title,\r\n confirmAction,\r\n cancelAction,\r\n description,\r\n agreeeText,\r\n cancelText,\r\n}: IConfirmationModalDialogProps) {\r\n const [isConfirming, setIsConfirming] = useState(false);\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === \"Escape\") {\r\n cancelAction();\r\n }\r\n };\r\n window.addEventListener(\"keydown\", handleKeyDown);\r\n return () => {\r\n window.removeEventListener(\"keydown\", handleKeyDown);\r\n };\r\n }, [cancelAction]);\r\n\r\n return (\r\n <div\r\n className=\"fixed inset-0 bg-black bg-opacity-25 flex items-center justify-center p-4\"\r\n style={{ zIndex: 50 }}\r\n >\r\n <div className=\"w-96 h-64 bg-white rounded-xl shadow flex-col justify-start items-center inline-flex relative overflow-hidden\">\r\n <div\r\n id=\"graphics\"\r\n className=\"w-80 h-80 left-[-120px] top-[-120px] absolute \"\r\n >\r\n <div className=\"w-80 h-80 left-0 top-0 absolute\">\r\n <div className=\"w-24 h-24 left-[120px] top-[120px] absolute rounded-full border border-gray-150\" />\r\n <div className=\"w-36 h-36 left-[96px] top-[96px] absolute rounded-full border border-gray-100 \" />\r\n <div className=\"w-48 h-48 left-[72px] top-[72px] absolute rounded-full border border-gray-100 \" />\r\n <div className=\"w-60 h-60 left-[48px] top-[48px] absolute rounded-full border border-gray-50 \" />\r\n <div className=\"w-72 h-72 left-[24px] top-[24px] absolute rounded-full border border-gray-50\" />\r\n </div>\r\n </div>\r\n <div\r\n id=\"header\"\r\n className=\"self-stretch h-40 flex-col justify-start items-center flex z-40\"\r\n >\r\n <div className=\"self-stretch h-40 px-6 pt-6 flex-col justify-start items-start gap-4 flex\">\r\n <div className=\"w-12 h-12 relative bg-red-100 rounded-full\">\r\n <FaRegTrashAlt className=\"w-6 h-6 left-[12px] top-[12px] absolute\" />\r\n </div>\r\n <div className=\"self-stretch h-16 flex-col justify-start items-start gap-1 flex\">\r\n <div className=\"self-stretch text-muted-foreground text-lg font-semibold font-['Inter'] leading-7\">\r\n {title}\r\n </div>\r\n <div className=\"self-stretch text-slate-600 text-sm font-normal font-['Open Sans'] leading-tight\">\r\n {description}\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n className=\"w-11 h-11 p-2 right-0 top-[16px] absolute rounded-full justify-center items-center inline-flex mr-4 hover:bg-gray-100\"\r\n onClick={cancelAction}\r\n >\r\n <IoCloseOutline className=\"w-6 h-6 relative text-gray-400\" />\r\n </div>\r\n </div>\r\n <div\r\n id=\"actions\"\r\n className=\"self-stretch h-24 pt-8 flex-col justify-start items-start flex z-40\"\r\n >\r\n <div className=\"self-stretch px-6 pb-6 justify-start items-start gap-3 flex\">\r\n <Button\r\n id=\"ConfirmationModalDialog:back\"\r\n type=\"button\"\r\n variant=\"outline\"\r\n onClick={cancelAction}\r\n className=\"flex-1\"\r\n >\r\n {cancelText || \"Zrušit\"}\r\n </Button>\r\n <Button\r\n id=\"ConfirmationModalDialog:agree\"\r\n type=\"button\"\r\n variant=\"destructive\"\r\n onClick={() => {\r\n if (!isConfirming) {\r\n setIsConfirming(true);\r\n confirmAction();\r\n }\r\n }}\r\n disabled={isConfirming}\r\n className=\"flex-1\"\r\n >\r\n {agreeeText || \"OK\"}{\" \"}\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default ConfirmationModalDialog;\r\n"],"names":[],"mappings":";;;;;AAcO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AACR,UAAA,gBAAgB,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACb;MACf;AAAA,IAAA;AAEK,WAAA,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM;AACJ,aAAA,oBAAoB,WAAW,aAAa;AAAA,IAAA;AAAA,EACrD,GACC,CAAC,YAAY,CAAC;AAGf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,GAAG;AAAA,MAEpB,UAAA,qBAAC,OAAI,EAAA,WAAU,iHACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,mCACb,UAAA;AAAA,cAAC,oBAAA,OAAA,EAAI,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,kFAAkF,CAAA;AAAA,cACjG,oBAAC,OAAI,EAAA,WAAU,+EAA+E,CAAA;AAAA,YAAA,GAChG;AAAA,UAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YAEV,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,gBAAA,oBAAC,SAAI,WAAU,8CACb,8BAAC,eAAc,EAAA,WAAU,2CAA0C,EACrE,CAAA;AAAA,gBACA,qBAAC,OAAI,EAAA,WAAU,mEACb,UAAA;AAAA,kBAAC,oBAAA,OAAA,EAAI,WAAU,qFACZ,UACH,OAAA;AAAA,kBACC,oBAAA,OAAA,EAAI,WAAU,oFACZ,UACH,aAAA;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAS;AAAA,kBAET,UAAA,oBAAC,gBAAe,EAAA,WAAU,iCAAiC,CAAA;AAAA,gBAAA;AAAA,cAC7D;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,gEACb,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET,UAAc,cAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,SAAS,MAAM;AACb,wBAAI,CAAC,cAAc;AACjB,sCAAgB,IAAI;AACN;oBAChB;AAAA,kBACF;AAAA,kBACA,UAAU;AAAA,kBACV,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAc,cAAA;AAAA,oBAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -5,6 +5,7 @@ import Button from "../Button.js";
|
|
|
5
5
|
import { f as MdOutlineFilterAlt, g as MdOutlineFilterAltOff, h as MdSearch, b as MdClose, i as MdArrowBack, j as MdArrowForward, k as MdArrowUpward, l as MdArrowDownward } from "../../index-CrfjcbOs.js";
|
|
6
6
|
import FormField from "../form/FormField.js";
|
|
7
7
|
import Spinner from "../Spinner.js";
|
|
8
|
+
import "../ui/button.js";
|
|
8
9
|
import "../ui/input.js";
|
|
9
10
|
import "../ui/multi-select.js";
|
|
10
11
|
import "../ui/select.js";
|
|
@@ -21,7 +22,6 @@ import "../ui/tooltip.js";
|
|
|
21
22
|
import "../ui/separator.js";
|
|
22
23
|
import "../ui/textarea.js";
|
|
23
24
|
import "../ui/checkbox.js";
|
|
24
|
-
import "../ui/button.js";
|
|
25
25
|
import "../../Calendar-DWT4e7Th.js";
|
|
26
26
|
import "../ui/DateTimePicker.js";
|
|
27
27
|
import "../ui/DatePicker.js";
|
|
@@ -14,11 +14,24 @@ interface DataTableServerProps<T> {
|
|
|
14
14
|
selectedItemKey?: string;
|
|
15
15
|
itemsPerPageOptions?: IOptionItem[];
|
|
16
16
|
setMinWidth?: boolean;
|
|
17
|
+
onDataLoaded?: (data: IPageable<T>) => void;
|
|
17
18
|
}
|
|
18
19
|
type DataTableInternalItems = {
|
|
19
20
|
_isHighlighted?: boolean;
|
|
20
21
|
id: string;
|
|
21
22
|
};
|
|
22
23
|
export declare const resetAllDataTablePaging: () => void;
|
|
23
|
-
|
|
24
|
+
interface IPageable<T> {
|
|
25
|
+
content: T[];
|
|
26
|
+
empty: boolean;
|
|
27
|
+
first: boolean;
|
|
28
|
+
last: boolean;
|
|
29
|
+
number: number;
|
|
30
|
+
numberOfElements: number;
|
|
31
|
+
size: number;
|
|
32
|
+
totalElements: number;
|
|
33
|
+
totalPages: number;
|
|
34
|
+
isPageable?: boolean;
|
|
35
|
+
}
|
|
36
|
+
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;
|
|
24
37
|
export default DataTableServer;
|
|
@@ -5,6 +5,7 @@ import Button from "../Button.js";
|
|
|
5
5
|
import { f as MdOutlineFilterAlt, g as MdOutlineFilterAltOff, h as MdSearch, b as MdClose, i as MdArrowBack, j as MdArrowForward, k as MdArrowUpward, l as MdArrowDownward, n as MdOutlineUnfoldMore } from "../../index-CrfjcbOs.js";
|
|
6
6
|
import FormField from "../form/FormField.js";
|
|
7
7
|
import Spinner from "../Spinner.js";
|
|
8
|
+
import "../ui/button.js";
|
|
8
9
|
import DateRangeField from "../form/DateRangeField.js";
|
|
9
10
|
import DateField from "../form/DateField.js";
|
|
10
11
|
import "../../jspdf.plugin.autotable-7hp3hM-a.js";
|
|
@@ -24,7 +25,6 @@ import "../ui/separator.js";
|
|
|
24
25
|
import "../ui/textarea.js";
|
|
25
26
|
import "../ui/checkbox.js";
|
|
26
27
|
import { MultiSelect } from "../ui/multi-select.js";
|
|
27
|
-
import "../ui/button.js";
|
|
28
28
|
import "../../Calendar-DWT4e7Th.js";
|
|
29
29
|
import "../ui/DateTimePicker.js";
|
|
30
30
|
import "../ui/DatePicker.js";
|
|
@@ -21725,7 +21725,8 @@ function DataTableServer({
|
|
|
21725
21725
|
filters,
|
|
21726
21726
|
selectedItemKey = "id",
|
|
21727
21727
|
itemsPerPageOptions = defaultItemsPerPageOptions,
|
|
21728
|
-
setMinWidth = false
|
|
21728
|
+
setMinWidth = false,
|
|
21729
|
+
onDataLoaded
|
|
21729
21730
|
}) {
|
|
21730
21731
|
var _a, _b;
|
|
21731
21732
|
const abortControllerRef = useRef(null);
|
|
@@ -21854,13 +21855,14 @@ function DataTableServer({
|
|
|
21854
21855
|
);
|
|
21855
21856
|
setData(dataPageable);
|
|
21856
21857
|
setIsLoading(false);
|
|
21858
|
+
onDataLoaded == null ? void 0 : onDataLoaded(dataPageable);
|
|
21857
21859
|
}).catch((error) => {
|
|
21858
21860
|
if (error.code === "ERR_CANCELED") {
|
|
21859
21861
|
console.log("Request was aborted");
|
|
21860
21862
|
} else {
|
|
21861
21863
|
console.error("Error fetching data:", error);
|
|
21862
21864
|
handleErrors(error, federationContext.emitter);
|
|
21863
|
-
|
|
21865
|
+
const emptyDataPageable = {
|
|
21864
21866
|
content: [],
|
|
21865
21867
|
empty: true,
|
|
21866
21868
|
first: true,
|
|
@@ -21870,8 +21872,10 @@ function DataTableServer({
|
|
|
21870
21872
|
size: itemsPerPageLocal || 10,
|
|
21871
21873
|
totalElements: 0,
|
|
21872
21874
|
totalPages: 1
|
|
21873
|
-
}
|
|
21875
|
+
};
|
|
21876
|
+
setData(emptyDataPageable);
|
|
21874
21877
|
setIsLoading(false);
|
|
21878
|
+
onDataLoaded == null ? void 0 : onDataLoaded(emptyDataPageable);
|
|
21875
21879
|
}
|
|
21876
21880
|
});
|
|
21877
21881
|
setReloadData(false);
|