catchup-library-web 1.4.11 → 1.4.12
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/index.js +31 -19
- package/dist/index.mjs +31 -19
- package/package.json +1 -1
- package/src/components/groups/InputGroup.tsx +2 -2
- package/src/components/loading/BaseLoading.tsx +11 -3
package/dist/index.js
CHANGED
|
@@ -247,37 +247,49 @@ var BaseLoading = ({
|
|
|
247
247
|
}) => {
|
|
248
248
|
let currentHeight;
|
|
249
249
|
let currentWidth;
|
|
250
|
+
let currentMargin;
|
|
250
251
|
if (size === "small") {
|
|
251
|
-
currentHeight =
|
|
252
|
-
currentWidth =
|
|
252
|
+
currentHeight = 16;
|
|
253
|
+
currentWidth = 16;
|
|
254
|
+
currentMargin = 4;
|
|
253
255
|
} else if (size === "medium") {
|
|
254
256
|
currentHeight = 48;
|
|
255
257
|
currentWidth = 48;
|
|
258
|
+
currentMargin = 12;
|
|
256
259
|
} else if (size === "large") {
|
|
257
260
|
currentHeight = 72;
|
|
258
261
|
currentWidth = 72;
|
|
262
|
+
currentMargin = 18;
|
|
259
263
|
} else if (size === "xlarge") {
|
|
260
264
|
currentHeight = 96;
|
|
261
265
|
currentWidth = 96;
|
|
266
|
+
currentMargin = 24;
|
|
262
267
|
} else {
|
|
263
268
|
currentHeight = height;
|
|
264
269
|
currentWidth = width;
|
|
265
270
|
}
|
|
266
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
267
|
-
|
|
268
|
-
{
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
272
|
+
"div",
|
|
273
|
+
{
|
|
274
|
+
className: "flex justify-center items-center",
|
|
275
|
+
style: { marginTop: currentMargin, marginBottom: currentMargin },
|
|
276
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
277
|
+
import_react_loader_spinner.Oval,
|
|
278
|
+
{
|
|
279
|
+
height: currentHeight,
|
|
280
|
+
width: currentWidth,
|
|
281
|
+
wrapperStyle: {},
|
|
282
|
+
wrapperClass: "",
|
|
283
|
+
visible: true,
|
|
284
|
+
ariaLabel: "oval-loading",
|
|
285
|
+
color: primaryColor,
|
|
286
|
+
secondaryColor,
|
|
287
|
+
strokeWidth: 2,
|
|
288
|
+
strokeWidthSecondary: 2
|
|
289
|
+
}
|
|
290
|
+
)
|
|
291
|
+
}
|
|
292
|
+
);
|
|
281
293
|
};
|
|
282
294
|
var BaseLoading_default = BaseLoading;
|
|
283
295
|
|
|
@@ -3723,7 +3735,7 @@ var InputGroup = ({
|
|
|
3723
3735
|
{
|
|
3724
3736
|
ref: textAreaRef,
|
|
3725
3737
|
disabled,
|
|
3726
|
-
className: `w-full h-[44px] ${useMinHeight ? "min-h-[250px]" : ""} resize-none overflow-hidden py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} placeholder-catchup-gray-200 rounded-catchup-large focus:outline-none focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" :
|
|
3738
|
+
className: `w-full h-[44px] ${useMinHeight ? "min-h-[250px]" : ""} resize-none overflow-hidden py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} placeholder-catchup-gray-200 rounded-catchup-large focus:outline-none focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" : ""} focus:shadow-input`,
|
|
3727
3739
|
placeholder: errorText ? errorText : placeholder,
|
|
3728
3740
|
value,
|
|
3729
3741
|
onLoad: (e) => {
|
|
@@ -3743,7 +3755,7 @@ var InputGroup = ({
|
|
|
3743
3755
|
"input",
|
|
3744
3756
|
{
|
|
3745
3757
|
disabled,
|
|
3746
|
-
className: `w-full py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} rounded-catchup-large focus:outline-none placeholder-catchup-gray-200 focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" :
|
|
3758
|
+
className: `w-full py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} rounded-catchup-large focus:outline-none placeholder-catchup-gray-200 focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" : ""} focus:shadow-input`,
|
|
3747
3759
|
type,
|
|
3748
3760
|
defaultValue,
|
|
3749
3761
|
placeholder: errorText ? errorText : placeholder,
|
package/dist/index.mjs
CHANGED
|
@@ -56,37 +56,49 @@ var BaseLoading = ({
|
|
|
56
56
|
}) => {
|
|
57
57
|
let currentHeight;
|
|
58
58
|
let currentWidth;
|
|
59
|
+
let currentMargin;
|
|
59
60
|
if (size === "small") {
|
|
60
|
-
currentHeight =
|
|
61
|
-
currentWidth =
|
|
61
|
+
currentHeight = 16;
|
|
62
|
+
currentWidth = 16;
|
|
63
|
+
currentMargin = 4;
|
|
62
64
|
} else if (size === "medium") {
|
|
63
65
|
currentHeight = 48;
|
|
64
66
|
currentWidth = 48;
|
|
67
|
+
currentMargin = 12;
|
|
65
68
|
} else if (size === "large") {
|
|
66
69
|
currentHeight = 72;
|
|
67
70
|
currentWidth = 72;
|
|
71
|
+
currentMargin = 18;
|
|
68
72
|
} else if (size === "xlarge") {
|
|
69
73
|
currentHeight = 96;
|
|
70
74
|
currentWidth = 96;
|
|
75
|
+
currentMargin = 24;
|
|
71
76
|
} else {
|
|
72
77
|
currentHeight = height;
|
|
73
78
|
currentWidth = width;
|
|
74
79
|
}
|
|
75
|
-
return /* @__PURE__ */ jsx(
|
|
76
|
-
|
|
77
|
-
{
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
80
|
+
return /* @__PURE__ */ jsx(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
className: "flex justify-center items-center",
|
|
84
|
+
style: { marginTop: currentMargin, marginBottom: currentMargin },
|
|
85
|
+
children: /* @__PURE__ */ jsx(
|
|
86
|
+
Oval,
|
|
87
|
+
{
|
|
88
|
+
height: currentHeight,
|
|
89
|
+
width: currentWidth,
|
|
90
|
+
wrapperStyle: {},
|
|
91
|
+
wrapperClass: "",
|
|
92
|
+
visible: true,
|
|
93
|
+
ariaLabel: "oval-loading",
|
|
94
|
+
color: primaryColor,
|
|
95
|
+
secondaryColor,
|
|
96
|
+
strokeWidth: 2,
|
|
97
|
+
strokeWidthSecondary: 2
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
}
|
|
101
|
+
);
|
|
90
102
|
};
|
|
91
103
|
var BaseLoading_default = BaseLoading;
|
|
92
104
|
|
|
@@ -3532,7 +3544,7 @@ var InputGroup = ({
|
|
|
3532
3544
|
{
|
|
3533
3545
|
ref: textAreaRef,
|
|
3534
3546
|
disabled,
|
|
3535
|
-
className: `w-full h-[44px] ${useMinHeight ? "min-h-[250px]" : ""} resize-none overflow-hidden py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} placeholder-catchup-gray-200 rounded-catchup-large focus:outline-none focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" :
|
|
3547
|
+
className: `w-full h-[44px] ${useMinHeight ? "min-h-[250px]" : ""} resize-none overflow-hidden py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} placeholder-catchup-gray-200 rounded-catchup-large focus:outline-none focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" : ""} focus:shadow-input`,
|
|
3536
3548
|
placeholder: errorText ? errorText : placeholder,
|
|
3537
3549
|
value,
|
|
3538
3550
|
onLoad: (e) => {
|
|
@@ -3552,7 +3564,7 @@ var InputGroup = ({
|
|
|
3552
3564
|
"input",
|
|
3553
3565
|
{
|
|
3554
3566
|
disabled,
|
|
3555
|
-
className: `w-full py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} rounded-catchup-large focus:outline-none placeholder-catchup-gray-200 focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" :
|
|
3567
|
+
className: `w-full py-2 px-4 border ${errorText ? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80" : "border-catchup-gray-100"} rounded-catchup-large focus:outline-none placeholder-catchup-gray-200 focus:border-catchup-blue-400 ${disabled ? "bg-catchup-lighter-gray" : ""} focus:shadow-input`,
|
|
3556
3568
|
type,
|
|
3557
3569
|
defaultValue,
|
|
3558
3570
|
placeholder: errorText ? errorText : placeholder,
|
package/package.json
CHANGED
|
@@ -247,7 +247,7 @@ const InputGroup = ({
|
|
|
247
247
|
? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80"
|
|
248
248
|
: "border-catchup-gray-100"
|
|
249
249
|
} placeholder-catchup-gray-200 rounded-catchup-large focus:outline-none focus:border-catchup-blue-400 ${
|
|
250
|
-
disabled ? "bg-catchup-lighter-gray" :
|
|
250
|
+
disabled ? "bg-catchup-lighter-gray" : ""
|
|
251
251
|
} focus:shadow-input`}
|
|
252
252
|
placeholder={errorText ? errorText : placeholder}
|
|
253
253
|
value={value}
|
|
@@ -284,7 +284,7 @@ const InputGroup = ({
|
|
|
284
284
|
? "border-catchup-red shadow-error placeholder:text-catchup-red placeholder:opacity-80"
|
|
285
285
|
: "border-catchup-gray-100"
|
|
286
286
|
} rounded-catchup-large focus:outline-none placeholder-catchup-gray-200 focus:border-catchup-blue-400 ${
|
|
287
|
-
disabled ? "bg-catchup-lighter-gray" :
|
|
287
|
+
disabled ? "bg-catchup-lighter-gray" : ""
|
|
288
288
|
} focus:shadow-input`}
|
|
289
289
|
type={type}
|
|
290
290
|
defaultValue={defaultValue}
|
|
@@ -10,19 +10,24 @@ const BaseLoading = ({
|
|
|
10
10
|
}: IBaseLoadingProps) => {
|
|
11
11
|
let currentHeight;
|
|
12
12
|
let currentWidth;
|
|
13
|
+
let currentMargin;
|
|
13
14
|
|
|
14
15
|
if (size === "small") {
|
|
15
|
-
currentHeight =
|
|
16
|
-
currentWidth =
|
|
16
|
+
currentHeight = 16;
|
|
17
|
+
currentWidth = 16;
|
|
18
|
+
currentMargin = 4;
|
|
17
19
|
} else if (size === "medium") {
|
|
18
20
|
currentHeight = 48;
|
|
19
21
|
currentWidth = 48;
|
|
22
|
+
currentMargin = 12;
|
|
20
23
|
} else if (size === "large") {
|
|
21
24
|
currentHeight = 72;
|
|
22
25
|
currentWidth = 72;
|
|
26
|
+
currentMargin = 18;
|
|
23
27
|
} else if (size === "xlarge") {
|
|
24
28
|
currentHeight = 96;
|
|
25
29
|
currentWidth = 96;
|
|
30
|
+
currentMargin = 24;
|
|
26
31
|
} else {
|
|
27
32
|
currentHeight = height;
|
|
28
33
|
currentWidth = width;
|
|
@@ -30,7 +35,10 @@ const BaseLoading = ({
|
|
|
30
35
|
|
|
31
36
|
// px-4 py-2
|
|
32
37
|
return (
|
|
33
|
-
<div
|
|
38
|
+
<div
|
|
39
|
+
className="flex justify-center items-center"
|
|
40
|
+
style={{ marginTop: currentMargin, marginBottom: currentMargin }}
|
|
41
|
+
>
|
|
34
42
|
<Oval
|
|
35
43
|
height={currentHeight}
|
|
36
44
|
width={currentWidth}
|