@draftbit/core 46.4.4-7f27fb.2 → 46.4.4-8a6164.2

package/lib/commonjs/components/Container.js

@@ -19,6 +19,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 Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -80,10 +82,9 @@ const Container = _ref => {
   };
   const Wrap = elevation ? _Elevation.default : _reactNative.View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, {
-    style: [containerStyle, style],
-    ...rest
-  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, _extends({
+    style: [containerStyle, style]
+  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -100,17 +101,4 @@ 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/DatePicker/DatePicker.js

@@ -21,6 +21,8 @@ var _Touchable = _interopRequireDefault(require("../Touchable"));
 
 var _DatePickerComponent = _interopRequireDefault(require("./DatePickerComponent"));
 
+var _utilities = require("../../utilities");
+
 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); }
@@ -271,9 +273,12 @@ const DatePicker = _ref => {
       })
     }]
   };
+  const {
+    textStyles
+  } = (0, _utilities.extractStyles)(style);
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
-  } : {}]; // const render = (props) => <NativeTextInput {...props} />;
+  } : {}, textStyles]; // const render = (props) => <NativeTextInput {...props} />;
 
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, style]

package/lib/commonjs/index.js

@@ -369,18 +369,6 @@ 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 () {
@@ -484,8 +472,6 @@ 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/module/components/DatePicker/DatePicker.js

@@ -8,6 +8,7 @@ import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
+import { extractStyles } from "../../utilities";
 const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
@@ -249,9 +250,12 @@ const DatePicker = _ref => {
       })
     }]
   };
+  const {
+    textStyles
+  } = extractStyles(style);
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
-  } : {}]; // const render = (props) => <NativeTextInput {...props} />;
+  } : {}, textStyles]; // const render = (props) => <NativeTextInput {...props} />;
 
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]

package/lib/module/components/ToggleButton.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 { withTheme } from "../theming";
 import { StyleSheet } from "react-native";
@@ -40,29 +42,13 @@ const ToggleButton = _ref => {
     onPress(!internalValue);
   };
 
-  return /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: icon,
     size: iconSize,
     color: internalValue ? colors[color] : colors[colorSecondary],
     onPress: handlePress,
     disabled: disabled,
-    style: [styles.mainContainer, {
-      width,
-      height,
-      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
-      borderColor: colors[borderColor]
-    }, style],
-    ...rest
-  });
-};
-
-const styles = StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1
-  }
-});
-export default withTheme(ToggleButton);: disabled,
     style: [styles.mainContainer, {
       width,
       height,

package/lib/module/index.js

@@ -29,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */

package/lib/typescript/src/index.d.ts

@@ -29,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 export { default as CardBlock } from "./components/CardBlock";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-7f27fb.2+7f27fbc",
+  "version": "46.4.4-8a6164.2+8a6164b",
   "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.4.4-7f27fb.2+7f27fbc",
+    "@draftbit/types": "^46.4.4-8a6164.2+8a6164b",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -54,9 +54,7 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-pager-view": "5.4.24",
-    "react-native-svg": "^12.3.0",
-    "react-native-tab-view": "^3.0.0",
+    "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
   },
@@ -83,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "7f27fbcfba08665618ffd741070ea655167cfafa"
+  "gitHead": "8a6164bfd3a26b44bab4df0b80268c1c95dab090"
 }

package/src/components/DatePicker/DatePicker.js

@@ -6,6 +6,7 @@ import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import DateTimePicker from "./DatePickerComponent";
+import { extractStyles } from "../../utilities";
 const AnimatedText = Animated.createAnimatedComponent(Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
@@ -241,10 +242,12 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
             },
         ],
     };
+    const { textStyles } = extractStyles(style);
     const inputStyles = [
         styles.input,
         inputStyle,
         type === "solid" ? { marginHorizontal: 12 } : {},
+        textStyles,
     ];
     // const render = (props) => <NativeTextInput {...props} />;
     return (React.createElement(View, { style: [styles.container, style] },

package/src/components/DatePicker/DatePicker.tsx

@@ -23,6 +23,7 @@ import DateTimePicker from "./DatePickerComponent";
 
 import type { Theme } from "../../styles/DefaultTheme";
 import type { IconSlot } from "../../interfaces/Icon";
+import { extractStyles } from "../../utilities";
 
 const AnimatedText = Animated.createAnimatedComponent(Text);
 
@@ -347,10 +348,13 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
     ],
   };
 
+  const { textStyles } = extractStyles(style);
+
   const inputStyles = [
     styles.input,
     inputStyle,
     type === "solid" ? { marginHorizontal: 12 } : {},
+    textStyles,
   ];
 
   // const render = (props) => <NativeTextInput {...props} />;

package/src/index.js

@@ -29,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */

package/src/index.tsx

@@ -34,7 +34,6 @@ export {
   ActionSheetCancel,
 } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 
 export {
   Center,

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

@@ -1,102 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-"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

@@ -1,23 +0,0 @@
-"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/mappings/TabView.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA = [{
-  name: "TabView",
-  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: "TabViewItem",
-  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/TabView/TabView.js

@@ -1,87 +0,0 @@
-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

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

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

@@ -1,2 +0,0 @@
-export { default as TabView } from "./TabView";
-export { default as TabViewItem } from "./TabViewItem";

package/lib/module/mappings/TabView.js

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

package/lib/typescript/src/components/TabView/TabView.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import type { IconSlot } from "../../interfaces/Icon";
-declare type TabBarPosition = "top" | "bottom";
-declare type KeyboardDismissMode = "none" | "auto" | "on-drag";
-declare type TabViewProps = {
-    tabBarPosition?: TabBarPosition;
-    keyboardDismissMode?: KeyboardDismissMode;
-    swipeEnabled?: boolean;
-    scrollEnabled?: boolean;
-    activeColor?: string;
-    inactiveColor?: string;
-    pressColor?: string;
-    indicatorColor?: string;
-    style?: StyleProp<TextStyle | ViewStyle>;
-    children: React.ReactNode;
-} & IconSlot;
-declare const TabViewComponent: ({ Icon, tabBarPosition, keyboardDismissMode, swipeEnabled, scrollEnabled, activeColor, inactiveColor, pressColor, indicatorColor, style, children, }: TabViewProps) => JSX.Element;
-export default TabViewComponent;

package/lib/typescript/src/components/TabView/TabViewItem.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface TabViewItemProps {
-    title: string;
-    id: string;
-    icon: string;
-    accessibilityLabel: string;
-    children: React.ReactNode;
-}
-declare const TabViewItem: ({ title, id, icon, children, accessibilityLabel, }: TabViewItemProps) => React.ReactNode;
-export default TabViewItem;

package/lib/typescript/src/components/TabView/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TabView } from "./TabView";
-export { default as TabViewItem } from "./TabViewItem";

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

@@ -1,111 +0,0 @@
-export declare const SEED_DATA: ({
-    name: string;
-    tag: string;
-    category: string;
-    layout: {};
-    props: {
-        tabBarPosition: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        keyboardDismissMode: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        swipeEnabled: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        scrollEnabled: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        activeColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        inactiveColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        pressColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        indicatorColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        title?: undefined;
-        id?: undefined;
-        accessibilityLabel?: undefined;
-    };
-} | {
-    name: string;
-    tag: string;
-    category: string;
-    layout: {};
-    props: {
-        title: any;
-        id: any;
-        accessibilityLabel: any;
-        tabBarPosition?: undefined;
-        keyboardDismissMode?: undefined;
-        swipeEnabled?: undefined;
-        scrollEnabled?: undefined;
-        activeColor?: undefined;
-        inactiveColor?: undefined;
-        pressColor?: undefined;
-        indicatorColor?: undefined;
-    };
-})[];

package/src/components/TabView/TabView.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { TabView, TabBar, SceneMap } from "react-native-tab-view";
-// import { withTheme } from "../../theming";
-import TabViewItem from "./TabViewItem";
-const TabViewComponent = ({ Icon, tabBarPosition, keyboardDismissMode, swipeEnabled, scrollEnabled, activeColor, inactiveColor, pressColor, indicatorColor, style, children, }) => {
-    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 _a, _b, _c;
-            if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.id) {
-                newRoutes.push({
-                    key: (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.id,
-                    ...child === null || child === void 0 ? void 0 : child.props,
-                });
-                scenes[(_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.id] = () => child;
-            }
-        });
-        setRoutes(newRoutes);
-        setTabScenes(scenes);
-    }, [children]);
-    const indexChangeHandler = (i) => setIndex(i);
-    const renderTabBar = (props) => {
-        console.log(props);
-        return (React.createElement(TabBar, { ...props, activeColor: activeColor, inactiveColor: inactiveColor, pressColor: pressColor, scrollEnabled: scrollEnabled, indicatorStyle: { backgroundColor: indicatorColor }, renderIcon: ({ route, color }) => (route === null || route === void 0 ? void 0 : route.icon) ? (React.createElement(Icon, { name: route.icon, color: color, size: 36 })) : null, style: style }));
-    };
-    return (React.createElement(TabView, { navigationState: { index, routes }, renderScene: SceneMap(tabScenes), renderTabBar: renderTabBar, onIndexChange: indexChangeHandler, tabBarPosition: tabBarPosition, keyboardDismissMode: keyboardDismissMode, swipeEnabled: swipeEnabled }));
-};
-export default TabViewComponent;

package/src/components/TabView/TabView.tsx

@@ -1,97 +0,0 @@
-import * as React from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { TabView, TabBar, SceneMap } from "react-native-tab-view";
-
-// import { withTheme } from "../../theming";
-import TabViewItem from "./TabViewItem";
-import type { IconSlot } from "../../interfaces/Icon";
-
-type TabBarPosition = "top" | "bottom";
-type KeyboardDismissMode = "none" | "auto" | "on-drag";
-
-type TabViewProps = {
-  tabBarPosition?: TabBarPosition;
-  keyboardDismissMode?: KeyboardDismissMode;
-  swipeEnabled?: boolean;
-  scrollEnabled?: boolean;
-  activeColor?: string;
-  inactiveColor?: string;
-  pressColor?: string;
-  indicatorColor?: string;
-  style?: StyleProp<TextStyle | ViewStyle>;
-  children: React.ReactNode;
-} & IconSlot;
-
-const TabViewComponent = ({
-  Icon,
-  tabBarPosition,
-  keyboardDismissMode,
-  swipeEnabled,
-  scrollEnabled,
-  activeColor,
-  inactiveColor,
-  pressColor,
-  indicatorColor,
-  style,
-  children,
-}: TabViewProps) => {
-  const [index, setIndex] = React.useState(0);
-  const [routes, setRoutes] = React.useState([]);
-  const [tabScenes, setTabScenes] = React.useState({});
-
-  React.useEffect(() => {
-    const newRoutes: any = [];
-    const scenes: any = {};
-
-    React.Children.toArray(children)
-      .filter((child: any) => child.type === TabViewItem)
-      .forEach((child: any) => {
-        if (child?.props?.id) {
-          newRoutes.push({
-            key: child?.props?.id,
-            ...child?.props,
-          });
-          scenes[child?.props?.id] = () => child;
-        }
-      });
-
-    setRoutes(newRoutes);
-    setTabScenes(scenes);
-  }, [children]);
-
-  const indexChangeHandler = (i: any) => setIndex(i);
-
-  const renderTabBar = (props: any) => {
-    console.log(props);
-    return (
-      <TabBar
-        {...props}
-        activeColor={activeColor}
-        inactiveColor={inactiveColor}
-        pressColor={pressColor}
-        scrollEnabled={scrollEnabled}
-        indicatorStyle={{ backgroundColor: indicatorColor }}
-        renderIcon={({ route, color }) =>
-          route?.icon ? (
-            <Icon name={route.icon} color={color} size={36} />
-          ) : null
-        }
-        style={style}
-      />
-    );
-  };
-
-  return (
-    <TabView
-      navigationState={{ index, routes }}
-      renderScene={SceneMap(tabScenes)}
-      renderTabBar={renderTabBar}
-      onIndexChange={indexChangeHandler}
-      tabBarPosition={tabBarPosition}
-      keyboardDismissMode={keyboardDismissMode}
-      swipeEnabled={swipeEnabled}
-    />
-  );
-};
-
-export default TabViewComponent;

package/src/components/TabView/TabViewItem.js

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

package/src/components/TabView/TabViewItem.tsx

@@ -1,21 +0,0 @@
-import React from "react";
-interface TabViewItemProps {
-  title: string;
-  id: string;
-  icon: string;
-  accessibilityLabel: string;
-  children: React.ReactNode;
-}
-
-const TabViewItem = ({
-  title,
-  id,
-  icon,
-  children,
-  accessibilityLabel,
-}: TabViewItemProps) => {
-  console.log({ title, id, icon, accessibilityLabel });
-  return children;
-};
-
-export default TabViewItem;

package/src/components/TabView/index.js

@@ -1,2 +0,0 @@
-export { default as TabView } from "./TabView";
-export { default as TabViewItem } from "./TabViewItem";

package/src/components/TabView/index.tsx

@@ -1,2 +0,0 @@
-export { default as TabView } from "./TabView";
-export { default as TabViewItem } from "./TabViewItem";

package/src/mappings/TabView.js

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

package/src/mappings/TabView.ts

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