@draftbit/core 46.10.3-61c083.2 → 46.10.3-6c7505.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,
-    },
-  },
-};

package/src/mappings/BottomSheet.js

@@ -1,63 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, createStaticNumberProp, createArrayProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Bottom Sheet",
-    tag: "BottomSheet",
-    description: "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
-    category: COMPONENT_TYPES.bottomsheet,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    triggers: [Triggers.OnSettle],
-    props: {
-        onSettle: createActionProp({
-            label: "On settle",
-            description: "Action to execute when sheet settles on a snap point",
-        }),
-        snapPoints: createArrayProp({
-            label: "Snap points",
-            description: "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
-            defaultValue: ["10%", "50%", "80%"],
-        }),
-        initialSnapIndex: createStaticNumberProp({
-            label: "Initial snap index",
-            description: "Index of the snap point to be used as the initial point",
-            defaultValue: 0,
-            required: false,
-        }),
-        showHandle: createStaticBoolProp({
-            label: "Show handle",
-            description: "Whether to show the top sheet handle or not",
-            defaultValue: true,
-        }),
-        handleColor: createColorProp({
-            label: "Handle color",
-            description: "Color of the top handle",
-            defaultValue: "divider",
-        }),
-        topBorderRadius: createStaticNumberProp({
-            label: "Top border radius",
-            description: "Border radius of top corners",
-            defaultValue: 20,
-            required: false,
-        }),
-        borderWidth: createStaticNumberProp({
-            label: "Border width",
-            description: "Width of bottom sheet borders",
-            defaultValue: 1,
-            required: false,
-        }),
-        borderColor: createColorProp({
-            label: "Border color",
-            description: "Color of bottom sheet borders",
-            defaultValue: "divider",
-        }),
-        showsVerticalScrollIndicator: createStaticBoolProp({
-            label: "Show Vertical Scroll Indicator",
-            description: "When true, shows a vertical scroll indicator. The default value is true.",
-            defaultValue: true,
-        }),
-        bounces: createStaticBoolProp({
-            label: "Bounce",
-            description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
-            defaultValue: true,
-        }),
-    },
-};