@draftbit/core 43.4.20-dec262.0 → 43.5.1-92a046.1

package/lib/commonjs/components/Banner.js

@@ -28,12 +28,12 @@ const DEFAULT_MAX_WIDTH = 960;
 
 const Banner = _ref => {
   let {
-    initiallyVisible,
+    initiallyVisible = true,
+    dismissable = true,
     icon,
     buttonColor,
     content,
     contentStyle,
-    dismissable,
     style,
     theme,
     Icon,

package/lib/commonjs/components/Banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Banner.tsx"],"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","icon","buttonColor","content","contentStyle","dismissable","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Button,\n  Text,\n  View,\n  ViewStyle,\n  StyleSheet,\n  StyleProp,\n  Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n  initiallyVisible: boolean;\n  dismissable: boolean;\n  buttonColor?: string;\n  icon?: string;\n  content: string;\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  ref?: React.RefObject<View>;\n  /**\n   * @optional\n   */\n  theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n  nativeEvent: {\n    layout: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n    };\n  };\n};\n\nconst Banner: React.FC<Props> = ({\n  initiallyVisible,\n  icon,\n  buttonColor,\n  content,\n  contentStyle,\n  dismissable,\n  style,\n  theme,\n  Icon,\n  ...rest\n}) => {\n  const [visible, setVisible] = React.useState(initiallyVisible);\n\n  React.useEffect(() => {\n    if (initiallyVisible) {\n      setVisible(true);\n    }\n  }, [initiallyVisible]);\n\n  const { current: position } = React.useRef<Animated.Value>(\n    new Animated.Value(visible ? 1 : 0)\n  );\n  const [layout, setLayout] = React.useState<{\n    height: number;\n    measured: boolean;\n  }>({\n    height: 0,\n    measured: false,\n  });\n\n  React.useEffect(() => {\n    if (visible) {\n      // show\n      Animated.timing(position, {\n        duration: 250,\n        toValue: 1,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      // hide\n      Animated.timing(position, {\n        duration: 200,\n        toValue: 0,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [visible, position]);\n\n  const handleLayout = ({ nativeEvent }: NativeEvent) => {\n    const { height } = nativeEvent.layout;\n    setLayout({ height, measured: true });\n  };\n\n  // The banner animation has 2 parts:\n  // 1. Blank spacer element which animates its height to move the content\n  // 2. Actual banner which animates its translateY\n  // In initial render, we position everything normally and measure the height of the banner\n  // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n  // We need this because we need to move the content below as if banner's height was being animated\n  // However we can't animated banner's height directly as it'll also resize the content inside\n  const height = Animated.multiply(position, layout.height);\n\n  const translateY = Animated.multiply(\n    Animated.add(position, -1),\n    layout.height\n  );\n\n  return (\n    <Surface\n      {...rest}\n      style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n    >\n      <View style={[styles.wrapper, contentStyle]}>\n        <Animated.View style={{ height }} />\n        <Animated.View\n          onLayout={handleLayout}\n          style={[\n            layout.measured || !visible\n              ? // If we have measured banner's height or it's invisible,\n                // Position it absolutely, the layout will be taken care of the spacer\n                [styles.absolute, { transform: [{ translateY }] }]\n              : // Otherwise position it normally\n                null,\n            !layout.measured && !visible\n              ? // If we haven't measured banner's height yet and it's invisible,\n                // hide it with opacity: 0 so user doesn't see it\n                { opacity: 0 }\n              : null,\n          ]}\n        >\n          <View\n            style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n          >\n            {icon ? (\n              <View style={styles.icon}>\n                <Icon name={icon} size={40} />\n              </View>\n            ) : null}\n            <Text\n              style={[styles.message, { color: theme.colors.text }]}\n              accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n              accessibilityRole=\"alert\"\n            >\n              {content}\n            </Text>\n          </View>\n          {dismissable ? (\n            <View style={styles.actions}>\n              <Button\n                color={buttonColor || theme.colors.primary}\n                title=\"Close\"\n                onPress={() => setVisible(false)}\n              />\n            </View>\n          ) : null}\n        </Animated.View>\n      </View>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    elevation: ELEVATION,\n  },\n  wrapper: {\n    overflow: \"hidden\",\n    alignSelf: \"center\",\n    width: \"100%\",\n    maxWidth: DEFAULT_MAX_WIDTH,\n  },\n  absolute: {\n    position: \"absolute\",\n    top: 0,\n    width: \"100%\",\n  },\n  content: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-start\",\n    marginHorizontal: 8,\n    marginTop: 16,\n    marginBottom: 0,\n  },\n  icon: {\n    margin: 8,\n  },\n  message: {\n    flex: 1,\n    margin: 8,\n  },\n  actions: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-end\",\n    margin: 8,\n  },\n});\n\nexport default withTheme(Banner);\n"]}
+{"version":3,"sources":["Banner.tsx"],"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Button,\n  Text,\n  View,\n  ViewStyle,\n  StyleSheet,\n  StyleProp,\n  Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n  initiallyVisible: boolean;\n  dismissable: boolean;\n  buttonColor?: string;\n  icon?: string;\n  content?: string;\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  ref?: React.RefObject<View>;\n  /**\n   * @optional\n   */\n  theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n  nativeEvent: {\n    layout: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n    };\n  };\n};\n\nconst Banner: React.FC<Props> = ({\n  initiallyVisible = true,\n  dismissable = true,\n  icon,\n  buttonColor,\n  content,\n  contentStyle,\n  style,\n  theme,\n  Icon,\n  ...rest\n}) => {\n  const [visible, setVisible] = React.useState(initiallyVisible);\n\n  React.useEffect(() => {\n    if (initiallyVisible) {\n      setVisible(true);\n    }\n  }, [initiallyVisible]);\n\n  const { current: position } = React.useRef<Animated.Value>(\n    new Animated.Value(visible ? 1 : 0)\n  );\n  const [layout, setLayout] = React.useState<{\n    height: number;\n    measured: boolean;\n  }>({\n    height: 0,\n    measured: false,\n  });\n\n  React.useEffect(() => {\n    if (visible) {\n      // show\n      Animated.timing(position, {\n        duration: 250,\n        toValue: 1,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      // hide\n      Animated.timing(position, {\n        duration: 200,\n        toValue: 0,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [visible, position]);\n\n  const handleLayout = ({ nativeEvent }: NativeEvent) => {\n    const { height } = nativeEvent.layout;\n    setLayout({ height, measured: true });\n  };\n\n  // The banner animation has 2 parts:\n  // 1. Blank spacer element which animates its height to move the content\n  // 2. Actual banner which animates its translateY\n  // In initial render, we position everything normally and measure the height of the banner\n  // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n  // We need this because we need to move the content below as if banner's height was being animated\n  // However we can't animated banner's height directly as it'll also resize the content inside\n  const height = Animated.multiply(position, layout.height);\n\n  const translateY = Animated.multiply(\n    Animated.add(position, -1),\n    layout.height\n  );\n\n  return (\n    <Surface\n      {...rest}\n      style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n    >\n      <View style={[styles.wrapper, contentStyle]}>\n        <Animated.View style={{ height }} />\n        <Animated.View\n          onLayout={handleLayout}\n          style={[\n            layout.measured || !visible\n              ? // If we have measured banner's height or it's invisible,\n                // Position it absolutely, the layout will be taken care of the spacer\n                [styles.absolute, { transform: [{ translateY }] }]\n              : // Otherwise position it normally\n                null,\n            !layout.measured && !visible\n              ? // If we haven't measured banner's height yet and it's invisible,\n                // hide it with opacity: 0 so user doesn't see it\n                { opacity: 0 }\n              : null,\n          ]}\n        >\n          <View\n            style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n          >\n            {icon ? (\n              <View style={styles.icon}>\n                <Icon name={icon} size={40} />\n              </View>\n            ) : null}\n            <Text\n              style={[styles.message, { color: theme.colors.text }]}\n              accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n              accessibilityRole=\"alert\"\n            >\n              {content}\n            </Text>\n          </View>\n          {dismissable ? (\n            <View style={styles.actions}>\n              <Button\n                color={buttonColor || theme.colors.primary}\n                title=\"Close\"\n                onPress={() => setVisible(false)}\n              />\n            </View>\n          ) : null}\n        </Animated.View>\n      </View>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    elevation: ELEVATION,\n  },\n  wrapper: {\n    overflow: \"hidden\",\n    alignSelf: \"center\",\n    width: \"100%\",\n    maxWidth: DEFAULT_MAX_WIDTH,\n  },\n  absolute: {\n    position: \"absolute\",\n    top: 0,\n    width: \"100%\",\n  },\n  content: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-start\",\n    marginHorizontal: 8,\n    marginTop: 16,\n    marginBottom: 0,\n  },\n  icon: {\n    margin: 8,\n  },\n  message: {\n    flex: 1,\n    margin: 8,\n  },\n  actions: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-end\",\n    margin: 8,\n  },\n});\n\nexport default withTheme(Banner);\n"]}

package/lib/commonjs/components/DeprecatedButton.js

@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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 Button = _ref => {
   let {
     Icon,
@@ -128,7 +126,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -136,7 +134,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -171,5 +169,22 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
+exports.default = _default;
+//# sourceMappingURL=DeprecatedButton.js.map
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: _Config.default.buttonIconSize
+  }
+});
+
+var _default = (0, _theming.withTheme)(Button);
+
 exports.default = _default;
 //# sourceMappingURL=DeprecatedButton.js.map

package/lib/commonjs/components/DeprecatedButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedButton.tsx"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  Text,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n *   <figure>\n *     <img src=\"screenshots/button-1.png\" />\n *     <figcaption>Text button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-2.png\" />\n *     <figcaption>Outlined button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-3.png\" />\n *     <figcaption>Contained button</figcaption>\n *   </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n *     Press me\n *   </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"outline\" | \"text\";\n  loading?: boolean;\n  icon?: string;\n  labelColor?: string;\n  color?: string;\n  children?: React.ReactNode;\n  onPress: () => void;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst Button: React.FC<Props> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  labelColor,\n  color: colorOverride,\n  children,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"solid\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n  };\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n    marginVertical: 16,\n    marginHorizontal: 16,\n  };\n\n  const iconStyle = [\n    styles.icon,\n    {\n      marginLeft: 16,\n      marginRight: -8,\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  const {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n    ...innerStyles\n  } = StyleSheet.flatten(style || {});\n\n  const margins = {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n  };\n\n  return (\n    <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={[styles.button, buttonStyle, innerStyles]}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          <Text numberOfLines={1} style={[textStyle, typography.button]}>\n            {children}\n          </Text>\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    minWidth: 64,\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    width: Config.buttonIconSize,\n  },\n});\n\nexport default withTheme(Button);\n"]}
+{"version":3,"sources":["DeprecatedButton.js"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"solid\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n    };\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n        marginVertical: 16,\n        marginHorizontal: 16,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            marginLeft: 16,\n            marginRight: -8,\n            width: Config.buttonIconSize,\n        },\n    ];\n    const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n    const margins = {\n        margin,\n        marginEnd,\n        marginTop,\n        marginLeft,\n        marginRight,\n        marginBottom,\n        marginHorizontal,\n        marginVertical,\n    };\n    return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        minWidth: 64,\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        width: Config.buttonIconSize,\n    },\n});\nexport default withTheme(Button);\n"]}

package/lib/commonjs/components/DeprecatedFAB.js

@@ -27,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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 FAB = _ref => {
   let {
     Icon,
@@ -128,7 +130,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -136,7 +138,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -179,23 +181,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(FAB);
 
-exports.default = _default;
-//# sourceMappingURL=DeprecatedFAB.js.map },
-  icon: {
-    alignItems: "center",
-    justifyContent: "center",
-    width: _Config.default.buttonIconSize
-  },
-  fixed: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 64,
-    borderRadius: 0
-  }
-});
-
-var _default = (0, _theming.withTheme)(FAB);
-
 exports.default = _default;
 //# sourceMappingURL=DeprecatedFAB.js.map

package/lib/commonjs/components/DeprecatedFAB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedFAB.js"],"names":["FAB","Icon","icon","disabled","type","loading","color","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","Config","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","React","createElement","Elevation","Touchable","accessibilityState","accessibilityRole","View","name","size","ActivityIndicator","Text","numberOfLines","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    };\n    const buttonStyles = [styles.button, buttonStyle];\n    const contentStyle = [styles.content];\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            width: Config.buttonIconSize,\n        },\n    ];\n    if (type === \"standard\" || type === \"outline\") {\n        buttonStyle.width = Config.FABSize;\n        buttonStyle.height = Config.FABSize;\n        buttonStyle.borderRadius = Config.FABBorderRadius;\n        contentStyle.push({\n            width: Config.FABSize,\n            height: Config.FABSize,\n        });\n    }\n    if (type === \"extended\" || type === \"fixed\") {\n        iconStyle.push({\n            marginLeft: 16,\n            marginRight: -8,\n        });\n        textStyle.margin = 16;\n    }\n    if (type === \"fixed\") {\n        buttonStyles.push({\n            height: Config.FABFixedHeight,\n            alignSelf: \"stretch\",\n        });\n    }\n    return (React.createElement(Elevation, { style: [{ elevation }, style] },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: buttonStyles },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: Config.buttonIconSize,\n    },\n    fixed: {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: 64,\n        borderRadius: 0,\n    },\n});\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["DeprecatedFAB.tsx"],"names":["FAB","Icon","icon","disabled","type","loading","color","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","Config","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","create","borderStyle","flexDirection","fixed","left","right","bottom"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A floating action button represents the primary action in an application.\n *\n * <div class=\"screenshots\">\n *   <img src=\"screenshots/fab-1.png\" />\n *   <img src=\"screenshots/fab-2.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { StyleSheet } from 'react-native';\n * import { FAB } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <FAB\n *     style={styles.fab}\n *     type=\"outline\"\n *     icon=\"add\"\n *     onPress={() => console.log('Pressed')}\n *   />\n * );\n *\n * const styles = StyleSheet.create({\n *   fab: {\n *     position: 'absolute',\n *     margin: 16,\n *     right: 0,\n *     bottom: 0,\n *   },\n * })\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"extended\" | \"outline\" | \"fixed\" | \"standard\";\n  loading?: boolean;\n  icon?: string;\n  color?: string;\n  label?: string;\n  onPress: () => void;\n  elevation?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  color: colorOverride,\n  label,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  const buttonStyles: StyleProp<ViewStyle>[] = [styles.button, buttonStyle];\n\n  const contentStyle: StyleProp<ViewStyle>[] = [styles.content];\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n  };\n\n  const iconStyle: StyleProp<ViewStyle>[] = [\n    styles.icon,\n    {\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  if (type === \"standard\" || type === \"outline\") {\n    buttonStyle.width = Config.FABSize;\n    buttonStyle.height = Config.FABSize;\n    buttonStyle.borderRadius = Config.FABBorderRadius;\n\n    contentStyle.push({\n      width: Config.FABSize,\n      height: Config.FABSize,\n    });\n  }\n\n  if (type === \"extended\" || type === \"fixed\") {\n    iconStyle.push({\n      marginLeft: 16,\n      marginRight: -8,\n    });\n\n    textStyle.margin = 16;\n  }\n\n  if (type === \"fixed\") {\n    buttonStyles.push({\n      height: Config.FABFixedHeight,\n      alignSelf: \"stretch\",\n    });\n  }\n\n  return (\n    <Elevation style={[{ elevation }, style]}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={buttonStyles}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          {label ? (\n            <Text numberOfLines={1} style={[textStyle, typography.button]}>\n              {label}\n            </Text>\n          ) : null}\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: Config.buttonIconSize,\n  },\n  fixed: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 64,\n    borderRadius: 0,\n  },\n});\n\nexport default withTheme(FAB);\n"]}

package/lib/commonjs/mappings/Banner.js

@@ -23,15 +23,18 @@ const SEED_DATA = {
     initiallyVisible: (0, _types.createBoolProp)({
       group: _types.GROUPS.basic,
       label: "Initially visible",
-      description: "Whether the banner should be visible"
+      description: "Whether the banner should be visible",
+      defaultValue: true
     }),
     dismissable: (0, _types.createBoolProp)({
       group: _types.GROUPS.basic,
       label: "Dismissable",
-      description: "Whether the banner should be able to be closed"
+      description: "Whether the banner should be able to be closed",
+      defaultValue: true
     }),
     buttonColor: (0, _types.createColorProp)({
-      label: "Button color"
+      label: "Button color",
+      defaultValue: "primary"
     })
   }
 };

package/lib/commonjs/mappings/Banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Banner.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","props","icon","defaultValue","required","content","label","description","initiallyVisible","group","GROUPS","basic","dismissable","buttonColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAHH;AAIvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,2BAAe;AACnBC,MAAAA,YAAY,EAAE,IADK;AAEnBC,MAAAA,QAAQ,EAAE;AAFS,KAAf,CADD;AAKLC,IAAAA,OAAO,EAAE,2BAAe;AACtBC,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,WAAW,EAAE;AAFS,KAAf,CALJ;AASLC,IAAAA,gBAAgB,EAAE,2BAAe;AAC/BC,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BL,MAAAA,KAAK,EAAE,mBAFwB;AAG/BC,MAAAA,WAAW,EAAE;AAHkB,KAAf,CATb;AAcLK,IAAAA,WAAW,EAAE,2BAAe;AAC1BH,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BL,MAAAA,KAAK,EAAE,aAFmB;AAG1BC,MAAAA,WAAW,EAAE;AAHa,KAAf,CAdR;AAmBLM,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE;AADoB,KAAhB;AAnBR;AAJgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createColorProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Banner\",\n  tag: \"Banner\",\n  category: COMPONENT_TYPES.button,\n  props: {\n    icon: createIconProp({\n      defaultValue: null,\n      required: false,\n    }),\n    content: createTextProp({\n      label: \"Content\",\n      description: \"Banner text content\",\n    }),\n    initiallyVisible: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Initially visible\",\n      description: \"Whether the banner should be visible\",\n    }),\n    dismissable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dismissable\",\n      description: \"Whether the banner should be able to be closed\",\n    }),\n    buttonColor: createColorProp({\n      label: \"Button color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Banner.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","props","icon","defaultValue","required","content","label","description","initiallyVisible","group","GROUPS","basic","dismissable","buttonColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAHH;AAIvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,2BAAe;AACnBC,MAAAA,YAAY,EAAE,IADK;AAEnBC,MAAAA,QAAQ,EAAE;AAFS,KAAf,CADD;AAKLC,IAAAA,OAAO,EAAE,2BAAe;AACtBC,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,WAAW,EAAE;AAFS,KAAf,CALJ;AASLC,IAAAA,gBAAgB,EAAE,2BAAe;AAC/BC,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BL,MAAAA,KAAK,EAAE,mBAFwB;AAG/BC,MAAAA,WAAW,EAAE,sCAHkB;AAI/BJ,MAAAA,YAAY,EAAE;AAJiB,KAAf,CATb;AAeLS,IAAAA,WAAW,EAAE,2BAAe;AAC1BH,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BL,MAAAA,KAAK,EAAE,aAFmB;AAG1BC,MAAAA,WAAW,EAAE,gDAHa;AAI1BJ,MAAAA,YAAY,EAAE;AAJY,KAAf,CAfR;AAqBLU,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE,cADoB;AAE3BH,MAAAA,YAAY,EAAE;AAFa,KAAhB;AArBR;AAJgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createColorProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Banner\",\n  tag: \"Banner\",\n  category: COMPONENT_TYPES.button,\n  props: {\n    icon: createIconProp({\n      defaultValue: null,\n      required: false,\n    }),\n    content: createTextProp({\n      label: \"Content\",\n      description: \"Banner text content\",\n    }),\n    initiallyVisible: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Initially visible\",\n      description: \"Whether the banner should be visible\",\n      defaultValue: true,\n    }),\n    dismissable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dismissable\",\n      description: \"Whether the banner should be able to be closed\",\n      defaultValue: true,\n    }),\n    buttonColor: createColorProp({\n      label: \"Button color\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/KeyboardAwareScrollView.js

@@ -41,6 +41,11 @@ const SEED_DATA = {
     enableOnAndroid: (0, _types.createStaticBoolProp)({
       label: "Enable On Android",
       description: "Enable Android Support"
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Shows Vertical Scroll Indicator",
+      description: "Show or hide the vertical scroll indicator",
+      defaultValue: true
     })
   }
 };

package/lib/commonjs/mappings/KeyboardAwareScrollView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["KeyboardAwareScrollView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,4BADiB;AAEvBC,EAAAA,GAAG,EAAE,yBAFkB;AAGvBC,EAAAA,WAAW,EACT,mEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MALH;AAMvBA,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,kBAAkB,EAAE,iCAAqB;AACvCC,MAAAA,KAAK,EAAE,uBADgC;AAEvCN,MAAAA,WAAW,EAAE;AAF0B,KAArB,CADf;AAKLO,IAAAA,qBAAqB,EAAE,iCAAqB;AAC1CD,MAAAA,KAAK,EAAE,yBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAArB,CALlB;AAULQ,IAAAA,WAAW,EAAE,mCAAuB;AAClCF,MAAAA,KAAK,EAAE,cAD2B;AAElCN,MAAAA,WAAW,EAAE;AAFqB,KAAvB,CAVR;AAcLS,IAAAA,iBAAiB,EAAE,mCAAuB;AACxCH,MAAAA,KAAK,EAAE,qBADiC;AAExCN,MAAAA,WAAW,EACT;AAHsC,KAAvB,CAdd;AAmBLU,IAAAA,yBAAyB,EAAE,iCAAqB;AAC9CJ,MAAAA,KAAK,EAAE,oCADuC;AAE9CN,MAAAA,WAAW,EACT;AAH4C,KAArB,CAnBtB;AAwBLW,IAAAA,mBAAmB,EAAE,mCAAuB;AAC1CL,MAAAA,KAAK,EAAE,uBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAAvB,CAxBhB;AA6BLY,IAAAA,eAAe,EAAE,iCAAqB;AACpCN,MAAAA,KAAK,EAAE,mBAD6B;AAEpCN,MAAAA,WAAW,EAAE;AAFuB,KAArB;AA7BZ;AAPgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Aware Scroll View\",\n  tag: \"KeyboardAwareScrollView\",\n  description:\n    \"View that moves pushes the content when virtual keyboard is open.\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    viewIsInsideTabBar: createStaticBoolProp({\n      label: \"View Is Inside TabBar\",\n      description: \"Adds an extra offset that represents the TabBarIOS height.\",\n    }),\n    enableAutomaticScroll: createStaticBoolProp({\n      label: \"Enable Automatic Scroll\",\n      description:\n        \"When focus in TextInput will scroll the position, default is enabled\",\n    }),\n    extraHeight: createStaticNumberProp({\n      label: \"Extra Height\",\n      description: \"Adds an extra offset when focusing the TextInputs\",\n    }),\n    extraScrollHeight: createStaticNumberProp({\n      label: \"Extra Scroll Height\",\n      description:\n        \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n    }),\n    enableResetScrollToCoords: createStaticBoolProp({\n      label: \"Enable Reset Scroll To Coordinates\",\n      description:\n        \"Lets the user enable or disable automatic resetScrollToCoords\",\n    }),\n    keyboardOpeningTime: createStaticNumberProp({\n      label: \"Keyboard Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["KeyboardAwareScrollView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,4BADiB;AAEvBC,EAAAA,GAAG,EAAE,yBAFkB;AAGvBC,EAAAA,WAAW,EACT,mEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MALH;AAMvBA,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,kBAAkB,EAAE,iCAAqB;AACvCC,MAAAA,KAAK,EAAE,uBADgC;AAEvCN,MAAAA,WAAW,EAAE;AAF0B,KAArB,CADf;AAKLO,IAAAA,qBAAqB,EAAE,iCAAqB;AAC1CD,MAAAA,KAAK,EAAE,yBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAArB,CALlB;AAULQ,IAAAA,WAAW,EAAE,mCAAuB;AAClCF,MAAAA,KAAK,EAAE,cAD2B;AAElCN,MAAAA,WAAW,EAAE;AAFqB,KAAvB,CAVR;AAcLS,IAAAA,iBAAiB,EAAE,mCAAuB;AACxCH,MAAAA,KAAK,EAAE,qBADiC;AAExCN,MAAAA,WAAW,EACT;AAHsC,KAAvB,CAdd;AAmBLU,IAAAA,yBAAyB,EAAE,iCAAqB;AAC9CJ,MAAAA,KAAK,EAAE,oCADuC;AAE9CN,MAAAA,WAAW,EACT;AAH4C,KAArB,CAnBtB;AAwBLW,IAAAA,mBAAmB,EAAE,mCAAuB;AAC1CL,MAAAA,KAAK,EAAE,uBADmC;AAE1CN,MAAAA,WAAW,EACT;AAHwC,KAAvB,CAxBhB;AA6BLY,IAAAA,eAAe,EAAE,iCAAqB;AACpCN,MAAAA,KAAK,EAAE,mBAD6B;AAEpCN,MAAAA,WAAW,EAAE;AAFuB,KAArB,CA7BZ;AAiCLa,IAAAA,4BAA4B,EAAE,iCAAqB;AACjDP,MAAAA,KAAK,EAAE,iCAD0C;AAEjDN,MAAAA,WAAW,EAAE,4CAFoC;AAGjDc,MAAAA,YAAY,EAAE;AAHmC,KAArB;AAjCzB;AAPgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Aware Scroll View\",\n  tag: \"KeyboardAwareScrollView\",\n  description:\n    \"View that moves pushes the content when virtual keyboard is open.\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    viewIsInsideTabBar: createStaticBoolProp({\n      label: \"View Is Inside TabBar\",\n      description: \"Adds an extra offset that represents the TabBarIOS height.\",\n    }),\n    enableAutomaticScroll: createStaticBoolProp({\n      label: \"Enable Automatic Scroll\",\n      description:\n        \"When focus in TextInput will scroll the position, default is enabled\",\n    }),\n    extraHeight: createStaticNumberProp({\n      label: \"Extra Height\",\n      description: \"Adds an extra offset when focusing the TextInputs\",\n    }),\n    extraScrollHeight: createStaticNumberProp({\n      label: \"Extra Scroll Height\",\n      description:\n        \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n    }),\n    enableResetScrollToCoords: createStaticBoolProp({\n      label: \"Enable Reset Scroll To Coordinates\",\n      description:\n        \"Lets the user enable or disable automatic resetScrollToCoords\",\n    }),\n    keyboardOpeningTime: createStaticNumberProp({\n      label: \"Keyboard Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Shows Vertical Scroll Indicator\",\n      description: \"Show or hide the vertical scroll indicator\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/MapCallout.js

@@ -10,8 +10,9 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",
+  packageName: "@draftbit/maps",
   description: "An info window to display on top of a marker when it is clicked",
-  category: _types.COMPONENT_TYPES.deprecated,
+  category: _types.COMPONENT_TYPES.media,
   layout: {},
   props: {
     onPress: (0, _types.createActionProp)({

package/lib/commonjs/mappings/MapCallout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MapCallout.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","onPress","showTooltip","label","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EACT,iEAJqB;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6BAAiB;AACxBN,MAAAA,WAAW,EAAE;AADW,KAAjB,CADJ;AAILO,IAAAA,WAAW,EAAE,2BAAe;AAC1BC,MAAAA,KAAK,EAAE,cADmB;AAE1BR,MAAAA,WAAW,EACT,8LAHwB;AAI1BS,MAAAA,KAAK,EAAEC,cAAOC,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAf;AAJR;AAPgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createBoolProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Callout\",\n  tag: \"MapCallout\",\n  description:\n    \"An info window to display on top of a marker when it is clicked\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  props: {\n    onPress: createActionProp({\n      description: \"Action to execute when the callout is pressed\",\n    }),\n    showTooltip: createBoolProp({\n      label: \"Show Tooltip\",\n      description:\n        'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["MapCallout.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","onPress","showTooltip","label","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EACT,iEALqB;AAMvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KANH;AAOvBC,EAAAA,MAAM,EAAE,EAPe;AAQvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6BAAiB;AACxBN,MAAAA,WAAW,EAAE;AADW,KAAjB,CADJ;AAILO,IAAAA,WAAW,EAAE,2BAAe;AAC1BC,MAAAA,KAAK,EAAE,cADmB;AAE1BR,MAAAA,WAAW,EACT,8LAHwB;AAI1BS,MAAAA,KAAK,EAAEC,cAAOC,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAf;AAJR;AARgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createActionProp,\n  createBoolProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Callout\",\n  tag: \"MapCallout\",\n  packageName: \"@draftbit/maps\",\n  description:\n    \"An info window to display on top of a marker when it is clicked\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    onPress: createActionProp({\n      description: \"Action to execute when the callout is pressed\",\n    }),\n    showTooltip: createBoolProp({\n      label: \"Show Tooltip\",\n      description:\n        'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/MapMarker.js

@@ -10,8 +10,9 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Map Marker",
   tag: "MapMarker",
+  packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
-  category: _types.COMPONENT_TYPES.deprecated,
+  category: _types.COMPONENT_TYPES.media,
   layout: {},
   props: {
     latitude: (0, _types.createNumberProp)({

package/lib/commonjs/mappings/MapMarker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MapMarker.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","GROUPS","basic","pinColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,6BAAiB;AACzBC,MAAAA,KAAK,EAAE,UADkB;AAEzBP,MAAAA,WAAW,EAAE,6CAFY;AAGzBQ,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAjB,CADL;AASLC,IAAAA,SAAS,EAAE,6BAAiB;AAC1BL,MAAAA,KAAK,EAAE,WADmB;AAE1BP,MAAAA,WAAW,EAAE,8CAFa;AAG1BQ,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAjB,CATN;AAiBLE,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBP,MAAAA,WAAW,EAAE,qCAFO;AAGpBc,MAAAA,YAAY,EAAE;AAHM,KAAf,CAjBF;AAsBLd,IAAAA,WAAW,EAAE,2BAAe;AAC1BO,MAAAA,KAAK,EAAE,aADmB;AAE1BP,MAAAA,WAAW,EAAE,qCAFa;AAG1Bc,MAAAA,YAAY,EAAE;AAHY,KAAf,CAtBR;AA2BLC,IAAAA,IAAI,EAAE,2BAAe;AACnBR,MAAAA,KAAK,EAAE,MADY;AAEnBP,MAAAA,WAAW,EACT,+GAHiB;AAInBgB,MAAAA,KAAK,EAAEC,cAAOC,KAJK;AAKnBJ,MAAAA,YAAY,EAAE;AALK,KAAf,CA3BD;AAkCLK,IAAAA,QAAQ,EAAE,4BAAgB;AACxBZ,MAAAA,KAAK,EAAE,WADiB;AAExBP,MAAAA,WAAW,EAAE;AAFW,KAAhB;AAlCL;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["MapMarker.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","latitude","label","required","precision","min","max","longitude","title","defaultValue","flat","group","GROUPS","basic","pinColor"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,WAAW,EAAE,kCAJU;AAKvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,6BAAiB;AACzBC,MAAAA,KAAK,EAAE,UADkB;AAEzBP,MAAAA,WAAW,EAAE,6CAFY;AAGzBQ,MAAAA,QAAQ,EAAE,IAHe;AAIzBC,MAAAA,SAAS,EAAE,CAJc;AAKzBC,MAAAA,GAAG,EAAE,CAAC,EALmB;AAMzBC,MAAAA,GAAG,EAAE;AANoB,KAAjB,CADL;AASLC,IAAAA,SAAS,EAAE,6BAAiB;AAC1BL,MAAAA,KAAK,EAAE,WADmB;AAE1BP,MAAAA,WAAW,EAAE,8CAFa;AAG1BQ,MAAAA,QAAQ,EAAE,IAHgB;AAI1BC,MAAAA,SAAS,EAAE,CAJe;AAK1BC,MAAAA,GAAG,EAAE,CAAC,GALoB;AAM1BC,MAAAA,GAAG,EAAE;AANqB,KAAjB,CATN;AAiBLE,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBP,MAAAA,WAAW,EAAE,qCAFO;AAGpBc,MAAAA,YAAY,EAAE;AAHM,KAAf,CAjBF;AAsBLd,IAAAA,WAAW,EAAE,2BAAe;AAC1BO,MAAAA,KAAK,EAAE,aADmB;AAE1BP,MAAAA,WAAW,EAAE,qCAFa;AAG1Bc,MAAAA,YAAY,EAAE;AAHY,KAAf,CAtBR;AA2BLC,IAAAA,IAAI,EAAE,2BAAe;AACnBR,MAAAA,KAAK,EAAE,MADY;AAEnBP,MAAAA,WAAW,EACT,+GAHiB;AAInBgB,MAAAA,KAAK,EAAEC,cAAOC,KAJK;AAKnBJ,MAAAA,YAAY,EAAE;AALK,KAAf,CA3BD;AAkCLK,IAAAA,QAAQ,EAAE,4BAAgB;AACxBZ,MAAAA,KAAK,EAAE,WADiB;AAExBP,MAAAA,WAAW,EAAE;AAFW,KAAhB;AAlCL;AAPgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  packageName: \"@draftbit/maps\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/MapView.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = {
+  name: "Map View",
+  tag: "MapView",
+  packageName: "@draftbit/maps",
+  description: "A map view",
+  category: _types.COMPONENT_TYPES.media,
+  layout: {
+    height: "100%",
+    width: "100%"
+  },
+  props: {
+    provider: {
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      editable: true,
+      group: _types.GROUPS.basic,
+      label: "Provider",
+      description: "The maps provider",
+      required: false,
+      defaultValue: null,
+      options: ["google"]
+    },
+    latitude: (0, _types.createNumberProp)({
+      label: "Initial Latitude",
+      description: "The longitude for the map's initial region",
+      required: false,
+      precision: 6,
+      min: -90,
+      max: 90,
+      defaultValue: 37.40241
+    }),
+    longitude: (0, _types.createNumberProp)({
+      label: "Initial Longitude",
+      description: "The longitude for the map's initial region",
+      required: false,
+      precision: 6,
+      min: -180,
+      max: 180,
+      defaultValue: -122.12125
+    }),
+    latitudeDelta: (0, _types.createNumberProp)({
+      label: "Init Latitude Delta",
+      description: "The latitude delta for the map's initial region",
+      required: false,
+      precision: 4,
+      defaultValue: 1
+    }),
+    longitudeDelta: (0, _types.createNumberProp)({
+      label: "Init Longitude Delta",
+      description: "The longitude delta for the map's initial region",
+      required: false,
+      precision: 4,
+      defaultValue: 1
+    }),
+    zoom: (0, _types.createNumberProp)({
+      label: "Initial Zoom (Web)",
+      description: "The initial zoom of the map",
+      required: true,
+      precision: 0,
+      step: 1,
+      defaultValue: 8
+    }),
+    mapType: {
+      label: "Map Type",
+      description: "The type of map to show",
+      group: _types.GROUPS.basic,
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      required: false,
+      defaultValue: null,
+      options: ["standard", "satellite", "hybrid", "terrain", "none", "mutedStandard"]
+    },
+    zoomEnabled: (0, _types.createBoolProp)({
+      label: "Zoom Enabled",
+      description: "Whether zooming is enabled (native only)",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    showsCompass: (0, _types.createBoolProp)({
+      label: "Shows Compass",
+      description: "Whether compass is shown",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: false
+    }),
+    rotateEnabled: (0, _types.createBoolProp)({
+      label: "Rotate Enabled",
+      description: "Whether rotating the map is enabled",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    scrollEnabled: (0, _types.createBoolProp)({
+      label: "Scroll Enabled",
+      description: "Whether scrolling the map view is enabled",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    loadingEnabled: (0, _types.createBoolProp)({
+      label: "Loading Enabled",
+      description: "If true a loading indicator will show while the map is loading",
+      group: _types.GROUPS.basic,
+      required: false,
+      defaultValue: true
+    }),
+    loadingIndicatorColor: (0, _types.createColorProp)({
+      label: "Loading Indicator Color",
+      description: "Color of the loading indicator"
+    }),
+    loadingBackgroundColor: (0, _types.createColorProp)({
+      label: "Loading Background Color",
+      description: "Color of the background to show while the map is loading"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=MapView.js.map

package/lib/commonjs/mappings/MapView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MapView.ts"],"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","height","width","props","provider","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","group","GROUPS","basic","label","required","defaultValue","options","latitude","precision","min","max","longitude","latitudeDelta","longitudeDelta","zoom","step","mapType","zoomEnabled","showsCompass","rotateEnabled","scrollEnabled","loadingEnabled","loadingIndicatorColor","loadingBackgroundColor"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map View\",\n  tag: \"MapView\",\n  packageName: \"@draftbit/maps\",\n  description: \"A map view\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    height: \"100%\",\n    width: \"100%\",\n  },\n  props: {\n    provider: {\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      group: GROUPS.basic,\n      label: \"Provider\",\n      description: \"The maps provider\",\n      required: false,\n      defaultValue: null,\n      options: [\"google\"],\n    },\n    latitude: createNumberProp({\n      label: \"Initial Latitude\",\n      description: \"The longitude for the map's initial region\",\n      required: false,\n      precision: 6,\n      min: -90,\n      max: 90,\n      defaultValue: 37.40241,\n    }),\n    longitude: createNumberProp({\n      label: \"Initial Longitude\",\n      description: \"The longitude for the map's initial region\",\n      required: false,\n      precision: 6,\n      min: -180,\n      max: 180,\n      defaultValue: -122.12125,\n    }),\n    latitudeDelta: createNumberProp({\n      label: \"Init Latitude Delta\",\n      description: \"The latitude delta for the map's initial region\",\n      required: false,\n      precision: 4,\n      defaultValue: 1,\n    }),\n    longitudeDelta: createNumberProp({\n      label: \"Init Longitude Delta\",\n      description: \"The longitude delta for the map's initial region\",\n      required: false,\n      precision: 4,\n      defaultValue: 1,\n    }),\n    zoom: createNumberProp({\n      label: \"Initial Zoom (Web)\",\n      description: \"The initial zoom of the map\",\n      required: true,\n      precision: 0,\n      step: 1,\n      defaultValue: 8,\n    }),\n    mapType: {\n      label: \"Map Type\",\n      description: \"The type of map to show\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      required: false,\n      defaultValue: null,\n      options: [\n        \"standard\",\n        \"satellite\",\n        \"hybrid\",\n        \"terrain\",\n        \"none\",\n        \"mutedStandard\",\n      ],\n    },\n    zoomEnabled: createBoolProp({\n      label: \"Zoom Enabled\",\n      description: \"Whether zooming is enabled (native only)\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    showsCompass: createBoolProp({\n      label: \"Shows Compass\",\n      description: \"Whether compass is shown\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: false,\n    }),\n    rotateEnabled: createBoolProp({\n      label: \"Rotate Enabled\",\n      description: \"Whether rotating the map is enabled\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    scrollEnabled: createBoolProp({\n      label: \"Scroll Enabled\",\n      description: \"Whether scrolling the map view is enabled\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    loadingEnabled: createBoolProp({\n      label: \"Loading Enabled\",\n      description:\n        \"If true a loading indicator will show while the map is loading\",\n      group: GROUPS.basic,\n      required: false,\n      defaultValue: true,\n    }),\n    loadingIndicatorColor: createColorProp({\n      label: \"Loading Indicator Color\",\n      description: \"Color of the loading indicator\",\n    }),\n    loadingBackgroundColor: createColorProp({\n      label: \"Loading Background Color\",\n      description: \"Color of the background to show while the map is loading\",\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["RadioButtonGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"]}

package/lib/commonjs/mappings/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonRow.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLC,IAAAA,SAAS,EAAE,+BAAmB;AAC5BJ,MAAAA,KAAK,EAAE,WADqB;AAE5BC,MAAAA,WAAW,EACT,8DAH0B;AAI5BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaLC,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLK,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBT,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLQ,IAAAA,eAAe,EAAE,4BAAgB;AAC/BH,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BV,MAAAA,KAAK,EAAE,kBAFwB;AAG/BC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB","sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["RadioButtonRow.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,kBADe;AAErBC,EAAAA,GAAG,EAAE,gBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,2BAAe;AAClBA,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,qCAFK;AAGlBC,MAAAA,QAAQ,EAAE,IAHQ;AAIlBC,MAAAA,YAAY,EAAE;AAJI,KAAf,CADJ;AAOHC,IAAAA,SAAS,EAAE,+BAAmB;AAC1BJ,MAAAA,KAAK,EAAE,WADmB;AAE1BC,MAAAA,WAAW,EAAE,8DAFa;AAG1BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAHiB,KAAnB,CAPR;AAYHC,IAAAA,KAAK,EAAE,2BAAe;AAClBN,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBE,MAAAA,YAAY,EAAE,IAHI;AAIlBD,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CAZJ;AAkBHK,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBT,MAAAA,WAAW,EAAE,sBAFM;AAGnBE,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAlBJ;AAuBHQ,IAAAA,eAAe,EAAE,4BAAgB;AAC7BH,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BV,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BE,MAAAA,YAAY,EAAE;AAJe,KAAhB;AAvBd;AALc,CAAlB","sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Row\",\n    tag: \"RadioButtonRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    props: {\n        label: createTextProp({\n            label: \"Label\",\n            description: \"Label to show with the radio button\",\n            required: true,\n            defaultValue: \"First Option\",\n        }),\n        direction: createTextEnumProp({\n            label: \"Direction\",\n            description: \"Whether the checkbox will appear on the left or on the right\",\n            options: [\"row\", \"row-reverse\"],\n        }),\n        value: createTextProp({\n            label: \"Value\",\n            description: \"Value of the radio button\",\n            defaultValue: null,\n            required: true,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            description: \"Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        unselectedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Unselected Color for the button\",\n            defaultValue: \"primary\",\n        }),\n    },\n};\n"]}