npm - @draftbit/core - Versions diffs - 46.4.4-33fa1d.2 → 46.4.4-38a1ca.2 - Mend

@draftbit/core 46.4.4-33fa1d.2 → 46.4.4-38a1ca.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (449) hide show

package/lib/commonjs/mappings/AudioPlayer.js CHANGED Viewed

@@ -4,13 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Audio Player",
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -21,7 +33,27 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: "strong"
+    }),
+    completedTrackColor: (0, _types.createColorProp)({
+      label: "Completed Track Color",
+      defaultValue: "background"
+    }),
+    remainingTrackColor: (0, _types.createColorProp)({
+      label: "Remaining Track Color",
+      defaultValue: "light"
+    }),
+    trackThumbSize: (0, _types.createNumberProp)({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: (0, _types.createColorProp)({
+      label: "Play Icon Color",
+      defaultValue: "strong"
+    })
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AvatarEdit.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Avatar Edit",
   tag: "AvatarEdit",

package/lib/commonjs/mappings/Banner.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Banner",
   tag: "Banner",

package/lib/commonjs/mappings/BlurView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Blur View",
   tag: "BlurView",

package/lib/commonjs/mappings/Button.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: (0, _types.createActionProp)(),
@@ -30,8 +32,7 @@ const SEED_DATA = [{
   tag: "ButtonOutline",
   category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    ...LAYOUT,
+  layout: { ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
     textAlign: "center"
@@ -43,8 +44,7 @@ const SEED_DATA = [{
   tag: "ButtonSolid",
   category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    ...LAYOUT,
+  layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },
@@ -55,8 +55,7 @@ const SEED_DATA = [{
   tag: "Button",
   category: _types.COMPONENT_TYPES.button,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    ...LAYOUT,
+  layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },

package/lib/commonjs/mappings/Card.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Card",
   tag: "Card",
@@ -30,10 +32,9 @@ const SEED_DATA = {
     subtitle: (0, _types.createTextProp)({
       label: "Subtitle",
       description: "Text underneath the title",
-      defaultValue: null
-      // defaultValue: "Edit me in the props panel on the right",
-    }),
+      defaultValue: null // defaultValue: "Edit me in the props panel on the right",
+    }),
     subtitleStyle: (0, _types.createTextStyle)({
       label: "Subtitle Style"
     }),

package/lib/commonjs/mappings/CardBlock.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   image: {
     group: _types.GROUPS.data,
@@ -73,8 +75,7 @@ const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up one third of its container.",
   category: _types.COMPONENT_TYPES.card,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({
       defaultValue: 1
     })
@@ -84,8 +85,7 @@ const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up one half of its container.",
   category: _types.COMPONENT_TYPES.card,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     icon: {
       group: _types.GROUPS.basic,
       label: "Icon",
@@ -106,8 +106,7 @@ const SEED_DATA = [{
   description: "An elevated card with a title and description, that takes up the full width its container.",
   category: _types.COMPONENT_TYPES.card,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     icon: {
       group: _types.GROUPS.basic,
       label: "Icon",

package/lib/commonjs/mappings/CardContainer.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   image: {
     label: "Image",
@@ -50,7 +52,9 @@ const SEED_DATA_PROPS = {
     label: "Icon",
     description: "Icon to display on the top right",
     formType: _types.FORM_TYPES.icon,
-    propType: _types.PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,
+    propType: _types.PROP_TYPES.STRING
+    /* OR ASSET TODO TEST ME */
+    ,
     defaultValue: null,
     editable: true,
     required: false,
@@ -85,8 +89,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.card,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({
       defaultValue: 2
     })
@@ -98,8 +101,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.card,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({
       defaultValue: 3
     })

package/lib/commonjs/mappings/CardContainerRating.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   image: {
     group: _types.GROUPS.data,
@@ -90,8 +92,7 @@ const SEED_DATA = [{
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
   supports_list_render: true,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: {
       label: "Number of Columns",
       description: "Numbre of columns",
@@ -112,8 +113,7 @@ const SEED_DATA = [{
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
   supports_list_render: true,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: {
       label: "Number of Columns",
       description: "Numbre of columns",

package/lib/commonjs/mappings/CardContainerShortImage.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Short Card (Left)",
   tag: "CardContainerShortImage",

package/lib/commonjs/mappings/CardInline.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Inline Card",
   tag: "CardInline",

package/lib/commonjs/mappings/Carousel.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Carousel",
   tag: "Carousel",

package/lib/commonjs/mappings/Checkbox.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Checkbox",
   tag: "Checkbox",

package/lib/commonjs/mappings/CheckboxGroup.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Checkbox Group",
   tag: "CheckboxGroup",

package/lib/commonjs/mappings/CheckboxRow.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Checkbox Row",
   tag: "CheckboxRow",

package/lib/commonjs/mappings/CircleImage.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Circle Image",
   tag: "CircleImage",

package/lib/commonjs/mappings/Container.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Container",
   tag: "Container",

package/lib/commonjs/mappings/CustomCode.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Custom Code",
   tag: "CustomCode",

package/lib/commonjs/mappings/DatePicker.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   label: {
     label: "Label",
@@ -16,6 +18,16 @@ const SEED_DATA_PROPS = {
     required: true,
     group: _types.GROUPS.data
   },
+  labelSize: (0, _types.createNumberProp)({
+    label: "Label Font Size",
+    group: _types.GROUPS.basic,
+    description: "Label font size",
+    editable: true,
+    defaultValue: null
+  }),
+  labelColor: (0, _types.createColorProp)({
+    label: "Label Color"
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -27,6 +39,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: _types.GROUPS.basic
   },
+  borderColor: (0, _types.createColorProp)({
+    label: "Default Border Color"
+  }),
+  borderColorActive: (0, _types.createColorProp)({
+    label: "Active Border Color"
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -35,7 +53,7 @@ const SEED_DATA_PROPS = {
     formType: _types.FORM_TYPES.string,
     propType: _types.PROP_TYPES.STRING,
     defaultValue: null,
-    group: _types.GROUPS.basic
+    group: _types.GROUPS.data
   },
   assistiveText: {
     label: "Assistive text",
@@ -45,7 +63,7 @@ const SEED_DATA_PROPS = {
     defaultValue: null,
     editable: true,
     required: false,
-    group: _types.GROUPS.basic
+    group: _types.GROUPS.data
   },
   // locale: {
   //   label: "Locale",
@@ -87,7 +105,7 @@ const SEED_DATA_PROPS = {
     defaultValue: false,
     editable: true,
     required: false,
-    group: _types.GROUPS.basic
+    group: _types.GROUPS.data
   },
   // error: {
   //   label: "Error",
@@ -130,8 +148,7 @@ const SEED_DATA_PROPS = {
     required: false,
     group: _types.GROUPS.basic
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     handlerPropName: "onDateChange",
     valuePropName: "date",
     defaultValue: "date"
@@ -144,8 +161,8 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.input,
   layout: null,
   triggers: [_types.Triggers.OnDateChange],
-  props: {
-    ...SEED_DATA_PROPS,
+  StylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Size],
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Datepicker",

package/lib/commonjs/mappings/Divider.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Divider",
   tag: "Divider",

package/lib/commonjs/mappings/FAB.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "FAB",
   tag: "FAB",

package/lib/commonjs/mappings/Fetch.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 /* TODO remove, still used inside the builder in a weird way */
 const SEED_DATA = {
   name: "Fetch",

package/lib/commonjs/mappings/FieldSearchBarFull.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Search Bar",
   tag: "FieldSearchBarFull",
@@ -46,8 +48,7 @@ const SEED_DATA = [{
       propType: _types.PROP_TYPES.STRING,
       defaultValue: null
     },
-    fieldName: {
-      ..._types.FIELD_NAME,
+    fieldName: { ..._types.FIELD_NAME,
       defaultValue: "searchBarValue"
     }
   },

package/lib/commonjs/mappings/FlashList.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "FlashList",
   tag: "FlashList",

package/lib/commonjs/mappings/FlatList.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "List",
   tag: "FlatList",

package/lib/commonjs/mappings/HeaderLarge.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Header Large",
   tag: "HeaderLarge",

package/lib/commonjs/mappings/HeaderMedium.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Header Medium",
   tag: "HeaderMedium",

package/lib/commonjs/mappings/HeaderOverline.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Header Overline",
   tag: "HeaderOverline",

package/lib/commonjs/mappings/Icon.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Icon",
   tag: "Icon",
@@ -13,8 +15,7 @@ const SEED_DATA = {
   stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Background, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {},
   props: {
-    name: {
-      ...(0, _types.createIconProp)(),
+    name: { ...(0, _types.createIconProp)(),
       group: _types.GROUPS.data
     },
     color: (0, _types.createColorProp)(),

package/lib/commonjs/mappings/IconButton.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Icon Button",
   tag: "IconButton",

package/lib/commonjs/mappings/Image.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Image",
   tag: "Image",

package/lib/commonjs/mappings/ImageBackground.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Image Background",
   tag: "ImageBackground",

package/lib/commonjs/mappings/KeyboardAvoidingView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Keyboard Avoiding View",
   tag: "KeyboardAvoidingView",

package/lib/commonjs/mappings/KeyboardAwareScrollView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Keyboard Aware Scroll View",
   tag: "KeyboardAwareScrollView",

package/lib/commonjs/mappings/Layout.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Row",
   tag: "Row",

package/lib/commonjs/mappings/LinearGradient.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Linear Gradient",
   tag: "LinearGradient",

package/lib/commonjs/mappings/MapCallout.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",