@webstudio-is/react-sdk 0.134.0 → 0.135.0

package/lib/index.js

@@ -649,6 +649,7 @@ import { StyleValue } from "@webstudio-is/css-engine";
 import jsep from "jsep";
 import jsepAssignment from "@jsep-plugin/assignment";
 import jsepObject from "@jsep-plugin/object";
+jsep.literals["undefined"] = "undefined";
 jsep.plugins.register(jsepAssignment);
 jsep.plugins.register(jsepObject);
 var generateCode = (node, failOnForbidden, options) => {
@@ -1191,7 +1192,8 @@ var componentCategories = [
   "media",
   "forms",
   "radix",
-  "hidden"
+  "hidden",
+  "utilities"
 ];
 var stateCategories = ["states", "component-states"];
 var ComponentState = z3.object({

package/lib/types/components/component-meta.d.ts

@@ -688,7 +688,7 @@ declare const WsComponentPropsMeta: z.ZodObject<{
     initialProps?: string[] | undefined;
 }>;
 export type WsComponentPropsMeta = z.infer<typeof WsComponentPropsMeta>;
-export declare const componentCategories: readonly ["general", "text", "data", "media", "forms", "radix", "hidden"];
+export declare const componentCategories: readonly ["general", "text", "data", "media", "forms", "radix", "hidden", "utilities"];
 export declare const stateCategories: readonly ["states", "component-states"];
 export declare const ComponentState: z.ZodObject<{
     category: z.ZodOptional<z.ZodEnum<["states", "component-states"]>>;
@@ -706,7 +706,7 @@ export declare const ComponentState: z.ZodObject<{
 export type ComponentState = z.infer<typeof ComponentState>;
 export declare const defaultStates: ComponentState[];
 export declare const WsComponentMeta: z.ZodObject<{
-    category: z.ZodOptional<z.ZodEnum<["general", "text", "data", "media", "forms", "radix", "hidden"]>>;
+    category: z.ZodOptional<z.ZodEnum<["general", "text", "data", "media", "forms", "radix", "hidden", "utilities"]>>;
     type: z.ZodEnum<["container", "control", "embed", "rich-text-child"]>;
     requiredAncestors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
     invalidAncestors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
@@ -2035,7 +2035,7 @@ export declare const WsComponentMeta: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     type: "embed" | "control" | "container" | "rich-text-child";
     icon: string;
-    category?: "data" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | undefined;
+    category?: "data" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "utilities" | undefined;
     requiredAncestors?: string[] | undefined;
     invalidAncestors?: string[] | undefined;
     indexWithinAncestor?: string | undefined;
@@ -2488,7 +2488,7 @@ export declare const WsComponentMeta: z.ZodObject<{
 }, {
     type: "embed" | "control" | "container" | "rich-text-child";
     icon: string;
-    category?: "data" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | undefined;
+    category?: "data" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "utilities" | undefined;
     requiredAncestors?: string[] | undefined;
     invalidAncestors?: string[] | undefined;
     indexWithinAncestor?: string | undefined;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { componentAttribute, idAttribute } from "../props";
-export type AnyComponent = React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+export type AnyComponent = React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & WebstudioComponentSystemProps & React.RefAttributes<HTMLElement>>;
+export type Components = Map<string, AnyComponent>;
+export type WebstudioComponentSystemProps = {
     [componentAttribute]: string;
     [idAttribute]: string;
-} & React.RefAttributes<HTMLElement>>;
-export type Components = Map<string, AnyComponent>;
+};

package/lib/types/embed-template.d.ts

@@ -2250,7 +2250,7 @@ export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, c
         value: string;
         type: "expression";
     } | EmbedTemplateInstance)[] | undefined;
-    category?: "data" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | undefined;
+    category?: "data" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "utilities" | undefined;
     requiredAncestors?: string[] | undefined;
     invalidAncestors?: string[] | undefined;
     indexWithinAncestor?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.134.0",
+  "version": "0.135.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -33,11 +33,11 @@
     "jsep": "^1.3.8",
     "nanoid": "^5.0.1",
     "title-case": "^4.1.0",
-    "@webstudio-is/css-engine": "0.134.0",
-    "@webstudio-is/image": "0.134.0",
-    "@webstudio-is/sdk": "0.134.0",
-    "@webstudio-is/fonts": "0.134.0",
-    "@webstudio-is/icons": "^0.134.0"
+    "@webstudio-is/fonts": "0.135.0",
+    "@webstudio-is/css-engine": "0.135.0",
+    "@webstudio-is/icons": "^0.135.0",
+    "@webstudio-is/image": "0.135.0",
+    "@webstudio-is/sdk": "0.135.0"
   },
   "exports": {
     ".": {