@draftbit/core 46.8.1-a8280d.2 → 46.8.1-ae3332.2

package/src/mappings/LinearGradient.ts

@@ -3,6 +3,7 @@ import {
   FORM_TYPES,
   GROUPS,
   PROP_TYPES,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,6 +11,11 @@ export const SEED_DATA = {
   tag: "LinearGradient",
   description: "Linear Gradient Component",
   layout: { width: "100%", height: "100%" },
+  stylesPanelSections: [
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   props: {
     endY: {
       group: GROUPS.basic,

package/src/mappings/MapCallout.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Map Callout",
     tag: "MapCallout",
     packageName: "@draftbit/maps",
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     description: "An info window to display on top of a marker when it is clicked",
     category: COMPONENT_TYPES.map,
     triggers: [Triggers.OnPress],

package/src/mappings/MapCallout.ts

@@ -4,12 +4,14 @@ import {
   createBoolProp,
   GROUPS,
   Triggers,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",
   packageName: "@draftbit/maps",
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   description:
     "An info window to display on top of a marker when it is clicked",
   category: COMPONENT_TYPES.map,

package/src/mappings/MapMarker.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Map Marker",
     tag: "MapMarker",
     packageName: "@draftbit/maps",
     description: "A marker to show inside map view",
     category: COMPONENT_TYPES.map,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {},
     props: {
         latitude: createNumberProp({

package/src/mappings/MapMarker.ts

@@ -5,6 +5,7 @@ import {
   createNumberProp,
   createTextProp,
   GROUPS,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,6 +14,7 @@ export const SEED_DATA = {
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
   category: COMPONENT_TYPES.map,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     latitude: createNumberProp({

package/src/mappings/MapView.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, FORM_TYPES, PROP_TYPES, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Map View",
     tag: "MapView",
     packageName: "@draftbit/maps",
     description: "A map view",
     category: COMPONENT_TYPES.map,
+    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
     layout: {
         flex: 1,
         width: "100%",

package/src/mappings/MapView.ts

@@ -7,6 +7,7 @@ import {
   GROUPS,
   FORM_TYPES,
   PROP_TYPES,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,6 +16,7 @@ export const SEED_DATA = {
   packageName: "@draftbit/maps",
   description: "A map view",
   category: COMPONENT_TYPES.map,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
   layout: {
     flex: 1,
     width: "100%",

package/src/mappings/Swiper.js

@@ -1,9 +1,18 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper",
     tag: "Swiper",
     description: "Swiper container",
     category: COMPONENT_TYPES.swiper,
+    stylesPanelSections: [
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     layout: {
         height: 300,
         width: "100%",

package/src/mappings/Swiper.ts

@@ -7,6 +7,7 @@ import {
   GROUPS,
   Triggers,
   createActionProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -14,6 +15,15 @@ export const SEED_DATA = {
   tag: "Swiper",
   description: "Swiper container",
   category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: [
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     height: 300,
     width: "100%",

package/src/mappings/SwiperItem.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper Item",
     tag: "SwiperItem",
     description: "Swiper item",
     category: COMPONENT_TYPES.swiper,
     props: {},
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };

package/src/mappings/SwiperItem.ts

@@ -1,4 +1,7 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Swiper Item",
@@ -6,4 +9,5 @@ export const SEED_DATA = {
   description: "Swiper item",
   category: COMPONENT_TYPES.swiper,
   props: {},
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };

package/src/mappings/TextArea.js

@@ -1,9 +1,18 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Text Area",
     tag: "TextInput",
     description: "An input field that allows for multiple lines.",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     layout: {
         borderLeftWidth: 1,
         borderRightWidth: 1,

package/src/mappings/TextArea.ts

@@ -6,6 +6,7 @@ import {
   FIELD_NAME,
   Triggers,
   createDisabledProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,6 +14,15 @@ export const SEED_DATA = {
   tag: "TextInput",
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     borderLeftWidth: 1,
     borderRightWidth: 1,

package/src/mappings/TextField.js

@@ -302,6 +302,15 @@ export const SEED_DATA = [
         preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
         supports_list_render: false,
         triggers: SEED_DATA_TRIGGERS,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Effects,
+        ],
         props: {
             ...SEED_DATA_PROPS,
             type: {

package/src/mappings/TextField.ts

@@ -324,6 +324,15 @@ export const SEED_DATA = [
     preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
     supports_list_render: false,
     triggers: SEED_DATA_TRIGGERS,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Effects,
+    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {

package/lib/commonjs/components/YotubePlayer.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeYoutubeIframe = _interopRequireDefault(require("react-native-youtube-iframe"));
-var _utilities = require("../utilities");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const YoutubePlayer = _ref => {
-  let {
-    videoId,
-    playlist,
-    mute = false,
-    autoplay = false,
-    style
-  } = _ref;
-  const {
-    viewStyles
-  } = (0, _utilities.extractStyles)(style);
-  const {
-    height,
-    width
-  } = viewStyles;
-  return /*#__PURE__*/_react.default.createElement(_reactNativeYoutubeIframe.default, {
-    height: height,
-    width: width,
-    play: autoplay,
-    videoId: videoId,
-    playList: playlist,
-    mute: mute,
-    webViewStyle: style
-  });
-};
-var _default = YoutubePlayer;
-exports.default = _default;

package/lib/commonjs/mappings/YoutubePlayer.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-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: _types.COMPONENT_TYPES.media,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    height: 250
-  },
-  props: {
-    videoId: (0, _types.createTextProp)({
-      label: "Video ID",
-      description: "VideoId of the Youtube video.",
-      defaultValue: "nwMUpDESXrI"
-    }),
-    playlist: (0, _types.createTextProp)({
-      label: "Playlist",
-      description: "Playlist of the Youtube videos.",
-      defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks"
-    }),
-    mute: (0, _types.createStaticBoolProp)({
-      label: "Mute Audio",
-      description: "Mute the audio of the video.",
-      defaultValue: false,
-      required: false
-    }),
-    autoplay: (0, _types.createStaticBoolProp)({
-      label: "Auto Play",
-      description: "Autoplay the video on load.",
-      defaultValue: false,
-      required: false
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/YotubePlayer.js

@@ -1,29 +0,0 @@
-import React from "react";
-import YoutubePlayerComponent from "react-native-youtube-iframe";
-import { extractStyles } from "../utilities";
-const YoutubePlayer = _ref => {
-  let {
-    videoId,
-    playlist,
-    mute = false,
-    autoplay = false,
-    style
-  } = _ref;
-  const {
-    viewStyles
-  } = extractStyles(style);
-  const {
-    height,
-    width
-  } = viewStyles;
-  return /*#__PURE__*/React.createElement(YoutubePlayerComponent, {
-    height: height,
-    width: width,
-    play: autoplay,
-    videoId: videoId,
-    playList: playlist,
-    mute: mute,
-    webViewStyle: style
-  });
-};
-export default YoutubePlayer;

package/lib/module/mappings/YoutubePlayer.js

@@ -1,37 +0,0 @@
-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/typescript/src/components/YotubePlayer.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface YoutubePlayerProps {
-    videoId?: string;
-    playlist?: string;
-    mute?: boolean;
-    autoplay?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
-export default YoutubePlayer;
-//# sourceMappingURL=YotubePlayer.d.ts.map

package/lib/typescript/src/components/YotubePlayer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"YotubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/YotubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,37 +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;
-        };
-    };
-};
-//# sourceMappingURL=YoutubePlayer.d.ts.map

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

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

package/src/components/YotubePlayer.js

@@ -1,9 +0,0 @@
-import React from "react";
-import YoutubePlayerComponent from "react-native-youtube-iframe";
-import { extractStyles } from "../utilities";
-const YoutubePlayer = ({ videoId, playlist, mute = false, autoplay = false, style, }) => {
-    const { viewStyles } = extractStyles(style);
-    const { height, width } = viewStyles;
-    return (React.createElement(YoutubePlayerComponent, { height: height, width: width, play: autoplay, videoId: videoId, playList: playlist, mute: mute, webViewStyle: style }));
-};
-export default YoutubePlayer;

package/src/components/YotubePlayer.tsx

@@ -1,37 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import YoutubePlayerComponent from "react-native-youtube-iframe";
-import { extractStyles } from "../utilities";
-
-interface YoutubePlayerProps {
-  videoId?: string;
-  playlist?: string;
-  mute?: boolean;
-  autoplay?: boolean;
-  style?: StyleProp<ViewStyle>;
-}
-
-const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
-  videoId,
-  playlist,
-  mute = false,
-  autoplay = false,
-  style,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const { height, width } = viewStyles;
-
-  return (
-    <YoutubePlayerComponent
-      height={height}
-      width={width}
-      play={autoplay}
-      videoId={videoId}
-      playList={playlist}
-      mute={mute}
-      webViewStyle={style}
-    />
-  );
-};
-
-export default YoutubePlayer;

package/src/mappings/YoutubePlayer.js

@@ -1,37 +0,0 @@
-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

@@ -1,43 +0,0 @@
-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,
-    }),
-  },
-};