@addsign/moje-agenda-shared-lib 1.0.32 → 1.0.34
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 -3
- package/dist/components/ModalDialog.d.ts +1 -3
- package/dist/components/ModalDialog.js +6 -21
- package/dist/components/ModalDialog.js.map +1 -1
- package/dist/components/form/DateField.js +1 -1
- package/dist/components/form/DateField.js.map +1 -1
- package/package.json +1 -1
package/dist/assets/tailwind.css
CHANGED
|
@@ -747,6 +747,9 @@ video {
|
|
|
747
747
|
.mt-1 {
|
|
748
748
|
margin-top: 0.25rem;
|
|
749
749
|
}
|
|
750
|
+
.mt-16 {
|
|
751
|
+
margin-top: 4rem;
|
|
752
|
+
}
|
|
750
753
|
.mt-2 {
|
|
751
754
|
margin-top: 0.5rem;
|
|
752
755
|
}
|
|
@@ -798,9 +801,6 @@ video {
|
|
|
798
801
|
.h-24 {
|
|
799
802
|
height: 6rem;
|
|
800
803
|
}
|
|
801
|
-
.h-28 {
|
|
802
|
-
height: 7rem;
|
|
803
|
-
}
|
|
804
804
|
.h-36 {
|
|
805
805
|
height: 9rem;
|
|
806
806
|
}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface IModalDialogProps {
|
|
3
|
-
title: string;
|
|
4
3
|
cancelAction: () => void;
|
|
5
|
-
description?: string;
|
|
6
4
|
children?: React.ReactNode;
|
|
7
5
|
classNameWrapper?: string;
|
|
8
6
|
closeOnCLickAway?: boolean;
|
|
9
7
|
}
|
|
10
|
-
export declare function ModalDialog({
|
|
8
|
+
export declare function ModalDialog({ cancelAction, classNameWrapper, children, closeOnCLickAway, }: IModalDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
9
|
export default ModalDialog;
|
|
@@ -3,9 +3,7 @@ import { createRef, useEffect } from "react";
|
|
|
3
3
|
import { I as IoCloseOutline } from "../index-G6UUAXAq.js";
|
|
4
4
|
import { u as useClickAway } from "../useClickAway-CH9ykBsx.js";
|
|
5
5
|
function ModalDialog({
|
|
6
|
-
title,
|
|
7
6
|
cancelAction,
|
|
8
|
-
description,
|
|
9
7
|
classNameWrapper,
|
|
10
8
|
children,
|
|
11
9
|
closeOnCLickAway = true
|
|
@@ -28,34 +26,21 @@ function ModalDialog({
|
|
|
28
26
|
return /* @__PURE__ */ jsx(
|
|
29
27
|
"div",
|
|
30
28
|
{
|
|
31
|
-
className: "fixed inset-0 bg-black bg-opacity-25 flex items-
|
|
29
|
+
className: "fixed inset-0 bg-black bg-opacity-25 flex items-start justify-center p-4 ",
|
|
32
30
|
style: { zIndex: 50 },
|
|
33
31
|
children: /* @__PURE__ */ jsxs(
|
|
34
32
|
"div",
|
|
35
33
|
{
|
|
36
34
|
ref,
|
|
37
35
|
className: `min-w-96 min-h-64 max-h-[calc(100vh_-_20px)] bg-white rounded-lg shadow-lg flex flex-col justify-start items-center
|
|
38
|
-
relative
|
|
36
|
+
relative gap-5 p-5 mt-16 ` + classNameWrapper,
|
|
39
37
|
children: [
|
|
40
|
-
|
|
38
|
+
/* @__PURE__ */ jsx(
|
|
41
39
|
"div",
|
|
42
40
|
{
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
children:
|
|
46
|
-
/* @__PURE__ */ jsx("div", { className: "self-stretch h-40 flex-col justify-start items-start gap-4 flex", children: /* @__PURE__ */ jsxs("div", { className: "self-stretch h-16 flex-col justify-start items-start gap-1 flex", children: [
|
|
47
|
-
/* @__PURE__ */ jsx("div", { className: "self-stretch text-gray-900 text-lg font-semibold font-['Inter'] leading-7", children: title }),
|
|
48
|
-
description && /* @__PURE__ */ jsx("div", { className: "self-stretch text-slate-600 text-sm font-normal font-['Open Sans'] leading-tight", children: description })
|
|
49
|
-
] }) }),
|
|
50
|
-
/* @__PURE__ */ jsx(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
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",
|
|
54
|
-
onClick: cancelAction,
|
|
55
|
-
children: /* @__PURE__ */ jsx(IoCloseOutline, { className: "w-6 h-6 relative text-gray-400" })
|
|
56
|
-
}
|
|
57
|
-
)
|
|
58
|
-
]
|
|
41
|
+
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",
|
|
42
|
+
onClick: cancelAction,
|
|
43
|
+
children: /* @__PURE__ */ jsx(IoCloseOutline, { className: "w-6 h-6 relative text-gray-400" })
|
|
59
44
|
}
|
|
60
45
|
),
|
|
61
46
|
children && /* @__PURE__ */ jsx("div", { className: " text-left w-full ", children })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.js","sources":["../../lib/components/ModalDialog.tsx"],"sourcesContent":["import { createRef, useEffect } from \"react\";\nimport { IoCloseOutline } from \"react-icons/io5\";\nimport { useClickAway } from \"react-use\";\n\nexport interface IModalDialogProps {\n
|
|
1
|
+
{"version":3,"file":"ModalDialog.js","sources":["../../lib/components/ModalDialog.tsx"],"sourcesContent":["import { createRef, useEffect } from \"react\";\nimport { IoCloseOutline } from \"react-icons/io5\";\nimport { useClickAway } from \"react-use\";\n\nexport interface IModalDialogProps {\n cancelAction: () => void;\n children?: React.ReactNode;\n classNameWrapper?: string;\n closeOnCLickAway?: boolean;\n}\n\nexport function ModalDialog({\n cancelAction,\n classNameWrapper,\n children,\n closeOnCLickAway = true,\n}: IModalDialogProps) {\n const ref = createRef<HTMLDivElement>();\n\n useClickAway(ref, () => {\n closeOnCLickAway ? cancelAction() : null;\n });\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n cancelAction();\n }\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [cancelAction]);\n\n return (\n <div\n className=\"fixed inset-0 bg-black bg-opacity-25 flex items-start justify-center p-4 \"\n style={{ zIndex: 50 }}\n >\n <div\n ref={ref}\n className={\n `min-w-96 min-h-64 max-h-[calc(100vh_-_20px)] bg-white rounded-lg shadow-lg flex flex-col justify-start items-center \n relative gap-5 p-5 mt-16 ` + classNameWrapper\n }\n >\n <div\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\"\n onClick={cancelAction}\n >\n <IoCloseOutline className=\"w-6 h-6 relative text-gray-400\" />\n </div>\n\n {children && <div className=\" text-left w-full \">{children}</div>}\n </div>\n </div>\n );\n}\n\nexport default ModalDialog;\n"],"names":[],"mappings":";;;;AAWO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AACrB,GAAsB;AACpB,QAAM,MAAM;AAEZ,eAAa,KAAK,MAAM;AACtB,uBAAmB,aAAiB,IAAA;AAAA,EAAA,CACrC;AAED,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;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WACE;AAAA,yCAC+B;AAAA,UAGjC,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS;AAAA,gBAET,UAAA,oBAAC,gBAAe,EAAA,WAAU,iCAAiC,CAAA;AAAA,cAAA;AAAA,YAC7D;AAAA,YAEC,YAAY,oBAAC,OAAI,EAAA,WAAU,sBAAsB,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -66,7 +66,7 @@ function DateField({
|
|
|
66
66
|
inputId: name,
|
|
67
67
|
primaryColor: "indigo",
|
|
68
68
|
placeholder,
|
|
69
|
-
startFrom: (
|
|
69
|
+
startFrom: (localValue == null ? void 0 : localValue.startDate) ? new Date(localValue.startDate) : void 0,
|
|
70
70
|
disabled,
|
|
71
71
|
startWeekOn: "mon",
|
|
72
72
|
minDate: minDate ? new Date(minDate) : null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sources":["../../../lib/components/form/DateField.tsx"],"sourcesContent":["import Datepicker from \"react-tailwindcss-datepicker\";\r\nimport { ChangeEvent, useMemo } from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\n\r\nexport interface IDateInputFieldProps extends IFormFieldGlobalProps {\r\n minDate?: string;\r\n maxDate?: string;\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 const localValue = useMemo(() => {\r\n return {\r\n startDate: value,\r\n endDate: value,\r\n };\r\n }, [value]);\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} {required ? \"*\" : \"\"}\r\n </div>\r\n )}\r\n <Datepicker\r\n inputId={name}\r\n primaryColor={\"indigo\"}\r\n placeholder={placeholder}\r\n startFrom={
|
|
1
|
+
{"version":3,"file":"DateField.js","sources":["../../../lib/components/form/DateField.tsx"],"sourcesContent":["import Datepicker from \"react-tailwindcss-datepicker\";\r\nimport { ChangeEvent, useMemo } from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\n\r\nexport interface IDateInputFieldProps extends IFormFieldGlobalProps {\r\n minDate?: string;\r\n maxDate?: string;\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 const localValue = useMemo(() => {\r\n return {\r\n startDate: value,\r\n endDate: value,\r\n };\r\n }, [value]);\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} {required ? \"*\" : \"\"}\r\n </div>\r\n )}\r\n <Datepicker\r\n inputId={name}\r\n primaryColor={\"indigo\"}\r\n placeholder={placeholder}\r\n startFrom={\r\n localValue?.startDate ? new Date(localValue.startDate) : undefined\r\n }\r\n disabled={disabled}\r\n startWeekOn=\"mon\"\r\n minDate={minDate ? new Date(minDate) : null}\r\n maxDate={maxDate ? new Date(maxDate) : null}\r\n useRange={false}\r\n asSingle={true}\r\n i18n={\"cs\"}\r\n value={localValue}\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\r\n className=\"self-stretch text-slate-600 text-sm font-normal leading-tight\"\r\n id={name + \":description\"}\r\n >\r\n {description}\r\n </div>\r\n )}{\" \"}\r\n {errors[name] && (\r\n <div\r\n className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\"\r\n id={name + \":error\"}\r\n >\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;AAGpB,QAAA,aAAa,QAAQ,MAAM;AACxB,WAAA;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACX,GACC,CAAC,KAAK,CAAC;AAEV,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,YAAM;AAAA,YAAE,WAAW,MAAM;AAAA,UAAA,GAC5B;AAAA,UAEF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,cAAc;AAAA,cACd;AAAA,cACA,YACE,yCAAY,aAAY,IAAI,KAAK,WAAW,SAAS,IAAI;AAAA,cAE3D;AAAA,cACA,aAAY;AAAA,cACZ,SAAS,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,cACvC,SAAS,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,cACvC,UAAU;AAAA,cACV,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,cACP,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;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,OAAO;AAAA,YAEV,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACC;AAAA,QACF,OAAO,IAAI,KACV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,OAAO;AAAA,YAEV,WAAA,YAAO,IAAI,MAAX,mBAAc;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ;"}
|