@lanaco/lnc-react-ui 4.0.108 → 4.0.109

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),b=require("./Icon.cjs"),w=require("./IconButton.cjs"),v=require("./Chip.cjs"),c=require("./utils-CZynEOC_.cjs"),N=require("./index-BvSNRLNa.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-CtcwWswP.cjs"),q=y.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),w=require("./Icon.cjs"),y=require("./IconButton.cjs"),N=require("./Chip.cjs"),o=require("./utils-CZynEOC_.cjs"),k=require("./index-BvSNRLNa.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-CtcwWswP.cjs"),q=j.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -43,7 +43,7 @@
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${c.truncateTextInRows(3)}
+        ${o.truncateTextInRows(3)}
       }
 
       & .wrapper__tags {
@@ -117,7 +117,7 @@
       }
     }
   }
-`,I=o.forwardRef(({title:d,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:m=0,numberOfComments:p=0,onSelectCard:g=()=>{},onSelectOption:_=()=>{},onBookmark:f=()=>{},onShare:e=()=>{}},h)=>r.jsxs(q,{onClick:g,children:[r.jsx(N.ProductImageWrapper,{src:s,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:d}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,j)=>r.jsx(v,{label:t==null?void 0:t.name,color:t==null?void 0:t.color,className:"wrapper__tag",onClick:u=>{u==null||u.stopPropagation(),_(t==null?void 0:t.code)}},`blog-card-sponsored-option__${j+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(a)} • ${c.formatString(n,l)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(m)]}),r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(p)]})]})]}),r.jsxs("div",{className:"info__content",children:[r.jsx(w,{icon:" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),f()}}),r.jsx(w,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}})]})]})]})]})),z=y.styled.div`
+`,I=c.forwardRef(({title:d,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:m=0,numberOfComments:p=0,isBookmarked:g=!1,onSelectCard:h=()=>{},onSelectOption:f=()=>{},onBookmark:e=()=>{},onShare:u=()=>{}},b)=>r.jsxs(q,{onClick:h,children:[r.jsx(k.ProductImageWrapper,{src:s,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:d}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,v)=>r.jsx(N,{label:t==null?void 0:t.name,color:t==null?void 0:t.color,className:"wrapper__tag",onClick:_=>{_==null||_.stopPropagation(),f(t==null?void 0:t.code)}},`blog-card-sponsored-option__${v+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${o.formatLocaleDateString(a)} • ${o.formatString(n,l)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),o.getRoundedNumber(m)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),o.getRoundedNumber(p)]})]})]}),r.jsxs("div",{className:"info__content",children:[r.jsx(y,{icon:g?" mng-lnc-bookmark--filled":" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}}),r.jsx(y,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),u()}})]})]})]})]})),z=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -139,4 +139,4 @@
       bottom: -0.75rem;
     }
   }
-`,k=o.memo(I),C=o.forwardRef(({timeToReadText:d="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:m=!1,getImage:p=()=>{},isSeparated:g=!0},_)=>{const f=o.useMemo(()=>s==null?void 0:s.map((e,h)=>r.jsx(k,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:d,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>i==null?void 0:i(e),onSelectOption:t=>a==null?void 0:a(t),onShare:()=>n==null?void 0:n(e),onBookmark:()=>l==null?void 0:l(e),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${h+1}`)),[s]);return r.jsx(z,{className:g?"separated":"",children:r.jsx(R.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:f})})});module.exports=C;
+`,C=c.memo(I),L=c.forwardRef(({timeToReadText:d="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:m=!1,getImage:p=()=>{},isSeparated:g=!0},h)=>{const f=c.useMemo(()=>s==null?void 0:s.map((e,u)=>r.jsx(C,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:d,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,isBookmarked:e==null?void 0:e.isBookmarked,onSelectCard:()=>i==null?void 0:i(e),onSelectOption:b=>a==null?void 0:a(b),onShare:()=>n==null?void 0:n(e),onBookmark:()=>l==null?void 0:l(e),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${u+1}`)),[s]);return r.jsx(z,{className:g?"separated":"",children:r.jsx(R.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:f})})});module.exports=L;

package/dist/BlogListSection.js

@@ -1,13 +1,13 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as v, memo as z, useMemo as I } from "react";
-import h from "./Icon.js";
-import b from "./IconButton.js";
+import { forwardRef as y, memo as z, useMemo as I } from "react";
+import b from "./Icon.js";
+import w from "./IconButton.js";
 import R from "./Chip.js";
-import { p as j, s as k, v as C, w } from "./utils-BbgAIA9N.js";
-import { P } from "./index-YGcWbzeb.js";
-import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { S as $ } from "./suspense-large-BM9s_kZP.js";
-const L = y.div`
+import { p as j, s as C, v as P, w as v } from "./utils-BbgAIA9N.js";
+import { P as $ } from "./index-YGcWbzeb.js";
+import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { S as B } from "./suspense-large-BM9s_kZP.js";
+const L = N.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -126,7 +126,7 @@ const L = y.div`
       }
     }
   }
-`, T = v(
+`, T = y(
   ({
     title: m,
     imageUrl: n,
@@ -136,70 +136,71 @@ const L = y.div`
     timeToRead: o = 0,
     numberOfLikes: c = 0,
     numberOfComments: d = 0,
-    onSelectCard: p = () => {
+    isBookmarked: p = !1,
+    onSelectCard: _ = () => {
     },
-    onSelectOption: u = () => {
+    onSelectOption: f = () => {
     },
-    onBookmark: f = () => {
+    onBookmark: e = () => {
     },
-    onShare: e = () => {
+    onShare: g = () => {
     }
-  }, _) => /* @__PURE__ */ i(L, { onClick: p, children: [
-    /* @__PURE__ */ t(P, { src: n, className: "wrapper__image" }),
+  }, h) => /* @__PURE__ */ i(L, { onClick: _, children: [
+    /* @__PURE__ */ t($, { src: n, className: "wrapper__image" }),
     /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
         /* @__PURE__ */ t("div", { className: "wrapper__title", children: m }),
-        /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, N) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, k) => /* @__PURE__ */ t(
           R,
           {
             label: r == null ? void 0 : r.name,
             color: r == null ? void 0 : r.color,
             className: "wrapper__tag",
-            onClick: (g) => {
-              g == null || g.stopPropagation(), u(r == null ? void 0 : r.code);
+            onClick: (u) => {
+              u == null || u.stopPropagation(), f(r == null ? void 0 : r.code);
             }
           },
-          `blog-card-sponsored-option__${N + 1}`
+          `blog-card-sponsored-option__${k + 1}`
         ))) })
       ] }),
       /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
         /* @__PURE__ */ i("div", { className: "info__content", children: [
-          /* @__PURE__ */ t("div", { className: "info__text", children: `${k(
+          /* @__PURE__ */ t("div", { className: "info__text", children: `${C(
             l
-          )} • ${C(s, o)}` }),
+          )} • ${P(s, o)}` }),
           /* @__PURE__ */ i("div", { className: "info__text", children: [
             /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(h, { icon: " mng-lnc-thumbs-up", sizeInUnits: "1rem" }),
-              w(c)
+              /* @__PURE__ */ t(b, { icon: " mng-lnc-thumbs-up", sizeInUnits: "1rem" }),
+              v(c)
             ] }),
             /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(h, { icon: " mng-lnc-messages", sizeInUnits: "1rem" }),
-              w(d)
+              /* @__PURE__ */ t(b, { icon: " mng-lnc-messages", sizeInUnits: "1rem" }),
+              v(d)
             ] })
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: "info__content", children: [
           /* @__PURE__ */ t(
-            b,
+            w,
             {
-              icon: " mng-lnc-bookmark",
+              icon: p ? " mng-lnc-bookmark--filled" : " mng-lnc-bookmark",
               borderRadius: "curved",
               btnType: "basic",
               color: "neutral",
               onClick: (r) => {
-                r == null || r.stopPropagation(), f();
+                r == null || r.stopPropagation(), e();
               }
             }
           ),
           /* @__PURE__ */ t(
-            b,
+            w,
             {
               icon: " mng-lnc-share",
               borderRadius: "curved",
               btnType: "basic",
               color: "neutral",
               onClick: (r) => {
-                r == null || r.stopPropagation(), e();
+                r == null || r.stopPropagation(), g();
               }
             }
           )
@@ -207,7 +208,7 @@ const L = y.div`
       ] })
     ] })
   ] })
-), U = y.div`
+), U = N.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -229,7 +230,7 @@ const L = y.div`
       bottom: -0.75rem;
     }
   }
-`, B = z(T), H = v(
+`, W = z(T), J = y(
   ({
     timeToReadText: m = "{0} min read",
     items: n,
@@ -245,9 +246,9 @@ const L = y.div`
     getImage: d = () => {
     },
     isSeparated: p = !0
-  }, u) => {
-    const f = I(() => n == null ? void 0 : n.map((e, _) => /* @__PURE__ */ t(
-      B,
+  }, _) => {
+    const f = I(() => n == null ? void 0 : n.map((e, g) => /* @__PURE__ */ t(
+      W,
       {
         title: e == null ? void 0 : e.title,
         titleSlug: e == null ? void 0 : e.titleSlug,
@@ -258,16 +259,17 @@ const L = y.div`
         numberOfLikes: e == null ? void 0 : e.numberOfLikes,
         numberOfComments: e == null ? void 0 : e.numberOfComments,
         isSponsored: e == null ? void 0 : e.isSponsored,
+        isBookmarked: e == null ? void 0 : e.isBookmarked,
         onSelectCard: () => a == null ? void 0 : a(e),
-        onSelectOption: (r) => l == null ? void 0 : l(r),
+        onSelectOption: (h) => l == null ? void 0 : l(h),
         onShare: () => s == null ? void 0 : s(e),
         onBookmark: () => o == null ? void 0 : o(e),
         imageUrl: d(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
       },
-      `blog-card-item__${_ + 1}`
+      `blog-card-item__${g + 1}`
     )), [n]);
     return /* @__PURE__ */ t(U, { className: p ? "separated" : "", children: /* @__PURE__ */ t(
-      $,
+      B,
       {
         isLoading: c,
         limit: 5,
@@ -278,5 +280,5 @@ const L = y.div`
   }
 );
 export {
-  H as default
+  J as default
 };

package/package.json

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