@draftbit/core 46.10.3-61c083.2 → 46.10.3-6c7505.2

package/src/mappings/SafeAreaView.js

@@ -1,33 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "SafeAreaView",
-    tag: "SafeAreaView",
-    description: "A basic View that handles safe area",
-    category: COMPONENT_TYPES.deprecated,
-    props: {
-        edges: {
-            group: GROUPS.basic,
-            name: "edges",
-            label: "edges",
-            description: "Provides edges to be used by safe area view",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            options: ["right", "bottom", "left", "top"],
-            defaultValue: ["right", "bottom", "left", "top"],
-        },
-        mode: {
-            group: GROUPS.basic,
-            name: "mode",
-            label: "mode",
-            description: "Mode used by safe area view",
-            editable: true,
-            required: false,
-            options: ["padding", "margin"],
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            defaultValue: "padding",
-        },
-    },
-};

package/src/mappings/SafeAreaView.ts

@@ -1,39 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "SafeAreaView",
-  tag: "SafeAreaView",
-  description: "A basic View that handles safe area",
-  category: COMPONENT_TYPES.deprecated,
-  props: {
-    edges: {
-      group: GROUPS.basic,
-      name: "edges",
-      label: "edges",
-      description: "Provides edges to be used by safe area view",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      options: ["right", "bottom", "left", "top"],
-      defaultValue: ["right", "bottom", "left", "top"],
-    },
-    mode: {
-      group: GROUPS.basic,
-      name: "mode",
-      label: "mode",
-      description: "Mode used by safe area view",
-      editable: true,
-      required: false,
-      options: ["padding", "margin"],
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "padding",
-    },
-  },
-};

package/src/mappings/ScrollView.js

@@ -1,37 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Scroll View",
-    tag: "ScrollView",
-    description: "A basic ScrollView component",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {},
-    triggers: [Triggers.OnRefresh],
-    props: {
-        onRefresh: createActionProp(),
-        horizontal: createStaticBoolProp({
-            label: "Horizontal",
-            description: "Render your list horizontally",
-            defaultValue: false,
-        }),
-        showsHorizontalScrollIndicator: createStaticBoolProp({
-            label: "Show Horizontal Scroll Indicator",
-            description: "When true, shows a horizontal scroll indicator. The default value is true.",
-            defaultValue: true,
-        }),
-        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,
-        }),
-        refreshColor: createColorProp({
-            label: "Refreshing Color",
-            description: "Color of the refresh indicator",
-        }),
-    },
-};

package/src/mappings/ScrollView.ts

@@ -1,48 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createStaticBoolProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  Triggers,
-  createActionProp,
-  createColorProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Scroll View",
-  tag: "ScrollView",
-  description: "A basic ScrollView component",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {},
-  triggers: [Triggers.OnRefresh],
-  props: {
-    onRefresh: createActionProp(),
-    horizontal: createStaticBoolProp({
-      label: "Horizontal",
-      description: "Render your list horizontally",
-      defaultValue: false,
-    }),
-    showsHorizontalScrollIndicator: createStaticBoolProp({
-      label: "Show Horizontal Scroll Indicator",
-      description:
-        "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: true,
-    }),
-    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,
-    }),
-    refreshColor: createColorProp({
-      label: "Refreshing Color",
-      description: "Color of the refresh indicator",
-    }),
-  },
-};

package/src/mappings/Shadow.js

@@ -1,95 +0,0 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Shadow",
-    tag: "Shadow",
-    description: "A cross-platform, universal shadow.",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    props: {
-        disabled: createDisabledProp({
-            description: "Disables the shadow.",
-        }),
-        startColor: createColorProp({
-            label: "Start Color",
-            description: "The initial gradient color of the shadow.",
-            defaultValue: null,
-        }),
-        endColor: createColorProp({
-            label: "End Color",
-            description: "The final gradient color of the shadow.",
-            defaultValue: null,
-        }),
-        distance: createStaticNumberProp({
-            label: "Distance",
-            description: "The distance of the shadow.",
-        }),
-        paintInside: createStaticBoolProp({
-            label: "Paint Inside",
-            description: "Apply the shadow below/inside the content.",
-            defaultValue: false,
-        }),
-        stretch: createStaticBoolProp({
-            label: "Stretch",
-            description: "Force children to occupy all available horizontal space.",
-            defaultValue: null,
-        }),
-        offsetX: createStaticNumberProp({
-            label: "Offset X",
-            description: "Moves the shadow in the x direction",
-            defeaultValue: 0,
-        }),
-        offsetY: createStaticNumberProp({
-            label: "Offset Y",
-            description: "Moves the shadow in the y direction",
-            defeaultValue: 0,
-        }),
-        showShadowSideStart: createStaticBoolProp({
-            label: "Show Shadow Start",
-            description: "Whether to show shadow on the start side or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowSideEnd: createStaticBoolProp({
-            label: "Show Shadow End",
-            description: "Whether to show shadow on the end side or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowSideTop: createStaticBoolProp({
-            label: "Show Shadow Top",
-            description: "Whether to show shadow on the top side or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowSideBottom: createStaticBoolProp({
-            label: "Show Shadow Bottom",
-            description: "Whether to show shadow on the bottom side or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowCornerTopStart: createStaticBoolProp({
-            label: "Show Shadow Top Start Corner",
-            description: "Whether to show shadow on the top start corner or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowCornerTopEnd: createStaticBoolProp({
-            label: "Show Shadow Top End Corner",
-            description: "Whether to show shadow on the top end corner or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowCornerBottomStart: createStaticBoolProp({
-            label: "Show Shadow Bottom Start Corner",
-            description: "Whether to show shadow on the bottom start corner or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-        showShadowCornerBottomEnd: createStaticBoolProp({
-            label: "Show Shadow Bottom End Corner",
-            description: "Whether to show shadow on the bottom end corner or not",
-            defaultValue: true,
-            group: GROUPS.advanced,
-        }),
-    },
-};

package/src/mappings/Shadow.ts

@@ -1,104 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  createColorProp,
-  createStaticNumberProp,
-  createStaticBoolProp,
-  createDisabledProp,
-  GROUPS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow",
-  description: "A cross-platform, universal shadow.",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  props: {
-    disabled: createDisabledProp({
-      description: "Disables the shadow.",
-    }),
-    startColor: createColorProp({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null,
-    }),
-    endColor: createColorProp({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null,
-    }),
-    distance: createStaticNumberProp({
-      label: "Distance",
-      description: "The distance of the shadow.",
-    }),
-    paintInside: createStaticBoolProp({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: false,
-    }),
-    stretch: createStaticBoolProp({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null,
-    }),
-    offsetX: createStaticNumberProp({
-      label: "Offset X",
-      description: "Moves the shadow in the x direction",
-      defeaultValue: 0,
-    }),
-    offsetY: createStaticNumberProp({
-      label: "Offset Y",
-      description: "Moves the shadow in the y direction",
-      defeaultValue: 0,
-    }),
-    showShadowSideStart: createStaticBoolProp({
-      label: "Show Shadow Start",
-      description: "Whether to show shadow on the start side or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowSideEnd: createStaticBoolProp({
-      label: "Show Shadow End",
-      description: "Whether to show shadow on the end side or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowSideTop: createStaticBoolProp({
-      label: "Show Shadow Top",
-      description: "Whether to show shadow on the top side or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowSideBottom: createStaticBoolProp({
-      label: "Show Shadow Bottom",
-      description: "Whether to show shadow on the bottom side or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowCornerTopStart: createStaticBoolProp({
-      label: "Show Shadow Top Start Corner",
-      description: "Whether to show shadow on the top start corner or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowCornerTopEnd: createStaticBoolProp({
-      label: "Show Shadow Top End Corner",
-      description: "Whether to show shadow on the top end corner or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowCornerBottomStart: createStaticBoolProp({
-      label: "Show Shadow Bottom Start Corner",
-      description: "Whether to show shadow on the bottom start corner or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-    showShadowCornerBottomEnd: createStaticBoolProp({
-      label: "Show Shadow Bottom End Corner",
-      description: "Whether to show shadow on the bottom end corner or not",
-      defaultValue: true,
-      group: GROUPS.advanced,
-    }),
-  },
-};

package/src/mappings/Slider.js

@@ -1,60 +0,0 @@
-import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Slider",
-    tag: "Slider",
-    description: "A component used to set a value in a range",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {
-        marginLeft: 12,
-        marginRight: 12,
-    },
-    triggers: [Triggers.OnValueChange],
-    props: {
-        fieldName: createFieldNameProp({
-            defaultValue: "sliderValue",
-            handlerPropName: "onValueChange",
-            valuePropName: "value",
-        }),
-        minimumValue: createNumberProp({
-            group: GROUPS.basic,
-            label: "Min Value",
-            min: 0,
-            max: 1000,
-        }),
-        maximumValue: createNumberProp({
-            group: GROUPS.basic,
-            label: "Max Value",
-            min: 1,
-            max: 10000,
-        }),
-        step: createNumberProp({
-            group: GROUPS.basic,
-            label: "Step",
-            min: 0,
-            max: 100,
-            step: 0.01,
-            precision: 2,
-        }),
-        leftIcon: createIconProp({
-            label: "Left Icon",
-            defaultValue: null,
-        }),
-        rightIcon: createIconProp({
-            label: "Right Icon",
-            defaultValue: null,
-        }),
-        minimumTrackTintColor: createColorProp({
-            label: "Min Track Color",
-            defaultValue: null,
-        }),
-        maximumTrackTintColor: createColorProp({
-            label: "Max Track Color",
-            defaultValue: null,
-        }),
-        thumbTintColor: createColorProp({
-            label: "Thumb Color",
-            defaultValue: null,
-        }),
-    },
-};

package/src/mappings/Slider.ts

@@ -1,70 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  GROUPS,
-  createNumberProp,
-  createColorProp,
-  createFieldNameProp,
-  createIconProp,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Slider",
-  tag: "Slider",
-  description: "A component used to set a value in a range",
-  category: COMPONENT_TYPES.control,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    marginLeft: 12,
-    marginRight: 12,
-  },
-  triggers: [Triggers.OnValueChange],
-  props: {
-    fieldName: createFieldNameProp({
-      defaultValue: "sliderValue",
-      handlerPropName: "onValueChange",
-      valuePropName: "value",
-    }),
-    minimumValue: createNumberProp({
-      group: GROUPS.basic,
-      label: "Min Value",
-      min: 0,
-      max: 1000,
-    }),
-    maximumValue: createNumberProp({
-      group: GROUPS.basic,
-      label: "Max Value",
-      min: 1,
-      max: 10000,
-    }),
-    step: createNumberProp({
-      group: GROUPS.basic,
-      label: "Step",
-      min: 0,
-      max: 100,
-      step: 0.01,
-      precision: 2,
-    }),
-    leftIcon: createIconProp({
-      label: "Left Icon",
-      defaultValue: null,
-    }),
-    rightIcon: createIconProp({
-      label: "Right Icon",
-      defaultValue: null,
-    }),
-    minimumTrackTintColor: createColorProp({
-      label: "Min Track Color",
-      defaultValue: null,
-    }),
-    maximumTrackTintColor: createColorProp({
-      label: "Max Track Color",
-      defaultValue: null,
-    }),
-    thumbTintColor: createColorProp({
-      label: "Thumb Color",
-      defaultValue: null,
-    }),
-  },
-};

package/src/mappings/StarRating.js

@@ -1,43 +0,0 @@
-import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Star Rating",
-    tag: "StarRating",
-    description: "A star rating component",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    triggers: [Triggers.OnPress],
-    props: {
-        starSize: createStaticNumberProp({
-            label: "Star size",
-            description: "Size of each individual star",
-            defaultValue: 16,
-            min: 8,
-            max: 36,
-            step: 1,
-        }),
-        fieldName: createFieldNameProp({
-            defaultValue: "ratingValue",
-            handlerPropName: "onPress",
-            valuePropName: "rating", // the value prop in this component
-        }),
-        maxStars: createStaticNumberProp({
-            label: "Max stars",
-            description: "The max number of stars",
-            defaultValue: 5,
-            min: 0,
-            max: 10,
-            step: 1,
-        }),
-        isEditable: createStaticBoolProp({
-            label: "Editable",
-        }),
-        activeColor: createColorProp({
-            label: "Active Color",
-            defaultValue: "primary",
-        }),
-        inactiveColor: createColorProp({
-            label: "Inactive Color",
-            defaultValue: "divider",
-        }),
-    },
-};

package/src/mappings/StarRating.ts

@@ -1,52 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createStaticNumberProp,
-  createFieldNameProp,
-  createStaticBoolProp,
-  Triggers,
-  createColorProp,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Star Rating",
-  tag: "StarRating",
-  description: "A star rating component",
-  category: COMPONENT_TYPES.control,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  triggers: [Triggers.OnPress],
-  props: {
-    starSize: createStaticNumberProp({
-      label: "Star size",
-      description: "Size of each individual star",
-      defaultValue: 16,
-      min: 8,
-      max: 36,
-      step: 1,
-    }),
-    fieldName: createFieldNameProp({
-      defaultValue: "ratingValue", // this is the name of the variable declared on the screen in Draftbit
-      handlerPropName: "onPress", // the change handler prop in this component
-      valuePropName: "rating", // the value prop in this component
-    }),
-    maxStars: createStaticNumberProp({
-      label: "Max stars",
-      description: "The max number of stars",
-      defaultValue: 5,
-      min: 0,
-      max: 10,
-      step: 1,
-    }),
-    isEditable: createStaticBoolProp({
-      label: "Editable",
-    }),
-    activeColor: createColorProp({
-      label: "Active Color",
-      defaultValue: "primary",
-    }),
-    inactiveColor: createColorProp({
-      label: "Inactive Color",
-      defaultValue: "divider",
-    }),
-  },
-};

package/src/mappings/Stepper.js

@@ -1,32 +0,0 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Stepper",
-        tag: "Stepper",
-        description: "A component used to control the quantity of something",
-        category: COMPONENT_TYPES.control,
-        stylesPanelSections: [
-            StylesPanelSections.Typography,
-            ...BLOCK_STYLES_SECTIONS,
-        ],
-        layout: {},
-        triggers: [Triggers.OnChange],
-        props: {
-            fieldName: createFieldNameProp({
-                defaultValue: "stepperValue",
-                handlerPropName: "onChange",
-                valuePropName: "value",
-            }),
-            iconSize: createIconSizeProp({ defaultValue: 24 }),
-            iconColor: createColorProp({ defaultValue: "strong" }),
-            min: createStaticNumberProp({
-                label: "Minimum",
-                description: "Minimum Number",
-            }),
-            max: createStaticNumberProp({
-                label: "Maximum",
-                description: "Maximum Number",
-            }),
-        },
-    },
-];

package/src/mappings/Stepper.ts

@@ -1,42 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createIconSizeProp,
-  createColorProp,
-  createFieldNameProp,
-  createStaticNumberProp,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "Stepper",
-    tag: "Stepper",
-    description: "A component used to control the quantity of something",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [
-      StylesPanelSections.Typography,
-      ...BLOCK_STYLES_SECTIONS,
-    ],
-    layout: {},
-    triggers: [Triggers.OnChange],
-    props: {
-      fieldName: createFieldNameProp({
-        defaultValue: "stepperValue",
-        handlerPropName: "onChange",
-        valuePropName: "value",
-      }),
-      iconSize: createIconSizeProp({ defaultValue: 24 }),
-      iconColor: createColorProp({ defaultValue: "strong" }),
-      min: createStaticNumberProp({
-        label: "Minimum",
-        description: "Minimum Number",
-      }),
-      max: createStaticNumberProp({
-        label: "Maximum",
-        description: "Maximum Number",
-      }),
-    },
-  },
-];

package/src/mappings/Surface.js

@@ -1,14 +0,0 @@
-import { COMPONENT_TYPES, createElevationType, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Surface",
-    tag: "Surface",
-    description: "An elevated container",
-    category: COMPONENT_TYPES.container,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        minHeight: 40,
-    },
-    props: {
-        elevation: createElevationType(0),
-    },
-};