@draftbit/core 44.2.1 → 44.2.3-9cbaf6.2

package/src/mappings/DatePicker.js

@@ -31,37 +31,38 @@ const SEED_DATA_PROPS = {
         required: false,
         group: GROUPS.basic,
     },
-    locale: {
-        label: "Locale",
-        description: "Locale for the datepicker. Must be a valid Locale",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: null,
-        editable: true,
-        required: false,
-        group: GROUPS.basic,
-    },
-    minuteInterval: {
-        label: "Minute Interval",
-        description: "The interval at which minutes can be selected",
-        formType: FORM_TYPES.flatArray,
-        propType: PROP_TYPES.NUMBER,
-        options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
-        defaultValue: null,
-        editable: true,
-        required: false,
-        group: GROUPS.basic,
-    },
-    timeZoneOffsetInMinutes: {
-        label: "Time zone offset",
-        description: "By default, the datepicker uses the device's timezone. This will allow you to offset it",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        defaultValue: null,
-        editable: true,
-        required: false,
-        group: GROUPS.basic,
-    },
+    // locale: {
+    //   label: "Locale",
+    //   description: "Locale for the datepicker. Must be a valid Locale",
+    //   formType: FORM_TYPES.string,
+    //   propType: PROP_TYPES.STRING,
+    //   defaultValue: null,
+    //   editable: true,
+    //   required: false,
+    //   group: GROUPS.basic,
+    // },
+    // minuteInterval: {
+    //   label: "Minute Interval",
+    //   description: "The interval at which minutes can be selected",
+    //   formType: FORM_TYPES.flatArray,
+    //   propType: PROP_TYPES.NUMBER,
+    //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
+    //   defaultValue: null,
+    //   editable: true,
+    //   required: false,
+    //   group: GROUPS.basic,
+    // },
+    // timeZoneOffsetInMinutes: {
+    //   label: "Time zone offset",
+    //   description:
+    //     "By default, the datepicker uses the device's timezone. This will allow you to offset it",
+    //   formType: FORM_TYPES.number,
+    //   propType: PROP_TYPES.NUMBER,
+    //   defaultValue: null,
+    //   editable: true,
+    //   required: false,
+    //   group: GROUPS.basic,
+    // },
     disabled: {
         label: "Disabled",
         description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
@@ -72,16 +73,16 @@ const SEED_DATA_PROPS = {
         required: false,
         group: GROUPS.basic,
     },
-    error: {
-        label: "Error",
-        description: "Whether the picker should display the error state",
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-        defaultValue: false,
-        editable: true,
-        required: false,
-        group: GROUPS.data,
-    },
+    // error: {
+    //   label: "Error",
+    //   description: "Whether the picker should display the error state",
+    //   formType: FORM_TYPES.boolean,
+    //   propType: PROP_TYPES.BOOLEAN,
+    //   defaultValue: false,
+    //   editable: true,
+    //   required: false,
+    //   group: GROUPS.data,
+    // },
     leftIconName: {
         label: "Left icon name",
         description: "The icon to display on the left",

package/src/mappings/DatePicker.ts

@@ -39,38 +39,38 @@ const SEED_DATA_PROPS = {
     required: false,
     group: GROUPS.basic,
   },
-  locale: {
-    label: "Locale",
-    description: "Locale for the datepicker. Must be a valid Locale",
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null,
-    editable: true,
-    required: false,
-    group: GROUPS.basic,
-  },
-  minuteInterval: {
-    label: "Minute Interval",
-    description: "The interval at which minutes can be selected",
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.NUMBER,
-    options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
-    defaultValue: null,
-    editable: true,
-    required: false,
-    group: GROUPS.basic,
-  },
-  timeZoneOffsetInMinutes: {
-    label: "Time zone offset",
-    description:
-      "By default, the datepicker uses the device's timezone. This will allow you to offset it",
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    defaultValue: null,
-    editable: true,
-    required: false,
-    group: GROUPS.basic,
-  },
+  // locale: {
+  //   label: "Locale",
+  //   description: "Locale for the datepicker. Must be a valid Locale",
+  //   formType: FORM_TYPES.string,
+  //   propType: PROP_TYPES.STRING,
+  //   defaultValue: null,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.basic,
+  // },
+  // minuteInterval: {
+  //   label: "Minute Interval",
+  //   description: "The interval at which minutes can be selected",
+  //   formType: FORM_TYPES.flatArray,
+  //   propType: PROP_TYPES.NUMBER,
+  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
+  //   defaultValue: null,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.basic,
+  // },
+  // timeZoneOffsetInMinutes: {
+  //   label: "Time zone offset",
+  //   description:
+  //     "By default, the datepicker uses the device's timezone. This will allow you to offset it",
+  //   formType: FORM_TYPES.number,
+  //   propType: PROP_TYPES.NUMBER,
+  //   defaultValue: null,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.basic,
+  // },
   disabled: {
     label: "Disabled",
     description:
@@ -82,16 +82,16 @@ const SEED_DATA_PROPS = {
     required: false,
     group: GROUPS.basic,
   },
-  error: {
-    label: "Error",
-    description: "Whether the picker should display the error state",
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: false,
-    editable: true,
-    required: false,
-    group: GROUPS.data,
-  },
+  // error: {
+  //   label: "Error",
+  //   description: "Whether the picker should display the error state",
+  //   formType: FORM_TYPES.boolean,
+  //   propType: PROP_TYPES.BOOLEAN,
+  //   defaultValue: false,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.data,
+  // },
   leftIconName: {
     label: "Left icon name",
     description: "The icon to display on the left",

package/src/mappings/TabView.js

@@ -0,0 +1,73 @@
+import { COMPONENT_TYPES, createTextProp, createTextEnumProp, createBoolProp, createColorProp, } from "@draftbit/types";
+export const SEED_DATA = [
+    {
+        name: "TabView",
+        tag: "TabView",
+        category: COMPONENT_TYPES.container,
+        layout: {},
+        props: {
+            tabBarPosition: createTextEnumProp({
+                label: "Tab Bar Position",
+                description: "Tab Bar Position",
+                options: ["top", "bottom"],
+                defaultValue: "top",
+            }),
+            keyboardDismissMode: createTextEnumProp({
+                label: "Keyboard Dismiss Mode",
+                description: "Keyboard Dismiss Mode",
+                options: ["auto", "on-drag", "none"],
+                defaultValue: "auto",
+            }),
+            swipeEnabled: createBoolProp({
+                label: "Swipe Enabled",
+                description: "Swipe Enabled",
+                defaultValue: true,
+            }),
+            scrollEnabled: createBoolProp({
+                label: "Scroll Enabled",
+                description: "Scroll Enabled",
+                defaultValue: true,
+            }),
+            activeColor: createColorProp({
+                label: "Active Color",
+                description: "Active Color",
+                defaultValue: "primary",
+            }),
+            inactiveColor: createColorProp({
+                label: "Inactive Color",
+                description: "Inactive Color",
+                defaultValue: null,
+            }),
+            pressColor: createColorProp({
+                label: "Press Color",
+                description: "Press Color",
+                defaultValue: null,
+            }),
+            indicatorColor: createColorProp({
+                label: "Indicator Color",
+                description: "Indicator Color",
+                defaultValue: null,
+            }),
+        },
+    },
+    {
+        name: "TabViewItem",
+        tag: "TabViewItem",
+        category: COMPONENT_TYPES.container,
+        layout: {},
+        props: {
+            title: createTextProp({
+                label: "Title",
+                description: "Tab Title",
+            }),
+            id: createTextProp({
+                label: "Id",
+                description: "Tab Id",
+            }),
+            accessibilityLabel: createTextProp({
+                label: "Accessibility Label",
+                description: "Accessibility Label",
+            }),
+        },
+    },
+];

package/src/mappings/TabView.ts

@@ -0,0 +1,80 @@
+import {
+  COMPONENT_TYPES,
+  createTextProp,
+  createTextEnumProp,
+  createBoolProp,
+  createColorProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = [
+  {
+    name: "TabView",
+    tag: "TabView",
+    category: COMPONENT_TYPES.container,
+    layout: {},
+    props: {
+      tabBarPosition: createTextEnumProp({
+        label: "Tab Bar Position",
+        description: "Tab Bar Position",
+        options: ["top", "bottom"],
+        defaultValue: "top",
+      }),
+      keyboardDismissMode: createTextEnumProp({
+        label: "Keyboard Dismiss Mode",
+        description: "Keyboard Dismiss Mode",
+        options: ["auto", "on-drag", "none"],
+        defaultValue: "auto",
+      }),
+      swipeEnabled: createBoolProp({
+        label: "Swipe Enabled",
+        description: "Swipe Enabled",
+        defaultValue: true,
+      }),
+      scrollEnabled: createBoolProp({
+        label: "Scroll Enabled",
+        description: "Scroll Enabled",
+        defaultValue: true,
+      }),
+      activeColor: createColorProp({
+        label: "Active Color",
+        description: "Active Color",
+        defaultValue: "primary",
+      }),
+      inactiveColor: createColorProp({
+        label: "Inactive Color",
+        description: "Inactive Color",
+        defaultValue: null,
+      }),
+      pressColor: createColorProp({
+        label: "Press Color",
+        description: "Press Color",
+        defaultValue: null,
+      }),
+      indicatorColor: createColorProp({
+        label: "Indicator Color",
+        description: "Indicator Color",
+        defaultValue: null,
+      }),
+    },
+  },
+  {
+    name: "TabViewItem",
+    tag: "TabViewItem",
+    category: COMPONENT_TYPES.container,
+    layout: {},
+    props: {
+      title: createTextProp({
+        label: "Title",
+        description: "Tab Title",
+      }),
+      id: createTextProp({
+        label: "Id",
+        description: "Tab Id",
+      }),
+      accessibilityLabel: createTextProp({
+        label: "Accessibility Label",
+        description: "Accessibility Label",
+      }),
+    },
+  },
+];