@draftbit/core 46.4.4-6af1ae.2 → 46.4.4-6ea8db.2

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

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle } from "react-native";
-declare type Props = {
-    videoId: string;
-    playlist: string;
-    style: StyleProp<ViewStyle>;
-    mute: boolean;
-    autoplay: boolean;
-};
-declare const Youtube: ({ videoId, playlist, style, mute, autoplay }: Props) => JSX.Element;
-export default Youtube;
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    layout: {
-        width: string;
-    };
-    props: {
-        videoId: any;
-        playlist: any;
-        mute: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        autoplay: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-};

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

@@ -1,36 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    doc_link: string;
-    code_link: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        height: number;
-    };
-    props: {
-        videoId: any;
-        playlist: any;
-        mute: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        autoplay: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-};

package/src/components/Youtube.js

@@ -1,38 +0,0 @@
-import { COMPONENT_TYPES, createBoolProp, createTextProp, } from "@draftbit/types";
-import React from "react";
-import YoutubePlayer from "react-native-youtube-iframe";
-import { extractStyles } from "../utilities";
-const Youtube = ({ videoId, playlist, style, mute, autoplay }) => {
-    const { viewStyles: { height, width }, } = extractStyles(style);
-    return (React.createElement(YoutubePlayer, { height: height, width: width, play: autoplay, videoId: videoId, playList: playlist, mute: mute }));
-};
-export default Youtube;
-export const SEED_DATA = {
-    name: "Youtube",
-    tag: "Youtube",
-    description: "Youtube Component",
-    category: COMPONENT_TYPES.media,
-    layout: {
-        width: "100%",
-    },
-    props: {
-        videoId: createTextProp({
-            label: "VideoId",
-            description: "Youtube Video ID",
-        }),
-        playlist: createTextProp({
-            label: "PlayList",
-            description: "Playlist ID",
-        }),
-        mute: createBoolProp({
-            label: "Mute",
-            description: "Whether to mute video",
-            defaultValue: false,
-        }),
-        autoplay: createBoolProp({
-            label: "Autoplay",
-            description: "Whether to Autoplay video",
-            defaultValue: false,
-        }),
-    },
-};

package/src/components/Youtube.tsx

@@ -1,66 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createBoolProp,
-  createTextProp,
-} from "@draftbit/types";
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import YoutubePlayer from "react-native-youtube-iframe";
-import { extractStyles } from "../utilities";
-
-type Props = {
-  videoId: string;
-  playlist: string;
-  style: StyleProp<ViewStyle>;
-  mute: boolean;
-  autoplay: boolean;
-};
-
-const Youtube = ({ videoId, playlist, style, mute, autoplay }: Props) => {
-  const {
-    viewStyles: { height, width },
-  } = extractStyles(style);
-
-  return (
-    <YoutubePlayer
-      height={height}
-      width={width}
-      play={autoplay}
-      videoId={videoId}
-      playList={playlist}
-      mute={mute}
-    />
-  );
-};
-
-export default Youtube;
-
-export const SEED_DATA = {
-  name: "Youtube",
-  tag: "Youtube",
-  description: "Youtube Component",
-  category: COMPONENT_TYPES.media,
-  layout: {
-    width: "100%",
-  },
-  props: {
-    videoId: createTextProp({
-      label: "VideoId",
-      description: "Youtube Video ID",
-    }),
-    playlist: createTextProp({
-      label: "PlayList",
-      description: "Playlist ID",
-    }),
-    mute: createBoolProp({
-      label: "Mute",
-      description: "Whether to mute video",
-      defaultValue: false,
-    }),
-    autoplay: createBoolProp({
-      label: "Autoplay",
-      description: "Whether to Autoplay video",
-      defaultValue: false,
-    }),
-  },
-};

package/src/mappings/Youtube.js

@@ -1,33 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, createTextProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Youtube",
-    tag: "Youtube",
-    description: "Given a VideoId orPlaylist and play Youtube video",
-    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: [StylesPanelSections.Size, StylesPanelSections.Position],
-    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.",
-        }),
-        autoplay: createStaticBoolProp({
-            label: "Auto Play",
-            description: "Autoplay the video on load.",
-        }),
-    },
-};

package/src/mappings/Youtube.ts

@@ -1,39 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createStaticBoolProp,
-  createTextProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Youtube",
-  tag: "Youtube",
-  description: "Given a VideoId orPlaylist and play Youtube video",
-  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: [StylesPanelSections.Size, StylesPanelSections.Position],
-  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.",
-    }),
-    autoplay: createStaticBoolProp({
-      label: "Auto Play",
-      description: "Autoplay the video on load.",
-    }),
-  },
-};