@draftbit/core 46.4.4-30f7df.2 → 46.4.4-38a1ca.2

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: "Tab View",
-        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: "Tab View Item",
-        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: "Tab View",
-    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: "Tab View Item",
-    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",
-      }),
-    },
-  },
-];