@draftbit/core 46.7.9-28aa70.2 → 46.7.9-3ec6a6.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -12,7 +12,6 @@ var _theming = require("../../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 AccordionItem = _ref => {
   let {
     Icon,
@@ -27,9 +26,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -61,4 +61,23 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(AccordionItem);
+exports.default = _default;.StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+var _default = (0, _theming.withTheme)(AccordionItem);
 exports.default = _default;

package/lib/commonjs/components/DeckSwiper/DeckSwiper.js

@@ -26,12 +26,13 @@ const DeckSwiper = _ref => {
   const cardsFillerData = _react.default.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
 
   /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
    *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
    */
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {

package/lib/commonjs/components/DeckSwiper/DeckSwiperCard.js

@@ -17,7 +17,6 @@ const DeckSwiperCard = _ref => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.card, {
       backgroundColor: theme.colors.background,
-      borderRadius: theme.borderRadius.global,
       borderColor: theme.colors.divider
     }, style]
   }, children);

package/lib/commonjs/mappings/DeckSwiper.js

@@ -11,6 +11,9 @@ const SEED_DATA = {
   description: "Deck swiper container",
   category: _types.COMPONENT_TYPES.swiper,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: {
+    width: "100%"
+  },
   triggers: [_types.Triggers.OnIndexChanged, _types.Triggers.OnEndReached],
   props: {
     onIndexChanged: (0, _types.createActionProp)({

package/lib/commonjs/mappings/DeckSwiperCard.js

@@ -11,6 +11,13 @@ const SEED_DATA = {
   description: "Single Deck Swiper Card item to be used in DeckSwiper",
   category: _types.COMPONENT_TYPES.swiper,
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+    borderWidth: 2
+  },
   props: {}
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/module/components/DeckSwiper/DeckSwiper.js

@@ -19,12 +19,13 @@ const DeckSwiper = _ref => {
   const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
 
   /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
    *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
    */
 
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {

package/lib/module/components/DeckSwiper/DeckSwiperCard.js

@@ -10,7 +10,6 @@ const DeckSwiperCard = _ref => {
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.card, {
       backgroundColor: theme.colors.background,
-      borderRadius: theme.borderRadius.global,
       borderColor: theme.colors.divider
     }, style]
   }, children);

package/lib/module/components/StepIndicator.js

@@ -1,3 +1,6 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // @ts-nocheck
 import React, { Component } from "react";
 import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
@@ -9,7 +12,7 @@ const STEP_STATUS = {
 export default class StepIndicator extends Component {
   constructor(props) {
     super(props);
-    this.renderProgressBarBackground = () => {
+    _defineProperty(this, "renderProgressBarBackground", () => {
       const {
         stepCount,
         direction
@@ -52,8 +55,8 @@ export default class StepIndicator extends Component {
         },
         style: progressBarBackgroundStyle
       });
-    };
-    this.renderProgressBar = () => {
+    });
+    _defineProperty(this, "renderProgressBar", () => {
       const {
         stepCount,
         direction
@@ -83,8 +86,8 @@ export default class StepIndicator extends Component {
       return /*#__PURE__*/React.createElement(Animated.View, {
         style: progressBarStyle
       });
-    };
-    this.renderStepIndicator = () => {
+    });
+    _defineProperty(this, "renderStepIndicator", () => {
       let steps = [];
       const {
         stepCount,
@@ -115,8 +118,8 @@ export default class StepIndicator extends Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    };
-    this.renderStepLabels = () => {
+    });
+    _defineProperty(this, "renderStepLabels", () => {
       const {
         labels,
         direction,
@@ -158,8 +161,8 @@ export default class StepIndicator extends Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    };
-    this.renderStep = position => {
+    });
+    _defineProperty(this, "renderStep", position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -226,8 +229,8 @@ export default class StepIndicator extends Component {
       }) : /*#__PURE__*/React.createElement(Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    };
-    this.getStepStatus = stepPosition => {
+    });
+    _defineProperty(this, "getStepStatus", stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -238,8 +241,8 @@ export default class StepIndicator extends Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    };
-    this.onCurrentPositionChanged = position => {
+    });
+    _defineProperty(this, "onCurrentPositionChanged", position => {
       let {
         stepCount
       } = this.props;
@@ -259,7 +262,7 @@ export default class StepIndicator extends Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    };
+    });
     const defaultStyles = {
       stepIndicatorSize: 30,
       currentStepIndicatorSize: 40,
@@ -325,6 +328,7 @@ export default class StepIndicator extends Component {
     //     ),
     //   }));
     // }
+
     if (prevProps.currentPosition !== this.props.currentPosition) {
       this.onCurrentPositionChanged(this.props.currentPosition);
     }
@@ -365,50 +369,6 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
-StepIndicator.defaultProps = {
-  currentPosition: 0,
-  stepCount: 5,
-  customStyles: {},
-  direction: "horizontal"
-};rrentPositionChanged(this.props.currentPosition);
-    }
-  }
-}
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: "transparent"
-  },
-  stepIndicatorContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-around",
-    backgroundColor: "transparent"
-  },
-  stepLabelsContainer: {
-    justifyContent: "space-around"
-  },
-  step: {
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 2
-  },
-  stepContainer: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  stepLabel: {
-    fontSize: 12,
-    textAlign: "center",
-    fontWeight: "500"
-  },
-  stepLabelItem: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/module/mappings/DeckSwiper.js

@@ -5,6 +5,9 @@ export const SEED_DATA = {
   description: "Deck swiper container",
   category: COMPONENT_TYPES.swiper,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    width: "100%"
+  },
   triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
   props: {
     onIndexChanged: createActionProp({

package/lib/module/mappings/DeckSwiperCard.js

@@ -5,5 +5,12 @@ export const SEED_DATA = {
   description: "Single Deck Swiper Card item to be used in DeckSwiper",
   category: COMPONENT_TYPES.swiper,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+    borderWidth: 2
+  },
   props: {}
 };

package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA4DlE,CAAC;AAiBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA6DlE,CAAC;AAiBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAgCD,wBAAyC"}
+{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA+BD,wBAAyC"}

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

@@ -4,6 +4,9 @@ export declare const SEED_DATA: {
     description: string;
     category: string;
     stylesPanelSections: string[];
+    layout: {
+        width: string;
+    };
     triggers: string[];
     props: {
         onIndexChanged: {

package/lib/typescript/src/mappings/DeckSwiper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CrB,CAAC"}
+{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}

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

@@ -4,6 +4,13 @@ export declare const SEED_DATA: {
     description: string;
     category: string;
     stylesPanelSections: string[];
+    layout: {
+        flex: number;
+        alignItems: string;
+        justifyContent: string;
+        padding: number;
+        borderWidth: number;
+    };
     props: {};
 };
 //# sourceMappingURL=DeckSwiperCard.d.ts.map

package/lib/typescript/src/mappings/DeckSwiperCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiperCard.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}
+{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiperCard.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.7.9-28aa70.2+28aa703",
+  "version": "46.7.9-3ec6a6.2+3ec6a62",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.7.9-28aa70.2+28aa703",
+    "@draftbit/types": "^46.7.9-3ec6a6.2+3ec6a62",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -92,5 +92,5 @@
       ]
     ]
   },
-  "gitHead": "28aa70352ea13ca8e0c808bd54f2aa682dae0082"
+  "gitHead": "3ec6a6211ad7068f7385664d90ec27cafe83cd2d"
 }

package/src/components/DeckSwiper/DeckSwiper.js

@@ -6,12 +6,13 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
     // an array of indices based on children count
     const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
     /**
-     * By default react-native-deck-swiper positions everything with absolute position
-     * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+     * By default react-native-deck-swiper positions everything with absolute position.
+     * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
      *
-     * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-     * This effectivley makes the default height of the container be the height of the first card
+     *
+     * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+     * This effectivley makes the default height of the container be the height of the first card.
      */
     return (React.createElement(View, null,
         React.createElement(View, { style: styles.containerHeightFiller }, childrenArray.length && childrenArray[0]),

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -36,12 +36,13 @@ const DeckSwiper: React.FC<React.PropsWithChildren<DeckSwiperProps>> = ({
   );
 
   /**
-   * By default react-native-deck-swiper positions everything with absolute position
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
    *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
-   * This effectivley makes the default height of the container be the height of the first card
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
    */
 
   return (

package/src/components/DeckSwiper/DeckSwiperCard.js

@@ -5,7 +5,6 @@ const DeckSwiperCard = ({ style, children, theme, }) => (React.createElement(Vie
         styles.card,
         {
             backgroundColor: theme.colors.background,
-            borderRadius: theme.borderRadius.global,
             borderColor: theme.colors.divider,
         },
         style,

package/src/components/DeckSwiper/DeckSwiperCard.tsx

@@ -19,7 +19,6 @@ const DeckSwiperCard: React.FC<DeckSwiperCardProps> = ({
       styles.card,
       {
         backgroundColor: theme.colors.background,
-        borderRadius: theme.borderRadius.global,
         borderColor: theme.colors.divider,
       },
       style,

package/src/mappings/DeckSwiper.js

@@ -5,6 +5,9 @@ export const SEED_DATA = {
     description: "Deck swiper container",
     category: COMPONENT_TYPES.swiper,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    layout: {
+        width: "100%",
+    },
     triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
     props: {
         onIndexChanged: createActionProp({

package/src/mappings/DeckSwiper.ts

@@ -13,6 +13,9 @@ export const SEED_DATA = {
   description: "Deck swiper container",
   category: COMPONENT_TYPES.swiper,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    width: "100%",
+  },
   triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
   props: {
     onIndexChanged: createActionProp({

package/src/mappings/DeckSwiperCard.js

@@ -5,5 +5,12 @@ export const SEED_DATA = {
     description: "Single Deck Swiper Card item to be used in DeckSwiper",
     category: COMPONENT_TYPES.swiper,
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    layout: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 20,
+        borderWidth: 2,
+    },
     props: {},
 };

package/src/mappings/DeckSwiperCard.ts

@@ -9,5 +9,12 @@ export const SEED_DATA = {
   description: "Single Deck Swiper Card item to be used in DeckSwiper",
   category: COMPONENT_TYPES.swiper,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+    borderWidth: 2,
+  },
   props: {},
 };