catchup-library-web 1.1.6 → 1.1.8

package/dist/index.js

@@ -284,6 +284,7 @@ var BaseImage = (props) => {
     dataToolTipVariant,
     dataToolTipHTML
   } = props;
+  const [key, setKey] = (0, import_react.useState)((/* @__PURE__ */ new Date()).getTime());
   const [loading, setLoading] = (0, import_react.useState)(false);
   const handleOnClick = (e) => {
     e.preventDefault();
@@ -345,7 +346,8 @@ var BaseImage = (props) => {
           "data-tooltip-html": dataToolTipHTML
         }
       )
-    }
+    },
+    key
   );
 };
 var BaseImage_default = BaseImage;
@@ -6001,7 +6003,7 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-    showType ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    showType ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "mb-4", children: [
       showDescription ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         SelectionBox_default,

package/dist/index.mjs

@@ -110,6 +110,7 @@ var BaseImage = (props) => {
     dataToolTipVariant,
     dataToolTipHTML
   } = props;
+  const [key, setKey] = useState((/* @__PURE__ */ new Date()).getTime());
   const [loading, setLoading] = useState(false);
   const handleOnClick = (e) => {
     e.preventDefault();
@@ -171,7 +172,8 @@ var BaseImage = (props) => {
           "data-tooltip-html": dataToolTipHTML
         }
       )
-    }
+    },
+    key
   );
 };
 var BaseImage_default = BaseImage;
@@ -5745,7 +5747,7 @@ var SelectionBox = ({
 var SelectionBox_default = SelectionBox;
 
 // src/components/activities/ActivityPreviewByData.tsx
-import { Fragment as Fragment9, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 var ActivityPreviewByData = ({
   data,
   showType,
@@ -5827,7 +5829,7 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ jsxs32("div", { children: [
-    showType ? /* @__PURE__ */ jsxs32(Fragment9, { children: [
+    showType ? /* @__PURE__ */ jsxs32("div", { className: "mb-4", children: [
       showDescription ? /* @__PURE__ */ jsx41("div", { className: "my-2", children: /* @__PURE__ */ jsx41("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
       /* @__PURE__ */ jsx41(
         SelectionBox_default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/activities/ActivityPreviewByData.tsx

@@ -105,7 +105,7 @@ const ActivityPreviewByData = ({
   return (
     <div key={key}>
       {showType ? (
-        <>
+        <div className="mb-4">
           {showDescription ? (
             <div className="my-2">
               <p className="font-semibold text-lg">
@@ -121,7 +121,7 @@ const ActivityPreviewByData = ({
               setSelectedType(itemId);
             }}
           />
-        </>
+        </div>
       ) : null}
       {selectedType ? (
         <div key={selectedType} className="">

package/src/components/images/BaseImage.tsx

@@ -20,6 +20,7 @@ const BaseImage = (props: IBaseImageProps) => {
     dataToolTipVariant,
     dataToolTipHTML,
   } = props;
+  const [key, setKey] = useState(new Date().getTime());
   const [loading, setLoading] = useState(false);
 
   const handleOnClick = (e: any) => {
@@ -69,6 +70,7 @@ const BaseImage = (props: IBaseImageProps) => {
     <BaseLoading size="small" primaryColor="#57C2D3" secondaryColor="#57C2D3" />
   ) : (
     <div
+      key={key}
       className={`${currentWidthClassName ? currentWidthClassName : ""} ${
         currentHeightClassName ? currentHeightClassName : ""
       } ${currentClassName ? currentClassName : ""} cursor-pointer`}