@bigbinary/neetoui-rn 2.0.4 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BottomSheet=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _reactNativeSizeMatters=require("react-native-size-matters");var _Container=require("./Container");var _Divider=require("./Divider");var _Loader=require("./Loader");var _SearchBar=require("./SearchBar");var _Touchable=require("./Touchable");var _Typography=require("./Typography");var _theme=require("../theme");var _excluded=["showCreateOption","CreateItemComponent","showCreateOptionLoader","createSearchedOptionLabelStyle","createOptionLabel","onPressCreateOption","createSearchedOptionContainerStyle","data","title","hide","isVisible","onItemPress","bg","children","titleContainerStyle","titleTextStyle","modalParams","HeaderComponent","ContentRow","contentType","canSearch","onDonePress","disabled","noResultsLabelContainerStyle","noResultsLabelStyle","noResultsLabel","NoResultsComponent","labelExtractor","valueExtractor","selectedItem","onBackdropPress","searchBarProps","shouldHideKeyboardOnScrollBegin","shouldShowItemSeparator","flatListRef"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/BottomSheet.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Title=function Title(_ref){var title=_ref.title,bg=_ref.bg,isVisible=_ref.isVisible,hide=_ref.hide,titleContainerStyle=_ref.titleContainerStyle,titleTextStyle=_ref.titleTextStyle,contentType=_ref.contentType,canSearch=_ref.canSearch,setSearchText=_ref.setSearchText,onDonePress=_ref.onDonePress,searchBarProps=_ref.searchBarProps;var touchY;(0,_react.useEffect)(function(){setSearchText("");},[isVisible,setSearchText]);return _react.default.createElement(_Container.Container,(0,_extends2.default)({bg:bg,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(20),pb:(0,_reactNativeSizeMatters.moderateScale)(12),onTouchStart:function onTouchStart(e){return touchY=e.nativeEvent.pageY;},onTouchEnd:function onTouchEnd(e){if(e.nativeEvent.pageY-touchY>20)hide();}},titleContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:5}}),_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:7}},title&&_react.default.createElement(_Typography.Typography,(0,_extends2.default)({textStyle:"modalHeader"},titleTextStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:11}}),title),contentType&&_react.default.createElement(_Touchable.Touchable,{onPress:function onPress(){hide();onDonePress();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:11}},_react.default.createElement(_Typography.Typography,{color:"font.purple500",textStyle:"modalHeader",__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:13}},"Done"))),canSearch&&_react.default.createElement(_SearchBar.SearchBar,(0,_extends2.default)({containerProps:{mt:(0,_reactNativeSizeMatters.moderateScale)(16)},debounceDelay:200,placeholder:"Search",showCancelButton:false,onChangeText:setSearchText,onCancel:function onCancel(){setSearchText("");}},searchBarProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:9}})));};Title.propTypes={title:_propTypes.default.string,isVisible:_propTypes.default.bool,hide:_propTypes.default.func,bg:_propTypes.default.string,titleContainerStyle:_propTypes.default.object,titleTextStyle:_propTypes.default.object,contentType:_propTypes.default.oneOf(["checkbox",null]),canSearch:_propTypes.default.bool,setSearchText:_propTypes.default.func,onDonePress:_propTypes.default.func,searchBarProps:_propTypes.default.object};var BottomSheet=exports.BottomSheet=function BottomSheet(_ref2){var showCreateOption=_ref2.showCreateOption,CreateItemComponent=_ref2.CreateItemComponent,showCreateOptionLoader=_ref2.showCreateOptionLoader,createSearchedOptionLabelStyle=_ref2.createSearchedOptionLabelStyle,createOptionLabel=_ref2.createOptionLabel,onPressCreateOption=_ref2.onPressCreateOption,createSearchedOptionContainerStyle=_ref2.createSearchedOptionContainerStyle,_ref2$data=_ref2.data,data=_ref2$data===void 0?[]:_ref2$data,title=_ref2.title,hide=_ref2.hide,isVisible=_ref2.isVisible,onItemPress=_ref2.onItemPress,bg=_ref2.bg,children=_ref2.children,titleContainerStyle=_ref2.titleContainerStyle,titleTextStyle=_ref2.titleTextStyle,modalParams=_ref2.modalParams,HeaderComponent=_ref2.HeaderComponent,ContentRow=_ref2.ContentRow,contentType=_ref2.contentType,canSearch=_ref2.canSearch,onDonePress=_ref2.onDonePress,disabled=_ref2.disabled,noResultsLabelContainerStyle=_ref2.noResultsLabelContainerStyle,noResultsLabelStyle=_ref2.noResultsLabelStyle,noResultsLabel=_ref2.noResultsLabel,NoResultsComponent=_ref2.NoResultsComponent,labelExtractor=_ref2.labelExtractor,valueExtractor=_ref2.valueExtractor,selectedItem=_ref2.selectedItem,_onBackdropPress=_ref2.onBackdropPress,searchBarProps=_ref2.searchBarProps,_ref2$shouldHideKeybo=_ref2.shouldHideKeyboardOnScrollBegin,shouldHideKeyboardOnScrollBegin=_ref2$shouldHideKeybo===void 0?true:_ref2$shouldHideKeybo,_ref2$shouldShowItemS=_ref2.shouldShowItemSeparator,shouldShowItemSeparator=_ref2$shouldShowItemS===void 0?true:_ref2$shouldShowItemS,flatListRef=_ref2.flatListRef,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var _useState=(0,_react.useState)(""),_useState2=(0,_slicedToArray2.default)(_useState,2),searchText=_useState2[0],setSearchText=_useState2[1];var getLabel=(0,_react.useCallback)(function(item,index){return(item==null?void 0:item.label)||labelExtractor(item,index)||item;},[labelExtractor]);var generatedData=(0,_react.useMemo)(function(){if(searchText.length){return data.filter(function(item){return getLabel(item).toLowerCase().includes(searchText.toLowerCase());});}return data;},[data,getLabel,searchText]);var shouldHideCreateComponent=(0,_react.useMemo)(function(){var filteredItemCount=generatedData.filter(function(data){return getLabel(data).toLocaleLowerCase()===searchText.toLocaleLowerCase();}).length;return filteredItemCount>0;},[generatedData,getLabel,searchText]);var checkIsSelected=function checkIsSelected(item){var itemValue=(item==null?void 0:item.value)||valueExtractor(item)||item;var selectedItemValue=(selectedItem==null?void 0:selectedItem.value)||valueExtractor(selectedItem)||selectedItem;return itemValue===selectedItemValue;};return _react.default.createElement(_reactNativeModal.default,(0,_extends2.default)({avoidKeyboard:true,hideModalContentWhileAnimating:true,useNativeDriver:true,isVisible:isVisible,style:styles.modalStyle,onRequestClose:hide,onBackdropPress:function onBackdropPress(){_onBackdropPress();hide();}},modalParams,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:5}}),_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView,{style:styles.safeAreaView,__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:7}},_react.default.createElement(_Container.Container,(0,_extends2.default)({bg:bg,borderTopLeftRadius:(0,_reactNativeSizeMatters.moderateScale)(20),borderTopRightRadius:(0,_reactNativeSizeMatters.moderateScale)(20),flexShrink:1,p:(0,_reactNativeSizeMatters.moderateScale)(16)},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:227,columnNumber:9}}),title&&_react.default.createElement(Title,{HeaderComponent:HeaderComponent,bg:bg,canSearch:canSearch,contentType:contentType,hide:hide,isVisible:isVisible,searchBarProps:searchBarProps,searchText:searchText,setSearchText:setSearchText,title:title,titleContainerStyle:titleContainerStyle,titleTextStyle:titleTextStyle,onDonePress:onDonePress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:13}}),data&&_react.default.createElement(_reactNative.FlatList,{data:generatedData,initialNumToRender:data.length,keyExtractor:function keyExtractor(_item,index){return index;},keyboardShouldPersistTaps:"handled",ref:flatListRef,showsVerticalScrollIndicator:false,ItemSeparatorComponent:shouldShowItemSeparator?_react.default.createElement(_Divider.Divider,{bg:"background.grey200",__self:_this,__source:{fileName:_jsxFileName,lineNumber:262,columnNumber:19}}):null,ListFooterComponent:_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:266,columnNumber:17}},children,!!searchText&&!generatedData.length&&!showCreateOption&&(NoResultsComponent?_react.default.createElement(NoResultsComponent,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:272,columnNumber:23}}):_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",mb:(0,_reactNativeSizeMatters.moderateScale)(2),py:(0,_reactNativeSizeMatters.moderateScale)(2)},noResultsLabelContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:274,columnNumber:23}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf600",fontSize:"s"},noResultsLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:280,columnNumber:25}}),noResultsLabel||"No options found"))),!disabled&&!shouldHideCreateComponent&&(showCreateOptionLoader?_react.default.createElement(_Loader.Loader,{color:_theme.theme.colors.background.base,__self:_this,__source:{fileName:_jsxFileName,lineNumber:293,columnNumber:23}}):!!searchText&&showCreateOption&&_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:297,columnNumber:25}},CreateItemComponent?_react.default.createElement(CreateItemComponent,{searchText:searchText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:299,columnNumber:29}}):_react.default.createElement(_Touchable.Touchable,(0,_extends2.default)({alignItems:"center",height:(0,_reactNativeSizeMatters.moderateScale)(40),justifyContent:"center",onPress:function onPress(){return onPressCreateOption(searchText);}},createSearchedOptionContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:301,columnNumber:29}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf400",fontSize:"s"},createSearchedOptionLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:308,columnNumber:31}}),createOptionLabel||"Create "+searchText+" option"))))),renderItem:function renderItem(_ref3){var item=_ref3.item,index=_ref3.index;return _react.default.createElement(ContentRow,{index:index,isSelected:checkIsSelected(item),item:item,key:index,onPress:function onPress(){!contentType&&hide();onItemPress({index:index,item:item});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:325,columnNumber:17}});},onScrollBeginDrag:shouldHideKeyboardOnScrollBegin&&_reactNative.Keyboard.dismiss,__self:_this,__source:{fileName:_jsxFileName,lineNumber:253,columnNumber:13}}))));};BottomSheet.defaultProps={bg:"background.primary",showCreateOption:false,showCreateOptionLoader:false,createOptionLabel:null,onPressCreateOption:function onPressCreateOption(){},CreateItemComponent:null,onDonePress:function onDonePress(){},valueExtractor:function valueExtractor(){},labelExtractor:function labelExtractor(){},onBackdropPress:function onBackdropPress(){},searchBarProps:{}};BottomSheet.propTypes={data:_propTypes.default.array,title:_propTypes.default.string,isVisible:_propTypes.default.bool,hide:_propTypes.default.func,onItemPress:_propTypes.default.func,onDonePress:_propTypes.default.func,bg:_propTypes.default.string,titleContainerStyle:_propTypes.default.object,titleTextStyle:_propTypes.default.object,showCreateOption:_propTypes.default.bool,showCreateOptionLoader:_propTypes.default.bool,createOptionLabel:_propTypes.default.string,onPressCreateOption:_propTypes.default.func,CreateItemComponent:_propTypes.default.func,createSearchedOptionLabelStyle:_propTypes.default.object,disabled:_propTypes.default.bool,createSearchedOptionContainerStyle:_propTypes.default.object,noResultsLabelContainerStyle:_propTypes.default.object,noResultsLabelStyle:_propTypes.default.object,noResultsLabel:_propTypes.default.string,NoResultsComponent:_propTypes.default.node,labelExtractor:_propTypes.default.func,valueExtractor:_propTypes.default.func,onBackdropPress:_propTypes.default.func,selectedItem:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.string]),searchBarProps:_propTypes.default.object,modalParams:_propTypes.default.object,children:_propTypes.default.node,HeaderComponent:_propTypes.default.elementType,ContentRow:_propTypes.default.elementType,contentType:_propTypes.default.oneOf(["checkbox",null]),canSearch:_propTypes.default.bool,shouldHideKeyboardOnScrollBegin:_propTypes.default.bool,shouldShowItemSeparator:_propTypes.default.bool,flatListRef:_propTypes.default.object};var styles=_reactNative.StyleSheet.create({safeAreaView:{maxHeight:"70%",backgroundColor:_theme.theme.colors.background.primary,borderTopRightRadius:(0,_reactNativeSizeMatters.moderateScale)(20),borderTopLeftRadius:(0,_reactNativeSizeMatters.moderateScale)(20)},modalStyle:{margin:0,justifyContent:"flex-end",flex:1},inputContainerStyle:{backgroundColor:"white",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(10)}});
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BottomSheet=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _reactNativeSizeMatters=require("react-native-size-matters");var _Container=require("./Container");var _Divider=require("./Divider");var _Loader=require("./Loader");var _SearchBar=require("./SearchBar");var _Touchable=require("./Touchable");var _Typography=require("./Typography");var _theme=require("../theme");var _excluded=["showCreateOption","CreateItemComponent","showCreateOptionLoader","createSearchedOptionLabelStyle","createOptionLabel","onPressCreateOption","createSearchedOptionContainerStyle","data","title","hide","isVisible","onItemPress","bg","children","titleContainerStyle","titleTextStyle","modalParams","HeaderComponent","ContentRow","contentType","canSearch","onDonePress","disabled","noResultsLabelContainerStyle","noResultsLabelStyle","noResultsLabel","NoResultsComponent","labelExtractor","valueExtractor","selectedItem","onBackdropPress","searchBarProps","shouldHideKeyboardOnScrollBegin","shouldShowItemSeparator","flatListRef"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/BottomSheet.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Title=function Title(_ref){var title=_ref.title,bg=_ref.bg,isVisible=_ref.isVisible,hide=_ref.hide,titleContainerStyle=_ref.titleContainerStyle,titleTextStyle=_ref.titleTextStyle,contentType=_ref.contentType,canSearch=_ref.canSearch,setSearchText=_ref.setSearchText,onDonePress=_ref.onDonePress,searchBarProps=_ref.searchBarProps;var touchY;(0,_react.useEffect)(function(){setSearchText("");},[isVisible,setSearchText]);return _react.default.createElement(_Container.Container,(0,_extends2.default)({bg:bg,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(20),pb:(0,_reactNativeSizeMatters.moderateScale)(12),onTouchStart:function onTouchStart(e){return touchY=e.nativeEvent.pageY;},onTouchEnd:function onTouchEnd(e){if(e.nativeEvent.pageY-touchY>20)hide();}},titleContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:5}}),_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:7}},title&&_react.default.createElement(_Typography.Typography,(0,_extends2.default)({textStyle:"modalHeader"},titleTextStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:11}}),title),contentType&&_react.default.createElement(_Touchable.Touchable,{onPress:function onPress(){hide();onDonePress();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:11}},_react.default.createElement(_Typography.Typography,{color:"font.purple500",textStyle:"modalHeader",__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:13}},"Done"))),canSearch&&_react.default.createElement(_SearchBar.SearchBar,(0,_extends2.default)({containerProps:{mt:(0,_reactNativeSizeMatters.moderateScale)(16)},debounceDelay:200,placeholder:"Search",showCancelButton:false,onChangeText:setSearchText,onCancel:function onCancel(){setSearchText("");}},searchBarProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:9}})));};Title.propTypes={title:_propTypes.default.string,isVisible:_propTypes.default.bool,hide:_propTypes.default.func,bg:_propTypes.default.string,titleContainerStyle:_propTypes.default.object,titleTextStyle:_propTypes.default.object,contentType:_propTypes.default.oneOf(["checkbox",null]),canSearch:_propTypes.default.bool,setSearchText:_propTypes.default.func,onDonePress:_propTypes.default.func,searchBarProps:_propTypes.default.object};var BottomSheet=exports.BottomSheet=function BottomSheet(_ref2){var showCreateOption=_ref2.showCreateOption,CreateItemComponent=_ref2.CreateItemComponent,showCreateOptionLoader=_ref2.showCreateOptionLoader,createSearchedOptionLabelStyle=_ref2.createSearchedOptionLabelStyle,createOptionLabel=_ref2.createOptionLabel,onPressCreateOption=_ref2.onPressCreateOption,createSearchedOptionContainerStyle=_ref2.createSearchedOptionContainerStyle,_ref2$data=_ref2.data,data=_ref2$data===void 0?[]:_ref2$data,title=_ref2.title,hide=_ref2.hide,isVisible=_ref2.isVisible,onItemPress=_ref2.onItemPress,bg=_ref2.bg,children=_ref2.children,titleContainerStyle=_ref2.titleContainerStyle,titleTextStyle=_ref2.titleTextStyle,modalParams=_ref2.modalParams,HeaderComponent=_ref2.HeaderComponent,ContentRow=_ref2.ContentRow,contentType=_ref2.contentType,canSearch=_ref2.canSearch,onDonePress=_ref2.onDonePress,disabled=_ref2.disabled,noResultsLabelContainerStyle=_ref2.noResultsLabelContainerStyle,noResultsLabelStyle=_ref2.noResultsLabelStyle,noResultsLabel=_ref2.noResultsLabel,NoResultsComponent=_ref2.NoResultsComponent,labelExtractor=_ref2.labelExtractor,valueExtractor=_ref2.valueExtractor,selectedItem=_ref2.selectedItem,_onBackdropPress=_ref2.onBackdropPress,searchBarProps=_ref2.searchBarProps,_ref2$shouldHideKeybo=_ref2.shouldHideKeyboardOnScrollBegin,shouldHideKeyboardOnScrollBegin=_ref2$shouldHideKeybo===void 0?true:_ref2$shouldHideKeybo,_ref2$shouldShowItemS=_ref2.shouldShowItemSeparator,shouldShowItemSeparator=_ref2$shouldShowItemS===void 0?true:_ref2$shouldShowItemS,flatListRef=_ref2.flatListRef,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var _useState=(0,_react.useState)(""),_useState2=(0,_slicedToArray2.default)(_useState,2),searchText=_useState2[0],setSearchText=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isReady=_useState4[0],setIsReady=_useState4[1];(0,_react.useEffect)(function(){if(isVisible){_reactNative.InteractionManager.runAfterInteractions(function(){setIsReady(true);});}else{setIsReady(false);}},[isVisible]);var getLabel=(0,_react.useCallback)(function(item,index){return(item==null?void 0:item.label)||labelExtractor(item,index)||item;},[labelExtractor]);var generatedData=(0,_react.useMemo)(function(){if(searchText.length){return data.filter(function(item){return getLabel(item).toLowerCase().includes(searchText.toLowerCase());});}return data;},[data,getLabel,searchText]);var shouldHideCreateComponent=(0,_react.useMemo)(function(){var filteredItemCount=generatedData.filter(function(data){return getLabel(data).toLocaleLowerCase()===searchText.toLocaleLowerCase();}).length;return filteredItemCount>0;},[generatedData,getLabel,searchText]);var checkIsSelected=function checkIsSelected(item){var itemValue=(item==null?void 0:item.value)||valueExtractor(item)||item;var selectedItemValue=(selectedItem==null?void 0:selectedItem.value)||valueExtractor(selectedItem)||selectedItem;return itemValue===selectedItemValue;};return _react.default.createElement(_reactNativeModal.default,(0,_extends2.default)({avoidKeyboard:true,hideModalContentWhileAnimating:true,useNativeDriver:true,isVisible:isVisible&&isReady,style:styles.modalStyle,onRequestClose:hide,onBackdropPress:function onBackdropPress(){_onBackdropPress();hide();}},modalParams,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:229,columnNumber:5}}),_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView,{style:styles.safeAreaView,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:7}},_react.default.createElement(_Container.Container,(0,_extends2.default)({bg:bg,borderTopLeftRadius:(0,_reactNativeSizeMatters.moderateScale)(20),borderTopRightRadius:(0,_reactNativeSizeMatters.moderateScale)(20),flexShrink:1,p:(0,_reactNativeSizeMatters.moderateScale)(16)},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:243,columnNumber:9}}),title&&_react.default.createElement(Title,{HeaderComponent:HeaderComponent,bg:bg,canSearch:canSearch,contentType:contentType,hide:hide,isVisible:isVisible,searchBarProps:searchBarProps,searchText:searchText,setSearchText:setSearchText,title:title,titleContainerStyle:titleContainerStyle,titleTextStyle:titleTextStyle,onDonePress:onDonePress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:252,columnNumber:13}}),data&&_react.default.createElement(_reactNative.FlatList,{data:generatedData,initialNumToRender:data.length,keyExtractor:function keyExtractor(_item,index){return index;},keyboardShouldPersistTaps:"handled",ref:flatListRef,showsVerticalScrollIndicator:false,ItemSeparatorComponent:shouldShowItemSeparator?_react.default.createElement(_Divider.Divider,{bg:"background.grey200",__self:_this,__source:{fileName:_jsxFileName,lineNumber:278,columnNumber:19}}):null,ListFooterComponent:_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:282,columnNumber:17}},children,!!searchText&&!generatedData.length&&!showCreateOption&&(NoResultsComponent?_react.default.createElement(NoResultsComponent,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:288,columnNumber:23}}):_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",mb:(0,_reactNativeSizeMatters.moderateScale)(2),py:(0,_reactNativeSizeMatters.moderateScale)(2)},noResultsLabelContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:290,columnNumber:23}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf600",fontSize:"s"},noResultsLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:296,columnNumber:25}}),noResultsLabel||"No options found"))),!disabled&&!shouldHideCreateComponent&&(showCreateOptionLoader?_react.default.createElement(_Loader.Loader,{color:_theme.theme.colors.background.base,__self:_this,__source:{fileName:_jsxFileName,lineNumber:309,columnNumber:23}}):!!searchText&&showCreateOption&&_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:313,columnNumber:25}},CreateItemComponent?_react.default.createElement(CreateItemComponent,{searchText:searchText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:315,columnNumber:29}}):_react.default.createElement(_Touchable.Touchable,(0,_extends2.default)({alignItems:"center",height:(0,_reactNativeSizeMatters.moderateScale)(40),justifyContent:"center",onPress:function onPress(){return onPressCreateOption(searchText);}},createSearchedOptionContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:317,columnNumber:29}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf400",fontSize:"s"},createSearchedOptionLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:324,columnNumber:31}}),createOptionLabel||"Create "+searchText+" option"))))),renderItem:function renderItem(_ref3){var item=_ref3.item,index=_ref3.index;return _react.default.createElement(ContentRow,{index:index,isSelected:checkIsSelected(item),item:item,key:index,onPress:function onPress(){!contentType&&hide();onItemPress({index:index,item:item});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:341,columnNumber:17}});},onScrollBeginDrag:shouldHideKeyboardOnScrollBegin&&_reactNative.Keyboard.dismiss,__self:_this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:13}}))));};BottomSheet.defaultProps={bg:"background.primary",showCreateOption:false,showCreateOptionLoader:false,createOptionLabel:null,onPressCreateOption:function onPressCreateOption(){},CreateItemComponent:null,onDonePress:function onDonePress(){},valueExtractor:function valueExtractor(){},labelExtractor:function labelExtractor(){},onBackdropPress:function onBackdropPress(){},searchBarProps:{}};BottomSheet.propTypes={data:_propTypes.default.array,title:_propTypes.default.string,isVisible:_propTypes.default.bool,hide:_propTypes.default.func,onItemPress:_propTypes.default.func,onDonePress:_propTypes.default.func,bg:_propTypes.default.string,titleContainerStyle:_propTypes.default.object,titleTextStyle:_propTypes.default.object,showCreateOption:_propTypes.default.bool,showCreateOptionLoader:_propTypes.default.bool,createOptionLabel:_propTypes.default.string,onPressCreateOption:_propTypes.default.func,CreateItemComponent:_propTypes.default.func,createSearchedOptionLabelStyle:_propTypes.default.object,disabled:_propTypes.default.bool,createSearchedOptionContainerStyle:_propTypes.default.object,noResultsLabelContainerStyle:_propTypes.default.object,noResultsLabelStyle:_propTypes.default.object,noResultsLabel:_propTypes.default.string,NoResultsComponent:_propTypes.default.node,labelExtractor:_propTypes.default.func,valueExtractor:_propTypes.default.func,onBackdropPress:_propTypes.default.func,selectedItem:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.string]),searchBarProps:_propTypes.default.object,modalParams:_propTypes.default.object,children:_propTypes.default.node,HeaderComponent:_propTypes.default.elementType,ContentRow:_propTypes.default.elementType,contentType:_propTypes.default.oneOf(["checkbox",null]),canSearch:_propTypes.default.bool,shouldHideKeyboardOnScrollBegin:_propTypes.default.bool,shouldShowItemSeparator:_propTypes.default.bool,flatListRef:_propTypes.default.object};var styles=_reactNative.StyleSheet.create({safeAreaView:{maxHeight:"70%",backgroundColor:_theme.theme.colors.background.primary,borderTopRightRadius:(0,_reactNativeSizeMatters.moderateScale)(20),borderTopLeftRadius:(0,_reactNativeSizeMatters.moderateScale)(20)},modalStyle:{margin:0,justifyContent:"flex-end",flex:1},inputContainerStyle:{backgroundColor:"white",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(10)}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ChatInput=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _nodeHtmlParser=require("node-html-parser");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _expand=_interopRequireDefault(require("../../assets/icons/expand.svg"));var _minimize=_interopRequireDefault(require("../../assets/icons/minimize.svg"));var _AttachmentsView=require("./AttachmentsView");var _EmailFields=require("./EmailFields");var _IconButton=require("./IconButton");var _MentionsInputWrapper=require("./MentionsInputWrapper");var _theme=require("../../theme");var _Button=require("../Button");var _Container=require("../Container");var _LineLoader=require("../LineLoader");var _Popover=require("../Popover");var _excluded=["shouldShowEmailFields","showReplyMenuOptions","value","onChangeText","onForward","onCannedResponse","toEmails","onReply","onAddNote","onAttachment","attachmentsCount","Attachments","showCannedResponsesFor","showSuggestionsFor","disabled","isLoading","onOptionChange","initialSelectedOption","suggestions"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/ChatInput/ChatInput.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}function _createForOfIteratorHelperLoose(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(it)return(it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;return function(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}var OPTION_TYPES={REPLY:"REPLY",NOTE:"NOTE",FORWARD:"FORWARD"};var placeholders=(0,_defineProperty2.default)((0,_defineProperty2.default)((0,_defineProperty2.default)({},OPTION_TYPES.REPLY,"Type here to reply…"),OPTION_TYPES.NOTE,"Add note here…"),OPTION_TYPES.FORWARD,"Type here to forward…");var labels=(0,_defineProperty2.default)((0,_defineProperty2.default)({},OPTION_TYPES.NOTE,"Add note"),OPTION_TYPES.FORWARD,"Forward");var convertMentionsToHTMLAndPlainText=function convertMentionsToHTMLAndPlainText(_ref){var suggestions=_ref.suggestions,value=_ref.value;var mentionsRegex=new RegExp(/@\[[^)]*\)/g);var html="<p>"+value+"</p>";var plainText=value;var allMentions=html.matchAll(mentionsRegex);var _loop=function _loop(){var mention=mentionObject[0];var id=/\((.*)\)/.exec(mention)[1];var suggestion=suggestions.find(function(suggestion){return suggestion.id===id;});var rootNode=(0,_nodeHtmlParser.parse)("<span></span>");var spanNode=rootNode.querySelector("span");spanNode.setAttribute("data-type","mention");spanNode.setAttribute("data-id",id);spanNode.setAttribute("data-label",suggestion.name);spanNode.set_content("@"+suggestion.name);var rootNodeString=rootNode.toString();html=html.replace(mention,rootNodeString);var plainTextMention="@"+suggestion.name;plainText=plainText.replace(mention,plainTextMention);};for(var _iterator=_createForOfIteratorHelperLoose(allMentions),_step;!(_step=_iterator()).done;){var mentionObject=_step.value;_loop();}return{html:html,plainText:plainText};};var ChatInput=exports.ChatInput=(0,_react.forwardRef)(function(_ref2,ref){var _labels$selectedOptio;var shouldShowEmailFields=_ref2.shouldShowEmailFields,showReplyMenuOptions=_ref2.showReplyMenuOptions,_ref2$value=_ref2.value,value=_ref2$value===void 0?"":_ref2$value,_ref2$onChangeText=_ref2.onChangeText,onChangeText=_ref2$onChangeText===void 0?function(){}:_ref2$onChangeText,onForward=_ref2.onForward,onCannedResponse=_ref2.onCannedResponse,initialToEmails=_ref2.toEmails,_ref2$onReply=_ref2.onReply,onReply=_ref2$onReply===void 0?function(){}:_ref2$onReply,_ref2$onAddNote=_ref2.onAddNote,onAddNote=_ref2$onAddNote===void 0?function(){}:_ref2$onAddNote,_ref2$onAttachment=_ref2.onAttachment,onAttachment=_ref2$onAttachment===void 0?function(){}:_ref2$onAttachment,attachmentsCount=_ref2.attachmentsCount,Attachments=_ref2.Attachments,_ref2$showCannedRespo=_ref2.showCannedResponsesFor,showCannedResponsesFor=_ref2$showCannedRespo===void 0?[OPTION_TYPES.REPLY]:_ref2$showCannedRespo,_ref2$showSuggestions=_ref2.showSuggestionsFor,showSuggestionsFor=_ref2$showSuggestions===void 0?[OPTION_TYPES.NOTE]:_ref2$showSuggestions,disabled=_ref2.disabled,_ref2$isLoading=_ref2.isLoading,isLoading=_ref2$isLoading===void 0?true:_ref2$isLoading,_ref2$onOptionChange=_ref2.onOptionChange,onOptionChange=_ref2$onOptionChange===void 0?function(){}:_ref2$onOptionChange,_ref2$initialSelected=_ref2.initialSelectedOption,initialSelectedOption=_ref2$initialSelected===void 0?OPTION_TYPES.REPLY:_ref2$initialSelected,suggestions=_ref2.suggestions,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var inputRef=(0,_react.useRef)();var _useState=(0,_react.useState)(initialSelectedOption),_useState2=(0,_slicedToArray2.default)(_useState,2),selectedOption=_useState2[0],setSelectedOption=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isEmailFieldsVisible=_useState4[0],setIsEmailFieldsVisible=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isAttachmentsVisible=_useState6[0],setIsAttachmentsVisible=_useState6[1];var isReplyOptionSelected=selectedOption===OPTION_TYPES.REPLY;var isNoteOptionSelected=selectedOption===OPTION_TYPES.NOTE;var isForwardOptionSelected=selectedOption===OPTION_TYPES.FORWARD;var _useState7=(0,_react.useState)(initialToEmails!=null?initialToEmails:[]),_useState8=(0,_slicedToArray2.default)(_useState7,2),toEmails=_useState8[0],setToEmails=_useState8[1];var _useState9=(0,_react.useState)([]),_useState10=(0,_slicedToArray2.default)(_useState9,2),toEmailsForForward=_useState10[0],setToEmailsForForward=_useState10[1];var _useState11=(0,_react.useState)([]),_useState12=(0,_slicedToArray2.default)(_useState11,2),ccEmails=_useState12[0],setCcEmails=_useState12[1];var _useState13=(0,_react.useState)([]),_useState14=(0,_slicedToArray2.default)(_useState13,2),bccEmails=_useState14[0],setBccEmails=_useState14[1];var moreReplyOptions=[{label:"Send and set as closed",Icon:function Icon(){return null;},onPress:function onPress(){onReply((0,_extends2.default)({toEmails:toEmails,ccEmails:ccEmails,bccEmails:bccEmails,status:"closed"},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));}}];(0,_react.useImperativeHandle)(ref,function(){return{clearEmailFields:function clearEmailFields(){setToEmails(initialToEmails!=null?initialToEmails:[]);setToEmailsForForward([]);setCcEmails([]);setBccEmails([]);inputRef.current.blur();}};},[initialToEmails,isReplyOptionSelected]);(0,_react.useEffect)(function(){onOptionChange(selectedOption);},[selectedOption]);(0,_react.useEffect)(function(){setSelectedOption(initialSelectedOption);},[initialSelectedOption]);(0,_react.useEffect)(function(){setToEmails(initialToEmails!=null?initialToEmails:[]);},[initialToEmails]);var showEmailFieldsAndAttachments=function showEmailFieldsAndAttachments(){setIsAttachmentsVisible(true);!isNoteOptionSelected&&setIsEmailFieldsVisible(true);};var hideEmailFieldsAndAttachments=function hideEmailFieldsAndAttachments(){setIsAttachmentsVisible(false);setIsEmailFieldsVisible(false);};var onReplyClickHandler=function onReplyClickHandler(){hideEmailFieldsAndAttachments();inputRef.current.focus();setSelectedOption(OPTION_TYPES.REPLY);};var onAddNoteClickHandler=function onAddNoteClickHandler(){hideEmailFieldsAndAttachments();inputRef.current.focus();setIsEmailFieldsVisible(false);setSelectedOption(OPTION_TYPES.NOTE);};var onAddForwardClickHandler=function onAddForwardClickHandler(){inputRef.current.focus();setIsEmailFieldsVisible(true);setIsAttachmentsVisible(false);setSelectedOption(OPTION_TYPES.FORWARD);};var onAddAttachmentsClickHandler=function onAddAttachmentsClickHandler(){if(!isAttachmentsVisible&&attachmentsCount>0){}else{onAttachment();}setIsAttachmentsVisible(true);};var onActionHandler=function onActionHandler(){(0,_defineProperty2.default)((0,_defineProperty2.default)((0,_defineProperty2.default)({},OPTION_TYPES.REPLY,function(){onReply((0,_extends2.default)({toEmails:toEmails,ccEmails:ccEmails,bccEmails:bccEmails},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));}),OPTION_TYPES.NOTE,function(){onAddNote((0,_extends2.default)({toEmails:toEmails,ccEmails:ccEmails,bccEmails:bccEmails},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));}),OPTION_TYPES.FORWARD,function(){onForward((0,_extends2.default)({toEmails:toEmailsForForward,ccEmails:ccEmails,bccEmails:bccEmails},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));})[selectedOption]();};var shouldShowExpandAndMinimizeButton=attachmentsCount>0||toEmails.length>0&&!isNoteOptionSelected;var shouldDisableWhenForwardAndToFieldMissing=isForwardOptionSelected&&toEmailsForForward.length===0;return _react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:302,columnNumber:7}},_react.default.createElement(_LineLoader.LineLoader,{backgroundColor:_theme.theme.colors.background.grey400,height:(0,_reactNativeSizeMatters.moderateScale)(1),isLoading:isLoading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:303,columnNumber:9}}),_react.default.createElement(_Container.Container,{bg:isNoteOptionSelected?"background.oldLace":"transparent",p:(0,_reactNativeSizeMatters.moderateScale)(5),pt:0,px:(0,_reactNativeSizeMatters.moderateScale)(16),__self:_this,__source:{fileName:_jsxFileName,lineNumber:308,columnNumber:9}},_react.default.createElement(_Container.Container,{pt:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:314,columnNumber:11}},_react.default.createElement(_EmailFields.EmailFields,{bccEmails:bccEmails,ccEmails:ccEmails,isEmailFieldsVisible:isEmailFieldsVisible,isForwardOptionSelected:isForwardOptionSelected,isNoteOptionSelected:isNoteOptionSelected,isReplyOptionSelected:isReplyOptionSelected,setBccEmails:setBccEmails,setCcEmails:setCcEmails,setIsEmailFieldsVisible:setIsEmailFieldsVisible,setToEmails:setToEmails,setToEmailsForForward:setToEmailsForForward,shouldShowEmailFields:shouldShowEmailFields,toEmails:toEmails,toEmailsForForward:toEmailsForForward,__self:_this,__source:{fileName:_jsxFileName,lineNumber:315,columnNumber:13}}),_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:331,columnNumber:13}},_react.default.createElement(_MentionsInputWrapper.MentionsInputWrapper,(0,_extends2.default)({placeholder:placeholders[selectedOption],ref:inputRef,suggestions:suggestions,value:value,shouldShowSuggestions:showSuggestionsFor.includes(selectedOption),onChange:onChangeText},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:332,columnNumber:15}})),shouldShowExpandAndMinimizeButton&&_react.default.createElement(_Container.Container,{alignSelf:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:344,columnNumber:17}},isEmailFieldsVisible||isAttachmentsVisible?_react.default.createElement(_IconButton.IconButton,{Icon:_minimize.default,height:(0,_reactNativeSizeMatters.moderateScale)(30),pt:(0,_reactNativeSizeMatters.moderateScale)(8),width:(0,_reactNativeSizeMatters.moderateScale)(30),onPress:hideEmailFieldsAndAttachments,__self:_this,__source:{fileName:_jsxFileName,lineNumber:346,columnNumber:21}}):_react.default.createElement(_IconButton.IconButton,{Icon:_expand.default,height:(0,_reactNativeSizeMatters.moderateScale)(30),pt:(0,_reactNativeSizeMatters.moderateScale)(8),width:(0,_reactNativeSizeMatters.moderateScale)(30),onPress:showEmailFieldsAndAttachments,__self:_this,__source:{fileName:_jsxFileName,lineNumber:354,columnNumber:21}}))),_react.default.createElement(_AttachmentsView.AttachmentsView,{Attachments:Attachments,attachmentsCount:attachmentsCount,isAttachmentsVisible:isAttachmentsVisible,isNoteOptionSelected:isNoteOptionSelected,setIsAttachmentsVisible:setIsAttachmentsVisible,__self:_this,__source:{fileName:_jsxFileName,lineNumber:365,columnNumber:13}}),_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",mt:(0,_reactNativeSizeMatters.moderateScale)(10),__self:_this,__source:{fileName:_jsxFileName,lineNumber:372,columnNumber:13}},_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:378,columnNumber:15}},_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.ChatBubble,opacity:isReplyOptionSelected?1:0.5,pl:(0,_reactNativeSizeMatters.moderateScale)(10),iconProps:{viewBox:"0 0 37 37",size:(0,_reactNativeSizeMatters.moderateScale)(30),color:isReplyOptionSelected?_theme.theme.colors.font.grey700:_theme.theme.colors.font.grey500},onPress:onReplyClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:379,columnNumber:17}}),_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.Notes,opacity:isNoteOptionSelected?1:0.5,onPress:onAddNoteClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:392,columnNumber:17}}),onForward&&_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.Forward,opacity:isForwardOptionSelected?1:0.5,onPress:onAddForwardClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:398,columnNumber:19}}),_react.default.createElement(_Container.Container,{bg:"background.grey400",mx:(0,_reactNativeSizeMatters.moderateScale)(5),p:(0,_reactNativeSizeMatters.moderateScale)(0.4),__self:_this,__source:{fileName:_jsxFileName,lineNumber:404,columnNumber:17}}),onCannedResponse&&showCannedResponsesFor.includes(selectedOption)&&_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.CannedResponses,opacity:0.5,iconProps:{viewBox:"0 0 38 38",size:(0,_reactNativeSizeMatters.moderateScale)(30)},onPress:onCannedResponse,__self:_this,__source:{fileName:_jsxFileName,lineNumber:411,columnNumber:21}}),_react.default.createElement(_IconButton.IconButton,(0,_extends2.default)({},isLoading&&{iconProps:{color:"grey"}},{Icon:_neetoIconsRn.Attachment,disabled:isLoading,onPress:onAddAttachmentsClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:421,columnNumber:17}}))),_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",__self:_this,__source:{fileName:_jsxFileName,lineNumber:430,columnNumber:15}},_react.default.createElement(_Button.Button,{height:(0,_reactNativeSizeMatters.moderateScale)(30),label:(_labels$selectedOptio=labels[selectedOption])!=null?_labels$selectedOptio:"",pr:0,variant:"text",RightIcon:selectedOption===OPTION_TYPES.REPLY?function(){return _react.default.createElement(_neetoIconsRn.SendPlane,{color:_theme.theme.colors.font.primary,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:439,columnNumber:27}});}:null,disabled:shouldDisableWhenForwardAndToFieldMissing||disabled,labelStyle:{mx:(0,_reactNativeSizeMatters.moderateScale)(0)},onPress:function onPress(){onActionHandler();hideEmailFieldsAndAttachments();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:431,columnNumber:17}}),showReplyMenuOptions&&isReplyOptionSelected&&_react.default.createElement(_Popover.Popover,{data:moreReplyOptions,from:_react.default.createElement(_Button.Button,{disabled:disabled,height:(0,_reactNativeSizeMatters.moderateScale)(30),label:"",p:0,variant:"text",RightIcon:function RightIcon(){return _react.default.createElement(_neetoIconsRn.Down,{color:_theme.theme.colors.background.grey800,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:468,columnNumber:27}});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:461,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:458,columnNumber:19}}))))));});ChatInput.displayName="ChatInput";ChatInput.propTypes={isLoading:_propTypes.default.bool,shouldShowEmailFields:_propTypes.default.bool,showReplyMenuOptions:_propTypes.default.bool,value:_propTypes.default.string,initialSelectedOption:_propTypes.default.oneOf(Object.values(OPTION_TYPES)),onOptionChange:_propTypes.default.func,onChangeText:_propTypes.default.func,onForward:_propTypes.default.func,onCannedResponse:_propTypes.default.func,toEmails:_propTypes.default.arrayOf(_propTypes.default.string),onReply:_propTypes.default.func,onAddNote:_propTypes.default.func,onAttachment:_propTypes.default.func,attachmentsCount:_propTypes.default.number,Attachments:_propTypes.default.any,showCannedResponsesFor:_propTypes.default.arrayOf(_propTypes.default.oneOf(Object.values(OPTION_TYPES))),showSuggestionsFor:_propTypes.default.arrayOf(_propTypes.default.oneOf(Object.values(OPTION_TYPES))),disabled:_propTypes.default.bool,suggestions:_propTypes.default.arrayOf(_propTypes.default.shape({name:_propTypes.default.string,imageUrl:_propTypes.default.string,id:_propTypes.default.string}))};
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ChatInput=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _nodeHtmlParser=require("node-html-parser");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _expand=_interopRequireDefault(require("../../assets/icons/expand.svg"));var _minimize=_interopRequireDefault(require("../../assets/icons/minimize.svg"));var _AttachmentsView=require("./AttachmentsView");var _EmailFields=require("./EmailFields");var _IconButton=require("./IconButton");var _MentionsInputWrapper=require("./MentionsInputWrapper");var _theme=require("../../theme");var _Button=require("../Button");var _Container=require("../Container");var _LineLoader=require("../LineLoader");var _Popover=require("../Popover");var _excluded=["shouldShowEmailFields","showReplyMenuOptions","value","onChangeText","onForward","onCannedResponse","toEmails","onReply","onAddNote","onAttachment","attachmentsCount","Attachments","showCannedResponsesFor","showSuggestionsFor","disabled","isLoading","onOptionChange","initialSelectedOption","suggestions"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/ChatInput/ChatInput.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}function _createForOfIteratorHelperLoose(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(it)return(it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;return function(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}var OPTION_TYPES={REPLY:"REPLY",NOTE:"NOTE",FORWARD:"FORWARD"};var placeholders=(0,_defineProperty2.default)((0,_defineProperty2.default)((0,_defineProperty2.default)({},OPTION_TYPES.REPLY,"Type here to reply…"),OPTION_TYPES.NOTE,"Add note here…"),OPTION_TYPES.FORWARD,"Type here to forward…");var labels=(0,_defineProperty2.default)((0,_defineProperty2.default)({},OPTION_TYPES.NOTE,"Add note"),OPTION_TYPES.FORWARD,"Forward");var convertMentionsToHTMLAndPlainText=function convertMentionsToHTMLAndPlainText(_ref){var suggestions=_ref.suggestions,value=_ref.value;var mentionsRegex=new RegExp(/@\[[^)]*\)/g);var html="<p>"+value.replace(/\n/g,"<br>")+"</p>";var plainText=value;var allMentions=html.matchAll(mentionsRegex);var _loop=function _loop(){var mention=mentionObject[0];var id=/\((.*)\)/.exec(mention)[1];var suggestion=suggestions.find(function(suggestion){return suggestion.id===id;});var rootNode=(0,_nodeHtmlParser.parse)("<span></span>");var spanNode=rootNode.querySelector("span");spanNode.setAttribute("data-type","mention");spanNode.setAttribute("data-id",id);spanNode.setAttribute("data-label",suggestion.name);spanNode.set_content("@"+suggestion.name);var rootNodeString=rootNode.toString();html=html.replace(mention,rootNodeString);var plainTextMention="@"+suggestion.name;plainText=plainText.replace(mention,plainTextMention);};for(var _iterator=_createForOfIteratorHelperLoose(allMentions),_step;!(_step=_iterator()).done;){var mentionObject=_step.value;_loop();}return{html:html,plainText:plainText};};var ChatInput=exports.ChatInput=(0,_react.forwardRef)(function(_ref2,ref){var _labels$selectedOptio;var shouldShowEmailFields=_ref2.shouldShowEmailFields,showReplyMenuOptions=_ref2.showReplyMenuOptions,_ref2$value=_ref2.value,value=_ref2$value===void 0?"":_ref2$value,_ref2$onChangeText=_ref2.onChangeText,onChangeText=_ref2$onChangeText===void 0?function(){}:_ref2$onChangeText,onForward=_ref2.onForward,onCannedResponse=_ref2.onCannedResponse,initialToEmails=_ref2.toEmails,_ref2$onReply=_ref2.onReply,onReply=_ref2$onReply===void 0?function(){}:_ref2$onReply,_ref2$onAddNote=_ref2.onAddNote,onAddNote=_ref2$onAddNote===void 0?function(){}:_ref2$onAddNote,_ref2$onAttachment=_ref2.onAttachment,onAttachment=_ref2$onAttachment===void 0?function(){}:_ref2$onAttachment,attachmentsCount=_ref2.attachmentsCount,Attachments=_ref2.Attachments,_ref2$showCannedRespo=_ref2.showCannedResponsesFor,showCannedResponsesFor=_ref2$showCannedRespo===void 0?[OPTION_TYPES.REPLY]:_ref2$showCannedRespo,_ref2$showSuggestions=_ref2.showSuggestionsFor,showSuggestionsFor=_ref2$showSuggestions===void 0?[OPTION_TYPES.NOTE]:_ref2$showSuggestions,disabled=_ref2.disabled,_ref2$isLoading=_ref2.isLoading,isLoading=_ref2$isLoading===void 0?true:_ref2$isLoading,_ref2$onOptionChange=_ref2.onOptionChange,onOptionChange=_ref2$onOptionChange===void 0?function(){}:_ref2$onOptionChange,_ref2$initialSelected=_ref2.initialSelectedOption,initialSelectedOption=_ref2$initialSelected===void 0?OPTION_TYPES.REPLY:_ref2$initialSelected,suggestions=_ref2.suggestions,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var inputRef=(0,_react.useRef)();var _useState=(0,_react.useState)(initialSelectedOption),_useState2=(0,_slicedToArray2.default)(_useState,2),selectedOption=_useState2[0],setSelectedOption=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isEmailFieldsVisible=_useState4[0],setIsEmailFieldsVisible=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isAttachmentsVisible=_useState6[0],setIsAttachmentsVisible=_useState6[1];var isReplyOptionSelected=selectedOption===OPTION_TYPES.REPLY;var isNoteOptionSelected=selectedOption===OPTION_TYPES.NOTE;var isForwardOptionSelected=selectedOption===OPTION_TYPES.FORWARD;var _useState7=(0,_react.useState)(initialToEmails!=null?initialToEmails:[]),_useState8=(0,_slicedToArray2.default)(_useState7,2),toEmails=_useState8[0],setToEmails=_useState8[1];var _useState9=(0,_react.useState)([]),_useState10=(0,_slicedToArray2.default)(_useState9,2),toEmailsForForward=_useState10[0],setToEmailsForForward=_useState10[1];var _useState11=(0,_react.useState)([]),_useState12=(0,_slicedToArray2.default)(_useState11,2),ccEmails=_useState12[0],setCcEmails=_useState12[1];var _useState13=(0,_react.useState)([]),_useState14=(0,_slicedToArray2.default)(_useState13,2),bccEmails=_useState14[0],setBccEmails=_useState14[1];var moreReplyOptions=[{label:"Send and set as closed",Icon:function Icon(){return null;},onPress:function onPress(){onReply((0,_extends2.default)({toEmails:toEmails,ccEmails:ccEmails,bccEmails:bccEmails,status:"closed"},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));}}];(0,_react.useImperativeHandle)(ref,function(){return{clearEmailFields:function clearEmailFields(){setToEmails(initialToEmails!=null?initialToEmails:[]);setToEmailsForForward([]);setCcEmails([]);setBccEmails([]);inputRef.current.blur();}};},[initialToEmails,isReplyOptionSelected]);(0,_react.useEffect)(function(){onOptionChange(selectedOption);},[selectedOption]);(0,_react.useEffect)(function(){setSelectedOption(initialSelectedOption);},[initialSelectedOption]);(0,_react.useEffect)(function(){setToEmails(initialToEmails!=null?initialToEmails:[]);},[initialToEmails]);var showEmailFieldsAndAttachments=function showEmailFieldsAndAttachments(){setIsAttachmentsVisible(true);!isNoteOptionSelected&&setIsEmailFieldsVisible(true);};var hideEmailFieldsAndAttachments=function hideEmailFieldsAndAttachments(){setIsAttachmentsVisible(false);setIsEmailFieldsVisible(false);};var onReplyClickHandler=function onReplyClickHandler(){hideEmailFieldsAndAttachments();inputRef.current.focus();setSelectedOption(OPTION_TYPES.REPLY);};var onAddNoteClickHandler=function onAddNoteClickHandler(){hideEmailFieldsAndAttachments();inputRef.current.focus();setIsEmailFieldsVisible(false);setSelectedOption(OPTION_TYPES.NOTE);};var onAddForwardClickHandler=function onAddForwardClickHandler(){inputRef.current.focus();setIsEmailFieldsVisible(true);setIsAttachmentsVisible(false);setSelectedOption(OPTION_TYPES.FORWARD);};var onAddAttachmentsClickHandler=function onAddAttachmentsClickHandler(){if(!isAttachmentsVisible&&attachmentsCount>0){}else{onAttachment();}setIsAttachmentsVisible(true);};var onActionHandler=function onActionHandler(){(0,_defineProperty2.default)((0,_defineProperty2.default)((0,_defineProperty2.default)({},OPTION_TYPES.REPLY,function(){onReply((0,_extends2.default)({toEmails:toEmails,ccEmails:ccEmails,bccEmails:bccEmails},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));}),OPTION_TYPES.NOTE,function(){onAddNote((0,_extends2.default)({toEmails:toEmails,ccEmails:ccEmails,bccEmails:bccEmails},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));}),OPTION_TYPES.FORWARD,function(){onForward((0,_extends2.default)({toEmails:toEmailsForForward,ccEmails:ccEmails,bccEmails:bccEmails},convertMentionsToHTMLAndPlainText({suggestions:suggestions,value:value})));})[selectedOption]();};var shouldShowExpandAndMinimizeButton=attachmentsCount>0||toEmails.length>0&&!isNoteOptionSelected;var shouldDisableWhenForwardAndToFieldMissing=isForwardOptionSelected&&toEmailsForForward.length===0;return _react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:301,columnNumber:7}},_react.default.createElement(_LineLoader.LineLoader,{backgroundColor:_theme.theme.colors.background.grey400,height:(0,_reactNativeSizeMatters.moderateScale)(1),isLoading:isLoading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:302,columnNumber:9}}),_react.default.createElement(_Container.Container,{bg:isNoteOptionSelected?"background.oldLace":"transparent",p:(0,_reactNativeSizeMatters.moderateScale)(5),pt:0,px:(0,_reactNativeSizeMatters.moderateScale)(16),__self:_this,__source:{fileName:_jsxFileName,lineNumber:307,columnNumber:9}},_react.default.createElement(_Container.Container,{pt:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:313,columnNumber:11}},_react.default.createElement(_EmailFields.EmailFields,{bccEmails:bccEmails,ccEmails:ccEmails,isEmailFieldsVisible:isEmailFieldsVisible,isForwardOptionSelected:isForwardOptionSelected,isNoteOptionSelected:isNoteOptionSelected,isReplyOptionSelected:isReplyOptionSelected,setBccEmails:setBccEmails,setCcEmails:setCcEmails,setIsEmailFieldsVisible:setIsEmailFieldsVisible,setToEmails:setToEmails,setToEmailsForForward:setToEmailsForForward,shouldShowEmailFields:shouldShowEmailFields,toEmails:toEmails,toEmailsForForward:toEmailsForForward,__self:_this,__source:{fileName:_jsxFileName,lineNumber:314,columnNumber:13}}),_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:330,columnNumber:13}},_react.default.createElement(_MentionsInputWrapper.MentionsInputWrapper,(0,_extends2.default)({placeholder:placeholders[selectedOption],ref:inputRef,suggestions:suggestions,value:value,shouldShowSuggestions:showSuggestionsFor.includes(selectedOption),onChange:onChangeText},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:331,columnNumber:15}})),shouldShowExpandAndMinimizeButton&&_react.default.createElement(_Container.Container,{alignSelf:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:343,columnNumber:17}},isEmailFieldsVisible||isAttachmentsVisible?_react.default.createElement(_IconButton.IconButton,{Icon:_minimize.default,height:(0,_reactNativeSizeMatters.moderateScale)(30),pt:(0,_reactNativeSizeMatters.moderateScale)(8),width:(0,_reactNativeSizeMatters.moderateScale)(30),onPress:hideEmailFieldsAndAttachments,__self:_this,__source:{fileName:_jsxFileName,lineNumber:345,columnNumber:21}}):_react.default.createElement(_IconButton.IconButton,{Icon:_expand.default,height:(0,_reactNativeSizeMatters.moderateScale)(30),pt:(0,_reactNativeSizeMatters.moderateScale)(8),width:(0,_reactNativeSizeMatters.moderateScale)(30),onPress:showEmailFieldsAndAttachments,__self:_this,__source:{fileName:_jsxFileName,lineNumber:353,columnNumber:21}}))),_react.default.createElement(_AttachmentsView.AttachmentsView,{Attachments:Attachments,attachmentsCount:attachmentsCount,isAttachmentsVisible:isAttachmentsVisible,isNoteOptionSelected:isNoteOptionSelected,setIsAttachmentsVisible:setIsAttachmentsVisible,__self:_this,__source:{fileName:_jsxFileName,lineNumber:364,columnNumber:13}}),_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",mt:(0,_reactNativeSizeMatters.moderateScale)(10),__self:_this,__source:{fileName:_jsxFileName,lineNumber:371,columnNumber:13}},_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:377,columnNumber:15}},_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.ChatBubble,opacity:isReplyOptionSelected?1:0.5,pl:(0,_reactNativeSizeMatters.moderateScale)(10),iconProps:{viewBox:"0 0 37 37",size:(0,_reactNativeSizeMatters.moderateScale)(30),color:isReplyOptionSelected?_theme.theme.colors.font.grey700:_theme.theme.colors.font.grey500},onPress:onReplyClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:378,columnNumber:17}}),_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.Notes,opacity:isNoteOptionSelected?1:0.5,onPress:onAddNoteClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:391,columnNumber:17}}),onForward&&_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.Forward,opacity:isForwardOptionSelected?1:0.5,onPress:onAddForwardClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:397,columnNumber:19}}),_react.default.createElement(_Container.Container,{bg:"background.grey400",mx:(0,_reactNativeSizeMatters.moderateScale)(5),p:(0,_reactNativeSizeMatters.moderateScale)(0.4),__self:_this,__source:{fileName:_jsxFileName,lineNumber:403,columnNumber:17}}),onCannedResponse&&showCannedResponsesFor.includes(selectedOption)&&_react.default.createElement(_IconButton.IconButton,{Icon:_neetoIconsRn.CannedResponses,opacity:0.5,iconProps:{viewBox:"0 0 38 38",size:(0,_reactNativeSizeMatters.moderateScale)(30)},onPress:onCannedResponse,__self:_this,__source:{fileName:_jsxFileName,lineNumber:410,columnNumber:21}}),_react.default.createElement(_IconButton.IconButton,(0,_extends2.default)({},isLoading&&{iconProps:{color:"grey"}},{Icon:_neetoIconsRn.Attachment,disabled:isLoading,onPress:onAddAttachmentsClickHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:420,columnNumber:17}}))),_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",__self:_this,__source:{fileName:_jsxFileName,lineNumber:429,columnNumber:15}},_react.default.createElement(_Button.Button,{height:(0,_reactNativeSizeMatters.moderateScale)(30),label:(_labels$selectedOptio=labels[selectedOption])!=null?_labels$selectedOptio:"",pr:0,variant:"text",RightIcon:selectedOption===OPTION_TYPES.REPLY?function(){return _react.default.createElement(_neetoIconsRn.SendPlane,{color:_theme.theme.colors.font.primary,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:438,columnNumber:27}});}:null,disabled:shouldDisableWhenForwardAndToFieldMissing||disabled,labelStyle:{mx:(0,_reactNativeSizeMatters.moderateScale)(0)},onPress:function onPress(){onActionHandler();hideEmailFieldsAndAttachments();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:430,columnNumber:17}}),showReplyMenuOptions&&isReplyOptionSelected&&_react.default.createElement(_Popover.Popover,{data:moreReplyOptions,from:_react.default.createElement(_Button.Button,{disabled:disabled,height:(0,_reactNativeSizeMatters.moderateScale)(30),label:"",p:0,variant:"text",RightIcon:function RightIcon(){return _react.default.createElement(_neetoIconsRn.Down,{color:_theme.theme.colors.background.grey800,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:467,columnNumber:27}});},__self:_this,__source:{fileName:_jsxFileName,lineNumber:460,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:457,columnNumber:19}}))))));});ChatInput.displayName="ChatInput";ChatInput.propTypes={isLoading:_propTypes.default.bool,shouldShowEmailFields:_propTypes.default.bool,showReplyMenuOptions:_propTypes.default.bool,value:_propTypes.default.string,initialSelectedOption:_propTypes.default.oneOf(Object.values(OPTION_TYPES)),onOptionChange:_propTypes.default.func,onChangeText:_propTypes.default.func,onForward:_propTypes.default.func,onCannedResponse:_propTypes.default.func,toEmails:_propTypes.default.arrayOf(_propTypes.default.string),onReply:_propTypes.default.func,onAddNote:_propTypes.default.func,onAttachment:_propTypes.default.func,attachmentsCount:_propTypes.default.number,Attachments:_propTypes.default.any,showCannedResponsesFor:_propTypes.default.arrayOf(_propTypes.default.oneOf(Object.values(OPTION_TYPES))),showSuggestionsFor:_propTypes.default.arrayOf(_propTypes.default.oneOf(Object.values(OPTION_TYPES))),disabled:_propTypes.default.bool,suggestions:_propTypes.default.arrayOf(_propTypes.default.shape({name:_propTypes.default.string,imageUrl:_propTypes.default.string,id:_propTypes.default.string}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ToggleSwitch=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=require("styled-components/native");var _Container=require("./Container");var _Touchable=require("./Touchable");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/ToggleSwitch.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var ToggleSwitch=exports.ToggleSwitch=function ToggleSwitch(_ref){var value=_ref.value,onValueChange=_ref.onValueChange,disabled=_ref.disabled;var theme=(0,_react.useContext)(_native.ThemeContext);var animatedPosition=(0,_react.useRef)(new _reactNative.Animated.Value(value?(0,_reactNativeSizeMatters.moderateScale)(1):0)).current;(0,_react.useEffect)(function(){startAnimation();},[value]);var startAnimation=function startAnimation(){_reactNative.Animated.timing(animatedPosition,{toValue:value?(0,_reactNativeSizeMatters.moderateScale)(
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ToggleSwitch=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=require("styled-components/native");var _Container=require("./Container");var _Touchable=require("./Touchable");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/ToggleSwitch.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var ToggleSwitch=exports.ToggleSwitch=function ToggleSwitch(_ref){var value=_ref.value,onValueChange=_ref.onValueChange,disabled=_ref.disabled;var theme=(0,_react.useContext)(_native.ThemeContext);var animatedPosition=(0,_react.useRef)(new _reactNative.Animated.Value(value?(0,_reactNativeSizeMatters.moderateScale)(1):0)).current;(0,_react.useEffect)(function(){startAnimation();},[value]);var startAnimation=function startAnimation(){_reactNative.Animated.timing(animatedPosition,{toValue:value?(0,_reactNativeSizeMatters.moderateScale)(24):0,duration:300,useNativeDriver:false}).start();};var containerBg=value?theme.colors.background.success:"background.grey300";var iconColor=value?theme.colors.background.success:theme.colors.font.grey500;var Icon=value?_neetoIconsRn.Check:_neetoIconsRn.Close;return _react.default.createElement(_Touchable.Touchable,{bg:containerBg,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(75),disabled:disabled,height:(0,_reactNativeSizeMatters.moderateScale)(28),hitSlop:10,justifyContent:"center",opacity:disabled?0.5:1,px:(0,_reactNativeSizeMatters.moderateScale)(5),width:(0,_reactNativeSizeMatters.moderateScale)(50),onPress:function onPress(){return onValueChange(!value);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:{transform:[{translateX:animatedPosition}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:7}},_react.default.createElement(_Container.Container,{alignItems:"center",bg:"background.white",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(10),height:(0,_reactNativeSizeMatters.moderateScale)(16),justifyContent:"center",width:(0,_reactNativeSizeMatters.moderateScale)(16),__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:9}},_react.default.createElement(Icon,{color:iconColor,size:(0,_reactNativeSizeMatters.moderateScale)(16),viewBox:value?"0 0 25 27":"0 0 25 25",__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:11}}))));};ToggleSwitch.propTypes={value:_propTypes.default.bool.isRequired,onValueChange:_propTypes.default.func,disabled:_propTypes.default.bool};
|