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

package/dist/index.js

@@ -54,6 +54,7 @@ __export(index_exports, {
   getPropSchemaFromCache: () => getPropSchemaFromCache,
   gradientColorStopPropTypeUtil: () => gradientColorStopPropTypeUtil,
   htmlPropTypeUtil: () => htmlPropTypeUtil,
+  htmlV2PropTypeUtil: () => htmlV2PropTypeUtil,
   hueRotateFilterPropTypeUtil: () => hueRotateFilterPropTypeUtil,
   imageAttachmentIdPropType: () => imageAttachmentIdPropType,
   imagePropTypeUtil: () => imagePropTypeUtil,
@@ -69,6 +70,7 @@ __export(index_exports, {
   mergeProps: () => mergeProps,
   moveTransformPropTypeUtil: () => moveTransformPropTypeUtil,
   numberPropTypeUtil: () => numberPropTypeUtil,
+  parseHtmlChildren: () => parseHtmlChildren,
   perspectiveOriginPropTypeUtil: () => perspectiveOriginPropTypeUtil,
   positionPropTypeUtil: () => positionPropTypeUtil,
   queryPropTypeUtil: () => queryPropTypeUtil,
@@ -295,38 +297,37 @@ var import_schema16 = require("@elementor/schema");
 var stringPropTypeUtil = createPropUtils("string", import_schema16.z.string().nullable());
 
 // src/prop-types/string-array.ts
-var import_schema17 = require("@elementor/schema");
-var stringArrayPropTypeUtil = createPropUtils("string-array", import_schema17.z.array(import_schema17.z.string()));
+var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-var import_schema18 = require("@elementor/schema");
+var import_schema17 = require("@elementor/schema");
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  import_schema18.z.strictObject({
+  import_schema17.z.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-var import_schema19 = require("@elementor/schema");
-var urlPropTypeUtil = createPropUtils("url", import_schema19.z.string().nullable());
+var import_schema18 = require("@elementor/schema");
+var urlPropTypeUtil = createPropUtils("url", import_schema18.z.string().nullable());
 
 // src/prop-types/layout-direction.ts
-var import_schema20 = require("@elementor/schema");
+var import_schema19 = require("@elementor/schema");
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  import_schema20.z.object({
-    row: import_schema20.z.any(),
-    column: import_schema20.z.any()
+  import_schema19.z.object({
+    row: import_schema19.z.any(),
+    column: import_schema19.z.any()
   })
 );
 
 // src/prop-types/link.ts
-var import_schema21 = require("@elementor/schema");
+var import_schema20 = require("@elementor/schema");
 var linkPropTypeUtil = createPropUtils(
   "link",
-  import_schema21.z.strictObject({
+  import_schema20.z.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
@@ -334,13 +335,13 @@ var linkPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/selection-size.ts
-var import_schema23 = require("@elementor/schema");
+var import_schema22 = require("@elementor/schema");
 
 // src/prop-types/key-value.ts
-var import_schema22 = require("@elementor/schema");
+var import_schema21 = require("@elementor/schema");
 var keyValuePropTypeUtil = createPropUtils(
   "key-value",
-  import_schema22.z.strictObject({
+  import_schema21.z.strictObject({
     key: unknownChildrenSchema,
     value: unknownChildrenSchema
   })
@@ -349,17 +350,17 @@ var keyValuePropTypeUtil = createPropUtils(
 // src/prop-types/selection-size.ts
 var selectionSizePropTypeUtil = createPropUtils(
   "selection-size",
-  import_schema23.z.strictObject({
-    selection: import_schema23.z.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
+  import_schema22.z.strictObject({
+    selection: import_schema22.z.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/background-prop-types/background.ts
-var import_schema24 = require("@elementor/schema");
+var import_schema23 = require("@elementor/schema");
 var backgroundPropTypeUtil = createPropUtils(
   "background",
-  import_schema24.z.strictObject({
+  import_schema23.z.strictObject({
     color: unknownChildrenSchema,
     clip: unknownChildrenSchema,
     "background-overlay": unknownChildrenSchema
@@ -367,7 +368,7 @@ var backgroundPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/background-prop-types/background-overlay.ts
-var import_schema25 = require("@elementor/schema");
+var import_schema24 = require("@elementor/schema");
 
 // src/prop-types/background-prop-types/background-color-overlay.ts
 var backgroundColorOverlayPropTypeUtil = createPropUtils("background-color-overlay", unknownChildrenSchema);
@@ -383,7 +384,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", import_schema25.z.array(backgroundOverlayItem));
+var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", import_schema24.z.array(backgroundOverlayItem));
 
 // src/prop-types/background-prop-types/background-image-position-offset.ts
 var backgroundImagePositionOffsetPropTypeUtil = createPropUtils(
@@ -398,59 +399,75 @@ var backgroundImageSizeScalePropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/boolean.ts
-var import_schema26 = require("@elementor/schema");
-var booleanPropTypeUtil = createPropUtils("boolean", import_schema26.z.boolean().nullable());
+var import_schema25 = require("@elementor/schema");
+var booleanPropTypeUtil = createPropUtils("boolean", import_schema25.z.boolean().nullable());
 
 // src/prop-types/color-stop.ts
-var import_schema27 = require("@elementor/schema");
+var import_schema26 = require("@elementor/schema");
 var colorStopPropTypeUtil = createPropUtils(
   "color-stop",
-  import_schema27.z.strictObject({
+  import_schema26.z.strictObject({
     color: unknownChildrenSchema,
     offset: unknownChildrenSchema
   })
 );
 
 // src/prop-types/gradient-color-stop.ts
-var import_schema28 = require("@elementor/schema");
+var import_schema27 = require("@elementor/schema");
 var gradientColorStopPropTypeUtil = createPropUtils(
   "gradient-color-stop",
-  import_schema28.z.array(colorStopPropTypeUtil.schema)
+  import_schema27.z.array(colorStopPropTypeUtil.schema)
 );
 
 // src/prop-types/date-time.ts
-var import_schema29 = require("@elementor/schema");
+var import_schema28 = require("@elementor/schema");
 var DateTimePropTypeUtil = createPropUtils(
   "date-time",
-  import_schema29.z.strictObject({
+  import_schema28.z.strictObject({
     date: unknownChildrenSchema,
     time: unknownChildrenSchema
   })
 );
 
 // src/prop-types/position.ts
-var import_schema30 = require("@elementor/schema");
+var import_schema29 = require("@elementor/schema");
 var positionPropTypeUtil = createPropUtils(
   "object-position",
-  import_schema30.z.strictObject({
+  import_schema29.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/query.ts
-var import_schema31 = require("@elementor/schema");
+var import_schema30 = require("@elementor/schema");
 var queryPropTypeUtil = createPropUtils(
   "query",
-  import_schema31.z.strictObject({
+  import_schema30.z.strictObject({
     id: unknownChildrenSchema,
     label: unknownChildrenSchema
   })
 );
 
 // src/prop-types/html.ts
+var import_schema31 = require("@elementor/schema");
+var htmlPropTypeUtil = createPropUtils("html", import_schema31.z.string().nullable());
+
+// src/prop-types/html-v2.ts
 var import_schema32 = require("@elementor/schema");
-var htmlPropTypeUtil = createPropUtils("html", import_schema32.z.string().nullable());
+var childElementSchema = import_schema32.z.lazy(
+  () => import_schema32.z.object({
+    id: import_schema32.z.string(),
+    type: import_schema32.z.string(),
+    content: import_schema32.z.string().optional(),
+    children: import_schema32.z.array(childElementSchema).optional()
+  })
+);
+var htmlV2ValueSchema = import_schema32.z.object({
+  content: import_schema32.z.string().nullable(),
+  children: import_schema32.z.array(childElementSchema)
+});
+var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
 
 // src/prop-types/filter-prop-types/filter.ts
 var import_schema38 = require("@elementor/schema");
@@ -1174,6 +1191,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,
@@ -1222,6 +1294,7 @@ var Schema = {
   getPropSchemaFromCache,
   gradientColorStopPropTypeUtil,
   htmlPropTypeUtil,
+  htmlV2PropTypeUtil,
   hueRotateFilterPropTypeUtil,
   imageAttachmentIdPropType,
   imagePropTypeUtil,
@@ -1237,6 +1310,7 @@ var Schema = {
   mergeProps,
   moveTransformPropTypeUtil,
   numberPropTypeUtil,
+  parseHtmlChildren,
   perspectiveOriginPropTypeUtil,
   positionPropTypeUtil,
   queryPropTypeUtil,