@draftbit/core 46.9.1-0f1b60.2 → 46.9.1-310331.2

package/src/mappings/YoutubePlayer.js

@@ -0,0 +1,37 @@
+import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createStaticBoolProp, createTextProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Youtube Player",
+    tag: "YoutubePlayer",
+    description: "Plays a youtube video form a Youtube video or playlist id",
+    doc_link: "https://lonelycpp.github.io/react-native-youtube-iframe",
+    code_link: "https://github.com/LonelyCpp/react-native-youtube-iframe",
+    category: COMPONENT_TYPES.media,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    layout: {
+        height: 250,
+    },
+    props: {
+        videoId: createTextProp({
+            label: "Video ID",
+            description: "VideoId of the Youtube video.",
+            defaultValue: "nwMUpDESXrI",
+        }),
+        playlist: createTextProp({
+            label: "Playlist",
+            description: "Playlist of the Youtube videos.",
+            defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks",
+        }),
+        mute: createStaticBoolProp({
+            label: "Mute Audio",
+            description: "Mute the audio of the video.",
+            defaultValue: false,
+            required: false,
+        }),
+        autoplay: createStaticBoolProp({
+            label: "Auto Play",
+            description: "Autoplay the video on load.",
+            defaultValue: false,
+            required: false,
+        }),
+    },
+};

package/src/mappings/YoutubePlayer.ts

@@ -0,0 +1,43 @@
+import {
+  BLOCK_STYLES_SECTIONS,
+  COMPONENT_TYPES,
+  createStaticBoolProp,
+  createTextProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Youtube Player",
+  tag: "YoutubePlayer",
+  description: "Plays a youtube video form a Youtube video or playlist id",
+  doc_link: "https://lonelycpp.github.io/react-native-youtube-iframe",
+  code_link: "https://github.com/LonelyCpp/react-native-youtube-iframe",
+  category: COMPONENT_TYPES.media,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    height: 250,
+  },
+  props: {
+    videoId: createTextProp({
+      label: "Video ID",
+      description: "VideoId of the Youtube video.",
+      defaultValue: "nwMUpDESXrI",
+    }),
+    playlist: createTextProp({
+      label: "Playlist",
+      description: "Playlist of the Youtube videos.",
+      defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks",
+    }),
+    mute: createStaticBoolProp({
+      label: "Mute Audio",
+      description: "Mute the audio of the video.",
+      defaultValue: false,
+      required: false,
+    }),
+    autoplay: createStaticBoolProp({
+      label: "Auto Play",
+      description: "Autoplay the video on load.",
+      defaultValue: false,
+      required: false,
+    }),
+  },
+};

package/lib/commonjs/mappings/HtmlElements.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@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: _types.BLOCK_STYLES_SECTIONS,
-  category: _types.COMPONENT_TYPES.webelement
-};
-const TEXT_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: _types.COMPONENT_TYPES.text,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
-  layout: {
-    color: "strong"
-  },
-  props: {
-    children: {
-      group: _types.GROUPS.data,
-      label: "Text",
-      description: "Text",
-      defaultValue: "Double click me to edit 👀",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING
-    },
-    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: true
-    }
-  }
-};
-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: _types.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: (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"]
-    }
-  },
-  category: _types.COMPONENT_TYPES.webelement
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/HtmlElements.js

@@ -1,153 +0,0 @@
-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/lib/typescript/src/mappings/HtmlElements.d.ts

@@ -1,109 +0,0 @@
-export declare const SEED_DATA: ({
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        color: string;
-    };
-    props: {
-        children: {
-            group: string;
-            label: string;
-            description: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-        };
-        accessibilityLabel: {
-            group: string;
-            name: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-        };
-        selectable: {
-            group: string;
-            name: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-        };
-    };
-    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;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-        children: {
-            group: string;
-            label: string;
-            description: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-        };
-        accessibilityLabel: {
-            group: string;
-            name: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-        };
-        selectable: {
-            group: string;
-            name: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-        };
-    };
-    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

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

package/src/mappings/HtmlElements.js

@@ -1,180 +0,0 @@
-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,
-    },
-];