@elementor/editor-props 0.2.0

package/dist/index.js

@@ -0,0 +1,225 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  borderRadiusPropType: () => borderRadiusPropType,
+  borderWidthPropType: () => borderWidthPropType,
+  boxShadowPropType: () => boxShadowPropType,
+  classesPropType: () => classesPropType,
+  colorPropType: () => colorPropType,
+  createPropUtils: () => createPropUtils,
+  imageAttachmentIdPropType: () => imageAttachmentIdPropType,
+  imagePropType: () => imagePropType,
+  imageSrcPropType: () => imageSrcPropType,
+  isTransformable: () => isTransformable,
+  linkedDimensionsPropType: () => linkedDimensionsPropType,
+  shadowPropType: () => shadowPropType,
+  sizePropType: () => sizePropType,
+  strokePropType: () => strokePropType,
+  urlPropType: () => urlPropType
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/prop-types/box-shadow.ts
+var import_schema5 = require("@elementor/schema");
+
+// src/utils/create-prop-utils.ts
+var import_schema = require("@elementor/schema");
+function createPropUtils(key, valueSchema) {
+  const schema = import_schema.z.object({
+    $$type: import_schema.z.literal(key),
+    value: valueSchema
+  });
+  function isValid(prop) {
+    return schema.safeParse(prop).success;
+  }
+  function create(value, base) {
+    const fn = typeof value === "function" ? value : () => value;
+    if (!base) {
+      return {
+        $$type: key,
+        value: fn()
+      };
+    }
+    if (!isValid(base)) {
+      throw new Error(`Cannot create prop based on invalid value: ${JSON.stringify(base)}`);
+    }
+    return {
+      $$type: key,
+      value: fn(base.value)
+    };
+  }
+  return {
+    isValid,
+    create,
+    schema
+  };
+}
+
+// src/prop-types/shadow.ts
+var import_schema4 = require("@elementor/schema");
+
+// src/prop-types/size.ts
+var import_schema2 = require("@elementor/schema");
+var sizePropType = createPropUtils(
+  "size",
+  import_schema2.z.object({
+    unit: import_schema2.z.enum(["px", "em", "rem", "%", "vw", "vh"]),
+    size: import_schema2.z.number()
+  })
+);
+
+// src/prop-types/color.ts
+var import_schema3 = require("@elementor/schema");
+var colorPropType = createPropUtils("color", import_schema3.z.string());
+
+// src/prop-types/shadow.ts
+var shadowPropType = createPropUtils(
+  "shadow",
+  import_schema4.z.object({
+    position: import_schema4.z.nullable(import_schema4.z.literal("inset")),
+    hOffset: sizePropType.schema,
+    vOffset: sizePropType.schema,
+    blur: sizePropType.schema,
+    spread: sizePropType.schema,
+    color: colorPropType.schema
+  })
+);
+
+// src/prop-types/box-shadow.ts
+var boxShadowPropType = createPropUtils("box-shadow", import_schema5.z.array(shadowPropType.schema));
+
+// src/prop-types/border-radius.ts
+var import_schema6 = require("@elementor/schema");
+var borderRadiusPropType = createPropUtils(
+  "border-radius",
+  import_schema6.z.object({
+    "top-left": import_schema6.z.any(),
+    "top-right": import_schema6.z.any(),
+    "bottom-right": import_schema6.z.any(),
+    "bottom-left": import_schema6.z.any()
+  })
+);
+
+// src/prop-types/border-width.ts
+var import_schema7 = require("@elementor/schema");
+var borderWidthPropType = createPropUtils(
+  "border-width",
+  import_schema7.z.object({
+    top: import_schema7.z.any(),
+    right: import_schema7.z.any(),
+    bottom: import_schema7.z.any(),
+    left: import_schema7.z.any()
+  })
+);
+
+// src/prop-types/classes.ts
+var import_schema8 = require("@elementor/schema");
+var classesPropType = createPropUtils("classes", import_schema8.z.array(import_schema8.z.string().regex(/^[a-z][a-z-_0-9]*$/i)));
+
+// src/prop-types/image.ts
+var import_schema12 = require("@elementor/schema");
+
+// src/prop-types/image-src.ts
+var import_schema11 = require("@elementor/schema");
+
+// src/prop-types/url.ts
+var import_schema9 = require("@elementor/schema");
+var urlPropType = createPropUtils("url", import_schema9.z.string());
+
+// src/prop-types/image-attachment-id.ts
+var import_schema10 = require("@elementor/schema");
+var imageAttachmentIdPropType = createPropUtils("image-attachment-id", import_schema10.z.number());
+
+// src/prop-types/image-src.ts
+var imageSrcPropType = createPropUtils(
+  "image-src",
+  import_schema11.z.object({
+    id: imageAttachmentIdPropType.schema,
+    url: import_schema11.z.null()
+  }).or(
+    import_schema11.z.object({
+      id: import_schema11.z.null(),
+      url: urlPropType.schema
+    })
+  )
+);
+
+// src/prop-types/image.ts
+var imagePropType = createPropUtils(
+  "image",
+  import_schema12.z.object({
+    src: imageSrcPropType.schema,
+    size: sizePropType.schema
+  })
+);
+
+// src/prop-types/linked-dimensions.ts
+var import_schema13 = require("@elementor/schema");
+var linkedDimensionsPropType = createPropUtils(
+  "linked-dimensions",
+  import_schema13.z.object({
+    isLinked: import_schema13.z.boolean(),
+    top: import_schema13.z.any(),
+    right: import_schema13.z.any(),
+    bottom: import_schema13.z.any(),
+    left: import_schema13.z.any()
+  })
+);
+
+// src/prop-types/stroke.ts
+var import_schema14 = require("@elementor/schema");
+var strokePropType = createPropUtils(
+  "stroke",
+  import_schema14.z.object({
+    color: colorPropType.schema,
+    width: sizePropType.schema
+  })
+);
+
+// src/utils/is-transformable.ts
+var import_schema15 = require("@elementor/schema");
+var transformableSchema = import_schema15.z.object({
+  $$type: import_schema15.z.string(),
+  value: import_schema15.z.any()
+});
+var isTransformable = (value) => {
+  return transformableSchema.safeParse(value).success;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  borderRadiusPropType,
+  borderWidthPropType,
+  boxShadowPropType,
+  classesPropType,
+  colorPropType,
+  createPropUtils,
+  imageAttachmentIdPropType,
+  imagePropType,
+  imageSrcPropType,
+  isTransformable,
+  linkedDimensionsPropType,
+  shadowPropType,
+  sizePropType,
+  strokePropType,
+  urlPropType
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../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":["// types\nexport * from './types';\n\n// prop types\nexport * from './prop-types';\n\n// utils\nexport { createPropUtils } from './utils/create-prop-utils';\nexport { isTransformable } from './utils/is-transformable';\n","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":["import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema","import_schema"]}

package/dist/index.mjs

@@ -0,0 +1,184 @@
+// src/prop-types/box-shadow.ts
+import { z as z5 } from "@elementor/schema";
+
+// src/utils/create-prop-utils.ts
+import { z } from "@elementor/schema";
+function createPropUtils(key, valueSchema) {
+  const schema = z.object({
+    $$type: z.literal(key),
+    value: valueSchema
+  });
+  function isValid(prop) {
+    return schema.safeParse(prop).success;
+  }
+  function create(value, base) {
+    const fn = typeof value === "function" ? value : () => value;
+    if (!base) {
+      return {
+        $$type: key,
+        value: fn()
+      };
+    }
+    if (!isValid(base)) {
+      throw new Error(`Cannot create prop based on invalid value: ${JSON.stringify(base)}`);
+    }
+    return {
+      $$type: key,
+      value: fn(base.value)
+    };
+  }
+  return {
+    isValid,
+    create,
+    schema
+  };
+}
+
+// src/prop-types/shadow.ts
+import { z as z4 } from "@elementor/schema";
+
+// src/prop-types/size.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());
+
+// src/prop-types/shadow.ts
+var shadowPropType = 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
+  })
+);
+
+// src/prop-types/box-shadow.ts
+var boxShadowPropType = createPropUtils("box-shadow", z5.array(shadowPropType.schema));
+
+// src/prop-types/border-radius.ts
+import { z as z6 } from "@elementor/schema";
+var borderRadiusPropType = createPropUtils(
+  "border-radius",
+  z6.object({
+    "top-left": z6.any(),
+    "top-right": z6.any(),
+    "bottom-right": z6.any(),
+    "bottom-left": z6.any()
+  })
+);
+
+// src/prop-types/border-width.ts
+import { z as z7 } from "@elementor/schema";
+var borderWidthPropType = createPropUtils(
+  "border-width",
+  z7.object({
+    top: z7.any(),
+    right: z7.any(),
+    bottom: z7.any(),
+    left: z7.any()
+  })
+);
+
+// src/prop-types/classes.ts
+import { z as z8 } from "@elementor/schema";
+var classesPropType = createPropUtils("classes", z8.array(z8.string().regex(/^[a-z][a-z-_0-9]*$/i)));
+
+// 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());
+
+// 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(
+  "image-src",
+  z11.object({
+    id: imageAttachmentIdPropType.schema,
+    url: z11.null()
+  }).or(
+    z11.object({
+      id: z11.null(),
+      url: urlPropType.schema
+    })
+  )
+);
+
+// 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 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()
+  })
+);
+
+// src/prop-types/stroke.ts
+import { z as z14 } from "@elementor/schema";
+var strokePropType = createPropUtils(
+  "stroke",
+  z14.object({
+    color: colorPropType.schema,
+    width: sizePropType.schema
+  })
+);
+
+// src/utils/is-transformable.ts
+import { z as z15 } from "@elementor/schema";
+var transformableSchema = z15.object({
+  $$type: z15.string(),
+  value: z15.any()
+});
+var isTransformable = (value) => {
+  return transformableSchema.safeParse(value).success;
+};
+export {
+  borderRadiusPropType,
+  borderWidthPropType,
+  boxShadowPropType,
+  classesPropType,
+  colorPropType,
+  createPropUtils,
+  imageAttachmentIdPropType,
+  imagePropType,
+  imageSrcPropType,
+  isTransformable,
+  linkedDimensionsPropType,
+  shadowPropType,
+  sizePropType,
+  strokePropType,
+  urlPropType
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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"]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@elementor/editor-props",
+  "description": "This package contains the props model for the Elementor editor",
+  "version": "0.2.0",
+  "private": false,
+  "author": "Elementor Team",
+  "homepage": "https://elementor.com/",
+  "license": "GPL-3.0-or-later",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/elementor/elementor-packages.git",
+    "directory": "packages/libs/editor-props"
+  },
+  "bugs": {
+    "url": "https://github.com/elementor/elementor-packages/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "README.md",
+    "CHANGELOG.md",
+    "/dist",
+    "/src",
+    "!**/__tests__"
+  ],
+  "scripts": {
+    "build": "tsup --config=../../tsup.build.ts",
+    "dev": "tsup --config=../../tsup.dev.ts"
+  },
+  "dependencies": {
+    "@elementor/schema": "^0.1.2"
+  }
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+// types
+export * from './types';
+
+// prop types
+export * from './prop-types';
+
+// utils
+export { createPropUtils } from './utils/create-prop-utils';
+export { isTransformable } from './utils/is-transformable';

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

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

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

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

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

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

package/src/prop-types/classes.ts

@@ -0,0 +1,6 @@
+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 ) ) );
+
+export type ClassesPropValue = z.infer< typeof classesPropType.schema >;

package/src/prop-types/color.ts

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

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

@@ -0,0 +1,6 @@
+import { z } from '@elementor/schema';
+import { createPropUtils } from '../utils/create-prop-utils';
+
+export const imageAttachmentIdPropType = createPropUtils( 'image-attachment-id', z.number() );
+
+export type ImageAttachmentIdPropValue = z.infer< typeof imageAttachmentIdPropType.schema >;

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

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

package/src/prop-types/image.ts

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

package/src/prop-types/index.ts

@@ -0,0 +1,13 @@
+export * from './box-shadow';
+export * from './border-radius';
+export * from './border-width';
+export * from './classes';
+export * from './color';
+export * from './image';
+export * from './image-attachment-id';
+export * from './image-src';
+export * from './linked-dimensions';
+export * from './shadow';
+export * from './size';
+export * from './stroke';
+export * from './url';

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

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

package/src/prop-types/shadow.ts

@@ -0,0 +1,18 @@
+import { z } from '@elementor/schema';
+import { createPropUtils } from '../utils/create-prop-utils';
+import { sizePropType } from './size';
+import { colorPropType } from './color';
+
+export const shadowPropType = createPropUtils(
+	'shadow',
+	z.object( {
+		position: z.nullable( z.literal( 'inset' ) ),
+		hOffset: sizePropType.schema,
+		vOffset: sizePropType.schema,
+		blur: sizePropType.schema,
+		spread: sizePropType.schema,
+		color: colorPropType.schema,
+	} )
+);
+
+export type ShadowPropValue = z.infer< typeof shadowPropType.schema >;