@draftbit/core 46.9.1-c1e2bf.2 → 46.9.1-e06549.2

package/lib/typescript/src/mappings/{BottomSheet.d.ts → HtmlElements.d.ts}

@@ -1,119 +1,109 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
+export declare const SEED_DATA: ({
     category: string;
     stylesPanelSections: string[];
     layout: {
-        paddingHorizontal: number;
-        paddingVertical: number;
+        color: string;
     };
-    triggers: string[];
     props: {
-        onSettle: {
+        children: {
+            group: string;
             label: string;
             description: string;
+            defaultValue: string;
             editable: boolean;
             required: boolean;
             formType: string;
             propType: string;
-            defaultValue: null;
-            group: string;
         };
-        snapPoints: {
+        accessibilityLabel: {
             group: string;
+            name: string;
             label: string;
             description: string;
             editable: boolean;
             required: boolean;
             formType: string;
             propType: string;
-            options: never[];
             defaultValue: null;
         };
-        initialSnapIndex: {
+        selectable: {
+            group: string;
+            name: string;
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
             editable: boolean;
             required: boolean;
-            step: number;
-        };
-        showHandle: {
-            label: string;
-            description: string;
             formType: string;
             propType: string;
             defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
         };
-        handleColor: {
+    };
+    doc_link: string;
+    code_link: string;
+    packageName: string;
+    name: string;
+    tag: string;
+} | {
+    doc_link: string;
+    code_link: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    category: string;
+    name: string;
+    tag: string;
+} | {
+    props: {
+        href: any;
+        target: {
             group: string;
             label: string;
             description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
             formType: string;
-            propType: string;
+            defaultValue: string;
+            options: string[];
         };
-        topBorderRadius: {
+        children: {
+            group: string;
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
+            defaultValue: string;
             editable: boolean;
             required: boolean;
-            step: number;
-        };
-        borderWidth: {
-            label: string;
-            description: string;
             formType: string;
             propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
         };
-        borderColor: {
+        accessibilityLabel: {
             group: string;
+            name: string;
             label: string;
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: null;
             formType: string;
             propType: string;
+            defaultValue: null;
         };
-        showsVerticalScrollIndicator: {
+        selectable: {
+            group: string;
+            name: string;
             label: string;
             description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
             editable: boolean;
             required: boolean;
-            group: string;
-        };
-        bounces: {
-            label: string;
-            description: string;
             formType: string;
             propType: string;
             defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
         };
     };
-};
-//# sourceMappingURL=BottomSheet.d.ts.map
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        color: string;
+    };
+    doc_link: string;
+    code_link: string;
+    packageName: 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":"AAoEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6HrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MapCallout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapCallout.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
+{"version":3,"file":"MapCallout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapCallout.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MapMarker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapMarker.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}
+{"version":3,"file":"MapMarker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapMarker.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.9.1-c1e2bf.2+c1e2bf4",
+  "version": "46.9.1-e06549.2+e065491",
   "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.9.1-c1e2bf.2+c1e2bf4",
+    "@draftbit/types": "^46.9.1-e06549.2+e065491",
+    "@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,11 +55,9 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-deck-swiper": "^2.0.12",
-    "react-native-gesture-handler": "~2.5.0",
     "react-native-markdown-display": "^7.0.0-alpha.2",
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-pager-view": "5.4.24",
-    "react-native-reanimated": "~2.9.1",
     "react-native-shadow-2": "^7.0.6",
     "react-native-svg": "12.3.0",
     "react-native-tab-view": "^3.4.0",
@@ -98,5 +97,5 @@
       ]
     ]
   },
-  "gitHead": "c1e2bf40e776e51766fe51fe6790bf7c86334a8b"
+  "gitHead": "e0654918cd0648f300038c6fc444c7955b49cac1"
 }

package/src/index.js

@@ -35,7 +35,6 @@ export { default as Shadow } from "./components/Shadow";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
-export { BottomSheet } from "./components/BottomSheet";
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/index.tsx

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

package/src/mappings/ActionSheet.js

@@ -4,7 +4,10 @@ export const SEED_DATA = {
     tag: "ActionSheet",
     description: "Action Sheet container",
     category: COMPONENT_TYPES.actionsheet,
-    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+    stylesPanelSections: [
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+    ],
     props: {
         visible: createStaticBoolProp({
             group: GROUPS.data,

package/src/mappings/ActionSheet.ts

@@ -10,7 +10,10 @@ export const SEED_DATA = {
   tag: "ActionSheet",
   description: "Action Sheet container",
   category: COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+  stylesPanelSections: [
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
   props: {
     visible: createStaticBoolProp({
       group: GROUPS.data,

package/src/mappings/ActionSheetCancel.js

@@ -3,7 +3,10 @@ export const SEED_DATA = {
     name: "Action Sheet Cancel",
     tag: "ActionSheetCancel",
     description: "Action Sheet cancel",
-    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+    stylesPanelSections: [
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+    ],
     category: COMPONENT_TYPES.actionsheet,
     triggers: [Triggers.OnPress],
     props: {

package/src/mappings/ActionSheetCancel.ts

@@ -12,7 +12,10 @@ export const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+  stylesPanelSections: [
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
   category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   props: {

package/src/mappings/ActionSheetItem.js

@@ -4,7 +4,10 @@ export const SEED_DATA = {
     tag: "ActionSheetItem",
     description: "Action Sheet item",
     category: COMPONENT_TYPES.actionsheet,
-    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+    stylesPanelSections: [
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+    ],
     triggers: [Triggers.OnPress],
     layout: {
         textAlign: "center",

package/src/mappings/ActionSheetItem.ts

@@ -13,7 +13,10 @@ export const SEED_DATA = {
   tag: "ActionSheetItem",
   description: "Action Sheet item",
   category: COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+  stylesPanelSections: [
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
   triggers: [Triggers.OnPress],
   layout: {
     textAlign: "center",

package/src/mappings/HtmlElements.js

@@ -0,0 +1,180 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+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: BLOCK_STYLES_SECTIONS,
+    category: COMPONENT_TYPES.webelement,
+};
+const TEXT_SEED_DATA = {
+    ...ELEMENT_SEED_DATA,
+    category: COMPONENT_TYPES.text,
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Effects,
+    ],
+    layout: {
+        color: "strong",
+    },
+    props: {
+        children: {
+            group: GROUPS.data,
+            label: "Text",
+            description: "Text",
+            defaultValue: "Double click me to edit 👀",
+            editable: true,
+            required: true,
+            formType: FORM_TYPES.string,
+            propType: PROP_TYPES.STRING,
+        },
+        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: true,
+        },
+    },
+};
+export const SEED_DATA = [
+    {
+        name: "Heading 1",
+        tag: "H1",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Heading 2",
+        tag: "H2",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Heading 3",
+        tag: "H3",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Heading 4",
+        tag: "H4",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Heading 5",
+        tag: "H5",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Heading 6",
+        tag: "H6",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Paragraph",
+        tag: "P",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Bold",
+        tag: "B",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Strikethrough",
+        tag: "S",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Italic",
+        tag: "I",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Code",
+        tag: "Code",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Preformatted",
+        tag: "Pre",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Mark",
+        tag: "Mark",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Block Quote",
+        tag: "BlockQuote",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Quoted",
+        tag: "Q",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Time",
+        tag: "Time",
+        ...TEXT_SEED_DATA,
+    },
+    {
+        name: "Unordered List",
+        tag: "UL",
+        ...ELEMENT_SEED_DATA,
+    },
+    {
+        name: "List Item",
+        tag: "LI",
+        ...TEXT_SEED_DATA,
+        category: COMPONENT_TYPES.webelement,
+    },
+    {
+        name: "Line Break",
+        tag: "BR",
+        ...ELEMENT_SEED_DATA,
+    },
+    {
+        name: "Horizontal Rule",
+        tag: "HR",
+        ...ELEMENT_SEED_DATA,
+    },
+    {
+        name: "Anchor",
+        tag: "A",
+        ...TEXT_SEED_DATA,
+        props: {
+            ...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"],
+            },
+        },
+        category: COMPONENT_TYPES.webelement,
+    },
+];

package/src/mappings/HtmlElements.ts

@@ -0,0 +1,194 @@
+import {
+  COMPONENT_TYPES,
+  createTextProp,
+  FORM_TYPES,
+  PROP_TYPES,
+  GROUPS,
+  StylesPanelSections,
+  BLOCK_STYLES_SECTIONS,
+} from "@draftbit/types";
+
+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: BLOCK_STYLES_SECTIONS,
+  category: COMPONENT_TYPES.webelement,
+};
+
+const TEXT_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: COMPONENT_TYPES.text,
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Effects,
+  ],
+  layout: {
+    color: "strong",
+  },
+  props: {
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Double click me to edit 👀",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+    },
+    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: true,
+    },
+  },
+};
+
+export const SEED_DATA = [
+  {
+    name: "Heading 1",
+    tag: "H1",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Heading 2",
+    tag: "H2",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Heading 3",
+    tag: "H3",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Heading 4",
+    tag: "H4",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Heading 5",
+    tag: "H5",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Heading 6",
+    tag: "H6",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Paragraph",
+    tag: "P",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Bold",
+    tag: "B",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Strikethrough",
+    tag: "S",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Italic",
+    tag: "I",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Code",
+    tag: "Code",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Preformatted",
+    tag: "Pre",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Mark",
+    tag: "Mark",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Block Quote",
+    tag: "BlockQuote",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Quoted",
+    tag: "Q",
+    ...TEXT_SEED_DATA,
+  },
+
+  {
+    name: "Time",
+    tag: "Time",
+    ...TEXT_SEED_DATA,
+  },
+  {
+    name: "Unordered List",
+    tag: "UL",
+    ...ELEMENT_SEED_DATA,
+  },
+  {
+    name: "List Item",
+    tag: "LI",
+    ...TEXT_SEED_DATA,
+    category: COMPONENT_TYPES.webelement,
+  },
+  {
+    name: "Line Break",
+    tag: "BR",
+    ...ELEMENT_SEED_DATA,
+  },
+  {
+    name: "Horizontal Rule",
+    tag: "HR",
+    ...ELEMENT_SEED_DATA,
+  },
+  {
+    name: "Anchor",
+    tag: "A",
+    ...TEXT_SEED_DATA,
+    props: {
+      ...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"],
+      },
+    },
+    category: COMPONENT_TYPES.webelement,
+  },
+];