@draftbit/core 46.10.3-47314f.2 → 46.10.3-6c7505.2

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),
-    },
-};

package/src/mappings/Surface.ts

@@ -1,19 +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),
-  },
-};

package/src/mappings/Swiper.js

@@ -1,71 +0,0 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Swiper",
-    tag: "Swiper",
-    description: "Swiper container",
-    category: COMPONENT_TYPES.swiper,
-    stylesPanelSections: [
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.Background,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-    layout: {
-        height: 300,
-        width: "100%",
-    },
-    triggers: [Triggers.OnIndexChanged],
-    props: {
-        onIndexChanged: createActionProp(),
-        from: createNumberProp({
-            group: GROUPS.basic,
-            label: "Initial Slide",
-        }),
-        loop: createBoolProp({
-            group: GROUPS.basic,
-            label: "Loop",
-        }),
-        timeout: createNumberProp({
-            group: GROUPS.basic,
-            label: "Timeout",
-            defaultValue: 0,
-        }),
-        vertical: createBoolProp({
-            group: GROUPS.basic,
-            label: "Vertical",
-            defaultValue: false,
-        }),
-        prevTitle: createTextProp({
-            group: GROUPS.basic,
-            label: "Previous Title",
-            defaultValue: "",
-        }),
-        nextTitle: createTextProp({
-            group: GROUPS.basic,
-            label: "Next Title",
-            defaultValue: "",
-        }),
-        prevTitleColor: createColorProp({
-            label: "Previous Title Color",
-        }),
-        nextTitleColor: createColorProp({
-            label: "Next Title Color",
-        }),
-        dotColor: createColorProp({
-            label: "Dot Color",
-            defaultValue: "light",
-        }),
-        dotActiveColor: createColorProp({
-            label: "Dot Active Color",
-            defaultValue: "primary",
-        }),
-        dotsTouchable: createBoolProp({
-            group: GROUPS.basic,
-            label: "Dots Touchable",
-            defaultValue: true,
-        }),
-    },
-};

package/src/mappings/Swiper.ts

@@ -1,82 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createBoolProp,
-  createNumberProp,
-  createTextProp,
-  createColorProp,
-  GROUPS,
-  Triggers,
-  createActionProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Swiper",
-  tag: "Swiper",
-  description: "Swiper container",
-  category: COMPONENT_TYPES.swiper,
-  stylesPanelSections: [
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.Background,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-  layout: {
-    height: 300,
-    width: "100%",
-  },
-  triggers: [Triggers.OnIndexChanged],
-  props: {
-    onIndexChanged: createActionProp(),
-    from: createNumberProp({
-      group: GROUPS.basic,
-      label: "Initial Slide",
-    }),
-    loop: createBoolProp({
-      group: GROUPS.basic,
-      label: "Loop",
-    }),
-    timeout: createNumberProp({
-      group: GROUPS.basic,
-      label: "Timeout",
-      defaultValue: 0,
-    }),
-    vertical: createBoolProp({
-      group: GROUPS.basic,
-      label: "Vertical",
-      defaultValue: false,
-    }),
-    prevTitle: createTextProp({
-      group: GROUPS.basic,
-      label: "Previous Title",
-      defaultValue: "",
-    }),
-    nextTitle: createTextProp({
-      group: GROUPS.basic,
-      label: "Next Title",
-      defaultValue: "",
-    }),
-    prevTitleColor: createColorProp({
-      label: "Previous Title Color",
-    }),
-    nextTitleColor: createColorProp({
-      label: "Next Title Color",
-    }),
-    dotColor: createColorProp({
-      label: "Dot Color",
-      defaultValue: "light",
-    }),
-    dotActiveColor: createColorProp({
-      label: "Dot Active Color",
-      defaultValue: "primary",
-    }),
-    dotsTouchable: createBoolProp({
-      group: GROUPS.basic,
-      label: "Dots Touchable",
-      defaultValue: true,
-    }),
-  },
-};

package/src/mappings/SwiperItem.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Swiper Item",
-    tag: "SwiperItem",
-    description: "Swiper item",
-    category: COMPONENT_TYPES.swiper,
-    props: {},
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-};

package/src/mappings/SwiperItem.ts

@@ -1,13 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Swiper Item",
-  tag: "SwiperItem",
-  description: "Swiper item",
-  category: COMPONENT_TYPES.swiper,
-  props: {},
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-};

package/src/mappings/Switch.js

@@ -1,81 +0,0 @@
-import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, StylesPanelSections, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-export const SEED_DATA = [
-    {
-        name: "Switch",
-        tag: "Switch",
-        category: COMPONENT_TYPES.control,
-        stylesPanelSections: BLOCK_STYLES_SECTIONS,
-        layout: {},
-        triggers: SEED_DATA_TRIGGERS,
-        props: {
-            disabled: createBoolProp({
-                label: "Disabled",
-                description: "Boolean to handle disabling the switch",
-            }),
-            fieldName: createFieldNameProp({
-                handlerPropName: "onValueChange",
-                valuePropName: "value",
-                defaultValue: "switchValue",
-            }),
-            activeTrackColor: createColorProp({
-                label: "Active Track Color",
-            }),
-            inactiveTrackColor: createColorProp({
-                label: "Inactive Track Color",
-            }),
-            activeThumbColor: createColorProp({
-                label: "Active Thumb Color",
-            }),
-            inactiveThumbColor: createColorProp({
-                label: "Inactive Thumb Color",
-            }),
-        },
-    },
-    {
-        name: "Switch Row",
-        tag: "SwitchRow",
-        category: COMPONENT_TYPES.control,
-        stylesPanelSections: [
-            StylesPanelSections.Typography,
-            StylesPanelSections.Margins,
-            StylesPanelSections.Effects,
-        ],
-        layout: {
-            marginLeft: 0,
-            marginRight: 0,
-        },
-        triggers: SEED_DATA_TRIGGERS,
-        props: {
-            label: createTextProp({
-                label: "Label",
-                description: "Label to show with the checkbox",
-                required: true,
-                defaultValue: "First Option",
-            }),
-            direction: createRowDirectionProp(),
-            disabled: createBoolProp({
-                label: "Disabled",
-                description: "Boolean to handle disabling the switch",
-                group: GROUPS.data,
-            }),
-            fieldName: createFieldNameProp({
-                handlerPropName: "onValueChange",
-                valuePropName: "value",
-                defaultValue: "switchValue",
-            }),
-            activeTrackColor: createColorProp({
-                label: "Active Track Color",
-            }),
-            inactiveTrackColor: createColorProp({
-                label: "Inactive Track Color",
-            }),
-            activeThumbColor: createColorProp({
-                label: "Active Thumb Color",
-            }),
-            inactiveThumbColor: createColorProp({
-                label: "Inactive Thumb Color",
-            }),
-        },
-    },
-];

package/src/mappings/Switch.ts

@@ -1,92 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  GROUPS,
-  createBoolProp,
-  createColorProp,
-  createFieldNameProp,
-  createTextProp,
-  createRowDirectionProp,
-  Triggers,
-  StylesPanelSections,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-export const SEED_DATA = [
-  {
-    name: "Switch",
-    tag: "Switch",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {},
-    triggers: SEED_DATA_TRIGGERS,
-    props: {
-      disabled: createBoolProp({
-        label: "Disabled",
-        description: "Boolean to handle disabling the switch",
-      }),
-      fieldName: createFieldNameProp({
-        handlerPropName: "onValueChange",
-        valuePropName: "value",
-        defaultValue: "switchValue",
-      }),
-      activeTrackColor: createColorProp({
-        label: "Active Track Color",
-      }),
-      inactiveTrackColor: createColorProp({
-        label: "Inactive Track Color",
-      }),
-      activeThumbColor: createColorProp({
-        label: "Active Thumb Color",
-      }),
-      inactiveThumbColor: createColorProp({
-        label: "Inactive Thumb Color",
-      }),
-    },
-  },
-  {
-    name: "Switch Row",
-    tag: "SwitchRow",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [
-      StylesPanelSections.Typography,
-      StylesPanelSections.Margins,
-      StylesPanelSections.Effects,
-    ],
-    layout: {
-      marginLeft: 0,
-      marginRight: 0,
-    },
-    triggers: SEED_DATA_TRIGGERS,
-    props: {
-      label: createTextProp({
-        label: "Label",
-        description: "Label to show with the checkbox",
-        required: true,
-        defaultValue: "First Option",
-      }),
-      direction: createRowDirectionProp(),
-      disabled: createBoolProp({
-        label: "Disabled",
-        description: "Boolean to handle disabling the switch",
-        group: GROUPS.data,
-      }),
-      fieldName: createFieldNameProp({
-        handlerPropName: "onValueChange",
-        valuePropName: "value",
-        defaultValue: "switchValue",
-      }),
-      activeTrackColor: createColorProp({
-        label: "Active Track Color",
-      }),
-      inactiveTrackColor: createColorProp({
-        label: "Inactive Track Color",
-      }),
-      activeThumbColor: createColorProp({
-        label: "Active Thumb Color",
-      }),
-      inactiveThumbColor: createColorProp({
-        label: "Inactive Thumb Color",
-      }),
-    },
-  },
-];

package/src/mappings/TabView.js

@@ -1,75 +0,0 @@
-import { COMPONENT_TYPES, createTextEnumProp, createColorProp, StylesPanelSections, Triggers, createActionProp, createStaticBoolProp, GROUPS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Tab View",
-    tag: "TabView",
-    description: "Tab view container",
-    category: COMPONENT_TYPES.swiper,
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.Background,
-        StylesPanelSections.Typography,
-    ],
-    triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
-    props: {
-        onIndexChanged: createActionProp({
-            label: "On index changed",
-            description: "Action to execute when swipe to new index",
-        }),
-        onEndReached: createActionProp({
-            label: "On end reached",
-            description: "Action to execute when end of swiping reached",
-        }),
-        tabBarPosition: createTextEnumProp({
-            label: "Tab Bar Position",
-            description: "Position of tab bar",
-            options: ["top", "bottom"],
-            defaultValue: "top",
-        }),
-        keyboardDismissMode: createTextEnumProp({
-            label: "Keyboard Dismiss Mode",
-            description: "Keyboard Dismiss Mode",
-            options: ["auto", "on-drag", "none"],
-            defaultValue: "auto",
-        }),
-        swipeEnabled: createStaticBoolProp({
-            label: "Swipe Enabled",
-            description: "Whether swiping is enabled or not",
-            defaultValue: true,
-        }),
-        scrollEnabled: createStaticBoolProp({
-            label: "Tab Scroll Enabled",
-            description: "Whether scrolling of tabs is enabled or not",
-            defaultValue: false,
-        }),
-        activeColor: createColorProp({
-            label: "Active Color",
-            description: "Color of icon and text of active tab",
-            defaultValue: "primary",
-        }),
-        inactiveColor: createColorProp({
-            label: "Inactive Color",
-            description: "Color of icon and text of inactive tab(s)",
-            defaultValue: null,
-        }),
-        pressColor: createColorProp({
-            label: "Press Color",
-            description: "Color of ripple when pressed",
-            defaultValue: "primary",
-            group: GROUPS.android,
-        }),
-        indicatorColor: createColorProp({
-            label: "Indicator Color",
-            description: "Color of indicator",
-            defaultValue: "primary",
-        }),
-        tabsBackgroundColor: createColorProp({
-            label: "Tabs Background Color",
-            description: "Background color of tabs container",
-            defaultValue: "background",
-        }),
-    },
-};