qlu-20-ui-library 1.10.5 → 1.10.6

package/dist/build/qlu-20-ui-library.js

@@ -41621,14 +41621,15 @@ const nte = ({
   iconSize: e = "24",
   className: n,
   altImageType: r = "profile",
-  key: i
+  key: i,
+  lazy: s = !1
 }) => {
-  const [s, a] = te(!1);
+  const [a, l] = te(!1);
   de(() => {
-    a(!t);
+    l(!t);
   }, [t]);
-  const l = (c) => c === "profile" ? /* @__PURE__ */ o.jsx(s8, { width: e, height: e }) : c === "company" ? /* @__PURE__ */ o.jsx(q6, { width: e, height: e }) : c === "education" ? /* @__PURE__ */ o.jsx(L5, { width: e, height: e }) : c === "companyPlaceholderAvatar" ? /* @__PURE__ */ o.jsx(Jp, { width: e, height: e }) : c === "profilePlaceholderAvatar" ? /* @__PURE__ */ o.jsx(Xp, { width: e, height: e }) : /* @__PURE__ */ o.jsx(s8, { width: e, height: e });
-  return s ? /* @__PURE__ */ o.jsx(
+  const c = (u) => u === "profile" ? /* @__PURE__ */ o.jsx(s8, { width: e, height: e }) : u === "company" ? /* @__PURE__ */ o.jsx(q6, { width: e, height: e }) : u === "education" ? /* @__PURE__ */ o.jsx(L5, { width: e, height: e }) : u === "companyPlaceholderAvatar" ? /* @__PURE__ */ o.jsx(Jp, { width: e, height: e }) : u === "profilePlaceholderAvatar" ? /* @__PURE__ */ o.jsx(Xp, { width: e, height: e }) : /* @__PURE__ */ o.jsx(s8, { width: e, height: e });
+  return a ? /* @__PURE__ */ o.jsx(
     "div",
     {
       style: {
@@ -41636,7 +41637,7 @@ const nte = ({
         height: e + "px"
       },
       className: "placeholder",
-      children: l(r)
+      children: c(r)
     }
   ) : /* @__PURE__ */ o.jsx(
     "img",
@@ -41645,8 +41646,9 @@ const nte = ({
       width: e,
       height: e,
       src: t,
+      loading: s ? "lazy" : "eager",
       onError: () => {
-        console.log("ERROR OCCURED"), a(!0);
+        console.log("ERROR OCCURED"), l(!0);
       }
     },
     i

package/dist/components/CircularIcon/index.d.ts

@@ -7,6 +7,7 @@ interface CircularIconProps {
     altImageType?: string;
     rerenderTrigger?: boolean;
     key?: string;
+    lazy?: boolean;
 }
-declare const CircularIcon: ({ iconPath, iconSize, className, altImageType, key, }: CircularIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const CircularIcon: ({ iconPath, iconSize, className, altImageType, key, lazy, }: CircularIconProps) => import("react/jsx-runtime").JSX.Element;
 export default CircularIcon;

package/dist/types/components/CircularIcon/index.d.ts

@@ -8,6 +8,7 @@ interface CircularIconProps {
     altImageType?: string;
     rerenderTrigger?: boolean;
     key?: string;
+    lazy?: boolean;
 }
-declare const CircularIcon: ({ iconPath, iconSize, className, altImageType, key, }: CircularIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const CircularIcon: ({ iconPath, iconSize, className, altImageType, key, lazy, }: CircularIconProps) => import("react/jsx-runtime").JSX.Element;
 export default CircularIcon;

package/dist/types/components/CircularIcon/index.js

@@ -6,7 +6,7 @@ import Company from "../Svg/Company";
 import { useEffect, useState } from "react";
 import CompanyPlaceholderAvatar from "../Svg/CompanyPlaceholderAvatar";
 import ProfilePlaceholderAvatar from "../Svg/ProfilePlaceholderAvatar";
-const CircularIcon = ({ iconPath = "", iconSize = "24", className, altImageType = "profile", key, }) => {
+const CircularIcon = ({ iconPath = "", iconSize = "24", className, altImageType = "profile", key, lazy = false, }) => {
     const [error, setError] = useState(false);
     useEffect(() => {
         if (!iconPath) {
@@ -35,7 +35,7 @@ const CircularIcon = ({ iconPath = "", iconSize = "24", className, altImageType
         return _jsx(User, { width: iconSize, height: iconSize });
     };
     if (!error) {
-        return (_jsx("img", { className: `circularIcon ${className ? ` ${className}` : ""}`, width: iconSize, height: iconSize, src: iconPath, onError: () => {
+        return (_jsx("img", { className: `circularIcon ${className ? ` ${className}` : ""}`, width: iconSize, height: iconSize, src: iconPath, loading: lazy ? "lazy" : "eager", onError: () => {
                 console.log("ERROR OCCURED");
                 setError(true);
             } }, key));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qlu-20-ui-library",
-  "version": "1.10.5",
+  "version": "1.10.6",
   "type": "module",
   "scripts": {
     "dev": "vite",