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

package/src/mappings/ToggleButton.js

@@ -1,50 +1,62 @@
-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,17 +1,22 @@
-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,81 +1,94 @@
-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,
+    }),
+  },
 };