@draftbit/core 47.2.4-b0264a.2 → 47.2.4

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/SwipeableView.js

@@ -1,181 +0,0 @@
-import { COMPONENT_TYPES, createStaticNumberProp, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, StylesPanelSections, GROUPS, createBoolProp, createTextProp, createIconProp, createTextEnumProp, createColorProp, Triggers, createActionProp, } from "@draftbit/types";
-export const SHARED_SEED_DATA_PROPS = {
-    title: createTextProp({
-        label: "Title",
-        description: "Title of button/swipeable",
-        defaultValue: "Swipeable",
-        required: true,
-        group: GROUPS.basic,
-    }),
-    side: createTextEnumProp({
-        label: "Side",
-        description: "Side where button/swipeable is added",
-        options: ["left", "right"],
-        defaultValue: "left",
-        required: true,
-    }),
-    icon: createIconProp({
-        defaultValue: null,
-        required: false,
-    }),
-    iconSize: createStaticNumberProp({
-        label: "Icon size",
-        description: "Size of icon",
-        defaultValue: 25,
-        required: false,
-    }),
-    backgroundColor: createColorProp({
-        label: "Background color",
-        description: "Color of button/swipeable background",
-        defaultValue: "primary",
-    }),
-    color: createColorProp({
-        label: "Color",
-        description: "Color of text and icon of button/swipeable",
-        defaultValue: "surface",
-    }),
-};
-export const SEED_DATA = [
-    {
-        name: "Swipeable View",
-        tag: "SwipeableView",
-        doc_link: "https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/SwipeRow.md",
-        description: "A swipeable view that is able to show hidden buttons and/or handle swipe events",
-        category: COMPONENT_TYPES.testing /*.view*/,
-        stylesPanelSections: [
-            ...CONTAINER_COMPONENT_STYLES_SECTIONS,
-            StylesPanelSections.Typography,
-        ],
-        layout: {
-            overflow: "hidden",
-            flexDirection: "row",
-            alignItems: "center",
-            padding: 10,
-        },
-        props: {
-            closeOnPress: createStaticBoolProp({
-                label: "Close on press",
-                description: "Whether the view should be closed/dismissed when pressed",
-                defaultValue: true,
-            }),
-            swipeActivationPercentage: createStaticNumberProp({
-                label: "Swipe activation percentage",
-                description: "Percentage of swipe completion needed to trigger onSwipe. Overriden by 'Left activation value' and 'Right activation value'",
-                defaultValue: 80,
-                required: false,
-            }),
-            disableLeftSwipe: createBoolProp({
-                label: "Disable left swipe",
-                description: "Whether left swipe is enabled or not",
-                defaultValue: false,
-            }),
-            disableRightSwipe: createBoolProp({
-                label: "Disable right swipe",
-                description: "Whether right swipe is enabled or not",
-                defaultValue: false,
-            }),
-            leftOpenValue: createStaticNumberProp({
-                label: "Left open value",
-                description: "The X translation value that left swipe snaps to (positive value). Defaults to half view width",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            rightOpenValue: createStaticNumberProp({
-                label: "Right open value",
-                description: "The X translation value that right swipe snaps to (negative value). Defaults to negative half view width",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            leftActivationValue: createStaticNumberProp({
-                label: "Left activation value",
-                description: "The X translation value that triggers onSwipe when surpassed (positive value). Defaults to 80% of half view width",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            rightActivationValue: createStaticNumberProp({
-                label: "Right activation value",
-                description: "The X translation value that triggers onSwipe when surpassed (negative value). Defaults to negative 80% of half view width",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            stopLeftSwipe: createStaticNumberProp({
-                label: "Stop left swipe",
-                description: "The maximum X translation value that is swipable from left (positive value). Defaults to half view width",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            stopRightSwipe: createStaticNumberProp({
-                label: "Stop right swipe",
-                description: "The maximum X translation value that is swipable from right (negative value). Defaults to negative half view width",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            directionalDistanceChangeThreshold: createStaticNumberProp({
-                label: "Change threshold",
-                description: "Change the sensitivity of the swipe on the view",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            friction: createStaticNumberProp({
-                label: "Friction",
-                description: "Controls the 'bounciness' of the swipe animation",
-                defaultValue: 20,
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            tension: createStaticNumberProp({
-                label: "Change threshold",
-                description: "Controls the tension/speed of the swipe animation",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            swipeToOpenVelocityContribution: createStaticNumberProp({
-                label: "Swipe Velocity Contribution",
-                description: "Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15",
-                group: GROUPS.advanced,
-                required: false,
-            }),
-            swipeToOpenPercent: createStaticNumberProp({
-                label: "Swipe to open percentage",
-                description: "What % of the left/right does the user need to swipe past to trigger the view opening",
-                group: GROUPS.advanced,
-                defaultValue: 50,
-                required: false,
-            }),
-            swipeToClosePercent: createStaticNumberProp({
-                label: "Swipe to close percentage",
-                description: "What % of the left/right does the user need to swipe past to trigger the view closing",
-                group: GROUPS.advanced,
-                defaultValue: 50,
-                required: false,
-            }),
-        },
-    },
-    {
-        name: "Swipeable View Button",
-        tag: "SwipeableViewButton",
-        description: "Button to be rendered under a Swipeable View",
-        category: COMPONENT_TYPES.testing /*.view*/,
-        stylesPanelSections: [],
-        triggers: [Triggers.OnPress],
-        props: {
-            ...SHARED_SEED_DATA_PROPS,
-            onPress: createActionProp(),
-        },
-    },
-    {
-        name: "Swipeable View Swipe Handler",
-        tag: "SwipeableViewSwipeHandler",
-        description: "Component that renders and handles swipe of Swipeable View",
-        category: COMPONENT_TYPES.testing /*.view*/,
-        stylesPanelSections: [],
-        triggers: [Triggers.OnSwipe],
-        props: {
-            ...SHARED_SEED_DATA_PROPS,
-            onSwipe: createActionProp({
-                label: "On swipe",
-                description: "Called when Swipeable View swiped in the direction this is configured to",
-            }),
-        },
-    },
-];

package/src/mappings/SwipeableView.ts

@@ -1,210 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createStaticNumberProp,
-  createStaticBoolProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  StylesPanelSections,
-  GROUPS,
-  createBoolProp,
-  createTextProp,
-  createIconProp,
-  createTextEnumProp,
-  createColorProp,
-  Triggers,
-  createActionProp,
-} from "@draftbit/types";
-
-export const SHARED_SEED_DATA_PROPS = {
-  title: createTextProp({
-    label: "Title",
-    description: "Title of button/swipeable",
-    defaultValue: "Swipeable",
-    required: true,
-    group: GROUPS.basic,
-  }),
-  side: createTextEnumProp({
-    label: "Side",
-    description: "Side where button/swipeable is added",
-    options: ["left", "right"],
-    defaultValue: "left",
-    required: true,
-  }),
-  icon: createIconProp({
-    defaultValue: null,
-    required: false,
-  }),
-  iconSize: createStaticNumberProp({
-    label: "Icon size",
-    description: "Size of icon",
-    defaultValue: 25,
-    required: false,
-  }),
-  backgroundColor: createColorProp({
-    label: "Background color",
-    description: "Color of button/swipeable background",
-    defaultValue: "primary",
-  }),
-  color: createColorProp({
-    label: "Color",
-    description: "Color of text and icon of button/swipeable",
-    defaultValue: "surface",
-  }),
-};
-
-export const SEED_DATA = [
-  {
-    name: "Swipeable View",
-    tag: "SwipeableView",
-    doc_link:
-      "https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/SwipeRow.md",
-    description:
-      "A swipeable view that is able to show hidden buttons and/or handle swipe events",
-    category: COMPONENT_TYPES.testing /*.view*/,
-    stylesPanelSections: [
-      ...CONTAINER_COMPONENT_STYLES_SECTIONS,
-      StylesPanelSections.Typography,
-    ],
-    layout: {
-      overflow: "hidden",
-      flexDirection: "row",
-      alignItems: "center",
-      padding: 10,
-    },
-    props: {
-      closeOnPress: createStaticBoolProp({
-        label: "Close on press",
-        description: "Whether the view should be closed/dismissed when pressed",
-        defaultValue: true,
-      }),
-      swipeActivationPercentage: createStaticNumberProp({
-        label: "Swipe activation percentage",
-        description:
-          "Percentage of swipe completion needed to trigger onSwipe. Overriden by 'Left activation value' and 'Right activation value'",
-        defaultValue: 80,
-        required: false,
-      }),
-      disableLeftSwipe: createBoolProp({
-        label: "Disable left swipe",
-        description: "Whether left swipe is enabled or not",
-        defaultValue: false,
-      }),
-      disableRightSwipe: createBoolProp({
-        label: "Disable right swipe",
-        description: "Whether right swipe is enabled or not",
-        defaultValue: false,
-      }),
-      leftOpenValue: createStaticNumberProp({
-        label: "Left open value",
-        description:
-          "The X translation value that left swipe snaps to (positive value). Defaults to half view width",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      rightOpenValue: createStaticNumberProp({
-        label: "Right open value",
-        description:
-          "The X translation value that right swipe snaps to (negative value). Defaults to negative half view width",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      leftActivationValue: createStaticNumberProp({
-        label: "Left activation value",
-        description:
-          "The X translation value that triggers onSwipe when surpassed (positive value). Defaults to 80% of half view width",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      rightActivationValue: createStaticNumberProp({
-        label: "Right activation value",
-        description:
-          "The X translation value that triggers onSwipe when surpassed (negative value). Defaults to negative 80% of half view width",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      stopLeftSwipe: createStaticNumberProp({
-        label: "Stop left swipe",
-        description:
-          "The maximum X translation value that is swipable from left (positive value). Defaults to half view width",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      stopRightSwipe: createStaticNumberProp({
-        label: "Stop right swipe",
-        description:
-          "The maximum X translation value that is swipable from right (negative value). Defaults to negative half view width",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      directionalDistanceChangeThreshold: createStaticNumberProp({
-        label: "Change threshold",
-        description: "Change the sensitivity of the swipe on the view",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      friction: createStaticNumberProp({
-        label: "Friction",
-        description: "Controls the 'bounciness' of the swipe animation",
-        defaultValue: 20,
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      tension: createStaticNumberProp({
-        label: "Change threshold",
-        description: "Controls the tension/speed of the swipe animation",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      swipeToOpenVelocityContribution: createStaticNumberProp({
-        label: "Swipe Velocity Contribution",
-        description:
-          "Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15",
-        group: GROUPS.advanced,
-        required: false,
-      }),
-      swipeToOpenPercent: createStaticNumberProp({
-        label: "Swipe to open percentage",
-        description:
-          "What % of the left/right does the user need to swipe past to trigger the view opening",
-        group: GROUPS.advanced,
-        defaultValue: 50,
-        required: false,
-      }),
-      swipeToClosePercent: createStaticNumberProp({
-        label: "Swipe to close percentage",
-        description:
-          "What % of the left/right does the user need to swipe past to trigger the view closing",
-        group: GROUPS.advanced,
-        defaultValue: 50,
-        required: false,
-      }),
-    },
-  },
-  {
-    name: "Swipeable View Button",
-    tag: "SwipeableViewButton",
-    description: "Button to be rendered under a Swipeable View",
-    category: COMPONENT_TYPES.testing /*.view*/,
-    stylesPanelSections: [],
-    triggers: [Triggers.OnPress],
-    props: {
-      ...SHARED_SEED_DATA_PROPS,
-      onPress: createActionProp(),
-    },
-  },
-  {
-    name: "Swipeable View Swipe Handler",
-    tag: "SwipeableViewSwipeHandler",
-    description: "Component that renders and handles swipe of Swipeable View",
-    category: COMPONENT_TYPES.testing /*.view*/,
-    stylesPanelSections: [],
-    triggers: [Triggers.OnSwipe],
-    props: {
-      ...SHARED_SEED_DATA_PROPS,
-      onSwipe: createActionProp({
-        label: "On swipe",
-        description:
-          "Called when Swipeable View swiped in the direction this is configured to",
-      }),
-    },
-  },
-];

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