@ray-js/components 0.5.8-beta-1 → 0.5.9-beta-1

package/lib/Button/Button.thing.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Button as RemaxButton } from '@ray-js/adapter';
-import { defaultButtonProps } from './props';
 
 var Button = function (props) {
   var style = props.style,
@@ -37,6 +36,5 @@ var Button = function (props) {
   }, restProps));
 };
 
-Button.defaultProps = defaultButtonProps;
 Button.displayName = 'Button';
 export default Button;

package/lib/CheckboxGroup/CheckboxGroup.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import handleProps from '../utils/handleProps';

package/lib/CheckboxGroup/CheckboxGroup.thing.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { CheckboxGroup as RemaxCheckboxGroup } from '@ray-js/adapter';

package/lib/CheckboxGroup/CheckboxGroup.wechat.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { CheckboxGroup as RemaxCheckboxGroup } from '@ray-core/wechat';

package/lib/Icon/Icon.thing.js

@@ -1,7 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import * as React from 'react';
 import { Text } from '@ray-js/components';
-import { defaultIconProps } from './props';
 import './index.less';
 
 var Icon = function (props) {
@@ -18,6 +17,5 @@ var Icon = function (props) {
   });
 };
 
-Icon.defaultProps = defaultIconProps;
 Icon.displayName = 'Icon';
 export default Icon;

package/lib/Input/Input.thing.js

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
-import "core-js/modules/es.function.name.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { Input as RemaxInput } from '@ray-js/adapter';
 import { inlineStyle } from '@ray-js/framework-shared';
-import { defaultInputProps } from './props';
 import { nextFrame } from '../core';
 import styles from './index.module.less';
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -82,5 +80,4 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value: internalValue
   }, selection, restProps));
 });
-Input.defaultProps = defaultInputProps;
 export default Input;

package/lib/Input/Input.wechat.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
-import "core-js/modules/es.function.name.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { Input as RemaxInput } from '@ray-core/wechat';

package/lib/RadioGroup/RadioGroup.thing.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { RadioGroup as RemaxRadioGroup } from '@ray-js/adapter';

package/lib/RadioGroup/RadioGroup.wechat.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { RadioGroup as RemaxRadioGroup } from '@ray-core/wechat';

package/lib/ScrollView/ScrollView.thing.js

@@ -4,7 +4,6 @@ var _excluded = ["style"];
 import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { ScrollView as RemaxScrollView } from '@ray-js/adapter';
-import { defaultScrollViewProps } from './props';
 
 var ScrollView = function (props) {
   var style = props.style,
@@ -16,5 +15,4 @@ var ScrollView = function (props) {
   }, restProps));
 };
 
-ScrollView.defaultProps = defaultScrollViewProps;
 export default ScrollView;

package/lib/Swiper/Swiper.thing.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
 import { SwiperProps } from './props';
 declare function Swiper<I, C extends React.FC>(props: SwiperProps<I>): JSX.Element;
-declare namespace Swiper {
-    var defaultProps: Partial<SwiperProps<any>>;
-}
 export default Swiper;

package/lib/Swiper/Swiper.thing.js

@@ -8,7 +8,7 @@ import * as React from 'react';
 import { inlineStyle } from '@ray-js/framework-shared';
 import { Swiper as RemaxSwiper, SwiperItem as RemaxSwiperItem } from '@ray-js/adapter';
 import { propsAlias } from '../core';
-import { SwiperPropsAlias, defaultSwiperProps } from './props';
+import { SwiperPropsAlias } from './props';
 
 function Swiper(props) {
   var id = props.id,
@@ -56,5 +56,4 @@ function Swiper(props) {
   }());
 }
 
-Swiper.defaultProps = defaultSwiperProps;
 export default Swiper;

package/lib/Textarea/Textarea.thing.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
-import "core-js/modules/es.function.name.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';

package/lib/Textarea/Textarea.wechat.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
-import "core-js/modules/es.function.name.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle } from '@ray-js/framework-shared';

package/lib/View/View.thing.js

@@ -8,7 +8,6 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { View as RemaxView } from '@ray-js/adapter';
-import { defaultViewProps } from './props';
 import styles from './index.module.less';
 var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
@@ -54,7 +53,6 @@ var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onTransitionEnd: onTransitionEnd
   }, handlers, restProps), children);
 });
-View.defaultProps = defaultViewProps;
 View.displayName = 'View';
 export default View;
 View.propTypes = {

package/lib/utils/handleProps.js

@@ -3,7 +3,6 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["className", "hoverClassName", "hoverStyle", "refresherDefaultStyle", "overlayStyle", "customStyle", "indicatorStyle", "maskStyle", "placeholderStyle", "borderStyle", "style", "children"];
-import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.concat.js";

package/lib/utils/index.d.ts

@@ -1,10 +1,9 @@
-import { GestureResponderEvent, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { ClickEventRet, TouchEventRet } from './interface';
 declare const omit: (obj?: any, fields?: string[]) => {
     [key: string]: any;
 };
 declare const getClickEvent: (event: GestureResponderEvent, type: 'click' | 'longclick') => ClickEventRet;
 declare const getTouchEvent: (event: GestureResponderEvent, type: 'touchstart' | 'touchmove' | 'touchend' | 'touchcancel') => TouchEventRet;
-declare const extracteTextStyle: (style?: StyleProp<ViewStyle>) => StyleProp<TextStyle>;
+declare const extracteTextStyle: (style?: any) => StyleProp<TextStyle>;
 declare const isTwoArray: (array: any) => boolean;
 export { omit, getClickEvent, getTouchEvent, extracteTextStyle, isTwoArray };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "0.5.8-beta-1",
+  "version": "0.5.9-beta-1",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -26,7 +26,7 @@
   "dependencies": {
     "@ray-core/macro": "^0.0.x",
     "@ray-core/wechat": "^0.0.x",
-    "@ray-js/framework-shared": "^0.5.8-beta-1",
+    "@ray-js/framework-shared": "^0.5.9-beta-1",
     "@ray-js/remax-tuya": "^0.5.7-beta-1",
     "antd-mobile": "^5.0.0-beta.17",
     "antd-mobile-icons": "^0.2.2",
@@ -45,7 +45,7 @@
     "tuya-panel-switch": "^0.1.1"
   },
   "devDependencies": {
-    "@ray-js/cli": "^0.5.8-beta-1"
+    "@ray-js/cli": "^0.5.9-beta-1"
   },
   "maintainers": [
     {
@@ -53,6 +53,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "dbd3b62bdfcf744832f15a2aac92ac15b091d0f9",
+  "gitHead": "45232c09ae46aee3f29663e455158965ad329ff3",
   "repository": {}
 }

package/lib/Button/Button.native.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="node" />
-import React from 'react';
-import { GestureResponderEvent, TouchableWithoutFeedback } from 'react-native';
-import { ButtonProps } from './props';
-export interface IEvent {
-    timeStamp: number;
-    pageX: number;
-    pageY: number;
-    origin: GestureResponderEvent;
-}
-declare class Button extends React.Component<ButtonProps> {
-    static displayName: string;
-    static defaultProps: ButtonProps;
-    $touchable: React.RefObject<TouchableWithoutFeedback>;
-    isTouchEnd: boolean;
-    pressInTimer: NodeJS.Timeout | null;
-    pressOutTimer: NodeJS.Timeout | null;
-    state: {
-        isHover: boolean;
-    };
-    componentWillUnmount(): void;
-    onPress: () => void;
-    onPressIn: () => void;
-    stopHover: () => void;
-    onPressOut: () => void;
-    _simulateNativePress: (evt: GestureResponderEvent) => void;
-    render(): JSX.Element;
-}
-export default Button;

package/lib/Button/Button.native.js

@@ -1,229 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.index-of.js";
-import React from 'react';
-import { Animated, Image, Easing, StyleSheet, View, Text, TouchableWithoutFeedback } from 'react-native';
-import { iconList } from '../assets/icons';
-import { defaultButtonProps } from './props';
-import { extracteTextStyle } from '../utils';
-
-var Loading = function (props) {
-  var rotate = React.useRef(new Animated.Value(0)).current;
-  var tintColor = props.tintColor;
-  React.useEffect(function () {
-    var animation = Animated.loop(Animated.timing(rotate, {
-      toValue: 1,
-      duration: 1000,
-      easing: Easing.linear,
-      useNativeDriver: true,
-      isInteraction: false
-    }));
-    animation.start();
-    return function () {
-      animation.stop();
-    };
-  }, []);
-  var rotateDeg = rotate.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg']
-  });
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.loading, {
-      transform: [{
-        rotate: rotateDeg
-      }]
-    }]
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: iconList.loading,
-    style: [styles.loadingImg, {
-      tintColor: tintColor
-    }]
-  }));
-};
-
-var Button = /*#__PURE__*/function (_React$Component) {
-  _inherits(Button, _React$Component);
-
-  var _super = _createSuper(Button);
-
-  function Button() {
-    var _this;
-
-    _classCallCheck(this, Button);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "$touchable", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "isTouchEnd", false);
-
-    _defineProperty(_assertThisInitialized(_this), "pressInTimer", null);
-
-    _defineProperty(_assertThisInitialized(_this), "pressOutTimer", null);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isHover: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onPress", function () {
-      var _this$props = _this.props,
-          disabled = _this$props.disabled,
-          onClick = _this$props.onClick;
-      !disabled && typeof onClick === 'function' && onClick({
-        type: 'click'
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onPressIn", function () {
-      var _this$props2 = _this.props,
-          hoverStartTime = _this$props2.hoverStartTime,
-          hoverStyle = _this$props2.hoverStyle;
-      _this.isTouchEnd = false;
-
-      if (hoverStyle) {
-        _this.pressInTimer = setTimeout(function () {
-          _this.setState({
-            isHover: true
-          }, function () {
-            if (_this.isTouchEnd) {
-              _this.stopHover();
-            }
-          });
-
-          clearTimeout(_this.pressInTimer);
-        }, hoverStartTime);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "stopHover", function () {
-      var hoverStayTime = _this.props.hoverStayTime;
-      _this.pressOutTimer = setTimeout(function () {
-        _this.setState({
-          isHover: false
-        });
-
-        clearTimeout(_this.pressOutTimer);
-      }, hoverStayTime);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onPressOut", function () {
-      var hoverStyle = _this.props.hoverStyle;
-      var isHover = _this.state.isHover;
-      _this.isTouchEnd = true;
-
-      if (hoverStyle && isHover) {
-        _this.stopHover();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_simulateNativePress", function (evt) {
-      var node = _this.$touchable.current;
-      node && node.props.onPress && node.props.onPress(evt);
-    });
-
-    return _this;
-  }
-
-  _createClass(Button, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this.pressOutTimer);
-      clearTimeout(this.pressInTimer);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          loading = _this$props3.loading,
-          style = _this$props3.style,
-          size = _this$props3.size,
-          children = _this$props3.children,
-          disabled = _this$props3.disabled,
-          type = _this$props3.type,
-          plain = _this$props3.plain,
-          hoverStyle = _this$props3.hoverStyle;
-      var isDefaultSize = size === 'default';
-      var isDefaultType = type === 'default';
-      var isPrimaryType = type === 'primary';
-      var borderColor = isPrimaryType ? '#007AFF' : isDefaultType ? 'rgba(0, 0, 0, 0.2)' : '#FF4444';
-      var backgroundColor = disabled ? 'rgba(0, 0, 0, 0.2)' : plain ? 'transparent' : isPrimaryType ? '#007AFF' : '#FFF';
-      var textColor = disabled ? '#FFF' : plain ? borderColor : isDefaultType ? '#007AFF' : type === 'warn' ? '#FF4444' : '#FFFFFF';
-      var textHoverStyle = this.state.isHover ? extracteTextStyle(hoverStyle) : {};
-      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-        onPress: this.onPress,
-        onLongPress: this.onPress,
-        onPressIn: this.onPressIn,
-        onPressOut: this.onPressOut,
-        ref: this.$touchable,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [styles.btn, !isDefaultSize && styles.btnMini, {
-          backgroundColor: backgroundColor
-        }, plain && {
-          borderWidth: 1,
-          borderColor: borderColor
-        }, style, this.state.isHover && hoverStyle]
-      }, loading && /*#__PURE__*/React.createElement(Loading, {
-        tintColor: textColor
-      }), Array.isArray(children) ? children.map(function (c, i) {
-        return /*#__PURE__*/React.createElement(Text, {
-          key: i,
-          style: [styles.btnText, !isDefaultSize && styles.btnTextMini, {
-            color: textColor
-          }, textHoverStyle]
-        }, c);
-      }) : ['string', 'number'].indexOf(_typeof(children)) > -1 ? /*#__PURE__*/React.createElement(Text, {
-        style: [styles.btnText, !isDefaultSize && styles.btnTextMini, {
-          color: textColor
-        }, textHoverStyle]
-      }, children) : children));
-    }
-  }]);
-
-  return Button;
-}(React.Component);
-
-_defineProperty(Button, "displayName", '_Button');
-
-_defineProperty(Button, "defaultProps", defaultButtonProps);
-
-export default Button;
-var styles = StyleSheet.create({
-  btn: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingHorizontal: 14,
-    height: 46,
-    backgroundColor: '#F8F8F8',
-    borderRadius: 5
-  },
-  loading: {
-    marginRight: 5
-  },
-  loadingImg: {
-    width: 20,
-    height: 20
-  },
-  btnMini: {
-    height: 30
-  },
-  btnText: {
-    fontSize: 18,
-    color: '#000'
-  },
-  btnTextMini: {
-    fontSize: 13
-  }
-});

package/lib/Checkbox/Checkbox.native.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { TouchableWithoutFeedback, GestureResponderEvent } from 'react-native';
-import { CheckboxProps } from './props';
-export declare type EventOnChange = {
-    value: string;
-    checked: boolean;
-    type: 'change';
-};
-export interface CheckboxNativeProps extends CheckboxProps {
-    onChange?: (evt: EventOnChange) => void;
-}
-export interface CheckboxState {
-    checked: boolean;
-}
-declare class Checkbox extends React.Component<CheckboxNativeProps, CheckboxState> {
-    static displayName: string;
-    static defaultProps: {
-        value: string;
-        color: string;
-    };
-    $touchable: React.RefObject<TouchableWithoutFeedback>;
-    constructor(props: CheckboxNativeProps);
-    componentDidUpdate(prevProps: CheckboxNativeProps): void;
-    _simulateNativePress: (evt: GestureResponderEvent) => void;
-    onPress: () => void;
-    render(): JSX.Element;
-}
-export default Checkbox;

package/lib/Checkbox/Checkbox.native.js

@@ -1,118 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { TouchableWithoutFeedback, StyleSheet, View } from 'react-native';
-import Icon from '../Icon';
-
-var Checkbox = /*#__PURE__*/function (_React$Component) {
-  _inherits(Checkbox, _React$Component);
-
-  var _super = _createSuper(Checkbox);
-
-  function Checkbox(props) {
-    var _this;
-
-    _classCallCheck(this, Checkbox);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "$touchable", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "_simulateNativePress", function (evt) {
-      var node = _this.$touchable.current;
-      node && node.props.onPress && node.props.onPress(evt);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onPress", function () {
-      var _this$props = _this.props,
-          disabled = _this$props.disabled,
-          onChange = _this$props.onChange,
-          value = _this$props.value;
-      if (disabled) return;
-      var checked = !_this.state.checked;
-      typeof onChange === 'function' && onChange({
-        value: value,
-        checked: checked,
-        type: 'change'
-      });
-
-      _this.setState({
-        checked: checked
-      });
-    });
-
-    _this.state = {
-      checked: props.checked
-    };
-    return _this;
-  }
-
-  _createClass(Checkbox, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.checked !== this.props.checked) {
-        this.setState({
-          checked: !!this.props.checked
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          style = _this$props2.style,
-          color = _this$props2.color,
-          disabled = _this$props2.disabled;
-      var checked = this.state.checked;
-      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-        onPress: this.onPress,
-        ref: this.$touchable
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [styles.wrapper, {
-          backgroundColor: disabled ? 'rgba(0,0,0,0.2)' : checked ? '#007AFF' : '#FFF',
-          borderColor: disabled ? 'rgba(0,0,0,0.2)' : checked ? '#007AFF' : 'rgba(0,0,0,0.2)'
-        }, style]
-      }, /*#__PURE__*/React.createElement(Icon, {
-        type: "success_no_circle",
-        size: 12,
-        color: color,
-        style: [styles.wrapperIcon, checked && styles.wrapperCheckedIcon]
-      }), /*#__PURE__*/React.createElement(View, {
-        style: {
-          flexGrow: 0
-        }
-      }, this.props.children)));
-    }
-  }]);
-
-  return Checkbox;
-}(React.Component);
-
-_defineProperty(Checkbox, "displayName", '_Checkbox');
-
-_defineProperty(Checkbox, "defaultProps", {
-  value: '',
-  color: '#FFF'
-});
-
-export default Checkbox;
-var styles = StyleSheet.create({
-  wrapper: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 18,
-    height: 18,
-    borderWidth: 1,
-    borderRadius: 4
-  },
-  wrapperIcon: {
-    opacity: 0
-  },
-  wrapperCheckedIcon: {
-    opacity: 1
-  }
-});

package/lib/CheckboxGroup/CheckboxGroup.native.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-import { CheckboxGroupProps, CheckboxGroupOption } from './props';
-export interface IProps extends Omit<CheckboxGroupProps, 'style'> {
-    style?: StyleProp<ViewStyle>;
-}
-export interface IState {
-    options: CheckboxGroupOption[];
-}
-export default class CheckboxGroup extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    getValueData: (options: CheckboxGroupOption[]) => string[];
-    _handleChange: (event: {
-        value: string;
-        checked: boolean;
-    }, index: number) => void;
-    render(): JSX.Element;
-}