@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/RangeSlider.js

@@ -1,26 +1,25 @@
-import { jsxs as N, jsx as t, Fragment as W } from "react/jsx-runtime";
-import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as n } from "./index-CblbdqjE.js";
-import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
-import { a as D, b as o, c as G, d as H } from "./utils-DtEfC-TX.js";
-import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
-const Q = ({ theme: e, size: i }) => {
-  var u = H(e, i);
+import { jsxs as M, jsx as t, Fragment as L } from "react/jsx-runtime";
+import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as W, useRef as X, useState as f, useCallback as q, useEffect as N } from "react";
+import { a as A, b as r, c as D, d as G } from "./utils-DtEfC-TX.js";
+import { u as H } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
+const K = ({ theme: e, size: o }) => {
+  var s = G(e, o);
   return `
-    min-height: ${u};
-    max-height: ${u};
+    min-height: ${s};
+    max-height: ${s};
   `;
-}, g = {
+}, c = {
   small: "0.875rem",
   medium: "1.125rem",
   large: "1.375rem"
-}, Y = x.div`
+}, Q = v.div`
   position: relative;
-  ${(e) => Q(e)};
+  ${(e) => K(e)};
   display: inline-flex;
   align-items: center;
-`, T = x.input`
+`, P = v.input`
   -webkit-appearance: none; /* Override default CSS styles */
   appearance: none;
   width: 100%; /* Full-width */
@@ -31,14 +30,14 @@ const Q = ({ theme: e, size: i }) => {
   background: ${(e) => e.rangeBackground};
   transition: background 450ms ease-in;
   -webkit-appearance: none;
-  border-radius: ${(e) => D(e.theme, "regular")};
+  border-radius: ${(e) => A(e.theme, "regular")};
   &::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
-    width: ${(e) => g[e.size]}; /* Set a specific slider handle width */
-    height: ${(e) => g[e.size]}; /* Slider handle height */
+    width: ${(e) => c[e.size]}; /* Set a specific slider handle width */
+    height: ${(e) => c[e.size]}; /* Slider handle height */
     border-radius: 50%;
-    background-color: ${(e) => o(
+    background-color: ${(e) => r(
   e.theme,
   "Range",
   e.color,
@@ -50,10 +49,10 @@ const Q = ({ theme: e, size: i }) => {
     border: none;
   }
   &::-moz-range-thumb {
-    width: ${(e) => g[e.size]}; /* Set a specific slider handle width */
-    height: ${(e) => g[e.size]}; /* Slider handle height */
+    width: ${(e) => c[e.size]}; /* Set a specific slider handle width */
+    height: ${(e) => c[e.size]}; /* Slider handle height */
     border-radius: 50%;
-    background-color: ${(e) => o(
+    background-color: ${(e) => r(
   e.theme,
   "Range",
   e.color,
@@ -64,18 +63,18 @@ const Q = ({ theme: e, size: i }) => {
     cursor: pointer; /* Cursor on hover */
     border: none;
   }
-`, Z = x.div`
+`, Y = v.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
-  ${(e) => G(e.theme, "Range", e.size, "enabled")};
+  ${(e) => D(e.theme, "Range", e.size, "enabled")};
   left: ${(e) => `calc(${e.inputValue + "%"} + (${8 - e.inputValue * 0.15}px))`};
-  top: ${(e) => "calc(-" + g[e.size] + ")"};
+  top: ${(e) => "calc(-" + c[e.size] + ")"};
   transform: translateX(-50%);
   & > .text-content {
     color: white;
-    background-color: ${(e) => o(
+    background-color: ${(e) => r(
   e.theme,
   "Range",
   e.color,
@@ -93,7 +92,7 @@ const Q = ({ theme: e, size: i }) => {
       & > .inner {
         width: 8px;
         height: 8px;
-        background: ${(e) => o(
+        background: ${(e) => r(
   e.theme,
   "Range",
   e.color,
@@ -109,147 +108,121 @@ const Q = ({ theme: e, size: i }) => {
       }
     }
   }
-`, _ = X((e, i) => {
+`, re = W((e, o) => {
   const {
-    defaultValue: u,
-    value: d = null,
-    min: c = 0,
+    defaultValue: s,
+    value: i = null,
+    min: u = 0,
     max: h = 100,
-    disabled: l,
+    disabled: d,
     tabIndex: k = 0,
-    onChange: $ = () => {
+    onChange: x = () => {
     },
-    onInput: w = () => {
+    onInput: $ = () => {
     },
-    color: s = "primary",
+    color: l = "primary",
     size: B = "small",
     className: E = "",
-    style: j = {},
-    ...y
-  } = e, C = q(), m = J(), b = { theme: m, size: B, color: s, className: E, style: j }, R = o(
-    m,
+    style: F = {},
+    ...w
+  } = e, R = X(), g = H(), b = { theme: g, size: B, color: l, className: E, style: F }, C = r(
+    g,
     "Range",
-    s,
+    l,
     "enabled",
     "unfilled"
-  ), [S, F] = v(
-    o(
-      m,
+  ), [S, T] = f(
+    r(
+      g,
       "Range",
-      s,
-      l ? "disabled" : "enabled",
+      l,
+      d ? "disabled" : "enabled",
       "background"
     )
-  ), [z, U] = v(), [L, p] = v(), f = A(
-    (a) => Math.round((a - c) / (h - c) * 100),
-    [c, h]
-  ), [r, I] = v(d || u);
-  K(() => {
-    I(d);
-  }, [d]), M(() => {
-    O(r || 0);
-  }, [r, f, l, s]), M(() => {
-    F(
-      o(
-        m,
+  ), [y, U] = f(), [j, m] = f(), p = q(
+    (n) => Math.round((n - u) / (h - u) * 100),
+    [u, h]
+  ), [a, z] = f(i || s);
+  J(() => {
+    z(i);
+  }, [i]), N(() => {
+    I(a || 0);
+  }, [a, p, d, l]), N(() => {
+    T(
+      r(
+        g,
         "Range",
-        s,
-        l ? "disabled" : "enabled",
+        l,
+        d ? "disabled" : "enabled",
         "background"
       )
     );
-  }, [s, l]);
-  const V = (a) => {
-    O(a.target.value), w && w(a);
-  }, O = (a) => {
+  }, [l, d]);
+  const V = (n) => {
+    I(n.target.value), $ && $(n);
+  }, I = (n) => {
     U(
-      `linear-gradient(to right, ${S} 0%, ${S} ${f(
-        a
-      )}%, ${R} ${f(a)}%, ${R} 100%)`
+      `linear-gradient(to right, ${S} 0%, ${S} ${p(
+        n
+      )}%, ${C} ${p(n)}%, ${C} 100%)`
     );
-  }, P = (a) => {
-    I(a.target.value), $ && $(a);
+  }, O = (n) => {
+    z(n.target.value), x && x(n);
   };
-  return /* @__PURE__ */ N(Y, { ...b, children: [
-    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ N(Z, { ...b, inputValue: f(r), children: [
-      /* @__PURE__ */ t("div", { className: "text-content", children: r }),
+  return /* @__PURE__ */ M(Q, { ...b, children: [
+    j && a && /* @__PURE__ */ t(L, { children: /* @__PURE__ */ M(Y, { ...b, inputValue: p(a), children: [
+      /* @__PURE__ */ t("div", { className: "text-content", children: a }),
       /* @__PURE__ */ t("div", { className: "arrow", children: /* @__PURE__ */ t("div", { className: "outer", children: /* @__PURE__ */ t("div", { className: "inner" }) }) })
     ] }) }),
-    d == null || d == "undefined" ? /* @__PURE__ */ t(
-      T,
+    i == null || i == "undefined" ? /* @__PURE__ */ t(
+      P,
       {
-        ref: i || C,
+        ref: o || R,
         id: "fader",
         type: "range",
-        min: c,
+        min: u,
         max: h,
-        defaultValue: u,
-        disabled: l,
+        defaultValue: s,
+        disabled: d,
         tabIndex: k,
         onMouseEnter: () => {
-          p(!0);
+          m(!0);
         },
         onMouseLeave: () => {
-          p(!1);
+          m(!1);
         },
-        rangeBackground: z,
+        rangeBackground: y,
         onInput: V,
-        onChange: P,
+        onChange: O,
         ...b,
-        ...y
+        ...w
       }
     ) : /* @__PURE__ */ t(
-      T,
+      P,
       {
-        ref: i || C,
+        ref: o || R,
         id: "fader",
         type: "range",
-        min: c,
+        min: u,
         max: h,
-        value: r,
-        disabled: l,
+        value: a,
+        disabled: d,
         tabIndex: k,
         onMouseEnter: () => {
-          p(!0);
+          m(!0);
         },
         onMouseLeave: () => {
-          p(!1);
+          m(!1);
         },
-        rangeBackground: z,
+        rangeBackground: y,
         onInput: V,
-        onChange: P,
+        onChange: O,
         ...b,
-        ...y
+        ...w
       }
     )
   ] });
 });
-_.propTypes = {
-  value: n.number,
-  defaultValue: n.number,
-  min: n.number,
-  max: n.number,
-  disabled: n.bool,
-  tabIndex: n.number,
-  //-------------------------
-  onChange: n.func,
-  onInput: n.func,
-  //-------------------------
-  className: n.string,
-  style: n.object,
-  size: n.oneOf(["small", "medium", "large"]),
-  color: n.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "disabled",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  _ as default
+  re as default
 };

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),w=require("./utils-RnrgDDZP.cjs"),k=require("./ThemeProvider.cjs"),s=require("./index-BpbMKBf_.cjs"),R=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),P=a.styled.div`
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),S=require("./useDetectMobile-zkbzoOGV.cjs"),w=require("./utils-RnrgDDZP.cjs"),v=require("./ThemeProvider.cjs"),k=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),R=s.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -8,20 +8,20 @@
     font-weight: 600;
     font-size: 1.5rem;
   }
-`,$=a.styled.div`
+`,y=s.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,C=a.styled.a`
+`,P=s.styled.a`
   padding-top: 5rem;
   overflow: hidden;
   text-decoration: none;
   color: var(--gray-950);
-`,L=a.styled.div`
+`,$=s.styled.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -77,9 +77,9 @@
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-`,x=(t,n)=>w.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",n),N=a.styled.div`
-  font-size: ${t=>x(t,"fontSize")};
-  line-height: ${t=>x(t,"lineHeight")};
+`,b=(t,o)=>w.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),C=s.styled.div`
+  font-size: ${t=>b(t,"fontSize")};
+  line-height: ${t=>b(t,"lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -98,7 +98,7 @@
     line-height: 1.5rem;
     color: ${t=>t.color};
   }
-`,q=a.styled.span`
+`,L=s.styled.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -108,13 +108,13 @@
   width: ${t=>t.width}%;
 
   color: ${t=>w.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
-`,T=a.styled.span`
+`,N=s.styled.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${t=>t.color};
-`,S=g.forwardRef((t,n)=>{const{rating:l=0,reviewCount:o=null,disabled:d=!1,tabIndex:c=0,className:u="",style:p={},color:m="primary",size:b="large"}=t,{theme:r}=k.useTheme(),h={theme:r,color:m,size:b,style:p,disabled:d},y=l/5*100;return e.jsxs(N,{ref:n,tabIndex:c,...h,className:`star-rating ${u}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(q,{className:"filled-stars",...h,width:y,children:"★★★★★"}),e.jsx(T,{...h,children:"★★★★★"})]}),!isNaN(o)&&Number.isFinite(o)&&e.jsx("div",{className:"review-count",children:`(${o.toLocaleString()})`})]})});S.propTypes={rating:s.PropTypes.number,reviewCount:s.PropTypes.any,disabled:s.PropTypes.bool,tabIndex:s.PropTypes.number,style:s.PropTypes.object,className:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:s.PropTypes.oneOf(["small","medium","large"])};const z=g.forwardRef((t,n)=>{const{image:l,text:o,title:d,link:c,rating:u,onSelectCard:p=()=>{},LinkComponent:m}=t,b=m||"a";return e.jsx(C,{ref:n,className:"review-card",onClick:p,as:b,...m?{to:`/${c}`}:{href:`/${c}`},children:e.jsxs(L,{children:[e.jsx(R.ProductImageWrapper,{src:l}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:d}),e.jsx("div",{className:"cont-text",children:o})]}),e.jsx(S,{color:"warning",rating:u})]})})}),M=a.styled(i.SkeletonRowWrapper)`
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+`,q=g.forwardRef((t,o)=>{const{rating:l=0,reviewCount:n=null,disabled:a=!1,tabIndex:d=0,className:p="",style:h={},color:c="primary",size:u="large"}=t,{theme:r}=v.useTheme(),m={theme:r,color:c,size:u,style:h,disabled:a},f=l/5*100;return e.jsxs(C,{ref:o,tabIndex:d,...m,className:`star-rating ${p}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(L,{className:"filled-stars",...m,width:f,children:"★★★★★"}),e.jsx(N,{...m,children:"★★★★★"})]}),!isNaN(n)&&Number.isFinite(n)&&e.jsx("div",{className:"review-count",children:`(${n.toLocaleString()})`})]})}),z=g.forwardRef((t,o)=>{const{image:l,text:n,title:a,link:d,rating:p,onSelectCard:h=()=>{},LinkComponent:c}=t,u=c||"a";return e.jsx(P,{ref:o,className:"review-card",onClick:h,as:u,...c?{to:`/${d}`}:{href:`/${d}`},children:e.jsxs($,{children:[e.jsx(k.ProductImageWrapper,{src:l}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:a}),e.jsx("div",{className:"cont-text",children:n})]}),e.jsx(q,{color:"warning",rating:p})]})})}),M=s.styled(i.SkeletonRowWrapper)`
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
     & > div {
@@ -125,4 +125,4 @@
       }
     }
   }
-`,I=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),W=({keyPrefix:t,isLoading:n=!1,fallbackComponent:l=e.jsx(e.Fragment,{}),children:o})=>e.jsx(g.Suspense,{fallbackComponent:l,children:n===!0?e.jsx(I,{keyPrefix:t}):o}),j=g.memo(z),E=g.forwardRef((t,n)=>{const{title:l="Electronics reviews",items:o,limit:d=3,onSelectCard:c=()=>{},isLoading:u=!1,LinkComponent:p}=t,m=v.useDetectMobile(),b=g.useMemo(()=>e.jsx(e.Fragment,{children:m===!0?o==null?void 0:o.map((r,h)=>e.jsx(j,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>c(r),LinkComponent:p},h)):o==null?void 0:o.slice(0,d).map((r,h)=>e.jsx(j,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>c(r),LinkComponent:p},h))}),[o,m,d]);return e.jsxs(P,{ref:n,children:[e.jsx("div",{className:"container-title",children:l}),e.jsx(W,{isLoading:u,keyPrefix:"reviews-skeleton",children:e.jsx($,{limit:d,children:b})})]})});module.exports=E;
+`,W=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),E=({keyPrefix:t,isLoading:o=!1,fallbackComponent:l=e.jsx(e.Fragment,{}),children:n})=>e.jsx(g.Suspense,{fallbackComponent:l,children:o===!0?e.jsx(W,{keyPrefix:t}):n}),x=g.memo(z),I=g.forwardRef((t,o)=>{const{title:l="Electronics reviews",items:n,limit:a=3,onSelectCard:d=()=>{},isLoading:p=!1,LinkComponent:h}=t,c=S.useDetectMobile(),u=g.useMemo(()=>e.jsx(e.Fragment,{children:c===!0?n==null?void 0:n.map((r,m)=>e.jsx(x,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m)):n==null?void 0:n.slice(0,a).map((r,m)=>e.jsx(x,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m))}),[n,c,a]);return e.jsxs(R,{ref:o,children:[e.jsx("div",{className:"container-title",children:l}),e.jsx(E,{isLoading:p,keyPrefix:"reviews-skeleton",children:e.jsx(y,{limit:a,children:u})})]})});module.exports=I;