@draftbit/core 46.2.4-70e86e.10 → 46.2.4-710cbc.10

package/lib/commonjs/index.js

@@ -213,12 +213,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 () {
@@ -518,8 +512,6 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
 
 var _useAuthState = require("./components/useAuthState");
 
-var _Markdown = _interopRequireDefault(require("./components/Markdown"));
-
 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; }

package/lib/commonjs/mappings/FlashList.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = {
+  name: "FlashList",
+  tag: "FlashList",
+  description: "Flashlist by Shopify",
+  packageName: "@shopify/flash-list",
+  category: _types.COMPONENT_TYPES.data,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1
+  },
+  props: {
+    estimatedItemSize: (0, _types.createNumberProp)({
+      group: _types.GROUPS.basic,
+      label: "Est. Item Size",
+      description: "Approximate size of the items before rendering.",
+      defaultValue: 50,
+      step: 1,
+      precision: 0
+    }),
+    horizontal: (0, _types.createStaticBoolProp)({
+      label: "Horizontal",
+      description: "Render list horizontally"
+    }),
+    inverted: (0, _types.createStaticBoolProp)({
+      label: "Inverted",
+      description: "If true, reverses the direction."
+    }),
+    numColumns: (0, _types.createNumColumnsType)({
+      editable: true
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/module/components/AspectRatio.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 React from "react";
 import { View, StyleSheet } from "react-native";
 
@@ -32,6 +30,25 @@ const AspectRatio = props => {
     }
   }
 
+  return /*#__PURE__*/React.createElement(View, { ...props,
+    style: style,
+    onLayout: _ref => {
+      let {
+        nativeEvent: {
+          layout: l
+        }
+      } = _ref;
+      return setLayout(l);
+    }
+  }, props.children);
+};
+
+export default AspectRatio;  width,
+        height: width * (1 / aspectRatio)
+      });
+    }
+  }
+
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: style,
     onLayout: _ref => {

package/lib/module/components/CardContainer.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 React from "react";
 import { View, Text } from "react-native";
 import color from "color";
@@ -51,11 +49,12 @@ const CardContainer = _ref => {
       break;
   }
 
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/React.createElement(Elevation, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -125,4 +124,15 @@ const CardContainer = _ref => {
   })) : null)));
 };
 
+export default withTheme(CardContainer);ONTAINER_PADDING,
+      borderRadius: ICON_CONTAINER_SIZE,
+      backgroundColor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: Config.cardIconSize,
+    color: colors.surface
+  })) : null)));
+};
+
 export default withTheme(CardContainer);

package/lib/module/components/CardContainerShortImage.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 React from "react";
 import { View, Text } from "react-native";
 import Image from "./Image";
@@ -25,10 +23,11 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/React.createElement(Elevation, {
+    onPress: onPress,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -76,4 +75,19 @@ const CardContainerShortImage = _ref => {
   }))));
 };
 
+export default withTheme(CardContainerShortImage);2, {
+      color: colors.medium,
+      marginTop: 4
+    }]
+  }, subtitle) : null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
+    style: {
+      aspectRatio
+    },
+    source: typeof image === "string" ? {
+      uri: image
+    } : image,
+    resizeMode: "cover"
+  }))));
+};
+
 export default withTheme(CardContainerShortImage);

package/lib/module/components/Carousel.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 { withTheme } from "../theming";
 import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
@@ -33,8 +31,6 @@ function Pager(_ref) {
 }
 
 function Carousel(_ref2) {
-  var _data$length;
-
   let {
     data,
     children,
@@ -42,9 +38,12 @@ function Carousel(_ref2) {
     style,
     ...rest
   } = _ref2;
+
+  var _a;
+
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
+  const itemsLength = ((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0) + length;
   const slides = Array.isArray(data) ? data : [];
   const {
     width,
@@ -52,9 +51,10 @@ function Carousel(_ref2) {
   } = StyleSheet.flatten(style || {});
   const slideWidth = width || screenWidth;
   const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), /*#__PURE__*/React.createElement(ScrollView, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(ScrollView, {
     pagingEnabled: true,
     horizontal: true,
     decelerationRate: "fast",
@@ -82,9 +82,9 @@ function Carousel(_ref2) {
       }]
     });
   }) : null, React.Children.map(children, child => {
-    var _child$props;
+    var _a;
 
-    const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
+    const s = ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.style) || {};
     return /*#__PURE__*/React.createElement(View, {
       style: {
         width: slideWidth
@@ -101,6 +101,31 @@ function Carousel(_ref2) {
   }));
 }
 
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#eee"
+  },
+  pager: {
+    position: "absolute",
+    bottom: 12,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  bullet: {
+    marginHorizontal: 2,
+    width: 10,
+    height: 10,
+    borderRadius: 20,
+    backgroundColor: "#000"
+  }
+});
+export default withTheme(Carousel);th
+  }));
+}
+
 const styles = StyleSheet.create({
   container: {
     backgroundColor: "#eee"

package/lib/module/components/Checkbox/context.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-export let Direction;
+export var Direction;
 
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

package/lib/module/components/DeprecatedCardWrapper.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 React from "react";
 import { withTheme } from "../theming";
 import Touchable from "./Touchable";
@@ -18,6 +16,25 @@ const getWidth = numColumns => {
 };
 
 const Card = _ref => {
+  let {
+    numColumns = 3,
+    children,
+    onPress,
+    style,
+    ...rest
+  } = _ref;
+  const width = getWidth(numColumns);
+  return /*#__PURE__*/React.createElement(Touchable, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }],
+    ...rest
+  }, children);
+};
+
+export default withTheme(Card);ef => {
   let {
     numColumns = 3,
     children,

package/lib/module/components/Slider.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 { View, StyleSheet } from "react-native";
 import NativeSlider from "@react-native-community/slider";
@@ -73,9 +71,10 @@ function Slider(_ref) {
     onValueChange(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
     color: leftIconThemeColor,
     name: leftIcon,
     size: 24
@@ -97,6 +96,24 @@ function Slider(_ref) {
   }) : null);
 }
 
+const styles = StyleSheet.create({
+  container: {
+    height: 40,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  slider: {
+    flex: 1,
+    marginHorizontal: 12
+  }
+});
+export default withTheme(Slider);Icon ? /*#__PURE__*/React.createElement(Icon, {
+    color: rightIconThemeColor,
+    name: rightIcon,
+    size: 24
+  }) : null);
+}
+
 const styles = StyleSheet.create({
   container: {
     height: 40,

package/lib/module/index.js

@@ -50,5 +50,4 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
 export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
-export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown"; // a comment to fix sourcemap comment issue
+export { useAuthState } from "./components/useAuthState"; // a comment to fix sourcemap comment issue

package/lib/module/mappings/FlashList.js

@@ -0,0 +1,33 @@
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "FlashList",
+  tag: "FlashList",
+  description: "Flashlist by Shopify",
+  packageName: "@shopify/flash-list",
+  category: COMPONENT_TYPES.data,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1
+  },
+  props: {
+    estimatedItemSize: createNumberProp({
+      group: GROUPS.basic,
+      label: "Est. Item Size",
+      description: "Approximate size of the items before rendering.",
+      defaultValue: 50,
+      step: 1,
+      precision: 0
+    }),
+    horizontal: createStaticBoolProp({
+      label: "Horizontal",
+      description: "Render list horizontally"
+    }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction."
+    }),
+    numColumns: createNumColumnsType({
+      editable: true
+    })
+  }
+};

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

@@ -49,4 +49,3 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";

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

@@ -0,0 +1,54 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    packageName: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        flex: number;
+    };
+    props: {
+        estimatedItemSize: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        horizontal: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        inverted: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        numColumns: {
+            label: string;
+            description: string;
+            group: string;
+            formType: string;
+            propType: string;
+            defaultValue: number;
+            editable: boolean;
+            required: boolean;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.4-70e86e.10+70e86e38",
+  "version": "46.2.4-710cbc.10+710cbc93",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -46,14 +46,13 @@
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
     "@react-native-picker/picker": "2.4.2",
+    "@shopify/flash-list": "1.1.0",
     "color": "^3.1.2",
     "date-fns": "^2.16.1",
     "dateformat": "^3.0.3",
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
-    "react-native-markdown-display": "^7.0.0-alpha.2",
-    "react-native-markdown-package": "^1.8.2",
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
@@ -82,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "70e86e38470d1aa32cd3a90888166a0c61db9b1a"
+  "gitHead": "710cbc93659ee88f995f95167ad63f445cb48a19"
 }

package/src/index.js

@@ -50,5 +50,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";
 // a comment to fix sourcemap comment issue

package/src/index.tsx

@@ -70,6 +70,5 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";
 
 // a comment to fix sourcemap comment issue

package/src/mappings/FlashList.js

@@ -0,0 +1,33 @@
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "FlashList",
+    tag: "FlashList",
+    description: "Flashlist by Shopify",
+    packageName: "@shopify/flash-list",
+    category: COMPONENT_TYPES.data,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    layout: {
+        flex: 1,
+    },
+    props: {
+        estimatedItemSize: createNumberProp({
+            group: GROUPS.basic,
+            label: "Est. Item Size",
+            description: "Approximate size of the items before rendering.",
+            defaultValue: 50,
+            step: 1,
+            precision: 0,
+        }),
+        horizontal: createStaticBoolProp({
+            label: "Horizontal",
+            description: "Render list horizontally",
+        }),
+        inverted: createStaticBoolProp({
+            label: "Inverted",
+            description: "If true, reverses the direction.",
+        }),
+        numColumns: createNumColumnsType({
+            editable: true,
+        }),
+    },
+};

package/src/mappings/FlashList.ts

@@ -0,0 +1,41 @@
+import {
+  COMPONENT_TYPES,
+  createNumColumnsType,
+  createStaticBoolProp,
+  createNumberProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+  GROUPS,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "FlashList",
+  tag: "FlashList",
+  description: "Flashlist by Shopify",
+  packageName: "@shopify/flash-list",
+  category: COMPONENT_TYPES.data,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+  },
+  props: {
+    estimatedItemSize: createNumberProp({
+      group: GROUPS.basic,
+      label: "Est. Item Size",
+      description: "Approximate size of the items before rendering.",
+      defaultValue: 50,
+      step: 1,
+      precision: 0,
+    }),
+    horizontal: createStaticBoolProp({
+      label: "Horizontal",
+      description: "Render list horizontally",
+    }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction.",
+    }),
+    numColumns: createNumColumnsType({
+      editable: true,
+    }),
+  },
+};

package/lib/commonjs/components/Markdown.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNativeMarkdownPackage = _interopRequireDefault(require("react-native-markdown-package"));
-
-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; }
-
-// @ts-ignore
-const MarkdownComponent = _ref => {
-  let {
-    content
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNativeMarkdownPackage.default, {
-    styles: markdownStyle.collectiveMd
-  }, content));
-};
-
-const markdownStyle = {
-  singleLineMd: {
-    text: {
-      color: "blue",
-      textAlign: "right"
-    },
-    view: {
-      alignSelf: "stretch"
-    }
-  },
-  collectiveMd: {
-    heading1: {
-      color: "red"
-    },
-    heading2: {
-      color: "green",
-      textAlign: "right"
-    },
-    strong: {
-      color: "blue"
-    },
-    em: {
-      color: "cyan"
-    },
-    text: {
-      color: "black"
-    },
-    blockQuoteText: {
-      color: "grey"
-    },
-    blockQuoteSection: {
-      flexDirection: "row"
-    },
-    blockQuoteSectionBar: {
-      width: 3,
-      height: null,
-      backgroundColor: "#DDDDDD",
-      marginRight: 15
-    },
-    codeBlock: {
-      fontFamily: "Courier",
-      fontWeight: "500",
-      backgroundColor: "#DDDDDD"
-    },
-    tableHeader: {
-      backgroundColor: "grey"
-    }
-  }
-};
-var _default = MarkdownComponent;
-exports.default = _default;

package/lib/commonjs/mappings/Markdown.js

@@ -1,23 +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: "MarkdownComponent",
-  description: "A markdown component",
-  category: _types.COMPONENT_TYPES.basic,
-  props: {
-    content: (0, _types.createTextProp)({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Markdown.js

@@ -1,63 +0,0 @@
-import * as React from "react"; // @ts-ignore
-
-import Markdown from "react-native-markdown-package";
-
-const MarkdownComponent = _ref => {
-  let {
-    content
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Markdown, {
-    styles: markdownStyle.collectiveMd
-  }, content));
-};
-
-const markdownStyle = {
-  singleLineMd: {
-    text: {
-      color: "blue",
-      textAlign: "right"
-    },
-    view: {
-      alignSelf: "stretch"
-    }
-  },
-  collectiveMd: {
-    heading1: {
-      color: "red"
-    },
-    heading2: {
-      color: "green",
-      textAlign: "right"
-    },
-    strong: {
-      color: "blue"
-    },
-    em: {
-      color: "cyan"
-    },
-    text: {
-      color: "black"
-    },
-    blockQuoteText: {
-      color: "grey"
-    },
-    blockQuoteSection: {
-      flexDirection: "row"
-    },
-    blockQuoteSectionBar: {
-      width: 3,
-      height: null,
-      backgroundColor: "#DDDDDD",
-      marginRight: 15
-    },
-    codeBlock: {
-      fontFamily: "Courier",
-      fontWeight: "500",
-      backgroundColor: "#DDDDDD"
-    },
-    tableHeader: {
-      backgroundColor: "grey"
-    }
-  }
-};
-export default MarkdownComponent;

package/lib/module/mappings/Markdown.js

@@ -1,14 +0,0 @@
-import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Markdown",
-  tag: "MarkdownComponent",
-  description: "A markdown component",
-  category: COMPONENT_TYPES.basic,
-  props: {
-    content: createTextProp({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null
-    })
-  }
-};

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

@@ -1,6 +0,0 @@
-import * as React from "react";
-declare type Props = {
-    content?: string;
-};
-declare const MarkdownComponent: React.FC<Props>;
-export default MarkdownComponent;

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

@@ -1,9 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    props: {
-        content: any;
-    };
-};

package/src/components/Markdown.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-// @ts-ignore
-import Markdown from "react-native-markdown-package";
-const MarkdownComponent = ({ content }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Markdown, { styles: markdownStyle.collectiveMd }, content)));
-};
-const markdownStyle = {
-    singleLineMd: {
-        text: {
-            color: "blue",
-            textAlign: "right",
-        },
-        view: {
-            alignSelf: "stretch",
-        },
-    },
-    collectiveMd: {
-        heading1: {
-            color: "red",
-        },
-        heading2: {
-            color: "green",
-            textAlign: "right",
-        },
-        strong: {
-            color: "blue",
-        },
-        em: {
-            color: "cyan",
-        },
-        text: {
-            color: "black",
-        },
-        blockQuoteText: {
-            color: "grey",
-        },
-        blockQuoteSection: {
-            flexDirection: "row",
-        },
-        blockQuoteSectionBar: {
-            width: 3,
-            height: null,
-            backgroundColor: "#DDDDDD",
-            marginRight: 15,
-        },
-        codeBlock: {
-            fontFamily: "Courier",
-            fontWeight: "500",
-            backgroundColor: "#DDDDDD",
-        },
-        tableHeader: {
-            backgroundColor: "grey",
-        },
-    },
-};
-export default MarkdownComponent;

package/src/components/Markdown.tsx

@@ -1,70 +0,0 @@
-import * as React from "react";
-// @ts-ignore
-import Markdown from "react-native-markdown-package";
-
-type Props = {
-  content?: string;
-};
-
-const MarkdownComponent: React.FC<Props> = ({ content }) => {
-  return (
-    <>
-      {
-        // @ts-ignore
-      }
-      <Markdown styles={markdownStyle.collectiveMd}>{content}</Markdown>
-    </>
-  );
-};
-
-const markdownStyle = {
-  singleLineMd: {
-    text: {
-      color: "blue",
-      textAlign: "right",
-    },
-    view: {
-      alignSelf: "stretch",
-    },
-  },
-  collectiveMd: {
-    heading1: {
-      color: "red",
-    },
-    heading2: {
-      color: "green",
-      textAlign: "right",
-    },
-    strong: {
-      color: "blue",
-    },
-    em: {
-      color: "cyan",
-    },
-    text: {
-      color: "black",
-    },
-    blockQuoteText: {
-      color: "grey",
-    },
-    blockQuoteSection: {
-      flexDirection: "row",
-    },
-    blockQuoteSectionBar: {
-      width: 3,
-      height: null,
-      backgroundColor: "#DDDDDD",
-      marginRight: 15,
-    },
-    codeBlock: {
-      fontFamily: "Courier",
-      fontWeight: "500",
-      backgroundColor: "#DDDDDD",
-    },
-    tableHeader: {
-      backgroundColor: "grey",
-    },
-  },
-};
-
-export default MarkdownComponent;

package/src/mappings/Markdown.js

@@ -1,14 +0,0 @@
-import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Markdown",
-    tag: "MarkdownComponent",
-    description: "A markdown component",
-    category: COMPONENT_TYPES.basic,
-    props: {
-        content: createTextProp({
-            label: "Markdown Text",
-            description: "Markdown Text",
-            defaultValue: null,
-        }),
-    },
-};

package/src/mappings/Markdown.ts

@@ -1,15 +0,0 @@
-import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Markdown",
-  tag: "MarkdownComponent",
-  description: "A markdown component",
-  category: COMPONENT_TYPES.basic,
-  props: {
-    content: createTextProp({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null,
-    }),
-  },
-};