@draftbit/core 46.4.4-b53636.2 → 46.4.4-d93fe1.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,6 +21,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 ? 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 AccordionItem = _ref => {
   let {
     Icon,
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -73,25 +74,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
-exports.default = _default;StyleSheet.create({
-  container: {
-    padding: 8
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: 8
-  },
-  item: {
-    marginVertical: 6,
-    paddingLeft: 8
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-
-var _default = (0, _theming.withTheme)(AccordionItem);
-
 exports.default = _default;

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -17,6 +17,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 ? 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 AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
 
 const AnimatedCircularProgress = _ref => {
@@ -67,18 +69,6 @@ const AnimatedCircularProgress = _ref => {
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
-  return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
-    style: other.style,
-    childrenContainerStyle: other.childrenContainerStyle,
-    fill: fillAnimation,
-    tintColor: animateColor()
-  });
-};
-
-var _default = AnimatedCircularProgress;
-exports.default = _default;eEffect(() => {
-    animate();
-  }, [fill, animate]);
   return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
     style: other.style,
     childrenContainerStyle: other.childrenContainerStyle,

package/lib/commonjs/components/CircleImage.js

@@ -17,6 +17,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 ? 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 CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -25,22 +27,6 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, {
-    style: [{
-      width: size,
-      height: size,
-      borderRadius
-    }, style],
-    source: typeof source === "string" ? {
-      uri: source
-    } : source,
-    resizeMode: "cover",
-    ...props
-  });
-};
-
-var _default = CircleImage;
-exports.default = _default;size / 2;
   return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
     style: [{
       width: size,

package/lib/commonjs/components/Container.js

@@ -19,8 +19,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 ? 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 Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -82,9 +80,10 @@ const Container = _ref => {
   };
   const Wrap = elevation ? _Elevation.default : _reactNative.View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, {
+    style: [containerStyle, style],
+    ...rest
+  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -101,4 +100,17 @@ const Container = _ref => {
 
 var _default = (0, _theming.withTheme)(Container);
 
+exports.default = _default;izeMode: backgroundImageResizeMode,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: innerStyle
+  }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: innerStyle
+  }, children));
+};
+
+var _default = (0, _theming.withTheme)(Container);
+
 exports.default = _default;

package/lib/commonjs/components/ProgressBar.js

@@ -13,10 +13,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 ? 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); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
 const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
 
@@ -24,7 +20,7 @@ class ProgressBar extends _react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "handleLayout", event => {
+    this.handleLayout = event => {
       const {
         width = 150,
         onLayout
@@ -39,7 +35,7 @@ class ProgressBar extends _react.Component {
       if (onLayout) {
         onLayout(event);
       }
-    });
+    };
 
     const {
       progress: progressP = 0,
@@ -93,7 +89,6 @@ class ProgressBar extends _react.Component {
         _reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -165,6 +160,27 @@ class ProgressBar extends _react.Component {
         })
       }]
     };
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [containerStyle, style],
+      onLayout: this.handleLayout,
+      ...restProps
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      style: progressStyle
+    }), children);
+  }
+
+}
+
+exports.default = ProgressBar;h / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
+        })
+      }, {
+        // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
+        scaleX: this.state.progress.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0.0001, 1]
+        })
+      }]
+    };
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
       style: [containerStyle, style],
       onLayout: this.handleLayout

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

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNativeTabView = require("react-native-tab-view");
+
+var _TabViewItem = _interopRequireDefault(require("./TabViewItem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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,
+    tabBarPosition,
+    keyboardDismissMode,
+    swipeEnabled,
+    scrollEnabled,
+    activeColor,
+    inactiveColor,
+    pressColor,
+    indicatorColor,
+    style,
+    children
+  } = _ref;
+  const [index, setIndex] = React.useState(0);
+  const [routes, setRoutes] = React.useState([]);
+  const [tabScenes, setTabScenes] = React.useState({});
+  React.useEffect(() => {
+    const newRoutes = [];
+    const scenes = {};
+    React.Children.toArray(children).filter(child => child.type === _TabViewItem.default).forEach(child => {
+      var _child$props;
+
+      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
+        var _child$props2, _child$props3;
+
+        newRoutes.push({
+          key: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
+          ...(child === null || child === void 0 ? void 0 : child.props)
+        });
+
+        scenes[child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.id] = () => child;
+      }
+    });
+    setRoutes(newRoutes);
+    setTabScenes(scenes);
+  }, [children]);
+
+  const indexChangeHandler = i => setIndex(i);
+
+  const renderTabBar = props => {
+    console.log(props);
+    return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
+      activeColor: activeColor,
+      inactiveColor: inactiveColor,
+      pressColor: pressColor,
+      scrollEnabled: scrollEnabled,
+      indicatorStyle: {
+        backgroundColor: indicatorColor
+      },
+      renderIcon: _ref2 => {
+        let {
+          route,
+          color
+        } = _ref2;
+        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
+          name: route.icon,
+          color: color,
+          size: 36
+        }) : null;
+      },
+      style: style
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(_reactNativeTabView.TabView, {
+    navigationState: {
+      index,
+      routes
+    },
+    renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
+    renderTabBar: renderTabBar,
+    onIndexChange: indexChangeHandler,
+    tabBarPosition: tabBarPosition,
+    keyboardDismissMode: keyboardDismissMode,
+    swipeEnabled: swipeEnabled
+  });
+};
+
+var _default = TabViewComponent;
+exports.default = _default;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const TabViewItem = _ref => {
+  let {
+    title,
+    id,
+    icon,
+    children,
+    accessibilityLabel
+  } = _ref;
+  console.log({
+    title,
+    id,
+    icon,
+    accessibilityLabel
+  });
+  return children;
+};
+
+var _default = TabViewItem;
+exports.default = _default;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TabView", {
+  enumerable: true,
+  get: function () {
+    return _TabView.default;
+  }
+});
+Object.defineProperty(exports, "TabViewItem", {
+  enumerable: true,
+  get: function () {
+    return _TabViewItem.default;
+  }
+});
+
+var _TabView = _interopRequireDefault(require("./TabView"));
+
+var _TabViewItem = _interopRequireDefault(require("./TabViewItem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/commonjs/index.js

@@ -369,6 +369,18 @@ Object.defineProperty(exports, "SwitchRow", {
     return _Switch.SwitchRow;
   }
 });
+Object.defineProperty(exports, "TabView", {
+  enumerable: true,
+  get: function () {
+    return _TabView.TabView;
+  }
+});
+Object.defineProperty(exports, "TabViewItem", {
+  enumerable: true,
+  get: function () {
+    return _TabView.TabViewItem;
+  }
+});
 Object.defineProperty(exports, "TextField", {
   enumerable: true,
   get: function () {
@@ -472,6 +484,8 @@ var _ActionSheet = require("./components/ActionSheet");
 
 var _Swiper = require("./components/Swiper");
 
+var _TabView = require("./components/TabView");
+
 var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");

package/lib/commonjs/mappings/AudioPlayer.js

@@ -12,17 +12,7 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
-  layout: {
-    backgroundColor: "#eee",
-    paddingLeft: 16,
-    paddingRight: 16,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 24,
-    flexDirection: "row",
-    alignItems: "center"
-  },
+  layout: {},
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -33,27 +23,7 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    },
-    sliderColor: (0, _types.createColorProp)({
-      label: "Thumb Color",
-      defaultValue: "black"
-    }),
-    completedTrackColor: (0, _types.createColorProp)({
-      label: "Completed Track Color",
-      defaultValue: "white"
-    }),
-    remainingTrackColor: (0, _types.createColorProp)({
-      label: "Remaining Track Color",
-      defaultValue: "#333333"
-    }),
-    trackThumbSize: (0, _types.createNumberProp)({
-      label: "Thumb Size",
-      defaultValue: 24
-    }),
-    playIconColor: (0, _types.createColorProp)({
-      label: "Play Icon Color",
-      defaultValue: "black"
-    })
+    }
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/TabView.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = [{
+  name: "Tab View",
+  tag: "TabView",
+  category: _types.COMPONENT_TYPES.container,
+  layout: {},
+  props: {
+    tabBarPosition: (0, _types.createTextEnumProp)({
+      label: "Tab Bar Position",
+      description: "Tab Bar Position",
+      options: ["top", "bottom"],
+      defaultValue: "top"
+    }),
+    keyboardDismissMode: (0, _types.createTextEnumProp)({
+      label: "Keyboard Dismiss Mode",
+      description: "Keyboard Dismiss Mode",
+      options: ["auto", "on-drag", "none"],
+      defaultValue: "auto"
+    }),
+    swipeEnabled: (0, _types.createBoolProp)({
+      label: "Swipe Enabled",
+      description: "Swipe Enabled",
+      defaultValue: true
+    }),
+    scrollEnabled: (0, _types.createBoolProp)({
+      label: "Scroll Enabled",
+      description: "Scroll Enabled",
+      defaultValue: true
+    }),
+    activeColor: (0, _types.createColorProp)({
+      label: "Active Color",
+      description: "Active Color",
+      defaultValue: "primary"
+    }),
+    inactiveColor: (0, _types.createColorProp)({
+      label: "Inactive Color",
+      description: "Inactive Color",
+      defaultValue: null
+    }),
+    pressColor: (0, _types.createColorProp)({
+      label: "Press Color",
+      description: "Press Color",
+      defaultValue: null
+    }),
+    indicatorColor: (0, _types.createColorProp)({
+      label: "Indicator Color",
+      description: "Indicator Color",
+      defaultValue: null
+    })
+  }
+}, {
+  name: "Tab View Item",
+  tag: "TabViewItem",
+  category: _types.COMPONENT_TYPES.container,
+  layout: {},
+  props: {
+    title: (0, _types.createTextProp)({
+      label: "Title",
+      description: "Tab Title"
+    }),
+    id: (0, _types.createTextProp)({
+      label: "Id",
+      description: "Tab Id"
+    }),
+    accessibilityLabel: (0, _types.createTextProp)({
+      label: "Accessibility Label",
+      description: "Accessibility Label"
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Accordion/AccordionItem.js

@@ -1,3 +1,5 @@
+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 { Pressable, StyleSheet, View } from "react-native";
 import Text from "../Text";
@@ -18,10 +20,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -35,28 +36,6 @@ const AccordionItem = _ref => {
   }, label))));
 };
 
-const styles = StyleSheet.create({
-  container: {
-    padding: 8
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: 8
-  },
-  item: {
-    marginVertical: 6,
-    paddingLeft: 8
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-export default withTheme(AccordionItem);xtStyles
-  }, label))));
-};
-
 const styles = StyleSheet.create({
   container: {
     padding: 8

package/lib/module/components/TabView/TabView.js

@@ -0,0 +1,87 @@
+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 { TabView, TabBar, SceneMap } from "react-native-tab-view"; // import { withTheme } from "../../theming";
+
+import TabViewItem from "./TabViewItem";
+
+const TabViewComponent = _ref => {
+  let {
+    Icon,
+    tabBarPosition,
+    keyboardDismissMode,
+    swipeEnabled,
+    scrollEnabled,
+    activeColor,
+    inactiveColor,
+    pressColor,
+    indicatorColor,
+    style,
+    children
+  } = _ref;
+  const [index, setIndex] = React.useState(0);
+  const [routes, setRoutes] = React.useState([]);
+  const [tabScenes, setTabScenes] = React.useState({});
+  React.useEffect(() => {
+    const newRoutes = [];
+    const scenes = {};
+    React.Children.toArray(children).filter(child => child.type === TabViewItem).forEach(child => {
+      var _child$props;
+
+      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
+        var _child$props2, _child$props3;
+
+        newRoutes.push({
+          key: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
+          ...(child === null || child === void 0 ? void 0 : child.props)
+        });
+
+        scenes[child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.id] = () => child;
+      }
+    });
+    setRoutes(newRoutes);
+    setTabScenes(scenes);
+  }, [children]);
+
+  const indexChangeHandler = i => setIndex(i);
+
+  const renderTabBar = props => {
+    console.log(props);
+    return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
+      activeColor: activeColor,
+      inactiveColor: inactiveColor,
+      pressColor: pressColor,
+      scrollEnabled: scrollEnabled,
+      indicatorStyle: {
+        backgroundColor: indicatorColor
+      },
+      renderIcon: _ref2 => {
+        let {
+          route,
+          color
+        } = _ref2;
+        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
+          name: route.icon,
+          color: color,
+          size: 36
+        }) : null;
+      },
+      style: style
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(TabView, {
+    navigationState: {
+      index,
+      routes
+    },
+    renderScene: SceneMap(tabScenes),
+    renderTabBar: renderTabBar,
+    onIndexChange: indexChangeHandler,
+    tabBarPosition: tabBarPosition,
+    keyboardDismissMode: keyboardDismissMode,
+    swipeEnabled: swipeEnabled
+  });
+};
+
+export default TabViewComponent;

package/lib/module/components/TabView/TabViewItem.js

@@ -0,0 +1,18 @@
+const TabViewItem = _ref => {
+  let {
+    title,
+    id,
+    icon,
+    children,
+    accessibilityLabel
+  } = _ref;
+  console.log({
+    title,
+    id,
+    icon,
+    accessibilityLabel
+  });
+  return children;
+};
+
+export default TabViewItem;