@draftbit/core 47.2.4-0579fd.2 → 47.2.4-422bfd.2

package/src/mappings/ActionSheetCancel.js

@@ -1,23 +0,0 @@
-import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Action Sheet Cancel",
-    tag: "ActionSheetCancel",
-    description: "Action Sheet cancel",
-    stylesPanelSections: [
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    category: COMPONENT_TYPES.actionsheet,
-    triggers: [Triggers.OnPress],
-    props: {
-        onPress: createActionProp(),
-        label: createTextProp({
-            group: GROUPS.basic,
-            label: "Label",
-            defaultValue: "Cancel",
-        }),
-        color: createColorProp({
-            label: "Font Color",
-        }),
-    },
-};

package/src/mappings/ActionSheetCancel.ts

@@ -1,32 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createActionProp,
-  createColorProp,
-  createTextProp,
-  GROUPS,
-  Triggers,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Action Sheet Cancel",
-  tag: "ActionSheetCancel",
-  description: "Action Sheet cancel",
-  stylesPanelSections: [
-    StylesPanelSections.Margins,
-    StylesPanelSections.Effects,
-  ],
-  category: COMPONENT_TYPES.actionsheet,
-  triggers: [Triggers.OnPress],
-  props: {
-    onPress: createActionProp(),
-    label: createTextProp({
-      group: GROUPS.basic,
-      label: "Label",
-      defaultValue: "Cancel",
-    }),
-    color: createColorProp({
-      label: "Font Color",
-    }),
-  },
-};

package/src/mappings/ActionSheetItem.js

@@ -1,27 +0,0 @@
-import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Action Sheet Item",
-    tag: "ActionSheetItem",
-    description: "Action Sheet item",
-    category: COMPONENT_TYPES.actionsheet,
-    stylesPanelSections: [
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    triggers: [Triggers.OnPress],
-    layout: {
-        textAlign: "center",
-    },
-    props: {
-        onPress: createActionProp(),
-        label: createTextProp({
-            group: GROUPS.basic,
-            label: "Label",
-            defaultValue: "Option",
-        }),
-        color: createColorProp({
-            label: "Font Color",
-            defaultValue: "strong",
-        }),
-    },
-};

package/src/mappings/ActionSheetItem.ts

@@ -1,36 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createActionProp,
-  createColorProp,
-  createTextProp,
-  GROUPS,
-  Triggers,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Action Sheet Item",
-  tag: "ActionSheetItem",
-  description: "Action Sheet item",
-  category: COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [
-    StylesPanelSections.Margins,
-    StylesPanelSections.Effects,
-  ],
-  triggers: [Triggers.OnPress],
-  layout: {
-    textAlign: "center",
-  },
-  props: {
-    onPress: createActionProp(),
-    label: createTextProp({
-      group: GROUPS.basic,
-      label: "Label",
-      defaultValue: "Option",
-    }),
-    color: createColorProp({
-      label: "Font Color",
-      defaultValue: "strong",
-    }),
-  },
-};

package/src/mappings/ActivityIndicator.js

@@ -1,58 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Activity Indicator",
-    tag: "ActivityIndicator",
-    description: "Displays a circular loading indicator.",
-    doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
-    code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-    category: COMPONENT_TYPES.utility,
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Borders,
-    ],
-    layout: { width: 36, height: 36 },
-    props: {
-        size: {
-            label: "Size",
-            description: "The size of the loading indicator (Default: small)",
-            options: ["small", "large"],
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            editable: true,
-            required: false,
-            defaultValue: "small",
-            group: GROUPS.basic,
-        },
-        animating: {
-            label: "Spinning",
-            description: "Whether to show the loading indicator (Default: true)",
-            formType: FORM_TYPES.boolean,
-            propType: PROP_TYPES.BOOLEAN,
-            editable: true,
-            required: false,
-            defaultValue: true,
-            group: GROUPS.basic,
-        },
-        hidesWhenStopped: {
-            label: "Hide When Stopped",
-            description: "Whether the indicator should hide when not animating (Default: true)",
-            formType: FORM_TYPES.boolean,
-            propType: PROP_TYPES.BOOLEAN,
-            editable: true,
-            required: false,
-            defaultValue: true,
-            group: GROUPS.basic,
-        },
-        color: {
-            label: "Color",
-            description: "The color of the loading indicator (Default: gray)",
-            formType: FORM_TYPES.color,
-            propType: PROP_TYPES.THEME,
-            editable: true,
-            required: false,
-            defaultValue: null,
-            group: GROUPS.basic,
-        },
-    },
-};

package/src/mappings/ActivityIndicator.ts

@@ -1,68 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  GROUPS,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Activity Indicator",
-  tag: "ActivityIndicator",
-  description: "Displays a circular loading indicator.",
-  doc_link:
-    "https://docs.expo.io/versions/latest/react-native/activityindicator/",
-  code_link:
-    "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-  category: COMPONENT_TYPES.utility,
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Borders,
-  ],
-  layout: { width: 36, height: 36 },
-  props: {
-    size: {
-      label: "Size",
-      description: "The size of the loading indicator (Default: small)",
-      options: ["small", "large"],
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      editable: true,
-      required: false,
-      defaultValue: "small",
-      group: GROUPS.basic,
-    },
-    animating: {
-      label: "Spinning",
-      description: "Whether to show the loading indicator (Default: true)",
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      editable: true,
-      required: false,
-      defaultValue: true,
-      group: GROUPS.basic,
-    },
-    hidesWhenStopped: {
-      label: "Hide When Stopped",
-      description:
-        "Whether the indicator should hide when not animating (Default: true)",
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      editable: true,
-      required: false,
-      defaultValue: true,
-      group: GROUPS.basic,
-    },
-    color: {
-      label: "Color",
-      description: "The color of the loading indicator (Default: gray)",
-      formType: FORM_TYPES.color,
-      propType: PROP_TYPES.THEME,
-      editable: true,
-      required: false,
-      defaultValue: null,
-      group: GROUPS.basic,
-    },
-  },
-};

package/src/mappings/AudioPlayer.js

@@ -1,57 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Audio Player",
-    tag: "AudioPlayer",
-    description: "Given a source URL, plays sounds & audio!",
-    category: COMPONENT_TYPES.media,
-    stylesPanelSections: [
-        StylesPanelSections.Typography,
-        StylesPanelSections.Background,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-    ],
-    layout: {
-        backgroundColor: "#eee",
-        paddingLeft: 16,
-        paddingRight: 16,
-        paddingTop: 8,
-        paddingBottom: 8,
-        borderRadius: 24,
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    props: {
-        source: {
-            group: GROUPS.data,
-            label: "Source",
-            description: "The source URL for the audio file.",
-            editable: true,
-            required: true,
-            defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
-            formType: FORM_TYPES.sourceUrl,
-            propType: PROP_TYPES.OBJECT,
-        },
-        sliderColor: createColorProp({
-            label: "Thumb Color",
-            defaultValue: "strong",
-        }),
-        completedTrackColor: createColorProp({
-            label: "Completed Track Color",
-            defaultValue: "background",
-        }),
-        remainingTrackColor: createColorProp({
-            label: "Remaining Track Color",
-            defaultValue: "light",
-        }),
-        trackThumbSize: createNumberProp({
-            label: "Thumb Size",
-            defaultValue: 24,
-        }),
-        playIconColor: createColorProp({
-            label: "Play Icon Color",
-            defaultValue: "strong",
-        }),
-    },
-};

package/src/mappings/AudioPlayer.ts

@@ -1,67 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  StylesPanelSections,
-  createColorProp,
-  createNumberProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Audio Player",
-  tag: "AudioPlayer",
-  description: "Given a source URL, plays sounds & audio!",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: [
-    StylesPanelSections.Typography,
-    StylesPanelSections.Background,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-  ],
-  layout: {
-    backgroundColor: "#eee",
-    paddingLeft: 16,
-    paddingRight: 16,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 24,
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  props: {
-    source: {
-      group: GROUPS.data,
-      label: "Source",
-      description: "The source URL for the audio file.",
-      editable: true,
-      required: true,
-      defaultValue:
-        "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
-      formType: FORM_TYPES.sourceUrl,
-      propType: PROP_TYPES.OBJECT,
-    },
-    sliderColor: createColorProp({
-      label: "Thumb Color",
-      defaultValue: "strong",
-    }),
-    completedTrackColor: createColorProp({
-      label: "Completed Track Color",
-      defaultValue: "background",
-    }),
-    remainingTrackColor: createColorProp({
-      label: "Remaining Track Color",
-      defaultValue: "light",
-    }),
-    trackThumbSize: createNumberProp({
-      label: "Thumb Size",
-      defaultValue: 24,
-    }),
-    playIconColor: createColorProp({
-      label: "Play Icon Color",
-      defaultValue: "strong",
-    }),
-  },
-};

package/src/mappings/AvatarEdit.js

@@ -1,38 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Avatar Edit",
-    tag: "AvatarEdit",
-    description: "An avatar with an edit icon in the top right",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {
-        width: 64,
-        height: 64,
-    },
-    props: {
-        size: {
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Size of avatar / width, height",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-            min: 0,
-            max: 300,
-            precision: 0,
-            step: 1,
-            defaultValue: 80,
-        },
-        image: {
-            group: GROUPS.data,
-            label: "Image",
-            description: "Name of the image",
-            editable: true,
-            required: true,
-            formType: FORM_TYPES.image,
-            propType: PROP_TYPES.ASSET,
-            defaultValue: "brightness-5",
-        },
-    },
-};

package/src/mappings/AvatarEdit.ts

@@ -1,45 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Avatar Edit",
-  tag: "AvatarEdit",
-  description: "An avatar with an edit icon in the top right",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    width: 64,
-    height: 64,
-  },
-  props: {
-    size: {
-      group: GROUPS.basic,
-      label: "Size",
-      description: "Size of avatar / width, height",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      min: 0,
-      max: 300,
-      precision: 0,
-      step: 1,
-      defaultValue: 80,
-    },
-    image: {
-      group: GROUPS.data,
-      label: "Image",
-      description: "Name of the image",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.image,
-      propType: PROP_TYPES.ASSET,
-      defaultValue: "brightness-5",
-    },
-  },
-};

package/src/mappings/Banner.js

@@ -1,32 +0,0 @@
-import { COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createTextProp, GROUPS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Banner",
-    tag: "Banner",
-    category: COMPONENT_TYPES.deprecated,
-    props: {
-        icon: createIconProp({
-            defaultValue: null,
-            required: false,
-        }),
-        content: createTextProp({
-            label: "Content",
-            description: "Banner text content",
-        }),
-        initiallyVisible: createBoolProp({
-            group: GROUPS.basic,
-            label: "Initially visible",
-            description: "Whether the banner should be visible",
-            defaultValue: true,
-        }),
-        dismissable: createBoolProp({
-            group: GROUPS.basic,
-            label: "Dismissable",
-            description: "Whether the banner should be able to be closed",
-            defaultValue: true,
-        }),
-        buttonColor: createColorProp({
-            label: "Button color",
-            defaultValue: "primary",
-        }),
-    },
-};

package/src/mappings/Banner.ts

@@ -1,40 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createIconProp,
-  createBoolProp,
-  createColorProp,
-  createTextProp,
-  GROUPS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Banner",
-  tag: "Banner",
-  category: COMPONENT_TYPES.deprecated,
-  props: {
-    icon: createIconProp({
-      defaultValue: null,
-      required: false,
-    }),
-    content: createTextProp({
-      label: "Content",
-      description: "Banner text content",
-    }),
-    initiallyVisible: createBoolProp({
-      group: GROUPS.basic,
-      label: "Initially visible",
-      description: "Whether the banner should be visible",
-      defaultValue: true,
-    }),
-    dismissable: createBoolProp({
-      group: GROUPS.basic,
-      label: "Dismissable",
-      description: "Whether the banner should be able to be closed",
-      defaultValue: true,
-    }),
-    buttonColor: createColorProp({
-      label: "Button color",
-      defaultValue: "primary",
-    }),
-  },
-};

package/src/mappings/BlurView.js

@@ -1,42 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Blur View",
-    tag: "BlurView",
-    description: "Expo Blur View",
-    doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
-    code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        flexGrow: 1,
-        flexShrink: 1,
-        flexBasis: 0,
-    },
-    props: {
-        tint: {
-            label: "Tint",
-            description: "The tint of the blur view",
-            editable: true,
-            required: true,
-            defaultValue: "default",
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            options: ["default", "light", "dark"],
-            group: GROUPS.basic,
-        },
-        intensity: {
-            label: "Intensity",
-            description: "A number from 1 to 100 that controls the intensity of the blur effect",
-            editable: true,
-            required: true,
-            defaultValue: 50,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            group: GROUPS.basic,
-        },
-    },
-};

package/src/mappings/BlurView.ts

@@ -1,51 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  GROUPS,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Blur View",
-  tag: "BlurView",
-  description: "Expo Blur View",
-  doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
-  code_link:
-    "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: 0,
-  },
-  props: {
-    tint: {
-      label: "Tint",
-      description: "The tint of the blur view",
-      editable: true,
-      required: true,
-      defaultValue: "default",
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      options: ["default", "light", "dark"],
-      group: GROUPS.basic,
-    },
-    intensity: {
-      label: "Intensity",
-      description:
-        "A number from 1 to 100 that controls the intensity of the blur effect",
-      editable: true,
-      required: true,
-      defaultValue: 50,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      group: GROUPS.basic,
-    },
-  },
-};