@draftbit/core 46.4.4-9a666e.2 → 46.4.4-b53636.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const AccordionItem = _ref => {
   let {
     Icon,
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -74,4 +73,25 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
+exports.default = _default;StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+
+var _default = (0, _theming.withTheme)(AccordionItem);
+
 exports.default = _default;

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
 
 const AnimatedCircularProgress = _ref => {
@@ -69,6 +67,18 @@ const AnimatedCircularProgress = _ref => {
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
+  return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
+    style: other.style,
+    childrenContainerStyle: other.childrenContainerStyle,
+    fill: fillAnimation,
+    tintColor: animateColor()
+  });
+};
+
+var _default = AnimatedCircularProgress;
+exports.default = _default;eEffect(() => {
+    animate();
+  }, [fill, animate]);
   return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
     style: other.style,
     childrenContainerStyle: other.childrenContainerStyle,

package/lib/commonjs/components/CircleImage.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -27,6 +25,22 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
+  return /*#__PURE__*/React.createElement(_reactNative.Image, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius
+    }, style],
+    source: typeof source === "string" ? {
+      uri: source
+    } : source,
+    resizeMode: "cover",
+    ...props
+  });
+};
+
+var _default = CircleImage;
+exports.default = _default;size / 2;
   return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
     style: [{
       width: size,

package/lib/commonjs/mappings/AudioPlayer.js

@@ -12,7 +12,17 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -23,7 +33,27 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: "black"
+    }),
+    completedTrackColor: (0, _types.createColorProp)({
+      label: "Completed Track Color",
+      defaultValue: "white"
+    }),
+    remainingTrackColor: (0, _types.createColorProp)({
+      label: "Remaining Track Color",
+      defaultValue: "#333333"
+    }),
+    trackThumbSize: (0, _types.createNumberProp)({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: (0, _types.createColorProp)({
+      label: "Play Icon Color",
+      defaultValue: "black"
+    })
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Accordion/AccordionItem.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Text from "../Text";
@@ -20,9 +18,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -36,6 +35,28 @@ const AccordionItem = _ref => {
   }, label))));
 };
 
+const styles = StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+export default withTheme(AccordionItem);xtStyles
+  }, label))));
+};
+
 const styles = StyleSheet.create({
   container: {
     padding: 8

package/lib/module/mappings/AudioPlayer.js

@@ -1,10 +1,20 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Audio Player",
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: GROUPS.data,
@@ -15,6 +25,26 @@ export const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "black"
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "white"
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remaining Track Color",
+      defaultValue: "#333333"
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: createColorProp({
+      label: "Play Icon Color",
+      defaultValue: "black"
+    })
   }
 };

package/lib/typescript/src/mappings/AudioPlayer.d.ts

@@ -3,7 +3,17 @@ export declare const SEED_DATA: {
     tag: string;
     description: string;
     category: string;
-    layout: {};
+    stylesPanelSections: string[];
+    layout: {
+        backgroundColor: string;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        borderRadius: number;
+        flexDirection: string;
+        alignItems: string;
+    };
     props: {
         source: {
             group: string;
@@ -15,5 +25,56 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        sliderColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        completedTrackColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        remainingTrackColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        trackThumbSize: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        playIconColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-9a666e.2+9a666e4",
+  "version": "46.4.4-b53636.2+b536363",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,8 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-9a666e.2+9a666e4",
-    "@expo/html-elements": "^0.2.0",
+    "@draftbit/types": "^46.4.4-b53636.2+b536363",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -82,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "9a666e4ecef86b3d4122a10d5b0efd540f7cdb2b"
+  "gitHead": "b536363885da285bd8327c5c4cb51fd9e03bdf78"
 }

package/src/mappings/AudioPlayer.js

@@ -1,10 +1,27 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Audio Player",
     tag: "AudioPlayer",
     description: "Given a source URL, plays sounds & audio!",
     category: COMPONENT_TYPES.media,
-    layout: {},
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+    ],
+    layout: {
+        backgroundColor: "#eee",
+        paddingLeft: 16,
+        paddingRight: 16,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderRadius: 24,
+        flexDirection: "row",
+        alignItems: "center",
+    },
     props: {
         source: {
             group: GROUPS.data,
@@ -16,5 +33,25 @@ export const SEED_DATA = {
             formType: FORM_TYPES.sourceUrl,
             propType: PROP_TYPES.OBJECT,
         },
+        sliderColor: createColorProp({
+            label: "Thumb Color",
+            defaultValue: "black",
+        }),
+        completedTrackColor: createColorProp({
+            label: "Completed Track Color",
+            defaultValue: "white",
+        }),
+        remainingTrackColor: createColorProp({
+            label: "Remaining Track Color",
+            defaultValue: "#333333",
+        }),
+        trackThumbSize: createNumberProp({
+            label: "Thumb Size",
+            defaultValue: 24,
+        }),
+        playIconColor: createColorProp({
+            label: "Play Icon Color",
+            defaultValue: "black",
+        }),
     },
 };

package/src/mappings/AudioPlayer.ts

@@ -3,6 +3,9 @@ import {
   COMPONENT_TYPES,
   FORM_TYPES,
   PROP_TYPES,
+  StylesPanelSections,
+  createColorProp,
+  createNumberProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,7 +13,24 @@ export const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+  ],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center",
+  },
   props: {
     source: {
       group: GROUPS.data,
@@ -23,5 +43,25 @@ export const SEED_DATA = {
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT,
     },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "black",
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "white",
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remaining Track Color",
+      defaultValue: "#333333",
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24,
+    }),
+    playIconColor: createColorProp({
+      label: "Play Icon Color",
+      defaultValue: "black",
+    }),
   },
 };

package/lib/commonjs/mappings/Elements.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: _types.COMPONENT_TYPES.element,
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS,
-  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/Elements.js

@@ -1,121 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, //   createBoolProp,
-createTextProp, FORM_TYPES, GROUPS, Triggers } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-export const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: createTextProp({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS,
-  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];

package/lib/typescript/src/mappings/Elements.d.ts

@@ -1,49 +0,0 @@
-export declare const SEED_DATA: ({
-    category: string;
-    doc_link: string;
-    code_link: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href: any;
-        target: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-    };
-    category: string;
-    doc_link: string;
-    code_link: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href?: undefined;
-        target?: undefined;
-    };
-    category: string;
-    doc_link: string;
-    code_link: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-})[];

package/src/mappings/Elements.js

@@ -1,143 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, 
-//   createBoolProp,
-createTextProp, FORM_TYPES, GROUPS, Triggers, } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-    category: COMPONENT_TYPES.element,
-    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {
-        margin: 0,
-    },
-    triggers: SEED_DATA_TRIGGERS,
-};
-const HEADING_PROPS = {
-    ...ELEMENT_PROPS,
-};
-export const SEED_DATA = [
-    {
-        name: "H1",
-        tag: "H1",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H2",
-        tag: "H2",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H3",
-        tag: "H3",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H4",
-        tag: "H4",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H5",
-        tag: "H5",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H6",
-        tag: "H6",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "Anchor",
-        tag: "A",
-        ...ELEMENT_PROPS,
-        props: {
-            href: createTextProp({
-                label: "href",
-                description: "Specify the URL",
-                defaultValue: "",
-            }),
-            target: {
-                group: GROUPS.basic,
-                label: "target",
-                description: "decide where link should open",
-                formType: FORM_TYPES.flatArray,
-                defaultValue: "_blank",
-                options: ["_blank", "_self", "_parent", "_top"],
-            },
-        },
-    },
-    {
-        name: "Paragraph",
-        tag: "P",
-        ...ELEMENT_PROPS,
-        props: {
-        // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-        // strong: createBoolProp({
-        //     label: "Strong",
-        //     description: "Strong",
-        // }),
-        // strike: createBoolProp({
-        //     label: "Strike",
-        //     description: "Strike through",
-        // }),
-        // italic: createBoolProp({
-        //     label: "Italic",
-        //     description: "Italic Fonts",
-        // }),
-        // bold: createBoolProp({
-        //     label: "Bold",
-        //     description: "Bold",
-        // }),
-        },
-    },
-    {
-        name: "Code",
-        tag: "Code",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Pre",
-        tag: "Pre",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Mark",
-        tag: "Mark",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BR",
-        tag: "BR",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Quote",
-        tag: "Q",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BlockQuote",
-        tag: "BlockQuote",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Time",
-        tag: "Time",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "UL",
-        tag: "UL",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "LI",
-        tag: "LI",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "HR",
-        tag: "HR",
-        ...ELEMENT_PROPS,
-    },
-];

package/src/mappings/Elements.ts

@@ -1,152 +0,0 @@
-import {
-  BLOCK_STYLES_SECTIONS,
-  COMPONENT_TYPES,
-  //   createBoolProp,
-  createTextProp,
-  FORM_TYPES,
-  GROUPS,
-  Triggers,
-} from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0,
-  },
-  triggers: SEED_DATA_TRIGGERS,
-};
-
-const HEADING_PROPS = {
-  ...ELEMENT_PROPS,
-};
-
-export const SEED_DATA = [
-  {
-    name: "H1",
-    tag: "H1",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H2",
-    tag: "H2",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H3",
-    tag: "H3",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H4",
-    tag: "H4",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H5",
-    tag: "H5",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H6",
-    tag: "H6",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "Anchor",
-    tag: "A",
-    ...ELEMENT_PROPS,
-    props: {
-      href: createTextProp({
-        label: "href",
-        description: "Specify the URL",
-        defaultValue: "",
-      }),
-      target: {
-        group: GROUPS.basic,
-        label: "target",
-        description: "decide where link should open",
-        formType: FORM_TYPES.flatArray,
-        defaultValue: "_blank",
-        options: ["_blank", "_self", "_parent", "_top"],
-      },
-    },
-  },
-  {
-    name: "Paragraph",
-    tag: "P",
-    ...ELEMENT_PROPS,
-    props: {
-      // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-      // strong: createBoolProp({
-      //     label: "Strong",
-      //     description: "Strong",
-      // }),
-      // strike: createBoolProp({
-      //     label: "Strike",
-      //     description: "Strike through",
-      // }),
-      // italic: createBoolProp({
-      //     label: "Italic",
-      //     description: "Italic Fonts",
-      // }),
-      // bold: createBoolProp({
-      //     label: "Bold",
-      //     description: "Bold",
-      // }),
-    },
-  },
-  {
-    name: "Code",
-    tag: "Code",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Pre",
-    tag: "Pre",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Mark",
-    tag: "Mark",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "BR",
-    tag: "BR",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Quote",
-    tag: "Q",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "BlockQuote",
-    tag: "BlockQuote",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Time",
-    tag: "Time",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "UL",
-    tag: "UL",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "LI",
-    tag: "LI",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "HR",
-    tag: "HR",
-    ...ELEMENT_PROPS,
-  },
-];