@draftbit/core 43.4.2-80bace.1 → 43.4.3-52dbe3.0

package/src/mappings/LinearGradient.js

@@ -1,21 +1,73 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES } from "@draftbit/types";
+import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Linear Gradient",
     tag: "LinearGradient",
-    doc_link: "https://docs.expo.io/versions/latest/sdk/linear-gradient/",
-    code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
-    category: COMPONENT_TYPES.layout,
-    supports_list_render: false,
-    layout: {},
+    description: "Linear Gradient Component",
     props: {
-        colors: {
+        color1: createColorProp({
+            label: "Color 1",
+        }),
+        color2: createColorProp({
+            label: "Color 2",
+        }),
+        color3: createColorProp({
+            label: "Color 3",
+        }),
+        startX: {
             group: GROUPS.basic,
-            label: "Colors",
-            description: "The colors required for your gradient",
+            label: "Start X",
+            description: "Start position from Left",
             editable: true,
-            required: true,
-            defaultValue: null,
-            formType: FORM_TYPES.color,
+            required: false,
+            defaultValue: 0,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+        },
+        startY: {
+            group: GROUPS.basic,
+            label: "Start Y",
+            description: "Start position from Top",
+            editable: true,
+            required: false,
+            defaultValue: 0,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+        },
+        endX: {
+            group: GROUPS.basic,
+            label: "End Y",
+            description: "End position from Right",
+            editable: true,
+            required: false,
+            defaultValue: 100,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+        },
+        endY: {
+            group: GROUPS.basic,
+            label: "End Y",
+            description: "End position from Bottom",
+            editable: true,
+            required: false,
+            defaultValue: 100,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
         },
     },
 };

package/src/mappings/LinearGradient.ts

@@ -1,23 +1,79 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES } from "@draftbit/types";
+import {
+  createColorProp,
+  FORM_TYPES,
+  GROUPS,
+  PROP_TYPES,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Linear Gradient",
   tag: "LinearGradient",
-  doc_link: "https://docs.expo.io/versions/latest/sdk/linear-gradient/",
-  code_link:
-    "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
-  category: COMPONENT_TYPES.layout,
-  supports_list_render: false,
-  layout: {},
+  description: "Linear Gradient Component",
   props: {
-    colors: {
+    color1: createColorProp({
+      label: "Color 1",
+    }),
+    color2: createColorProp({
+      label: "Color 2",
+    }),
+    color3: createColorProp({
+      label: "Color 3",
+    }),
+    startX: {
       group: GROUPS.basic,
-      label: "Colors",
-      description: "The colors required for your gradient",
+      label: "Start X",
+      description: "Start position from Left",
       editable: true,
-      required: true,
-      defaultValue: null,
-      formType: FORM_TYPES.color,
+      required: false,
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+    },
+    startY: {
+      group: GROUPS.basic,
+      label: "Start Y",
+      description: "Start position from Top",
+      editable: true,
+      required: false,
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+    },
+    endX: {
+      group: GROUPS.basic,
+      label: "End Y",
+      description: "End position from Right",
+      editable: true,
+      required: false,
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+    },
+    endY: {
+      group: GROUPS.basic,
+      label: "End Y",
+      description: "End position from Bottom",
+      editable: true,
+      required: false,
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
     },
   },
 };

package/lib/commonjs/components/LinearGradient.js

@@ -1,127 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SEED_DATA = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _expoLinearGradient = require("expo-linear-gradient");
-
-var _utilities = require("../utilities");
-
-var _types = require("@draftbit/types");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const LinearGradientComponent = _ref => {
-  let {
-    children,
-    color1,
-    color2,
-    color3 = undefined,
-    startX = 0,
-    startY = 0,
-    endX = 100,
-    endY = 0,
-    style
-  } = _ref;
-  const {
-    viewStyles
-  } = (0, _utilities.extractStyles)(style);
-  const colors = [color1, color2, color3].filter(color => color);
-  const start = {
-    x: startX / 100,
-    y: startY / 100
-  };
-  const end = {
-    x: endX / 100,
-    y: endY / 100
-  };
-  return /*#__PURE__*/React.createElement(_expoLinearGradient.LinearGradient, {
-    colors: colors,
-    start: start,
-    end: end,
-    style: viewStyles
-  }, children);
-};
-
-var _default = LinearGradientComponent;
-exports.default = _default;
-const SEED_DATA = {
-  name: "LinearGradient",
-  tag: "LinearGradient",
-  description: "Linear Gradient Component",
-  props: {
-    color1: (0, _types.createColorProp)({
-      label: "Color 1"
-    }),
-    color2: (0, _types.createColorProp)({
-      label: "Color 2"
-    }),
-    color3: (0, _types.createColorProp)({
-      label: "Color 3"
-    }),
-    startX: {
-      group: _types.GROUPS.basic,
-      label: "Start X",
-      description: "Start position from Left",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER
-    },
-    startY: {
-      group: _types.GROUPS.basic,
-      label: "Start Y",
-      description: "Start position from Top",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER
-    },
-    endX: {
-      group: _types.GROUPS.basic,
-      label: "End Y",
-      description: "End position from Right",
-      editable: true,
-      required: false,
-      defaultValue: 100,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER
-    },
-    endY: {
-      group: _types.GROUPS.basic,
-      label: "End Y",
-      description: "End position from Bottom",
-      editable: true,
-      required: false,
-      defaultValue: 100,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=LinearGradient.js.map

package/lib/commonjs/components/LinearGradient.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["LinearGradient.tsx"],"names":["LinearGradientComponent","children","color1","color2","color3","undefined","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end","SEED_DATA","name","tag","description","props","label","group","GROUPS","basic","editable","required","defaultValue","min","max","step","precision","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\nimport {\n  createColorProp,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\ntype LinearGradientComponentProps = {\n  color1: string;\n  color2: string;\n  color3?: string;\n  startX: number;\n  startY: number;\n  endX: number;\n  endY: number;\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComponent = ({\n  children,\n  color1,\n  color2,\n  color3 = undefined,\n  startX = 0,\n  startY = 0,\n  endX = 100,\n  endY = 0,\n  style,\n}: LinearGradientComponentProps) => {\n  const { viewStyles } = extractStyles(style);\n  const colors = [color1, color2, color3].filter((color) => color) as string[];\n  const start = { x: startX / 100, y: startY / 100 };\n  const end = { x: endX / 100, y: endY / 100 };\n  return (\n    <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n      {children}\n    </LinearGradient>\n  );\n};\n\nexport default LinearGradientComponent;\n\nexport const SEED_DATA = {\n  name: \"LinearGradient\",\n  tag: \"LinearGradient\",\n  description: \"Linear Gradient Component\",\n  props: {\n    color1: createColorProp({\n      label: \"Color 1\",\n    }),\n    color2: createColorProp({\n      label: \"Color 2\",\n    }),\n    color3: createColorProp({\n      label: \"Color 3\",\n    }),\n    startX: {\n      group: GROUPS.basic,\n      label: \"Start X\",\n      description: \"Start position from Left\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n    startY: {\n      group: GROUPS.basic,\n      label: \"Start Y\",\n      description: \"Start position from Top\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n    endX: {\n      group: GROUPS.basic,\n      label: \"End Y\",\n      description: \"End position from Right\",\n      editable: true,\n      required: false,\n      defaultValue: 100,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n    endY: {\n      group: GROUPS.basic,\n      label: \"End Y\",\n      description: \"End position from Bottom\",\n      editable: true,\n      required: false,\n      defaultValue: 100,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n  },\n};\n"]}

package/lib/module/components/LinearGradient.js

@@ -1,111 +0,0 @@
-import * as React from "react";
-import { LinearGradient } from "expo-linear-gradient";
-import { extractStyles } from "../utilities";
-import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
-
-const LinearGradientComponent = _ref => {
-  let {
-    children,
-    color1,
-    color2,
-    color3 = undefined,
-    startX = 0,
-    startY = 0,
-    endX = 100,
-    endY = 0,
-    style
-  } = _ref;
-  const {
-    viewStyles
-  } = extractStyles(style);
-  const colors = [color1, color2, color3].filter(color => color);
-  const start = {
-    x: startX / 100,
-    y: startY / 100
-  };
-  const end = {
-    x: endX / 100,
-    y: endY / 100
-  };
-  return /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: colors,
-    start: start,
-    end: end,
-    style: viewStyles
-  }, children);
-};
-
-export default LinearGradientComponent;
-export const SEED_DATA = {
-  name: "LinearGradient",
-  tag: "LinearGradient",
-  description: "Linear Gradient Component",
-  props: {
-    color1: createColorProp({
-      label: "Color 1"
-    }),
-    color2: createColorProp({
-      label: "Color 2"
-    }),
-    color3: createColorProp({
-      label: "Color 3"
-    }),
-    startX: {
-      group: GROUPS.basic,
-      label: "Start X",
-      description: "Start position from Left",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER
-    },
-    startY: {
-      group: GROUPS.basic,
-      label: "Start Y",
-      description: "Start position from Top",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER
-    },
-    endX: {
-      group: GROUPS.basic,
-      label: "End Y",
-      description: "End position from Right",
-      editable: true,
-      required: false,
-      defaultValue: 100,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER
-    },
-    endY: {
-      group: GROUPS.basic,
-      label: "End Y",
-      description: "End position from Bottom",
-      editable: true,
-      required: false,
-      defaultValue: 100,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER
-    }
-  }
-};
-//# sourceMappingURL=LinearGradient.js.map

package/lib/module/components/LinearGradient.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["LinearGradient.tsx"],"names":["React","LinearGradient","extractStyles","createColorProp","FORM_TYPES","GROUPS","PROP_TYPES","LinearGradientComponent","children","color1","color2","color3","undefined","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end","SEED_DATA","name","tag","description","props","label","group","basic","editable","required","defaultValue","min","max","step","precision","formType","number","propType","NUMBER"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\nimport {\n  createColorProp,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\ntype LinearGradientComponentProps = {\n  color1: string;\n  color2: string;\n  color3?: string;\n  startX: number;\n  startY: number;\n  endX: number;\n  endY: number;\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComponent = ({\n  children,\n  color1,\n  color2,\n  color3 = undefined,\n  startX = 0,\n  startY = 0,\n  endX = 100,\n  endY = 0,\n  style,\n}: LinearGradientComponentProps) => {\n  const { viewStyles } = extractStyles(style);\n  const colors = [color1, color2, color3].filter((color) => color) as string[];\n  const start = { x: startX / 100, y: startY / 100 };\n  const end = { x: endX / 100, y: endY / 100 };\n  return (\n    <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n      {children}\n    </LinearGradient>\n  );\n};\n\nexport default LinearGradientComponent;\n\nexport const SEED_DATA = {\n  name: \"LinearGradient\",\n  tag: \"LinearGradient\",\n  description: \"Linear Gradient Component\",\n  props: {\n    color1: createColorProp({\n      label: \"Color 1\",\n    }),\n    color2: createColorProp({\n      label: \"Color 2\",\n    }),\n    color3: createColorProp({\n      label: \"Color 3\",\n    }),\n    startX: {\n      group: GROUPS.basic,\n      label: \"Start X\",\n      description: \"Start position from Left\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n    startY: {\n      group: GROUPS.basic,\n      label: \"Start Y\",\n      description: \"Start position from Top\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n    endX: {\n      group: GROUPS.basic,\n      label: \"End Y\",\n      description: \"End position from Right\",\n      editable: true,\n      required: false,\n      defaultValue: 100,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n    endY: {\n      group: GROUPS.basic,\n      label: \"End Y\",\n      description: \"End position from Bottom\",\n      editable: true,\n      required: false,\n      defaultValue: 100,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n    },\n  },\n};\n"]}

package/lib/typescript/src/components/LinearGradient.d.ts

@@ -1,108 +0,0 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-declare type LinearGradientComponentProps = {
-    color1: string;
-    color2: string;
-    color3?: string;
-    startX: number;
-    startY: number;
-    endX: number;
-    endY: number;
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-};
-declare const LinearGradientComponent: ({ children, color1, color2, color3, startX, startY, endX, endY, style, }: LinearGradientComponentProps) => JSX.Element;
-export default LinearGradientComponent;
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    props: {
-        color1: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        color2: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        color3: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        startX: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: number;
-            min: number;
-            max: number;
-            step: number;
-            precision: number;
-            formType: string;
-            propType: string;
-        };
-        startY: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: number;
-            min: number;
-            max: number;
-            step: number;
-            precision: number;
-            formType: string;
-            propType: string;
-        };
-        endX: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: number;
-            min: number;
-            max: number;
-            step: number;
-            precision: number;
-            formType: string;
-            propType: string;
-        };
-        endY: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: number;
-            min: number;
-            max: number;
-            step: number;
-            precision: number;
-            formType: string;
-            propType: string;
-        };
-    };
-};

package/src/components/LinearGradient.js

@@ -1,84 +0,0 @@
-import * as React from "react";
-import { LinearGradient } from "expo-linear-gradient";
-import { extractStyles } from "../utilities";
-import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
-const LinearGradientComponent = ({ children, color1, color2, color3 = undefined, startX = 0, startY = 0, endX = 100, endY = 0, style, }) => {
-    const { viewStyles } = extractStyles(style);
-    const colors = [color1, color2, color3].filter((color) => color);
-    const start = { x: startX / 100, y: startY / 100 };
-    const end = { x: endX / 100, y: endY / 100 };
-    return (React.createElement(LinearGradient, { colors: colors, start: start, end: end, style: viewStyles }, children));
-};
-export default LinearGradientComponent;
-export const SEED_DATA = {
-    name: "LinearGradient",
-    tag: "LinearGradient",
-    description: "Linear Gradient Component",
-    props: {
-        color1: createColorProp({
-            label: "Color 1",
-        }),
-        color2: createColorProp({
-            label: "Color 2",
-        }),
-        color3: createColorProp({
-            label: "Color 3",
-        }),
-        startX: {
-            group: GROUPS.basic,
-            label: "Start X",
-            description: "Start position from Left",
-            editable: true,
-            required: false,
-            defaultValue: 0,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        startY: {
-            group: GROUPS.basic,
-            label: "Start Y",
-            description: "Start position from Top",
-            editable: true,
-            required: false,
-            defaultValue: 0,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        endX: {
-            group: GROUPS.basic,
-            label: "End Y",
-            description: "End position from Right",
-            editable: true,
-            required: false,
-            defaultValue: 100,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        endY: {
-            group: GROUPS.basic,
-            label: "End Y",
-            description: "End position from Bottom",
-            editable: true,
-            required: false,
-            defaultValue: 100,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-    },
-};