@elementor/editor-props 0.2.0 → 0.4.0

package/dist/index.mjs

@@ -1,22 +1,25 @@
 // src/prop-types/box-shadow.ts
-import { z as z5 } from "@elementor/schema";
+import { z as z4 } from "@elementor/schema";
 
 // src/utils/create-prop-utils.ts
 import { z } from "@elementor/schema";
 function createPropUtils(key, valueSchema) {
-  const schema = z.object({
+  const schema = z.strictObject({
     $$type: z.literal(key),
-    value: valueSchema
+    value: valueSchema,
+    disabled: z.boolean().optional()
   });
   function isValid(prop) {
     return schema.safeParse(prop).success;
   }
-  function create(value, base) {
+  function create(value, createOptions) {
     const fn = typeof value === "function" ? value : () => value;
+    const { base, disabled } = createOptions || {};
     if (!base) {
       return {
         $$type: key,
-        value: fn()
+        value: fn(),
+        ...disabled && { disabled }
       };
     }
     if (!isValid(base)) {
@@ -24,161 +27,210 @@ function createPropUtils(key, valueSchema) {
     }
     return {
       $$type: key,
-      value: fn(base.value)
+      value: fn(base.value),
+      ...disabled && { disabled }
     };
   }
+  function extract(prop) {
+    if (!isValid(prop)) {
+      return null;
+    }
+    return prop.value;
+  }
   return {
+    extract,
     isValid,
     create,
+    // this type fails in build due to zod issue that does not recognize the schema as a ZodType.
     schema
   };
 }
 
 // src/prop-types/shadow.ts
-import { z as z4 } from "@elementor/schema";
+import { z as z3 } from "@elementor/schema";
 
-// src/prop-types/size.ts
+// src/prop-types/utils.ts
 import { z as z2 } from "@elementor/schema";
-var sizePropType = createPropUtils(
-  "size",
-  z2.object({
-    unit: z2.enum(["px", "em", "rem", "%", "vw", "vh"]),
-    size: z2.number()
-  })
-);
-
-// src/prop-types/color.ts
-import { z as z3 } from "@elementor/schema";
-var colorPropType = createPropUtils("color", z3.string());
+var unknownChildrenSchema = z2.any().nullable();
 
 // src/prop-types/shadow.ts
-var shadowPropType = createPropUtils(
+var shadowPropTypeUtil = createPropUtils(
   "shadow",
-  z4.object({
-    position: z4.nullable(z4.literal("inset")),
-    hOffset: sizePropType.schema,
-    vOffset: sizePropType.schema,
-    blur: sizePropType.schema,
-    spread: sizePropType.schema,
-    color: colorPropType.schema
+  z3.strictObject({
+    position: unknownChildrenSchema,
+    hOffset: unknownChildrenSchema,
+    vOffset: unknownChildrenSchema,
+    blur: unknownChildrenSchema,
+    spread: unknownChildrenSchema,
+    color: unknownChildrenSchema
   })
 );
 
 // src/prop-types/box-shadow.ts
-var boxShadowPropType = createPropUtils("box-shadow", z5.array(shadowPropType.schema));
+var boxShadowPropTypeUtil = createPropUtils("box-shadow", z4.array(shadowPropTypeUtil.schema));
 
 // src/prop-types/border-radius.ts
-import { z as z6 } from "@elementor/schema";
-var borderRadiusPropType = createPropUtils(
+import { z as z5 } from "@elementor/schema";
+var borderRadiusPropTypeUtil = createPropUtils(
   "border-radius",
-  z6.object({
-    "top-left": z6.any(),
-    "top-right": z6.any(),
-    "bottom-right": z6.any(),
-    "bottom-left": z6.any()
+  z5.strictObject({
+    "top-left": unknownChildrenSchema,
+    "top-right": unknownChildrenSchema,
+    "bottom-right": unknownChildrenSchema,
+    "bottom-left": unknownChildrenSchema
   })
 );
 
 // src/prop-types/border-width.ts
-import { z as z7 } from "@elementor/schema";
-var borderWidthPropType = createPropUtils(
+import { z as z6 } from "@elementor/schema";
+var borderWidthPropTypeUtil = createPropUtils(
   "border-width",
-  z7.object({
-    top: z7.any(),
-    right: z7.any(),
-    bottom: z7.any(),
-    left: z7.any()
+  z6.strictObject({
+    top: unknownChildrenSchema,
+    right: unknownChildrenSchema,
+    bottom: unknownChildrenSchema,
+    left: unknownChildrenSchema
   })
 );
 
 // src/prop-types/classes.ts
+import { z as z7 } from "@elementor/schema";
+var classesPropTypeUtil = createPropUtils("classes", z7.array(z7.string().regex(/^[a-z][a-z-_0-9]*$/i)));
+
+// src/prop-types/color.ts
 import { z as z8 } from "@elementor/schema";
-var classesPropType = createPropUtils("classes", z8.array(z8.string().regex(/^[a-z][a-z-_0-9]*$/i)));
+var colorPropTypeUtil = createPropUtils("color", z8.string());
 
 // src/prop-types/image.ts
-import { z as z12 } from "@elementor/schema";
-
-// src/prop-types/image-src.ts
-import { z as z11 } from "@elementor/schema";
-
-// src/prop-types/url.ts
 import { z as z9 } from "@elementor/schema";
-var urlPropType = createPropUtils("url", z9.string());
+var imagePropTypeUtil = createPropUtils(
+  "image",
+  z9.strictObject({
+    src: unknownChildrenSchema,
+    size: unknownChildrenSchema
+  })
+);
 
 // src/prop-types/image-attachment-id.ts
 import { z as z10 } from "@elementor/schema";
 var imageAttachmentIdPropType = createPropUtils("image-attachment-id", z10.number());
 
 // src/prop-types/image-src.ts
-var imageSrcPropType = createPropUtils(
+import { z as z11 } from "@elementor/schema";
+var imageSrcPropTypeUtil = createPropUtils(
   "image-src",
-  z11.object({
-    id: imageAttachmentIdPropType.schema,
+  z11.strictObject({
+    id: unknownChildrenSchema,
     url: z11.null()
   }).or(
-    z11.object({
+    z11.strictObject({
       id: z11.null(),
-      url: urlPropType.schema
+      url: unknownChildrenSchema
     })
   )
 );
 
-// src/prop-types/image.ts
-var imagePropType = createPropUtils(
-  "image",
-  z12.object({
-    src: imageSrcPropType.schema,
-    size: sizePropType.schema
+// src/prop-types/linked-dimensions.ts
+import { z as z12 } from "@elementor/schema";
+var linkedDimensionsPropTypeUtil = createPropUtils(
+  "linked-dimensions",
+  z12.strictObject({
+    isLinked: unknownChildrenSchema,
+    top: unknownChildrenSchema,
+    right: unknownChildrenSchema,
+    bottom: unknownChildrenSchema,
+    left: unknownChildrenSchema
   })
 );
 
-// src/prop-types/linked-dimensions.ts
+// src/prop-types/number.ts
 import { z as z13 } from "@elementor/schema";
-var linkedDimensionsPropType = createPropUtils(
-  "linked-dimensions",
-  z13.object({
-    isLinked: z13.boolean(),
-    top: z13.any(),
-    right: z13.any(),
-    bottom: z13.any(),
-    left: z13.any()
+var numberPropTypeUtil = createPropUtils("number", z13.number());
+
+// src/prop-types/size.ts
+import { z as z14 } from "@elementor/schema";
+var sizePropTypeUtil = createPropUtils(
+  "size",
+  z14.strictObject({
+    unit: z14.enum(["px", "em", "rem", "%", "vw", "vh"]),
+    size: z14.number()
   })
 );
 
+// src/prop-types/string.ts
+import { z as z15 } from "@elementor/schema";
+var stringPropTypeUtil = createPropUtils("string", z15.string().nullable());
+
 // src/prop-types/stroke.ts
-import { z as z14 } from "@elementor/schema";
-var strokePropType = createPropUtils(
+import { z as z16 } from "@elementor/schema";
+var strokePropTypeUtil = createPropUtils(
   "stroke",
-  z14.object({
-    color: colorPropType.schema,
-    width: sizePropType.schema
+  z16.strictObject({
+    color: unknownChildrenSchema,
+    width: unknownChildrenSchema
+  })
+);
+
+// src/prop-types/url.ts
+import { z as z17 } from "@elementor/schema";
+var urlPropTypeUtil = createPropUtils("url", z17.string().url().nullable());
+
+// src/prop-types/color-gradient.ts
+import { z as z18 } from "@elementor/schema";
+var colorGradientPropTypeUtil = createPropUtils(
+  "background-overlay",
+  z18.strictObject({
+    color: unknownChildrenSchema
+  })
+);
+
+// src/prop-types/background-image.ts
+import { z as z19 } from "@elementor/schema";
+var backgroundImagePropTypeUtil = createPropUtils(
+  "background-image",
+  z19.array(colorGradientPropTypeUtil.schema)
+);
+
+// src/prop-types/link.ts
+import { z as z20 } from "@elementor/schema";
+var linkPropTypeUtil = createPropUtils(
+  "link",
+  z20.strictObject({
+    enabled: z20.boolean(),
+    href: urlPropTypeUtil.schema,
+    isTargetBlank: z20.boolean()
   })
 );
 
 // src/utils/is-transformable.ts
-import { z as z15 } from "@elementor/schema";
-var transformableSchema = z15.object({
-  $$type: z15.string(),
-  value: z15.any()
+import { z as z21 } from "@elementor/schema";
+var transformableSchema = z21.object({
+  $$type: z21.string(),
+  value: z21.any()
 });
 var isTransformable = (value) => {
   return transformableSchema.safeParse(value).success;
 };
 export {
-  borderRadiusPropType,
-  borderWidthPropType,
-  boxShadowPropType,
-  classesPropType,
-  colorPropType,
+  backgroundImagePropTypeUtil,
+  borderRadiusPropTypeUtil,
+  borderWidthPropTypeUtil,
+  boxShadowPropTypeUtil,
+  classesPropTypeUtil,
+  colorGradientPropTypeUtil,
+  colorPropTypeUtil,
   createPropUtils,
   imageAttachmentIdPropType,
-  imagePropType,
-  imageSrcPropType,
+  imagePropTypeUtil,
+  imageSrcPropTypeUtil,
   isTransformable,
-  linkedDimensionsPropType,
-  shadowPropType,
-  sizePropType,
-  strokePropType,
-  urlPropType
+  linkPropTypeUtil,
+  linkedDimensionsPropTypeUtil,
+  numberPropTypeUtil,
+  shadowPropTypeUtil,
+  sizePropTypeUtil,
+  stringPropTypeUtil,
+  strokePropTypeUtil,
+  urlPropTypeUtil
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/prop-types/box-shadow.ts","../src/utils/create-prop-utils.ts","../src/prop-types/shadow.ts","../src/prop-types/size.ts","../src/prop-types/color.ts","../src/prop-types/border-radius.ts","../src/prop-types/border-width.ts","../src/prop-types/classes.ts","../src/prop-types/image.ts","../src/prop-types/image-src.ts","../src/prop-types/url.ts","../src/prop-types/image-attachment-id.ts","../src/prop-types/linked-dimensions.ts","../src/prop-types/stroke.ts","../src/utils/is-transformable.ts"],"sourcesContent":["import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { shadowPropType } from './shadow';\n\nexport const boxShadowPropType = createPropUtils( 'box-shadow', z.array( shadowPropType.schema ) );\n\nexport type BoxShadowPropValue = z.infer< typeof boxShadowPropType.schema >;\n","import { z, type ZodTypeAny } from '@elementor/schema';\n\ntype Updater< T > = ( prev?: T ) => T;\n\n/**\n * Usage example:\n *\n * ```ts\n * const elementsPropUtils = createPropUtils( 'elements', z.array( z.string() ) );\n *\n * elementsPropUtils.isValid( element.props?.children );\n * elementsPropUtils.create( [ 'a', 'b' ] );\n * elementsPropUtils.create( ( prev = [] ) => [ ...prev, 'c' ], element.props?.children );\n * ```\n */\n\nexport function createPropUtils< TKey extends string, TValue extends ZodTypeAny >( key: TKey, valueSchema: TValue ) {\n\tconst schema = z.object( {\n\t\t$$type: z.literal( key ),\n\t\tvalue: valueSchema,\n\t} );\n\n\ttype Prop = z.infer< typeof schema >;\n\n\tfunction isValid( prop: unknown ): prop is Prop {\n\t\treturn schema.safeParse( prop ).success;\n\t}\n\n\tfunction create( value: Prop[ 'value' ] ): Prop;\n\tfunction create( value: Updater< Prop[ 'value' ] >, base: unknown ): Prop;\n\tfunction create( value: Prop[ 'value' ] | Updater< Prop[ 'value' ] >, base?: unknown ): Prop {\n\t\tconst fn = ( typeof value === 'function' ? value : () => value ) as Updater< Prop[ 'value' ] >;\n\n\t\tif ( ! base ) {\n\t\t\treturn {\n\t\t\t\t$$type: key,\n\t\t\t\tvalue: fn(),\n\t\t\t};\n\t\t}\n\n\t\tif ( ! isValid( base ) ) {\n\t\t\tthrow new Error( `Cannot create prop based on invalid value: ${ JSON.stringify( base ) }` );\n\t\t}\n\n\t\treturn {\n\t\t\t$$type: key,\n\t\t\tvalue: fn( base.value ),\n\t\t};\n\t}\n\n\treturn {\n\t\tisValid,\n\t\tcreate,\n\t\tschema,\n\t};\n}\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { sizePropType } from './size';\nimport { colorPropType } from './color';\n\nexport const shadowPropType = createPropUtils(\n\t'shadow',\n\tz.object( {\n\t\tposition: z.nullable( z.literal( 'inset' ) ),\n\t\thOffset: sizePropType.schema,\n\t\tvOffset: sizePropType.schema,\n\t\tblur: sizePropType.schema,\n\t\tspread: sizePropType.schema,\n\t\tcolor: colorPropType.schema,\n\t} )\n);\n\nexport type ShadowPropValue = z.infer< typeof shadowPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const sizePropType = createPropUtils(\n\t'size',\n\tz.object( {\n\t\tunit: z.enum( [ 'px', 'em', 'rem', '%', 'vw', 'vh' ] ),\n\t\tsize: z.number(),\n\t} )\n);\n\nexport type SizePropValue = z.infer< typeof sizePropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const colorPropType = createPropUtils( 'color', z.string() );\n\nexport type ColorPropValue = z.infer< typeof colorPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const borderRadiusPropType = createPropUtils(\n\t'border-radius',\n\tz.object( {\n\t\t'top-left': z.any(),\n\t\t'top-right': z.any(),\n\t\t'bottom-right': z.any(),\n\t\t'bottom-left': z.any(),\n\t} )\n);\n\nexport type BorderRadiusPropValue = z.infer< typeof borderRadiusPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const borderWidthPropType = createPropUtils(\n\t'border-width',\n\tz.object( {\n\t\ttop: z.any(),\n\t\tright: z.any(),\n\t\tbottom: z.any(),\n\t\tleft: z.any(),\n\t} )\n);\n\nexport type BorderWidthPropValue = z.infer< typeof borderWidthPropType.schema >;\n","import { createPropUtils } from '../utils/create-prop-utils';\nimport { z } from '@elementor/schema';\n\nexport const classesPropType = createPropUtils( 'classes', z.array( z.string().regex( /^[a-z][a-z-_0-9]*$/i ) ) );\n\nexport type ClassesPropValue = z.infer< typeof classesPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { imageSrcPropType } from './image-src';\nimport { sizePropType } from './size';\n\nexport const imagePropType = createPropUtils(\n\t'image',\n\tz.object( {\n\t\tsrc: imageSrcPropType.schema,\n\t\tsize: sizePropType.schema,\n\t} )\n);\n\nexport type ImagePropValue = z.infer< typeof imagePropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { urlPropType } from './url';\nimport { imageAttachmentIdPropType } from './image-attachment-id';\n\nexport const imageSrcPropType = createPropUtils(\n\t'image-src',\n\tz\n\t\t.object( {\n\t\t\tid: imageAttachmentIdPropType.schema,\n\t\t\turl: z.null(),\n\t\t} )\n\t\t.or(\n\t\t\tz.object( {\n\t\t\t\tid: z.null(),\n\t\t\t\turl: urlPropType.schema,\n\t\t\t} )\n\t\t)\n);\n\nexport type ImageSrcPropValue = z.infer< typeof imageSrcPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const urlPropType = createPropUtils( 'url', z.string() );\n\nexport type UrlPropValue = z.infer< typeof urlPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const imageAttachmentIdPropType = createPropUtils( 'image-attachment-id', z.number() );\n\nexport type ImageAttachmentIdPropValue = z.infer< typeof imageAttachmentIdPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const linkedDimensionsPropType = createPropUtils(\n\t'linked-dimensions',\n\tz.object( {\n\t\tisLinked: z.boolean(),\n\t\ttop: z.any(),\n\t\tright: z.any(),\n\t\tbottom: z.any(),\n\t\tleft: z.any(),\n\t} )\n);\n\nexport type LinkedDimensionsPropValue = z.infer< typeof linkedDimensionsPropType.schema >;\n","import { z } from '@elementor/schema';\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { colorPropType } from './color';\nimport { sizePropType } from './size';\n\nexport const strokePropType = createPropUtils(\n\t'stroke',\n\tz.object( {\n\t\tcolor: colorPropType.schema,\n\t\twidth: sizePropType.schema,\n\t} )\n);\n\nexport type StrokePropValue = z.infer< typeof strokePropType.schema >;\n","import { z } from '@elementor/schema';\n\nconst transformableSchema = z.object( {\n\t$$type: z.string(),\n\tvalue: z.any(),\n} );\n\ntype TransformablePropValue = z.infer< typeof transformableSchema >;\n\nexport const isTransformable = ( value: unknown ): value is TransformablePropValue => {\n\treturn transformableSchema.safeParse( value ).success;\n};\n"],"mappings":"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","names":["z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z"]}
+{"version":3,"sources":["../src/prop-types/box-shadow.ts","../src/utils/create-prop-utils.ts","../src/prop-types/shadow.ts","../src/prop-types/utils.ts","../src/prop-types/border-radius.ts","../src/prop-types/border-width.ts","../src/prop-types/classes.ts","../src/prop-types/color.ts","../src/prop-types/image.ts","../src/prop-types/image-attachment-id.ts","../src/prop-types/image-src.ts","../src/prop-types/linked-dimensions.ts","../src/prop-types/number.ts","../src/prop-types/size.ts","../src/prop-types/string.ts","../src/prop-types/stroke.ts","../src/prop-types/url.ts","../src/prop-types/color-gradient.ts","../src/prop-types/background-image.ts","../src/prop-types/link.ts","../src/utils/is-transformable.ts"],"sourcesContent":["import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { shadowPropTypeUtil } from './shadow';\n\nexport const boxShadowPropTypeUtil = createPropUtils( 'box-shadow', z.array( shadowPropTypeUtil.schema ) );\n\nexport type BoxShadowPropValue = z.infer< typeof boxShadowPropTypeUtil.schema >;\n","import { z, type ZodType, type ZodTypeAny } from '@elementor/schema';\n\nimport { type PropValue } from '../types';\n\ntype Updater< T > = ( prev?: T ) => T;\n\nexport type CreateOptions = {\n\tbase?: unknown;\n\tdisabled?: boolean;\n};\n\n/**\n * Usage example:\n *\n * ```ts\n * const elementsPropUtils = createPropUtils( 'elements', z.array( z.string() ) );\n *\n * elementsPropUtils.isValid( element.props?.children );\n * elementsPropUtils.create( [ 'a', 'b' ] );\n * elementsPropUtils.create( ( prev = [] ) => [ ...prev, 'c' ], { base: element.props?.children } );\n * elementsPropUtils.create( ( prev = [] ) => [ ...prev, 'c' ], { disabled: true } );\n * elementsPropUtils.extract( element.props?.children );\n *\n * ```\n */\n\nexport type PropTypeUtil< TKey extends string, TValue extends PropValue > = ReturnType<\n\ttypeof createPropUtils< TKey, ZodType< TValue > >\n>;\n\nexport function createPropUtils< TKey extends string, TValue extends ZodTypeAny >( key: TKey, valueSchema: TValue ) {\n\tconst schema = z.strictObject( {\n\t\t$$type: z.literal( key ),\n\t\tvalue: valueSchema,\n\t\tdisabled: z.boolean().optional(),\n\t} );\n\n\ttype Prop = z.infer< typeof schema >;\n\n\ttype TPropValue = z.infer< typeof valueSchema >;\n\n\tfunction isValid( prop: unknown ): prop is Prop {\n\t\treturn schema.safeParse( prop ).success;\n\t}\n\n\tfunction create( value: TPropValue ): Prop;\n\tfunction create( value: TPropValue, createOptions?: CreateOptions ): Prop;\n\tfunction create( value: Updater< TPropValue >, createOptions: CreateOptions ): Prop;\n\tfunction create( value: TPropValue | Updater< TPropValue >, createOptions?: CreateOptions ): Prop {\n\t\tconst fn = ( typeof value === 'function' ? value : () => value ) as Updater< TPropValue >;\n\n\t\tconst { base, disabled } = createOptions || {};\n\n\t\tif ( ! base ) {\n\t\t\treturn {\n\t\t\t\t$$type: key,\n\t\t\t\tvalue: fn(),\n\t\t\t\t...( disabled && { disabled } ),\n\t\t\t} as Prop;\n\t\t}\n\n\t\tif ( ! isValid( base ) ) {\n\t\t\tthrow new Error( `Cannot create prop based on invalid value: ${ JSON.stringify( base ) }` );\n\t\t}\n\n\t\treturn {\n\t\t\t$$type: key,\n\t\t\tvalue: fn( base.value ),\n\t\t\t...( disabled && { disabled } ),\n\t\t} as Prop;\n\t}\n\n\tfunction extract( prop: unknown ): TPropValue | null {\n\t\tif ( ! isValid( prop ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn prop.value;\n\t}\n\n\treturn {\n\t\textract,\n\t\tisValid,\n\t\tcreate,\n\t\t// this type fails in build due to zod issue that does not recognize the schema as a ZodType.\n\t\tschema: schema as ZodType< Prop >,\n\t};\n}\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const shadowPropTypeUtil = createPropUtils(\n\t'shadow',\n\tz.strictObject( {\n\t\tposition: unknownChildrenSchema,\n\t\thOffset: unknownChildrenSchema,\n\t\tvOffset: unknownChildrenSchema,\n\t\tblur: unknownChildrenSchema,\n\t\tspread: unknownChildrenSchema,\n\t\tcolor: unknownChildrenSchema,\n\t} )\n);\n\nexport type ShadowPropValue = z.infer< typeof shadowPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nexport const unknownChildrenSchema = z.any().nullable();\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const borderRadiusPropTypeUtil = createPropUtils(\n\t'border-radius',\n\tz.strictObject( {\n\t\t'top-left': unknownChildrenSchema,\n\t\t'top-right': unknownChildrenSchema,\n\t\t'bottom-right': unknownChildrenSchema,\n\t\t'bottom-left': unknownChildrenSchema,\n\t} )\n);\n\nexport type BorderRadiusPropValue = z.infer< typeof borderRadiusPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const borderWidthPropTypeUtil = createPropUtils(\n\t'border-width',\n\tz.strictObject( {\n\t\ttop: unknownChildrenSchema,\n\t\tright: unknownChildrenSchema,\n\t\tbottom: unknownChildrenSchema,\n\t\tleft: unknownChildrenSchema,\n\t} )\n);\n\nexport type BorderWidthPropValue = z.infer< typeof borderWidthPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const classesPropTypeUtil = createPropUtils( 'classes', z.array( z.string().regex( /^[a-z][a-z-_0-9]*$/i ) ) );\n\nexport type ClassesPropValue = z.infer< typeof classesPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const colorPropTypeUtil = createPropUtils( 'color', z.string() );\n\nexport type ColorPropValue = z.infer< typeof colorPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const imagePropTypeUtil = createPropUtils(\n\t'image',\n\tz.strictObject( {\n\t\tsrc: unknownChildrenSchema,\n\t\tsize: unknownChildrenSchema,\n\t} )\n);\n\nexport type ImagePropValue = z.infer< typeof imagePropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const imageAttachmentIdPropType = createPropUtils( 'image-attachment-id', z.number() );\n\nexport type ImageAttachmentIdPropValue = z.infer< typeof imageAttachmentIdPropType.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const imageSrcPropTypeUtil = createPropUtils(\n\t'image-src',\n\tz\n\t\t.strictObject( {\n\t\t\tid: unknownChildrenSchema,\n\t\t\turl: z.null(),\n\t\t} )\n\t\t.or(\n\t\t\tz.strictObject( {\n\t\t\t\tid: z.null(),\n\t\t\t\turl: unknownChildrenSchema,\n\t\t\t} )\n\t\t)\n);\n\nexport type ImageSrcPropValue = z.infer< typeof imageSrcPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const linkedDimensionsPropTypeUtil = createPropUtils(\n\t'linked-dimensions',\n\tz.strictObject( {\n\t\tisLinked: unknownChildrenSchema,\n\t\ttop: unknownChildrenSchema,\n\t\tright: unknownChildrenSchema,\n\t\tbottom: unknownChildrenSchema,\n\t\tleft: unknownChildrenSchema,\n\t} )\n);\n\nexport type LinkedDimensionsPropValue = z.infer< typeof linkedDimensionsPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const numberPropTypeUtil = createPropUtils( 'number', z.number() );\n\nexport type NumberPropValue = z.infer< typeof numberPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const sizePropTypeUtil = createPropUtils(\n\t'size',\n\tz.strictObject( {\n\t\tunit: z.enum( [ 'px', 'em', 'rem', '%', 'vw', 'vh' ] ),\n\t\tsize: z.number(),\n\t} )\n);\n\nexport type SizePropValue = z.infer< typeof sizePropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const stringPropTypeUtil = createPropUtils( 'string', z.string().nullable() );\n\nexport type StringPropValue = z.infer< typeof stringPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const strokePropTypeUtil = createPropUtils(\n\t'stroke',\n\tz.strictObject( {\n\t\tcolor: unknownChildrenSchema,\n\t\twidth: unknownChildrenSchema,\n\t} )\n);\n\nexport type StrokePropValue = z.infer< typeof strokePropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\n\nexport const urlPropTypeUtil = createPropUtils( 'url', z.string().url().nullable() );\n\nexport type UrlPropValue = z.infer< typeof urlPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { unknownChildrenSchema } from './utils';\n\nexport const colorGradientPropTypeUtil = createPropUtils(\n\t'background-overlay',\n\tz.strictObject( {\n\t\tcolor: unknownChildrenSchema,\n\t} )\n);\n\nexport type ColorGradientPropValue = z.infer< typeof colorGradientPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { colorGradientPropTypeUtil } from './color-gradient';\n\nexport const backgroundImagePropTypeUtil = createPropUtils(\n\t'background-image',\n\tz.array( colorGradientPropTypeUtil.schema )\n);\n\nexport type backgroundImageTypePropValue = z.infer< typeof backgroundImagePropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nimport { createPropUtils } from '../utils/create-prop-utils';\nimport { urlPropTypeUtil } from './url';\n\nexport const linkPropTypeUtil = createPropUtils(\n\t'link',\n\tz.strictObject( {\n\t\tenabled: z.boolean(),\n\t\thref: urlPropTypeUtil.schema,\n\t\tisTargetBlank: z.boolean(),\n\t} )\n);\n\nexport type LinkPropValue = z.infer< typeof linkPropTypeUtil.schema >;\n","import { z } from '@elementor/schema';\n\nconst transformableSchema = z.object( {\n\t$$type: z.string(),\n\tvalue: z.any(),\n} );\n\ntype TransformablePropValue = z.infer< typeof transformableSchema >;\n\nexport const isTransformable = ( value: unknown ): value is TransformablePropValue => {\n\treturn transformableSchema.safeParse( value ).success;\n};\n"],"mappings":"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","names":["z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z","z"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-props",
   "description": "This package contains the props model for the Elementor editor",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,6 +40,6 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/schema": "^0.1.2"
+    "@elementor/schema": "0.1.2"
   }
 }

package/src/index.ts

@@ -1,5 +1,6 @@
 // types
 export * from './types';
+export { type PropTypeUtil, type CreateOptions } from './utils/create-prop-utils';
 
 // prop types
 export * from './prop-types';

package/src/prop-types/background-image.ts

@@ -0,0 +1,11 @@
+import { z } from '@elementor/schema';
+
+import { createPropUtils } from '../utils/create-prop-utils';
+import { colorGradientPropTypeUtil } from './color-gradient';
+
+export const backgroundImagePropTypeUtil = createPropUtils(
+	'background-image',
+	z.array( colorGradientPropTypeUtil.schema )
+);
+
+export type backgroundImageTypePropValue = z.infer< typeof backgroundImagePropTypeUtil.schema >;

package/src/prop-types/border-radius.ts

@@ -1,14 +1,16 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
+import { unknownChildrenSchema } from './utils';
 
-export const borderRadiusPropType = createPropUtils(
+export const borderRadiusPropTypeUtil = createPropUtils(
 	'border-radius',
-	z.object( {
-		'top-left': z.any(),
-		'top-right': z.any(),
-		'bottom-right': z.any(),
-		'bottom-left': z.any(),
+	z.strictObject( {
+		'top-left': unknownChildrenSchema,
+		'top-right': unknownChildrenSchema,
+		'bottom-right': unknownChildrenSchema,
+		'bottom-left': unknownChildrenSchema,
 	} )
 );
 
-export type BorderRadiusPropValue = z.infer< typeof borderRadiusPropType.schema >;
+export type BorderRadiusPropValue = z.infer< typeof borderRadiusPropTypeUtil.schema >;

package/src/prop-types/border-width.ts

@@ -1,14 +1,16 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
+import { unknownChildrenSchema } from './utils';
 
-export const borderWidthPropType = createPropUtils(
+export const borderWidthPropTypeUtil = createPropUtils(
 	'border-width',
-	z.object( {
-		top: z.any(),
-		right: z.any(),
-		bottom: z.any(),
-		left: z.any(),
+	z.strictObject( {
+		top: unknownChildrenSchema,
+		right: unknownChildrenSchema,
+		bottom: unknownChildrenSchema,
+		left: unknownChildrenSchema,
 	} )
 );
 
-export type BorderWidthPropValue = z.infer< typeof borderWidthPropType.schema >;
+export type BorderWidthPropValue = z.infer< typeof borderWidthPropTypeUtil.schema >;

package/src/prop-types/box-shadow.ts

@@ -1,7 +1,8 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
-import { shadowPropType } from './shadow';
+import { shadowPropTypeUtil } from './shadow';
 
-export const boxShadowPropType = createPropUtils( 'box-shadow', z.array( shadowPropType.schema ) );
+export const boxShadowPropTypeUtil = createPropUtils( 'box-shadow', z.array( shadowPropTypeUtil.schema ) );
 
-export type BoxShadowPropValue = z.infer< typeof boxShadowPropType.schema >;
+export type BoxShadowPropValue = z.infer< typeof boxShadowPropTypeUtil.schema >;

package/src/prop-types/classes.ts

@@ -1,6 +1,7 @@
-import { createPropUtils } from '../utils/create-prop-utils';
 import { z } from '@elementor/schema';
 
-export const classesPropType = createPropUtils( 'classes', z.array( z.string().regex( /^[a-z][a-z-_0-9]*$/i ) ) );
+import { createPropUtils } from '../utils/create-prop-utils';
+
+export const classesPropTypeUtil = createPropUtils( 'classes', z.array( z.string().regex( /^[a-z][a-z-_0-9]*$/i ) ) );
 
-export type ClassesPropValue = z.infer< typeof classesPropType.schema >;
+export type ClassesPropValue = z.infer< typeof classesPropTypeUtil.schema >;

package/src/prop-types/color-gradient.ts

@@ -0,0 +1,13 @@
+import { z } from '@elementor/schema';
+
+import { createPropUtils } from '../utils/create-prop-utils';
+import { unknownChildrenSchema } from './utils';
+
+export const colorGradientPropTypeUtil = createPropUtils(
+	'background-overlay',
+	z.strictObject( {
+		color: unknownChildrenSchema,
+	} )
+);
+
+export type ColorGradientPropValue = z.infer< typeof colorGradientPropTypeUtil.schema >;

package/src/prop-types/color.ts

@@ -1,6 +1,7 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
 
-export const colorPropType = createPropUtils( 'color', z.string() );
+export const colorPropTypeUtil = createPropUtils( 'color', z.string() );
 
-export type ColorPropValue = z.infer< typeof colorPropType.schema >;
+export type ColorPropValue = z.infer< typeof colorPropTypeUtil.schema >;

package/src/prop-types/image-attachment-id.ts

@@ -1,4 +1,5 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
 
 export const imageAttachmentIdPropType = createPropUtils( 'image-attachment-id', z.number() );

package/src/prop-types/image-src.ts

@@ -1,21 +1,21 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
-import { urlPropType } from './url';
-import { imageAttachmentIdPropType } from './image-attachment-id';
+import { unknownChildrenSchema } from './utils';
 
-export const imageSrcPropType = createPropUtils(
+export const imageSrcPropTypeUtil = createPropUtils(
 	'image-src',
 	z
-		.object( {
-			id: imageAttachmentIdPropType.schema,
+		.strictObject( {
+			id: unknownChildrenSchema,
 			url: z.null(),
 		} )
 		.or(
-			z.object( {
+			z.strictObject( {
 				id: z.null(),
-				url: urlPropType.schema,
+				url: unknownChildrenSchema,
 			} )
 		)
 );
 
-export type ImageSrcPropValue = z.infer< typeof imageSrcPropType.schema >;
+export type ImageSrcPropValue = z.infer< typeof imageSrcPropTypeUtil.schema >;

package/src/prop-types/image.ts

@@ -1,14 +1,14 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
-import { imageSrcPropType } from './image-src';
-import { sizePropType } from './size';
+import { unknownChildrenSchema } from './utils';
 
-export const imagePropType = createPropUtils(
+export const imagePropTypeUtil = createPropUtils(
 	'image',
-	z.object( {
-		src: imageSrcPropType.schema,
-		size: sizePropType.schema,
+	z.strictObject( {
+		src: unknownChildrenSchema,
+		size: unknownChildrenSchema,
 	} )
 );
 
-export type ImagePropValue = z.infer< typeof imagePropType.schema >;
+export type ImagePropValue = z.infer< typeof imagePropTypeUtil.schema >;

package/src/prop-types/index.ts

@@ -7,7 +7,12 @@ export * from './image';
 export * from './image-attachment-id';
 export * from './image-src';
 export * from './linked-dimensions';
+export * from './number';
 export * from './shadow';
 export * from './size';
+export * from './string';
 export * from './stroke';
 export * from './url';
+export * from './color-gradient';
+export * from './background-image';
+export * from './link';

package/src/prop-types/link.ts

@@ -0,0 +1,15 @@
+import { z } from '@elementor/schema';
+
+import { createPropUtils } from '../utils/create-prop-utils';
+import { urlPropTypeUtil } from './url';
+
+export const linkPropTypeUtil = createPropUtils(
+	'link',
+	z.strictObject( {
+		enabled: z.boolean(),
+		href: urlPropTypeUtil.schema,
+		isTargetBlank: z.boolean(),
+	} )
+);
+
+export type LinkPropValue = z.infer< typeof linkPropTypeUtil.schema >;

package/src/prop-types/linked-dimensions.ts

@@ -1,15 +1,17 @@
 import { z } from '@elementor/schema';
+
 import { createPropUtils } from '../utils/create-prop-utils';
+import { unknownChildrenSchema } from './utils';
 
-export const linkedDimensionsPropType = createPropUtils(
+export const linkedDimensionsPropTypeUtil = createPropUtils(
 	'linked-dimensions',
-	z.object( {
-		isLinked: z.boolean(),
-		top: z.any(),
-		right: z.any(),
-		bottom: z.any(),
-		left: z.any(),
+	z.strictObject( {
+		isLinked: unknownChildrenSchema,
+		top: unknownChildrenSchema,
+		right: unknownChildrenSchema,
+		bottom: unknownChildrenSchema,
+		left: unknownChildrenSchema,
 	} )
 );
 
-export type LinkedDimensionsPropValue = z.infer< typeof linkedDimensionsPropType.schema >;
+export type LinkedDimensionsPropValue = z.infer< typeof linkedDimensionsPropTypeUtil.schema >;