@webstudio-is/react-sdk 0.7.1 → 0.7.3

package/lib/cjs/components/form.props.json

@@ -0,0 +1,531 @@
+{
+    "slot": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "style": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "title": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "acceptCharset": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "action": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoComplete": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "encType": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "method": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "name": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "noValidate": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "target": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "defaultChecked": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "defaultValue": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "suppressContentEditableWarning": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "suppressHydrationWarning": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "accessKey": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "className": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "contentEditable": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "contextMenu": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "dir": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "draggable": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "hidden": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "id": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "lang": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "placeholder": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "spellCheck": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "tabIndex": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "translate": {
+        "defaultValue": null,
+        "options": ["yes", "no"],
+        "required": false,
+        "type": "radio"
+    },
+    "radioGroup": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "role": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "about": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "datatype": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "inlist": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "prefix": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "property": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "resource": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "typeof": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "vocab": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoCapitalize": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoCorrect": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoSave": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "color": {
+        "defaultValue": null,
+        "required": false,
+        "type": "color"
+    },
+    "itemProp": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "itemScope": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "itemType": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "itemID": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "itemRef": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "results": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "security": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "unselectable": {
+        "defaultValue": null,
+        "options": ["on", "off"],
+        "required": false,
+        "type": "radio"
+    },
+    "inputMode": {
+        "defaultValue": null,
+        "options": [
+            "text",
+            "none",
+            "search",
+            "tel",
+            "url",
+            "email",
+            "numeric",
+            "decimal"
+        ],
+        "required": false,
+        "type": "select"
+    },
+    "is": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-activedescendant": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-atomic": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-autocomplete": {
+        "defaultValue": null,
+        "options": ["list", "none", "inline", "both"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-busy": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-checked": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-colcount": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-colindex": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-colspan": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-controls": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-current": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-describedby": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-details": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-disabled": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-dropeffect": {
+        "defaultValue": null,
+        "options": ["link", "none", "copy", "execute", "move", "popup"],
+        "required": false,
+        "type": "select"
+    },
+    "aria-errormessage": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-expanded": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-flowto": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-grabbed": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-haspopup": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-hidden": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-invalid": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-keyshortcuts": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-label": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-labelledby": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-level": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-live": {
+        "defaultValue": null,
+        "options": ["off", "assertive", "polite"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-modal": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-multiline": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-multiselectable": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-orientation": {
+        "defaultValue": null,
+        "options": ["horizontal", "vertical"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-owns": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-placeholder": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-posinset": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-pressed": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-readonly": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-relevant": {
+        "defaultValue": null,
+        "options": [
+            "text",
+            "additions",
+            "additions removals",
+            "additions text",
+            "all",
+            "removals",
+            "removals additions",
+            "removals text",
+            "text additions",
+            "text removals"
+        ],
+        "required": false,
+        "type": "select"
+    },
+    "aria-required": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-roledescription": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-rowcount": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-rowindex": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-rowspan": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-selected": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-setsize": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-sort": {
+        "defaultValue": null,
+        "options": ["none", "ascending", "descending", "other"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-valuemax": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-valuemin": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-valuenow": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-valuetext": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    }
+}

package/lib/cjs/components/form.stories.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const form_1 = require("./form");
+exports.default = {
+    title: "Components/Form",
+    component: form_1.Form,
+};
+const Template = (args) => ((0, jsx_runtime_1.jsx)(form_1.Form, { ...args }));
+exports.Form = Template.bind({});
+exports.Form.args = {};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+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<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/cjs/components/form.stories.d.ts.map

@@ -0,0 +1 @@
+{"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/cjs/components/form.ws.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const form_1 = require("./form");
+const defaultStyle = {
+    minHeight: {
+        type: "unit",
+        unit: "px",
+        value: 20,
+    },
+    boxSizing: {
+        type: "keyword",
+        value: "border-box",
+    },
+};
+const meta = {
+    Icon: icons_1.FormIcon,
+    Component: form_1.Form,
+    defaultStyle,
+    canAcceptChildren: true,
+    isContentEditable: false,
+    isInlineOnly: false,
+    isListed: true,
+    label: "Form",
+};
+exports.default = meta;

package/lib/cjs/components/form.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Form } from "./form";
+declare const meta: WsComponentMeta<typeof Form>;
+export default meta;
+//# sourceMappingURL=form.ws.d.ts.map

package/lib/cjs/components/form.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.ws.d.ts","sourceRoot":"","sources":["../../../src/components/form.ws.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAc9B,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,IAAI,CAStC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/cjs/components/heading.cjs

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

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

@@ -0,0 +1,8 @@
+import { type ComponentProps } from "react";
+declare const defaultTag = "h1";
+declare type Props = ComponentProps<typeof defaultTag> & {
+    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+};
+export declare const Heading: import("react").ForwardRefExoticComponent<Pick<Props, "key" | "tag" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,UAAU,OAAO,CAAC;AAExB,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC/C,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,OAAO,sLAInB,CAAC"}