@draftbit/core 46.2.4-dedb7a.0 → 46.2.4-f941fc.0

package/lib/commonjs/mappings/TextInput.js

@@ -7,6 +7,185 @@ exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
 
 var _types = require("@draftbit/types");
 
+const TEXT_INPUT_PROPS = {
+  allowFontScaling: {
+    group: _types.GROUPS.advanced,
+    label: "Allow Font Scaling",
+    description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoCapitalize: {
+    group: _types.GROUPS.advanced,
+    label: "Auto Capitalize",
+    description: "Can automatically capitalize sentences, words, and characters (Default: none).",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["none", "sentences", "words", "characters"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  autoCorrect: {
+    group: _types.GROUPS.advanced,
+    label: "Auto Correct",
+    description: "Enables auto correction",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoFocus: {
+    group: _types.GROUPS.basic,
+    label: "Auto Focus",
+    description: "Focuses the input on load in and brings up the keyboard",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  caretHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Caret",
+    description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  contextMenuHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Context Menu",
+    description: "Hides the system context menu (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  editable: {
+    group: _types.GROUPS.advanced,
+    label: "Editable",
+    description: "If false, the text is not editable",
+    editable: true,
+    required: false,
+    defaultValue: true,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  keyboardAppearance: {
+    group: _types.GROUPS.advanced,
+    label: "Keyboard Appearance",
+    description: "Determines the color of the keyboard.(iOS Only)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["default", "light", "dark"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  keyboardType: {
+    group: _types.GROUPS.advanced,
+    label: "Keyboard Type",
+    description: "Determines what keyboard is given to the user.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["default", "email-address", "numeric", "phone-pad", "ascii-capable", "numbers-and-punctuation", "url", "number-pad", "name-phone-pad", "decimal-pad", "twitter", "web-search", "visible-password"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  maxLength: {
+    group: _types.GROUPS.basic,
+    label: "Max Length",
+    description: "Limits the input to a set number of characters.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    min: 0,
+    step: 1,
+    precision: 0,
+    formType: _types.FORM_TYPES.number,
+    propType: _types.PROP_TYPES.NUMBER
+  },
+  placeholder: {
+    group: _types.GROUPS.data,
+    label: "Placeholder Text",
+    description: "The text that is shown on load when no value is available.",
+    editable: true,
+    required: false,
+    defaultValue: "Enter a value...",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  placeholderTextColor: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder Text Color",
+    description: "The color of the placeholder text.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyLabel: {
+    group: _types.GROUPS.advanced,
+    label: "Return Key Label",
+    description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyType: {
+    group: _types.GROUPS.advanced,
+    label: "Return Key Type",
+    description: "Determines how the return key should look like",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  secureTextEntry: {
+    group: _types.GROUPS.basic,
+    label: "Password Input?",
+    description: "Hides the characters with a *, useful for passwords and other sensitive information.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  selectionColor: {
+    group: _types.GROUPS.advanced,
+    label: "Selection Color",
+    description: "Color of the highlighted portion when selecting.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectTextOnFocus: {
+    group: _types.GROUPS.advanced,
+    label: "Select Text on Focus",
+    description: "If true, all the text will automatically be selected on focus",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  }
+};
 const SEED_DATA_PROPS = {
   style: {
     group: _types.GROUPS.basic,
@@ -86,184 +265,7 @@ const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
-  props: {
-    allowFontScaling: {
-      group: _types.GROUPS.advanced,
-      label: "Allow Font Scaling",
-      description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    autoCapitalize: {
-      group: _types.GROUPS.advanced,
-      label: "Auto Capitalize",
-      description: "Can automatically capitalize sentences, words, and characters (Default: none).",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["none", "sentences", "words", "characters"],
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING
-    },
-    autoCorrect: {
-      group: _types.GROUPS.advanced,
-      label: "Auto Correct",
-      description: "Enables auto correction",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    autoFocus: {
-      group: _types.GROUPS.basic,
-      label: "Auto Focus",
-      description: "Focuses the input on load in and brings up the keyboard",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    caretHidden: {
-      group: _types.GROUPS.advanced,
-      label: "Hide Caret",
-      description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    contextMenuHidden: {
-      group: _types.GROUPS.advanced,
-      label: "Hide Context Menu",
-      description: "Hides the system context menu (Default: false)",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    editable: {
-      group: _types.GROUPS.advanced,
-      label: "Editable",
-      description: "If false, the text is not editable",
-      editable: true,
-      required: false,
-      defaultValue: true,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    keyboardAppearance: {
-      group: _types.GROUPS.advanced,
-      label: "Keyboard Appearance",
-      description: "Determines the color of the keyboard.(iOS Only)",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["default", "light", "dark"],
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING
-    },
-    keyboardType: {
-      group: _types.GROUPS.advanced,
-      label: "Keyboard Type",
-      description: "Determines what keyboard is given to the user.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["default", "email-address", "numeric", "phone-pad", "ascii-capable", "numbers-and-punctuation", "url", "number-pad", "name-phone-pad", "decimal-pad", "twitter", "web-search", "visible-password"],
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING
-    },
-    maxLength: {
-      group: _types.GROUPS.basic,
-      label: "Max Length",
-      description: "Limits the input to a set number of characters.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      min: 0,
-      step: 1,
-      precision: 0,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER
-    },
-    placeholder: {
-      group: _types.GROUPS.data,
-      label: "Placeholder Text",
-      description: "The text that is shown on load when no value is available.",
-      editable: true,
-      required: false,
-      defaultValue: "Enter a value...",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING
-    },
-    placeholderTextColor: {
-      group: _types.GROUPS.basic,
-      label: "Placeholder Text Color",
-      description: "The color of the placeholder text.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.color,
-      propType: _types.PROP_TYPES.STRING
-    },
-    returnKeyLabel: {
-      group: _types.GROUPS.advanced,
-      label: "Return Key Label",
-      description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING
-    },
-    returnKeyType: {
-      group: _types.GROUPS.advanced,
-      label: "Return Key Type",
-      description: "Determines how the return key should look like",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING
-    },
-    secureTextEntry: {
-      group: _types.GROUPS.basic,
-      label: "Password Input?",
-      description: "Hides the characters with a *, useful for passwords and other sensitive information.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
-    selectionColor: {
-      group: _types.GROUPS.advanced,
-      label: "Selection Color",
-      description: "Color of the highlighted portion when selecting.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.color,
-      propType: _types.PROP_TYPES.STRING
-    },
-    selectTextOnFocus: {
-      group: _types.GROUPS.advanced,
-      label: "Select Text on Focus",
-      description: "If true, all the text will automatically be selected on focus",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN
-    },
+  props: { ...TEXT_INPUT_PROPS,
     ...SEED_DATA_PROPS,
     multiline: {
       group: _types.GROUPS.basic,

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

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

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

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

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

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

package/lib/module/index.js

@@ -28,6 +28,7 @@ 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!  */