@lanaco/lnc-react-ui 4.0.185 → 4.0.186
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.
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),h=require("react"),_=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),h=require("react"),_=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-RnrgDDZP.cjs"),c=require("./consts-goSZX3xP.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),j=d.styled.a`
|
|
2
|
+
text-decoration: none;
|
|
2
3
|
display: flex;
|
|
3
4
|
flex-direction: column;
|
|
4
5
|
align-items: flex-start;
|
|
@@ -32,7 +33,7 @@
|
|
|
32
33
|
width: 24.5rem;
|
|
33
34
|
height: 30rem;
|
|
34
35
|
border-radius: 0.75rem;
|
|
35
|
-
background-color: ${
|
|
36
|
+
background-color: ${i.linearGradientAnimation("-90deg")};
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
& .wrapper__text {
|
|
@@ -52,7 +53,7 @@
|
|
|
52
53
|
font-style: normal;
|
|
53
54
|
font-weight: 500;
|
|
54
55
|
line-height: 1.5rem;
|
|
55
|
-
${
|
|
56
|
+
${i.truncateTextInRows(2)}
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
& .text__tag {
|
|
@@ -74,7 +75,7 @@
|
|
|
74
75
|
font-style: normal;
|
|
75
76
|
font-weight: 400;
|
|
76
77
|
line-height: 1.25rem;
|
|
77
|
-
${
|
|
78
|
+
${i.truncateTextInRows(2)}
|
|
78
79
|
}
|
|
79
80
|
|
|
80
81
|
& .text__action {
|
|
@@ -88,19 +89,19 @@
|
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
& .text__title--skeleton {
|
|
91
|
-
background-color: ${
|
|
92
|
+
background-color: ${i.linearGradientAnimation("-90deg")};
|
|
92
93
|
height: 1rem;
|
|
93
94
|
width: 9rem;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
& .text__description--skeleton {
|
|
97
|
-
background-color: ${
|
|
98
|
+
background-color: ${i.linearGradientAnimation("-90deg")};
|
|
98
99
|
height: 1rem;
|
|
99
100
|
width: 12rem;
|
|
100
101
|
}
|
|
101
102
|
|
|
102
103
|
& .text__action--skeleton {
|
|
103
|
-
background-color: ${
|
|
104
|
+
background-color: ${i.linearGradientAnimation("-90deg")};
|
|
104
105
|
height: 2rem;
|
|
105
106
|
width: 9rem;
|
|
106
107
|
}
|
|
@@ -113,7 +114,7 @@
|
|
|
113
114
|
max-height: 14.5rem;
|
|
114
115
|
}
|
|
115
116
|
}
|
|
116
|
-
`,b=h.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:m=()=>{},className:g,position:l,tag:s,backgroundColor:p,buttonLink:x},u)=>{const f=w.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(j,{ref:u,theme:f,className:g,position:l,backgroundColor:p,onClick:m,href:`/${x}`,children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),e.jsx("div",{className:"text__title",children:r}),
|
|
117
|
+
`,b=h.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:m=()=>{},className:g,position:l,tag:s,backgroundColor:p,buttonLink:x},u)=>{const f=w.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(j,{ref:u,theme:f,className:g,position:l,backgroundColor:p,onClick:m,href:`/${x}`,children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"text__description",children:o}),i.isDefinedNotEmptyString(a)&&e.jsx(_,{text:a,className:"text__action"})]})]})})}),k=d.styled.div`
|
|
117
118
|
display: flex;
|
|
118
119
|
flex-direction: column;
|
|
119
120
|
gap: 1.5rem;
|
|
@@ -164,7 +165,7 @@
|
|
|
164
165
|
height: 100%;
|
|
165
166
|
max-height: 100%;
|
|
166
167
|
}
|
|
167
|
-
`,S=d.styled(
|
|
168
|
+
`,S=d.styled(n.SkeletonRowWrapper)`
|
|
168
169
|
@media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
|
|
169
170
|
flex-direction: column;
|
|
170
171
|
|
|
@@ -178,4 +179,4 @@
|
|
|
178
179
|
flex-direction: column;
|
|
179
180
|
}
|
|
180
181
|
}
|
|
181
|
-
`,v=({keyPrefix:r})=>e.jsxs(S,{children:[e.jsx(
|
|
182
|
+
`,v=({keyPrefix:r})=>e.jsxs(S,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),$=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:a})=>e.jsx(h.Suspense,{fallbackComponent:o,children:t===!0?e.jsx(v,{keyPrefix:r}):a}),E=h.forwardRef(({title:r,items:t,isLoading:o=!1,limit:a=3,onSelectCard:m=()=>{}},g)=>e.jsxs(k,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx($,{isLoading:o,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx(y,{limit:a,children:t&&(t==null?void 0:t.map((l,s)=>e.jsx(b,{...l,onSelectCard:()=>m(l)},`landing-page-masonry-general-card__${s+1}`)))})})]}));module.exports=E;
|
|
@@ -2,11 +2,12 @@ import { jsx as r, Fragment as _, jsxs as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as w, Suspense as y } from "react";
|
|
3
3
|
import S from "./Button.js";
|
|
4
4
|
import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { w as m, o as f, k as
|
|
5
|
+
import { w as m, o as f, k as x } from "./utils-Dc5zIpaz.js";
|
|
6
6
|
import { M as c } from "./consts-BuFChS64.js";
|
|
7
7
|
import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
8
|
-
import { a as p, S as
|
|
9
|
-
const C = s.
|
|
8
|
+
import { a as p, S as u, b as o } from "./style-CXMUA6cI.js";
|
|
9
|
+
const C = s.a`
|
|
10
|
+
text-decoration: none;
|
|
10
11
|
display: flex;
|
|
11
12
|
flex-direction: column;
|
|
12
13
|
align-items: flex-start;
|
|
@@ -163,8 +164,8 @@ const C = s.div`
|
|
|
163
164
|
/* @__PURE__ */ i("div", { className: "wrapper__text", children: [
|
|
164
165
|
d && /* @__PURE__ */ r("div", { className: "text__tag", children: d }),
|
|
165
166
|
/* @__PURE__ */ r("div", { className: "text__title", children: e }),
|
|
166
|
-
|
|
167
|
-
|
|
167
|
+
x(a) && /* @__PURE__ */ r("div", { className: "text__description", children: a }),
|
|
168
|
+
x(n) && /* @__PURE__ */ r(
|
|
168
169
|
S,
|
|
169
170
|
{
|
|
170
171
|
text: n,
|
|
@@ -242,7 +243,7 @@ const C = s.div`
|
|
|
242
243
|
}
|
|
243
244
|
}
|
|
244
245
|
`, E = ({ keyPrefix: e }) => /* @__PURE__ */ i(j, { children: [
|
|
245
|
-
/* @__PURE__ */ r(
|
|
246
|
+
/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
|
|
246
247
|
o,
|
|
247
248
|
{
|
|
248
249
|
height: "31.25rem",
|
|
@@ -250,7 +251,7 @@ const C = s.div`
|
|
|
250
251
|
},
|
|
251
252
|
`${e}-1`
|
|
252
253
|
) }),
|
|
253
|
-
/* @__PURE__ */ i(
|
|
254
|
+
/* @__PURE__ */ i(u, { children: [
|
|
254
255
|
/* @__PURE__ */ i(p, { noGradient: !0, children: [
|
|
255
256
|
/* @__PURE__ */ r(o, { height: "15rem" }, `${e}-2`),
|
|
256
257
|
/* @__PURE__ */ r(o, { height: "15rem" }, `${e}-3`)
|