@draftbit/core 46.7.3 → 46.7.5

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

@@ -5,7 +5,18 @@ export declare const SEED_DATA: {
     category: string;
     stylesPanelSections: string[];
     layout: {};
+    triggers: string[];
     props: {
+        onRefresh: {
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+            group: string;
+        };
         horizontal: {
             label: string;
             description: string;
@@ -46,6 +57,16 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
+        refreshColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
     };
 };
 //# sourceMappingURL=ScrollView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ScrollView.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrB,CAAC"}
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ScrollView.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCrB,CAAC"}

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

@@ -23,6 +23,16 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
         activeOpacity: {
             label: string;
             description: string;
@@ -67,6 +77,16 @@ export declare const SEED_DATA: {
             required: boolean;
             step: number;
         };
+        android_disableSound: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
     name: string;
     tag: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAgEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.7.3",
+  "version": "46.7.5",
   "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.3",
+    "@draftbit/types": "^46.7.5",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "6ca9942ecce0f011576b079016ca021548649133"
+  "gitHead": "9f8dad5d16a2975162d7bdd23990956d73d9b859"
 }

package/src/components/Button.js

@@ -7,7 +7,7 @@ const CONSTANTS = {
     padding: 8,
     icon: 24,
 };
-function Base({ Icon, icon, title, loading, disabled, style, activeOpacity, disabledOpacity, ...props }) {
+function Base({ Icon, icon, title, loading, disabled, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});
     const titleStyles = {
         color,

package/src/components/Button.tsx

@@ -59,8 +59,8 @@ function Base({
   loading,
   disabled,
   style,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   ...props
 }: BaseProps): JSX.Element {
   const {

package/src/components/IconButton.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
 import { withTheme } from "../theming";
-const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled = false, loading = false, onPress, theme, style, ...props }) => {
+const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
     const iconColor = customColor || theme.colors.primary;
     return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
             return [
                 styles.container,
                 {
-                    opacity: pressed || disabled ? 0.75 : 1,
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
                     width: size,
                     height: size,
                     alignItems: "center",

package/src/components/IconButton.tsx

@@ -22,6 +22,8 @@ type Props = {
   onPress: () => void;
   theme: Theme;
   style?: StyleProp<ViewStyle>;
+  activeOpacity?: number;
+  disabledOpacity?: number;
 } & PressableProps &
   IconSlot;
 
@@ -30,11 +32,13 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
   icon,
   color: customColor,
   size = 32,
-  disabled = false,
+  disabled,
   loading = false,
   onPress,
   theme,
   style,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   ...props
 }) => {
   const iconColor = customColor || theme.colors.primary;
@@ -47,7 +51,7 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
         return [
           styles.container,
           {
-            opacity: pressed || disabled ? 0.75 : 1,
+            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
             width: size,
             height: size,
             alignItems: "center",

package/src/components/NumberInput.js

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { TextInput } from "react-native";
 import { isString, isNumber, isNaN } from "lodash";
 const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
-    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
+    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
     const formatValueToStringNumber = (valueToFormat) => {
         if (valueToFormat != null) {
             if (isString(valueToFormat) && valueToFormat !== "") {

package/src/components/NumberInput.tsx

@@ -14,7 +14,7 @@ const NumberInput: FC<Props> = ({
   defaultValue,
   ...props
 }) => {
-  const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
+  const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
 
   const formatValueToStringNumber = (valueToFormat?: number | string) => {
     if (valueToFormat != null) {

package/src/components/Pressable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable as NativePressable, } from "react-native";
-export default function Pressable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
+export default function Pressable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(NativePressable, { onPress: onPress, disabled: disabled, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Pressable.tsx

@@ -15,8 +15,8 @@ export default function Pressable({
   children,
   disabled,
   onPress,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   delayLongPress,
   hitSlop,
   style,

package/src/components/Touchable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable } from "react-native";
-export default function Touchable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
+export default function Touchable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(Pressable, { disabled: disabled, onPress: onPress, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Touchable.tsx

@@ -11,8 +11,8 @@ export default function Touchable({
   children,
   disabled,
   onPress,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   delayLongPress,
   hitSlop,
   style,

package/src/index.js

@@ -8,7 +8,6 @@ export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
-export { default as Carousel } from "./components/Carousel";
 export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
 export { default as CircleImage } from "./components/CircleImage";
 export { default as Container } from "./components/Container";
@@ -33,14 +32,7 @@ export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */
-export { default as CardBlock } from "./components/CardBlock";
-export { default as CardContainer } from "./components/CardContainer";
-export { default as CardContainerRating } from "./components/CardContainerRating";
-export { default as CardInline } from "./components/CardInline";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
-export { default as HeaderLarge } from "./components/HeaderLarge";
-export { default as HeaderMedium } from "./components/HeaderMedium";
-export { default as HeaderOverline } from "./components/HeaderOverline";
 export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";
 export { default as ProgressCircle } from "./components/ProgressCircle";

package/src/index.tsx

@@ -9,7 +9,6 @@ export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
-export { default as Carousel } from "./components/Carousel";
 export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
 export { default as CircleImage } from "./components/CircleImage";
 export { default as Container } from "./components/Container";
@@ -53,14 +52,7 @@ export {
 } from "./components/RadioButton/index";
 
 /* Deprecated: Fix or Delete!  */
-export { default as CardBlock } from "./components/CardBlock";
-export { default as CardContainer } from "./components/CardContainer";
-export { default as CardContainerRating } from "./components/CardContainerRating";
-export { default as CardInline } from "./components/CardInline";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
-export { default as HeaderLarge } from "./components/HeaderLarge";
-export { default as HeaderMedium } from "./components/HeaderMedium";
-export { default as HeaderOverline } from "./components/HeaderOverline";
 export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";
 export { default as ProgressCircle } from "./components/ProgressCircle";

package/src/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
     activeOpacity: createStaticNumberProp({
         label: "Active Opacity",
         description: "Opacity of the button when active.",
-        defaultValue: 0.8,
+        defaultValue: null,
         min: 0,
         max: 1,
         step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
         label: "Disabled Opacity",
         description: "Opacity of the button when disabled.",
-        defaultValue: 0.8,
+        defaultValue: null,
         min: 0,
         max: 1,
         step: 0.01,

package/src/mappings/Button.ts

@@ -28,7 +28,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -38,7 +38,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/src/mappings/FlashList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = [
     {
         name: "Masonry List",
@@ -35,6 +35,20 @@ export const SEED_DATA = [
                 description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
                 defaultValue: 0.5,
             }),
+            refreshColor: createColorProp({
+                label: "Refreshing Color",
+                description: "Color of the refresh indicator",
+            }),
+            showsHorizontalScrollIndicator: createStaticBoolProp({
+                label: "Show Horizontal Scroll Indicator",
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
+            showsVerticalScrollIndicator: createStaticBoolProp({
+                label: "Show Vertical Scroll Indicator",
+                description: "When true, shows a vertical scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
         },
     },
     {
@@ -80,6 +94,20 @@ export const SEED_DATA = [
                 description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
                 defaultValue: 0.5,
             }),
+            refreshColor: createColorProp({
+                label: "Refreshing Color",
+                description: "Color of the refresh indicator",
+            }),
+            showsHorizontalScrollIndicator: createStaticBoolProp({
+                label: "Show Horizontal Scroll Indicator",
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
+            showsVerticalScrollIndicator: createStaticBoolProp({
+                label: "Show Vertical Scroll Indicator",
+                description: "When true, shows a vertical scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
         },
     },
 ];

package/src/mappings/FlashList.ts

@@ -8,6 +8,7 @@ import {
   Triggers,
   createActionProp,
   createStaticNumberProp,
+  createColorProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = [
@@ -47,6 +48,22 @@ export const SEED_DATA = [
           "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
         defaultValue: 0.5,
       }),
+      refreshColor: createColorProp({
+        label: "Refreshing Color",
+        description: "Color of the refresh indicator",
+      }),
+      showsHorizontalScrollIndicator: createStaticBoolProp({
+        label: "Show Horizontal Scroll Indicator",
+        description:
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
+      showsVerticalScrollIndicator: createStaticBoolProp({
+        label: "Show Vertical Scroll Indicator",
+        description:
+          "When true, shows a vertical scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
     },
   },
   {
@@ -93,6 +110,22 @@ export const SEED_DATA = [
           "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
         defaultValue: 0.5,
       }),
+      refreshColor: createColorProp({
+        label: "Refreshing Color",
+        description: "Color of the refresh indicator",
+      }),
+      showsHorizontalScrollIndicator: createStaticBoolProp({
+        label: "Show Horizontal Scroll Indicator",
+        description:
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
+      showsVerticalScrollIndicator: createStaticBoolProp({
+        label: "Show Vertical Scroll Indicator",
+        description:
+          "When true, shows a vertical scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
     },
   },
 ];

package/src/mappings/FlatList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "List",
     tag: "FlatList",
@@ -33,5 +33,19 @@ export const SEED_DATA = {
             description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
             defaultValue: 0.5,
         }),
+        refreshColor: createColorProp({
+            label: "Refreshing Color",
+            description: "Color of the refresh indicator",
+        }),
+        showsHorizontalScrollIndicator: createStaticBoolProp({
+            label: "Show Horizontal Scroll Indicator",
+            description: "When true, shows a horizontal scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
+        showsVerticalScrollIndicator: createStaticBoolProp({
+            label: "Show Vertical Scroll Indicator",
+            description: "When true, shows a vertical scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
     },
 };

package/src/mappings/FlatList.ts

@@ -6,6 +6,7 @@ import {
   Triggers,
   createActionProp,
   createStaticNumberProp,
+  createColorProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -43,5 +44,21 @@ export const SEED_DATA = {
         "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5,
     }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator",
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description:
+        "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description:
+        "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
   },
 };

package/src/mappings/IconButton.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Icon Button",
     tag: "IconButton",
     category: COMPONENT_TYPES.button,
     layout: {},
-    triggers: [Triggers.OnPress],
+    triggers: [Triggers.OnPress, Triggers.OnLongPress],
     stylesPanelSections: [
         StylesPanelSections.Margins,
         StylesPanelSections.Effects,
@@ -12,22 +12,20 @@ export const SEED_DATA = {
     ],
     props: {
         onPress: createActionProp(),
+        onLongPress: createActionProp(),
+        disabled: createDisabledProp(),
         icon: createIconProp(),
         color: createColorProp({
             label: "Color",
             group: GROUPS.basic,
         }),
-        disabled: createBoolProp({
-            label: "Disabled",
-            group: GROUPS.basic,
-        }),
         size: createNumberProp({
             group: GROUPS.basic,
             label: "Size",
             description: "Width and height of your icon",
             defaultValue: 32,
             min: 16,
-            max: 128,
+            max: 256,
             step: 1,
             precision: 0,
         }),

package/src/mappings/IconButton.ts

@@ -4,10 +4,10 @@ import {
   createIconProp,
   createColorProp,
   createNumberProp,
-  createBoolProp,
   createActionProp,
   Triggers,
   StylesPanelSections,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,7 +15,7 @@ export const SEED_DATA = {
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress],
+  triggers: [Triggers.OnPress, Triggers.OnLongPress],
   stylesPanelSections: [
     StylesPanelSections.Margins,
     StylesPanelSections.Effects,
@@ -23,22 +23,20 @@ export const SEED_DATA = {
   ],
   props: {
     onPress: createActionProp(),
+    onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic,
     }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      group: GROUPS.basic,
-    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0,
     }),

package/src/mappings/MapView.js

@@ -7,6 +7,8 @@ export const SEED_DATA = {
     category: COMPONENT_TYPES.map,
     layout: {
         flex: 1,
+        width: "100%",
+        height: "100%",
     },
     props: {
         provider: {

package/src/mappings/MapView.ts

@@ -17,6 +17,8 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.map,
   layout: {
     flex: 1,
+    width: "100%",
+    height: "100%",
   },
   props: {
     provider: {

package/src/mappings/ScrollView.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Scroll View",
     tag: "ScrollView",
@@ -6,7 +6,9 @@ export const SEED_DATA = {
     category: COMPONENT_TYPES.view,
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {},
+    triggers: [Triggers.OnRefresh],
     props: {
+        onRefresh: createActionProp(),
         horizontal: createStaticBoolProp({
             label: "Horizontal",
             description: "Render your list horizontally",
@@ -15,7 +17,7 @@ export const SEED_DATA = {
         showsHorizontalScrollIndicator: createStaticBoolProp({
             label: "Show Horizontal Scroll Indicator",
             description: "When true, shows a horizontal scroll indicator. The default value is true.",
-            defaultValue: false,
+            defaultValue: true,
         }),
         showsVerticalScrollIndicator: createStaticBoolProp({
             label: "Show Vertical Scroll Indicator",
@@ -27,5 +29,9 @@ export const SEED_DATA = {
             description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
             defaultValue: true,
         }),
+        refreshColor: createColorProp({
+            label: "Refreshing Color",
+            description: "Color of the refresh indicator",
+        }),
     },
 };