@webstudio-is/react-sdk 0.7.1 → 0.7.3

package/lib/components/heading.stories.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
+/// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-}, "key" | "tag" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>>;
+}, "key" | "tag" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & import("react").RefAttributes<HTMLHeadingElement>>>;
 export default _default;
-export declare const Heading: ComponentStory<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+export declare const Heading: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-}, "key" | "tag" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>>;
+}, "key" | "tag" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & import("react").RefAttributes<HTMLHeadingElement>>>;
 //# sourceMappingURL=heading.stories.d.ts.map

package/lib/components/heading.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.stories.d.ts","sourceRoot":"","sources":["../../src/components/heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAItE,wBAI4C;AAM5C,eAAO,MAAM,OAAO;;8GAAoB,CAAC"}
+{"version":3,"file":"heading.stories.d.ts","sourceRoot":"","sources":["../../src/components/heading.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAGtE,wBAG4C;AAM5C,eAAO,MAAM,OAAO;;kIAAoB,CAAC"}

package/lib/components/heading.stories.js

@@ -1,19 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const heading_1 = require("./heading");
-const heading_props_json_1 = __importDefault(require("./heading.props.json"));
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Heading as HeadingPrimitive } from "./heading";
+export default {
     title: "Components/Heading",
-    component: heading_1.Heading,
-    argTypes: heading_props_json_1.default,
+    component: HeadingPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(heading_1.Heading, { ...args }));
-exports.Heading = Template.bind({});
-exports.Heading.args = {
+const Template = (args) => (_jsx(HeadingPrimitive, { ...args }));
+export const Heading = Template.bind({});
+Heading.args = {
     children: "Heading",
 };

package/lib/components/heading.ws.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const heading_1 = require("./heading");
+import { HeadingIcon } from "@webstudio-is/icons";
+import { Heading } from "./heading";
 const meta = {
-    Icon: icons_1.HeadingIcon,
-    Component: heading_1.Heading,
+    Icon: HeadingIcon,
+    Component: Heading,
     canAcceptChildren: false,
     isContentEditable: true,
     isInlineOnly: false,
@@ -12,4 +10,4 @@ const meta = {
     label: "Heading",
     children: ["Heading you can edit"],
 };
-exports.default = meta;
+export default meta;

package/lib/components/image.d.ts

@@ -1,11 +1,3 @@
-import React, { type ComponentProps } from "react";
-import { type ImageLoader } from "../component-utils/image";
-declare const defaultTag = "img";
-declare type ImageProps = ComponentProps<typeof defaultTag> & {
-    quality?: number;
-    loader?: ImageLoader;
-    optimize?: boolean;
-};
-export declare const Image: React.ForwardRefExoticComponent<Pick<ImageProps, "key" | "quality" | "loader" | keyof React.ImgHTMLAttributes<HTMLImageElement> | "optimize"> & React.RefAttributes<HTMLImageElement>>;
-export {};
+/// <reference types="react" />
+export declare const Image: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement>> & import("react").RefAttributes<HTMLImageElement>>;
 //# sourceMappingURL=image.d.ts.map

package/lib/components/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEhF,QAAA,MAAM,UAAU,QAAQ,CAAC;AAEzB,aAAK,UAAU,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,wLAmBjB,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":";AAQA,eAAO,MAAM,KAAK,gRAWjB,CAAC"}

package/lib/components/image.js

@@ -1,32 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const image_1 = require("../component-utils/image");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "img";
-exports.Image = (0, react_1.forwardRef)(({ quality, loader, optimize, ...imageProps }, ref) => {
-    // Temporary set to false, to support previous image behaviour
-    const DEFAULT_OPTIMIZE = false;
-    const imageAttributes = (0, image_1.getImageAttributes)({
-        src: imageProps.src,
-        srcSet: imageProps.srcSet,
-        sizes: imageProps.sizes,
-        width: imageProps.width,
-        quality,
-        loader,
-        optimize: optimize ?? DEFAULT_OPTIMIZE,
-    }) ?? { src: imagePlaceholderSvg };
-    return ((0, jsx_runtime_1.jsx)("img", { ...imageProps, ...imageAttributes, decoding: "async", ref: ref }));
+export const Image = forwardRef((imageProps, ref) => {
+    return (_jsx("img", { ...imageProps, src: imageProps.src || imagePlaceholderSvg, decoding: "async", ref: ref }));
 });
-exports.Image.defaultProps = {
+Image.defaultProps = {
     src: "",
     width: "",
     height: "",
     loading: "lazy",
     alt: "",
 };
-exports.Image.displayName = "Image";
+Image.displayName = "Image";
 const imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
   width="140"
   height="140"