@draftbit/core 46.4.4-c18fe1.2 → 46.4.4-c96c31.2

package/lib/commonjs/interfaces/Icon.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.injectIcon = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * This is an interface for a hybrid component.
  *
  * Its public implementation is `@draftbit/native`, and it is injected inside
  * `@draftbit/ui`.
  */
-
-const injectIcon = (Component, Icon) => props => /*#__PURE__*/_react.default.createElement(Component, {
-  ...props,
+const injectIcon = (Component, Icon) => props => /*#__PURE__*/_react.default.createElement(Component, { ...props,
   Icon
 });
+
 exports.injectIcon = injectIcon;

package/lib/commonjs/mappings/Accordion.js

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

package/lib/commonjs/mappings/AccordionItem.js

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

package/lib/commonjs/mappings/ActionSheet.js

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

package/lib/commonjs/mappings/ActionSheetCancel.js

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

package/lib/commonjs/mappings/ActionSheetItem.js

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

package/lib/commonjs/mappings/ActivityIndicator.js

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

package/lib/commonjs/mappings/AudioPlayer.js

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

package/lib/commonjs/mappings/AvatarEdit.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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,12 @@ const SEED_DATA_PROPS = {
     required: true,
     group: _types.GROUPS.data
   },
+  labelSize: (0, _types.createNumberProp)({
+    label: "Label Size"
+  }),
+  labelColor: (0, _types.createColorProp)({
+    label: "Label Color"
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -27,6 +35,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: _types.GROUPS.basic
   },
+  borderColor: (0, _types.createColorProp)({
+    label: "Border Color"
+  }),
+  borderColorActive: (0, _types.createColorProp)({
+    label: "Border Color"
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -130,8 +144,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 +157,8 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.input,
   layout: null,
   triggers: [_types.Triggers.OnDateChange],
-  props: {
-    ...SEED_DATA_PROPS,
+  StylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Size, _types.StylesPanelSections.Typography],
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Datepicker",

package/lib/commonjs/mappings/Divider.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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",