@webstudio-is/react-sdk 0.163.0 → 0.167.0

package/lib/index.js

@@ -706,7 +706,8 @@ import {
 import { StyleValue } from "@webstudio-is/css-engine";
 var EmbedTemplateText = z2.object({
   type: z2.literal("text"),
-  value: z2.string()
+  value: z2.string(),
+  placeholder: z2.boolean().optional()
 });
 var EmbedTemplateExpression = z2.object({
   type: z2.literal("expression"),
@@ -969,7 +970,8 @@ var createInstancesFromTemplate = (treeTemplate, instances, props, dataSourceByR
     if (item.type === "text") {
       parentChildren.push({
         type: "text",
-        value: item.value
+        value: item.value,
+        placeholder: item.placeholder
       });
     }
     if (item.type === "expression") {
@@ -1404,11 +1406,15 @@ var generateJsxChildren = ({
   dataSources,
   usedDataSources,
   indexesWithinAncestors,
-  classesMap
+  classesMap,
+  excludePlaceholders
 }) => {
   let generatedChildren = "";
   for (const child of children) {
     if (child.type === "text") {
+      if (excludePlaceholders && child.placeholder === true) {
+        continue;
+      }
       generatedChildren += child.value.split("\n").map((line) => `{${JSON.stringify(line)}}
 `).join(`<br />
 `);
@@ -1447,7 +1453,8 @@ var generateJsxChildren = ({
           props,
           dataSources,
           usedDataSources,
-          indexesWithinAncestors
+          indexesWithinAncestors,
+          excludePlaceholders
         })
       });
       continue;

package/lib/types/component-generator.d.ts

@@ -10,7 +10,7 @@ export declare const generateJsxElement: ({ scope, instance, props, dataSources,
     children: string;
     classesMap?: Map<string, Array<string>>;
 }) => string;
-export declare const generateJsxChildren: ({ scope, children, instances, props, dataSources, usedDataSources, indexesWithinAncestors, classesMap, }: {
+export declare const generateJsxChildren: ({ scope, children, instances, props, dataSources, usedDataSources, indexesWithinAncestors, classesMap, excludePlaceholders, }: {
     scope: Scope;
     children: Instance["children"];
     instances: Instances;
@@ -19,6 +19,7 @@ export declare const generateJsxChildren: ({ scope, children, instances, props,
     usedDataSources: DataSources;
     indexesWithinAncestors: IndexesWithinAncestors;
     classesMap?: Map<string, Array<string>>;
+    excludePlaceholders?: boolean;
 }) => string;
 export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId, parameters, instances, props, dataSources, indexesWithinAncestors, classesMap, }: {
     scope: Scope;

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

@@ -3365,12 +3365,15 @@ export declare const WsComponentMeta: z.ZodObject<{
     template: z.ZodOptional<z.ZodLazy<z.ZodArray<z.ZodUnion<[z.ZodType<import("../embed-template").EmbedTemplateInstance, z.ZodTypeDef, import("../embed-template").EmbedTemplateInstance>, z.ZodObject<{
         type: z.ZodLiteral<"text">;
         value: z.ZodString;
+        placeholder: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     }, {
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     }>, z.ZodObject<{
         type: z.ZodLiteral<"expression">;
         value: z.ZodString;
@@ -4270,6 +4273,7 @@ export declare const WsComponentMeta: z.ZodObject<{
     template?: ({
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     } | {
         value: string;
         type: "expression";
@@ -5163,6 +5167,7 @@ export declare const WsComponentMeta: z.ZodObject<{
     template?: ({
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     } | {
         value: string;
         type: "expression";

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

@@ -6,12 +6,15 @@ import type { WsComponentMeta } from "./components/component-meta";
 declare const EmbedTemplateText: z.ZodObject<{
     type: z.ZodLiteral<"text">;
     value: z.ZodString;
+    placeholder: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     value: string;
     type: "text";
+    placeholder?: boolean | undefined;
 }, {
     value: string;
     type: "text";
+    placeholder?: boolean | undefined;
 }>;
 type EmbedTemplateText = z.infer<typeof EmbedTemplateText>;
 declare const EmbedTemplateExpression: z.ZodObject<{
@@ -10670,12 +10673,15 @@ export declare const EmbedTemplateInstance: z.ZodType<EmbedTemplateInstance>;
 export declare const WsEmbedTemplate: z.ZodLazy<z.ZodArray<z.ZodUnion<[z.ZodType<EmbedTemplateInstance, z.ZodTypeDef, EmbedTemplateInstance>, z.ZodObject<{
     type: z.ZodLiteral<"text">;
     value: z.ZodString;
+    placeholder: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     value: string;
     type: "text";
+    placeholder?: boolean | undefined;
 }, {
     value: string;
     type: "text";
+    placeholder?: boolean | undefined;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"expression">;
     value: z.ZodString;
@@ -10690,6 +10696,7 @@ export type WsEmbedTemplate = z.infer<typeof WsEmbedTemplate>;
 export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
     value: string;
     type: "text";
+    placeholder?: boolean | undefined;
 } | {
     value: string;
     type: "expression";
@@ -10697,16 +10704,17 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: ({
 export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, components: Set<EmbedTemplateInstance["component"]>) => {
     type: "control" | "embed" | "container" | "rich-text-child";
     description?: string | undefined;
+    category?: "data" | "xml" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "internal" | undefined;
     label?: string | undefined;
     order?: number | undefined;
     template?: ({
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     } | {
         value: string;
         type: "expression";
     } | EmbedTemplateInstance)[] | undefined;
-    category?: "data" | "xml" | "text" | "hidden" | "media" | "general" | "forms" | "radix" | "internal" | undefined;
     requiredAncestors?: string[] | undefined;
     invalidAncestors?: string[] | undefined;
     indexWithinAncestor?: string | undefined;

package/lib/types/hook.d.ts

@@ -31,6 +31,7 @@ export declare const getClosestInstance: (instancePath: InstancePath, currentIns
     children: ({
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     } | {
         value: string;
         type: "id";

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

@@ -7,6 +7,7 @@ export declare const getIndexesWithinAncestors: (metas: Map<Instance["component"
     children: ({
         value: string;
         type: "text";
+        placeholder?: boolean | undefined;
     } | {
         value: string;
         type: "id";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.163.0",
+  "version": "0.167.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -28,11 +28,11 @@
     "html-tags": "^3.3.1",
     "nanoid": "^5.0.1",
     "title-case": "^4.1.0",
-    "@webstudio-is/css-engine": "0.163.0",
-    "@webstudio-is/fonts": "0.163.0",
-    "@webstudio-is/image": "0.163.0",
-    "@webstudio-is/icons": "^0.163.0",
-    "@webstudio-is/sdk": "0.163.0"
+    "@webstudio-is/css-engine": "0.167.0",
+    "@webstudio-is/fonts": "0.167.0",
+    "@webstudio-is/icons": "^0.167.0",
+    "@webstudio-is/image": "0.167.0",
+    "@webstudio-is/sdk": "0.167.0"
   },
   "exports": {
     ".": {