@draftbit/core 46.10.3-0bad1e.2 → 46.10.3-6f5759.2

package/lib/commonjs/components/FAB.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _theming = require("../theming");
 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 FAB = _ref => {
   let {
     onPress,
@@ -32,7 +33,7 @@ const FAB = _ref => {
       borderRadius: size / 2,
       overflow: "hidden"
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: loading || disabled,
     android_ripple: {
@@ -50,9 +51,8 @@ const FAB = _ref => {
         borderRadius: size / 2,
         backgroundColor
       }];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    }
+  }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     style: size > 50 ? {
       marginTop: 2,
       marginLeft: 2
@@ -79,18 +79,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(FAB);
-exports.default = _default; styles = _reactNative.StyleSheet.create({
-  button: {
-    backgroundColor: "#5a45ff",
-    justifyContent: "center",
-    alignItems: "center",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
-var _default = (0, _theming.withTheme)(FAB);
 exports.default = _default;

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

@@ -10,7 +10,6 @@ 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,
@@ -36,13 +35,11 @@ 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 = [];
@@ -68,7 +65,8 @@ const TabViewComponent = _ref => {
     }
   };
   const renderTabBar = props => {
-    return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, {
+      ...props,
       activeColor: activeColor || theme.colors.primary,
       inactiveColor: inactiveColor || theme.colors.divider,
       pressColor: pressColor || theme.colors.primary,
@@ -82,7 +80,7 @@ const TabViewComponent = _ref => {
           route,
           color
         } = _ref2;
-        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
+        return (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
           name: route.icon,
           color: color,
           size: 16
@@ -91,9 +89,8 @@ 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);
@@ -113,4 +110,13 @@ 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;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

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

@@ -10,6 +10,7 @@ const SHARED_SEED_DATA = {
   packageName: "native-base",
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS
 };
+const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = _types.CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== _types.StylesPanelSections.LayoutFlexItems && item !== _types.StylesPanelSections.LayoutContent);
 const SEED_DATA = [{
   name: "Aspect Ratio",
   tag: "AspectRatio",
@@ -31,12 +32,14 @@ const SEED_DATA = [{
   name: "Center",
   tag: "Center",
   description: "Center aligns its contents to the center within itself",
-  ...SHARED_SEED_DATA
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Circle",
   tag: "Circle",
   description: "Center aligns its contents to the center within itself with a round border radius",
-  ...SHARED_SEED_DATA
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Container",
   tag: "Container",
@@ -46,17 +49,24 @@ const SEED_DATA = [{
   name: "Column",
   tag: "Column",
   description: "Column aligns items vertically",
+  layout: {
+    flexDirection: "column"
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Row",
   tag: "Row",
   description: "Column aligns items horizontally",
+  layout: {
+    flexDirection: "row"
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Spacer",
   tag: "Spacer",
   description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
-  ...SHARED_SEED_DATA
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Stack",
   tag: "Stack",

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

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections } from "@draftbit/types";
 const SHARED_SEED_DATA = {
   category: COMPONENT_TYPES.layout,
   packageName: "native-base",
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS
 };
+const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== StylesPanelSections.LayoutFlexItems && item !== StylesPanelSections.LayoutContent);
 export const SEED_DATA = [{
   name: "Aspect Ratio",
   tag: "AspectRatio",
@@ -25,12 +26,14 @@ export const SEED_DATA = [{
   name: "Center",
   tag: "Center",
   description: "Center aligns its contents to the center within itself",
-  ...SHARED_SEED_DATA
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Circle",
   tag: "Circle",
   description: "Center aligns its contents to the center within itself with a round border radius",
-  ...SHARED_SEED_DATA
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Container",
   tag: "Container",
@@ -40,17 +43,24 @@ export const SEED_DATA = [{
   name: "Column",
   tag: "Column",
   description: "Column aligns items vertically",
+  layout: {
+    flexDirection: "column"
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Row",
   tag: "Row",
   description: "Column aligns items horizontally",
+  layout: {
+    flexDirection: "row"
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Spacer",
   tag: "Spacer",
   description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
-  ...SHARED_SEED_DATA
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Stack",
   tag: "Stack",

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

@@ -29,6 +29,16 @@ export declare const SEED_DATA: ({
     name: string;
     tag: string;
     description: string;
+} | {
+    category: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    name: string;
+    tag: string;
+    description: string;
+    layout: {
+        flexDirection: string;
+    };
 } | {
     props: {
         direction: {

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":"AAcA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqGrB,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8GrB,CAAC"}

package/package.json

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

package/src/mappings/NativeBase/Layout.js

@@ -1,9 +1,11 @@
-import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections, } from "@draftbit/types";
 const SHARED_SEED_DATA = {
     category: COMPONENT_TYPES.layout,
     packageName: "native-base",
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };
+const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter((item) => item !== StylesPanelSections.LayoutFlexItems &&
+    item !== StylesPanelSections.LayoutContent);
 export const SEED_DATA = [
     {
         name: "Aspect Ratio",
@@ -29,12 +31,14 @@ export const SEED_DATA = [
         tag: "Center",
         description: "Center aligns its contents to the center within itself",
         ...SHARED_SEED_DATA,
+        stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
     },
     {
         name: "Circle",
         tag: "Circle",
         description: "Center aligns its contents to the center within itself with a round border radius",
         ...SHARED_SEED_DATA,
+        stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
     },
     {
         name: "Container",
@@ -46,12 +50,18 @@ export const SEED_DATA = [
         name: "Column",
         tag: "Column",
         description: "Column aligns items vertically",
+        layout: {
+            flexDirection: "column",
+        },
         ...SHARED_SEED_DATA,
     },
     {
         name: "Row",
         tag: "Row",
         description: "Column aligns items horizontally",
+        layout: {
+            flexDirection: "row",
+        },
         ...SHARED_SEED_DATA,
     },
     {
@@ -59,6 +69,7 @@ export const SEED_DATA = [
         tag: "Spacer",
         description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
         ...SHARED_SEED_DATA,
+        stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
     },
     {
         name: "Stack",

package/src/mappings/NativeBase/Layout.ts

@@ -4,6 +4,7 @@ import {
   createBoolProp,
   CONTAINER_COMPONENT_STYLES_SECTIONS,
   createStaticNumberProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 const SHARED_SEED_DATA = {
@@ -12,6 +13,13 @@ const SHARED_SEED_DATA = {
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };
 
+const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX =
+  CONTAINER_COMPONENT_STYLES_SECTIONS.filter(
+    (item) =>
+      item !== StylesPanelSections.LayoutFlexItems &&
+      item !== StylesPanelSections.LayoutContent
+  );
+
 export const SEED_DATA = [
   {
     name: "Aspect Ratio",
@@ -40,6 +48,7 @@ export const SEED_DATA = [
     tag: "Center",
     description: "Center aligns its contents to the center within itself",
     ...SHARED_SEED_DATA,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
   },
   {
     name: "Circle",
@@ -47,6 +56,7 @@ export const SEED_DATA = [
     description:
       "Center aligns its contents to the center within itself with a round border radius",
     ...SHARED_SEED_DATA,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
   },
   {
     name: "Container",
@@ -59,12 +69,18 @@ export const SEED_DATA = [
     name: "Column",
     tag: "Column",
     description: "Column aligns items vertically",
+    layout: {
+      flexDirection: "column",
+    },
     ...SHARED_SEED_DATA,
   },
   {
     name: "Row",
     tag: "Row",
     description: "Column aligns items horizontally",
+    layout: {
+      flexDirection: "row",
+    },
     ...SHARED_SEED_DATA,
   },
   {
@@ -73,6 +89,7 @@ export const SEED_DATA = [
     description:
       "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
     ...SHARED_SEED_DATA,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
   },
   {
     name: "Stack",