catchup-library-web 1.4.4 → 1.4.6

package/dist/index.js

@@ -346,9 +346,9 @@ var BaseImage = (props) => {
     currentHeightClassName = heightClassName;
   }
   return loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BaseLoading_default, { size: "small", primaryColor: "#57C2D3", secondaryColor: "#57C2D3" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
+    "span",
     {
-      className: `${currentWidthClassName ? currentWidthClassName : ""} ${currentHeightClassName ? currentHeightClassName : ""} ${currentClassName ? currentClassName : ""} cursor-pointer`,
+      className: `${currentWidthClassName ? currentWidthClassName : ""} ${currentHeightClassName ? currentHeightClassName : ""} ${currentClassName ? currentClassName : ""} cursor-pointer inline-block`,
       onClick: handleOnClick,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "img",
@@ -426,7 +426,7 @@ var PrimaryButton = ({
         iconPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           BaseImage_default,
           {
-            src: "/icons/new/primary-button-arrow-left.webp",
+            src: "/icons/primary-button-arrow-left.webp",
             alt: "arrow-left",
             size: "xsmall"
           }
@@ -509,7 +509,7 @@ var SecondaryButton = ({
         iconPosition === "left" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           BaseImage_default,
           {
-            src: "/icons/new/secondary-button-arrow-left.webp",
+            src: "/icons/secondary-button-arrow-left.webp",
             alt: "arrow-left",
             size: "xsmall"
           }
@@ -6750,7 +6750,7 @@ var SelectionTabFill = ({
   selectedId,
   handleSelectOnClick
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-full flex flex-row bg-catchup-gray-50 gap-x-2 rounded-catchup-medium px-4 py-2 justify-center text-center", children: optionList.map((option) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-full flex flex-row bg-catchup-gray-50 gap-x-2 rounded-catchup-medium px-4 py-2 justify-center text-center", children: optionList.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       className: "cursor-pointer",
@@ -6764,7 +6764,8 @@ var SelectionTabFill = ({
           children: option.title
         }
       )
-    }
+    },
+    index
   )) });
 };
 var SelectionTabFill_default = SelectionTabFill;

package/dist/index.mjs

@@ -156,9 +156,9 @@ var BaseImage = (props) => {
     currentHeightClassName = heightClassName;
   }
   return loading ? /* @__PURE__ */ jsx2(BaseLoading_default, { size: "small", primaryColor: "#57C2D3", secondaryColor: "#57C2D3" }) : /* @__PURE__ */ jsx2(
-    "div",
+    "span",
     {
-      className: `${currentWidthClassName ? currentWidthClassName : ""} ${currentHeightClassName ? currentHeightClassName : ""} ${currentClassName ? currentClassName : ""} cursor-pointer`,
+      className: `${currentWidthClassName ? currentWidthClassName : ""} ${currentHeightClassName ? currentHeightClassName : ""} ${currentClassName ? currentClassName : ""} cursor-pointer inline-block`,
       onClick: handleOnClick,
       children: /* @__PURE__ */ jsx2(
         "img",
@@ -236,7 +236,7 @@ var PrimaryButton = ({
         iconPosition === "left" ? /* @__PURE__ */ jsx3(
           BaseImage_default,
           {
-            src: "/icons/new/primary-button-arrow-left.webp",
+            src: "/icons/primary-button-arrow-left.webp",
             alt: "arrow-left",
             size: "xsmall"
           }
@@ -319,7 +319,7 @@ var SecondaryButton = ({
         iconPosition === "left" ? /* @__PURE__ */ jsx4(
           BaseImage_default,
           {
-            src: "/icons/new/secondary-button-arrow-left.webp",
+            src: "/icons/secondary-button-arrow-left.webp",
             alt: "arrow-left",
             size: "xsmall"
           }
@@ -6560,7 +6560,7 @@ var SelectionTabFill = ({
   selectedId,
   handleSelectOnClick
 }) => {
-  return /* @__PURE__ */ jsx47("div", { className: "w-full flex flex-row bg-catchup-gray-50 gap-x-2 rounded-catchup-medium px-4 py-2 justify-center text-center", children: optionList.map((option) => /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx47("div", { className: "w-full flex flex-row bg-catchup-gray-50 gap-x-2 rounded-catchup-medium px-4 py-2 justify-center text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx47(
     "div",
     {
       className: "cursor-pointer",
@@ -6574,7 +6574,8 @@ var SelectionTabFill = ({
           children: option.title
         }
       )
-    }
+    },
+    index
   )) });
 };
 var SelectionTabFill_default = SelectionTabFill;

package/package.json

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

package/src/components/buttons/PrimaryButton.tsx

@@ -64,7 +64,7 @@ const PrimaryButton = ({
         <div className="flex flex-row justify-center items-center gap-x-2 px-4">
           {iconPosition === "left" ? (
             <BaseImage
-              src="/icons/new/primary-button-arrow-left.webp"
+              src="/icons/primary-button-arrow-left.webp"
               alt="arrow-left"
               size="xsmall"
             />

package/src/components/buttons/SecondaryButton.tsx

@@ -71,7 +71,7 @@ const SecondaryButton = ({
         <div className="flex flex-row justify-center items-center gap-x-2 px-4">
           {iconPosition === "left" ? (
             <BaseImage
-              src="/icons/new/secondary-button-arrow-left.webp"
+              src="/icons/secondary-button-arrow-left.webp"
               alt="arrow-left"
               size="xsmall"
             />

package/src/components/images/BaseImage.tsx

@@ -72,11 +72,13 @@ const BaseImage = (props: IBaseImageProps) => {
   return loading ? (
     <BaseLoading size="small" primaryColor="#57C2D3" secondaryColor="#57C2D3" />
   ) : (
-    <div
+    <span
       key={key}
       className={`${currentWidthClassName ? currentWidthClassName : ""} ${
         currentHeightClassName ? currentHeightClassName : ""
-      } ${currentClassName ? currentClassName : ""} cursor-pointer`}
+      } ${
+        currentClassName ? currentClassName : ""
+      } cursor-pointer inline-block`}
       onClick={handleOnClick}
     >
       <img
@@ -91,7 +93,7 @@ const BaseImage = (props: IBaseImageProps) => {
         data-tooltip-variant={dataToolTipVariant}
         data-tooltip-html={dataToolTipHTML}
       />
-    </div>
+    </span>
   );
 };
 

package/src/components/tabs/SelectionTabFill.tsx

@@ -7,8 +7,9 @@ const SelectionTabFill = ({
 }: ISelectionTabProps) => {
   return (
     <div className="w-full flex flex-row bg-catchup-gray-50 gap-x-2 rounded-catchup-medium px-4 py-2 justify-center text-center">
-      {optionList.map((option: any) => (
+      {optionList.map((option: any, index: number) => (
         <div
+          key={index}
           className="cursor-pointer"
           onClick={() => {
             handleSelectOnClick(option.id);