@webstudio-is/sdk-components-react 0.96.0 → 0.97.0

package/lib/components.js

@@ -228,13 +228,9 @@ Form.displayName = "Form";
 // src/image.tsx
 import {
   forwardRef as forwardRef19,
-  useMemo,
   useContext as useContext3
 } from "react";
-import {
-  Image as WebstudioImage,
-  createImageLoader
-} from "@webstudio-is/image";
+import { Image as WebstudioImage } from "@webstudio-is/image";
 import {
   usePropAsset,
   getInstanceIdFromComponentProps as getInstanceIdFromComponentProps2,
@@ -266,13 +262,10 @@ var imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
 </svg>`)}`;
 var Image = forwardRef19(
   ({ loading = "lazy", ...props }, ref) => {
-    const { imageBaseUrl } = useContext3(ReactSdkContext3);
+    const { imageLoader } = useContext3(ReactSdkContext3);
     const asset = usePropAsset(getInstanceIdFromComponentProps2(props), "src");
-    const loader = useMemo(() => {
-      return createImageLoader({ imageBaseUrl });
-    }, [imageBaseUrl]);
     const src = asset?.name ?? props.src;
-    if (asset == null || loader == null) {
+    if (asset == null) {
       return /* @__PURE__ */ jsx16(
         "img",
         {
@@ -289,7 +282,7 @@ var Image = forwardRef19(
       {
         loading,
         ...props,
-        loader,
+        loader: imageLoader,
         src,
         ref
       },
@@ -395,7 +388,7 @@ import {
   useEffect as useEffect2,
   useContext as useContext4,
   createContext,
-  useMemo as useMemo2
+  useMemo
 } from "react";
 import { ReactSdkContext as ReactSdkContext4 } from "@webstudio-is/react-sdk";
 import { shallowEqual } from "shallow-equal";
@@ -536,7 +529,7 @@ var useVimeo = ({
     setPreviewImageUrl(void 0);
   }, [renderer, showPreview, options.url, playerStatus]);
   const optionsRef = useRef2(options);
-  const stableOptions = useMemo2(() => {
+  const stableOptions = useMemo(() => {
     if (shallowEqual(options, optionsRef.current) === false) {
       optionsRef.current = options;
     }

package/lib/types/vimeo-preview-image.d.ts

@@ -273,13 +273,13 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
     height?: string | number | undefined;
     width?: string | number | undefined;
     src?: string | undefined;
-    alt?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     quality?: number | undefined;
     sizes?: string | undefined;
+    alt?: string | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     decoding?: "async" | "auto" | "sync" | undefined;
     loading?: "eager" | "lazy" | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     srcSet?: string | undefined;
     useMap?: string | undefined;
     optimize?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.96.0",
+  "version": "0.97.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -40,10 +40,10 @@
     "@react-aria/utils": "^3.19.0",
     "colord": "^2.9.3",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/css-vars": "^0.96.0",
-    "@webstudio-is/icons": "^0.96.0",
-    "@webstudio-is/image": "^0.96.0",
-    "@webstudio-is/react-sdk": "^0.96.0"
+    "@webstudio-is/css-vars": "^0.97.0",
+    "@webstudio-is/icons": "^0.97.0",
+    "@webstudio-is/image": "^0.97.0",
+    "@webstudio-is/react-sdk": "^0.97.0"
   },
   "devDependencies": {
     "@storybook/react": "^7.4.0",
@@ -52,7 +52,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "5.2.2",
-    "@webstudio-is/generate-arg-types": "^0.96.0",
+    "@webstudio-is/generate-arg-types": "^0.97.0",
     "@webstudio-is/storybook-config": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.7"
   },