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

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;

package/lib/ClickableSimplified/index.native.js

@@ -1,166 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-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";
-
-/**
- * ✔ hoverStyle: Convert hoverClass to hoverStyle.
- * ✔ hoverStartTime
- * ✔ hoverStayTime
- * ✔ onClick
- * ✔ onLongClick
- * ✔ onTouchStart
- * ✔ onTouchEnd
- */
-import React from 'react';
-import { PanResponder } from 'react-native';
-import { omit, getClickEvent, getTouchEvent } from '../utils';
-export default function ClickableSimplified(WrappedComponent) {
-  var _class;
-
-  return _class = /*#__PURE__*/function (_React$Component) {
-    _inherits(_Clickable, _React$Component);
-
-    var _super = _createSuper(_Clickable);
-
-    function _Clickable(props) {
-      var _this;
-
-      _classCallCheck(this, _Clickable);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "startTimestamp", 0);
-
-      _defineProperty(_assertThisInitialized(_this), "setStartTimer", function () {
-        var _this$props = _this.props,
-            hoverStyle = _this$props.hoverStyle,
-            hoverStartTime = _this$props.hoverStartTime;
-
-        if (hoverStyle) {
-          _this.startTimer && clearTimeout(_this.startTimer);
-          _this.startTimer = setTimeout(function () {
-            _this.setState({
-              hoverable: true
-            });
-          }, hoverStartTime);
-        }
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "setStayTimer", function () {
-        var _this$props2 = _this.props,
-            hoverStyle = _this$props2.hoverStyle,
-            hoverStayTime = _this$props2.hoverStayTime;
-
-        if (hoverStyle) {
-          _this.stayTimer && clearTimeout(_this.stayTimer);
-          _this.stayTimer = setTimeout(function () {
-            _this.state.hoverable && _this.setState({
-              hoverable: false
-            });
-          }, hoverStayTime);
-        }
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handleStartShouldSetPanResponder", function () {
-        var _this$props3 = _this.props,
-            hoverStyle = _this$props3.hoverStyle,
-            onClick = _this$props3.onClick,
-            onLongClick = _this$props3.onLongClick,
-            onTouchStart = _this$props3.onTouchStart,
-            onTouchEnd = _this$props3.onTouchEnd;
-        return !!(hoverStyle || onClick || onLongClick || onTouchStart || onTouchEnd);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handlePanResponderGrant", function (evt) {
-        var onTouchStart = _this.props.onTouchStart;
-        onTouchStart && onTouchStart(getTouchEvent(evt, 'touchstart'));
-        _this.startTimestamp = evt.nativeEvent.timestamp;
-
-        _this.setStartTimer();
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "handlePanResponderRelease", function (evt, gestureState) {
-        var _this$props4 = _this.props,
-            onClick = _this$props4.onClick,
-            onLongClick = _this$props4.onLongClick,
-            onTouchEnd = _this$props4.onTouchEnd;
-        onTouchEnd && onTouchEnd(getTouchEvent(evt, 'touchend'));
-        var endTimestamp = evt.nativeEvent.timestamp;
-        var gapTime = endTimestamp - _this.startTimestamp;
-        var hasMove = Math.abs(gestureState.dx) >= 1 || Math.abs(gestureState.dy) >= 1;
-
-        if (!hasMove) {
-          if (gapTime <= 350) {
-            onClick && onClick(getClickEvent(evt, 'click'));
-          } else {
-            onLongClick && onLongClick(getClickEvent(evt, 'longclick'));
-          }
-        }
-
-        _this.setStayTimer();
-      });
-
-      _this.state = {
-        hoverable: false
-      };
-      _this.panResponder = PanResponder.create({
-        onStartShouldSetPanResponder: _this.handleStartShouldSetPanResponder,
-        onShouldBlockNativeResponder: function onShouldBlockNativeResponder() {
-          return false;
-        },
-        onPanResponderGrant: function onPanResponderGrant(evt) {
-          return _this.handlePanResponderGrant(evt);
-        },
-        onPanResponderTerminationRequest: function onPanResponderTerminationRequest() {
-          return true;
-        },
-        onPanResponderRelease: function onPanResponderRelease(evt, gestureState) {
-          return _this.handlePanResponderRelease(evt, gestureState);
-        },
-        onPanResponderTerminate: function onPanResponderTerminate() {
-          _this.setStayTimer();
-        }
-      });
-      return _this;
-    }
-
-    _createClass(_Clickable, [{
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        this.startTimer && clearTimeout(this.startTimer);
-        this.stayTimer && clearTimeout(this.stayTimer);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props5 = this.props,
-            style = _this$props5.style,
-            hoverStyle = _this$props5.hoverStyle,
-            onClick = _this$props5.onClick,
-            onLongClick = _this$props5.onLongClick,
-            onTouchStart = _this$props5.onTouchStart,
-            onTouchEnd = _this$props5.onTouchEnd;
-        var hoverable = this.state.hoverable;
-
-        if (!hoverStyle && !onClick && !onLongClick && !onTouchStart && !onTouchEnd) {
-          return /*#__PURE__*/React.createElement(WrappedComponent, this.props);
-        }
-
-        return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, omit(this.props, ['style', 'hoverStyle', 'hoverStartTime', 'hoverStayTime', 'onClick', 'onLongClick', 'onTouchStart', 'onTouchEnd']), this.panResponder.panHandlers, {
-          style: [{
-            backgroundColor: 'transparent'
-          }, style, hoverable && hoverStyle]
-        }));
-      }
-    }]);
-
-    return _Clickable;
-  }(React.Component), _defineProperty(_class, "defaultProps", {
-    hoverStartTime: 20,
-    hoverStayTime: 70
-  }), _class;
-}

package/lib/DatePicker/DatePicker.native.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { DatePickerProps, IState } from './props';
-export default class DatePicker extends React.Component<DatePickerProps, IState> {
-    static displayName: string;
-    static defaultProps: DatePickerProps;
-    constructor(props: DatePickerProps);
-    componentDidUpdate(prevProps: Readonly<DatePickerProps>): void;
-    format: (time: Date) => {
-        year: number;
-        month: number;
-        day: number;
-    };
-    getDateListArr: () => any[];
-    getCurrentValue: (value: string) => {
-        currentYear: number;
-        currentMonth: number;
-        currentDay: number;
-    };
-    calculateValue: (value: number) => string;
-    getRangeAndValue: (value: string) => {
-        range: any[];
-        currentValue: number[] | number;
-        dateListArr: any[];
-    };
-    _handleCancel: () => void;
-    _handleConfirm: () => void;
-    _handlePickerChange: (event: {
-        column: number;
-        value: number | number[];
-        type: 'change';
-    }) => void;
-    renderTitleView: () => JSX.Element;
-    render(): JSX.Element;
-}