@arkcit/engine-react 0.3.0 → 0.3.1
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.js +7 -6
- package/dist/materialization.js +7 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -970,6 +970,7 @@ var useUIEngineEffects = ({
|
|
|
970
970
|
// src/materialization/contentStudio.tsx
|
|
971
971
|
import React8 from "react";
|
|
972
972
|
import { Fragment as Fragment3, jsx as jsx10 } from "react/jsx-runtime";
|
|
973
|
+
var COVER_MEDIA_FRAME_CLASSNAME = "h-56 w-full overflow-hidden rounded-xl bg-surface ring-1 ring-border/60";
|
|
973
974
|
var buildCoverMedia = ({
|
|
974
975
|
mediaSource,
|
|
975
976
|
mediaSrc,
|
|
@@ -977,25 +978,25 @@ var buildCoverMedia = ({
|
|
|
977
978
|
}) => {
|
|
978
979
|
if (mediaSource === "none") return void 0;
|
|
979
980
|
if (mediaSource === "image" && mediaSrc) {
|
|
980
|
-
return /* @__PURE__ */ jsx10(
|
|
981
|
+
return /* @__PURE__ */ jsx10("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx10(
|
|
981
982
|
"img",
|
|
982
983
|
{
|
|
983
984
|
src: mediaSrc,
|
|
984
985
|
alt: mediaAlt || "Cover media",
|
|
985
|
-
className: "h-
|
|
986
|
+
className: "h-full w-full object-cover"
|
|
986
987
|
}
|
|
987
|
-
);
|
|
988
|
+
) });
|
|
988
989
|
}
|
|
989
990
|
if (mediaSource === "video" && mediaSrc) {
|
|
990
|
-
return /* @__PURE__ */ jsx10(
|
|
991
|
+
return /* @__PURE__ */ jsx10("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx10(
|
|
991
992
|
"video",
|
|
992
993
|
{
|
|
993
994
|
src: mediaSrc,
|
|
994
|
-
className: "h-
|
|
995
|
+
className: "h-full w-full object-cover",
|
|
995
996
|
controls: true,
|
|
996
997
|
preload: "metadata"
|
|
997
998
|
}
|
|
998
|
-
);
|
|
999
|
+
) });
|
|
999
1000
|
}
|
|
1000
1001
|
return void 0;
|
|
1001
1002
|
};
|
package/dist/materialization.js
CHANGED
|
@@ -21,6 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
21
21
|
// src/materialization/contentStudio.tsx
|
|
22
22
|
import React from "react";
|
|
23
23
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
24
|
+
var COVER_MEDIA_FRAME_CLASSNAME = "h-56 w-full overflow-hidden rounded-xl bg-surface ring-1 ring-border/60";
|
|
24
25
|
var buildCoverMedia = ({
|
|
25
26
|
mediaSource,
|
|
26
27
|
mediaSrc,
|
|
@@ -28,25 +29,25 @@ var buildCoverMedia = ({
|
|
|
28
29
|
}) => {
|
|
29
30
|
if (mediaSource === "none") return void 0;
|
|
30
31
|
if (mediaSource === "image" && mediaSrc) {
|
|
31
|
-
return /* @__PURE__ */ jsx(
|
|
32
|
+
return /* @__PURE__ */ jsx("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx(
|
|
32
33
|
"img",
|
|
33
34
|
{
|
|
34
35
|
src: mediaSrc,
|
|
35
36
|
alt: mediaAlt || "Cover media",
|
|
36
|
-
className: "h-
|
|
37
|
+
className: "h-full w-full object-cover"
|
|
37
38
|
}
|
|
38
|
-
);
|
|
39
|
+
) });
|
|
39
40
|
}
|
|
40
41
|
if (mediaSource === "video" && mediaSrc) {
|
|
41
|
-
return /* @__PURE__ */ jsx(
|
|
42
|
+
return /* @__PURE__ */ jsx("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx(
|
|
42
43
|
"video",
|
|
43
44
|
{
|
|
44
45
|
src: mediaSrc,
|
|
45
|
-
className: "h-
|
|
46
|
+
className: "h-full w-full object-cover",
|
|
46
47
|
controls: true,
|
|
47
48
|
preload: "metadata"
|
|
48
49
|
}
|
|
49
|
-
);
|
|
50
|
+
) });
|
|
50
51
|
}
|
|
51
52
|
return void 0;
|
|
52
53
|
};
|