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

package/lib/PickerViewColumn/PickerViewColumn.native.js

@@ -1,175 +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 "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.concat.js";
-import * as React from 'react';
-import { Platform, requireNativeComponent, processColor, View } from 'react-native';
-import { RatioUtils } from '@ray-js/ray-panel-utils';
-import { isTwoArray } from '../utils';
-var width = RatioUtils.width;
-var TYRCTPicker = requireNativeComponent('TYRCTPicker');
-var WheelPickerView = requireNativeComponent('TYRCTWheelViewManager');
-
-var _Picker = /*#__PURE__*/function (_React$Component) {
-  _inherits(_Picker, _React$Component);
-
-  var _super = _createSuper(_Picker);
-
-  function _Picker(props) {
-    var _this;
-
-    _classCallCheck(this, _Picker);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "getItem", function () {
-      var range = _this.props.range;
-      var isOnly = !isTwoArray(range);
-
-      if (isOnly) {
-        return range.map(function (item) {
-          return {
-            label: item,
-            value: item
-          };
-        });
-      }
-
-      return range.map(function (item) {
-        return item.map(function (data) {
-          return {
-            label: data,
-            value: data
-          };
-        });
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onItemSelected", function (event, isOnly, index) {
-      var newIndex = event.nativeEvent.newIndex;
-      var onChange = _this.props.onChange;
-
-      if (isOnly) {
-        _this.setState({
-          selectIdx: newIndex
-        });
-
-        typeof onChange === 'function' && onChange({
-          type: 'change',
-          value: newIndex
-        });
-      } else {
-        var selectIdx = _this.state.selectIdx;
-        var newSelectArr = selectIdx.concat([]);
-        newSelectArr[index] = newIndex;
-        typeof onChange === 'function' && onChange({
-          type: 'change',
-          value: newSelectArr,
-          column: index
-        });
-
-        _this.setState({
-          selectIdx: newSelectArr
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderPickerItem", function (item, selectIdx, isOnly, index) {
-      var _this$props = _this.props,
-          style = _this$props.style,
-          fontSize = _this$props.fontSize;
-
-      var items = _this.getItem();
-
-      var theme = {
-        dividerColor: 'rgba(0, 0, 0, 0.05)',
-        fontColor: 'rgba(0,0,0,0.9)',
-        fontSize: fontSize || isOnly ? 24 : items.length < 3 ? 24 : 20
-      };
-      var length = isOnly ? 1 : items.length;
-      return Platform.OS === 'android' ? /*#__PURE__*/React.createElement(WheelPickerView, {
-        key: index,
-        style: [{
-          width: width / length,
-          height: 216
-        }, style],
-        items: item,
-        itemTextColor: theme.fontColor,
-        selectedItemTextColor: theme.fontColor,
-        dividerColor: theme.dividerColor,
-        visibleItemCount: 5,
-        itemAlign: 'center',
-        selectedIndex: selectIdx,
-        textSize: theme.fontSize,
-        loop: false,
-        onChange: function onChange(e) {
-          return _this.onItemSelected(e, isOnly, index);
-        }
-      }) : /*#__PURE__*/React.createElement(TYRCTPicker, {
-        key: index,
-        style: [{
-          width: width / length,
-          height: 216
-        }, style],
-        items: item,
-        itemPadding: 14,
-        selectedIndex: selectIdx,
-        separatorColor: processColor(theme.dividerColor),
-        color: processColor(theme.fontColor),
-        textAlign: 1,
-        fontSize: theme.fontSize,
-        fontWeight: 'normal',
-        onChange: function onChange(e) {
-          return _this.onItemSelected(e, isOnly, index);
-        }
-      });
-    });
-
-    _this.state = {
-      selectIdx: props.value
-    };
-    return _this;
-  }
-
-  _createClass(_Picker, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.value !== this.props.value) {
-        this.setState({
-          selectIdx: this.props.value
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var selectIdx = this.state.selectIdx;
-      var items = this.getItem();
-      var isOnly = !isTwoArray(items);
-      return isOnly ? this.renderPickerItem(items, selectIdx, isOnly, 0) : /*#__PURE__*/React.createElement(View, {
-        style: {
-          flexDirection: 'row',
-          overflow: 'hidden'
-        }
-      }, items.map(function (item, idx) {
-        return _this2.renderPickerItem(item, selectIdx[idx], isOnly, idx);
-      }));
-    }
-  }]);
-
-  return _Picker;
-}(React.Component);
-
-_defineProperty(_Picker, "displayName", '_PickerView');
-
-_defineProperty(_Picker, "defaultProps", {
-  value: 0
-});
-
-export { _Picker as default };

package/lib/RadialGradient/RadialGradient.native.d.ts

@@ -1,17 +0,0 @@
-import { RadialGradientProps } from './props';
-declare const RadialGradient: {
-    (props: RadialGradientProps): JSX.Element;
-    defaultProps: {
-        style: null;
-        rx: string;
-        ry: string;
-        fx: string;
-        fy: string;
-        stops: {
-            offset: string;
-            stopColor: string;
-            stopOpacity: string;
-        }[];
-    };
-};
-export default RadialGradient;

package/lib/RadialGradient/RadialGradient.native.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.array.map.js";
-import React from 'react';
-import { View } from 'react-native';
-import Svg, { RadialGradient as Gradient, Defs, Stop, Rect } from 'react-native-svg';
-import { defaultRadialGradient } from './props';
-
-var RadialGradient = function (props) {
-  var width = props.width,
-      height = props.height,
-      style = props.style,
-      rx = props.rx,
-      ry = props.ry,
-      fx = props.fx,
-      fy = props.fy,
-      stops = props.stops,
-      children = props.children;
-  var gradientId = Math.random().toString(36).substring(7);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [style, {
-      width: width,
-      height: height
-    }]
-  }, /*#__PURE__*/React.createElement(Svg, {
-    height: height,
-    style: style,
-    width: width
-  }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Gradient, {
-    id: gradientId,
-    cx: fx,
-    cy: fy,
-    fx: fx,
-    fy: fy,
-    rx: rx,
-    ry: ry
-  }, stops.map(function (x) {
-    return /*#__PURE__*/React.createElement(Stop, _extends({
-      key: x.offset
-    }, x));
-  }))), /*#__PURE__*/React.createElement(Rect, {
-    fill: "url(#".concat(gradientId, ")"),
-    height: height,
-    width: width,
-    x: "0",
-    y: "0"
-  }), /*#__PURE__*/React.isValidElement(children) && children));
-};
-
-RadialGradient.defaultProps = defaultRadialGradient;
-export default RadialGradient;

package/lib/Radio/Radio.native.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { TouchableWithoutFeedback, GestureResponderEvent, ViewStyle, StyleProp } from 'react-native';
-import { RadioProps } from './props';
-export interface RadioState {
-    checked: boolean;
-}
-interface IProps extends Omit<RadioProps, 'style'> {
-    onChange?: (event: {
-        value: string;
-        type: 'change';
-        checked: boolean;
-    }) => void;
-    style: StyleProp<ViewStyle>;
-}
-declare class _Radio extends React.Component<IProps, RadioState> {
-    static displayName: string;
-    static defaultProps: {
-        value: string;
-        color: string;
-        checked: boolean;
-        disabled: boolean;
-    };
-    componentDidUpdate(prevProps: IProps): void;
-    $touchable: React.RefObject<TouchableWithoutFeedback>;
-    state: RadioState;
-    _simulateNativePress: (evt: GestureResponderEvent) => void;
-    onPress: () => void;
-    render(): JSX.Element;
-}
-export default _Radio;

package/lib/Radio/Radio.native.js

@@ -1,132 +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 "core-js/modules/es.array.concat.js";
-import * as React from 'react';
-import { TouchableWithoutFeedback, View, StyleSheet } from 'react-native';
-import Icon from '../Icon';
-
-var _Radio = /*#__PURE__*/function (_React$Component) {
-  _inherits(_Radio, _React$Component);
-
-  var _super = _createSuper(_Radio);
-
-  function _Radio() {
-    var _this;
-
-    _classCallCheck(this, _Radio);
-
-    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), "state", {
-      checked: _this.props.checked
-    });
-
-    _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;
-      typeof onChange === 'function' && onChange({
-        value: value,
-        checked: !_this.state.checked,
-        type: 'change'
-      });
-
-      _this.setState({
-        checked: !_this.state.checked
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(_Radio, [{
-    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.container
-      }, /*#__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 _Radio;
-}(React.Component);
-
-_defineProperty(_Radio, "displayName", '_Radio');
-
-_defineProperty(_Radio, "defaultProps", {
-  value: '',
-  color: '#FFF',
-  checked: false,
-  disabled: false
-});
-
-export default _Radio;
-var styles = StyleSheet.create({
-  wrapper: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 18,
-    height: 18,
-    borderWidth: 1,
-    borderRadius: 9,
-    overflow: 'hidden'
-  },
-  wrapperIcon: {
-    opacity: 0
-  },
-  wrapperCheckedIcon: {
-    opacity: 1
-  },
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  }
-});

package/lib/RadioGroup/RadioGroup.native.d.ts

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

package/lib/RadioGroup/RadioGroup.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 Radio from '../Radio';
-
-var RadioGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(RadioGroup, _React$Component);
-
-  var _super = _createSuper(RadioGroup);
-
-  function RadioGroup(props) {
-    var _this;
-
-    _classCallCheck(this, RadioGroup);
-
-    _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(RadioGroup, [{
-    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(Radio, _extends({}, data, {
-          onChange: function onChange(event) {
-            return _this2._handleChange(event, index);
-          }
-        })), item.label && /*#__PURE__*/React.createElement(Text, {
-          style: {
-            marginLeft: 5
-          }
-        }, item.label));
-      }));
-    }
-  }]);
-
-  return RadioGroup;
-}(React.Component);
-
-export { RadioGroup as default };

package/lib/ScrollView/ScrollView.native.d.ts

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { NativeSyntheticEvent, NativeScrollEvent, LayoutChangeEvent } from 'react-native';
-import { ScrollViewProps } from './Props';
-export declare type ScrollMetrics = {
-    contentLength: number;
-    dOffset: number;
-    dt: number;
-    offset: number;
-    offsetX: number;
-    offsetY: number;
-    timestamp: number;
-    velocity: number;
-    visibleLength: number;
-};
-export interface ScrollViewState {
-    snapScrollTop: number;
-    snapScrollLeft: number;
-}
-declare class _ScrollView extends React.Component<ScrollViewProps, ScrollViewState> {
-    static defaultProps: {
-        upperThreshold: number;
-        lowerThreshold: number;
-        scrollX: boolean;
-    };
-    static getDerivedStateFromProps(props: ScrollViewProps, state: ScrollViewState): ScrollViewState | null;
-    state: ScrollViewState;
-    _scrollMetrics: ScrollMetrics;
-    $scrollView: React.RefObject<any>;
-    _hasDataChangedSinceEndReached: boolean;
-    _sentEndForContentLength: number;
-    _scrollEventThrottle: number;
-    _hasCallScrollToUpperInRange: boolean;
-    _hasCallScrollToLowerInRange: boolean;
-    _initialScrollIndexTimeout: any;
-    _selectLength: (metrics: {
-        height: number;
-        width: number;
-    }) => number;
-    _selectOffset: (metrics: {
-        x: number;
-        y: number;
-    }) => number;
-    _maybeCallOnStartReached: (e: any) => void;
-    _maybeCallOnEndReached: (e: any) => void;
-    _onContentSizeChange: (width: number, height: number) => void;
-    _onScrollEndDrag: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
-    _onMomentumScrollEnd: () => void;
-    _onLayout: (e: LayoutChangeEvent) => void;
-    _onScroll: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
-    scrollToOffset: (x?: number, y?: number) => void;
-    componentDidMount(): void;
-    getSnapshotBeforeUpdate(prevProps: ScrollViewProps, prevState: ScrollViewState): boolean;
-    componentDidUpdate(prevProps: ScrollViewProps, prevState: ScrollViewState, snapshot: boolean): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export default _ScrollView;