@webstudio-is/react-sdk 0.7.1 → 0.7.3

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

@@ -1,14 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 import type { ComponentMeta, ComponentStory } from "@storybook/react";
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement> & {
-    quality?: number | undefined;
-    loader?: import("../component-utils/image").ImageLoader | undefined;
-    optimize?: boolean | undefined;
-}, "key" | "quality" | "loader" | keyof React.ImgHTMLAttributes<HTMLImageElement> | "optimize"> & React.RefAttributes<HTMLImageElement>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement>> & import("react").RefAttributes<HTMLImageElement>>>;
 export default _default;
-export declare const Image: ComponentStory<React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement> & {
-    quality?: number | undefined;
-    loader?: import("../component-utils/image").ImageLoader | undefined;
-    optimize?: boolean | undefined;
-}, "key" | "quality" | "loader" | keyof React.ImgHTMLAttributes<HTMLImageElement> | "optimize"> & React.RefAttributes<HTMLImageElement>>>;
+export declare const Image: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement>> & import("react").RefAttributes<HTMLImageElement>>>;
 //# sourceMappingURL=image.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.stories.d.ts","sourceRoot":"","sources":["../../src/components/image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;;;;;AAItE,wBAI0C;AAM1C,eAAO,MAAM,KAAK;;;;yIAAoB,CAAC"}
+{"version":3,"file":"image.stories.d.ts","sourceRoot":"","sources":["../../src/components/image.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;AAGtE,wBAG0C;AAM1C,eAAO,MAAM,KAAK,gSAAoB,CAAC"}

package/lib/components/image.stories.js

@@ -1,17 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = require("./image");
-const image_props_json_1 = __importDefault(require("./image.props.json"));
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image as ImagePrimitive } from "./image";
+export default {
     title: "Components/Image",
-    component: image_1.Image,
-    argTypes: image_props_json_1.default,
+    component: ImagePrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(image_1.Image, { ...args }));
-exports.Image = Template.bind({});
-exports.Image.args = {};
+const Template = (args) => (_jsx(ImagePrimitive, { ...args }));
+export const Image = Template.bind({});
+Image.args = {};

package/lib/components/image.ws.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const image_1 = require("./image");
+import { ImageIcon } from "@webstudio-is/icons";
+import { Image } from "./image";
 const defaultStyle = {
     // Otherwise on new image insert onto canvas it can overfit screen size multiple times
     maxWidth: {
@@ -17,8 +15,8 @@ const defaultStyle = {
     },
 };
 const meta = {
-    Icon: icons_1.ImageIcon,
-    Component: image_1.Image,
+    Icon: ImageIcon,
+    Component: Image,
     canAcceptChildren: false,
     defaultStyle,
     isContentEditable: false,
@@ -26,4 +24,4 @@ const meta = {
     isListed: true,
     label: "Image",
 };
-exports.default = meta;
+export default meta;

package/lib/components/index.js

@@ -1,36 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = exports.Form = exports.Input = exports.Button = exports.Subscript = exports.Superscript = exports.Italic = exports.Bold = exports.Span = exports.Link = exports.Paragraph = exports.Heading = exports.TextBlock = exports.Box = exports.Body = void 0;
-var body_ws_1 = require("./body.ws");
-Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return __importDefault(body_ws_1).default; } });
-var box_ws_1 = require("./box.ws");
-Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return __importDefault(box_ws_1).default; } });
-var text_block_ws_1 = require("./text-block.ws");
-Object.defineProperty(exports, "TextBlock", { enumerable: true, get: function () { return __importDefault(text_block_ws_1).default; } });
-var heading_ws_1 = require("./heading.ws");
-Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return __importDefault(heading_ws_1).default; } });
-var paragraph_ws_1 = require("./paragraph.ws");
-Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return __importDefault(paragraph_ws_1).default; } });
-var link_ws_1 = require("./link.ws");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(link_ws_1).default; } });
-var span_ws_1 = require("./span.ws");
-Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return __importDefault(span_ws_1).default; } });
-var bold_ws_1 = require("./bold.ws");
-Object.defineProperty(exports, "Bold", { enumerable: true, get: function () { return __importDefault(bold_ws_1).default; } });
-var italic_ws_1 = require("./italic.ws");
-Object.defineProperty(exports, "Italic", { enumerable: true, get: function () { return __importDefault(italic_ws_1).default; } });
-var superscript_ws_1 = require("./superscript.ws");
-Object.defineProperty(exports, "Superscript", { enumerable: true, get: function () { return __importDefault(superscript_ws_1).default; } });
-var subscript_ws_1 = require("./subscript.ws");
-Object.defineProperty(exports, "Subscript", { enumerable: true, get: function () { return __importDefault(subscript_ws_1).default; } });
-var button_ws_1 = require("./button.ws");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_ws_1).default; } });
-var input_ws_1 = require("./input.ws");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(input_ws_1).default; } });
-var form_ws_1 = require("./form.ws");
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(form_ws_1).default; } });
-var image_ws_1 = require("./image.ws");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(image_ws_1).default; } });
+export { default as Body } from "./body.ws";
+export { default as Box } from "./box.ws";
+export { default as TextBlock } from "./text-block.ws";
+export { default as Heading } from "./heading.ws";
+export { default as Paragraph } from "./paragraph.ws";
+export { default as Link } from "./link.ws";
+export { default as Span } from "./span.ws";
+export { default as Bold } from "./bold.ws";
+export { default as Italic } from "./italic.ws";
+export { default as Superscript } from "./superscript.ws";
+export { default as Subscript } from "./subscript.ws";
+export { default as Button } from "./button.ws";
+export { default as Input } from "./input.ws";
+export { default as Form } from "./form.ws";
+export { default as Image } from "./image.ws";

package/lib/components/index.test.js

@@ -1,33 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const components = __importStar(require("./index"));
-const component_type_1 = require("./component-type");
+import * as components from "./index";
+import { WsComponentMeta } from "./component-type";
 test.each(Object.entries(components))("validating meta definition of %s", (name, component) => {
     if (name === "default") {
         return;
     }
-    component_type_1.WsComponentMeta.parse(component);
+    WsComponentMeta.parse(component);
 });

package/lib/components/input.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+/// <reference types="react" />
+export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,eAAO,MAAM,KAAK,kOAI2D,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,KAAK,oRAI2D,CAAC"}

package/lib/components/input.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 const defaultTag = "input";
-exports.Input = (0, react_1.forwardRef)(({ children: _children, ...props }, ref) => (0, jsx_runtime_1.jsx)("input", { ...props, ref: ref }));
-exports.Input.displayName = "Input";
+export const Input = forwardRef(({ children: _children, ...props }, ref) => _jsx("input", { ...props, ref: ref }));
+Input.displayName = "Input";