@webstudio-is/react-sdk 0.5.0 → 0.6.1

package/lib/arg-types/utils.d.ts

@@ -2,5 +2,23 @@ import type { ArgTypes } from "@storybook/csf";
 import { PropItem } from "react-docgen-typescript";
 export declare type FilterPredicate = (prop: PropItem) => boolean;
 export declare const propsToArgTypes: (props: Record<string, PropItem>, filter?: FilterPredicate) => ArgTypes;
-export declare const mapControlForType: (propItem: PropItem) => any;
+export declare const mapControlForType: (propItem: PropItem) => {
+    control: {
+        type: string;
+    };
+    defaultValue: any;
+    options?: undefined;
+} | {
+    control: {
+        type: string;
+    };
+    defaultValue?: undefined;
+    options?: undefined;
+} | {
+    control: {
+        type: string;
+    };
+    options: any;
+    defaultValue?: undefined;
+} | null | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/lib/arg-types/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/arg-types/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,oBAAY,eAAe,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAa1D,eAAO,MAAM,eAAe,UACnB,OAAO,MAAM,EAAE,QAAQ,CAAC,WACtB,eAAe,KACvB,QAeF,CAAC;AAOF,eAAO,MAAM,iBAAiB,aAAc,QAAQ,KAAG,GAiDtD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/arg-types/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,oBAAY,eAAe,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAa1D,eAAO,MAAM,eAAe,UACnB,OAAO,MAAM,EAAE,QAAQ,CAAC,WACtB,eAAe,KACvB,QAiBF,CAAC;AAOF,eAAO,MAAM,iBAAiB,aAAc,QAAQ;;;;;;;;;;;;;;;;;;oBAiDnD,CAAC"}

package/lib/arg-types/utils.js

@@ -12,9 +12,11 @@ const validAttributes = (prop) => {
     return true;
 };
 const propsToArgTypes = (props, filter) => {
-    const filterFn = filter !== null && filter !== void 0 ? filter : validAttributes;
+    const filterFn = filter ?? validAttributes;
     const entries = Object.entries(props);
     return entries.reduce((result, current) => {
+        // @todo need halp
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const [propName, prop] = current;
         // Filter out props
         if (!filterFn(prop)) {
@@ -31,7 +33,6 @@ const matchers = {
     date: /Date$/,
 };
 const mapControlForType = (propItem) => {
-    var _a;
     const { type, name } = propItem;
     if (!type) {
         return undefined;
@@ -42,7 +43,7 @@ const mapControlForType = (propItem) => {
         if (controlType === "string") {
             return {
                 control: { type: "color" },
-                defaultValue: (_a = propItem.defaultValue) === null || _a === void 0 ? void 0 : _a.value,
+                defaultValue: propItem.defaultValue?.value,
             };
         }
     }
@@ -50,7 +51,7 @@ const mapControlForType = (propItem) => {
     if (matchers.date && matchers.date.test(name)) {
         return { control: { type: "date" } };
     }
-    switch (type === null || type === void 0 ? void 0 : type.name) {
+    switch (type?.name) {
         case "array":
             return { control: { type: "object" } };
         case "boolean":
@@ -64,9 +65,9 @@ const mapControlForType = (propItem) => {
             const { value } = type;
             // Remove additional quotes from enum values
             // @ts-expect-error Original type has `any` type
-            const values = value.map((val) => val.value.replace(/^\"(.+)\"$/, "$1"));
+            const values = value.map((val) => val.value.replace(/^"(.+)"$/, "$1"));
             return {
-                control: { type: (values === null || values === void 0 ? void 0 : values.length) <= 5 ? "radio" : "select" },
+                control: { type: values?.length <= 5 ? "radio" : "select" },
                 options: values,
             };
         }

package/lib/canvas/canvas.d.ts

@@ -0,0 +1,8 @@
+import { Outlet as DefaultOutlet } from "@remix-run/react";
+/**
+ * We are using Outlet prop from index layout when user renders site from a subdomain.
+ */
+export declare const Root: ({ Outlet, }: {
+    Outlet: typeof DefaultOutlet;
+}) => JSX.Element;
+//# sourceMappingURL=canvas.d.ts.map

package/lib/canvas/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../src/canvas/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGxE;;GAEG;AACH,eAAO,MAAM,IAAI;YAGP,oBAAoB;iBAgB7B,CAAC"}

package/lib/canvas/canvas.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@remix-run/react");
+const __1 = require("..");
+/**
+ * We are using Outlet prop from index layout when user renders site from a subdomain.
+ */
+const Root = ({ Outlet = react_1.Outlet, }) => {
+    return ((0, jsx_runtime_1.jsxs)("html", { lang: "en", children: [(0, jsx_runtime_1.jsxs)("head", { children: [(0, jsx_runtime_1.jsx)("meta", { charSet: "utf-8" }), (0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width,initial-scale=1" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", href: "/favicon.ico", type: "image/x-icon" }), (0, jsx_runtime_1.jsx)("link", { rel: "shortcut icon", href: "/favicon.ico", type: "image/x-icon" }), (0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.Links, {}), (0, jsx_runtime_1.jsx)(__1.CriticalCss, {})] }), (0, jsx_runtime_1.jsx)(Outlet, {})] }));
+};
+exports.Root = Root;

package/lib/canvas/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./canvas";
+//# sourceMappingURL=index.d.ts.map

package/lib/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/canvas/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./canvas"), exports);

package/lib/components/body.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Body: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "key" | keyof import("react").HTMLAttributes<HTMLBodyElement>> & import("react").RefAttributes<HTMLBodyElement>>;
+//# sourceMappingURL=body.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../src/components/body.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,IAAI,sQAG+B,CAAC"}

package/lib/components/body.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Body = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const defaultTag = "body";
+exports.Body = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("body", { ...props, ref: ref }));
+exports.Body.displayName = "Body";