@draftbit/core 46.4.4-caab07.0 → 46.4.4-cc754a.2

package/src/mappings/RowHeadlineImageIcon.js

@@ -1,113 +1,99 @@
-import {
-  COMPONENT_TYPES,
-  createIconProp,
-  createTextProp,
-  createImageProp,
-  createStaticBoolProp,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
-  title: createTextProp({
-    label: "Title",
-    description: "Headline text to display",
-  }),
-  icon: createIconProp({
-    defaultValue: null,
-  }),
+    title: createTextProp({
+        label: "Title",
+        description: "Headline text to display",
+    }),
+    icon: createIconProp({
+        defaultValue: null,
+    }),
 };
 const IMAGE_PROP = createImageProp();
 const MULTILINE_PROP = createStaticBoolProp({
-  defaultValue: true,
-  editable: false,
+    defaultValue: true,
+    editable: false,
 });
 const SUBTITLE_PROP = createTextProp({
-  label: "Subtitle",
-  description: "Subtitle text to display",
-  defaultValue: "San Diego",
+    label: "Subtitle",
+    description: "Subtitle text to display",
+    defaultValue: "San Diego",
 });
 export const SEED_DATA = [
-  {
-    name: "Row Single Line Headline Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
+    {
+        name: "Row Single Line Headline Icon",
+        tag: "RowHeadlineImageIcon",
+        description: "A row with left aligned headline text and a right aligned icon",
+        category: COMPONENT_TYPES.row,
+        layout: {},
+        props: {
+            ...SEED_DATA_PROPS,
+        },
     },
-  },
-  {
-    name: "Row Single Line Headline Icon Image",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned image and headline text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      image: IMAGE_PROP,
+    {
+        name: "Row Single Line Headline Icon Image",
+        tag: "RowHeadlineImageIcon",
+        description: "A row with left aligned image and headline text and a right aligned icon",
+        category: COMPONENT_TYPES.row,
+        layout: {},
+        props: {
+            ...SEED_DATA_PROPS,
+            image: IMAGE_PROP,
+        },
     },
-  },
-  {
-    name: "Row Double Line Headline Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and subtitle text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      subtitle: SUBTITLE_PROP,
+    {
+        name: "Row Double Line Headline Icon",
+        tag: "RowHeadlineImageIcon",
+        description: "A row with left aligned headline text and subtitle text and a right aligned icon",
+        category: COMPONENT_TYPES.row,
+        layout: {},
+        props: {
+            ...SEED_DATA_PROPS,
+            subtitle: SUBTITLE_PROP,
+        },
     },
-  },
-  {
-    name: "Row Double Line Headline Image Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and subtitle text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      image: IMAGE_PROP,
-      subtitle: SUBTITLE_PROP,
+    {
+        name: "Row Double Line Headline Image Icon",
+        tag: "RowHeadlineImageIcon",
+        description: "A row with left aligned headline text and subtitle text and a right aligned icon",
+        category: COMPONENT_TYPES.row,
+        layout: {},
+        props: {
+            ...SEED_DATA_PROPS,
+            image: IMAGE_PROP,
+            subtitle: SUBTITLE_PROP,
+        },
     },
-  },
-  {
-    name: "Row Multiline Headline Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      multilineSubtitle: MULTILINE_PROP,
-      subtitle: createTextProp({
-        label: "Subtitle",
-        description: "Subtitle text to display",
-        defaultValue:
-          "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
-      }),
+    {
+        name: "Row Multiline Headline Icon",
+        tag: "RowHeadlineImageIcon",
+        description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
+        category: COMPONENT_TYPES.row,
+        layout: {},
+        props: {
+            ...SEED_DATA_PROPS,
+            multilineSubtitle: MULTILINE_PROP,
+            subtitle: createTextProp({
+                label: "Subtitle",
+                description: "Subtitle text to display",
+                defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
+            }),
+        },
     },
-  },
-  {
-    name: "Row Multiline Headline Image Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      image: IMAGE_PROP,
-      multilineSubtitle: MULTILINE_PROP,
-      subtitle: createTextProp({
-        label: "Subtitle",
-        description: "Subtitle text to display",
-        defaultValue:
-          "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
-      }),
+    {
+        name: "Row Multiline Headline Image Icon",
+        tag: "RowHeadlineImageIcon",
+        description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
+        category: COMPONENT_TYPES.row,
+        layout: {},
+        props: {
+            ...SEED_DATA_PROPS,
+            image: IMAGE_PROP,
+            multilineSubtitle: MULTILINE_PROP,
+            subtitle: createTextProp({
+                label: "Subtitle",
+                description: "Subtitle text to display",
+                defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
+            }),
+        },
     },
-  },
 ];

package/src/mappings/SVG.js

@@ -1,24 +1,20 @@
-import {
-  COMPONENT_TYPES,
-  createSVGProp,
-  StylesPanelSections,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createSVGProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "SVG",
-  tag: "SVG",
-  description: "An SVG component",
-  category: COMPONENT_TYPES.media,
-  layout: {
-    width: 100,
-    height: 100,
-  },
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  props: {
-    source: createSVGProp(),
-  },
+    name: "SVG",
+    tag: "SVG",
+    description: "An SVG component",
+    category: COMPONENT_TYPES.media,
+    layout: {
+        width: 100,
+        height: 100,
+    },
+    stylesPanelSections: [
+        StylesPanelSections.Size,
+        StylesPanelSections.Margins,
+        StylesPanelSections.Position,
+        StylesPanelSections.Effects,
+    ],
+    props: {
+        source: createSVGProp(),
+    },
 };

package/src/mappings/SafeAreaView.js

@@ -1,38 +1,33 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-} from "@draftbit/types";
+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"],
+    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",
+        },
     },
-    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,38 +1,31 @@
-import {
-  COMPONENT_TYPES,
-  createStaticBoolProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } 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: {},
-  props: {
-    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: false,
-    }),
-    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,
-    }),
-  },
+    name: "Scroll View",
+    tag: "ScrollView",
+    description: "A basic ScrollView component",
+    category: COMPONENT_TYPES.view,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    layout: {},
+    props: {
+        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: false,
+        }),
+        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,
+        }),
+    },
 };

package/src/mappings/Slider.js

@@ -1,69 +1,60 @@
-import {
-  COMPONENT_TYPES,
-  GROUPS,
-  createNumberProp,
-  createColorProp,
-  createFieldNameProp,
-  createIconProp,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+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,
-    }),
-  },
+    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,51 +1,43 @@
-import {
-  COMPONENT_TYPES,
-  createStaticNumberProp,
-  createFieldNameProp,
-  createStaticBoolProp,
-  Triggers,
-  createColorProp,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+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",
-    }),
-  },
+    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",
+        }),
+    },
 };