@wistia/ui 0.18.4-beta.a529e874.9a0f097 → 0.18.4
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/index.cjs +4 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +5 -19
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.4
|
|
3
|
+
* @license @wistia/ui v0.18.4
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -18167,11 +18167,7 @@ var StyledThumbnail = import_styled_components127.styled.div`
|
|
|
18167
18167
|
width: 100%;
|
|
18168
18168
|
overflow: hidden;
|
|
18169
18169
|
position: relative;
|
|
18170
|
-
|
|
18171
|
-
&,
|
|
18172
|
-
img {
|
|
18173
|
-
border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
|
|
18174
|
-
}
|
|
18170
|
+
border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
|
|
18175
18171
|
|
|
18176
18172
|
@container (min-width: 200px) {
|
|
18177
18173
|
--wui-thumbnail-badge-offset: var(--wui-space-02);
|
|
@@ -18213,9 +18209,6 @@ var getRelativeMousePosition = (elem, mouseEvent) => {
|
|
|
18213
18209
|
left: relativeLeft
|
|
18214
18210
|
};
|
|
18215
18211
|
};
|
|
18216
|
-
var hasValidThumbnailUrl = (thumbnailUrl) => {
|
|
18217
|
-
return (0, import_type_guards74.isNotNil)(thumbnailUrl) && (0, import_type_guards74.isNonEmptyString)(thumbnailUrl);
|
|
18218
|
-
};
|
|
18219
18212
|
var Thumbnail = (0, import_react100.forwardRef)(
|
|
18220
18213
|
({
|
|
18221
18214
|
gradientBackground = "defaultMidOne",
|
|
@@ -18234,7 +18227,7 @@ var Thumbnail = (0, import_react100.forwardRef)(
|
|
|
18234
18227
|
const storyboardElementRef = (0, import_react100.useRef)(null);
|
|
18235
18228
|
const [cursorPosition, setCursorPosition] = (0, import_react100.useState)(null);
|
|
18236
18229
|
const backgroundUrl = (0, import_react100.useMemo)(
|
|
18237
|
-
() => thumbnailImageType === "square" &&
|
|
18230
|
+
() => thumbnailImageType === "square" && (0, import_type_guards74.isNotNil)(thumbnailUrl) ? thumbnailUrl : void 0,
|
|
18238
18231
|
[thumbnailImageType, thumbnailUrl]
|
|
18239
18232
|
);
|
|
18240
18233
|
const isScrubbable = (0, import_type_guards74.isNotNil)(storyboard);
|
|
@@ -18285,7 +18278,7 @@ var Thumbnail = (0, import_react100.forwardRef)(
|
|
|
18285
18278
|
width
|
|
18286
18279
|
}
|
|
18287
18280
|
);
|
|
18288
|
-
} else if (
|
|
18281
|
+
} else if ((0, import_type_guards74.isNotNil)(thumbnailUrl)) {
|
|
18289
18282
|
thumbnailContent = /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
|
|
18290
18283
|
ThumbnailImage,
|
|
18291
18284
|
{
|