l-min-components 1.0.943 → 1.0.949

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.943",
+  "version": "1.0.949",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/dropdown component/dropdown.jsx

@@ -128,7 +128,7 @@ const DropDownComponent = (props) => {
                         setSelected(dropdownItem);
                         setDropdown();
                       }}>
-                      <span>{props?.findText(dropdownItem?.name)}</span>
+                      <span>{props?.findText ? props?.findText(dropdownItem?.name) : dropdownItem?.name}</span>
                       {(props?.valueSelect || selected) === dropdownItem && (
                         <Tick />
                       )}
@@ -147,7 +147,7 @@ const DropDownComponent = (props) => {
                       setSelected(dropdownItem);
                       setDropdown();
                     }}>
-                    <span>{props?.findText(dropdownItem?.name)}</span>
+                    <span>{props?.findText ? props?.findText(dropdownItem?.name) : dropdownItem?.name}</span>
                     {(props?.valueSelect || selected) === dropdownItem && (
                       <Tick />
                     )}

package/src/components/fullPageLoader/index.jsx

@@ -1,18 +1,18 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import Loader from './loader';
+import React from "react";
+import styled, { css } from "styled-components";
+import Loader from "./loader";
 
 /**
  * @param {{
-* loaderAsset: object,
-* isSectionLoader: boolean,
-* hasBackground: boolean,
-* fixed: boolean,
-* loaderHeight: number,
-* loaderWidth: number,
-* zIndex: number,
-* }} props - properties of the dropdown component
-*/
+ * loaderAsset: object,
+ * isSectionLoader: boolean,
+ * hasBackground: boolean,
+ * fixed: boolean,
+ * loaderHeight: number,
+ * loaderWidth: number,
+ * zIndex: number,
+ * }} props - properties of the dropdown component
+ */
 
 const Backdrop = styled.div`
   ${({ isSectionLoader, hasBackground, fixed, zIndex }) =>
@@ -24,12 +24,14 @@ const Backdrop = styled.div`
           background: transparent;
         `
       : css`
-          position: ${fixed ? 'fixed' : 'absolute'};
+          position: ${fixed ? "fixed" : "absolute"};
           top: 0;
           left: 0;
           width: 100vw;
           height: 100vh;
-          background: ${hasBackground ? 'rgba(110, 62, 62, 0.4)' : 'transparent'};
+          background: ${hasBackground
+            ? "rgba(110, 62, 62, 0.4)"
+            : "transparent"};
           z-index: ${zIndex};
         `}
 `;
@@ -45,7 +47,7 @@ const LoaderWrapper = styled.div`
           z-index: 10;
         `
       : css`
-          position: ${fixed ? 'fixed' : 'absolute'};
+          position: ${fixed ? "fixed" : "absolute"};
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
@@ -57,20 +59,32 @@ const LoaderWrapper = styled.div`
   }
 `;
 
-const FullPageLoader = ({ 
-  isSectionLoader = false, 
-  hasBackground = false,  
-  loaderAsset, 
-  fixed,  
+const FullPageLoader = ({
+  isSectionLoader = false,
+  hasBackground = false,
+  loaderAsset,
+  fixed,
   loaderWidth = 400,
   loaderHeight = 400,
-  zIndex = 999  
+  zIndex = 999999999999,
 }) => {
-
   return (
-    <Backdrop isSectionLoader={isSectionLoader} hasBackground={hasBackground} fixed={fixed} zIndex={zIndex}>
-      <LoaderWrapper isSectionLoader={isSectionLoader} fixed={fixed} zIndex={zIndex}>
-        <Loader loaderAsset={loaderAsset} width={loaderWidth} height={loaderHeight}/>
+    <Backdrop
+      isSectionLoader={isSectionLoader}
+      hasBackground={hasBackground}
+      fixed={fixed}
+      zIndex={zIndex}
+    >
+      <LoaderWrapper
+        isSectionLoader={isSectionLoader}
+        fixed={fixed}
+        zIndex={zIndex}
+      >
+        <Loader
+          loaderAsset={loaderAsset}
+          width={loaderWidth}
+          height={loaderHeight}
+        />
       </LoaderWrapper>
     </Backdrop>
   );

package/src/components/successCard/index.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import avatar from "./assets/Subtract.png";
 import { Card } from "./index.styled";
 import ButtonComponent from "../button";
+import ImageComponent from "../ImageComponent";
 
 /**
  * @param {{
@@ -13,7 +14,15 @@ import ButtonComponent from "../button";
 const SuccessCard = (props) => {
   return (
     <Card style={props.style}>
-      <img src={props.image || avatar} alt="Partying Face" />
+      <div className="img_wrap">
+        <ImageComponent
+          src={props.image || avatar}
+          width="150px"
+          height="185px"
+          alt="Partying Face"
+          style={{ objectFit: "contain" }}
+        />
+      </div>
       <h1>{props.title} </h1>
       <h2>{props.subtitle} </h2>
       <h6> {props.info} </h6>

package/src/components/successCard/index.styled.js

@@ -9,11 +9,13 @@ export const Card = styled.div`
   max-width: 458px;
   border-radius: 35px;
   text-align: center;
-
-  img {
+  .img_wrap {
     margin-bottom: 30px;
-    width: 166px;
+    display: flex;
+    justify-content: center;
+    width: 100%;
   }
+
   h1 {
     font-weight: 700;
     font-size: 22px;