@lanaco/lnc-react-ui 4.0.69 → 4.0.71

package/dist/OverlayGeneralCardsSection.js

@@ -1,23 +1,23 @@
-import { jsx as r, Fragment as i, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as g, Suspense as x, memo as v, useMemo as y } from "react";
+import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as g, Suspense as m } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as u } from "./consts-C1uHV4xc.js";
-import { R as k } from "./style-CsMpu4iC.js";
-import { t as w, m as b, k as $ } from "./utils-DCs-SbIv.js";
-import C from "./Button.js";
-import { useTheme as N } from "./ThemeProvider.js";
-const P = h.div`
+import { M as f } from "./consts-C1uHV4xc.js";
+import { R as x } from "./style-CsMpu4iC.js";
+import { t as v, m as y, k } from "./utils-DCs-SbIv.js";
+import w from "./Button.js";
+import { useTheme as b } from "./ThemeProvider.js";
+const $ = h.div`
   display: grid;
   grid-template-columns: ${(n) => `repeat(${n.limit}, 1fr)`};
   gap: 1.25rem;
   justify-items: center;
 
-  @media (max-width: ${u + "px"}) {
+  @media (max-width: ${f + "px"}) {
     display: flex;
     flex-direction: column;
     gap: 1rem;
   }
-`, f = h.div`
+`, u = h.div`
   width: 100%;
   overflow: hidden;
   position: relative;
@@ -58,7 +58,7 @@ const P = h.div`
 
     & .content-text-title {
       font-weight: 600;
-      ${w(2)}
+      ${v(2)}
     }
   }
 
@@ -70,7 +70,7 @@ const P = h.div`
   }
 
   & .img-skeleton {
-    background-color: ${b("-90deg")};
+    background-color: ${y("-90deg")};
     min-height: 28.75rem;
   }
 
@@ -80,7 +80,7 @@ const P = h.div`
     }
   }
 
-  @media (max-width: ${u + "px"}) {
+  @media (max-width: ${f + "px"}) {
     & img,
     .img.skeleton {
       aspect-ratio: unset;
@@ -88,57 +88,57 @@ const P = h.div`
       max-height: 28.75rem;
     }
   }
-`, S = g(({}, n) => /* @__PURE__ */ r(f, { ref: n, children: /* @__PURE__ */ r("div", { className: "img-skeleton" }) })), _ = ({ limit: n = 2, isLoading: o = !1, keyPrefix: t }) => /* @__PURE__ */ r(i, { children: Array.from({ length: n }, (l, a) => /* @__PURE__ */ r(
-  S,
+`, C = g(({}, n) => /* @__PURE__ */ r(u, { ref: n, children: /* @__PURE__ */ r("div", { className: "img-skeleton" }) })), N = ({ limit: n = 2, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: n }, (l, a) => /* @__PURE__ */ r(
+  C,
   {
-    isLoading: o
+    isLoading: t
   },
-  `${t}-skeleton-product-card-${a}`
-)) }), j = ({
+  `${o}-skeleton-product-card-${a}`
+)) }), S = ({
   children: n,
-  fallbackComponent: o = /* @__PURE__ */ r(i, {}),
-  isLoading: t = !1,
+  fallbackComponent: t = /* @__PURE__ */ r(p, {}),
+  isLoading: o = !1,
   limit: l,
   keyPrefix: a
-}) => /* @__PURE__ */ r(x, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ r(
-  _,
+}) => /* @__PURE__ */ r(m, { fallbackComponent: t, children: o === !0 ? /* @__PURE__ */ r(
+  N,
   {
-    isLoading: t,
+    isLoading: o,
     limit: l,
     keyPrefix: a
   }
-) : n }), G = g(
+) : n }), _ = g(
   ({
     title: n,
-    image: o,
-    backgroundColor: t,
+    image: t,
+    backgroundColor: o,
     description: l,
     buttonText: a,
-    handleClick: d = () => {
+    handleClick: c = () => {
     },
-    onButtonAction: s = () => {
+    onButtonAction: d = () => {
     }
-  }, p) => {
-    const { theme: e } = N();
-    return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ c(
-      f,
+  }, e) => {
+    const { theme: s } = b();
+    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ i(
+      u,
       {
-        ref: p,
-        theme: e,
-        overlay: t,
-        onClick: d,
+        ref: e,
+        theme: s,
+        overlay: o,
+        onClick: c,
         children: [
-          /* @__PURE__ */ r("img", { src: o }),
-          /* @__PURE__ */ c("div", { className: "content-wrapper", children: [
-            /* @__PURE__ */ c("div", { className: "content-text", children: [
+          /* @__PURE__ */ r("img", { src: t }),
+          /* @__PURE__ */ i("div", { className: "content-wrapper", children: [
+            /* @__PURE__ */ i("div", { className: "content-text", children: [
               /* @__PURE__ */ r("div", { children: n }),
               /* @__PURE__ */ r("div", { className: "content-text-title", children: l })
             ] }),
-            $(a) && /* @__PURE__ */ r(
-              C,
+            k(a) && /* @__PURE__ */ r(
+              w,
               {
                 text: a,
-                onClick: s,
+                onClick: d,
                 className: "text__action",
                 size: "medium",
                 color: "gray"
@@ -149,37 +149,41 @@ const P = h.div`
       }
     ) });
   }
-), O = v(G), L = g(
-  ({ title: n, items: o, limit: t = 2, onSelectCard: l = () => {
-  }, isLoading: a = !1, onButtonAction: d = () => {
-  } }, s) => {
-    const p = y(() => /* @__PURE__ */ r(i, { children: o && (o == null ? void 0 : o.map((e, m) => /* @__PURE__ */ r(
-      O,
+), E = g(
+  ({
+    title: n,
+    items: t,
+    limit: o = 2,
+    onSelectCard: l = () => {
+    },
+    isLoading: a = !1,
+    onButtonAction: c = () => {
+    }
+  }, d) => /* @__PURE__ */ i(x, { ref: d, children: [
+    /* @__PURE__ */ r("div", { className: "regular-title center", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: n }) }) }),
+    /* @__PURE__ */ r($, { limit: o, children: /* @__PURE__ */ r(
+      S,
       {
-        title: e == null ? void 0 : e.title,
-        image: e == null ? void 0 : e.imageUrl,
-        description: e == null ? void 0 : e.description,
-        buttonText: e == null ? void 0 : e.buttonText,
-        backgroundColor: e == null ? void 0 : e.backgroundColor,
-        handleClick: () => l(e == null ? void 0 : e.selectAction, e),
-        onButtonAction: () => d(e == null ? void 0 : e.buttonLink, e)
-      },
-      `landing-page-overlay-general-card__${m + 1}`
-    ))) }), [o, l]);
-    return /* @__PURE__ */ c(k, { ref: s, children: [
-      /* @__PURE__ */ r("div", { className: "regular-title center", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: n }) }) }),
-      /* @__PURE__ */ r(P, { limit: t, children: /* @__PURE__ */ r(
-        j,
-        {
-          isLoading: a,
-          limit: t,
-          keyPrefix: "explore-landing",
-          children: p
-        }
-      ) })
-    ] });
-  }
+        isLoading: a,
+        limit: o,
+        keyPrefix: "explore-landing",
+        children: t == null ? void 0 : t.map((e, s) => /* @__PURE__ */ r(
+          _,
+          {
+            title: e == null ? void 0 : e.title,
+            image: e == null ? void 0 : e.imageUrl,
+            description: e == null ? void 0 : e.description,
+            buttonText: e == null ? void 0 : e.buttonText,
+            backgroundColor: e == null ? void 0 : e.backgroundColor,
+            handleClick: () => l(e == null ? void 0 : e.selectAction, e),
+            onButtonAction: () => c(e == null ? void 0 : e.buttonLink, e)
+          },
+          `landing-page-overlay-general-card__${s + 1}`
+        ))
+      }
+    ) })
+  ] })
 );
 export {
-  L as default
+  E as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.69",
+  "version": "4.0.71",
   "description": "React component library",
   "type": "module",
   "keywords": [