@draftbit/core 46.4.4-04eaf1.2 → 46.4.4-064d36.2

package/src/mappings/AudioPlayer.js

@@ -1,10 +1,27 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Audio Player",
     tag: "AudioPlayer",
     description: "Given a source URL, plays sounds & audio!",
     category: COMPONENT_TYPES.media,
-    layout: {},
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+    ],
+    layout: {
+        backgroundColor: "#eee",
+        paddingLeft: 16,
+        paddingRight: 16,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderRadius: 24,
+        flexDirection: "row",
+        alignItems: "center",
+    },
     props: {
         source: {
             group: GROUPS.data,
@@ -16,5 +33,25 @@ export const SEED_DATA = {
             formType: FORM_TYPES.sourceUrl,
             propType: PROP_TYPES.OBJECT,
         },
+        sliderColor: createColorProp({
+            label: "Thumb Color",
+            defaultValue: "strong",
+        }),
+        completedTrackColor: createColorProp({
+            label: "Completed Track Color",
+            defaultValue: "background",
+        }),
+        remainingTrackColor: createColorProp({
+            label: "Remaining Track Color",
+            defaultValue: "light",
+        }),
+        trackThumbSize: createNumberProp({
+            label: "Thumb Size",
+            defaultValue: 24,
+        }),
+        playIconColor: createColorProp({
+            label: "Play Icon Color",
+            defaultValue: "strong",
+        }),
     },
 };

package/src/mappings/AudioPlayer.ts

@@ -3,6 +3,9 @@ import {
   COMPONENT_TYPES,
   FORM_TYPES,
   PROP_TYPES,
+  StylesPanelSections,
+  createColorProp,
+  createNumberProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,7 +13,24 @@ export const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+  ],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center",
+  },
   props: {
     source: {
       group: GROUPS.data,
@@ -23,5 +43,25 @@ export const SEED_DATA = {
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT,
     },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "strong",
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "background",
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remaining Track Color",
+      defaultValue: "light",
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24,
+    }),
+    playIconColor: createColorProp({
+      label: "Play Icon Color",
+      defaultValue: "strong",
+    }),
   },
 };

package/src/mappings/Stepper.js

@@ -1,11 +1,14 @@
-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,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            ...BLOCK_STYLES_SECTIONS,
+        ],
         layout: {},
         triggers: [Triggers.OnChange],
         props: {

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

@@ -0,0 +1,73 @@
+import { COMPONENT_TYPES, createTextProp, createTextEnumProp, createBoolProp, createColorProp, } from "@draftbit/types";
+export const SEED_DATA = [
+    {
+        name: "Tab View",
+        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: "Tab View Item",
+        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: "Tab View",
+    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: "Tab View Item",
+    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/TextField.js

@@ -16,7 +16,7 @@ const SEED_DATA_PROPS = {
         description: "Can automatically capitalize sentences, words, and characters (Default: none).",
         editable: true,
         required: false,
-        defaultValue: null,
+        defaultValue: "none",
         options: ["none", "sentences", "words", "characters"],
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,

package/src/mappings/TextField.ts

@@ -30,7 +30,7 @@ const SEED_DATA_PROPS = {
       "Can automatically capitalize sentences, words, and characters (Default: none).",
     editable: true,
     required: false,
-    defaultValue: null,
+    defaultValue: "none",
     options: ["none", "sentences", "words", "characters"],
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,

package/src/mappings/TextInput.js

@@ -104,7 +104,7 @@ export const SEED_DATA = [
                 description: "Can automatically capitalize sentences, words, and characters (Default: none).",
                 editable: true,
                 required: false,
-                defaultValue: null,
+                defaultValue: "none",
                 options: ["none", "sentences", "words", "characters"],
                 formType: FORM_TYPES.flatArray,
                 propType: PROP_TYPES.STRING,

package/src/mappings/TextInput.ts

@@ -121,7 +121,7 @@ export const SEED_DATA = [
           "Can automatically capitalize sentences, words, and characters (Default: none).",
         editable: true,
         required: false,
-        defaultValue: null,
+        defaultValue: "none",
         options: ["none", "sentences", "words", "characters"],
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,

package/lib/commonjs/mappings/Elements.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: _types.COMPONENT_TYPES.element,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strong",
-  tag: "Strong",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strike",
-  tag: "S",
-  ...ELEMENT_PROPS
-}, {
-  name: "Italic",
-  tag: "I",
-  ...ELEMENT_PROPS
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/Elements.js

@@ -1,112 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-export const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: createTextProp({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strong",
-  tag: "Strong",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strike",
-  tag: "S",
-  ...ELEMENT_PROPS
-}, {
-  name: "Italic",
-  tag: "I",
-  ...ELEMENT_PROPS
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];

package/lib/typescript/src/mappings/Elements.d.ts

@@ -1,30 +0,0 @@
-export declare const SEED_DATA: ({
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href: any;
-        target: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-    };
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-})[];