@lanaco/lnc-react-ui 4.0.222 → 4.0.223

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),f=require("react"),x=require("./Button.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),m=require("./index-B_ilx3wM.cjs"),p=h.styled.a`
+"use strict";const n=require("react/jsx-runtime"),h=require("react"),x=require("./Button.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),m=require("./index-B_ilx3wM.cjs"),p=u.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -82,7 +82,7 @@
       }
     }
   }
-`,y=f.forwardRef(({title:r,description:n,buttonText:i,imageUrl:l,backgroundColor:c="none",handleSelectCard:d=()=>{},handleButtonAction:g=()=>{},selectAction:e,LinkComponent:s},u)=>{const _=s||"a";return o.jsxs(p,{ref:u,backgroundImage:l,backgroundColor:c,onClick:d,as:_,...s?{to:`/${e}`}:{href:`/${e}`},children:[o.jsxs("div",{className:"section__text",children:[r&&o.jsx("div",{className:"section__title",children:r}),n&&o.jsx("div",{className:"section__description",children:n})]}),o.jsx(x,{text:i,onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),g()},borderRadius:"regular",color:"gray",className:"section__action"})]})}),v=h.styled.div`
+`,y=h.forwardRef(({title:r,description:o,buttonText:i,imageUrl:l,backgroundColor:c="none",handleSelectCard:d=()=>{},handleButtonAction:g=()=>{},selectAction:s,LinkComponent:e},f)=>{const _=e||"a";return n.jsxs(p,{ref:f,backgroundImage:l,backgroundColor:c,onClick:d,as:_,...e?{to:`/${s}`}:{href:`/${s}`},children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(x,{text:i,onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),g()},borderRadius:"regular",color:"gray",className:"section__action"})]})}),v=u.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -99,7 +99,7 @@
 
   & .section__items {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(${r=>r==null?void 0:r.numOfColumns}, 1fr);
     gap: 1rem;
     width: 100%;
   }
@@ -122,4 +122,4 @@
       grid-template-columns: 1fr;
     }
   }
-`,b=f.forwardRef(({title:r,items:n,isLoading:i=!1,onSelectCard:l=()=>{},onButtonAction:c=()=>{},LinkComponent:d},g)=>o.jsxs(v,{ref:g,children:[o.jsx("div",{className:"section__title",children:r}),o.jsx(m.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:o.jsx("div",{className:"section__items",children:n==null?void 0:n.map((e,s)=>o.jsx(y,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>l(e),handleButtonAction:()=>c(e),selectAction:e==null?void 0:e.selectAction,LinkComponent:d},`overlay-general-card__${s+1}`))})})]}));module.exports=b;
+`,b=h.forwardRef(({title:r,items:o,isLoading:i=!1,numOfColumns:l=4,onSelectCard:c=()=>{},onButtonAction:d=()=>{},LinkComponent:g},s)=>n.jsxs(v,{ref:s,numOfColumns:l,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx(m.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,f)=>n.jsx(y,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>c(e),handleButtonAction:()=>d(e),selectAction:e==null?void 0:e.selectAction,LinkComponent:g},`overlay-general-card__${f+1}`))})})]}));module.exports=b;

package/dist/OverlayGeneralCardsSection.js

@@ -1,10 +1,10 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import u from "./Button.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as i } from "./breakpoints-ff0SIcV3.js";
 import { S as p } from "./index-hC-E71GE.js";
-const x = m.a`
+const x = _.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -88,7 +88,7 @@ const x = m.a`
       }
     }
   }
-`, v = h(
+`, v = m(
   ({
     title: r,
     description: n,
@@ -99,23 +99,23 @@ const x = m.a`
     },
     handleButtonAction: f = () => {
     },
-    selectAction: e,
-    LinkComponent: a
-  }, _) => /* @__PURE__ */ g(
+    selectAction: a,
+    LinkComponent: e
+  }, g) => /* @__PURE__ */ h(
     x,
     {
-      ref: _,
+      ref: g,
       backgroundImage: l,
       backgroundColor: c,
       onClick: d,
-      as: a || "a",
-      ...a ? {
-        to: `/${e}`
+      as: e || "a",
+      ...e ? {
+        to: `/${a}`
       } : {
-        href: `/${e}`
+        href: `/${a}`
       },
       children: [
-        /* @__PURE__ */ g("div", { className: "section__text", children: [
+        /* @__PURE__ */ h("div", { className: "section__text", children: [
           r && /* @__PURE__ */ o("div", { className: "section__title", children: r }),
           n && /* @__PURE__ */ o("div", { className: "section__description", children: n })
         ] }),
@@ -134,7 +134,7 @@ const x = m.a`
       ]
     }
   )
-), y = m.div`
+), y = _.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -151,7 +151,7 @@ const x = m.a`
 
   & .section__items {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(${(r) => r == null ? void 0 : r.numOfColumns}, 1fr);
     gap: 1rem;
     width: 100%;
   }
@@ -174,24 +174,25 @@ const x = m.a`
       grid-template-columns: 1fr;
     }
   }
-`, N = h(
+`, N = m(
   ({
     title: r,
     items: n,
     isLoading: s = !1,
-    onSelectCard: l = () => {
+    numOfColumns: l = 4,
+    onSelectCard: c = () => {
     },
-    onButtonAction: c = () => {
+    onButtonAction: d = () => {
     },
-    LinkComponent: d
-  }, f) => /* @__PURE__ */ g(y, { ref: f, children: [
+    LinkComponent: f
+  }, a) => /* @__PURE__ */ h(y, { ref: a, numOfColumns: l, children: [
     /* @__PURE__ */ o("div", { className: "section__title", children: r }),
     /* @__PURE__ */ o(
       p,
       {
         isLoading: s,
         keyPrefix: "overlay-general-cards-skeleton",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, a) => /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, g) => /* @__PURE__ */ o(
           v,
           {
             title: e == null ? void 0 : e.title,
@@ -199,12 +200,12 @@ const x = m.a`
             imageUrl: e == null ? void 0 : e.imageUrl,
             buttonText: e == null ? void 0 : e.buttonText,
             backgroundColor: e == null ? void 0 : e.backgroundColor,
-            handleSelectCard: () => l(e),
-            handleButtonAction: () => c(e),
+            handleSelectCard: () => c(e),
+            handleButtonAction: () => d(e),
             selectAction: e == null ? void 0 : e.selectAction,
-            LinkComponent: d
+            LinkComponent: f
           },
-          `overlay-general-card__${a + 1}`
+          `overlay-general-card__${g + 1}`
         )) })
       }
     )

package/package.json

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