@elementor/editor-props 4.0.0-552 → 4.0.0-564

package/dist/index.mjs

@@ -205,38 +205,37 @@ import { z as z16 } from "@elementor/schema";
 var stringPropTypeUtil = createPropUtils("string", z16.string().nullable());
 
 // src/prop-types/string-array.ts
-import { z as z17 } from "@elementor/schema";
-var stringArrayPropTypeUtil = createPropUtils("string-array", z17.array(z17.string()));
+var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-import { z as z18 } from "@elementor/schema";
+import { z as z17 } from "@elementor/schema";
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  z18.strictObject({
+  z17.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-import { z as z19 } from "@elementor/schema";
-var urlPropTypeUtil = createPropUtils("url", z19.string().nullable());
+import { z as z18 } from "@elementor/schema";
+var urlPropTypeUtil = createPropUtils("url", z18.string().nullable());
 
 // src/prop-types/layout-direction.ts
-import { z as z20 } from "@elementor/schema";
+import { z as z19 } from "@elementor/schema";
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  z20.object({
-    row: z20.any(),
-    column: z20.any()
+  z19.object({
+    row: z19.any(),
+    column: z19.any()
   })
 );
 
 // src/prop-types/link.ts
-import { z as z21 } from "@elementor/schema";
+import { z as z20 } from "@elementor/schema";
 var linkPropTypeUtil = createPropUtils(
   "link",
-  z21.strictObject({
+  z20.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
@@ -244,13 +243,13 @@ var linkPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/selection-size.ts
-import { z as z23 } from "@elementor/schema";
+import { z as z22 } from "@elementor/schema";
 
 // src/prop-types/key-value.ts
-import { z as z22 } from "@elementor/schema";
+import { z as z21 } from "@elementor/schema";
 var keyValuePropTypeUtil = createPropUtils(
   "key-value",
-  z22.strictObject({
+  z21.strictObject({
     key: unknownChildrenSchema,
     value: unknownChildrenSchema
   })
@@ -259,17 +258,17 @@ var keyValuePropTypeUtil = createPropUtils(
 // src/prop-types/selection-size.ts
 var selectionSizePropTypeUtil = createPropUtils(
   "selection-size",
-  z23.strictObject({
-    selection: z23.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
+  z22.strictObject({
+    selection: z22.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/background-prop-types/background.ts
-import { z as z24 } from "@elementor/schema";
+import { z as z23 } from "@elementor/schema";
 var backgroundPropTypeUtil = createPropUtils(
   "background",
-  z24.strictObject({
+  z23.strictObject({
     color: unknownChildrenSchema,
     clip: unknownChildrenSchema,
     "background-overlay": unknownChildrenSchema
@@ -277,7 +276,7 @@ var backgroundPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/background-prop-types/background-overlay.ts
-import { z as z25 } from "@elementor/schema";
+import { z as z24 } from "@elementor/schema";
 
 // src/prop-types/background-prop-types/background-color-overlay.ts
 var backgroundColorOverlayPropTypeUtil = createPropUtils("background-color-overlay", unknownChildrenSchema);
@@ -293,7 +292,7 @@ var backgroundImageOverlayPropTypeUtil = createPropUtils("background-image-overl
 
 // src/prop-types/background-prop-types/background-overlay.ts
 var backgroundOverlayItem = backgroundColorOverlayPropTypeUtil.schema.or(backgroundGradientOverlayPropTypeUtil.schema).or(backgroundImageOverlayPropTypeUtil.schema);
-var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", z25.array(backgroundOverlayItem));
+var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", z24.array(backgroundOverlayItem));
 
 // src/prop-types/background-prop-types/background-image-position-offset.ts
 var backgroundImagePositionOffsetPropTypeUtil = createPropUtils(
@@ -308,59 +307,75 @@ var backgroundImageSizeScalePropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/boolean.ts
-import { z as z26 } from "@elementor/schema";
-var booleanPropTypeUtil = createPropUtils("boolean", z26.boolean().nullable());
+import { z as z25 } from "@elementor/schema";
+var booleanPropTypeUtil = createPropUtils("boolean", z25.boolean().nullable());
 
 // src/prop-types/color-stop.ts
-import { z as z27 } from "@elementor/schema";
+import { z as z26 } from "@elementor/schema";
 var colorStopPropTypeUtil = createPropUtils(
   "color-stop",
-  z27.strictObject({
+  z26.strictObject({
     color: unknownChildrenSchema,
     offset: unknownChildrenSchema
   })
 );
 
 // src/prop-types/gradient-color-stop.ts
-import { z as z28 } from "@elementor/schema";
+import { z as z27 } from "@elementor/schema";
 var gradientColorStopPropTypeUtil = createPropUtils(
   "gradient-color-stop",
-  z28.array(colorStopPropTypeUtil.schema)
+  z27.array(colorStopPropTypeUtil.schema)
 );
 
 // src/prop-types/date-time.ts
-import { z as z29 } from "@elementor/schema";
+import { z as z28 } from "@elementor/schema";
 var DateTimePropTypeUtil = createPropUtils(
   "date-time",
-  z29.strictObject({
+  z28.strictObject({
     date: unknownChildrenSchema,
     time: unknownChildrenSchema
   })
 );
 
 // src/prop-types/position.ts
-import { z as z30 } from "@elementor/schema";
+import { z as z29 } from "@elementor/schema";
 var positionPropTypeUtil = createPropUtils(
   "object-position",
-  z30.strictObject({
+  z29.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/query.ts
-import { z as z31 } from "@elementor/schema";
+import { z as z30 } from "@elementor/schema";
 var queryPropTypeUtil = createPropUtils(
   "query",
-  z31.strictObject({
+  z30.strictObject({
     id: unknownChildrenSchema,
     label: unknownChildrenSchema
   })
 );
 
 // src/prop-types/html.ts
+import { z as z31 } from "@elementor/schema";
+var htmlPropTypeUtil = createPropUtils("html", z31.string().nullable());
+
+// src/prop-types/html-v2.ts
 import { z as z32 } from "@elementor/schema";
-var htmlPropTypeUtil = createPropUtils("html", z32.string().nullable());
+var childElementSchema = z32.lazy(
+  () => z32.object({
+    id: z32.string(),
+    type: z32.string(),
+    content: z32.string().optional(),
+    children: z32.array(childElementSchema).optional()
+  })
+);
+var htmlV2ValueSchema = z32.object({
+  content: z32.string().nullable(),
+  children: z32.array(childElementSchema)
+});
+var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
 
 // src/prop-types/filter-prop-types/filter.ts
 import { z as z38 } from "@elementor/schema";
@@ -1084,6 +1099,61 @@ function isDependency(term) {
   return "terms" in term;
 }
 
+// src/utils/parse-html-children.ts
+var INLINE_ELEMENTS = /* @__PURE__ */ new Set(["span", "b", "strong", "i", "em", "u", "a", "del", "sup", "sub", "s"]);
+function generateElementId() {
+  const timestamp = Date.now().toString(36);
+  const randomPart = Math.random().toString(36).substring(2, 9);
+  return `e-${timestamp}-${randomPart}`;
+}
+function traverseChildren(node) {
+  const result = [];
+  for (const child of Array.from(node.children)) {
+    const tagName = child.tagName.toLowerCase();
+    if (!INLINE_ELEMENTS.has(tagName)) {
+      result.push(...traverseChildren(child));
+      continue;
+    }
+    let id = child.getAttribute("id");
+    if (!id) {
+      id = generateElementId();
+      child.setAttribute("id", id);
+    }
+    const childElement = {
+      id,
+      type: tagName
+    };
+    const textContent = child.textContent?.trim();
+    if (textContent) {
+      childElement.content = textContent;
+    }
+    const nestedChildren = traverseChildren(child);
+    if (nestedChildren.length > 0) {
+      childElement.children = nestedChildren;
+    }
+    result.push(childElement);
+  }
+  return result;
+}
+function parseHtmlChildren(html) {
+  if (!html) {
+    return { content: html, children: [] };
+  }
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(`<body>${html}</body>`, "text/html");
+  const parserError = doc.querySelector("parsererror");
+  if (parserError) {
+    console.warn("HTML parsing error, returning original content:", parserError.textContent);
+    return { content: html, children: [] };
+  }
+  const body = doc.body;
+  const children = traverseChildren(body);
+  return {
+    content: body.innerHTML,
+    children
+  };
+}
+
 // src/index.ts
 var Schema = {
   jsonSchemaToPropType,
@@ -1131,6 +1201,7 @@ export {
   getPropSchemaFromCache,
   gradientColorStopPropTypeUtil,
   htmlPropTypeUtil,
+  htmlV2PropTypeUtil,
   hueRotateFilterPropTypeUtil,
   imageAttachmentIdPropType,
   imagePropTypeUtil,
@@ -1146,6 +1217,7 @@ export {
   mergeProps,
   moveTransformPropTypeUtil,
   numberPropTypeUtil,
+  parseHtmlChildren,
   perspectiveOriginPropTypeUtil,
   positionPropTypeUtil,
   queryPropTypeUtil,