@addsign/moje-agenda-shared-lib 1.0.2 → 1.0.4
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/datatable/DataTableServer.js +42 -13
- 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/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;"}
|