@webstudio-is/sdk-components-react 0.131.0 → 0.133.0

package/lib/components.js

@@ -109,7 +109,8 @@ import { forwardRef as forwardRef6 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var defaultTag2 = "div";
 var Text = forwardRef6(
-  ({ tag: Tag = defaultTag2, children, ...props }, ref) => {
+  ({ tag = defaultTag2, children, ...props }, ref) => {
+    const Tag = tag;
     return /* @__PURE__ */ jsx5(Tag, { ...props, ref, children: children ?? "The text you can edit" });
   }
 );
@@ -120,7 +121,8 @@ import { forwardRef as forwardRef7 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var defaultTag3 = "h1";
 var Heading = forwardRef7(
-  ({ tag: Tag = defaultTag3, children, ...props }, ref) => {
+  ({ tag = defaultTag3, children, ...props }, ref) => {
+    const Tag = tag;
     return /* @__PURE__ */ jsx6(Tag, { ...props, ref, children: children ?? "Heading you can edit" });
   }
 );
@@ -189,7 +191,7 @@ Button.displayName = "Button";
 // src/input.tsx
 import { forwardRef as forwardRef17 } from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
-var Input = forwardRef17(({ children: _children, ...props }, ref) => /* @__PURE__ */ jsx16("input", { ...props, ref }));
+var Input = forwardRef17(({ children: _children, type = "text", ...props }, ref) => /* @__PURE__ */ jsx16("input", { ...props, type, ref }));
 Input.displayName = "Input";
 
 // src/form.tsx
@@ -231,7 +233,10 @@ var imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
 </svg>`)}`;
 var Image = forwardRef19(
   ({ loading = "lazy", ...props }, ref) => {
-    const { imageLoader, assetBaseUrl } = useContext2(ReactSdkContext2);
+    const { imageLoader, renderer, assetBaseUrl } = useContext2(ReactSdkContext2);
+    if (renderer === "canvas") {
+      loading = "eager";
+    }
     if (props.src === void 0 || props.src.startsWith(assetBaseUrl) === false) {
       return /* @__PURE__ */ jsx18(
         "img",
@@ -511,7 +516,7 @@ var useVimeo = ({
 var Vimeo = forwardRef29(
   ({
     url,
-    loading,
+    loading = "lazy",
     autoplay = false,
     autopause = true,
     backgroundMode = false,

package/lib/props.js

@@ -7223,7 +7223,24 @@ var props14 = {
     required: false,
     control: "select",
     type: "string",
-    options: ["number", "text", "email", "password", "tel", "url"],
+    defaultValue: "text",
+    options: [
+      "number",
+      "search",
+      "time",
+      "text",
+      "hidden",
+      "color",
+      "date",
+      "datetime-local",
+      "email",
+      "month",
+      "password",
+      "range",
+      "tel",
+      "url",
+      "week"
+    ],
     description: "Specifies the type of data that this input will accept and helps the browser provide appropriate validation and formatting for that input type."
   },
   typeof: { required: false, control: "text", type: "string" },

package/lib/types/input.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const defaultTag = "input";
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    type?: "number" | "text" | "tel" | "url" | "email" | "password" | undefined;
+    type?: "number" | "search" | "time" | "text" | "hidden" | "color" | "tel" | "url" | "email" | "date" | "range" | "datetime-local" | "month" | "password" | "week" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.131.0",
+  "version": "0.133.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -40,9 +40,9 @@
     "@react-aria/utils": "^3.21.0",
     "colord": "^2.9.3",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/icons": "0.131.0",
-    "@webstudio-is/image": "0.131.0",
-    "@webstudio-is/react-sdk": "0.131.0"
+    "@webstudio-is/image": "0.133.0",
+    "@webstudio-is/icons": "0.133.0",
+    "@webstudio-is/react-sdk": "0.133.0"
   },
   "devDependencies": {
     "@storybook/react": "^7.4.0",
@@ -51,9 +51,9 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "5.2.2",
-    "@webstudio-is/generate-arg-types": "0.131.0",
-    "@webstudio-is/storybook-config": "0.0.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/generate-arg-types": "0.133.0",
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/storybook-config": "0.0.0"
   },
   "scripts": {
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",