catchup-library-web 2.5.3 → 2.5.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.
Files changed (7) hide show
  1. package/dist/index.d.mts +1 -2
  2. package/dist/index.d.ts +1 -2
  3. package/dist/index.js +28 -19
  4. package/dist/index.mjs +28 -19
  5. package/package.json +1 -1
  6. package/src/components/modals/BaseModal.tsx +15 -13
  7. package/src/properties/ModalProperties.ts +0 -1
package/dist/index.d.mts CHANGED
@@ -109,11 +109,10 @@ interface IModalProps {
109
109
  size: string;
110
110
  onAfterOpen: () => void;
111
111
  onRequestClose: () => void;
112
- customSize?: string;
113
112
  children: any;
114
113
  }
115
114
 
116
- declare const BaseModal: ({ title, isOpen, size, onAfterOpen, onRequestClose, customSize, children, }: IModalProps) => react_jsx_runtime.JSX.Element;
115
+ declare const BaseModal: ({ title, isOpen, size, onAfterOpen, onRequestClose, children, }: IModalProps) => react_jsx_runtime.JSX.Element;
117
116
 
118
117
  interface IBasePDFProps {
119
118
  file: string;
package/dist/index.d.ts CHANGED
@@ -109,11 +109,10 @@ interface IModalProps {
109
109
  size: string;
110
110
  onAfterOpen: () => void;
111
111
  onRequestClose: () => void;
112
- customSize?: string;
113
112
  children: any;
114
113
  }
115
114
 
116
- declare const BaseModal: ({ title, isOpen, size, onAfterOpen, onRequestClose, customSize, children, }: IModalProps) => react_jsx_runtime.JSX.Element;
115
+ declare const BaseModal: ({ title, isOpen, size, onAfterOpen, onRequestClose, children, }: IModalProps) => react_jsx_runtime.JSX.Element;
117
116
 
118
117
  interface IBasePDFProps {
119
118
  file: string;
package/dist/index.js CHANGED
@@ -1235,13 +1235,11 @@ var import_jsx_runtime17 = require("react/jsx-runtime");
1235
1235
  var BaseModal = ({
1236
1236
  title,
1237
1237
  isOpen,
1238
- size = "medium",
1238
+ size,
1239
1239
  onAfterOpen,
1240
1240
  onRequestClose,
1241
- customSize,
1242
1241
  children
1243
1242
  }) => {
1244
- const sizeClass = customSize != null ? customSize : size === "small" ? "w-[600px]" : size === "medium" ? "w-[900px]" : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]";
1245
1243
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1246
1244
  import_react_modal.default,
1247
1245
  {
@@ -1252,9 +1250,14 @@ var BaseModal = ({
1252
1250
  content: {
1253
1251
  top: "50%",
1254
1252
  left: "50%",
1253
+ right: "auto",
1254
+ bottom: "auto",
1255
+ marginRight: "-50%",
1255
1256
  transform: "translate(-50%, -50%)",
1256
1257
  padding: 0,
1257
1258
  borderRadius: 20,
1259
+ background: "",
1260
+ border: "",
1258
1261
  maxHeight: "98%",
1259
1262
  overflow: "visible",
1260
1263
  zIndex: 20
@@ -1265,22 +1268,28 @@ var BaseModal = ({
1265
1268
  }
1266
1269
  },
1267
1270
  contentLabel: "",
1268
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `${sizeClass} font-quicksand max-h-[calc(98vh-48px)]`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(FullCard_default, { children: [
1269
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-row justify-between", children: [
1270
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BaseTitle_default, { title }),
1271
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1272
- BaseImage_default,
1273
- {
1274
- src: "/icons/cross-red.webp",
1275
- alt: "cross-red",
1276
- size: "medium",
1277
- onClick: onRequestClose
1278
- }
1279
- )
1280
- ] }),
1281
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DividerLine_default, {}),
1282
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "max-h-[calc(98vh-120px)] overflow-auto", children })
1283
- ] }) })
1271
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1272
+ "div",
1273
+ {
1274
+ className: `font-quicksand ${size === "small" ? "w-[600px]" : size === "medium" ? "w-[900px]" : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]"}`,
1275
+ children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(FullCard_default, { children: [
1276
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-row justify-between", children: [
1277
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BaseTitle_default, { title }),
1278
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1279
+ BaseImage_default,
1280
+ {
1281
+ src: "/icons/cross-red.webp",
1282
+ alt: "cross-red",
1283
+ size: "medium",
1284
+ onClick: onRequestClose
1285
+ }
1286
+ )
1287
+ ] }),
1288
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DividerLine_default, {}),
1289
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "max-h-[calc(98vh-120px)] overflow-auto", children })
1290
+ ] })
1291
+ }
1292
+ )
1284
1293
  }
1285
1294
  );
1286
1295
  };
package/dist/index.mjs CHANGED
@@ -1002,13 +1002,11 @@ import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
1002
1002
  var BaseModal = ({
1003
1003
  title,
1004
1004
  isOpen,
1005
- size = "medium",
1005
+ size,
1006
1006
  onAfterOpen,
1007
1007
  onRequestClose,
1008
- customSize,
1009
1008
  children
1010
1009
  }) => {
1011
- const sizeClass = customSize != null ? customSize : size === "small" ? "w-[600px]" : size === "medium" ? "w-[900px]" : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]";
1012
1010
  return /* @__PURE__ */ jsx17(
1013
1011
  Modal,
1014
1012
  {
@@ -1019,9 +1017,14 @@ var BaseModal = ({
1019
1017
  content: {
1020
1018
  top: "50%",
1021
1019
  left: "50%",
1020
+ right: "auto",
1021
+ bottom: "auto",
1022
+ marginRight: "-50%",
1022
1023
  transform: "translate(-50%, -50%)",
1023
1024
  padding: 0,
1024
1025
  borderRadius: 20,
1026
+ background: "",
1027
+ border: "",
1025
1028
  maxHeight: "98%",
1026
1029
  overflow: "visible",
1027
1030
  zIndex: 20
@@ -1032,22 +1035,28 @@ var BaseModal = ({
1032
1035
  }
1033
1036
  },
1034
1037
  contentLabel: "",
1035
- children: /* @__PURE__ */ jsx17("div", { className: `${sizeClass} font-quicksand max-h-[calc(98vh-48px)]`, children: /* @__PURE__ */ jsxs11(FullCard_default, { children: [
1036
- /* @__PURE__ */ jsxs11("div", { className: "flex flex-row justify-between", children: [
1037
- /* @__PURE__ */ jsx17(BaseTitle_default, { title }),
1038
- /* @__PURE__ */ jsx17(
1039
- BaseImage_default,
1040
- {
1041
- src: "/icons/cross-red.webp",
1042
- alt: "cross-red",
1043
- size: "medium",
1044
- onClick: onRequestClose
1045
- }
1046
- )
1047
- ] }),
1048
- /* @__PURE__ */ jsx17(DividerLine_default, {}),
1049
- /* @__PURE__ */ jsx17("div", { className: "max-h-[calc(98vh-120px)] overflow-auto", children })
1050
- ] }) })
1038
+ children: /* @__PURE__ */ jsx17(
1039
+ "div",
1040
+ {
1041
+ className: `font-quicksand ${size === "small" ? "w-[600px]" : size === "medium" ? "w-[900px]" : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]"}`,
1042
+ children: /* @__PURE__ */ jsxs11(FullCard_default, { children: [
1043
+ /* @__PURE__ */ jsxs11("div", { className: "flex flex-row justify-between", children: [
1044
+ /* @__PURE__ */ jsx17(BaseTitle_default, { title }),
1045
+ /* @__PURE__ */ jsx17(
1046
+ BaseImage_default,
1047
+ {
1048
+ src: "/icons/cross-red.webp",
1049
+ alt: "cross-red",
1050
+ size: "medium",
1051
+ onClick: onRequestClose
1052
+ }
1053
+ )
1054
+ ] }),
1055
+ /* @__PURE__ */ jsx17(DividerLine_default, {}),
1056
+ /* @__PURE__ */ jsx17("div", { className: "max-h-[calc(98vh-120px)] overflow-auto", children })
1057
+ ] })
1058
+ }
1059
+ )
1051
1060
  }
1052
1061
  );
1053
1062
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "2.5.3",
3
+ "version": "2.5.4",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/modals/BaseModal.tsx CHANGED
@@ -8,20 +8,11 @@ import DividerLine from "../dividers/DividerLine";
8
8
  const BaseModal = ({
9
9
  title,
10
10
  isOpen,
11
- size = "medium",
11
+ size,
12
12
  onAfterOpen,
13
13
  onRequestClose,
14
- customSize,
15
14
  children,
16
15
  }: IModalProps) => {
17
- const sizeClass =
18
- customSize ??
19
- (size === "small"
20
- ? "w-[600px]"
21
- : size === "medium"
22
- ? "w-[900px]"
23
- : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]");
24
-
25
16
  return (
26
17
  <Modal
27
18
  isOpen={isOpen}
@@ -31,9 +22,14 @@ const BaseModal = ({
31
22
  content: {
32
23
  top: "50%",
33
24
  left: "50%",
25
+ right: "auto",
26
+ bottom: "auto",
27
+ marginRight: "-50%",
34
28
  transform: "translate(-50%, -50%)",
35
29
  padding: 0,
36
30
  borderRadius: 20,
31
+ background: "",
32
+ border: "",
37
33
  maxHeight: "98%",
38
34
  overflow: "visible",
39
35
  zIndex: 20,
@@ -45,7 +41,15 @@ const BaseModal = ({
45
41
  }}
46
42
  contentLabel=""
47
43
  >
48
- <div className={`${sizeClass} font-quicksand max-h-[calc(98vh-48px)]`}>
44
+ <div
45
+ className={`font-quicksand ${
46
+ size === "small"
47
+ ? "w-[600px]"
48
+ : size === "medium"
49
+ ? "w-[900px]"
50
+ : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]"
51
+ }`}
52
+ >
49
53
  <FullCard>
50
54
  <div className="flex flex-row justify-between">
51
55
  <BaseTitle title={title} />
@@ -56,9 +60,7 @@ const BaseModal = ({
56
60
  onClick={onRequestClose}
57
61
  />
58
62
  </div>
59
-
60
63
  <DividerLine />
61
-
62
64
  <div className="max-h-[calc(98vh-120px)] overflow-auto">
63
65
  {children}
64
66
  </div>
package/src/properties/ModalProperties.ts CHANGED
@@ -4,6 +4,5 @@ export interface IModalProps {
4
4
  size: string;
5
5
  onAfterOpen: () => void;
6
6
  onRequestClose: () => void;
7
- customSize?: string;
8
7
  children: any;
9
8
  }