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

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