@draftbit/core 46.10.3-6f5759.2 → 46.10.3-877a3f.2

package/lib/commonjs/components/TabView/TabView.js

@@ -10,6 +10,7 @@ var _theming = require("../../theming");
 var _utilities = require("../../utilities");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const TabViewComponent = _ref => {
   let {
     Icon,
@@ -35,11 +36,13 @@ const TabViewComponent = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
+
   //Check type of child using props
   //Regular '.type' cannot work because Draftbit strips the type in Draft view
   const instanceOfTabViewItemProps = object => {
     return "title" in object;
   };
+
   //Populate routes and scenes based on children
   React.useEffect(() => {
     const newRoutes = [];
@@ -65,8 +68,7 @@ const TabViewComponent = _ref => {
     }
   };
   const renderTabBar = props => {
-    return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, {
-      ...props,
+    return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
       activeColor: activeColor || theme.colors.primary,
       inactiveColor: inactiveColor || theme.colors.divider,
       pressColor: pressColor || theme.colors.primary,
@@ -80,7 +82,7 @@ const TabViewComponent = _ref => {
           route,
           color
         } = _ref2;
-        return (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
+        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
           name: route.icon,
           color: color,
           size: 16
@@ -89,8 +91,9 @@ const TabViewComponent = _ref => {
       style: {
         backgroundColor: tabsBackgroundColor || theme.colors.background
       }
-    });
+    }));
   };
+
   //Cannot render TabView without at least one tab
   if (!routes.length) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -110,13 +113,4 @@ const TabViewComponent = _ref => {
   });
 };
 var _default = (0, _theming.withTheme)(TabViewComponent);
-exports.default = _default; renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
-    renderTabBar: renderTabBar,
-    onIndexChange: indexChangeHandler,
-    tabBarPosition: tabBarPosition,
-    keyboardDismissMode: keyboardDismissMode,
-    swipeEnabled: swipeEnabled
-  });
-};
-var _default = (0, _theming.withTheme)(TabViewComponent);
 exports.default = _default;

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/mappings/NativeBase/Layout.js

@@ -44,6 +44,12 @@ const SEED_DATA = [{
   name: "Container",
   tag: "Container",
   description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+  props: {
+    centerContent: (0, _types.createBoolProp)({
+      label: "Center content",
+      description: "Center child elements based on their content width"
+    })
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Column",

package/lib/module/components/DeprecatedFAB.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { ActivityIndicator, View, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -97,7 +96,8 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -105,7 +105,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -144,4 +144,24 @@ const styles = StyleSheet.create({
     borderRadius: 0
   }
 });
+export default withTheme(FAB);le: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: Config.buttonIconSize
+  },
+  fixed: {
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 64,
+    borderRadius: 0
+  }
+});
 export default withTheme(FAB);

package/lib/module/components/Elevation.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
@@ -19,7 +18,20 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    ...rest,
+    style: [{
+      borderRadius,
+      backgroundColor: colors.surface
+    }, elevation ? shadow(elevation) : null, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      overflow: "hidden",
+      borderRadius
+    }
+  }, children));
+};
+export default withTheme(Elevation);React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface

package/lib/module/mappings/NativeBase/Layout.js

@@ -38,6 +38,12 @@ export const SEED_DATA = [{
   name: "Container",
   tag: "Container",
   description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+  props: {
+    centerContent: createBoolProp({
+      label: "Center content",
+      description: "Center child elements based on their content width"
+    })
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Column",

package/lib/typescript/src/mappings/NativeBase/Layout.d.ts

@@ -11,6 +11,7 @@ export declare const SEED_DATA: ({
             required: boolean;
             step: number;
         };
+        centerContent?: undefined;
         direction?: undefined;
         reversed?: undefined;
         isDisabled?: undefined;
@@ -29,6 +30,30 @@ export declare const SEED_DATA: ({
     name: string;
     tag: string;
     description: string;
+} | {
+    category: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    name: string;
+    tag: string;
+    description: string;
+    props: {
+        centerContent: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        ratio?: undefined;
+        direction?: undefined;
+        reversed?: undefined;
+        isDisabled?: undefined;
+        isInvalid?: undefined;
+    };
 } | {
     category: string;
     packageName: string;
@@ -83,6 +108,7 @@ export declare const SEED_DATA: ({
             group: string;
         };
         ratio?: undefined;
+        centerContent?: undefined;
     };
     category: string;
     packageName: string;
@@ -103,6 +129,7 @@ export declare const SEED_DATA: ({
             group: string;
         };
         ratio?: undefined;
+        centerContent?: undefined;
         direction?: undefined;
         isDisabled?: undefined;
         isInvalid?: undefined;

package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8GrB,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoHrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.10.3-6f5759.2+6f57590",
+  "version": "46.10.3-877a3f.2+877a3fa",
   "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.10.3-6f5759.2+6f57590",
+    "@draftbit/types": "^46.10.3-877a3f.2+877a3fa",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -100,5 +100,5 @@
       ]
     ]
   },
-  "gitHead": "6f575904eb16220ca3a10cc789d403e95184f81b"
+  "gitHead": "877a3fa2568c2a8c87bcac685df23e35a69f883e"
 }

package/src/mappings/NativeBase/Layout.js

@@ -44,6 +44,12 @@ export const SEED_DATA = [
         name: "Container",
         tag: "Container",
         description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+        props: {
+            centerContent: createBoolProp({
+                label: "Center content",
+                description: "Center child elements based on their content width",
+            }),
+        },
         ...SHARED_SEED_DATA,
     },
     {

package/src/mappings/NativeBase/Layout.ts

@@ -63,6 +63,12 @@ export const SEED_DATA = [
     tag: "Container",
     description:
       "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+    props: {
+      centerContent: createBoolProp({
+        label: "Center content",
+        description: "Center child elements based on their content width",
+      }),
+    },
     ...SHARED_SEED_DATA,
   },
   {