@draftbit/core 46.12.1-62afc7.2 → 46.12.1

package/src/components/SwipeableView/SwipeableView.tsx

@@ -77,18 +77,23 @@ const SwipeableView: React.FC<React.PropsWithChildren<SwipeableViewProps>> = ({
   const { borderStyles, marginStyles } =
     extractBorderAndMarginStyles(viewStyles);
 
+  const sizeStyles = extractSizeStyles(viewStyles);
+
   const parentContainerStyles = StyleSheet.flatten([
     borderStyles,
     marginStyles,
     extractFlexItemStyles(viewStyles),
     extractPositionStyles(viewStyles),
     extractEffectStyles(viewStyles),
-    extractSizeStyles(viewStyles),
+    sizeStyles,
   ]);
 
   //Remove styles already consumed from viewStyles
   Object.keys(parentContainerStyles).forEach((key) => delete viewStyles[key]);
-  const surfaceContainerStyles = viewStyles;
+  const surfaceContainerStyles = StyleSheet.flatten([
+    viewStyles,
+    sizeStyles /* Size styles needs to be readded to surface container due to inconsistencies on web */,
+  ]);
 
   const [componentWidth, setComponentWidth] = React.useState<number | null>(
     null
@@ -289,7 +294,7 @@ const styles = StyleSheet.create({
   surfaceContainer: {
     flexDirection: "row",
     width: "100%",
-    height: "100%",
+    minHeight: 50,
     padding: 10,
     alignItems: "center",
     overflow: "hidden",

package/src/components/SwipeableView/SwipeableViewButton.tsx

@@ -3,7 +3,7 @@ import React from "react";
 export interface SwipeableViewButtonProps {
   title: string;
   side: "left" | "right";
-  onPress: (() => void) | null; //Not optional in order to always exist in props
+  onPress?: () => void;
   icon?: string;
   iconSize?: number;
   backgroundColor?: string;

package/src/components/SwipeableView/SwipeableViewSwipeHandler.tsx

@@ -3,7 +3,7 @@ import React from "react";
 export interface SwipeableViewSwipeHandlerProps {
   title: string;
   side: "left" | "right";
-  onSwipe: (() => void) | null; //Not optional in order to always exist in props
+  onSwipe?: () => void;
   icon?: string;
   iconSize?: number;
   backgroundColor?: string;

package/src/mappings/FlatList.js

@@ -5,9 +5,6 @@ export const SEED_DATA = {
     description: "A basic List component",
     category: COMPONENT_TYPES.data,
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        flex: 1,
-    },
     triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
     props: {
         onRefresh: createActionProp(),

package/src/mappings/FlatList.ts

@@ -15,9 +15,6 @@ export const SEED_DATA = {
   description: "A basic List component",
   category: COMPONENT_TYPES.data,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    flex: 1,
-  },
   triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
   props: {
     onRefresh: createActionProp(),

package/src/mappings/SwipeableView.js

@@ -67,12 +67,12 @@ export const SEED_DATA = [
             disableLeftSwipe: createBoolProp({
                 label: "Disable left swipe",
                 description: "Whether left swipe is enabled or not",
-                defaultValue: true,
+                defaultValue: false,
             }),
             disableRightSwipe: createBoolProp({
                 label: "Disable right swipe",
                 description: "Whether right swipe is enabled or not",
-                defaultValue: true,
+                defaultValue: false,
             }),
             leftOpenValue: createStaticNumberProp({
                 label: "Left open value",

package/src/mappings/SwipeableView.ts

@@ -86,12 +86,12 @@ export const SEED_DATA = [
       disableLeftSwipe: createBoolProp({
         label: "Disable left swipe",
         description: "Whether left swipe is enabled or not",
-        defaultValue: true,
+        defaultValue: false,
       }),
       disableRightSwipe: createBoolProp({
         label: "Disable right swipe",
         description: "Whether right swipe is enabled or not",
-        defaultValue: true,
+        defaultValue: false,
       }),
       leftOpenValue: createStaticNumberProp({
         label: "Left open value",

package/src/utilities.js

@@ -106,7 +106,7 @@ export function extractEffectStyles(style, additionalEffectStyles) {
     ]), identity);
     return effectStyles;
 }
-export const sizeStyleNames = ["width", "height"];
+export const sizeStyleNames = ["width", "height", "minWidth", "minHeight"];
 export function extractSizeStyles(style, additionalSizeStyles) {
     const flatStyle = StyleSheet.flatten(style || {});
     const sizeStyles = pickBy(pick(flatStyle, [

package/src/utilities.ts

@@ -169,7 +169,7 @@ export function extractEffectStyles(
   return effectStyles;
 }
 
-export const sizeStyleNames = ["width", "height"];
+export const sizeStyleNames = ["width", "height", "minWidth", "minHeight"];
 
 export function extractSizeStyles(
   style: StyleProp<any>,