@webstudio-is/react-sdk 0.7.1 → 0.7.3

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

@@ -1,6 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "key" | keyof React.FormHTMLAttributes<HTMLFormElement>> & React.RefAttributes<HTMLFormElement>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "key" | keyof import("react").FormHTMLAttributes<HTMLFormElement>> & import("react").RefAttributes<HTMLFormElement>>>;
 export default _default;
-export declare const Form: ComponentStory<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "key" | keyof React.FormHTMLAttributes<HTMLFormElement>> & React.RefAttributes<HTMLFormElement>>>;
+export declare const Form: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "key" | keyof import("react").FormHTMLAttributes<HTMLFormElement>> & import("react").RefAttributes<HTMLFormElement>>>;
 //# sourceMappingURL=form.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../src/components/form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAItE,wBAIyC;AAMzC,eAAO,MAAM,IAAI,4OAAoB,CAAC"}
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../src/components/form.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAGtE,wBAGyC;AAMzC,eAAO,MAAM,IAAI,8RAAoB,CAAC"}

package/lib/components/form.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.Form = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const form_1 = require("./form");
-const form_props_json_1 = __importDefault(require("./form.props.json"));
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form as FormPrimitive } from "./form";
+export default {
     title: "Components/Form",
-    component: form_1.Form,
-    argTypes: form_props_json_1.default,
+    component: FormPrimitive,
 };
-const Template = (args) => ((0, jsx_runtime_1.jsx)(form_1.Form, { ...args }));
-exports.Form = Template.bind({});
-exports.Form.args = {};
+const Template = (args) => (_jsx(FormPrimitive, { ...args }));
+export const Form = Template.bind({});
+Form.args = {};

package/lib/components/form.ws.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const form_1 = require("./form");
+import { FormIcon } from "@webstudio-is/icons";
+import { Form } from "./form";
 const defaultStyle = {
     minHeight: {
         type: "unit",
@@ -14,8 +12,8 @@ const defaultStyle = {
     },
 };
 const meta = {
-    Icon: icons_1.FormIcon,
-    Component: form_1.Form,
+    Icon: FormIcon,
+    Component: Form,
     defaultStyle,
     canAcceptChildren: true,
     isContentEditable: false,
@@ -23,4 +21,4 @@ const meta = {
     isListed: true,
     label: "Form",
 };
-exports.default = meta;
+export default meta;

package/lib/components/heading.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading = void 0;
-const react_1 = require("react");
+import { forwardRef, createElement, } from "react";
 const defaultTag = "h1";
-exports.Heading = (0, react_1.forwardRef)(({ tag = defaultTag, ...props }, ref) => {
-    return (0, react_1.createElement)(tag, { ...props, ref });
+export const Heading = forwardRef(({ tag = defaultTag, ...props }, ref) => {
+    return createElement(tag, { ...props, ref });
 });
-exports.Heading.displayName = "Heading";
+Heading.displayName = "Heading";