@draftbit/core 46.4.4-65cd42.2 → 46.4.4-6a9b36.2

package/lib/typescript/src/styles/fonts.d.ts

@@ -3,3 +3,4 @@ import type { Fonts } from "@draftbit/types";
 export default function configureFonts(config?: {
     [platform in PlatformOSType | "default"]?: Fonts;
 }): Fonts;
+//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/src/styles/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/styles/fonts.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,cAAc,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA2D7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,MAAM,CAAC,EAAE;KAC7C,QAAQ,IAAI,cAAc,GAAG,SAAS,CAAC,CAAC,EAAE,KAAK;CACjD,GAAG,KAAK,CAGR"}

package/lib/typescript/src/styles/overlay.d.ts

@@ -1,2 +1,3 @@
 import { Animated } from "react-native";
 export default function overlay<T extends Animated.Value | number>(elevation: T, surfaceColor?: string): T extends number ? string : Animated.AnimatedInterpolation;
+//# sourceMappingURL=overlay.d.ts.map

package/lib/typescript/src/styles/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/styles/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,QAAQ,CAAC,KAAK,GAAG,MAAM,EAC/D,SAAS,EAAE,CAAC,EACZ,YAAY,GAAE,MAAiC,GAC9C,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAe5D"}

package/lib/typescript/src/styles/shadow.d.ts

@@ -21,3 +21,4 @@ export default function shadow(elevation?: number | Animated.Value): {
     shadowOpacity: number;
     shadowRadius: number;
 };
+//# sourceMappingURL=shadow.d.ts.map

package/lib/typescript/src/styles/shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../../src/styles/shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,SAAS,GAAE,MAAM,GAAG,QAAQ,CAAC,KAAS;;;;;;;;;;;;;;;;;;;;;EAiDpE"}

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

@@ -6,3 +6,4 @@ export declare const ThemeProvider: import("react").ComponentType<{
 }, C>(WrappedComponent: import("react").ComponentType<Props> & C) => import("react").ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
 }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<Props> & C, {}>, useTheme: (overrides?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined) => any;
+//# sourceMappingURL=theming.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theming.d.ts","sourceRoot":"","sources":["../../../src/theming.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAQ,aAAa;;IAAE,SAAS;;;;6IAAE,QAAQ,6FACb,CAAC"}

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

@@ -24,3 +24,4 @@ export declare function extractBorderAndMarginStyles(style: StyleProp<any>, addi
  */
 export declare function applyStyles(baseStyles: Array<StyleProp<any>>, stylesToApply: StyleProp<any> | undefined): any;
 export declare function getValueForRadioButton(value: string | number): string;
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-65cd42.2+65cd428",
+  "version": "46.4.4-6a9b36.2+6a9b368",
   "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-65cd42.2+65cd428",
+    "@draftbit/types": "^46.4.4-6a9b36.2+6a9b368",
+    "@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",
@@ -53,8 +54,6 @@
     "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",
@@ -83,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "65cd428a38e995b2900296570798fcad70ab711f"
+  "gitHead": "6a9b36873c77cd4eb1b88162059e58eb0e3f0c08"
 }

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 Markdown } from "./components/Markdown";
 // 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 Markdown } from "./components/Markdown";
 
 // a comment to fix sourcemap comment issue

package/src/mappings/HtmlElements.js

@@ -0,0 +1,141 @@
+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/src/mappings/HtmlElements.ts

@@ -0,0 +1,151 @@
+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/commonjs/components/Markdown.js

@@ -1,27 +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
-  }, content));
-};
-const markdownStyle = {
-  singleLineMd: {},
-  collectiveMd: {}
-};
-var _default = MarkdownComponent;
-exports.default = _default;

package/lib/commonjs/mappings/Markdown.js

@@ -1,21 +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,16 +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
-  }, content));
-};
-const markdownStyle = {
-  singleLineMd: {},
-  collectiveMd: {}
-};
-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,12 +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 }, content)));
-};
-const markdownStyle = {
-    singleLineMd: {},
-    collectiveMd: {},
-};
-export default MarkdownComponent;

package/src/components/Markdown.tsx

@@ -1,25 +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}>{content}</Markdown>
-    </>
-  );
-};
-
-const markdownStyle = {
-  singleLineMd: {},
-  collectiveMd: {},
-};
-
-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,
-    }),
-  },
-};