@draftbit/core 46.4.4-caab07.0 → 46.4.4-cc754a.2

package/src/mappings/ToggleButton.js

@@ -1,62 +1,50 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  createIconProp,
-  createBoolProp,
-  createColorProp,
-  createStaticNumberProp,
-  createFieldNameProp,
-  createIconSizeProp,
-  createActionProp,
-  Triggers,
-  StylesPanelSections,
-} from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Toggle Button",
-  tag: "ToggleButton",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [
-    StylesPanelSections.Margins,
-    StylesPanelSections.Effects,
-    StylesPanelSections.Position,
-  ],
-  layout: {},
-  triggers: [Triggers.OnPress],
-  props: {
-    onPress: createActionProp(),
-    icon: createIconProp({
-      required: true,
-    }),
-    iconSize: createIconSizeProp(),
-    fieldName: createFieldNameProp({
-      defaultValue: false,
-      valuePropName: "toggled",
-    }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      description: "Whether the button should be disabled",
-      group: GROUPS.basic,
-    }),
-    color: createColorProp({
-      group: GROUPS.basic,
-    }),
-    colorSecondary: createColorProp({
-      label: "Secondary Color",
-      group: GROUPS.basic,
-    }),
-    borderColor: createColorProp({
-      label: "Border Color",
-      group: GROUPS.basic,
-    }),
-    width: createStaticNumberProp({
-      label: "Width",
-      description: "Width",
-      defaultValue: 50,
-    }),
-    height: createStaticNumberProp({
-      label: "Height",
-      description: "Height",
-      defaultValue: 50,
-    }),
-  },
+    name: "Toggle Button",
+    tag: "ToggleButton",
+    category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: [
+        StylesPanelSections.Margins,
+        StylesPanelSections.Effects,
+        StylesPanelSections.Position,
+    ],
+    layout: {},
+    triggers: [Triggers.OnPress],
+    props: {
+        onPress: createActionProp(),
+        icon: createIconProp({
+            required: true,
+        }),
+        iconSize: createIconSizeProp(),
+        fieldName: createFieldNameProp({
+            defaultValue: false,
+            valuePropName: "toggled",
+        }),
+        disabled: createBoolProp({
+            label: "Disabled",
+            description: "Whether the button should be disabled",
+            group: GROUPS.basic,
+        }),
+        color: createColorProp({
+            group: GROUPS.basic,
+        }),
+        colorSecondary: createColorProp({
+            label: "Secondary Color",
+            group: GROUPS.basic,
+        }),
+        borderColor: createColorProp({
+            label: "Border Color",
+            group: GROUPS.basic,
+        }),
+        width: createStaticNumberProp({
+            label: "Width",
+            description: "Width",
+            defaultValue: 50,
+        }),
+        height: createStaticNumberProp({
+            label: "Height",
+            description: "Height",
+            defaultValue: 50,
+        }),
+    },
 };

package/src/mappings/Touchable.js

@@ -1,22 +1,17 @@
-import {
-  COMPONENT_TYPES,
-  createActionProp,
-  Triggers,
-  StylesPanelSections,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Touchable",
-  tag: "Touchable",
-  description: "Simple button with no styles",
-  category: COMPONENT_TYPES.button,
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Borders,
-  ],
-  layout: {},
-  triggers: [Triggers.OnPress],
-  props: {
-    onPress: createActionProp(),
-  },
+    name: "Touchable",
+    tag: "Touchable",
+    description: "Simple button with no styles",
+    category: COMPONENT_TYPES.button,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Borders,
+    ],
+    layout: {},
+    triggers: [Triggers.OnPress],
+    props: {
+        onPress: createActionProp(),
+    },
 };

package/src/mappings/Video.js

@@ -1,94 +1,81 @@
-import {
-  COMPONENT_TYPES,
-  createStaticBoolProp,
-  createSourceProp,
-  createResizeModeProp,
-  createNumberProp,
-  GROUPS,
-  StylesPanelSections,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, createSourceProp, createResizeModeProp, createNumberProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Video",
-  tag: "Video",
-  description: "Given a URL, display a video",
-  doc_link: "https://docs.expo.io/versions/latest/sdk/video/",
-  code_link:
-    "https://github.com/expo/expo/blob/master/packages/expo-av/src/Video.tsx",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Background,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  layout: {
-    height: 215,
-  },
-  props: {
-    source: createSourceProp({
-      label: "Source",
-      description: "The source of the video data to display.",
-      defaultValue: "http://static.draftbit.com/videos/intro-to-draftbit.mp4",
-    }),
-    usePoster: createStaticBoolProp({
-      label: "Use Thumbnail",
-      description: "Show a thumbnail before the video starts.",
-      defaultValue: false,
-    }),
-    posterSource: createSourceProp({
-      label: "Thumbnail Source",
-      description:
-        "The optional image to display over the video while it is loading.",
-      defaultValue: null,
-      required: false,
-    }),
-    resizeMode: createResizeModeProp(),
-    isMuted: createStaticBoolProp({
-      label: "Mute Audio",
-      description: "Mute the audio of the video.",
-    }),
-    useNativeControls: createStaticBoolProp({
-      label: "Use Native Controls",
-      description:
-        "Display the playback controls, allowing users to play or pause the video.",
-      defaultValue: true,
-    }),
-    shouldPlay: createStaticBoolProp({
-      label: "Play Automatically",
-      description: "Start playing the video after loading is finished.",
-    }),
-    isLooping: createStaticBoolProp({
-      label: "Loop Video",
-      description: "Automatically replay the video.",
-    }),
-    positionMillis: createNumberProp({
-      label: "Starting Point",
-      description: "Set a certian starting point of the video",
-      min: 0,
-      step: 0.01,
-      precision: 2,
-      group: GROUPS.basic,
-    }),
-    rate: createNumberProp({
-      label: "Playback Rate",
-      description:
-        "The playback rate of the media. This value must be between 0.0 and 32.0 (Default: 1)",
-      min: 0,
-      max: 32,
-      step: 0.25,
-      precision: 2,
-      group: GROUPS.basic,
-    }),
-    volume: createNumberProp({
-      label: "Volume",
-      description:
-        "The volume of the audio for this media. This value must be between 0.0 (silence) and 1.0 (maximum volume). (Default: .5)",
-      min: 0,
-      max: 1,
-      step: 0.1,
-      precision: 1,
-      group: GROUPS.basic,
-    }),
-  },
+    name: "Video",
+    tag: "Video",
+    description: "Given a URL, display a video",
+    doc_link: "https://docs.expo.io/versions/latest/sdk/video/",
+    code_link: "https://github.com/expo/expo/blob/master/packages/expo-av/src/Video.tsx",
+    category: COMPONENT_TYPES.media,
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Background,
+        StylesPanelSections.Position,
+        StylesPanelSections.Effects,
+    ],
+    layout: {
+        height: 215,
+    },
+    props: {
+        source: createSourceProp({
+            label: "Source",
+            description: "The source of the video data to display.",
+            defaultValue: "http://static.draftbit.com/videos/intro-to-draftbit.mp4",
+        }),
+        usePoster: createStaticBoolProp({
+            label: "Use Thumbnail",
+            description: "Show a thumbnail before the video starts.",
+            defaultValue: false,
+        }),
+        posterSource: createSourceProp({
+            label: "Thumbnail Source",
+            description: "The optional image to display over the video while it is loading.",
+            defaultValue: null,
+            required: false,
+        }),
+        resizeMode: createResizeModeProp(),
+        isMuted: createStaticBoolProp({
+            label: "Mute Audio",
+            description: "Mute the audio of the video.",
+        }),
+        useNativeControls: createStaticBoolProp({
+            label: "Use Native Controls",
+            description: "Display the playback controls, allowing users to play or pause the video.",
+            defaultValue: true,
+        }),
+        shouldPlay: createStaticBoolProp({
+            label: "Play Automatically",
+            description: "Start playing the video after loading is finished.",
+        }),
+        isLooping: createStaticBoolProp({
+            label: "Loop Video",
+            description: "Automatically replay the video.",
+        }),
+        positionMillis: createNumberProp({
+            label: "Starting Point",
+            description: "Set a certian starting point of the video",
+            min: 0,
+            step: 0.01,
+            precision: 2,
+            group: GROUPS.basic,
+        }),
+        rate: createNumberProp({
+            label: "Playback Rate",
+            description: "The playback rate of the media. This value must be between 0.0 and 32.0 (Default: 1)",
+            min: 0,
+            max: 32,
+            step: 0.25,
+            precision: 2,
+            group: GROUPS.basic,
+        }),
+        volume: createNumberProp({
+            label: "Volume",
+            description: "The volume of the audio for this media. This value must be between 0.0 (silence) and 1.0 (maximum volume). (Default: .5)",
+            min: 0,
+            max: 1,
+            step: 0.1,
+            precision: 1,
+            group: GROUPS.basic,
+        }),
+    },
 };