@kkcompany/app-ui 0.1.11 → 0.1.12

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.
Files changed (3) hide show
  1. package/dist/index.cjs +19 -5
  2. package/dist/index.mjs +19 -5
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -225,6 +225,7 @@ const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomT
225
225
  css: videoThumbnailStyles,
226
226
  href,
227
227
  onClick,
228
+ onContextMenu: (event) => event.preventDefault(),
228
229
  children: [
229
230
  /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(components.Image, {
230
231
  css: thumbnailImageStyles,
@@ -279,7 +280,9 @@ const infoStyle = {
279
280
  justifyContent: "center",
280
281
  marginLeft: "1rem",
281
282
  height: "auto",
282
- flex: "1"
283
+ flex: "1",
284
+ "-webkit-touch-callout": "none",
285
+ "-webkit-user-select": "none"
283
286
  },
284
287
  "@media (min-width: 601px)": {
285
288
  "--description-line-clamp": 3,
@@ -304,7 +307,7 @@ const titleStyle = {
304
307
  textOverflow: "ellipsis"
305
308
  };
306
309
  const descriptionStyle = {
307
- marginTop: "0.5rem",
310
+ paddingTop: "0.5rem",
308
311
  display: "var(--description-display, -webkit-box)",
309
312
  overflow: "hidden",
310
313
  WebkitBoxOrient: "vertical",
@@ -321,9 +324,17 @@ const descriptionStyle = {
321
324
  };
322
325
  const desktopDescriptionStyle = {
323
326
  display: "var(--desktop-description-display, -webkit-box)",
324
- margin: "0.75rem 0",
327
+ padding: "0.75rem 0",
325
328
  WebkitLineClamp: 3
326
329
  };
330
+ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(slots.Link, {
331
+ href,
332
+ ...rest,
333
+ children
334
+ }) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("a", {
335
+ ...rest,
336
+ children
337
+ });
327
338
  const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
328
339
  css: [videoItemStyle, style],
329
340
  children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
@@ -337,7 +348,8 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
337
348
  slots,
338
349
  onClick: onClickThumbnail,
339
350
  children: thumbnailChildren
340
- }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(slots.Link, {
351
+ }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(OptionalLink, {
352
+ slots,
341
353
  href,
342
354
  children: [
343
355
  /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
@@ -351,7 +363,9 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
351
363
  secondaryText ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: secondaryText }) : null
352
364
  ]
353
365
  })]
354
- }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
366
+ }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(OptionalLink, {
367
+ slots,
368
+ href,
355
369
  css: descriptionStyle,
356
370
  children: data.synopsis
357
371
  })]
package/dist/index.mjs CHANGED
@@ -225,6 +225,7 @@ const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomT
225
225
  css: videoThumbnailStyles,
226
226
  href,
227
227
  onClick,
228
+ onContextMenu: (event) => event.preventDefault(),
228
229
  children: [
229
230
  /* @__PURE__ */ jsx(components.Image, {
230
231
  css: thumbnailImageStyles,
@@ -279,7 +280,9 @@ const infoStyle = {
279
280
  justifyContent: "center",
280
281
  marginLeft: "1rem",
281
282
  height: "auto",
282
- flex: "1"
283
+ flex: "1",
284
+ "-webkit-touch-callout": "none",
285
+ "-webkit-user-select": "none"
283
286
  },
284
287
  "@media (min-width: 601px)": {
285
288
  "--description-line-clamp": 3,
@@ -304,7 +307,7 @@ const titleStyle = {
304
307
  textOverflow: "ellipsis"
305
308
  };
306
309
  const descriptionStyle = {
307
- marginTop: "0.5rem",
310
+ paddingTop: "0.5rem",
308
311
  display: "var(--description-display, -webkit-box)",
309
312
  overflow: "hidden",
310
313
  WebkitBoxOrient: "vertical",
@@ -321,9 +324,17 @@ const descriptionStyle = {
321
324
  };
322
325
  const desktopDescriptionStyle = {
323
326
  display: "var(--desktop-description-display, -webkit-box)",
324
- margin: "0.75rem 0",
327
+ padding: "0.75rem 0",
325
328
  WebkitLineClamp: 3
326
329
  };
330
+ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ jsx(slots.Link, {
331
+ href,
332
+ ...rest,
333
+ children
334
+ }) : /* @__PURE__ */ jsx("a", {
335
+ ...rest,
336
+ children
337
+ });
327
338
  const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ jsxs("div", {
328
339
  css: [videoItemStyle, style],
329
340
  children: [/* @__PURE__ */ jsxs("div", {
@@ -337,7 +348,8 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
337
348
  slots,
338
349
  onClick: onClickThumbnail,
339
350
  children: thumbnailChildren
340
- }), /* @__PURE__ */ jsxs(slots.Link, {
351
+ }), /* @__PURE__ */ jsxs(OptionalLink, {
352
+ slots,
341
353
  href,
342
354
  children: [
343
355
  /* @__PURE__ */ jsx("div", {
@@ -351,7 +363,9 @@ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data
351
363
  secondaryText ? /* @__PURE__ */ jsx("div", { children: secondaryText }) : null
352
364
  ]
353
365
  })]
354
- }), /* @__PURE__ */ jsx("div", {
366
+ }), /* @__PURE__ */ jsx(OptionalLink, {
367
+ slots,
368
+ href,
355
369
  css: descriptionStyle,
356
370
  children: data.synopsis
357
371
  })]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.11",
3
+ "version": "0.1.12",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",