@draftbit/core 46.8.1-c1d8e9.2 → 46.8.1-d2585a.2

package/lib/commonjs/components/NumberInput.js

@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
 var _lodash = require("lodash");
 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; }
-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 NumberInput = _ref => {
   let {
     onChangeText,
@@ -40,7 +39,6 @@ const NumberInput = _ref => {
     setCurrentStringNumberValue(newStringNumberValue);
     onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
   };
-
   // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
   (0, _react.useEffect)(() => {
     const nextStringNumberValue = formatValueToStringNumber(value);
@@ -49,7 +47,6 @@ const NumberInput = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
-
   // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
   (0, _react.useEffect)(() => {
     const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
@@ -58,6 +55,18 @@ const NumberInput = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    keyboardType: "numeric",
+    value: currentStringNumberValue,
+    onChangeText: handleChangeText,
+    ...props
+  });
+};
+var _default = NumberInput;
+exports.default = _default;erValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
     keyboardType: "numeric",
     value: currentStringNumberValue,

package/lib/commonjs/components/ToggleButton.js

@@ -11,7 +11,6 @@ var _IconButton = _interopRequireDefault(require("./IconButton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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 ToggleButton = _ref => {
   let {
     Icon,
@@ -47,7 +46,7 @@ const ToggleButton = _ref => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
-  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
+  return /*#__PURE__*/React.createElement(_IconButton.default, {
     Icon: Icon,
     icon: icon,
     size: iconSize,
@@ -59,6 +58,20 @@ const ToggleButton = _ref => {
       height,
       backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
       borderColor: colors[borderColor]
+    }, style],
+    ...rest
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1
+  }
+});
+var _default = (0, _theming.withTheme)(ToggleButton);
+exports.default = _default;idth,
+      height,
+      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
+      borderColor: colors[borderColor]
     }, style]
   }, rest));
 };

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/index.js

@@ -177,12 +177,6 @@ Object.defineProperty(exports, "Link", {
     return _Text.Link;
   }
 });
-Object.defineProperty(exports, "Markdown", {
-  enumerable: true,
-  get: function () {
-    return _Markdown.default;
-  }
-});
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
   get: function () {
@@ -420,7 +414,6 @@ var _Swiper = require("./components/Swiper");
 var _Layout = require("./components/Layout");
 var _index = require("./components/RadioButton/index");
 var _DeckSwiper = require("./components/DeckSwiper");
-var _Markdown = _interopRequireDefault(require("./components/Markdown"));
 var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
 var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));

package/lib/commonjs/mappings/HtmlElements.js

@@ -0,0 +1,177 @@
+"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_SEED_DATA = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  category: _types.COMPONENT_TYPES.webelement
+};
+const HEADING_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: _types.COMPONENT_TYPES.text,
+  props: {
+    accessibilityLabel: {
+      group: _types.GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    selectable: {
+      group: _types.GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description: "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN,
+      defaultValue: null
+    },
+    children: {
+      group: _types.GROUPS.data,
+      label: "Text",
+      description: "Text",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "Your Headline Here"
+    }
+  }
+};
+const TEXT_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: _types.COMPONENT_TYPES.text,
+  props: {
+    children: {
+      group: _types.GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Your Text Here",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING
+    }
+  }
+};
+const SEED_DATA = [{
+  name: "H1",
+  tag: "H1",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H2",
+  tag: "H2",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H3",
+  tag: "H3",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H4",
+  tag: "H4",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H5",
+  tag: "H5",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H6",
+  tag: "H6",
+  ...HEADING_SEED_DATA
+}, {
+  name: "Anchor",
+  tag: "A",
+  ...TEXT_SEED_DATA,
+  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",
+  ...TEXT_SEED_DATA,
+  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",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Pre",
+  tag: "Pre",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...TEXT_SEED_DATA
+}, {
+  name: "BR",
+  tag: "BR",
+  ...TEXT_SEED_DATA
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  ...TEXT_SEED_DATA
+}, {
+  name: "HR",
+  tag: "HR",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Time",
+  tag: "Time",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "UL",
+  tag: "UL",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "LI",
+  tag: "LI",
+  ...ELEMENT_SEED_DATA
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/module/components/DeprecatedButton.js

@@ -1,3 +1,4 @@
+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 { ActivityIndicator, View, Text, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -74,8 +75,7 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -83,7 +83,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -114,22 +114,4 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
-export default withTheme(Button);: 1,
-    style: [textStyle, typography.button]
-  }, children))));
-};
-const styles = StyleSheet.create({
-  button: {
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: Config.buttonIconSize
-  }
-});
 export default withTheme(Button);

package/lib/module/index.js

@@ -32,7 +32,6 @@ export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
-export { default as Markdown } from "./components/Markdown";
 
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";

package/lib/module/mappings/HtmlElements.js

@@ -0,0 +1,170 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, Triggers } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+const ELEMENT_SEED_DATA = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  category: COMPONENT_TYPES.webelement
+};
+const HEADING_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: COMPONENT_TYPES.text,
+  props: {
+    accessibilityLabel: {
+      group: GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    selectable: {
+      group: GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description: "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+      defaultValue: null
+    },
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "Your Headline Here"
+    }
+  }
+};
+const TEXT_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: COMPONENT_TYPES.text,
+  props: {
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Your Text Here",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING
+    }
+  }
+};
+export const SEED_DATA = [{
+  name: "H1",
+  tag: "H1",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H2",
+  tag: "H2",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H3",
+  tag: "H3",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H4",
+  tag: "H4",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H5",
+  tag: "H5",
+  ...HEADING_SEED_DATA
+}, {
+  name: "H6",
+  tag: "H6",
+  ...HEADING_SEED_DATA
+}, {
+  name: "Anchor",
+  tag: "A",
+  ...TEXT_SEED_DATA,
+  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",
+  ...TEXT_SEED_DATA,
+  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",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Pre",
+  tag: "Pre",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...TEXT_SEED_DATA
+}, {
+  name: "BR",
+  tag: "BR",
+  ...TEXT_SEED_DATA
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  ...TEXT_SEED_DATA
+}, {
+  name: "HR",
+  tag: "HR",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Time",
+  tag: "Time",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "UL",
+  tag: "UL",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "LI",
+  tag: "LI",
+  ...ELEMENT_SEED_DATA
+}];

package/lib/typescript/src/index.d.ts

@@ -32,7 +32,6 @@ export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
-export { default as Markdown } from "./components/Markdown";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+export declare const SEED_DATA: ({
+    props: {
+        href: any;
+        target: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            defaultValue: string;
+            options: string[];
+        };
+    };
+    category: string;
+    doc_link: string;
+    code_link: string;
+    packageName: 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;
+    packageName: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+} | {
+    category: string;
+    props: {
+        children: {
+            group: string;
+            label: string;
+            description: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+        };
+    };
+    doc_link: string;
+    code_link: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+} | {
+    doc_link: string;
+    code_link: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    category: string;
+    name: string;
+    tag: string;
+})[];
+//# sourceMappingURL=HtmlElements.d.ts.map

package/lib/typescript/src/mappings/HtmlElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlElements.d.ts","sourceRoot":"","sources":["../../../../src/mappings/HtmlElements.ts"],"names":[],"mappings":"AAsFA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwHrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.8.1-c1d8e9.2+c1d8e9f",
+  "version": "46.8.1-d2585a.2+d2585a8",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,8 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.8.1-c1d8e9.2+c1d8e9f",
+    "@draftbit/types": "^46.8.1-d2585a.2+d2585a8",
+    "@expo/html-elements": "^0.3.1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -54,7 +55,6 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-deck-swiper": "^2.0.12",
-    "react-native-markdown-display": "^7.0.0-alpha.2",
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
@@ -93,5 +93,5 @@
       ]
     ]
   },
-  "gitHead": "c1d8e9fc142bf557fb1ae20dff52b8de218703db"
+  "gitHead": "d2585a89f100db8b2652d8251caaa71734e3038b"
 }

package/src/index.js

@@ -32,7 +32,6 @@ export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
-export { default as Markdown } from "./components/Markdown";
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/index.tsx

@@ -53,8 +53,6 @@ export {
 
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 
-export { default as Markdown } from "./components/Markdown";
-
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/mappings/HtmlElements.js

@@ -0,0 +1,193 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, Triggers, } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+const ELEMENT_SEED_DATA = {
+    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+    packageName: "@expo/html-elements",
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Effects,
+    ],
+    layout: {
+        margin: 0,
+    },
+    triggers: SEED_DATA_TRIGGERS,
+    category: COMPONENT_TYPES.webelement,
+};
+const HEADING_SEED_DATA = {
+    ...ELEMENT_SEED_DATA,
+    category: COMPONENT_TYPES.text,
+    props: {
+        accessibilityLabel: {
+            group: GROUPS.accessibility,
+            name: "accessibilityLabel",
+            label: "accessibilityLabel",
+            description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+            editable: true,
+            required: false,
+            formType: FORM_TYPES.string,
+            propType: PROP_TYPES.STRING,
+            defaultValue: null,
+        },
+        selectable: {
+            group: GROUPS.advanced,
+            name: "selectable",
+            label: "selectable",
+            description: "Lets the user select text, to use the native copy and paste functionality.",
+            editable: true,
+            required: false,
+            formType: FORM_TYPES.boolean,
+            propType: PROP_TYPES.BOOLEAN,
+            defaultValue: null,
+        },
+        children: {
+            group: GROUPS.data,
+            label: "Text",
+            description: "Text",
+            editable: true,
+            required: true,
+            formType: FORM_TYPES.string,
+            propType: PROP_TYPES.STRING,
+            defaultValue: "Your Headline Here",
+        },
+    },
+};
+const TEXT_SEED_DATA = {
+    ...ELEMENT_SEED_DATA,
+    category: COMPONENT_TYPES.text,
+    props: {
+        children: {
+            group: GROUPS.data,
+            label: "Text",
+            description: "Text",
+            defaultValue: "Your Text Here",
+            editable: true,
+            required: true,
+            formType: FORM_TYPES.string,
+            propType: PROP_TYPES.STRING,
+        },
+    },
+};
+export const SEED_DATA = [
+    {
+        name: "H1",
+        tag: "H1",
+        ...HEADING_SEED_DATA,
+    },
+    {
+        name: "H2",
+        tag: "H2",
+        ...HEADING_SEED_DATA,
+    },
+    {
+        name: "H3",
+        tag: "H3",
+        ...HEADING_SEED_DATA,
+    },
+    {
+        name: "H4",
+        tag: "H4",
+        ...HEADING_SEED_DATA,
+    },
+    {
+        name: "H5",
+        tag: "H5",
+        ...HEADING_SEED_DATA,
+    },
+    {
+        name: "H6",
+        tag: "H6",
+        ...HEADING_SEED_DATA,
+    },
+    {
+        name: "Anchor",
+        tag: "A",
+        ...TEXT_SEED_DATA,
+        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",
+        ...TEXT_SEED_DATA,
+        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",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Pre",
+        tag: "Pre",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Mark",
+        tag: "Mark",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "BR",
+        tag: "BR",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "BlockQuote",
+        tag: "BlockQuote",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "HR",
+        tag: "HR",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Time",
+        tag: "Time",
+        ...ELEMENT_SEED_DATA,
+    },
+    {
+        name: "UL",
+        tag: "UL",
+        ...ELEMENT_SEED_DATA,
+    },
+    {
+        name: "LI",
+        tag: "LI",
+        ...ELEMENT_SEED_DATA,
+    },
+];

package/src/mappings/HtmlElements.ts

@@ -0,0 +1,207 @@
+import {
+  COMPONENT_TYPES,
+  createTextProp,
+  FORM_TYPES,
+  PROP_TYPES,
+  GROUPS,
+  StylesPanelSections,
+  Triggers,
+} from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+
+const ELEMENT_SEED_DATA = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Effects,
+  ],
+  layout: {
+    margin: 0,
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  category: COMPONENT_TYPES.webelement,
+};
+
+const HEADING_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: COMPONENT_TYPES.text,
+  props: {
+    accessibilityLabel: {
+      group: GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description:
+        "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: null,
+    },
+    selectable: {
+      group: GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description:
+        "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+      defaultValue: null,
+    },
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "Your Headline Here",
+    },
+  },
+};
+
+const TEXT_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: COMPONENT_TYPES.text,
+  props: {
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Your Text Here",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+    },
+  },
+};
+
+export const SEED_DATA = [
+  {
+    name: "H1",
+    tag: "H1",
+    ...HEADING_SEED_DATA,
+  },
+  {
+    name: "H2",
+    tag: "H2",
+    ...HEADING_SEED_DATA,
+  },
+  {
+    name: "H3",
+    tag: "H3",
+    ...HEADING_SEED_DATA,
+  },
+  {
+    name: "H4",
+    tag: "H4",
+    ...HEADING_SEED_DATA,
+  },
+  {
+    name: "H5",
+    tag: "H5",
+    ...HEADING_SEED_DATA,
+  },
+  {
+    name: "H6",
+    tag: "H6",
+    ...HEADING_SEED_DATA,
+  },
+  {
+    name: "Anchor",
+    tag: "A",
+    ...TEXT_SEED_DATA,
+    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",
+    ...TEXT_SEED_DATA,
+    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",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Pre",
+    tag: "Pre",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Mark",
+    tag: "Mark",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "BR",
+    tag: "BR",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "BlockQuote",
+    tag: "BlockQuote",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "HR",
+    tag: "HR",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Time",
+    tag: "Time",
+    ...ELEMENT_SEED_DATA,
+  },
+  {
+    name: "UL",
+    tag: "UL",
+    ...ELEMENT_SEED_DATA,
+  },
+  {
+    name: "LI",
+    tag: "LI",
+    ...ELEMENT_SEED_DATA,
+  },
+];

package/lib/commonjs/components/Markdown.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeMarkdownDisplay = _interopRequireDefault(require("react-native-markdown-display"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 Markdown = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
-  return (
-    /*#__PURE__*/
-    //'body' style used for main parent container
-    //@ts-ignore TS does not like the type of this named style for some reason
-    React.createElement(_reactNativeMarkdownDisplay.default, {
-      style: {
-        body: _reactNative.StyleSheet.flatten(style)
-      }
-    }, children)
-  );
-};
-var _default = Markdown;
-exports.default = _default;

package/lib/commonjs/mappings/Markdown.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Markdown",
-  tag: "Markdown",
-  description: "A component that renders markdown",
-  category: _types.COMPONENT_TYPES.basic,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  props: {
-    children: {
-      group: _types.GROUPS.data,
-      label: "Markdown Text",
-      description: "Markdownt text to be rendered ",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "## Double click me to edit 👀"
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Markdown.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { StyleSheet } from "react-native";
-import MarkdownComponent from "react-native-markdown-display";
-const Markdown = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
-  return (
-    /*#__PURE__*/
-    //'body' style used for main parent container
-    //@ts-ignore TS does not like the type of this named style for some reason
-    React.createElement(MarkdownComponent, {
-      style: {
-        body: StyleSheet.flatten(style)
-      }
-    }, children)
-  );
-};
-export default Markdown;

package/lib/module/mappings/Markdown.js

@@ -1,20 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Markdown",
-  tag: "Markdown",
-  description: "A component that renders markdown",
-  category: COMPONENT_TYPES.basic,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  props: {
-    children: {
-      group: GROUPS.data,
-      label: "Markdown Text",
-      description: "Markdownt text to be rendered ",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "## Double click me to edit 👀"
-    }
-  }
-};

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

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-declare type MarkdownProps = {
-    style?: StyleProp<ViewStyle>;
-};
-declare const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>>;
-export default Markdown;
-//# sourceMappingURL=Markdown.d.ts.map

package/lib/typescript/src/components/Markdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAGhE,aAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAW9D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,20 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    props: {
-        children: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-        };
-    };
-};
-//# sourceMappingURL=Markdown.d.ts.map

package/lib/typescript/src/mappings/Markdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Markdown.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAkBrB,CAAC"}

package/src/components/Markdown.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { StyleSheet } from "react-native";
-import MarkdownComponent from "react-native-markdown-display";
-const Markdown = ({ children, style, }) => {
-    return (
-    //'body' style used for main parent container
-    //@ts-ignore TS does not like the type of this named style for some reason
-    React.createElement(MarkdownComponent, { style: { body: StyleSheet.flatten(style) } }, children));
-};
-export default Markdown;

package/src/components/Markdown.tsx

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, StyleSheet } from "react-native";
-import MarkdownComponent from "react-native-markdown-display";
-
-type MarkdownProps = {
-  style?: StyleProp<ViewStyle>;
-};
-
-const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>> = ({
-  children,
-  style,
-}) => {
-  return (
-    //'body' style used for main parent container
-    //@ts-ignore TS does not like the type of this named style for some reason
-    <MarkdownComponent style={{ body: StyleSheet.flatten(style) }}>
-      {children}
-    </MarkdownComponent>
-  );
-};
-
-export default Markdown;

package/src/mappings/Markdown.js

@@ -1,20 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Markdown",
-    tag: "Markdown",
-    description: "A component that renders markdown",
-    category: COMPONENT_TYPES.basic,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    props: {
-        children: {
-            group: GROUPS.data,
-            label: "Markdown Text",
-            description: "Markdownt text to be rendered ",
-            editable: true,
-            required: true,
-            formType: FORM_TYPES.string,
-            propType: PROP_TYPES.STRING,
-            defaultValue: "## Double click me to edit 👀",
-        },
-    },
-};

package/src/mappings/Markdown.ts

@@ -1,27 +0,0 @@
-import {
-  BLOCK_STYLES_SECTIONS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  GROUPS,
-  PROP_TYPES,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Markdown",
-  tag: "Markdown",
-  description: "A component that renders markdown",
-  category: COMPONENT_TYPES.basic,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  props: {
-    children: {
-      group: GROUPS.data,
-      label: "Markdown Text",
-      description: "Markdownt text to be rendered ",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "## Double click me to edit 👀",
-    },
-  },
-};