@lanaco/lnc-react-ui 4.0.125 → 4.0.126

package/dist/BannerSectionCarousel.cjs

@@ -141,4 +141,4 @@
       padding-right: 0.5rem;
     }
   }
-`,pt=x.forwardRef(({items:o=[],onSelectItem:i=()=>{},onButtonAction:t=()=>{}},e)=>{const r={desktop:{breakpoint:{max:3e3,min:1024},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:1024,min:464},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:464,min:0},items:1,partialVisibilityGutter:48}},a=mt.useDetectMobile();return P.jsx(oe,{ref:e,children:P.jsx(ie,{responsive:r,removeArrowOnDeviceType:"mobile",infinite:!a,keyBoardControl:!0,autoPlay:!0,partialVisible:!0,sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",children:o==null?void 0:o.map((n,s)=>P.jsxs("div",{className:"section__card",onClick:()=>i(n),children:[P.jsx("img",{src:n==null?void 0:n.imageUrl,alt:`Slide ${s+1}`,className:"section__image"}),P.jsxs("div",{className:"card__content",children:[P.jsxs("div",{className:"card__text",children:[(n==null?void 0:n.title)&&P.jsx("div",{className:"card__title",children:n==null?void 0:n.title}),(n==null?void 0:n.title)&&P.jsx("div",{className:"card__description",children:n==null?void 0:n.description})]}),(n==null?void 0:n.buttonText)&&P.jsx(ft,{text:n==null?void 0:n.buttonText,className:"card__action",size:"medium",onClick:l=>{l==null||l.stopPropagation(),t(n)}})]})]},`banner-section-carousel-item__${s+1}`))})},`banner-section-carousel__${a}`)});pt.propTypes={items:z.PropTypes.array,onSelectItem:z.PropTypes.func,onButtonAction:z.PropTypes.func};module.exports=pt;
+`,pt=x.forwardRef(({items:o=[],onSelectItem:i=()=>{},onButtonAction:t=()=>{}},e)=>{const r={desktop:{breakpoint:{max:3e3,min:1024},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:1024,min:464},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:464,min:0},items:1,partialVisibilityGutter:48}},a=mt.useDetectMobile();return P.jsx(oe,{ref:e,children:P.jsx(ie,{responsive:r,removeArrowOnDeviceType:"mobile",infinite:!a,keyBoardControl:!0,autoPlay:!0,partialVisible:!0,customTransition:"transform 300ms ease-in-out",transitionDuration:300,sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",children:o==null?void 0:o.map((n,s)=>P.jsxs("div",{className:"section__card",onClick:()=>i(n),children:[P.jsx("img",{src:n==null?void 0:n.imageUrl,alt:`Slide ${s+1}`,className:"section__image"}),P.jsxs("div",{className:"card__content",children:[P.jsxs("div",{className:"card__text",children:[(n==null?void 0:n.title)&&P.jsx("div",{className:"card__title",children:n==null?void 0:n.title}),(n==null?void 0:n.title)&&P.jsx("div",{className:"card__description",children:n==null?void 0:n.description})]}),(n==null?void 0:n.buttonText)&&P.jsx(ft,{text:n==null?void 0:n.buttonText,className:"card__action",size:"medium",onClick:l=>{l==null||l.stopPropagation(),t(n)}})]})]},`banner-section-carousel-item__${s+1}`))})},`banner-section-carousel__${a}`)});pt.propTypes={items:z.PropTypes.array,onSelectItem:z.PropTypes.func,onButtonAction:z.PropTypes.func};module.exports=pt;

package/dist/BannerSectionCarousel.js

@@ -669,6 +669,8 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
         keyBoardControl: !0,
         autoPlay: !0,
         partialVisible: !0,
+        customTransition: "transform 300ms ease-in-out",
+        transitionDuration: 300,
         sliderClass: "carousel-slider",
         itemClass: "carousel-item",
         containerClass: "carousel-container",

package/dist/BlogExploreSection.cjs

@@ -0,0 +1,311 @@
+"use strict";const e=require("react/jsx-runtime"),k=require("react"),n=require("./index-BpbMKBf_.cjs"),G=require("./utils-CZynEOC_.cjs"),J=require("./TextInput.cjs"),v=require("./Icon.cjs"),K=require("./Link.cjs"),P=require("./DropdownMenu.cjs"),S=require("./DropdownItem.cjs"),Q=require("./tag-BLBeUImg.cjs"),W=require("./BlogProductCardsSection.cjs"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./BlogListSection.cjs"),Y=require("./consts-goSZX3xP.cjs"),B=q.styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+  width: 100%;
+
+  & .pagination__per-page {
+    & button {
+      border-radius: 8px;
+      border: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+      background: transparent;
+      color: var(---gray-950, #14161a);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.25rem;
+    }
+  }
+
+  & .pagination__pages {
+    display: flex;
+    align-items: center;
+    border-radius: 0.375rem;
+
+    & .pagination__page {
+      display: flex;
+      width: 2.5rem;
+      height: 2.25rem;
+      padding: 0.5rem 1rem;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-top: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+      border-right: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+      border-bottom: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+      color: var(--gray-600, #676e79);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.25rem;
+
+      &:hover {
+        cursor: pointer;
+        background: var(--gray-200, #e4e9f0);
+      }
+
+      &.active {
+        border: 1px solid var(--teal-500, #009ea8);
+        background: var(--teal-50, #f4fdff);
+        color: var(--teal-500, #009ea8);
+      }
+
+      &.disabled {
+        cursor: unset;
+        border: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+        opacity: 0.4;
+
+        &:hover {
+          background: transparent;
+        }
+      }
+
+      &.ellipsis {
+        cursor: unset;
+
+        &:hover {
+          background: transparent;
+        }
+      }
+
+      &:first-of-type {
+        border-radius: 0.5rem 0 0 0.5rem;
+        border-left: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
+      }
+
+      &:last-of-type {
+        border-radius: 0 0.5rem 0.5rem 0;
+      }
+    }
+  }
+`,O=k.forwardRef(({perPageOptions:c=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:l,handlePerPage:p=()=>{},page:s=1,handlePage:o=()=>{},total:i},m)=>{var d;const _=()=>{s>1&&(o==null||o(s-1))},h=()=>{s<i&&(o==null||o(s+1))},g=()=>{const r=[];if(i<=7)for(let a=1;a<=i;a++)r.push(a);else s<=3?r.push(1,2,3,"...",i):s>=i-2?r.push(1,"...",i-2,i-1,i):r.push(1,2,3,"...",i);return r==null?void 0:r.map((a,u)=>a==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:a},`pagination-ellipsis__${u}`):e.jsx("div",{onClick:()=>o(a),className:`pagination__page ${s===a?"active":""}`,children:a},`pagination-page__${u}`))};return e.jsxs(B,{className:"pagination",children:[e.jsx(P,{color:"neutral",control:l||((d=c[0])==null?void 0:d.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:c==null?void 0:c.map((r,a)=>e.jsx(S,{active:(r==null?void 0:r.code)===(l==null?void 0:l.code),className:"sort-by__item",onClick:()=>p(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${a+1}`))}),e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${s===1?"disabled":""}`,onClick:_,children:e.jsx(v,{icon:" mng-lnc-chevron--left"})}),g(),e.jsx("div",{className:`pagination__page ${s===i?"disabled":""}`,onClick:h,children:e.jsx(v,{icon:" mng-lnc-chevron--right"})})]})]})}),ee=q.styled.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 2rem;
+  align-self: stretch;
+
+  & button {
+    &:focus {
+      outline: none;
+    }
+  }
+
+  & .landing__main-content {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1.5rem;
+
+    border-right: 1px solid var(--gray-200, #dddfe4);
+    padding-right: 2rem;
+
+    & .pagination {
+      padding: 1.25rem 0;
+    }
+
+    & .main-content__title {
+      color: var(--gray-950, #14161a);
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+    }
+
+    & .tags__item {
+      &:not(.active) {
+        background: var(--neutral-9504, rgba(20, 22, 26, 0.04));
+      }
+    }
+
+    & .main-content__items {
+      display: flex;
+      flex-direction: column;
+      gap: 1.25rem;
+
+      & .main-content__divider {
+        content: "";
+        display: block;
+        height: 1px;
+        width: 100%;
+        background: var(--gray-200, #dddfe4);
+      }
+
+      & .blog-card-item {
+        background: transparent;
+        border: none;
+        padding: 0;
+      }
+    }
+
+    & .main-content__actions {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      align-self: stretch;
+      width: 100%;
+
+      & .main-content__search {
+        border-radius: 999px;
+        height: 2.5rem;
+        min-height: 2.5rem;
+        max-width: 23.75rem;
+        width: 100%;
+
+        border: 1px solid var(--gray-200, #e4e9f0);
+        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+        outline: none;
+
+        & input::placeholder {
+          color: var(--gray-500, #7a8594);
+          font-size: 0.875rem;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 1.25rem;
+          letter-spacing: 0.0156rem;
+        }
+
+        & .main-content__search-prefix {
+          color: var(--gray-500, #7a8594);
+        }
+      }
+
+      & .main-content__sort-by {
+        & button {
+          border-radius: 999px;
+          color: var(--gray-950, #14161a);
+          background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
+          font-size: 0.875rem;
+          font-style: normal;
+          font-weight: 500;
+          line-height: 1.25rem;
+          letter-spacing: -0.0056rem;
+        }
+      }
+    }
+  }
+
+  & .landing__side-content {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1.5rem;
+    align-self: stretch;
+
+    & .side-content__title {
+      color: var(--gray-950, #14161a);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 1.5rem;
+    }
+
+    & .side-content__link {
+      color: var(--gray-950, #14161a);
+      font-size: 0.75rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1rem;
+
+      &:hover {
+        cursor: pointer;
+        text-decoration: underline;
+      }
+    }
+
+    & .side-content__items {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 1.25rem;
+      align-self: stretch;
+
+      & .side-content__item {
+        display: flex;
+        align-items: flex-start;
+        gap: 1rem;
+        align-self: stretch;
+
+        &:hover {
+          cursor: pointer;
+        }
+
+        & .item__image {
+          width: 100%;
+          max-width: 6rem;
+          height: 100%;
+          max-height: 3.75rem;
+          object-fit: cover;
+          border-radius: 0.375rem;
+        }
+
+        & .item__content {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 0.25rem;
+
+          & .item__title {
+            color: var(--gray-950, #14161a);
+            font-size: 0.875rem;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 1.25rem;
+          }
+
+          & .item__description {
+            color: var(--gray-600, #676e79);
+            font-size: 0.75rem;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 1rem;
+          }
+        }
+      }
+    }
+  }
+
+  @media (max-width: ${Y.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+
+    & .landing__main-content {
+      width: 100%;
+      padding-right: 0;
+      border-right: none;
+
+      & .main-content__actions {
+        gap: 0.5rem;
+      }
+
+      & .main-content__items {
+        & .main-content__divider {
+          display: none;
+        }
+
+        & .separated {
+          gap: 1.25rem;
+
+          & > div:not(:last-of-type)::after {
+            display: none;
+          }
+        }
+
+        & .blog-product-cards-section {
+          border-radius: 0;
+        }
+      }
+
+      & .pagination {
+        justify-content: center;
+
+        & .pagination__per-page {
+          display: none;
+        }
+      }
+    }
+
+    & .landing__side-content {
+      display: none;
+    }
+  }
+`,C=k.forwardRef(({mainTitle:c,sideTitle:l,tags:p,selectedTag:s,handleSelectTag:o=()=>{},blogs:i,miniBlogs:m,products:_,blogsLoading:h=!1,productsLoading:g=!1,sortingOptions:d,sortBy:r,handleSortBy:a=()=>{},allTagText:u="All",searchPlaceholderText:z="Search blogs",timeToReadText:T="{0} min read",getBlogImageUrl:f=()=>{},handleSelectBlog:x=()=>{},handleSelectBlogTag:b=()=>{},handleShareBlog:j=()=>{},handleBookmarkBlog:w=()=>{},showAllButtonLink:I,showAllButtonText:L="Show all products",viewAllButtonText:$="View all (11)",viewAllButtonLink:ne,handleViewAll:A=()=>{},handleShowAll:R=()=>{},handleSelectProduct:D=()=>{},getProductImageUrl:E=()=>{},page:M,handlePage:U=()=>{},perPage:F,handlePerPage:H=()=>{},total:V,perPageOptions:X,handleSearch:Z=()=>{}},re)=>e.jsxs(ee,{children:[e.jsxs("div",{className:"landing__main-content",children:[e.jsx("div",{className:"main-content__title",children:c}),p&&e.jsx(Q.FaqSectionTags,{tags:p,allTagText:u,selectedTag:s,onSelectTag:o}),e.jsxs("div",{className:"main-content__actions",children:[e.jsx(J,{className:"main-content__search",placeholder:z,debounceTime:200,prefix:e.jsx(v,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"main-content__search-prefix"}),color:"neutral",onChange:Z}),e.jsx(P,{color:"neutral",control:r==null?void 0:r.name,zIndex:1001,className:"main-content__sort-by",children:d==null?void 0:d.map((t,y)=>e.jsx(S,{active:(t==null?void 0:t.code)===(r==null?void 0:r.code),className:"sort-by__item",onClick:()=>a(t),children:t==null?void 0:t.name},`blog-epxlore-section-sorting-option__${y+1}`))})]}),e.jsxs("div",{className:"main-content__items",children:[e.jsx(N,{timeToReadText:T,items:i==null?void 0:i.slice(0,5),isLoading:h,getImage:f,onSelectCard:x,onSelectOption:b,onShare:j,onBookmark:w}),e.jsx("div",{className:"main-content__divider"}),e.jsx(W,{buttonText:L,buttonLink:I,onButtonAction:R,onSelectCard:D,items:_,isLoading:g,getImage:E,isHighlight:!0}),e.jsx("div",{className:"main-content__divider"}),e.jsx(N,{timeToReadText:T,items:i==null?void 0:i.slice(5),isLoading:h,getImage:f,onSelectCard:x,onSelectOption:b,onShare:j,onBookmark:w})]}),e.jsx(O,{perPageOptions:X,perPage:F,handlePerPage:H,page:M,handlePage:U,total:V})]}),e.jsxs("div",{className:"landing__side-content",children:[e.jsx("div",{className:"side-content__title",children:l}),e.jsx("div",{className:"side-content__items",children:m&&(m==null?void 0:m.map((t,y)=>e.jsxs("div",{className:"side-content__item",onClick:()=>x(t),children:[e.jsx("img",{src:f(t==null?void 0:t.imageUrl,t==null?void 0:t.uuid)||null,alt:`Mini blog ${y+1}`,className:"item__image"}),e.jsxs("div",{className:"item__content",children:[e.jsx("div",{className:"item__title",children:t==null?void 0:t.title}),e.jsx("div",{className:"item__description",children:G.formatLocaleDateString(t==null?void 0:t.publishedAt)})]})]})))}),e.jsx(K,{onClick:A,className:"side-content__link",children:$})]})]}));C.propTypes={mainTitle:n.PropTypes.string,sideTitle:n.PropTypes.string,tags:n.PropTypes.array,selectedTag:n.PropTypes.any,handleSelectTag:n.PropTypes.func,blogs:n.PropTypes.array,miniBlogs:n.PropTypes.array,products:n.PropTypes.array,blogsLoading:n.PropTypes.bool,productsLoading:n.PropTypes.bool,sortingOptions:n.PropTypes.array,sortBy:n.PropTypes.any,handleSortBy:n.PropTypes.func,allTagText:n.PropTypes.string,searchPlaceholderText:n.PropTypes.string,timeToReadText:n.PropTypes.string,getBlogImageUrl:n.PropTypes.func,handleSelectBlog:n.PropTypes.func,handleSelectBlogTag:n.PropTypes.func,handleShareBlog:n.PropTypes.func,handleBookmarkBlog:n.PropTypes.func,showAllButtonLink:n.PropTypes.string,showAllButtonText:n.PropTypes.string,viewAllButtonText:n.PropTypes.string,handleShowAll:n.PropTypes.func,handleSelectProduct:n.PropTypes.func,getProductImageUrl:n.PropTypes.func,page:n.PropTypes.number,handlePage:n.PropTypes.func,perPage:n.PropTypes.any,handlePerPage:n.PropTypes.func,total:n.PropTypes.number,perPageOptions:n.PropTypes.array,handleSearch:n.PropTypes.func};module.exports=C;