@lanaco/lnc-react-ui 4.0.225 → 4.0.227

package/dist/BlogsSectionSimpleCentered.js

@@ -1,31 +1,31 @@
-import { jsxs as b, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { forwardRef as S, useRef as y, Suspense as $ } from "react";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as l } from "./breakpoints-ff0SIcV3.js";
-import { u as v } from "./useDetectMobile-CcVo3PNi.js";
-import { n as R } from "./utils-B2fsQ6PS.js";
+import { jsxs as h, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as w, useRef as S, Suspense as y } from "react";
+import { s as f } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as s } from "./breakpoints-BubDitvo.js";
+import { u as $ } from "./useDetectMobile-B0Jog4jQ.js";
+import { n as v } from "./utils-MoGhNMmj.js";
 import T from "./Button.js";
-import { P as B } from "./index-BvMY2TbK.js";
-import { S as W, a as u } from "./style-BwQ4djFC.js";
-const j = h.div`
+import { P as R } from "./index-DEypPQRI.js";
+import { S as B, a as j } from "./style-BFPpppS9.js";
+const z = f.div`
   display: grid;
-  grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
   margin: auto;
   width: fit-content;
 
-  @media ${l("M")} {
+  @media ${s("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${l("S")} {
+  @media ${s("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${l("XS")} {
+  @media ${s("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`, z = h.a`
+`, N = f.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -63,10 +63,10 @@ const j = h.div`
     object-fit: cover;
   }
 
-  @media ${l("S")} {
+  @media ${s("S")} {
     max-width: unset;
   }
-`, L = h.div`
+`, W = f.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -87,36 +87,36 @@ const j = h.div`
     font-weight: 400;
     line-height: 1.25rem;
     letter-spacing: 0.0156rem;
-    ${R(3)}
+    ${v(3)}
   }
-`, w = S((r, s) => {
+`, C = w((n, o) => {
   const {
-    title: n,
-    image: o,
-    text: d,
-    buttonText: f,
-    onCardClick: c,
+    title: r,
+    image: a,
+    text: c,
+    buttonText: u,
+    onCardClick: d,
     metadata: i,
     link: p,
     LinkComponent: e
-  } = r, m = e || "a", g = y(), a = (k) => {
-    c(k, g);
+  } = n, m = e || "a", g = S(), l = (k) => {
+    d(k, g);
   };
-  return /* @__PURE__ */ b(
-    z,
+  return /* @__PURE__ */ h(
+    N,
     {
       ref: g,
       name: i == null ? void 0 : i.name,
       "data-accessor": i == null ? void 0 : i.accessor,
       className: "blog-card",
-      onClick: a,
+      onClick: l,
       as: m,
       ...e ? { to: `/${p}` } : { href: `/${p}` },
       children: [
-        /* @__PURE__ */ t(B, { src: o }),
-        /* @__PURE__ */ b(L, { children: [
-          /* @__PURE__ */ t("div", { className: "text-wr-title", children: n }),
-          /* @__PURE__ */ t("div", { className: "text-wr", children: d })
+        /* @__PURE__ */ t(R, { src: a }),
+        /* @__PURE__ */ h(W, { children: [
+          /* @__PURE__ */ t("div", { className: "text-wr-title", children: r }),
+          /* @__PURE__ */ t("div", { className: "text-wr", children: c })
         ] }),
         /* @__PURE__ */ t(
           T,
@@ -125,101 +125,67 @@ const j = h.div`
             color: "gray",
             type: "button",
             btnType: "outline",
-            onClick: a,
+            onClick: l,
             size: "medium",
-            children: f
+            children: u
           }
         )
       ]
     }
   );
-}), N = h(W)`
-  @media ${l("S")} {
+}), I = f(B)`
+  @media ${s("S")} {
     flex-direction: column;
-
-    & > div {
-      width: 100%;
-
-      background: linear-gradient(
-        to right,
-        transparent 0%,
-        #f4f6fb 40%,
-        #f4f6fb 100%
-      );
-
-      box-shadow: none;
-    }
   }
-`, I = ({ keyPrefix: r }) => /* @__PURE__ */ b(N, { justifyContent: "center", alignItems: "center", children: [
-  /* @__PURE__ */ t(
-    u,
-    {
-      height: "24.75rem",
-      width: "18.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-1`
-  ),
-  /* @__PURE__ */ t(
-    u,
-    {
-      height: "24.75rem",
-      width: "18.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-2`
-  ),
-  /* @__PURE__ */ t(
-    u,
-    {
-      height: "24.75rem",
-      width: "18.5rem",
-      borderRadius: "0.75rem"
-    },
-    `${r}-3`
-  )
-] }), M = ({
-  keyPrefix: r,
-  isLoading: s = !1,
-  fallbackComponent: n = /* @__PURE__ */ t(C, {}),
-  children: o
-}) => /* @__PURE__ */ t($, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ t(I, { keyPrefix: r }) : o }), J = S((r, s) => {
+`, L = ({ keyPrefix: n }) => /* @__PURE__ */ t(I, { justifyContent: "center", alignItems: "center", children: [1, 2, 3].map((o) => /* @__PURE__ */ t(
+  j,
+  {
+    height: "24.75rem",
+    width: "18.5rem"
+  },
+  `${n}-${o}`
+)) }), M = ({
+  keyPrefix: n,
+  isLoading: o = !1,
+  fallbackComponent: r = /* @__PURE__ */ t(b, {}),
+  children: a
+}) => /* @__PURE__ */ t(y, { fallbackComponent: r, children: o === !0 ? /* @__PURE__ */ t(L, { keyPrefix: n }) : a }), J = w((n, o) => {
   const {
-    items: n,
-    limit: o = 3,
-    onSelectCard: d = () => {
+    items: r,
+    limit: a = 3,
+    onSelectCard: c = () => {
     },
-    isLoading: f = !1,
-    componentName: c,
+    isLoading: u = !1,
+    componentName: d,
     LinkComponent: i
-  } = r, p = v();
+  } = n, p = $();
   return /* @__PURE__ */ t(
     M,
     {
-      isLoading: f,
+      isLoading: u,
       keyPrefix: "blogs-simple-centered-skeleton",
-      children: /* @__PURE__ */ t(j, { ref: s, limit: o, children: /* @__PURE__ */ t(C, { children: p === !0 ? n == null ? void 0 : n.map((e, m) => /* @__PURE__ */ t(
-        w,
+      children: /* @__PURE__ */ t(z, { ref: o, limit: a, children: /* @__PURE__ */ t(b, { children: p === !0 ? r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t(
+        C,
         {
           title: e == null ? void 0 : e.title,
           image: (e == null ? void 0 : e.image) || null,
           text: e == null ? void 0 : e.text,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: (g, a) => d(e, a),
-          metadata: { name: c, accessor: e == null ? void 0 : e.accessor },
+          onCardClick: (g, l) => c(e, l),
+          metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
           link: e == null ? void 0 : e.link,
           LinkComponent: i
         },
         m
-      )) : n == null ? void 0 : n.slice(0, o).map((e, m) => /* @__PURE__ */ t(
-        w,
+      )) : r == null ? void 0 : r.slice(0, a).map((e, m) => /* @__PURE__ */ t(
+        C,
         {
           title: e == null ? void 0 : e.title,
           image: (e == null ? void 0 : e.image) || null,
           text: e == null ? void 0 : e.text,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: (g, a) => d(e, a),
-          metadata: { name: c, accessor: e == null ? void 0 : e.accessor },
+          onCardClick: (g, l) => c(e, l),
+          metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
           link: e == null ? void 0 : e.link,
           LinkComponent: i
         },

package/dist/BlogsSectionWithFilters.cjs

@@ -1,20 +1,20 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./breakpoints-CcVm-gVm.cjs"),_=require("./useDetectMobile-DYV6V1yw.cjs"),S=require("./utils-CITgSxXe.cjs"),B=require("./style-DC05rdyx.cjs"),M=require("./Button.cjs"),z=require("./Link.cjs"),D=require("./index-DsINTjQk.cjs"),F=require("./index-vQOR22Py.cjs"),s=require("./style-BAcV7F53.cjs"),P=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),w=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),x=require("./useDetectMobile-DYV6V1yw.cjs"),S=require("./utils-CITgSxXe.cjs"),M=require("./style-Boz6dk5s.cjs"),z=require("./Button.cjs"),D=require("./Link.cjs"),F=require("./index-DsINTjQk.cjs"),L=require("./index-3GKF_7BJ.cjs"),p=require("./style-CQdEALKR.cjs"),A=w.styled.div`
   display: grid;
-  grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${k.down("M")} {
+  @media ${j.down("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${k.down("S")} {
+  @media ${j.down("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${k.down("XS")} {
+  @media ${j.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,A=w.styled.a`
+`,E=w.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -46,7 +46,7 @@
   & a {
     margin-top: auto;
   }
-`,E=w.styled.div`
+`,I=w.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -63,8 +63,8 @@
     color: var(--gray-700, #4e555f);
     ${S.truncateTextInRows(3)}
   }
-`,I=a.forwardRef((r,h)=>{const{title:l,imageUrl:c,text:i,buttonText:p,onCardClick:d,metadata:o,link:m,LinkComponent:g}=r,b=g||"a",u=a.useRef(),f=j=>{d(j,u)};return t.jsxs(A,{ref:u,name:o==null?void 0:o.name,"data-accessor":o==null?void 0:o.accessor,className:"blog-card",onClick:f,to:`/${m}`,as:b,...g?{to:`/${m}`}:{href:`/${m}`},children:[t.jsxs(E,{children:[t.jsx("div",{className:"text-wr-title",children:l}),t.jsx("div",{className:"text-wr",children:i}),t.jsx(z,{color:"gray",onClick:f,children:p})]}),t.jsx(D.ProductImageWrapper,{src:c})]})}),O=w.styled(s.SkeletonColumnWrapper)`
-  @media ${k.down("S")} {
+`,O=a.forwardRef((n,s)=>{const{title:l,imageUrl:c,text:i,buttonText:g,onCardClick:d,metadata:r,link:m,LinkComponent:h}=n,b=h||"a",u=a.useRef(),f=k=>{d(k,u)};return t.jsxs(E,{ref:u,name:r==null?void 0:r.name,"data-accessor":r==null?void 0:r.accessor,className:"blog-card",onClick:f,to:`/${m}`,as:b,...h?{to:`/${m}`}:{href:`/${m}`},children:[t.jsxs(I,{children:[t.jsx("div",{className:"text-wr-title",children:l}),t.jsx("div",{className:"text-wr",children:i}),t.jsx(D,{color:"gray",onClick:f,children:g})]}),t.jsx(F.ProductImageWrapper,{src:c})]})}),U=w.styled(p.SkeletonAnimationColumnContainer)`
+  @media ${j.down("S")} {
     & .skeleton__tags {
       & > div {
         width: 100%;
@@ -73,17 +73,6 @@
 
     & .skeleton__cards {
       flex-direction: column;
-
-      & > div {
-        background: linear-gradient(
-          to right,
-          transparent 0%,
-          #f4f6fb 40%,
-          #f4f6fb 100%
-        );
-
-        box-shadow: none;
-      }
     }
   }
-`,U=({keyPrefix:r})=>t.jsxs(O,{children:[t.jsxs(s.SkeletonRowWrapper,{className:"skeleton__tags",children:[t.jsx(s.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-1`),t.jsx(s.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-2`),t.jsx(s.SkeletonLinePlaceholder,{height:"2.25rem",width:"128px",borderRadius:"1rem"},`${r}-3`)]}),t.jsxs(s.SkeletonRowWrapper,{className:"skeleton__cards",children:[t.jsx(s.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-4`),t.jsx(s.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-5`),t.jsx(s.SkeletonLinePlaceholder,{height:"10.375rem",borderRadius:"0.75rem"},`${r}-6`)]})]}),K=({keyPrefix:r,isLoading:h=!1,fallbackComponent:l=t.jsx(t.Fragment,{}),children:c})=>t.jsx(a.Suspense,{fallbackComponent:l,children:h===!0?t.jsx(U,{keyPrefix:r}):c}),q=a.memo(I),G=a.forwardRef((r,h)=>{const{icon:l,title:c,items:i,buttonText:p,limit:d=3,options:o,selectedOption:m=[],onButtonAction:g=()=>{},buttonLink:b,onSelectOption:u=()=>{},onSelectAll:f=()=>{},isLoading:j=!1,onSelectCard:y=()=>{},productsToolbarName:W="All",allButton:x=!1,componentName:$,LinkComponent:R}=r,N=_.useDetectMobile(),L=a.useMemo(()=>{var n;return t.jsx(t.Fragment,{children:N===!0?i==null?void 0:i.map((e,v)=>t.jsx(q,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(T,C)=>y(e,C),metadata:{name:$,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:R},v)):(n=i==null?void 0:i.slice(0,d))==null?void 0:n.map((e,v)=>t.jsx(q,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(T,C)=>y(e,C),metadata:{name:$,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:R},v))})},[i,N,d]);return t.jsxs(B.TitleWithOptionsSectionWrapper,{ref:h,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[S.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:c})]}),S.isDefinedNotEmptyString(p)&&S.isDefinedNotEmptyString(b)&&!j&&t.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:n=>{var e;(e=n==null?void 0:n.target)==null||e.blur(),g(b)},borderRadius:"curved",children:p})]}),t.jsxs(K,{isLoading:j,keyPrefix:"blogs-with-filters-skeleton",children:[(o==null?void 0:o.length)>0&&t.jsx(F.SelectBar,{items:o,selectedIds:m,onRemove:n=>{u(n)},onSelect:n=>{u(n)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:W,allButton:x}),t.jsx(P,{limit:d,children:L})]})]})});module.exports=G;
+`,K=({keyPrefix:n})=>t.jsxs(U,{children:[t.jsx(p.SkeletonContainer,{className:"skeleton__tags",children:[1,2,3].map(s=>t.jsx(p.SkeletonRect,{height:"2.25rem",width:"8rem",borderRadius:"1rem"},`${n}-tab-${s}`))}),t.jsx(p.SkeletonContainer,{className:"skeleton__cards",children:[1,2,3].map(s=>t.jsx(p.SkeletonRect,{height:"10.375rem",width:"100%",borderRadius:"1rem"},`${n}-card-${s}`))})]}),P=({keyPrefix:n,isLoading:s=!1,fallbackComponent:l=t.jsx(t.Fragment,{}),children:c})=>t.jsx(a.Suspense,{fallbackComponent:l,children:s===!0?t.jsx(K,{keyPrefix:n}):c}),q=a.memo(O),G=a.forwardRef((n,s)=>{const{icon:l,title:c,items:i,buttonText:g,limit:d=3,options:r,selectedOption:m=[],onButtonAction:h=()=>{},buttonLink:b,onSelectOption:u=()=>{},onSelectAll:f=()=>{},isLoading:k=!1,onSelectCard:v=()=>{},productsToolbarName:T="All",allButton:_=!1,componentName:$,LinkComponent:N}=n,R=x.useDetectMobile(),B=a.useMemo(()=>{var o;return t.jsx(t.Fragment,{children:R===!0?i==null?void 0:i.map((e,y)=>t.jsx(q,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(W,C)=>v(e,C),metadata:{name:$,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:N},y)):(o=i==null?void 0:i.slice(0,d))==null?void 0:o.map((e,y)=>t.jsx(q,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(W,C)=>v(e,C),metadata:{name:$,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link,LinkComponent:N},y))})},[i,R,d]);return t.jsxs(M.TitleWithOptionsSectionWrapper,{ref:s,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[S.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:c})]}),S.isDefinedNotEmptyString(g)&&S.isDefinedNotEmptyString(b)&&!k&&t.jsx(z,{type:"button",btnType:"tinted",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),h(b)},borderRadius:"curved",children:g})]}),t.jsxs(P,{isLoading:k,keyPrefix:"blogs-with-filters-skeleton",children:[(r==null?void 0:r.length)>0&&t.jsx(L.SelectBar,{items:r,selectedIds:m,onRemove:o=>{u(o)},onSelect:o=>{u(o)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:T,allButton:_}),t.jsx(A,{limit:d,children:B})]})]})});module.exports=G;