@lanaco/lnc-react-ui 4.0.220 → 4.0.221
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.
- package/dist/BlogListSection.cjs +5 -5
- package/dist/BlogListSection.js +55 -55
- package/package.json +1 -1
package/dist/BlogListSection.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),a=require("react"),W=require("./Icon.cjs"),f=require("./IconButton.cjs"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),a=require("react"),W=require("./Icon.cjs"),f=require("./IconButton.cjs"),c=require("./utils-CITgSxXe.cjs"),G=require("./index-DsINTjQk.cjs"),I=require("./style-DC05rdyx.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./breakpoints-CcVm-gVm.cjs"),n=require("./style-BAcV7F53.cjs"),T=R.styled.a`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
display: flex;
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
font-weight: 600;
|
|
68
68
|
line-height: 1.5rem;
|
|
69
69
|
letter-spacing: 0.1px;
|
|
70
|
-
${
|
|
70
|
+
${c.truncateTextInRows(3)}
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
& .wrapper__tags {
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
`,z=a.forwardRef(({blogUuid:i,title:l,imageUrl:
|
|
171
|
+
`,z=a.forwardRef(({blogUuid:i,title:l,imageUrl:m,options:o,publishedAt:h,timeToReadText:k="{0} min read",timeToRead:_=0,numberOfLikes:b=0,numberOfComments:S=0,isBookmarked:g=!1,onSelectCard:y=()=>{},onBookmark:v=()=>{},onShare:u=()=>{},bookmarkComponent:d=e.jsx(e.Fragment,{}),metadata:s,titleSlug:j,LinkComponent:r,hasShare:w=!0,hasDelete:p=!1,onDelete:x=()=>{}},P)=>{const q=r||"a",C=()=>c.isDefined(d)?a.cloneElement(d,{key:`bookmark_blog__${i}__${g}`,isBookmarked:g,blogUuid:i,onBookmark:(L,B)=>v(L,B),ref:P,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),N=a.useRef();return e.jsxs(T,{ref:N,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:t=>y(t,N),className:"blog-card-item",as:q,...r?{to:`/blog/${j}`}:{href:`/blog/${j}`},children:[e.jsxs("div",{className:"image-container",children:[p&&e.jsx("div",{className:"action mobile-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:e.jsx(f,{icon:" mng-lnc-close",borderRadius:"curved",type:"button",btnType:"filled",color:"neutral",size:"medium",onClick:()=>{x()}})}),e.jsx(G.ProductImageWrapper,{src:m,className:"wrapper__image"})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsxs("div",{className:"wrapper__info",children:[e.jsx("div",{className:"wrapper__title",children:l}),p&&e.jsx("div",{className:"action desktop-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:e.jsx(f,{icon:" mng-lnc-close",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{x()}})})]}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((t,L)=>e.jsx(I.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${L+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:t=>{t.stopPropagation(),t.preventDefault()},children:[e.jsx(C,{}),w&&e.jsx(f,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{u()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(h)} • ${c.formatString(k,_)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(W,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),c.getRoundedNumber(b)]}),e.jsxs("div",{children:[e.jsx(W,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),c.getRoundedNumber(S)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation()},children:[e.jsx(C,{}),w&&e.jsx(f,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{u()}})]})]})]})]})}),F=R.styled.div`
|
|
172
172
|
display: flex;
|
|
173
173
|
flex-direction: column;
|
|
174
174
|
align-items: flex-start;
|
|
@@ -192,10 +192,10 @@
|
|
|
192
192
|
bottom: -1.25rem;
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
|
-
`,
|
|
195
|
+
`,O=R.styled(n.SkeletonColumnWrapper)`
|
|
196
196
|
@media ${$.down("S")} {
|
|
197
197
|
& > div {
|
|
198
198
|
flex-direction: column;
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
|
-
`,
|
|
201
|
+
`,U=({keyPrefix:i})=>e.jsxs(O,{children:[e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(n.SkeletonRowWrapper,{children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(n.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(n.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),A=({keyPrefix:i,isLoading:l=!1,fallbackComponent:m=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:m,children:l===!0?e.jsx(U,{keyPrefix:i}):o}),E=a.memo(z),M=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:m=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:k=()=>{},getImage:_=()=>{},isSeparated:b=!0,bookmarkComponent:S=e.jsx(e.Fragment,{}),componentName:g,LinkComponent:y,hasShare:v=!0,hasDelete:u=!1,onDelete:d=()=>{}},s)=>{const j=a.useMemo(()=>l==null?void 0:l.map((r,w)=>{var p;return e.jsx(E,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:i,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(x,P)=>o==null?void 0:o(r,P),hasShare:v,hasDelete:u,onDelete:()=>d==null?void 0:d(r),onShare:()=>h==null?void 0:h(r),onBookmark:k,imageUrl:_(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:S,metadata:{name:g,accessor:r==null?void 0:r.accessor},LinkComponent:y},`blog-card-item__${w+1}__${(p=r==null?void 0:r.isBookmarked)==null?void 0:p.toString()}`)}),[l]);return e.jsx(A,{isLoading:m,keyPrefix:"blog-list-skeleton",children:e.jsx(F,{ref:s,className:b?"separated":"",children:j})})});module.exports=M;
|
package/dist/BlogListSection.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e, Fragment as y } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as W, useRef as
|
|
2
|
+
import { forwardRef as W, useRef as A, cloneElement as E, Suspense as M, memo as D, useMemo as F } from "react";
|
|
3
3
|
import L from "./Icon.js";
|
|
4
4
|
import v from "./IconButton.js";
|
|
5
5
|
import { n as H, q as J, s as K, v as P, m as Q } from "./utils-B2fsQ6PS.js";
|
|
6
6
|
import { P as V } from "./index-BvMY2TbK.js";
|
|
7
7
|
import { B as X } from "./style-BUyFad_y.js";
|
|
8
8
|
import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
9
|
-
import { d as
|
|
10
|
-
import { b as
|
|
9
|
+
import { d as O } from "./breakpoints-ff0SIcV3.js";
|
|
10
|
+
import { b as c, S as l, c as f, a as n } from "./style-BwQ4djFC.js";
|
|
11
11
|
const Y = T.a`
|
|
12
12
|
text-decoration: none;
|
|
13
13
|
color: var(--gray-950);
|
|
@@ -127,7 +127,7 @@ const Y = T.a`
|
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
@media ${
|
|
130
|
+
@media ${O("S")} {
|
|
131
131
|
flex-direction: column;
|
|
132
132
|
padding: 0;
|
|
133
133
|
background: transparent;
|
|
@@ -181,38 +181,38 @@ const Y = T.a`
|
|
|
181
181
|
`, Z = W(
|
|
182
182
|
({
|
|
183
183
|
blogUuid: o,
|
|
184
|
-
title:
|
|
185
|
-
imageUrl:
|
|
184
|
+
title: m,
|
|
185
|
+
imageUrl: h,
|
|
186
186
|
options: a,
|
|
187
|
-
publishedAt:
|
|
187
|
+
publishedAt: p,
|
|
188
188
|
timeToReadText: k = "{0} min read",
|
|
189
189
|
timeToRead: N = 0,
|
|
190
190
|
numberOfLikes: $ = 0,
|
|
191
191
|
numberOfComments: C = 0,
|
|
192
|
-
isBookmarked:
|
|
192
|
+
isBookmarked: u = !1,
|
|
193
193
|
onSelectCard: B = () => {
|
|
194
194
|
},
|
|
195
195
|
onBookmark: R = () => {
|
|
196
196
|
},
|
|
197
|
-
onShare:
|
|
197
|
+
onShare: w = () => {
|
|
198
198
|
},
|
|
199
|
-
bookmarkComponent:
|
|
199
|
+
bookmarkComponent: s = /* @__PURE__ */ e(y, {}),
|
|
200
200
|
metadata: d,
|
|
201
201
|
titleSlug: _,
|
|
202
202
|
LinkComponent: r,
|
|
203
203
|
hasShare: b = !0,
|
|
204
|
-
hasDelete:
|
|
204
|
+
hasDelete: g = !1,
|
|
205
205
|
onDelete: S = () => {
|
|
206
206
|
}
|
|
207
207
|
}, G) => {
|
|
208
|
-
const
|
|
209
|
-
key: `bookmark_blog__${o}__${
|
|
210
|
-
isBookmarked:
|
|
208
|
+
const U = r || "a", z = () => Q(s) ? E(s, {
|
|
209
|
+
key: `bookmark_blog__${o}__${u}`,
|
|
210
|
+
isBookmarked: u,
|
|
211
211
|
blogUuid: o,
|
|
212
|
-
onBookmark: (j,
|
|
212
|
+
onBookmark: (j, q) => R(j, q),
|
|
213
213
|
ref: G,
|
|
214
214
|
componentName: "ExploreBlogSectionCard"
|
|
215
|
-
}) : /* @__PURE__ */ e(y, {}), I =
|
|
215
|
+
}) : /* @__PURE__ */ e(y, {}), I = A();
|
|
216
216
|
return /* @__PURE__ */ t(
|
|
217
217
|
Y,
|
|
218
218
|
{
|
|
@@ -221,11 +221,11 @@ const Y = T.a`
|
|
|
221
221
|
"data-accessor": d == null ? void 0 : d.accessor,
|
|
222
222
|
onClick: (i) => B(i, I),
|
|
223
223
|
className: "blog-card-item",
|
|
224
|
-
as:
|
|
224
|
+
as: U,
|
|
225
225
|
...r ? { to: `/blog/${_}` } : { href: `/blog/${_}` },
|
|
226
226
|
children: [
|
|
227
227
|
/* @__PURE__ */ t("div", { className: "image-container", children: [
|
|
228
|
-
|
|
228
|
+
g && /* @__PURE__ */ e(
|
|
229
229
|
"div",
|
|
230
230
|
{
|
|
231
231
|
className: "action mobile-only",
|
|
@@ -240,7 +240,7 @@ const Y = T.a`
|
|
|
240
240
|
type: "button",
|
|
241
241
|
btnType: "filled",
|
|
242
242
|
color: "neutral",
|
|
243
|
-
size: "
|
|
243
|
+
size: "medium",
|
|
244
244
|
onClick: () => {
|
|
245
245
|
S();
|
|
246
246
|
}
|
|
@@ -248,13 +248,13 @@ const Y = T.a`
|
|
|
248
248
|
)
|
|
249
249
|
}
|
|
250
250
|
),
|
|
251
|
-
/* @__PURE__ */ e(V, { src:
|
|
251
|
+
/* @__PURE__ */ e(V, { src: h, className: "wrapper__image" })
|
|
252
252
|
] }),
|
|
253
253
|
/* @__PURE__ */ t("div", { className: "wrapper__content", children: [
|
|
254
254
|
/* @__PURE__ */ t("div", { className: "wrapper__subcontent", children: [
|
|
255
255
|
/* @__PURE__ */ t("div", { className: "wrapper__info", children: [
|
|
256
|
-
/* @__PURE__ */ e("div", { className: "wrapper__title", children:
|
|
257
|
-
|
|
256
|
+
/* @__PURE__ */ e("div", { className: "wrapper__title", children: m }),
|
|
257
|
+
g && /* @__PURE__ */ e(
|
|
258
258
|
"div",
|
|
259
259
|
{
|
|
260
260
|
className: "action desktop-only",
|
|
@@ -302,7 +302,7 @@ const Y = T.a`
|
|
|
302
302
|
btnType: "basic",
|
|
303
303
|
color: "neutral",
|
|
304
304
|
onClick: () => {
|
|
305
|
-
|
|
305
|
+
w();
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
308
|
)
|
|
@@ -314,7 +314,7 @@ const Y = T.a`
|
|
|
314
314
|
/* @__PURE__ */ t("div", { className: "wrapper__info", children: [
|
|
315
315
|
/* @__PURE__ */ t("div", { className: "info__content", children: [
|
|
316
316
|
/* @__PURE__ */ e("div", { className: "info__text", children: `${J(
|
|
317
|
-
|
|
317
|
+
p
|
|
318
318
|
)} • ${K(k, N)}` }),
|
|
319
319
|
/* @__PURE__ */ t("div", { className: "info__text", children: [
|
|
320
320
|
/* @__PURE__ */ t("div", { children: [
|
|
@@ -344,7 +344,7 @@ const Y = T.a`
|
|
|
344
344
|
btnType: "basic",
|
|
345
345
|
color: "neutral",
|
|
346
346
|
onClick: () => {
|
|
347
|
-
|
|
347
|
+
w();
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
)
|
|
@@ -381,16 +381,16 @@ const Y = T.a`
|
|
|
381
381
|
bottom: -1.25rem;
|
|
382
382
|
}
|
|
383
383
|
}
|
|
384
|
-
`, ee = T(
|
|
385
|
-
@media ${
|
|
384
|
+
`, ee = T(c)`
|
|
385
|
+
@media ${O("S")} {
|
|
386
386
|
& > div {
|
|
387
387
|
flex-direction: column;
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
390
|
`, re = ({ keyPrefix: o }) => /* @__PURE__ */ t(ee, { children: [
|
|
391
391
|
/* @__PURE__ */ t(l, { children: [
|
|
392
|
-
/* @__PURE__ */ e(
|
|
393
|
-
/* @__PURE__ */ t(
|
|
392
|
+
/* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
|
|
393
|
+
/* @__PURE__ */ t(c, { noGradient: !0, children: [
|
|
394
394
|
/* @__PURE__ */ e(n, { height: "1.5rem" }),
|
|
395
395
|
/* @__PURE__ */ t(l, { noGradient: !0, children: [
|
|
396
396
|
/* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
|
|
@@ -401,8 +401,8 @@ const Y = T.a`
|
|
|
401
401
|
] })
|
|
402
402
|
] }, `${o}-1`),
|
|
403
403
|
/* @__PURE__ */ t(l, { children: [
|
|
404
|
-
/* @__PURE__ */ e(
|
|
405
|
-
/* @__PURE__ */ t(
|
|
404
|
+
/* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
|
|
405
|
+
/* @__PURE__ */ t(c, { noGradient: !0, children: [
|
|
406
406
|
/* @__PURE__ */ e(n, { height: "1.5rem" }),
|
|
407
407
|
/* @__PURE__ */ t(l, { noGradient: !0, children: [
|
|
408
408
|
/* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
|
|
@@ -413,8 +413,8 @@ const Y = T.a`
|
|
|
413
413
|
] })
|
|
414
414
|
] }, `${o}-2`),
|
|
415
415
|
/* @__PURE__ */ t(l, { children: [
|
|
416
|
-
/* @__PURE__ */ e(
|
|
417
|
-
/* @__PURE__ */ t(
|
|
416
|
+
/* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
|
|
417
|
+
/* @__PURE__ */ t(c, { noGradient: !0, children: [
|
|
418
418
|
/* @__PURE__ */ e(n, { height: "1.5rem" }),
|
|
419
419
|
/* @__PURE__ */ t(l, { noGradient: !0, children: [
|
|
420
420
|
/* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
|
|
@@ -425,8 +425,8 @@ const Y = T.a`
|
|
|
425
425
|
] })
|
|
426
426
|
] }, `${o}-3`),
|
|
427
427
|
/* @__PURE__ */ t(l, { children: [
|
|
428
|
-
/* @__PURE__ */ e(
|
|
429
|
-
/* @__PURE__ */ t(
|
|
428
|
+
/* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
|
|
429
|
+
/* @__PURE__ */ t(c, { noGradient: !0, children: [
|
|
430
430
|
/* @__PURE__ */ e(n, { height: "1.5rem" }),
|
|
431
431
|
/* @__PURE__ */ t(l, { noGradient: !0, children: [
|
|
432
432
|
/* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
|
|
@@ -437,8 +437,8 @@ const Y = T.a`
|
|
|
437
437
|
] })
|
|
438
438
|
] }, `${o}-4`),
|
|
439
439
|
/* @__PURE__ */ t(l, { children: [
|
|
440
|
-
/* @__PURE__ */ e(
|
|
441
|
-
/* @__PURE__ */ t(
|
|
440
|
+
/* @__PURE__ */ e(f, { height: "9.5rem", width: "17.75rem" }),
|
|
441
|
+
/* @__PURE__ */ t(c, { noGradient: !0, children: [
|
|
442
442
|
/* @__PURE__ */ e(n, { height: "1.5rem" }),
|
|
443
443
|
/* @__PURE__ */ t(l, { noGradient: !0, children: [
|
|
444
444
|
/* @__PURE__ */ e(n, { width: "5rem", height: "1.25rem" }),
|
|
@@ -450,17 +450,17 @@ const Y = T.a`
|
|
|
450
450
|
] }, `${o}-5`)
|
|
451
451
|
] }), ie = ({
|
|
452
452
|
keyPrefix: o,
|
|
453
|
-
isLoading:
|
|
454
|
-
fallbackComponent:
|
|
453
|
+
isLoading: m = !1,
|
|
454
|
+
fallbackComponent: h = /* @__PURE__ */ e(y, {}),
|
|
455
455
|
children: a
|
|
456
|
-
}) => /* @__PURE__ */ e(
|
|
456
|
+
}) => /* @__PURE__ */ e(M, { fallbackComponent: h, children: m === !0 ? /* @__PURE__ */ e(re, { keyPrefix: o }) : a }), te = D(Z), ge = W(
|
|
457
457
|
({
|
|
458
458
|
timeToReadText: o = "{0} min read",
|
|
459
|
-
items:
|
|
460
|
-
isLoading:
|
|
459
|
+
items: m,
|
|
460
|
+
isLoading: h = !1,
|
|
461
461
|
onSelectCard: a = () => {
|
|
462
462
|
},
|
|
463
|
-
onShare:
|
|
463
|
+
onShare: p = () => {
|
|
464
464
|
},
|
|
465
465
|
onBookmark: k = () => {
|
|
466
466
|
},
|
|
@@ -468,15 +468,15 @@ const Y = T.a`
|
|
|
468
468
|
},
|
|
469
469
|
isSeparated: $ = !0,
|
|
470
470
|
bookmarkComponent: C = /* @__PURE__ */ e(y, {}),
|
|
471
|
-
componentName:
|
|
471
|
+
componentName: u,
|
|
472
472
|
LinkComponent: B,
|
|
473
473
|
hasShare: R = !0,
|
|
474
|
-
hasDelete:
|
|
475
|
-
onDelete:
|
|
474
|
+
hasDelete: w = !1,
|
|
475
|
+
onDelete: s = () => {
|
|
476
476
|
}
|
|
477
477
|
}, d) => {
|
|
478
|
-
const _ = F(() =>
|
|
479
|
-
var
|
|
478
|
+
const _ = F(() => m == null ? void 0 : m.map((r, b) => {
|
|
479
|
+
var g;
|
|
480
480
|
return /* @__PURE__ */ e(
|
|
481
481
|
te,
|
|
482
482
|
{
|
|
@@ -493,19 +493,19 @@ const Y = T.a`
|
|
|
493
493
|
isBookmarked: r == null ? void 0 : r.isBookmarked,
|
|
494
494
|
onSelectCard: (S, G) => a == null ? void 0 : a(r, G),
|
|
495
495
|
hasShare: R,
|
|
496
|
-
hasDelete:
|
|
497
|
-
onDelete:
|
|
498
|
-
onShare: () =>
|
|
496
|
+
hasDelete: w,
|
|
497
|
+
onDelete: () => s == null ? void 0 : s(r),
|
|
498
|
+
onShare: () => p == null ? void 0 : p(r),
|
|
499
499
|
onBookmark: k,
|
|
500
500
|
imageUrl: N(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
|
|
501
501
|
bookmarkComponent: C,
|
|
502
|
-
metadata: { name:
|
|
502
|
+
metadata: { name: u, accessor: r == null ? void 0 : r.accessor },
|
|
503
503
|
LinkComponent: B
|
|
504
504
|
},
|
|
505
|
-
`blog-card-item__${b + 1}__${(
|
|
505
|
+
`blog-card-item__${b + 1}__${(g = r == null ? void 0 : r.isBookmarked) == null ? void 0 : g.toString()}`
|
|
506
506
|
);
|
|
507
|
-
}), [
|
|
508
|
-
return /* @__PURE__ */ e(ie, { isLoading:
|
|
507
|
+
}), [m]);
|
|
508
|
+
return /* @__PURE__ */ e(ie, { isLoading: h, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(x, { ref: d, className: $ ? "separated" : "", children: _ }) });
|
|
509
509
|
}
|
|
510
510
|
);
|
|
511
511
|
export {
|