@addsign/moje-agenda-shared-lib 1.0.3 → 1.0.5
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/assets/tailwind.css +3 -10
- package/dist/components/SpinnerIcon.d.ts +1 -1
- package/dist/components/SpinnerIcon.js.map +1 -1
- package/dist/components/datatable/DataTableServer.js +31 -10
- package/dist/components/datatable/DataTableServer.js.map +1 -1
- package/dist/components/form/DateField.d.ts +1 -1
- package/dist/components/form/DateField.js +9 -16
- package/dist/components/form/DateField.js.map +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +2 -0
- package/dist/main.js.map +1 -1
- package/dist/utils/handleErrors.js +7 -3
- package/dist/utils/handleErrors.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,4 +5,4 @@ export interface IDateInputFieldProps extends IFormFieldGlobalProps {
|
|
|
5
5
|
maxDate?: Date;
|
|
6
6
|
[key: string]: any;
|
|
7
7
|
}
|
|
8
|
-
export default function DateField({ label, name, value, description, required, onInputChange, placeholder, className, register, disabled, minDate, maxDate, errors, ...rest }: IDateInputFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default function DateField({ label, name, value, description, required, onInputChange, placeholder, className, register, disabled, minDate, maxDate, errors, rounded, ...rest }: IDateInputFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,6 +14,7 @@ function DateField({
|
|
|
14
14
|
minDate,
|
|
15
15
|
maxDate,
|
|
16
16
|
errors = {},
|
|
17
|
+
rounded = true,
|
|
17
18
|
...rest
|
|
18
19
|
}) {
|
|
19
20
|
var _a;
|
|
@@ -37,50 +38,42 @@ function DateField({
|
|
|
37
38
|
}
|
|
38
39
|
};
|
|
39
40
|
};
|
|
40
|
-
console.log(
|
|
41
|
-
"%clibcomponents\formDateField.tsx:41 value",
|
|
42
|
-
"color: #007acc;",
|
|
43
|
-
value
|
|
44
|
-
);
|
|
45
41
|
const handleValueChange = (newValue) => {
|
|
46
|
-
console.log("newValue:", newValue);
|
|
47
42
|
const startEvent = createMockChangeEvent(name, newValue.startDate);
|
|
48
43
|
onInputChange(startEvent);
|
|
49
44
|
};
|
|
50
45
|
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
|
|
51
46
|
"div",
|
|
52
47
|
{
|
|
53
|
-
className: "min-h-30 flex-col justify-start items-start gap-1.5 w-full relative " + className,
|
|
48
|
+
className: "min-h-30 flex-col justify-start items-start gap-1.5 w-full relative min-w-[120px] " + className,
|
|
54
49
|
children: [
|
|
55
|
-
/* @__PURE__ */ jsxs("div", { className: "self-stretch flex-col justify-start items-start gap-1.5 flex
|
|
50
|
+
/* @__PURE__ */ jsxs("div", { className: "self-stretch flex-col justify-start items-start gap-1.5 flex ", children: [
|
|
56
51
|
label && /* @__PURE__ */ jsxs("div", { className: "text-slate-700 text-sm font-medium leading-tight", children: [
|
|
57
52
|
label,
|
|
58
53
|
required ? "*" : ""
|
|
59
54
|
] }),
|
|
60
|
-
JSON.stringify(value),
|
|
61
55
|
/* @__PURE__ */ jsx(
|
|
62
56
|
Datepicker,
|
|
63
57
|
{
|
|
64
|
-
minDate,
|
|
65
|
-
maxDate,
|
|
66
|
-
useRange: false,
|
|
67
|
-
asSingle: true,
|
|
68
58
|
primaryColor: "indigo",
|
|
69
59
|
placeholder,
|
|
70
60
|
startFrom: value.startDate ? new Date(value.startDate) : void 0,
|
|
71
61
|
disabled,
|
|
72
62
|
startWeekOn: "mon",
|
|
63
|
+
minDate,
|
|
64
|
+
maxDate,
|
|
65
|
+
useRange: false,
|
|
66
|
+
asSingle: true,
|
|
73
67
|
i18n: "cs",
|
|
74
68
|
value,
|
|
75
69
|
onChange: handleValueChange,
|
|
76
70
|
displayFormat: "DD.MM.YYYY",
|
|
77
71
|
inputClassName: (className2) => {
|
|
78
|
-
return className2 +
|
|
72
|
+
return className2 + ` focus:!ring-indigo-200 focus:!border-indigo-300 focus:ring-4 border !border-gray-200 !pr-8 !pl-[8px] font-normal ${rounded ? " rounded-lg " : " !rounded-none "}`;
|
|
79
73
|
},
|
|
80
74
|
containerClassName: (className2) => {
|
|
81
|
-
return className2 + "
|
|
75
|
+
return className2 + " ";
|
|
82
76
|
},
|
|
83
|
-
separator: "-",
|
|
84
77
|
...rest
|
|
85
78
|
}
|
|
86
79
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sources":["../../../lib/components/form/DateField.tsx"],"sourcesContent":["import Datepicker from \"react-tailwindcss-datepicker\";\r\nimport { ChangeEvent } from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\n\r\nexport interface IDateInputFieldProps extends IFormFieldGlobalProps {\r\n minDate?: Date;\r\n maxDate?: Date;\r\n [key: string]: any;\r\n}\r\n\r\nexport default function DateField({\r\n label,\r\n name,\r\n value,\r\n description,\r\n required,\r\n onInputChange,\r\n placeholder,\r\n className,\r\n register,\r\n disabled,\r\n minDate,\r\n maxDate,\r\n errors = {},\r\n ...rest\r\n}: IDateInputFieldProps) {\r\n // Utility function to create a mock ChangeEvent\r\n const createMockChangeEvent = (\r\n name: string,\r\n value: any\r\n ): ChangeEvent<any> => {\r\n return {\r\n target: { name, value },\r\n currentTarget: { name, value },\r\n preventDefault: () => {},\r\n stopPropagation: () => {},\r\n nativeEvent: new Event(\"change\"),\r\n bubbles: true,\r\n cancelable: true,\r\n defaultPrevented: false,\r\n eventPhase: 0,\r\n isTrusted: true,\r\n timeStamp: Date.now(),\r\n type: \"change\",\r\n persist: () => {},\r\n } as ChangeEvent<any>;\r\n };\r\n\r\n
|
|
1
|
+
{"version":3,"file":"DateField.js","sources":["../../../lib/components/form/DateField.tsx"],"sourcesContent":["import Datepicker from \"react-tailwindcss-datepicker\";\r\nimport { ChangeEvent } from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\n\r\nexport interface IDateInputFieldProps extends IFormFieldGlobalProps {\r\n minDate?: Date;\r\n maxDate?: Date;\r\n [key: string]: any;\r\n}\r\n\r\nexport default function DateField({\r\n label,\r\n name,\r\n value,\r\n description,\r\n required,\r\n onInputChange,\r\n placeholder,\r\n className,\r\n register,\r\n disabled,\r\n minDate,\r\n maxDate,\r\n errors = {},\r\n rounded = true,\r\n ...rest\r\n}: IDateInputFieldProps) {\r\n // Utility function to create a mock ChangeEvent\r\n const createMockChangeEvent = (\r\n name: string,\r\n value: any\r\n ): ChangeEvent<any> => {\r\n return {\r\n target: { name, value },\r\n currentTarget: { name, value },\r\n preventDefault: () => {},\r\n stopPropagation: () => {},\r\n nativeEvent: new Event(\"change\"),\r\n bubbles: true,\r\n cancelable: true,\r\n defaultPrevented: false,\r\n eventPhase: 0,\r\n isTrusted: true,\r\n timeStamp: Date.now(),\r\n type: \"change\",\r\n persist: () => {},\r\n } as ChangeEvent<any>;\r\n };\r\n\r\n const handleValueChange = (newValue: any) => {\r\n const startEvent = createMockChangeEvent(name, newValue.startDate);\r\n onInputChange(startEvent);\r\n };\r\n\r\n return (\r\n <>\r\n <div\r\n className={\r\n \"min-h-30 flex-col justify-start items-start gap-1.5 w-full relative min-w-[120px] \" +\r\n className\r\n }\r\n >\r\n <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex \">\r\n {label && (\r\n <div className=\"text-slate-700 text-sm font-medium leading-tight\">\r\n {label}\r\n {required ? \"*\" : \"\"}\r\n </div>\r\n )}\r\n <Datepicker\r\n primaryColor={\"indigo\"}\r\n placeholder={placeholder}\r\n startFrom={value.startDate ? new Date(value.startDate) : undefined}\r\n disabled={disabled}\r\n startWeekOn=\"mon\"\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n useRange={false}\r\n asSingle={true}\r\n i18n={\"cs\"}\r\n value={value}\r\n onChange={handleValueChange}\r\n displayFormat={\"DD.MM.YYYY\"}\r\n inputClassName={(className) => {\r\n return (\r\n className +\r\n ` focus:!ring-indigo-200 focus:!border-indigo-300 focus:ring-4 border !border-gray-200 !pr-8 !pl-[8px] font-normal ${rounded ? \" rounded-lg \" : \" !rounded-none \"}`\r\n );\r\n }}\r\n containerClassName={(className) => {\r\n return className + \" \";\r\n }}\r\n {...rest}\r\n />\r\n </div>\r\n {description && (\r\n <div className=\"self-stretch text-slate-600 text-sm font-normal leading-tight\">\r\n {description}\r\n </div>\r\n )}{\" \"}\r\n {errors[name] && (\r\n <div className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\">\r\n {errors[name]?.message}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n );\r\n}\r\n"],"names":["name","value","className"],"mappings":";;AAUA,SAAwB,UAAU;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACL,GAAyB;;AAEjB,QAAA,wBAAwB,CAC5BA,OACAC,WACqB;AACd,WAAA;AAAA,MACL,QAAQ,EAAE,MAAAD,OAAM,OAAAC,OAAM;AAAA,MACtB,eAAe,EAAE,MAAAD,OAAM,OAAAC,OAAM;AAAA,MAC7B,gBAAgB,MAAM;AAAA,MAAC;AAAA,MACvB,iBAAiB,MAAM;AAAA,MAAC;AAAA,MACxB,aAAa,IAAI,MAAM,QAAQ;AAAA,MAC/B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW,KAAK,IAAI;AAAA,MACpB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,EAClB;AAGI,QAAA,oBAAoB,CAAC,aAAkB;AAC3C,UAAM,aAAa,sBAAsB,MAAM,SAAS,SAAS;AACjE,kBAAc,UAAU;AAAA,EAAA;AAG1B,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE,wFACA;AAAA,MAGF,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,UACC,SAAA,qBAAC,OAAI,EAAA,WAAU,qDACZ,UAAA;AAAA,YAAA;AAAA,YACA,WAAW,MAAM;AAAA,UAAA,GACpB;AAAA,UAEF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd;AAAA,cACA,WAAW,MAAM,YAAY,IAAI,KAAK,MAAM,SAAS,IAAI;AAAA,cACzD;AAAA,cACA,aAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,UAAU;AAAA,cACV,MAAM;AAAA,cACN;AAAA,cACA,UAAU;AAAA,cACV,eAAe;AAAA,cACf,gBAAgB,CAACC,eAAc;AAC7B,uBACEA,aACA,uHAAuH,UAAU,iBAAiB,iBAAiB;AAAA,cAEvK;AAAA,cACA,oBAAoB,CAACA,eAAc;AACjC,uBAAOA,aAAY;AAAA,cACrB;AAAA,cACC,GAAG;AAAA,YAAA;AAAA,UACN;AAAA,QAAA,GACF;AAAA,QACC,eACC,oBAAC,OAAI,EAAA,WAAU,iEACZ,UACH,aAAA;AAAA,QACC;AAAA,QACF,OAAO,IAAI,KACT,oBAAA,OAAA,EAAI,WAAU,wEACZ,WAAA,YAAO,IAAI,MAAX,mBAAc,QACjB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ;"}
|
package/dist/main.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ export { default as DataTable } from './components/datatable/DataTable.tsx';
|
|
|
17
17
|
export { default as DataTableServer } from './components/datatable/DataTableServer.tsx';
|
|
18
18
|
export { default as DateRangeField } from './components/form/DateRangeField.tsx';
|
|
19
19
|
export { default as DateField } from './components/form/DateField.tsx';
|
|
20
|
+
export { default as SpinnerIcon } from './components/SpinnerIcon.tsx';
|
|
20
21
|
export * from './components/datatable/types.ts';
|
|
21
22
|
export * from './contexts/FederationContext.tsx';
|
|
22
23
|
export * from './contexts/useFederationContext.ts';
|
package/dist/main.js
CHANGED
|
@@ -17,6 +17,7 @@ import { default as default14 } from "./components/datatable/DataTable.js";
|
|
|
17
17
|
import { default as default15 } from "./components/datatable/DataTableServer.js";
|
|
18
18
|
import { default as default16 } from "./components/form/DateRangeField.js";
|
|
19
19
|
import { default as default17 } from "./components/form/DateField.js";
|
|
20
|
+
import { default as default18 } from "./components/SpinnerIcon.js";
|
|
20
21
|
import { FederationContext, FederationContextProvider } from "./contexts/FederationContext.js";
|
|
21
22
|
import { useFederationContext } from "./contexts/useFederationContext.js";
|
|
22
23
|
import { getFullName, getFullNameList, getFullNameListPositionWithEmployee, getFullNamePositionWithEmployee } from "./utils/getFullName.js";
|
|
@@ -49,6 +50,7 @@ export {
|
|
|
49
50
|
default9 as SectionTitle,
|
|
50
51
|
default6 as SelectField,
|
|
51
52
|
default11 as Spinner,
|
|
53
|
+
default18 as SpinnerIcon,
|
|
52
54
|
getFullName,
|
|
53
55
|
getFullNameList,
|
|
54
56
|
getFullNameListPositionWithEmployee,
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
const handleErrors = (error, emitter, customMessage) => {
|
|
2
|
-
var _a, _b, _c, _d;
|
|
2
|
+
var _a, _b, _c, _d, _e;
|
|
3
3
|
let errmsgToDisplay = (customMessage || "") + " " + (((_c = (_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.error) == null ? void 0 : _c.message) || error.message || "");
|
|
4
4
|
let errorTitle = "";
|
|
5
5
|
if (error.code == "ERR_NETWORK") {
|
|
6
6
|
errorTitle = "Síťová chyba";
|
|
7
7
|
errmsgToDisplay = errmsgToDisplay + " " + (/* @__PURE__ */ new Date()).toLocaleString();
|
|
8
8
|
} else if (error.code == "ERR_BAD_REQUEST") {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
if (((_d = error.response) == null ? void 0 : _d.status) == 403) {
|
|
10
|
+
errorTitle = "Přístup zamítnut";
|
|
11
|
+
} else {
|
|
12
|
+
errorTitle = "Interní chyba aplikace";
|
|
13
|
+
}
|
|
14
|
+
errmsgToDisplay = (/* @__PURE__ */ new Date()).toLocaleString() + " (" + ((_e = error.response) == null ? void 0 : _e.status) + ") \n" + errmsgToDisplay;
|
|
11
15
|
}
|
|
12
16
|
console.error(error);
|
|
13
17
|
emitter.emit("message", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handleErrors.js","sources":["../../lib/utils/handleErrors.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\r\nimport { Emitter } from \"mitt\";\r\nimport { Events } from \"../types\";\r\n\r\nconst handleErrors = (error: AxiosError, emitter: Emitter<Events>, customMessage?: string) => {\r\n let errmsgToDisplay = (customMessage || \"\") + \" \" + ((error.response?.data as any)?.error?.message || error.message || \"\")\r\n\r\n let errorTitle = \"\"\r\n if (error.code == 'ERR_NETWORK') {\r\n errorTitle = \"Síťová chyba\"\r\n errmsgToDisplay = errmsgToDisplay + \" \" + new Date().toLocaleString();\r\n } else if (error.code == 'ERR_BAD_REQUEST') {\r\n\r\n errorTitle = \"Interní chyba aplikace\"\r\n errmsgToDisplay = new Date().toLocaleString() + \" (\" + error.response?.status + \") \\n\" + errmsgToDisplay;\r\n }\r\n console.error(error);\r\n emitter.emit(\"message\", {\r\n title: errorTitle,\r\n message: errmsgToDisplay,\r\n classes: \"bg-danger \",\r\n timeout: 0\r\n });\r\n}\r\nexport { handleErrors }"],"names":[],"mappings":"AAIA,MAAM,eAAe,CAAC,OAAmB,SAA0B,kBAA2B;AAA9F;AACQ,MAAA,mBAAmB,iBAAiB,MAAM,SAAQ,uBAAM,aAAN,mBAAgB,SAAhB,mBAA8B,UAA9B,mBAAqC,YAAW,MAAM,WAAW;AAEvH,MAAI,aAAa;AACb,MAAA,MAAM,QAAQ,eAAe;AAChB,iBAAA;AACb,sBAAkB,kBAAkB,OAAU,oBAAA,KAAA,GAAO;EAAe,WAC7D,MAAM,QAAQ,mBAAmB;
|
|
1
|
+
{"version":3,"file":"handleErrors.js","sources":["../../lib/utils/handleErrors.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\r\nimport { Emitter } from \"mitt\";\r\nimport { Events } from \"../types\";\r\n\r\nconst handleErrors = (error: AxiosError, emitter: Emitter<Events>, customMessage?: string) => {\r\n let errmsgToDisplay = (customMessage || \"\") + \" \" + ((error.response?.data as any)?.error?.message || error.message || \"\")\r\n\r\n let errorTitle = \"\"\r\n if (error.code == 'ERR_NETWORK') {\r\n errorTitle = \"Síťová chyba\"\r\n errmsgToDisplay = errmsgToDisplay + \" \" + new Date().toLocaleString();\r\n } else if (error.code == 'ERR_BAD_REQUEST') {\r\n if (error.response?.status == 403) {\r\n errorTitle = \"Přístup zamítnut\"\r\n } else {\r\n errorTitle = \"Interní chyba aplikace\"\r\n }\r\n errmsgToDisplay = new Date().toLocaleString() + \" (\" + error.response?.status + \") \\n\" + errmsgToDisplay;\r\n }\r\n console.error(error);\r\n emitter.emit(\"message\", {\r\n title: errorTitle,\r\n message: errmsgToDisplay,\r\n classes: \"bg-danger \",\r\n timeout: 0\r\n });\r\n}\r\nexport { handleErrors }"],"names":[],"mappings":"AAIA,MAAM,eAAe,CAAC,OAAmB,SAA0B,kBAA2B;AAA9F;AACQ,MAAA,mBAAmB,iBAAiB,MAAM,SAAQ,uBAAM,aAAN,mBAAgB,SAAhB,mBAA8B,UAA9B,mBAAqC,YAAW,MAAM,WAAW;AAEvH,MAAI,aAAa;AACb,MAAA,MAAM,QAAQ,eAAe;AAChB,iBAAA;AACb,sBAAkB,kBAAkB,OAAU,oBAAA,KAAA,GAAO;EAAe,WAC7D,MAAM,QAAQ,mBAAmB;AACpC,UAAA,WAAM,aAAN,mBAAgB,WAAU,KAAK;AAClB,mBAAA;AAAA,IAAA,OACV;AACU,mBAAA;AAAA,IACjB;AACkB,uBAAA,oBAAI,KAAO,GAAA,mBAAmB,SAAO,WAAM,aAAN,mBAAgB,UAAS,SAAS;AAAA,EAC7F;AACA,UAAQ,MAAM,KAAK;AACnB,UAAQ,KAAK,WAAW;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACZ;AACL;"}
|