@draftbit/core 46.4.4-929d79.2 → 46.4.4-970ba7.2

package/lib/commonjs/index.js

@@ -3,6 +3,76 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  injectIcon: true,
+  withTheme: true,
+  ThemeProvider: true,
+  Provider: true,
+  DefaultTheme: true,
+  Link: true,
+  Banner: true,
+  Button: true,
+  ButtonSolid: true,
+  ButtonOutline: true,
+  Avatar: true,
+  CircleImage: true,
+  AvatarEdit: true,
+  Card: true,
+  Carousel: true,
+  Checkbox: true,
+  CheckboxGroup: true,
+  CheckboxRow: true,
+  Container: true,
+  Divider: true,
+  FAB: true,
+  FieldSearchBarFull: true,
+  IconButton: true,
+  Image: true,
+  SVG: true,
+  NumberInput: true,
+  ScreenContainer: true,
+  StarRating: true,
+  Surface: true,
+  Switch: true,
+  SwitchRow: true,
+  TextField: true,
+  ToggleButton: true,
+  Touchable: true,
+  AccordionGroup: true,
+  AccordionItem: true,
+  ActionSheet: true,
+  ActionSheetItem: true,
+  ActionSheetCancel: true,
+  Swiper: true,
+  SwiperItem: true,
+  Center: true,
+  Circle: true,
+  Square: true,
+  Row: true,
+  Stack: true,
+  Spacer: true,
+  RadioButton: true,
+  RadioButtonGroup: true,
+  RadioButtonRow: true,
+  RadioButtonFieldGroup: true,
+  CardBlock: true,
+  CardContainer: true,
+  CardContainerRating: true,
+  CardInline: true,
+  DatePicker: true,
+  HeaderLarge: true,
+  HeaderMedium: true,
+  HeaderOverline: true,
+  Picker: true,
+  ProgressBar: true,
+  ProgressCircle: true,
+  RowBodyIcon: true,
+  RowHeadlineImageCaption: true,
+  RowHeadlineImageIcon: true,
+  Slider: true,
+  Stepper: true,
+  useAuthState: true
+};
 Object.defineProperty(exports, "AccordionGroup", {
   enumerable: true,
   get: function () {
@@ -393,12 +463,6 @@ Object.defineProperty(exports, "Touchable", {
     return _Touchable.default;
   }
 });
-Object.defineProperty(exports, "Youtube", {
-  enumerable: true,
-  get: function () {
-    return _Youtube.default;
-  }
-});
 Object.defineProperty(exports, "injectIcon", {
   enumerable: true,
   get: function () {
@@ -482,6 +546,20 @@ var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");
 
+var _htmlElements = require("@expo/html-elements");
+
+Object.keys(_htmlElements).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _htmlElements[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _htmlElements[key];
+    }
+  });
+});
+
 var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
 
 var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
@@ -516,8 +594,6 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
 
 var _useAuthState = require("./components/useAuthState");
 
-var _Youtube = _interopRequireDefault(require("./components/Youtube"));
-
 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/HtmlElements.js

@@ -0,0 +1,125 @@
+"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.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
+  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: "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/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/components/Picker/PickerComponent.web.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 { Picker as NativePicker } from "@react-native-picker/picker";
@@ -10,8 +8,6 @@ import TextField from "../TextField";
 import Touchable from "../Touchable";
 
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
   let {
     style,
     options,
@@ -21,6 +17,9 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+
+  var _a, _b;
+
   const {
     viewStyles: {
       borderRadius,
@@ -67,7 +66,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -90,6 +89,25 @@ const Picker = _ref => {
     label: o.label,
     value: o.value,
     key: o.value
+  }))), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(TextField, { ...props,
+    value: selectedLabel,
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+export default withTheme(Picker); key: o.value
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {

package/lib/module/index.js

@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
 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 * from "@expo/html-elements";
 /* Deprecated: Fix or Delete!  */
 
 export { default as CardBlock } from "./components/CardBlock";
@@ -49,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 Youtube } from "./components/Youtube"; // a comment to fix sourcemap comment issue
+export { useAuthState } from "./components/useAuthState"; // a comment to fix sourcemap comment issue

package/lib/module/mappings/HtmlElements.js

@@ -0,0 +1,116 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, StylesPanelSections, 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: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
+  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: "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/index.d.ts

@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
 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 * from "@expo/html-elements";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";
@@ -48,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 Youtube } from "./components/Youtube";

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

@@ -0,0 +1,49 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-929d79.2+929d79d",
+  "version": "46.4.4-970ba7.2+970ba75",
   "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.4.4-929d79.2+929d79d",
+    "@draftbit/types": "^46.4.4-970ba7.2+970ba75",
+    "@expo/html-elements": "^0.2.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -56,9 +57,7 @@
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
-    "react-native-web-swiper": "^2.2.3",
-    "react-native-web-webview": "^1.0.2",
-    "react-native-youtube-iframe": "^2.2.2"
+    "react-native-web-swiper": "^2.2.3"
   },
   "devDependencies": {
     "@types/color": "^3.0.1",
@@ -83,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "929d79dcdad189a0c0c98afa23b7893cf37ffe7d"
+  "gitHead": "970ba755854683bedbdd39b0de3b6b64cc2f496f"
 }

package/src/index.js

@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
 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 * from "@expo/html-elements";
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
@@ -49,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 Youtube } from "./components/Youtube";
 // a comment to fix sourcemap comment issue

package/src/index.tsx

@@ -51,6 +51,8 @@ export {
   RadioButtonFieldGroup,
 } from "./components/RadioButton/index";
 
+export * from "@expo/html-elements";
+
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
@@ -69,6 +71,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 Youtube } from "./components/Youtube";
 
 // a comment to fix sourcemap comment issue