@lanaco/lnc-react-ui 4.0.81 → 4.0.83

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-CtNoHdBj.cjs"),f=require("./index-ryadTWiS.cjs"),v=a.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-CtNoHdBj.cjs"),v=require("./index-ryadTWiS.cjs"),b=s.styled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -19,7 +19,7 @@
     box-shadow: none;
     border: none;
   }
-`,b=a.styled.div`
+`,j=s.styled.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
@@ -28,7 +28,7 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`,j=a.styled.div`
+`,w=s.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -57,4 +57,4 @@
       color: var(--primary-500, #f59e0b);
     }
   }
-`,w=d.forwardRef((c,p)=>{const{title:m,items:t,options:o,onSelectRegion:g=()=>{},onSelectCity:x=()=>{},onSelectOption:u=()=>{}}=c;return e.jsxs(v,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(f.SelectBar,{items:o,onRemove:r=>{},onSelect:(r,i)=>{u(r,i)},labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(b,{children:t==null?void 0:t.map((r,i)=>{var s;return e.jsxs(j,{children:[e.jsx("div",{className:"region",onClick:()=>g(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(s=r==null?void 0:r.cities)==null?void 0:s.map((n,h)=>e.jsx(d.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},i+h))})]},i)})})]})});module.exports=w;
+`,S=d.forwardRef((c,p)=>{const{title:m,items:i,options:o,selectedOption:g=[],onSelectRegion:x=()=>{},onSelectCity:u=()=>{},onSelectOption:h=()=>{}}=c;return e.jsxs(b,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(v.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(j,{children:i==null?void 0:i.map((r,t)=>{var a;return e.jsxs(w,{children:[e.jsx("div",{className:"region",onClick:()=>x(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,f)=>e.jsx(d.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>u(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+f))})]},t)})})]})});module.exports=S;

package/dist/LocationSearchSection.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as v, Fragment as x } from "react";
+import { forwardRef as v, Fragment as b } from "react";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as p } from "./consts-C1uHV4xc.js";
-import { S as b } from "./index-DXmajb7F.js";
-const w = l.div`
+import { S as w } from "./index-DXmajb7F.js";
+const S = l.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -24,7 +24,7 @@ const w = l.div`
     box-shadow: none;
     border: none;
   }
-`, S = l.div`
+`, N = l.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
@@ -33,7 +33,7 @@ const w = l.div`
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`, N = l.div`
+`, C = l.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -62,50 +62,50 @@ const w = l.div`
       color: var(--primary-500, #f59e0b);
     }
   }
-`, R = v((m, s) => {
+`, O = v((s, m) => {
   const {
     title: c,
     items: t,
     options: a,
-    onSelectRegion: g = () => {
+    selectedOption: g = [],
+    onSelectRegion: f = () => {
     },
-    onSelectCity: f = () => {
+    onSelectCity: h = () => {
     },
-    onSelectOption: h = () => {
+    onSelectOption: u = () => {
     }
-  } = m;
-  return /* @__PURE__ */ i(w, { ref: s, children: [
+  } = s;
+  return /* @__PURE__ */ i(S, { ref: m, children: [
     /* @__PURE__ */ o("div", { className: "wrapper-title", children: c }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
-      b,
+      w,
       {
         items: a,
-        onRemove: (e) => {
-        },
+        selectedIds: g,
         onSelect: (e, n) => {
-          h(e, n);
+          u(e, n);
         },
         labelKey: "name",
         valueKey: "code",
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ o(S, { children: t == null ? void 0 : t.map((e, n) => {
+    /* @__PURE__ */ o(N, { children: t == null ? void 0 : t.map((e, n) => {
       var d;
-      return /* @__PURE__ */ i(N, { children: [
-        /* @__PURE__ */ o("div", { className: "region", onClick: () => g(e), children: e == null ? void 0 : e.name }),
-        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, u) => /* @__PURE__ */ o(x, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => f(r), children: [
+      return /* @__PURE__ */ i(C, { children: [
+        /* @__PURE__ */ o("div", { className: "region", onClick: () => f(e), children: e == null ? void 0 : e.name }),
+        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, x) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => h(r), children: [
           /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.name }),
           /* @__PURE__ */ i("span", { className: "count-txt", children: [
             "(",
             r == null ? void 0 : r.count,
             ")"
           ] })
-        ] }) }, n + u)) })
+        ] }) }, n + x)) })
       ] }, n);
     }) })
   ] });
 });
 export {
-  R as default
+  O as default
 };

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("react"),j=require("./Button.cjs"),u=require("./skeleton-CtJG0_SN.cjs"),b=require("./utils-BXPz9bck.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-CtNoHdBj.cjs"),c=C.styled.div`
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),v=require("./Button.cjs"),p=require("./skeleton-CtJG0_SN.cjs"),c=require("./utils-BXPz9bck.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-CtNoHdBj.cjs"),C=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -66,7 +66,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -87,4 +87,4 @@
       gap: 1rem;
     }
   }
-`,q=v.forwardRef(({title:i,subtitle:o,items:n,limit:_=4,limitForMobile:g=2,buttonText:x="Show More",onSelectCard:s=()=>{},onButtonAction:p=()=>{},icon:a,getImage:h=()=>{},getProductImage:f=()=>{},hideProducts:w=!1},y)=>{var m;const r=e=>{s==null||s(e==null?void 0:e.uuid)};return t.jsxs(c,{ref:y,limitCards:_,limitCardsForMobile:g,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[b.isDefinedNotEmptyString(a)&&t.jsx("i",{className:a}),t.jsx("span",{children:i})]}),p&&t.jsx(j,{text:x,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:p})]}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,l)=>t.jsx(u.ShopCard,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>r==null?void 0:r(e==null?void 0:e.uuid),image:h(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:f,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:w},`shop-card__${l+1}`)):(m=Array.from("1234"))==null?void 0:m.map((e,l)=>t.jsx(u.ShopCardSkeleton,{},`shop-card-skeleton__${l+1}`))})]})});module.exports=q;
+`,d=y.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:_=2,buttonText:u="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1},w)=>{var a;return t.jsxs(C,{ref:w,limitCards:m,limitCardsForMobile:_,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[c.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(v,{text:u,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=d;

package/dist/ShopCardsSection.js

@@ -1,11 +1,11 @@
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import b from "./Button.js";
-import { S as C, a as N } from "./skeleton-iQWpOw9K.js";
-import { k as $ } from "./utils-DCs-SbIv.js";
-import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M } from "./consts-C1uHV4xc.js";
-const S = k.div`
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import v from "./Button.js";
+import { S as C, a as b } from "./skeleton-iQWpOw9K.js";
+import { k as d } from "./utils-DCs-SbIv.js";
+import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as N } from "./consts-C1uHV4xc.js";
+const $ = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -73,7 +73,7 @@ const S = k.div`
     width: 100%;
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${N + "px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -94,56 +94,53 @@ const S = k.div`
       gap: 1rem;
     }
   }
-`, F = v(
+`, I = y(
   ({
     title: t,
-    subtitle: s,
+    subtitle: o,
     items: i,
-    limit: g = 4,
-    limitForMobile: f = 2,
-    buttonText: u = "Show More",
-    onSelectCard: r = () => {
+    limit: m = 4,
+    limitForMobile: _ = 2,
+    buttonText: g = "Show More",
+    onSelectCard: f = () => {
     },
-    onButtonAction: m = () => {
+    onButtonAction: a = () => {
     },
-    icon: a,
-    getImage: h = () => {
+    icon: p,
+    getImage: u = () => {
     },
-    getProductImage: w = () => {
+    getProductImage: h = () => {
     },
-    hideProducts: x = !1
-  }, y) => {
-    var _;
-    const l = (e) => {
-      r == null || r(e == null ? void 0 : e.uuid);
-    };
-    return /* @__PURE__ */ o(
-      S,
+    hideProducts: w = !1
+  }, x) => {
+    var s;
+    return /* @__PURE__ */ n(
+      $,
       {
-        ref: y,
-        limitCards: g,
-        limitCardsForMobile: f,
+        ref: x,
+        limitCards: m,
+        limitCardsForMobile: _,
         children: [
-          /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
-            /* @__PURE__ */ o("div", { className: "wrapper__title", children: [
-              t && /* @__PURE__ */ o("div", { className: "title__text", children: [
-                $(a) && /* @__PURE__ */ n("i", { className: a }),
-                /* @__PURE__ */ n("span", { children: t })
+          /* @__PURE__ */ n("div", { className: "wrapper__heading", children: [
+            /* @__PURE__ */ n("div", { className: "wrapper__title", children: [
+              t && /* @__PURE__ */ n("div", { className: "title__text", children: [
+                d(p) && /* @__PURE__ */ r("i", { className: p }),
+                /* @__PURE__ */ r("span", { children: t })
               ] }),
-              m && /* @__PURE__ */ n(
-                b,
+              a && /* @__PURE__ */ r(
+                v,
                 {
-                  text: u,
+                  text: g,
                   borderRadius: "curved",
                   btnType: "tinted",
                   className: "title__action",
-                  onClick: m
+                  onClick: a
                 }
               )
             ] }),
-            s && /* @__PURE__ */ n("div", { className: "wrapper__subtitle", children: s })
+            o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
           ] }),
-          /* @__PURE__ */ n("div", { className: "wrapper__cards", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, p) => /* @__PURE__ */ n(
+          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
             C,
             {
               uuid: e == null ? void 0 : e.uuid,
@@ -153,19 +150,19 @@ const S = k.div`
               reviewCount: e == null ? void 0 : e.reviewCount,
               products: e == null ? void 0 : e.products,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => l == null ? void 0 : l(e == null ? void 0 : e.uuid),
-              image: h(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
-              getProductImage: w,
+              onSelectCard: () => f(e == null ? void 0 : e.uuid),
+              image: u(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
+              getProductImage: h,
               canAcceptPayments: e == null ? void 0 : e.canAcceptPayments,
-              hideProducts: x
+              hideProducts: w
             },
-            `shop-card__${p + 1}`
-          )) : (_ = Array.from("1234")) == null ? void 0 : _.map((e, p) => /* @__PURE__ */ n(N, {}, `shop-card-skeleton__${p + 1}`)) })
+            `shop-card__${l + 1}`
+          )) : (s = Array.from("1234")) == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r(b, {}, `shop-card-skeleton__${l + 1}`)) })
         ]
       }
     );
   }
 );
 export {
-  F as default
+  I as default
 };

package/package.json

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