@lanaco/lnc-react-ui 4.0.35 → 4.0.37

package/dist/BlogsSectionSimpleCentered.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as c } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as p } from "./consts-C1uHV4xc.js";
 import { u as b } from "./useDetectMobile-BC6EGaBc.js";
-import { m as u, t as w } from "./utils-jiuifwtJ.js";
+import { m as u, t as w } from "./utils-DtRLzzTZ.js";
 import C from "./Button.js";
 const k = c.div`
   display: grid;

package/dist/BlogsSectionWithFilters.cjs

@@ -1,12 +1,12 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),N=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),I=require("./consts-CtNoHdBj.cjs"),H=require("./useDetectMobile-D6d5LpdL.cjs"),T=require("./utils-scuIeOqU.cjs"),X=require("./style-BEUISPP7.cjs"),C=require("./Button.cjs"),Z=require("./Link.cjs"),o=require("./index-BPVoEhTF.cjs"),U=require("./FlexBox.cjs"),M=require("./IconButton.cjs"),J=require("./ThemeProvider.cjs"),Q=require("./useUpdateEffect-BtMgpgIV.cjs"),Y=require("./Icon.cjs"),ee=N.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),m=require("react"),g=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),p=require("./consts-CtNoHdBj.cjs"),v=require("./useDetectMobile-D6d5LpdL.cjs"),n=require("./utils-NZLCh-J5.cjs"),k=require("./style-BR3tIhP1.cjs"),y=require("./Button.cjs"),C=require("./Link.cjs"),N=require("./index-Q_i-aqsF.cjs"),q=g.newStyled.div`
   display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,K=N.newStyled.div`
+`,b=g.newStyled.div`
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -35,16 +35,16 @@
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${T.linearGradientAnimation("-90deg")};
+    background-color: ${n.linearGradientAnimation("-90deg")};
   }
 
   & a {
     margin-top: auto;
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
   }
-`,_=N.newStyled.div`
+`,w=g.newStyled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -58,116 +58,19 @@
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${T.linearGradientAnimation("-90deg")};
+    background-color: ${n.linearGradientAnimation("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${T.linearGradientAnimation("-90deg")};
+    background-color: ${n.linearGradientAnimation("-90deg")};
   }
 
   & .text-wr {
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${T.truncateTextInRows(3)}
+    ${n.truncateTextInRows(3)}
   }
-`;l.forwardRef(({},t)=>r.jsxs(K,{className:"blog-card",children:[r.jsxs(_,{children:[r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"text-wr"}),r.jsx("div",{className:"skeleton-action"})]}),r.jsx("div",{className:"skeleton-img"})]}));const z=l.forwardRef((t,f)=>{const{title:a,image:n,text:i,buttonText:p,onCardClick:c}=t;return r.jsxs(K,{className:"blog-card",onClick:c,children:[r.jsxs(_,{children:[r.jsx("div",{className:"text-wr-title",children:a}),r.jsx("div",{className:"text-wr",children:i}),r.jsx(Z,{color:"gray",onClick:c,children:p})]}),r.jsx("img",{src:n})]})}),re=N.newStyled.div`
-  position: relative;
-  padding: ${t=>t.padding};
-
-  & button {
-    white-space: nowrap;
-  }
-
-  & .badge-button {
-    ${t=>t.showTimesBtn===!0&&"padding-left: 0.5rem; padding-right: 0.5rem;"}
-  }
-
-  & .gradient {
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    z-index: 4;
-    transition: ${"0.3s"};
-    right: ${t=>t.noArrows!==!0?"6rem":"0"};
-    width: 2rem;
-    background: #fff;
-    height: 100%;
-    -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
-    mask-image: linear-gradient(to left, black 10%, transparent 50%);
-  }
-
-  & .scrollable-container {
-    max-width: -webkit-fill-available;
-    max-width: -moz-available; /* WebKit-based browsers will ignore this. */
-    max-width: fill-available;
-
-    ${t=>t.rightAlignArrows===!0&&t.noArrows!==!0&&"margin-right: 6rem"};
-    scroll-behavior: smooth;
-    overflow: hidden;
-    -webkit-overflow-scrolling: touch;
-    ::-webkit-scrollbar {
-      -webkit-appearance: none;
-    }
-    -ms-overflow-style: none;
-    /* Internet Explorer 10+ */
-    scrollbar-width: none;
-    /* Firefox */
-
-    &::-webkit-scrollbar {
-      display: none;
-      /* Safari and Chrome */
-    }
-
-    @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
-      margin-right: 0;
-    }
-  }
-  & .scroll-arrow-right,
-  & .scroll-arrow-left {
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-
-    visibility: ${t=>t.arrowsVisibleOnHover===!1&&t.hasOverflow?"visible":"hidden"};
-    z-index: 4;
-    transition: ${"0.3s"};
-  }
-  & .scroll-arrow-right {
-    ${t=>t.rightAlignArrows===!0?"right: 0":"right: 0.7rem"};
-  }
-  & .scroll-arrow-left {
-    ${t=>t.rightAlignArrows===!0?"right: 2.625rem":"left: 0.7rem"};
-  }
-  & .scrollable-container:hover > .scroll-arrow-left,
-  & .scrollable-container:hover > .scroll-arrow-right {
-    visibility: ${t=>t.hasOverflow?"visible":"hidden"};
-  }
-
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
-    & .scrollable-container {
-      overflow: auto;
-    }
-    & .scroll-arrow-left,
-    & .scroll-arrow-right {
-      display: none;
-    }
-
-    & .gradient {
-      right: 0;
-    }
-
-    & .scrollable-container button:nth-of-type(3) {
-      ${t=>t.noMargin!==!0&&"margin-left: 1rem"};
-    }
-  }
-`,te=t=>{const[f,a]=l.useState(!1),n=l.useMemo(()=>new IntersectionObserver(([i])=>a(i.isIntersecting)),[]);return l.useEffect(()=>(n.observe(t.current),()=>{n.disconnect()}),[t,n]),f},se=N.newStyled.div`
-  min-height: 1px;
-  ${t=>t.isHorizontal===!0?"min-width: 1px; width: 1px;":"width: 100%;"}
-`,E=l.forwardRef((t,f)=>{const{onIsVisible:a=()=>{},onIsNotVisible:n,isHorizontal:i=!1,className:p=""}=t,c=l.useRef(null),d=te(c);return Q.useUpdateEffect(()=>{d?a():n==null||n()},[d]),r.jsx(se,{ref:c,className:`scroller-element ${p}`,isHorizontal:i})});E.propTypes={onIsVisible:o.PropTypes.func,isHorizontal:o.PropTypes.bool};const D=l.forwardRef(({columnGap:t="2rem",rowGap:f="1.25rem",scrollBySize:a=300,wrapForMobile:n=!1,wrap:i=!1,children:p,methodsRef:c,arrowsVisibleOnHover:d=!0,rightAlignArrows:x=!1,padding:b="0",showTimesBtn:w,noArrows:e,noGradient:g=!1,hideDisabledArrows:y=!1,noMargin:S=!1,...P},$)=>{const R=H.useDetectMobile(),{theme:s}=J.useTheme(),[m,j]=l.useState(!1),[v,k]=l.useState(!1),[V,A]=l.useState(!0),u=l.useRef(),B=()=>{var h;(h=u.current)==null||h.scrollBy(a,0)},q=()=>{var h;(h=u.current)==null||h.scrollBy(-a,0)},[O,G]=l.useState(!1);l.useEffect(()=>{var h,W;G(((h=u==null?void 0:u.current)==null?void 0:h.scrollWidth)>((W=u==null?void 0:u.current)==null?void 0:W.clientWidth))},[p]),l.useImperativeHandle(c,()=>({scrollToEnd(){F()},scrollLeft(){q()},scrollRight(){B()}}));const F=()=>{u.current.scrollLeft=u.current.scrollWidth};return r.jsx(re,{ref:$,arrowsVisibleOnHover:d,hasOverflow:O,noArrows:e,padding:b,rightAlignArrows:x,showTimesBtn:w,theme:s,noMargin:S,...P,children:r.jsxs(U,{ref:u,className:"scrollable-container",columnGap:t,rowGap:f,wrap:i||n&&R?"Wrap":"NoWrap",children:[e!==!0&&r.jsxs(r.Fragment,{children:[!(y===!0&&v===!0)&&r.jsx(M,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:v,icon:"angle-left",onClick:q}),!(y===!0&&m===!0)&&r.jsx(M,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:m,icon:"angle-right",onClick:B})]}),r.jsx(E,{isHorizontal:!0,onIsNotVisible:()=>{v===!0&&k(!1)},onIsVisible:()=>{v===!1&&k(!0)}}),p,r.jsx(E,{className:"right-scroller",isHorizontal:!0,onIsNotVisible:()=>{m===!0&&j(!1),A(!0)},onIsVisible:()=>{m===!1&&j(!0),A(!1)}}),V&&O&&g!==!0&&r.jsx("div",{className:"gradient"})]})})});D.propTypes={title:o.PropTypes.string,rowGap:o.PropTypes.string,columnGap:o.PropTypes.string,scrollBySize:o.PropTypes.number,wrapForMobile:o.PropTypes.bool,wrap:o.PropTypes.bool,methodsRef:o.PropTypes.any,arrowsVisibleOnHover:o.PropTypes.bool,rightAlignArrows:o.PropTypes.bool,padding:o.PropTypes.string};const L=l.forwardRef((t,f)=>{const{allButton:a=!0,items:n=[],selectedIds:i=[],onSelect:p=()=>{},onRemove:c=()=>{},onSelectAll:d=()=>{},className:x,showTimesBtn:b=!1,labelKey:w="label",valueKey:e="value",codeKey:g="code",uniqueKey:y,typeKey:S,productsToolbarName:P="All",...$}=t,R=(s,m,j,v,k)=>{i!=null&&i.includes(s)?c(s,m,j,v,k):p(s,m,j,v,k)};return r.jsxs(D,{arrowsVisibleOnHover:!1,className:x,columnGap:"0.75rem",padding:"0.25rem 0",rightAlignArrows:!0,showTimesBtn:b,...$,children:[a&&r.jsx(C,{borderRadius:"curved",btnType:i.length===0?"filled":"tinted",className:"badge-button",color:"neutral",onClick:d,children:P}),n.map((s,m)=>r.jsxs(C,{borderRadius:"curved",btnType:i.includes(s.uuid)?"filled":"tinted",className:"badge-button",color:"neutral",onClick:()=>R(s[e],s[w],s[g],y?s[y]:null,S?s[S]:null),children:[T.isDefined(s==null?void 0:s.icon)&&r.jsxs(r.Fragment,{children:[r.jsx("i",{className:s==null?void 0:s.icon})," "]}),s[w],b===!0&&r.jsx(Y,{className:"times-btn",icon:"times",sizeInUnits:"0.75rem",onClick:()=>c(s[e],s[w],s[g],y?s[y]:null,S?s[S]:null)})]},m))]})});L.propTypes={allButton:o.PropTypes.bool,items:o.PropTypes.array,selectedIds:o.PropTypes.array,onSelect:o.PropTypes.func,onRemove:o.PropTypes.func,onSelectAll:o.PropTypes.func,className:o.PropTypes.string,showTimesBtn:o.PropTypes.bool,valuKey:o.PropTypes.string,labelKey:o.PropTypes.string,codeKey:o.PropTypes.string};const oe=l.forwardRef((t,f)=>{const{icon:a,title:n,items:i,buttonText:p,limit:c=3,options:d,onActionClick:x=()=>{},onSelectOption:b=()=>{}}=t,w=H.useDetectMobile();return r.jsxs(X.TitleWithOptionsSectionWrapper,{children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[T.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:n})]}),T.isDefinedNotEmptyString(onSectionClick)&&r.jsx(C,{type:"button",btnType:"tinted",color:"gray",onClick:x,borderRadius:"curved",children:p})]}),(d==null?void 0:d.length)>0&&r.jsx(L,{items:d,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0}),r.jsx(ee,{limit:c,children:w===!0?i==null?void 0:i.map((e,g)=>r.jsx(z,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>onSelectCard(e==null?void 0:e.uuid)},g)):i==null?void 0:i.slice(0,c).map((e,g)=>r.jsx(z,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>onSelectCard(e==null?void 0:e.uuid)},g))})]})});module.exports=oe;
+`;m.forwardRef(({},r)=>t.jsxs(b,{className:"blog-card",children:[t.jsxs(w,{children:[t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"text-wr"}),t.jsx("div",{className:"skeleton-action"})]}),t.jsx("div",{className:"skeleton-img"})]}));const h=m.forwardRef((r,j)=>{const{title:l,image:s,text:i,buttonText:c,onCardClick:o}=r;return t.jsxs(b,{className:"blog-card",onClick:o,children:[t.jsxs(w,{children:[t.jsx("div",{className:"text-wr-title",children:l}),t.jsx("div",{className:"text-wr",children:i}),t.jsx(C,{color:"gray",onClick:o,children:c})]}),t.jsx("img",{src:s})]})}),T=m.forwardRef((r,j)=>{const{icon:l,title:s,items:i,buttonText:c,limit:o=3,options:a,onActionClick:f=()=>{},onSelectOption:u=()=>{}}=r,S=v.useDetectMobile();return t.jsxs(k.TitleWithOptionsSectionWrapper,{children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[n.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:s})]}),n.isDefinedNotEmptyString(onSectionClick)&&t.jsx(y,{type:"button",btnType:"tinted",color:"gray",onClick:f,borderRadius:"curved",children:c})]}),(a==null?void 0:a.length)>0&&t.jsx(N.SelectBar,{items:a,onRemove:e=>{u(e)},onSelect:e=>{u(e)},labelKey:"name",valueKey:"code",noMargin:!0}),t.jsx(q,{limit:o,children:S===!0?i==null?void 0:i.map((e,d)=>t.jsx(h,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>onSelectCard(e==null?void 0:e.uuid)},d)):i==null?void 0:i.slice(0,o).map((e,d)=>t.jsx(h,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>onSelectCard(e==null?void 0:e.uuid)},d))})]})});module.exports=T;