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

package/src/mappings/Stepper.js

@@ -1,37 +1,32 @@
-import {
-  COMPONENT_TYPES,
-  createIconSizeProp,
-  createColorProp,
-  createFieldNameProp,
-  createStaticNumberProp,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+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: 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",
-      }),
+    {
+        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

@@ -6,6 +6,7 @@ import {
   createStaticNumberProp,
   Triggers,
   BLOCK_STYLES_SECTIONS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = [
@@ -14,7 +15,10 @@ export const SEED_DATA = [
     tag: "Stepper",
     description: "A component used to control the quantity of something",
     category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      ...BLOCK_STYLES_SECTIONS,
+    ],
     layout: {},
     triggers: [Triggers.OnChange],
     props: {

package/src/mappings/Surface.js

@@ -1,18 +1,14 @@
-import {
-  COMPONENT_TYPES,
-  createElevationType,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
+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),
-  },
+    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,67 +1,60 @@
-import {
-  COMPONENT_TYPES,
-  createBoolProp,
-  createNumberProp,
-  createTextProp,
-  createColorProp,
-  GROUPS,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Swiper",
-  tag: "Swiper",
-  description: "Swiper container",
-  category: COMPONENT_TYPES.swiper,
-  layout: {
-    height: 300,
-    width: "100%",
-  },
-  props: {
-    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,
-    }),
-  },
+    name: "Swiper",
+    tag: "Swiper",
+    description: "Swiper container",
+    category: COMPONENT_TYPES.swiper,
+    layout: {
+        height: 300,
+        width: "100%",
+    },
+    props: {
+        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,8 +1,8 @@
 import { COMPONENT_TYPES } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Swiper Item",
-  tag: "SwiperItem",
-  description: "Swiper item",
-  category: COMPONENT_TYPES.swiper,
-  props: {},
+    name: "Swiper Item",
+    tag: "SwiperItem",
+    description: "Swiper item",
+    category: COMPONENT_TYPES.swiper,
+    props: {},
 };

package/src/mappings/Switch.js

@@ -1,92 +1,81 @@
-import {
-  COMPONENT_TYPES,
-  GROUPS,
-  createBoolProp,
-  createColorProp,
-  createFieldNameProp,
-  createTextProp,
-  createRowDirectionProp,
-  Triggers,
-  StylesPanelSections,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+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",
+        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,
+    {
+        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",
+            }),
+        },
     },
-    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",
-      }),
-    },
-  },
 ];