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

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;
-}

package/lib/CheckboxGroup/CheckboxGroup.native.js

@@ -1,99 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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.map.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.concat.js";
-import React from 'react';
-import { View, Text } from 'react-native';
-import Checkbox from '../Checkbox';
-
-var CheckboxGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckboxGroup, _React$Component);
-
-  var _super = _createSuper(CheckboxGroup);
-
-  function CheckboxGroup(props) {
-    var _this;
-
-    _classCallCheck(this, CheckboxGroup);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "getValueData", function (options) {
-      return options.filter(function (item) {
-        return item.checked;
-      }).map(function (item) {
-        return item.value;
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_handleChange", function (event, index) {
-      var onChange = _this.props.onChange;
-      var options = _this.state.options;
-      var newOptions = options.concat([]);
-      newOptions[index] = _objectSpread(_objectSpread({}, newOptions[index]), event);
-
-      _this.setState({
-        options: newOptions
-      });
-
-      typeof onChange === 'function' && onChange({
-        type: 'change',
-        value: _this.getValueData(newOptions)
-      });
-    });
-
-    _this.state = {
-      options: props.options
-    };
-    return _this;
-  }
-
-  _createClass(CheckboxGroup, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          style = _this$props.style,
-          disabled = _this$props.disabled;
-      var options = this.state.options;
-      return /*#__PURE__*/React.createElement(View, {
-        style: [{
-          flexDirection: 'row'
-        }, style]
-      }, options.length && options.map(function (item, index) {
-        var data = disabled ? _objectSpread(_objectSpread({}, item), {}, {
-          disabled: disabled
-        }) : item;
-        return /*#__PURE__*/React.createElement(View, {
-          style: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            paddingLeft: index ? 5 : 0
-          },
-          key: Math.random()
-        }, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
-          onChange: function onChange(event) {
-            return _this2._handleChange(event, index);
-          }
-        })), item.label && /*#__PURE__*/React.createElement(Text, {
-          style: {
-            marginLeft: 5
-          }
-        }, item.label));
-      }));
-    }
-  }]);
-
-  return CheckboxGroup;
-}(React.Component);
-
-export { CheckboxGroup as default };

package/lib/ClickableSimplified/index.native.d.ts

@@ -1,42 +0,0 @@
-/**
- * ✔ hoverStyle: Convert hoverClass to hoverStyle.
- * ✔ hoverStartTime
- * ✔ hoverStayTime
- * ✔ onClick
- * ✔ onLongClick
- * ✔ onTouchStart
- * ✔ onTouchEnd
- */
-import React from 'react';
-import { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
-export declare type NativeEvent = {
-    identifier: string;
-    pageX: number;
-    pageY: number;
-};
-export declare type TouchEventRet = {
-    type: 'touchstart' | 'touchend';
-    timeStamp: number;
-    touches: NativeEvent[];
-    changedTouches: NativeEvent[];
-    origin: GestureResponderEvent;
-};
-export declare type ClickEventRet = {
-    type: 'click' | 'longclick';
-    timeStamp: number;
-    pageX: number;
-    pageY: number;
-    origin: GestureResponderEvent;
-};
-export interface ClickableProps {
-    className?: string;
-    style?: StyleProp<ViewStyle>;
-    hoverStyle?: StyleProp<ViewStyle>;
-    hoverStartTime?: number;
-    hoverStayTime?: number;
-    onClick?: (event: ClickEventRet) => void;
-    onLongClick?: (event: ClickEventRet) => void;
-    onTouchStart?: (event: TouchEventRet) => void;
-    onTouchEnd?: (event: TouchEventRet) => void;
-}
-export default function ClickableSimplified<P extends Record<string, any>>(WrappedComponent: React.ComponentType<Record<string, any>>): React.ReactNode;