@lanaco/lnc-react-ui 4.0.67 → 4.0.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -114,7 +114,7 @@
114
114
  }
115
115
  }
116
116
  }
117
- `,w=g.forwardRef(({title:t,image:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,selectAction:d,tag:m},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,onClick:l,position:s,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[m&&r.jsx("div",{className:"text__tag",children:m}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,onClick:()=>l(d),className:"text__action"})]})]})})}),b=c.styled.div`
117
+ `,w=g.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,selectAction:d,tag:m},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,onClick:l,position:s,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[m&&r.jsx("div",{className:"text__tag",children:m}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,onClick:()=>l(d),className:"text__action"})]})]})})}),b=c.styled.div`
118
118
  display: flex;
119
119
  flex-direction: column;
120
120
  gap: 1.5rem;
@@ -136,7 +136,7 @@ const y = c.div`
136
136
  `, k = f(
137
137
  ({
138
138
  title: r,
139
- image: e,
139
+ imageUrl: e,
140
140
  description: i,
141
141
  buttonText: a,
142
142
  onSelectCard: l = () => {
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),n=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-CtNoHdBj.cjs"),M=require("./useDetectMobile-D6d5LpdL.cjs"),U=require("./index-CfA579i2.cjs"),F=require("./index-BxlCwYfi.cjs"),N=require("./suspense-product-card-simple-CQxB1MF4.cjs"),v=S.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-CtNoHdBj.cjs"),U=require("./useDetectMobile-D6d5LpdL.cjs"),F=require("./index-CfA579i2.cjs"),N=require("./index-BxlCwYfi.cjs"),v=require("./suspense-product-card-simple-CQxB1MF4.cjs"),T=k.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: repeat(6, 1fr);
4
4
  gap: 1.25rem;
@@ -9,7 +9,7 @@
9
9
  margin: auto;
10
10
  }
11
11
 
12
- @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
12
+ @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
13
13
  grid-template-columns: repeat(2, 1fr);
14
14
 
15
15
  & .text-block-v1 {
@@ -28,4 +28,4 @@
28
28
 
29
29
  }
30
30
  }
31
- `,m=n.memo(U.SimpleProductCard),T=n.forwardRef((p,g)=>{const{title:b,subtitle:h,description:w,buttonText:q,buttonLink:y,items:i,onButtonAction:P=()=>{},onSelectCard:t=()=>{},isLoading:f=!1,limit:s=6,getImage:o=()=>{},negotiableText:c,freeText:l}=p,d=M.useDetectMobile(),j=n.useMemo(()=>{var a;return r.jsx(r.Fragment,{children:d===!0?(a=i==null?void 0:i.slice(0,4))==null?void 0:a.map((e,u)=>r.jsx(m,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u)):i==null?void 0:i.map((e,u)=>r.jsx(m,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u))})},[i,d,s]);return r.jsxs(v,{ref:g,limit:s,children:[r.jsx(F.TextBlockV1,{subtitle:h,title:b,description:w,buttonText:q,buttonLink:y,onButtonAction:P,className:"text-block-v1"}),r.jsx(N.SuspenseSimpleProductCard,{isLoading:f,limit:s,keyPrefix:"explore-landing",children:j})]})});module.exports=T;
31
+ `,p=n.memo(F.SimpleProductCard),_=n.forwardRef((g,b)=>{const{title:h,subtitle:w,description:q,buttonText:y,buttonLink:P,items:i,onButtonAction:f=()=>{},onSelectCard:t=()=>{},isLoading:j=!1,limit:s=6,getImage:o=()=>{},negotiableText:c,freeText:l}=g,d=U.useDetectMobile(),S=n.useMemo(()=>{var a,m;return r.jsx(r.Fragment,{children:d===!0?(a=i==null?void 0:i.slice(0,4))==null?void 0:a.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u)):(m=i==null?void 0:i.slice(0,9))==null?void 0:m.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u))})},[i,d,s]);return r.jsxs(T,{ref:b,limit:s,children:[r.jsx(N.TextBlockV1,{subtitle:w,title:h,description:q,buttonText:y,buttonLink:P,onButtonAction:f,className:"text-block-v1"}),r.jsx(v.SuspenseSimpleProductCard,{isLoading:j,limit:s,keyPrefix:"explore-landing",children:S})]})});module.exports=_;
@@ -1,12 +1,12 @@
1
- import { jsx as t, Fragment as k, jsxs as M } from "react/jsx-runtime";
2
- import { memo as U, forwardRef as F, useMemo as N } from "react";
3
- import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as v } from "./consts-C1uHV4xc.js";
5
- import { u as B } from "./useDetectMobile-BC6EGaBc.js";
6
- import { S as I } from "./index-m9SN4CZC.js";
7
- import { T as L } from "./index-CpuLfTNK.js";
8
- import { S as j } from "./suspense-product-card-simple-fSvde3aM.js";
9
- const z = T.div`
1
+ import { jsx as t, Fragment as M, jsxs as U } from "react/jsx-runtime";
2
+ import { memo as F, forwardRef as N, useMemo as T } from "react";
3
+ import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { M as B } from "./consts-C1uHV4xc.js";
5
+ import { u as I } from "./useDetectMobile-BC6EGaBc.js";
6
+ import { S as L } from "./index-m9SN4CZC.js";
7
+ import { T as j } from "./index-CpuLfTNK.js";
8
+ import { S as z } from "./suspense-product-card-simple-fSvde3aM.js";
9
+ const C = v.div`
10
10
  display: grid;
11
11
  grid-template-columns: repeat(6, 1fr);
12
12
  gap: 1.25rem;
@@ -17,7 +17,7 @@ const z = T.div`
17
17
  margin: auto;
18
18
  }
19
19
 
20
- @media (max-width: ${v + "px"}) {
20
+ @media (max-width: ${B + "px"}) {
21
21
  grid-template-columns: repeat(2, 1fr);
22
22
 
23
23
  & .text-block-v1 {
@@ -36,28 +36,28 @@ const z = T.div`
36
36
 
37
37
  }
38
38
  }
39
- `, n = U(I), V = F((c, p) => {
39
+ `, c = F(L), W = N((p, g) => {
40
40
  const {
41
- title: g,
42
- subtitle: f,
43
- description: b,
44
- buttonText: h,
45
- buttonLink: w,
41
+ title: f,
42
+ subtitle: b,
43
+ description: h,
44
+ buttonText: w,
45
+ buttonLink: y,
46
46
  items: i,
47
- onButtonAction: y = () => {
47
+ onButtonAction: P = () => {
48
48
  },
49
49
  onSelectCard: r = () => {
50
50
  },
51
- isLoading: P = !1,
51
+ isLoading: S = !1,
52
52
  limit: o = 6,
53
53
  getImage: l = () => {
54
54
  },
55
- negotiableText: m,
56
- freeText: s
57
- } = c, d = B(), S = N(() => {
58
- var a;
59
- return /* @__PURE__ */ t(k, { children: d === !0 ? (a = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : a.map((e, u) => /* @__PURE__ */ t(
60
- n,
55
+ negotiableText: s,
56
+ freeText: m
57
+ } = p, d = I(), k = T(() => {
58
+ var a, n;
59
+ return /* @__PURE__ */ t(M, { children: d === !0 ? (a = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : a.map((e, u) => /* @__PURE__ */ t(
60
+ c,
61
61
  {
62
62
  title: e == null ? void 0 : e.name,
63
63
  price: e == null ? void 0 : e.price,
@@ -68,12 +68,12 @@ const z = T.div`
68
68
  uuid: e == null ? void 0 : e.uuid,
69
69
  onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
70
70
  image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
71
- negotiableText: m,
72
- freeText: s
71
+ negotiableText: s,
72
+ freeText: m
73
73
  },
74
74
  u
75
- )) : i == null ? void 0 : i.map((e, u) => /* @__PURE__ */ t(
76
- n,
75
+ )) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ t(
76
+ c,
77
77
  {
78
78
  title: e == null ? void 0 : e.name,
79
79
  price: e == null ? void 0 : e.price,
@@ -84,36 +84,36 @@ const z = T.div`
84
84
  uuid: e == null ? void 0 : e.uuid,
85
85
  onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
86
86
  image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
87
- negotiableText: m,
88
- freeText: s
87
+ negotiableText: s,
88
+ freeText: m
89
89
  },
90
90
  u
91
91
  )) });
92
92
  }, [i, d, o]);
93
- return /* @__PURE__ */ M(z, { ref: p, limit: o, children: [
93
+ return /* @__PURE__ */ U(C, { ref: g, limit: o, children: [
94
94
  /* @__PURE__ */ t(
95
- L,
95
+ j,
96
96
  {
97
- subtitle: f,
98
- title: g,
99
- description: b,
100
- buttonText: h,
101
- buttonLink: w,
102
- onButtonAction: y,
97
+ subtitle: b,
98
+ title: f,
99
+ description: h,
100
+ buttonText: w,
101
+ buttonLink: y,
102
+ onButtonAction: P,
103
103
  className: "text-block-v1"
104
104
  }
105
105
  ),
106
106
  /* @__PURE__ */ t(
107
- j,
107
+ z,
108
108
  {
109
- isLoading: P,
109
+ isLoading: S,
110
110
  limit: o,
111
111
  keyPrefix: "explore-landing",
112
- children: S
112
+ children: k
113
113
  }
114
114
  )
115
115
  ] });
116
116
  });
117
117
  export {
118
- V as default
118
+ W as default
119
119
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "4.0.67",
3
+ "version": "4.0.68",
4
4
  "description": "React component library",
5
5
  "type": "module",
6
6
  "keywords": [