@draftbit/core 43.4.5-d442fc.1 → 43.4.6-28bb0e.2

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

@@ -1,88 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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;
-//# sourceMappingURL=TabView.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TabViewItem.tsx"],"names":["TabViewItem","title","id","icon","children","accessibilityLabel","console","log"],"mappings":"AASA,MAAMA,WAAW,GAAG,QAMI;AAAA,MANH;AACnBC,IAAAA,KADmB;AAEnBC,IAAAA,EAFmB;AAGnBC,IAAAA,IAHmB;AAInBC,IAAAA,QAJmB;AAKnBC,IAAAA;AALmB,GAMG;AACtBC,EAAAA,OAAO,CAACC,GAAR,CAAY;AAAEN,IAAAA,KAAF;AAASC,IAAAA,EAAT;AAAaC,IAAAA,IAAb;AAAmBE,IAAAA;AAAnB,GAAZ;AACA,SAAOD,QAAP;AACD,CATD;;AAWA,eAAeJ,WAAf","sourcesContent":["import React from \"react\";\ninterface TabViewItemProps {\n  title: string;\n  id: string;\n  icon: string;\n  accessibilityLabel: string;\n  children: React.ReactNode;\n}\n\nconst TabViewItem = ({\n  title,\n  id,\n  icon,\n  children,\n  accessibilityLabel,\n}: TabViewItemProps) => {\n  console.log({ title, id, icon, accessibilityLabel });\n  return children;\n};\n\nexport default TabViewItem;\n"]}

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

@@ -1,3 +0,0 @@
-export { default as TabView } from "./TabView";
-export { default as TabViewItem } from "./TabViewItem";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":["default","TabView","TabViewItem"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,eAAvC","sourcesContent":["export { default as TabView } from \"./TabView\";\nexport { default as TabViewItem } from \"./TabViewItem\";\n"]}

package/lib/module/mappings/TabView.js

@@ -1,71 +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"
-    })
-  }
-}];
-//# sourceMappingURL=TabView.js.map

package/lib/module/mappings/TabView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabView.ts"],"names":["COMPONENT_TYPES","createTextProp","createTextEnumProp","createBoolProp","createColorProp","SEED_DATA","name","tag","category","container","layout","props","tabBarPosition","label","description","options","defaultValue","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","title","id","accessibilityLabel"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,kBAHF,EAIEC,cAJF,EAKEC,eALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,QAAQ,EAAER,eAAe,CAACS,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,cAAc,EAAEV,kBAAkB,CAAC;AACjCW,MAAAA,KAAK,EAAE,kBAD0B;AAEjCC,MAAAA,WAAW,EAAE,kBAFoB;AAGjCC,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,QAAR,CAHwB;AAIjCC,MAAAA,YAAY,EAAE;AAJmB,KAAD,CAD7B;AAOLC,IAAAA,mBAAmB,EAAEf,kBAAkB,CAAC;AACtCW,MAAAA,KAAK,EAAE,uBAD+B;AAEtCC,MAAAA,WAAW,EAAE,uBAFyB;AAGtCC,MAAAA,OAAO,EAAE,CAAC,MAAD,EAAS,SAAT,EAAoB,MAApB,CAH6B;AAItCC,MAAAA,YAAY,EAAE;AAJwB,KAAD,CAPlC;AAaLE,IAAAA,YAAY,EAAEf,cAAc,CAAC;AAC3BU,MAAAA,KAAK,EAAE,eADoB;AAE3BC,MAAAA,WAAW,EAAE,eAFc;AAG3BE,MAAAA,YAAY,EAAE;AAHa,KAAD,CAbvB;AAkBLG,IAAAA,aAAa,EAAEhB,cAAc,CAAC;AAC5BU,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,gBAFe;AAG5BE,MAAAA,YAAY,EAAE;AAHc,KAAD,CAlBxB;AAuBLI,IAAAA,WAAW,EAAEhB,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE,cADoB;AAE3BC,MAAAA,WAAW,EAAE,cAFc;AAG3BE,MAAAA,YAAY,EAAE;AAHa,KAAD,CAvBvB;AA4BLK,IAAAA,aAAa,EAAEjB,eAAe,CAAC;AAC7BS,MAAAA,KAAK,EAAE,gBADsB;AAE7BC,MAAAA,WAAW,EAAE,gBAFgB;AAG7BE,MAAAA,YAAY,EAAE;AAHe,KAAD,CA5BzB;AAiCLM,IAAAA,UAAU,EAAElB,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE,aADmB;AAE1BC,MAAAA,WAAW,EAAE,aAFa;AAG1BE,MAAAA,YAAY,EAAE;AAHY,KAAD,CAjCtB;AAsCLO,IAAAA,cAAc,EAAEnB,eAAe,CAAC;AAC9BS,MAAAA,KAAK,EAAE,iBADuB;AAE9BC,MAAAA,WAAW,EAAE,iBAFiB;AAG9BE,MAAAA,YAAY,EAAE;AAHgB,KAAD;AAtC1B;AALT,CADuB,EAmDvB;AACEV,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,QAAQ,EAAER,eAAe,CAACS,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLa,IAAAA,KAAK,EAAEvB,cAAc,CAAC;AACpBY,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE;AAFO,KAAD,CADhB;AAKLW,IAAAA,EAAE,EAAExB,cAAc,CAAC;AACjBY,MAAAA,KAAK,EAAE,IADU;AAEjBC,MAAAA,WAAW,EAAE;AAFI,KAAD,CALb;AASLY,IAAAA,kBAAkB,EAAEzB,cAAc,CAAC;AACjCY,MAAAA,KAAK,EAAE,qBAD0B;AAEjCC,MAAAA,WAAW,EAAE;AAFoB,KAAD;AAT7B;AALT,CAnDuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createTextProp,\n  createTextEnumProp,\n  createBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"TabView\",\n    tag: \"TabView\",\n    category: COMPONENT_TYPES.container,\n    layout: {},\n    props: {\n      tabBarPosition: createTextEnumProp({\n        label: \"Tab Bar Position\",\n        description: \"Tab Bar Position\",\n        options: [\"top\", \"bottom\"],\n        defaultValue: \"top\",\n      }),\n      keyboardDismissMode: createTextEnumProp({\n        label: \"Keyboard Dismiss Mode\",\n        description: \"Keyboard Dismiss Mode\",\n        options: [\"auto\", \"on-drag\", \"none\"],\n        defaultValue: \"auto\",\n      }),\n      swipeEnabled: createBoolProp({\n        label: \"Swipe Enabled\",\n        description: \"Swipe Enabled\",\n        defaultValue: true,\n      }),\n      scrollEnabled: createBoolProp({\n        label: \"Scroll Enabled\",\n        description: \"Scroll Enabled\",\n        defaultValue: true,\n      }),\n      activeColor: createColorProp({\n        label: \"Active Color\",\n        description: \"Active Color\",\n        defaultValue: \"primary\",\n      }),\n      inactiveColor: createColorProp({\n        label: \"Inactive Color\",\n        description: \"Inactive Color\",\n        defaultValue: null,\n      }),\n      pressColor: createColorProp({\n        label: \"Press Color\",\n        description: \"Press Color\",\n        defaultValue: null,\n      }),\n      indicatorColor: createColorProp({\n        label: \"Indicator Color\",\n        description: \"Indicator Color\",\n        defaultValue: null,\n      }),\n    },\n  },\n  {\n    name: \"TabViewItem\",\n    tag: \"TabViewItem\",\n    category: COMPONENT_TYPES.container,\n    layout: {},\n    props: {\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Tab Title\",\n      }),\n      id: createTextProp({\n        label: \"Id\",\n        description: \"Tab Id\",\n      }),\n      accessibilityLabel: createTextProp({\n        label: \"Accessibility Label\",\n        description: \"Accessibility Label\",\n      }),\n    },\n  },\n];\n"]}

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,33 +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) => {
-            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) => 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?.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.ts

@@ -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",
-            }),
-        },
-    },
-];