@momo-kits/auto-complete 0.0.34-beta → 0.0.36-beta

package/AutoComplete.js

@@ -1 +1,342 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _lodash=require("lodash");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _core=require("@momo-kits/core");var _jsxFileName="/Users/trinh.ho2/momo-folk/kits/src/libs/autoComplete/dist/AutoComplete.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var AutoComplete=function(_Component){(0,_inherits2.default)(AutoComplete,_Component);var _super=_createSuper(AutoComplete);function AutoComplete(props){var _this;(0,_classCallCheck2.default)(this,AutoComplete);_this=_super.call(this,props);_this.getValueByKey=function(key,value){var splitKey=key.split('-');return splitKey.length>1?splitKey.reduce(function(result,item,index){return result=result+value[item]+(index===splitKey.length-1?'':!!value[item]?' ':'');},''):key==='phone'?_core.NumberUtil.formatPhoneNumberVN(value[key]):value[key];};_this.querySearch=function(child,text){var keyAutoComplete=(0,_lodash.get)(child.props,'keyAutoComplete','');var isShowAutoComplete=(0,_lodash.get)(child.props,'isShowAutoComplete',true);var data=_this.props.data;var dataOutput=data&&data.length>0&&_this.filter(data,keyAutoComplete,text);if(_this.hashmapRefs[keyAutoComplete]){_this.setState({suggest:{data:dataOutput,position:_this.hashmapPosition[keyAutoComplete],isShowAutoComplete:isShowAutoComplete}});}};_this.changeTextHandle=function(child,text,onChangeText){_this.querySearch(child,text);if(onChangeText&&typeof onChangeText==='function'){onChangeText(text);}};_this.focusHandle=function(e,child,onFocus){var text='';if(child&&typeof child.getText==='function'){text=child.getText();}_this.querySearch(child,text);if(onFocus&&typeof onFocus==='function'){onFocus(e);}};_this.endFocusHandle=function(e,onEndEditing){if(_this.isShowingSuggest()){_this.hideSuggest();}if(onEndEditing&&typeof onEndEditing==='function'){onEndEditing(e);}};_this.filter=function(data,key,query){if(!data||!key){return null;}if(query===''){return data;}return data.filter(function(item){var valueStr=item?_this.getValueByKey(key,item):'';var valueStrFormated=_core.ValueUtil.removeAlias(valueStr).toLowerCase().trim().replace(/\s/g,'');var queryFormated=_core.ValueUtil.removeAlias(query).toLowerCase().trim().replace(/\s/g,'');return valueStrFormated.indexOf(queryFormated)!==-1;});};_this.renderItem=function(_ref){var item=_ref.item,index=_ref.index;var renderSuggestItem=_this.props.renderSuggestItem;return _react.default.createElement(_reactNativeGestureHandler.TouchableOpacity,{onPress:function onPress(){return _this.onPressItemSuggest(item);},__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:13}},renderSuggestItem&&typeof renderSuggestItem==='function'?renderSuggestItem({item:item,index:index}):_this.renderSuggestItemDefault({item:item,index:index}));};_this.renderSeparator=function(){return _react.default.createElement(_reactNative.View,{style:styles.separator,__source:{fileName:_jsxFileName,lineNumber:249,columnNumber:9}});};_this.renderSuggestItemDefault=function(_ref2){var item=_ref2.item;var title=item.title,value=item.value;return _react.default.createElement(_reactNative.View,{style:[styles.viewSuggest],__source:{fileName:_jsxFileName,lineNumber:257,columnNumber:13}},_react.default.createElement(_core.Text.Title,{__source:{fileName:_jsxFileName,lineNumber:258,columnNumber:17}},title),_react.default.createElement(_core.Text.Title,{__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:17}},value));};_this.onPressItemSuggest=function(item){_this.selectedItem=item;Object.keys(_this.hashmapRefs).forEach(function(key){if(_this.hashmapRefs[key].setText&&typeof _this.hashmapRefs[key].setText==='function')_this.hashmapRefs[key].setText(_this.getValueByKey(key,_this.selectedItem));if(_this.hashmapRefs[key].setValue&&typeof _this.hashmapRefs[key].setValue==='function')_this.hashmapRefs[key].setValue(_this.getValueByKey(key,_this.selectedItem));});var onSelected=_this.props.onSelected;_this.setState({suggest:{}},function(){if(onSelected&&typeof onSelected==='function'){onSelected(item);}_this.selectedItem=null;});};_this.isShowingSuggest=function(){var suggest=_this.state.suggest;return suggest&&suggest.data&&suggest.data.length>0;};_this.hideSuggest=function(){_this.setState({suggest:{}},function(){_this.selectedItem=null;});};_this.hashmapRefs={};_this.hashmapPosition={};_this.hashmapInputValue={};_this.selectedItem=null;_this.childrenWithProps=null;return _this;}(0,_createClass2.default)(AutoComplete,[{key:"measure",value:function measure(){var _this2=this;try{if(this.hashmapRefs){Object.keys(this.hashmapRefs).forEach(function(key){if(_reactNative.Platform.OS==='android'){_reactNative.UIManager.measureLayoutRelativeToParent((0,_reactNative.findNodeHandle)(_this2.hashmapRefs[key]),function(e){console.error(e);},function(x,y,width,height){_this2.hashmapPosition[key]={x:x,y:y+height,width:width};});}else{_reactNative.UIManager.measure((0,_reactNative.findNodeHandle)(_this2.hashmapRefs[key]),function(x,y,width,height){_this2.hashmapPosition[key]={x:x,y:y+height,width:width};});}});}}catch(e){console.log("try catch :: "+e);}}},{key:"componentDidMount",value:function componentDidMount(){var _this3=this;setTimeout(function(){_this3.measure();},500);}},{key:"cloneChildren",value:function cloneChildren(components){var _this4=this;if(components){return _react.default.Children.map(components,function(child){var _child$props,_child$props2;if(!(child!=null&&child.props))return child;if(child!=null&&(_child$props=child.props)!=null&&_child$props.children&&_react.default.Children.count(child==null?void 0:(_child$props2=child.props)==null?void 0:_child$props2.children)>0&&child.type.name!==_core.Text){return _react.default.cloneElement(child,{children:_this4.cloneChildren(child.props.children)});}var _child$props3=child.props,_onChangeText=_child$props3.onChangeText,keyAutoComplete=_child$props3.keyAutoComplete,_onFocus=_child$props3.onFocus,_onEndEditing=_child$props3.onEndEditing;if(keyAutoComplete){if(_this4.selectedItem){_this4.hashmapInputValue[keyAutoComplete]=_this4.getValueByKey(keyAutoComplete,_this4.selectedItem);return _react.default.cloneElement(child,{ref:function ref(view){return _this4.hashmapRefs[keyAutoComplete]=view;},onChangeText:function onChangeText(text){return _this4.changeTextHandle(child,text,_onChangeText);},onFocus:function onFocus(e){return _this4.focusHandle(e,child,_onFocus);},onEndEditing:function onEndEditing(e){return _this4.endFocusHandle(e,_onEndEditing);}});}return _react.default.cloneElement(child,{ref:function ref(view){return _this4.hashmapRefs[keyAutoComplete]=view;},onChangeText:function onChangeText(text){return _this4.changeTextHandle(child,text,_onChangeText);},onFocus:function onFocus(e){return _this4.focusHandle(e,child,_onFocus);},onEndEditing:function onEndEditing(e){return _this4.endFocusHandle(e,_onEndEditing);}});}return child;});}return components;}},{key:"render",value:function render(){var _this$props$style=this.props.style,style=_this$props$style===void 0?{}:_this$props$style;var suggest=(0,_lodash.get)(this.state,'suggest',{});var childrenWithProps=this.cloneChildren((0,_lodash.get)(this.props,'children',null));return _react.default.createElement(_reactNative.View,{style:[{zIndex:1},style],__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:13}},childrenWithProps,this.renderSuggest(suggest));}},{key:"renderSuggest",value:function renderSuggest(suggest){var _this5=this;var numSuggest=this.props.numSuggest;if(suggest&&suggest.data&&suggest.data.length>0&&suggest.isShowAutoComplete){var _ref3=suggest.position||{},_ref3$x=_ref3.x,x=_ref3$x===void 0?0:_ref3$x,_ref3$y=_ref3.y,y=_ref3$y===void 0?0:_ref3$y,_ref3$width=_ref3.width,width=_ref3$width===void 0?0:_ref3$width;var sliceData=suggest.data.slice(0,numSuggest);return _react.default.createElement(_reactNative.View,{style:[styles.containerSuggest,{left:x,top:y,width:width}],__source:{fileName:_jsxFileName,lineNumber:210,columnNumber:17}},sliceData.map(function(item,index){return _react.default.createElement(_reactNative.View,{key:index.toString(),__source:{fileName:_jsxFileName,lineNumber:220,columnNumber:29}},_this5.renderItem({item:item,index:index}),index!==sliceData.length-1&&_this5.renderSeparator());}));}return null;}}]);return AutoComplete;}(_react.Component);exports.default=AutoComplete;var styles=_reactNative.StyleSheet.create({viewSuggest:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingVertical:5},containerSuggest:{backgroundColor:'white',paddingVertical:10,paddingHorizontal:12,position:'absolute',maxHeight:240,borderColor:'#DADADA',borderRadius:4,borderWidth:1,shadowColor:'#000000',shadowOffset:{width:0,height:1},shadowRadius:1,elevation:2,shadowOpacity:0.5},separator:{height:1,width:'100%',backgroundColor:_core.Colors.placeholder,marginVertical:10}});AutoComplete.propTypes={style:_propTypes.default.oneOfType([_propTypes.default.array,_propTypes.default.object,_propTypes.default.number]),data:_propTypes.default.arrayOf(_propTypes.default.object).isRequired,renderSuggestItem:_propTypes.default.func,onSelected:_propTypes.default.func.isRequired,numSuggest:_propTypes.default.number};AutoComplete.defaultProps={numSuggest:2};
+/* eslint-disable no-extra-boolean-cast */
+/* eslint-disable no-param-reassign */
+import React, { Component } from 'react';
+import {
+    findNodeHandle,
+    StyleSheet,
+    UIManager,
+    View,
+    Platform
+} from 'react-native';
+import { get } from 'lodash';
+import PropTypes from 'prop-types';
+import { TouchableOpacity } from 'react-native-gesture-handler';
+import {
+    ValueUtil, NumberUtil, Colors, Text
+} from '@momo-kits/core';
+
+export default class AutoComplete extends Component {
+    constructor(props) {
+        super(props);
+        this.hashmapRefs = {};
+        this.hashmapPosition = {};
+        this.hashmapInputValue = {};
+        this.selectedItem = null;
+        this.childrenWithProps = null;
+    }
+
+    /**
+     * func measure all component have keyAutoComplete to get it's position
+     */
+    measure() {
+        try {
+            if (this.hashmapRefs) {
+                Object.keys(this.hashmapRefs)
+                    .forEach((key) => {
+                        if (Platform.OS === 'android') {
+                            UIManager.measureLayoutRelativeToParent(findNodeHandle(this.hashmapRefs[key]), (e) => { console.error(e); }, (x, y, width, height) => {
+                                this.hashmapPosition[key] = {
+                                    x,
+                                    y: y + height,
+                                    width
+                                };
+                            });
+                        } else {
+                            UIManager.measure(findNodeHandle(this.hashmapRefs[key]), (x, y, width, height) => {
+                                this.hashmapPosition[key] = {
+                                    x,
+                                    y: y + height,
+                                    width
+                                };
+                            });
+                        }
+                    });
+            }
+        } catch (e) {
+            console.log(`try catch :: ${e}`);
+        }
+    }
+
+    componentDidMount() {
+        // setTimeout to fix async
+        setTimeout(() => {
+            this.measure();
+        }, 500);
+    }
+
+    getValueByKey = (key, value) => {
+        const splitKey = key.split('-');
+        return splitKey.length > 1 ? splitKey.reduce((result, item, index) => result = result + value[item] + (index === splitKey.length - 1 ? '' : !!value[item] ? ' ' : ''), '')
+            : key === 'phone' ? NumberUtil.formatPhoneNumberVN(value[key]) : value[key];
+    };
+
+    /**
+     *  loop all child components
+     * @param {"Children"} components ;
+     */
+    cloneChildren(components) {
+        if (components) {
+            return React.Children.map(components, (child) => {
+                if (!child?.props) return child;
+                if (child?.props?.children && React.Children.count(child?.props?.children) > 0 && child.type.name !== Text) {
+                    // component have children -> clone it and all it's children
+                    return React.cloneElement(child, {
+                        children: this.cloneChildren(child.props.children)
+                    });
+                }
+
+                const {
+                    onChangeText,
+                    keyAutoComplete,
+                    onFocus,
+                    onEndEditing
+                } = child.props;
+                if (keyAutoComplete) {
+                    // Update props when component have keyAutoComplete
+                    if (this.selectedItem) {
+                        this.hashmapInputValue[keyAutoComplete] = this.getValueByKey(keyAutoComplete, this.selectedItem);// this.selectedItem[keyAutoComplete];
+                        return React.cloneElement(child, {
+                            ref: (view) => this.hashmapRefs[keyAutoComplete] = view,
+                            onChangeText: (text) => this.changeTextHandle(child, text, onChangeText),
+                            onFocus: (e) => this.focusHandle(e, child, onFocus),
+                            // value: this.getValueByKey(keyAutoComplete, this.selectedItem),
+                            onEndEditing: (e) => this.endFocusHandle(e, onEndEditing)
+                        });
+                    }
+                    return React.cloneElement(child, {
+                        ref: (view) => this.hashmapRefs[keyAutoComplete] = view,
+                        onChangeText: (text) => this.changeTextHandle(child, text, onChangeText),
+                        onFocus: (e) => this.focusHandle(e, child, onFocus),
+                        onEndEditing: (e) => this.endFocusHandle(e, onEndEditing)
+                    });
+                }
+                return child;
+            });
+        }
+
+        return components;
+    }
+
+    render() {
+        const {
+            style = {},
+        } = this.props;
+        const suggest = get(this.state, 'suggest', {});
+        const childrenWithProps = this.cloneChildren(get(this.props, 'children', null));
+        return (
+            <View style={[{ zIndex: 1 }, style]}>
+                {childrenWithProps}
+                {this.renderSuggest(suggest)}
+            </View>
+        );
+    }
+
+    querySearch = (child, text) => {
+        const keyAutoComplete = get(child.props, 'keyAutoComplete', '');
+        const isShowAutoComplete = get(child.props, 'isShowAutoComplete', true);
+        const { data } = this.props;
+        const dataOutput = data && data.length > 0 && this.filter(data, keyAutoComplete, text);
+        if (this.hashmapRefs[keyAutoComplete]) {
+            this.setState({
+                suggest: {
+                    data: dataOutput,
+                    position: this.hashmapPosition[keyAutoComplete],
+                    isShowAutoComplete
+                }
+            });
+        }
+    };
+
+    changeTextHandle = (child, text, onChangeText) => {
+        this.querySearch(child, text);
+        if (onChangeText && typeof onChangeText === 'function') {
+            onChangeText(text);
+        }
+    };
+
+    focusHandle = (e, child, onFocus) => {
+        let text = '';
+        if (child && typeof child.getText === 'function') {
+            text = child.getText();
+        }
+
+        this.querySearch(child, text);
+
+        if (onFocus && typeof onFocus === 'function') {
+            onFocus(e);
+        }
+    };
+
+    endFocusHandle = (e, onEndEditing) => {
+        if (this.isShowingSuggest()) {
+            this.hideSuggest();
+        }
+        if (onEndEditing && typeof onEndEditing === 'function') {
+            onEndEditing(e);
+        }
+    };
+
+    filter = (data, key, query) => {
+        if (!data || !key) {
+            return null;
+        }
+        if (query === '') {
+            return data;
+        }
+
+        return data.filter((item) => {
+            const valueStr = item ? this.getValueByKey(key, item) : '';
+            const valueStrFormated = ValueUtil.removeAlias(valueStr)
+                .toLowerCase()
+                .trim()
+                .replace(/\s/g, '');
+            const queryFormated = ValueUtil.removeAlias(query)
+                .toLowerCase()
+                .trim()
+                .replace(/\s/g, '');
+            return (
+                valueStrFormated.indexOf(queryFormated) !== -1
+            );
+        });
+    };
+
+    renderSuggest(suggest) {
+        const { numSuggest } = this.props;
+        if (suggest && suggest.data && suggest.data.length > 0 && suggest.isShowAutoComplete) {
+            const { x = 0, y = 0, width = 0 } = suggest.position || {};
+            const sliceData = suggest.data.slice(0, numSuggest);
+
+            return (
+                <View style={
+                    [styles.containerSuggest, {
+                        left: x,
+                        top: y,
+                        width
+                    }]
+                }
+                >
+                    {
+                        sliceData.map((item, index) => (
+                            <View key={index.toString()}>
+                                {this.renderItem({ item, index })}
+                                {index !== sliceData.length - 1 && this.renderSeparator()}
+                            </View>
+                        ))
+                    }
+                </View>
+
+            );
+        }
+        return null;
+    }
+
+    renderItem = ({ item, index }) => {
+        const {
+            renderSuggestItem
+        } = this.props;
+        return (
+            <TouchableOpacity onPress={() => this.onPressItemSuggest(item)}>
+                {
+                    (renderSuggestItem && typeof renderSuggestItem === 'function')
+                        ? renderSuggestItem({ item, index })
+                        : this.renderSuggestItemDefault({ item, index })
+                }
+            </TouchableOpacity>
+        );
+    };
+
+    renderSeparator = () => (
+        <View
+            style={styles.separator}
+        />
+    );
+
+    renderSuggestItemDefault = ({ item }) => {
+        const { title, value } = item;
+        return (
+            <View style={[styles.viewSuggest]}>
+                <Text.Title>{title}</Text.Title>
+                <Text.Title>{value}</Text.Title>
+            </View>
+        );
+    };
+
+    onPressItemSuggest = (item) => {
+        this.selectedItem = item;
+        // Loop hashRef to update value of child
+        Object.keys(this.hashmapRefs).forEach((key) => {
+            if (this.hashmapRefs[key].setText && typeof this.hashmapRefs[key].setText === 'function') this.hashmapRefs[key].setText(this.getValueByKey(key, this.selectedItem));
+            if (this.hashmapRefs[key].setValue && typeof this.hashmapRefs[key].setValue === 'function') this.hashmapRefs[key].setValue(this.getValueByKey(key, this.selectedItem));
+        });
+
+        const {
+            onSelected
+        } = this.props;
+        this.setState({
+            suggest: {}
+        }, () => {
+            if (onSelected && typeof onSelected === 'function') {
+                onSelected(item);
+            }
+            this.selectedItem = null;
+        });
+    };
+
+    isShowingSuggest = () => {
+        const { suggest } = this.state;
+        return suggest && suggest.data && suggest.data.length > 0;
+    };
+
+    hideSuggest = () => {
+        this.setState({
+            suggest: {}
+        }, () => {
+            this.selectedItem = null;
+        });
+    };
+}
+
+const styles = StyleSheet.create({
+    viewSuggest: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingVertical: 5,
+    },
+    containerSuggest: {
+        backgroundColor: 'white',
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+        position: 'absolute',
+        maxHeight: 240,
+        borderColor: '#DADADA',
+        borderRadius: 4,
+        borderWidth: 1,
+        shadowColor: '#000000',
+        shadowOffset: {
+            width: 0,
+            height: 1
+        },
+        shadowRadius: 1,
+        elevation: 2,
+        shadowOpacity: 0.5,
+    },
+    separator: {
+        height: 1,
+        width: '100%',
+        backgroundColor: Colors.placeholder,
+        marginVertical: 10
+    }
+});
+
+AutoComplete.propTypes = {
+    style: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.number]),
+    data: PropTypes.arrayOf(PropTypes.object).isRequired,
+    renderSuggestItem: PropTypes.func,
+    onSelected: PropTypes.func.isRequired,
+    numSuggest: PropTypes.number,
+};
+
+AutoComplete.defaultProps = {
+    numSuggest: 2,
+};

package/index.js

@@ -1 +1,5 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AutoComplete",{enumerable:true,get:function get(){return _AutoComplete.default;}});var _AutoComplete=_interopRequireDefault(require("./AutoComplete"));
+import AutoComplete from './AutoComplete';
+
+export {
+    AutoComplete
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/auto-complete",
-  "version": "0.0.34-beta",
+  "version": "0.0.36-beta",
   "private": false,
   "main": "index.js",
   "dependencies": {},
@@ -12,13 +12,6 @@
     "react-native-gesture-handler": "^1.5.5",
     "@momo-kits/core": ">=0.0.4-beta"
   },
-  "devDependencies": {
-    "metro-react-native-babel-preset": "^0.64.0",
-    "@babel/core": "^7.12.9",
-    "@babel/runtime": "^7.12.5"
-  },
-  "license": "MoMo",
-  "jest": {
-    "preset": "react-native"
-  }
+  "devDependencies": {},
+  "license": "MoMo"
 }

package/publish.sh

@@ -12,7 +12,7 @@ echo VERSION: $VERSION
 rsync -r --verbose --exclude '*.mdx' --exclude '*Demo.js'  --exclude 'props-type.js' --exclude 'prop-types.js' ./* dist
 
 # #babel component to dist
-babel ./dist -d dist --copy-files
+#babel ./dist -d dist --copy-files
 
 #copy option
 #cp -r ./src/ dist
@@ -26,4 +26,4 @@ cd ..
 rm -rf dist
 
 
-echo  '{"text": "@momo-kits/auto-complete new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/auto-complete"}'
+curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/auto-complete new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/auto-complete"}'

package/babel.config.js

@@ -1 +0,0 @@
-module.exports={presets:['module:metro-react-native-babel-preset']};