@addsign/moje-agenda-shared-lib 1.0.49 → 1.0.50

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.
@@ -759,9 +759,6 @@ video {
759
759
  .mt-\[4px\] {
760
760
  margin-top: 4px;
761
761
  }
762
- .mt-\[5vh\] {
763
- margin-top: 5vh;
764
- }
765
762
  .mt-auto {
766
763
  margin-top: auto;
767
764
  }
@@ -861,18 +858,12 @@ video {
861
858
  .max-h-\[400px\] {
862
859
  max-height: 400px;
863
860
  }
864
- .max-h-\[calc\(100vh_-_20px\)\] {
865
- max-height: calc(100vh - 20px);
866
- }
867
861
  .max-h-full {
868
862
  max-height: 100%;
869
863
  }
870
864
  .min-h-5 {
871
865
  min-height: 1.25rem;
872
866
  }
873
- .min-h-64 {
874
- min-height: 16rem;
875
- }
876
867
  .min-h-\[285px\] {
877
868
  min-height: 285px;
878
869
  }
@@ -958,9 +949,6 @@ video {
958
949
  .min-w-20 {
959
950
  min-width: 5rem;
960
951
  }
961
- .min-w-96 {
962
- min-width: 24rem;
963
- }
964
952
  .min-w-\[100px\] {
965
953
  min-width: 100px;
966
954
  }
@@ -970,6 +958,9 @@ video {
970
958
  .min-w-\[180px\] {
971
959
  min-width: 180px;
972
960
  }
961
+ .max-w-\[80vw\] {
962
+ max-width: 80vw;
963
+ }
973
964
  .max-w-full {
974
965
  max-width: 100%;
975
966
  }
@@ -26,24 +26,25 @@ function ModalDialog({
26
26
  return /* @__PURE__ */ jsx(
27
27
  "div",
28
28
  {
29
- className: "fixed inset-0 bg-black bg-opacity-25 flex items-start justify-center p-4 ",
29
+ className: "fixed inset-0 bg-black bg-opacity-25 flex items-center justify-center p-4",
30
30
  style: { zIndex: 50 },
31
31
  children: /* @__PURE__ */ jsxs(
32
32
  "div",
33
33
  {
34
34
  ref,
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
36
- relative gap-5 p-5 mt-[5vh] ` + classNameWrapper,
35
+ className: `w-full max-w-[80vw] bg-white rounded-lg shadow-lg flex flex-col justify-start items-center
36
+ relative gap-5 p-5 overflow-y-auto` + (classNameWrapper ? ` ${classNameWrapper}` : ""),
37
+ style: { maxHeight: "90vh" },
37
38
  children: [
38
39
  /* @__PURE__ */ jsx(
39
40
  "div",
40
41
  {
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
+ 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 cursor-pointer",
42
43
  onClick: cancelAction,
43
44
  children: /* @__PURE__ */ jsx(IoCloseOutline, { className: "w-6 h-6 relative text-gray-400" })
44
45
  }
45
46
  ),
46
- children && /* @__PURE__ */ jsx("div", { className: " text-left w-full ", children })
47
+ children && /* @__PURE__ */ jsx("div", { className: "text-left w-full", children })
47
48
  ]
48
49
  }
49
50
  )
@@ -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 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-[5vh] ` + 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,4CACkC;AAAA,UAGpC,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;"}
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-center justify-center p-4\"\n style={{ zIndex: 50 }}\n >\n <div\n ref={ref}\n className={\n `w-full max-w-[80vw] bg-white rounded-lg shadow-lg flex flex-col justify-start items-center \n relative gap-5 p-5 overflow-y-auto` +\n (classNameWrapper ? ` ${classNameWrapper}` : \"\")\n }\n style={{ maxHeight: \"90vh\" }}\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 cursor-pointer\"\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,kDAEC,mBAAmB,IAAI,gBAAgB,KAAK;AAAA,UAE/C,OAAO,EAAE,WAAW,OAAO;AAAA,UAE3B,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,oBAAoB,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3D;AAAA,IAAA;AAAA,EAAA;AAGN;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@addsign/moje-agenda-shared-lib",
3
3
  "private": false,
4
- "version": "1.0.49",
4
+ "version": "1.0.50",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",