@weaverse/react 0.7.21 → 0.7.22

package/dist/index.d.ts

@@ -63,6 +63,11 @@ interface BackgroundDataProps {
 interface LayoutElementProps extends BackgroundDataProps, GridContentElementProps {
     gridSize: number;
 }
+interface LayoutBackgroundProps {
+    imgUrl?: string;
+    bgColor?: string;
+    objectFit?: CSSProperties['objectFit'];
+}
 interface MapElementProps extends WeaverseElementProps {
     place: string;
     zoom: number;
@@ -112,4 +117,4 @@ declare type InstagramMedia = {
 
 declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element | null;
 
-export { ButtonElementProps, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutElementProps, MapElementProps, PlaceholderProps, SharedComponents, TextElementProps, TimerBlockProps, VideoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, createRootContext };
+export { ButtonElementProps, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, PlaceholderProps, SharedComponents, TextElementProps, TimerBlockProps, VideoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, createRootContext };

package/dist/index.js

@@ -681,11 +681,10 @@ function shortCssObject(css10) {
 }
 var permanentClasses = {};
 function generateItemClass(instance, stitchesInstance) {
-  var _a, _b;
   let { css: css10, type, className: cls = "" } = instance.data;
   let className = "";
   let permanentClass = "";
-  let perCss = (_a = instance.Element) == null ? void 0 : _a.permanentCss;
+  let perCss = instance.Element?.permanentCss;
   if (perCss) {
     if (type in permanentClasses) {
       permanentClass = permanentClasses[type];
@@ -700,7 +699,7 @@ function generateItemClass(instance, stitchesInstance) {
     let formattedCss = shortCssObject(css10);
     let { className: newClass = "" } = stitchesInstance.css(formattedCss)();
     let { stitchesClass } = instance;
-    let otherClass = (((_b = instance.ref.current) == null ? void 0 : _b.className) || "").replace(stitchesClass, "").replace(cls, "").replace(permanentClass, "").trim();
+    let otherClass = (instance.ref.current?.className || "").replace(stitchesClass, "").replace(cls, "").replace(permanentClass, "").trim();
     className = `${permanentClass} ${cls} ${newClass} ${otherClass}`.trim();
     instance.stitchesClass = newClass;
   }
@@ -709,7 +708,6 @@ function generateItemClass(instance, stitchesInstance) {
 
 // src/renderer.tsx
 var WeaverseRoot = ({ context }) => {
-  var _a, _b;
   let [, setData] = (0, import_react12.useState)(context.projectData);
   let rootRef = (0, import_react12.useRef)();
   let renderRoot = () => setData({});
@@ -720,9 +718,9 @@ var WeaverseRoot = ({ context }) => {
       context.unsubscribe(renderRoot);
     };
   }, []);
-  let eventHandlers = ((_a = context == null ? void 0 : context.studioBridge) == null ? void 0 : _a.eventHandlers) || {};
+  let eventHandlers = context?.studioBridge?.eventHandlers || {};
   let themeClass = context.stitchesInstance.theme.className;
-  if ((_b = context.projectData) == null ? void 0 : _b.rootId) {
+  if (context.projectData?.rootId) {
     return /* @__PURE__ */ import_react12.default.createElement("div", {
       className: `weaverse-content-root ${themeClass}`,
       ...eventHandlers,
@@ -750,7 +748,7 @@ var ItemComponent = ({ instance }) => {
     return () => instance.unsubscribe(render);
   }, []);
   let Element = elementInstances.get(type);
-  if (Element == null ? void 0 : Element.Component) {
+  if (Element?.Component) {
     let Component = Element.Component;
     if (Component.$$typeof === Symbol.for("react.forward_ref")) {
       rest.ref = instance.ref;

package/dist/index.mjs

@@ -642,11 +642,10 @@ function shortCssObject(css10) {
 }
 var permanentClasses = {};
 function generateItemClass(instance, stitchesInstance) {
-  var _a, _b;
   let { css: css10, type, className: cls = "" } = instance.data;
   let className = "";
   let permanentClass = "";
-  let perCss = (_a = instance.Element) == null ? void 0 : _a.permanentCss;
+  let perCss = instance.Element?.permanentCss;
   if (perCss) {
     if (type in permanentClasses) {
       permanentClass = permanentClasses[type];
@@ -661,7 +660,7 @@ function generateItemClass(instance, stitchesInstance) {
     let formattedCss = shortCssObject(css10);
     let { className: newClass = "" } = stitchesInstance.css(formattedCss)();
     let { stitchesClass } = instance;
-    let otherClass = (((_b = instance.ref.current) == null ? void 0 : _b.className) || "").replace(stitchesClass, "").replace(cls, "").replace(permanentClass, "").trim();
+    let otherClass = (instance.ref.current?.className || "").replace(stitchesClass, "").replace(cls, "").replace(permanentClass, "").trim();
     className = `${permanentClass} ${cls} ${newClass} ${otherClass}`.trim();
     instance.stitchesClass = newClass;
   }
@@ -670,7 +669,6 @@ function generateItemClass(instance, stitchesInstance) {
 
 // src/renderer.tsx
 var WeaverseRoot = ({ context }) => {
-  var _a, _b;
   let [, setData] = useState2(context.projectData);
   let rootRef = useRef();
   let renderRoot = () => setData({});
@@ -681,9 +679,9 @@ var WeaverseRoot = ({ context }) => {
       context.unsubscribe(renderRoot);
     };
   }, []);
-  let eventHandlers = ((_a = context == null ? void 0 : context.studioBridge) == null ? void 0 : _a.eventHandlers) || {};
+  let eventHandlers = context?.studioBridge?.eventHandlers || {};
   let themeClass = context.stitchesInstance.theme.className;
-  if ((_b = context.projectData) == null ? void 0 : _b.rootId) {
+  if (context.projectData?.rootId) {
     return /* @__PURE__ */ React12.createElement("div", {
       className: `weaverse-content-root ${themeClass}`,
       ...eventHandlers,
@@ -711,7 +709,7 @@ var ItemComponent = ({ instance }) => {
     return () => instance.unsubscribe(render);
   }, []);
   let Element = elementInstances.get(type);
-  if (Element == null ? void 0 : Element.Component) {
+  if (Element?.Component) {
     let Component = Element.Component;
     if (Component.$$typeof === Symbol.for("react.forward_ref")) {
       rest.ref = instance.ref;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.21",
+  "version": "0.7.22",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -31,7 +31,7 @@
   "name": "@weaverse/react",
   "author": "Weaverse Team",
   "dependencies": {
-    "@weaverse/core": "0.7.21",
+    "@weaverse/core": "0.7.22",
     "nuka-carousel": "^5.4.0"
   }
 }