@weaverse/react 0.7.8 → 0.7.9

package/dist/index.d.ts

@@ -26,10 +26,11 @@ interface PlaceholderProps {
     style?: CSSProperties;
 }
 interface ButtonElementProps extends WeaverseElementProps {
-    value: string;
-    openInNewTab: boolean;
-    target: string;
     type: 'button' | 'submit' | 'reset';
+    text: string;
+    clickAction: 'none' | 'openLink';
+    linkTo: string;
+    openInNewTab: boolean;
 }
 interface ContainerElementProps extends WeaverseElementProps {
     [key: string]: any;

package/dist/index.js

@@ -42,26 +42,27 @@ var import_react20 = require("react");
 // src/elements/button.tsx
 var React = __toESM(require("react"));
 var Button = React.forwardRef((props, ref) => {
-  let { openInNewTab, target, value, ...rest } = props;
-  if (target) {
+  let { text, clickAction, linkTo, openInNewTab, ...rest } = props;
+  if (clickAction && linkTo) {
     return /* @__PURE__ */ React.createElement("a", {
-      href: target,
+      href: linkTo,
       target: openInNewTab ? "_blank" : "_self",
       rel: "noreferrer",
       ...rest,
       ref
-    }, value);
+    }, text);
   }
   return /* @__PURE__ */ React.createElement("button", {
     ref,
     ...rest
-  }, value);
+  }, text);
 });
 Button.defaultProps = {
-  value: "Shop now",
-  openInNewTab: false,
-  target: "",
   type: "button",
+  text: "Shop now",
+  clickAction: "none",
+  linkTo: "",
+  openInNewTab: false,
   css: {
     "@desktop": {
       borderRadius: "72px",
@@ -367,10 +368,7 @@ Text.defaultProps = {
   value: "The quick brown fox jumps over the lazy dog",
   css: {
     "@desktop": {
-      width: "100%",
-      height: "fit-content",
-      padding: "20px",
-      outline: "none",
+      padding: "10px",
       wordBreak: "break-word",
       overflowWrap: "break-word",
       whiteSpace: "break-spaces"
@@ -468,7 +466,7 @@ var Instagram = (0, import_react9.forwardRef)(
         ...rest
       }, /* @__PURE__ */ import_react9.default.createElement(Placeholder_default, {
         element: "Instagram"
-      }, !token ? "Connect your Instagram account to display photos on your site." : "Invalid or expired token!"));
+      }, !token ? "Connect to Instagram to display photos on your site." : "Invalid or expired token!"));
     }
     let style = {
       "--wv-ig-images-per-row": imagesPerRow,
@@ -703,7 +701,7 @@ var AccordionContent = (0, import_react13.forwardRef)(
       style
     }, import_react13.default.Children.count(children) > 0 ? children : /* @__PURE__ */ import_react13.default.createElement(Placeholder_default, {
       element: "Accordion Content"
-    }, "Please drag and drop an element here"));
+    }, "Drag and drop an element here."));
   }
 );
 AccordionContent.defaultProps = {
@@ -840,7 +838,7 @@ var TabContent = (0, import_react16.forwardRef)(
       style
     }, import_react16.default.Children.count(children) > 0 ? children : /* @__PURE__ */ import_react16.default.createElement(Placeholder_default, {
       element: "Tab Content"
-    }, "Please drag and drop an element here"));
+    }, "Drag and drop an element here."));
   }
 );
 TabContent.defaultProps = {
@@ -968,7 +966,7 @@ var SliderContent = (0, import_react18.forwardRef)(
       onClick: handleClick
     }, import_react18.default.Children.count(children) > 0 ? children : /* @__PURE__ */ import_react18.default.createElement(Placeholder_default, {
       element: "Slider Content"
-    }, "Please drag and drop an element here"));
+    }, "Drag and drop an element here."));
   }
 );
 SliderContent.defaultProps = {
@@ -1010,7 +1008,7 @@ var CustomHTML = (0, import_react19.forwardRef)(
         ...rest
       }, /* @__PURE__ */ import_react19.default.createElement(Placeholder_default, {
         element: "Custom HTML"
-      }, "Please add your custom HTML codes."));
+      }, "Add your custom HTML code."));
     return /* @__PURE__ */ import_react19.default.createElement("div", {
       ref,
       ...rest,

package/dist/index.mjs

@@ -5,26 +5,27 @@ import { createContext as createContext3 } from "react";
 // src/elements/button.tsx
 import * as React from "react";
 var Button = React.forwardRef((props, ref) => {
-  let { openInNewTab, target, value, ...rest } = props;
-  if (target) {
+  let { text, clickAction, linkTo, openInNewTab, ...rest } = props;
+  if (clickAction && linkTo) {
     return /* @__PURE__ */ React.createElement("a", {
-      href: target,
+      href: linkTo,
       target: openInNewTab ? "_blank" : "_self",
       rel: "noreferrer",
       ...rest,
       ref
-    }, value);
+    }, text);
   }
   return /* @__PURE__ */ React.createElement("button", {
     ref,
     ...rest
-  }, value);
+  }, text);
 });
 Button.defaultProps = {
-  value: "Shop now",
-  openInNewTab: false,
-  target: "",
   type: "button",
+  text: "Shop now",
+  clickAction: "none",
+  linkTo: "",
+  openInNewTab: false,
   css: {
     "@desktop": {
       borderRadius: "72px",
@@ -330,10 +331,7 @@ Text.defaultProps = {
   value: "The quick brown fox jumps over the lazy dog",
   css: {
     "@desktop": {
-      width: "100%",
-      height: "fit-content",
-      padding: "20px",
-      outline: "none",
+      padding: "10px",
       wordBreak: "break-word",
       overflowWrap: "break-word",
       whiteSpace: "break-spaces"
@@ -431,7 +429,7 @@ var Instagram = forwardRef9(
         ...rest
       }, /* @__PURE__ */ React11.createElement(Placeholder_default, {
         element: "Instagram"
-      }, !token ? "Connect your Instagram account to display photos on your site." : "Invalid or expired token!"));
+      }, !token ? "Connect to Instagram to display photos on your site." : "Invalid or expired token!"));
     }
     let style = {
       "--wv-ig-images-per-row": imagesPerRow,
@@ -666,7 +664,7 @@ var AccordionContent = forwardRef12(
       style
     }, React15.Children.count(children) > 0 ? children : /* @__PURE__ */ React15.createElement(Placeholder_default, {
       element: "Accordion Content"
-    }, "Please drag and drop an element here"));
+    }, "Drag and drop an element here."));
   }
 );
 AccordionContent.defaultProps = {
@@ -803,7 +801,7 @@ var TabContent = forwardRef14(
       style
     }, React18.Children.count(children) > 0 ? children : /* @__PURE__ */ React18.createElement(Placeholder_default, {
       element: "Tab Content"
-    }, "Please drag and drop an element here"));
+    }, "Drag and drop an element here."));
   }
 );
 TabContent.defaultProps = {
@@ -931,7 +929,7 @@ var SliderContent = forwardRef16(
       onClick: handleClick
     }, React20.Children.count(children) > 0 ? children : /* @__PURE__ */ React20.createElement(Placeholder_default, {
       element: "Slider Content"
-    }, "Please drag and drop an element here"));
+    }, "Drag and drop an element here."));
   }
 );
 SliderContent.defaultProps = {
@@ -973,7 +971,7 @@ var CustomHTML = forwardRef17(
         ...rest
       }, /* @__PURE__ */ React21.createElement(Placeholder_default, {
         element: "Custom HTML"
-      }, "Please add your custom HTML codes."));
+      }, "Add your custom HTML code."));
     return /* @__PURE__ */ React21.createElement("div", {
       ref,
       ...rest,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.8",
+  "version": "0.7.9",
   "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.8",
+    "@weaverse/core": "0.7.9",
     "nuka-carousel": "^5.3.0"
   }
 }