@weaverse/react 0.6.19 → 0.6.22

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactElement, ReactNode } from 'react';
-import { WeaverseType, Weaverse, WeaverseElementCSS, WeaverseItemStore } from '@weaverse/core';
+import { WeaverseType, Weaverse, ElementCSS, WeaverseItemStore } from '@weaverse/core';
 export * from '@weaverse/core';
 
 declare let createRootContext: (configs: WeaverseType) => Weaverse;
@@ -9,7 +9,7 @@ declare let WeaverseContextProvider: react.Provider<Weaverse>;
 declare let WeaverseContextConsumer: react.Consumer<Weaverse>;
 
 interface WeaverseElementProps extends ReactElement {
-    css?: WeaverseElementCSS;
+    css?: ElementCSS;
     children?: ReactElement | ReactElement[] | ReactNode | ReactNode[];
 }
 declare type WeaverseRootPropsType = {
@@ -18,6 +18,9 @@ declare type WeaverseRootPropsType = {
 declare type ItemComponentProps = {
     instance: InstanceType<typeof WeaverseItemStore>;
 };
+interface PlaceholderProps extends WeaverseElementProps {
+    element: string;
+}
 interface ButtonElementProps extends WeaverseElementProps {
     value: string;
     openInNewTab: boolean;
@@ -25,7 +28,7 @@ interface ButtonElementProps extends WeaverseElementProps {
     type: 'button' | 'submit' | 'reset';
 }
 interface ContainerElementProps extends WeaverseElementProps {
-    TODO?: any;
+    [key: string]: any;
 }
 interface ImageElementProps extends WeaverseElementProps {
     src: string;
@@ -65,6 +68,10 @@ interface CountdownElementProps extends WeaverseElementProps {
     showLabel: boolean;
     showColon: boolean;
 }
+declare type TimerBlockProps = {
+    label: string;
+    value: number;
+};
 interface InstagramElementProps extends WeaverseElementProps {
     token: string;
     username: string;
@@ -82,4 +89,4 @@ declare type InstagramMedia = {
 
 declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element;
 
-export { ButtonElementProps, ContainerElementProps, CountdownElementProps, CountdownTimeKey, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutElementProps, MapElementProps, TextElementProps, VideoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, createRootContext };
+export { ButtonElementProps, ContainerElementProps, CountdownElementProps, CountdownTimeKey, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutElementProps, MapElementProps, PlaceholderProps, TextElementProps, TimerBlockProps, VideoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, createRootContext };

package/dist/index.js

@@ -381,10 +381,10 @@ var Video = (0, import_react7.forwardRef)((props, ref) => {
   }, /* @__PURE__ */ import_react7.default.createElement("source", {
     src,
     type: type || "video/mp4"
-  })));
+  }), "Your browser does not support the video tag."));
 });
 Video.defaultProps = {
-  src: "https://ucarecdn.com/7cae0dab-8966-4484-9998-602728c360ca/IMG_0048.MOV",
+  src: "https://youtu.be/wM-NT6hcw48",
   poster: "https://ucarecdn.com/48d73272-3fe3-43f6-8b5b-22b68fc5a8c8/section.png",
   loop: false,
   type: "video/mp4",
@@ -393,14 +393,11 @@ Video.defaultProps = {
   muted: true,
   css: {
     "@desktop": {
-      height: "fit-content",
-      margin: 0,
-      outline: "none",
-      overflowWrap: "break-word",
-      padding: 0,
-      whiteSpace: "break-spaces",
-      width: "100%",
-      wordBreak: "break-word"
+      video: {
+        height: "100%",
+        width: "100%",
+        aspectRatio: "16 / 9"
+      }
     }
   }
 };
@@ -469,7 +466,7 @@ var Instagram = (0, import_react9.forwardRef)((props, ref) => {
   }, rest), {
     style
   }), /* @__PURE__ */ import_react9.default.createElement("div", {
-    className: "wv-ig-medias"
+    className: "wv-ig-media-container"
   }, media.slice(0, numberOfImages).map((item) => {
     let linkProps;
     if (!isDesignMode) {
@@ -491,7 +488,7 @@ Instagram.defaultProps = {
   gap: 0,
   css: {
     "@desktop": {
-      ".wv-ig-medias": {
+      ".wv-ig-media-container": {
         overflow: "hidden",
         maxWidth: "100%",
         maxHeight: "100%",

package/dist/index.mjs

@@ -351,10 +351,10 @@ var Video = forwardRef7((props, ref) => {
   }, /* @__PURE__ */ React9.createElement("source", {
     src,
     type: type || "video/mp4"
-  })));
+  }), "Your browser does not support the video tag."));
 });
 Video.defaultProps = {
-  src: "https://ucarecdn.com/7cae0dab-8966-4484-9998-602728c360ca/IMG_0048.MOV",
+  src: "https://youtu.be/wM-NT6hcw48",
   poster: "https://ucarecdn.com/48d73272-3fe3-43f6-8b5b-22b68fc5a8c8/section.png",
   loop: false,
   type: "video/mp4",
@@ -363,14 +363,11 @@ Video.defaultProps = {
   muted: true,
   css: {
     "@desktop": {
-      height: "fit-content",
-      margin: 0,
-      outline: "none",
-      overflowWrap: "break-word",
-      padding: 0,
-      whiteSpace: "break-spaces",
-      width: "100%",
-      wordBreak: "break-word"
+      video: {
+        height: "100%",
+        width: "100%",
+        aspectRatio: "16 / 9"
+      }
     }
   }
 };
@@ -439,7 +436,7 @@ var Instagram = forwardRef9((props, ref) => {
   }, rest), {
     style
   }), /* @__PURE__ */ React11.createElement("div", {
-    className: "wv-ig-medias"
+    className: "wv-ig-media-container"
   }, media.slice(0, numberOfImages).map((item) => {
     let linkProps;
     if (!isDesignMode) {
@@ -461,7 +458,7 @@ Instagram.defaultProps = {
   gap: 0,
   css: {
     "@desktop": {
-      ".wv-ig-medias": {
+      ".wv-ig-media-container": {
         overflow: "hidden",
         maxWidth: "100%",
         maxHeight: "100%",

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.6.19",
+  "version": "0.6.22",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -31,6 +31,6 @@
   "name": "@weaverse/react",
   "author": "Weaverse Team",
   "dependencies": {
-    "@weaverse/core": "0.6.19"
+    "@weaverse/core": "0.6.22"
   }
 }