catchup-library-web 2.6.12 → 2.6.13
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.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +13 -9
- package/dist/index.mjs +155 -151
- package/package.json +1 -1
- package/src/components/buttons/StartButton.tsx +12 -10
- package/src/properties/ButtonProperties.ts +1 -0
package/dist/index.d.mts
CHANGED
|
@@ -40,6 +40,7 @@ interface IButtonProps {
|
|
|
40
40
|
iconPosition?: string;
|
|
41
41
|
textOnly?: boolean;
|
|
42
42
|
iconOnly?: boolean;
|
|
43
|
+
icon?: string;
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
declare const PrimaryButton: ({ title, size, onClick, disabled, iconPosition, textOnly, iconOnly, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -54,7 +55,7 @@ declare const CancelButton: ({ title, size, onClick, disabled, iconPosition, tex
|
|
|
54
55
|
|
|
55
56
|
declare const ApproveButton: ({ title, size, onClick, disabled, iconPosition, textOnly, iconOnly, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
56
57
|
|
|
57
|
-
declare const StartButton: ({ title, size, onClick, disabled, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
58
|
+
declare const StartButton: ({ title, size, onClick, disabled, icon, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
58
59
|
|
|
59
60
|
interface IFullCardProps {
|
|
60
61
|
backgroundColor?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -40,6 +40,7 @@ interface IButtonProps {
|
|
|
40
40
|
iconPosition?: string;
|
|
41
41
|
textOnly?: boolean;
|
|
42
42
|
iconOnly?: boolean;
|
|
43
|
+
icon?: string;
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
declare const PrimaryButton: ({ title, size, onClick, disabled, iconPosition, textOnly, iconOnly, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -54,7 +55,7 @@ declare const CancelButton: ({ title, size, onClick, disabled, iconPosition, tex
|
|
|
54
55
|
|
|
55
56
|
declare const ApproveButton: ({ title, size, onClick, disabled, iconPosition, textOnly, iconOnly, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
56
57
|
|
|
57
|
-
declare const StartButton: ({ title, size, onClick, disabled, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
58
|
+
declare const StartButton: ({ title, size, onClick, disabled, icon, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
58
59
|
|
|
59
60
|
interface IFullCardProps {
|
|
60
61
|
backgroundColor?: string;
|
package/dist/index.js
CHANGED
|
@@ -1093,7 +1093,8 @@ var StartButton = ({
|
|
|
1093
1093
|
title,
|
|
1094
1094
|
size,
|
|
1095
1095
|
onClick,
|
|
1096
|
-
disabled
|
|
1096
|
+
disabled,
|
|
1097
|
+
icon
|
|
1097
1098
|
}) => {
|
|
1098
1099
|
const [loading, setLoading] = (0, import_react9.useState)(false);
|
|
1099
1100
|
const internalOnClick = (e) => __async(void 0, null, function* () {
|
|
@@ -1107,22 +1108,22 @@ var StartButton = ({
|
|
|
1107
1108
|
let currentHeightClassName;
|
|
1108
1109
|
let currentLoadingSize;
|
|
1109
1110
|
if (size === "small") {
|
|
1110
|
-
currentHeightClassName = "h-8";
|
|
1111
|
-
currentLoadingSize = 14;
|
|
1112
|
-
} else if (size === "medium") {
|
|
1113
1111
|
currentHeightClassName = "h-10";
|
|
1114
1112
|
currentLoadingSize = 16;
|
|
1115
|
-
} else if (size === "
|
|
1113
|
+
} else if (size === "medium") {
|
|
1116
1114
|
currentHeightClassName = "h-12";
|
|
1117
1115
|
currentLoadingSize = 18;
|
|
1116
|
+
} else if (size === "large") {
|
|
1117
|
+
currentHeightClassName = "h-14";
|
|
1118
|
+
currentLoadingSize = 20;
|
|
1118
1119
|
} else if (size === "unlimited") {
|
|
1119
|
-
|
|
1120
|
-
|
|
1120
|
+
currentHeightClassName = "h-10";
|
|
1121
|
+
currentLoadingSize = 16;
|
|
1121
1122
|
}
|
|
1122
1123
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1123
1124
|
"button",
|
|
1124
1125
|
{
|
|
1125
|
-
className: `px-8 py-2
|
|
1126
|
+
className: `px-8 py-2 bg-gradient-to-r from-catchup-green to-catchup-hover-green text-catchup-white font-bold text-lg rounded-catchup-full shadow-card ${loading ? "" : disabled ? "opacity-50" : "hover:from-catchup-hover-green hover:to-catchup-green hover:shadow-full-card hover:scale-105"} transition-all duration-300 transform ${currentHeightClassName || ""}`,
|
|
1126
1127
|
onClick: internalOnClick,
|
|
1127
1128
|
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1128
1129
|
BaseLoading_default,
|
|
@@ -1132,7 +1133,10 @@ var StartButton = ({
|
|
|
1132
1133
|
primaryColor: "#ffffff",
|
|
1133
1134
|
secondaryColor: "#ffffff"
|
|
1134
1135
|
}
|
|
1135
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime12.
|
|
1136
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-row justify-center items-center gap-x-2", children: [
|
|
1137
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: icon }) : null,
|
|
1138
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: title })
|
|
1139
|
+
] })
|
|
1136
1140
|
}
|
|
1137
1141
|
);
|
|
1138
1142
|
};
|