@draftbit/core 46.8.1-fe4ccb.2 → 46.8.1

package/src/mappings/Accordion.ts

@@ -5,6 +5,7 @@ import {
   createTextProp,
   createStaticBoolProp,
   createColorProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -12,6 +13,15 @@ export const SEED_DATA = {
   tag: "AccordionGroup",
   description: "An expandable container containing components",
   category: COMPONENT_TYPES.container,
+  stylesPanelSections: [
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     paddingTop: 8,
     paddingRight: 8,

package/src/mappings/AccordionItem.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createColorProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createTextProp, createColorProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Accordion Item",
     tag: "AccordionItem",
     description: "Item to be used in Accordion",
     category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     props: {
         icon: createIconProp(),
         label: createTextProp({

package/src/mappings/AccordionItem.ts

@@ -3,6 +3,7 @@ import {
   createIconProp,
   createTextProp,
   createColorProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,6 +11,7 @@ export const SEED_DATA = {
   tag: "AccordionItem",
   description: "Item to be used in Accordion",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   props: {
     icon: createIconProp(),
     label: createTextProp({

package/src/mappings/ActionSheet.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createStaticBoolProp, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Action Sheet",
     tag: "ActionSheet",
     description: "Action Sheet container",
     category: COMPONENT_TYPES.actionsheet,
+    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
     props: {
         visible: createStaticBoolProp({
             group: GROUPS.data,

package/src/mappings/ActionSheet.ts

@@ -1,10 +1,16 @@
-import { COMPONENT_TYPES, createStaticBoolProp, GROUPS } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createStaticBoolProp,
+  GROUPS,
+  StylesPanelSections,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Action Sheet",
   tag: "ActionSheet",
   description: "Action Sheet container",
   category: COMPONENT_TYPES.actionsheet,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
   props: {
     visible: createStaticBoolProp({
       group: GROUPS.data,

package/src/mappings/ActionSheetCancel.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Action Sheet Cancel",
     tag: "ActionSheetCancel",
     description: "Action Sheet cancel",
+    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
     category: COMPONENT_TYPES.actionsheet,
     triggers: [Triggers.OnPress],
     props: {

package/src/mappings/ActionSheetCancel.ts

@@ -5,12 +5,14 @@ import {
   createTextProp,
   GROUPS,
   Triggers,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
   category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   props: {

package/src/mappings/ActionSheetItem.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Action Sheet Item",
     tag: "ActionSheetItem",
     description: "Action Sheet item",
     category: COMPONENT_TYPES.actionsheet,
+    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
     triggers: [Triggers.OnPress],
     layout: {
         textAlign: "center",

package/src/mappings/ActionSheetItem.ts

@@ -5,6 +5,7 @@ import {
   createTextProp,
   GROUPS,
   Triggers,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -12,6 +13,7 @@ export const SEED_DATA = {
   tag: "ActionSheetItem",
   description: "Action Sheet item",
   category: COMPONENT_TYPES.actionsheet,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
   triggers: [Triggers.OnPress],
   layout: {
     textAlign: "center",

package/src/mappings/LinearGradient.js

@@ -1,9 +1,14 @@
-import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
+import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Linear Gradient",
     tag: "LinearGradient",
     description: "Linear Gradient Component",
     layout: { width: "100%", height: "100%" },
+    stylesPanelSections: [
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     props: {
         endY: {
             group: GROUPS.basic,

package/src/mappings/LinearGradient.ts

@@ -3,6 +3,7 @@ import {
   FORM_TYPES,
   GROUPS,
   PROP_TYPES,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,6 +11,11 @@ export const SEED_DATA = {
   tag: "LinearGradient",
   description: "Linear Gradient Component",
   layout: { width: "100%", height: "100%" },
+  stylesPanelSections: [
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   props: {
     endY: {
       group: GROUPS.basic,

package/src/mappings/MapCallout.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Map Callout",
     tag: "MapCallout",
     packageName: "@draftbit/maps",
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     description: "An info window to display on top of a marker when it is clicked",
     category: COMPONENT_TYPES.map,
     triggers: [Triggers.OnPress],

package/src/mappings/MapCallout.ts

@@ -4,12 +4,14 @@ import {
   createBoolProp,
   GROUPS,
   Triggers,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",
   packageName: "@draftbit/maps",
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   description:
     "An info window to display on top of a marker when it is clicked",
   category: COMPONENT_TYPES.map,

package/src/mappings/MapMarker.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Map Marker",
     tag: "MapMarker",
     packageName: "@draftbit/maps",
     description: "A marker to show inside map view",
     category: COMPONENT_TYPES.map,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {},
     props: {
         latitude: createNumberProp({

package/src/mappings/MapMarker.ts

@@ -5,6 +5,7 @@ import {
   createNumberProp,
   createTextProp,
   GROUPS,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,6 +14,7 @@ export const SEED_DATA = {
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
   category: COMPONENT_TYPES.map,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     latitude: createNumberProp({

package/src/mappings/MapView.js

@@ -1,10 +1,11 @@
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, FORM_TYPES, PROP_TYPES, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Map View",
     tag: "MapView",
     packageName: "@draftbit/maps",
     description: "A map view",
     category: COMPONENT_TYPES.map,
+    stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
     layout: {
         flex: 1,
         width: "100%",

package/src/mappings/MapView.ts

@@ -7,6 +7,7 @@ import {
   GROUPS,
   FORM_TYPES,
   PROP_TYPES,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,6 +16,7 @@ export const SEED_DATA = {
   packageName: "@draftbit/maps",
   description: "A map view",
   category: COMPONENT_TYPES.map,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
   layout: {
     flex: 1,
     width: "100%",

package/src/mappings/Swiper.js

@@ -1,9 +1,18 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, Triggers, createActionProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper",
     tag: "Swiper",
     description: "Swiper container",
     category: COMPONENT_TYPES.swiper,
+    stylesPanelSections: [
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     layout: {
         height: 300,
         width: "100%",

package/src/mappings/Swiper.ts

@@ -7,6 +7,7 @@ import {
   GROUPS,
   Triggers,
   createActionProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -14,6 +15,15 @@ export const SEED_DATA = {
   tag: "Swiper",
   description: "Swiper container",
   category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: [
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     height: 300,
     width: "100%",

package/src/mappings/SwiperItem.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper Item",
     tag: "SwiperItem",
     description: "Swiper item",
     category: COMPONENT_TYPES.swiper,
     props: {},
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };

package/src/mappings/SwiperItem.ts

@@ -1,4 +1,7 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Swiper Item",
@@ -6,4 +9,5 @@ export const SEED_DATA = {
   description: "Swiper item",
   category: COMPONENT_TYPES.swiper,
   props: {},
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };

package/src/mappings/TextArea.js

@@ -1,9 +1,18 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Text Area",
     tag: "TextInput",
     description: "An input field that allows for multiple lines.",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     layout: {
         borderLeftWidth: 1,
         borderRightWidth: 1,

package/src/mappings/TextArea.ts

@@ -6,6 +6,7 @@ import {
   FIELD_NAME,
   Triggers,
   createDisabledProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,6 +14,15 @@ export const SEED_DATA = {
   tag: "TextInput",
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     borderLeftWidth: 1,
     borderRightWidth: 1,

package/src/mappings/TextField.js

@@ -302,6 +302,15 @@ export const SEED_DATA = [
         preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
         supports_list_render: false,
         triggers: SEED_DATA_TRIGGERS,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Effects,
+        ],
         props: {
             ...SEED_DATA_PROPS,
             type: {

package/src/mappings/TextField.ts

@@ -324,6 +324,15 @@ export const SEED_DATA = [
     preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
     supports_list_render: false,
     triggers: SEED_DATA_TRIGGERS,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Effects,
+    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {

package/lib/commonjs/components/Shadow.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeShadow = require("react-native-shadow-2");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const Shadow = _ref => {
-  let {
-    offsetX = 0,
-    offsetY = 0,
-    showShadowSideStart = true,
-    showShadowSideEnd = true,
-    showShadowSideTop = true,
-    showShadowSideBottom = true,
-    showShadowCornerTopStart = true,
-    showShadowCornerTopEnd = true,
-    showShadowCornerBottomStart = true,
-    showShadowCornerBottomEnd = true,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNativeShadow.Shadow, _extends({
-    offset: [offsetX, offsetY],
-    sides: {
-      start: showShadowSideStart,
-      end: showShadowSideEnd,
-      top: showShadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    }
-  }, rest));
-};
-var _default = Shadow;
-exports.default = _default;

package/lib/commonjs/mappings/Shadow.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow View",
-  description: "A cross-platform, universal shadow.",
-  category: _types.COMPONENT_TYPES.view,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  props: {
-    disabled: (0, _types.createDisabledProp)({
-      description: "Disables the shadow."
-    }),
-    startColor: (0, _types.createColorProp)({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null
-    }),
-    endColor: (0, _types.createColorProp)({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null
-    }),
-    distance: (0, _types.createStaticNumberProp)({
-      label: "Distance",
-      description: "The distance of the shadow."
-    }),
-    paintInside: (0, _types.createStaticBoolProp)({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: null
-    }),
-    stretch: (0, _types.createStaticBoolProp)({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null
-    }),
-    offsetX: (0, _types.createStaticNumberProp)({
-      label: "Offset X",
-      description: "Moved the shadow in the x direction",
-      defeaultValue: 0
-    }),
-    offsetY: (0, _types.createStaticNumberProp)({
-      label: "Offset Y",
-      description: "Moved the shadow in the y direction",
-      defeaultValue: 0
-    }),
-    showShadowSideStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Start",
-      description: "Whether to show shadow on the start side or not",
-      defaultValue: true
-    }),
-    showShadowSideEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow End",
-      description: "Whether to show shadow on the end side or not",
-      defaultValue: true
-    }),
-    showShadowSideTop: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top",
-      description: "Whether to show shadow on the top side or not",
-      defaultValue: true
-    }),
-    showShadowSideBottom: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom",
-      description: "Whether to show shadow on the bottom side or not",
-      defaultValue: true
-    }),
-    showShadowCornerTopStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top Start Corner",
-      description: "Whether to show shadow on the top start corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerTopEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top End Corner",
-      description: "Whether to show shadow on the top end corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerBottomStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom Start Corner",
-      description: "Whether to show shadow on the bottom start corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerBottomEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom End Corner",
-      description: "Whether to show shadow on the bottom end corner or not",
-      defaultValue: true
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Shadow.js

@@ -1,34 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
-import { Shadow as ShadowComponent } from "react-native-shadow-2";
-const Shadow = _ref => {
-  let {
-    offsetX = 0,
-    offsetY = 0,
-    showShadowSideStart = true,
-    showShadowSideEnd = true,
-    showShadowSideTop = true,
-    showShadowSideBottom = true,
-    showShadowCornerTopStart = true,
-    showShadowCornerTopEnd = true,
-    showShadowCornerBottomStart = true,
-    showShadowCornerBottomEnd = true,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
-    offset: [offsetX, offsetY],
-    sides: {
-      start: showShadowSideStart,
-      end: showShadowSideEnd,
-      top: showShadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    }
-  }, rest));
-};
-export default Shadow;