@bigbinary/neetoui-rn 2.0.6 → 2.2.0
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.
- package/components/Avatar.js +1 -1
- package/components/BottomSheet.js +1 -1
- package/components/BottomTabBar.js +1 -1
- package/components/Button.js +1 -1
- package/components/ButtonGroup.js +1 -1
- package/components/Card.js +1 -1
- package/components/Carousel.js +1 -1
- package/components/ChatInput/Badge.js +1 -1
- package/components/ChatInput/EmailFields.js +1 -1
- package/components/ChatInput/IconButton.js +1 -1
- package/components/ChatInput/MentionsInputWrapper.js +1 -1
- package/components/CheckBox.js +1 -1
- package/components/Chip.js +1 -1
- package/components/Container.js +1 -1
- package/components/Divider.js +1 -1
- package/components/FAB.js +1 -1
- package/components/FlashList.js +1 -1
- package/components/ListItem.js +1 -1
- package/components/Loader.js +1 -1
- package/components/MultiSelect.js +1 -1
- package/components/NotificationPreferenceList.js +1 -1
- package/components/OnBoarding.js +1 -1
- package/components/OtpInputs.js +1 -1
- package/components/ParentView.js +1 -1
- package/components/Popover.js +1 -1
- package/components/RadioButton.js +1 -1
- package/components/RichTextEditor.js +1 -1
- package/components/SearchBar.js +1 -1
- package/components/SegmentedTopBar/Tab.js +1 -1
- package/components/SegmentedTopBar/index.js +1 -1
- package/components/SocialButton.js +1 -1
- package/components/Toast.js +1 -1
- package/components/TopBar.js +1 -1
- package/components/Touchable.js +1 -1
- package/components/TouchableWithoutFeedback.js +1 -1
- package/components/Typography.js +1 -1
- package/components/index.js +1 -1
- package/package.json +7 -15
- package/components/AnimatedImage.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.MultiSelect=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireWildcard(require("styled-components/native"));var _styledSystem=require("styled-system");var _Alert=require("./Alert");var _BottomSheet=require("./BottomSheet");var _CheckBox=require("./CheckBox");var _Container=require("./Container");var _Loader=require("./Loader");var _excluded=["options","label","value","labelExtractor","valueExtractor","onSelect","deletedValue","isLoading","isSearchable","showCreateOption","labelStyle","containerStyle","inputContainerStyle","dropdownContainerStyle","itemContainerStyle","multiSelectedItemContainerStyle","multiSelectedItemLabelStyle","selectedValue","CreateItemComponent","showCreateOptionLoader","createSearchedOptionLabelStyle","onPressCreateOption","createSearchedOptionContainerStyle","onDonePress","disabled","noResultsLabelContainerStyle","noResultsLabelStyle","noResultsLabel","NoResultsComponent","maxItemSize","moreItemLabelContainerStyle","moreItemLabelStyle","MoreItemComponent","onBackdropPress","searchBarProps","confirmationAlertObj","isRequiredLabel"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/MultiSelect.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 Typography=_native.default.Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.textStyle,_styledSystem.space,_styledSystem.layout,_styledSystem.flexbox,_styledSystem.typography,_styledSystem.color,_styledSystem.position,(0,_styledSystem.system)({textDecoration:{property:"textDecoration",cssProperty:"textDecoration"},textTransform:{property:"textTransform",cssProperty:"textTransform"}}));var MultiSelectItem=function MultiSelectItem(_ref){var label=_ref.label,onUnselect=_ref.onUnselect,multiSelectedItemContainerStyle=_ref.multiSelectedItemContainerStyle,multiSelectedItemLabelStyle=_ref.multiSelectedItemLabelStyle,disabled=_ref.disabled,_ref$confirmationAler=_ref.confirmationAlertObj,confirmationAlertObj=_ref$confirmationAler===void 0?{}:_ref$confirmationAler;var theme=(0,_react.useContext)(_native.ThemeContext);var _confirmationAlertObj=confirmationAlertObj.alertTitle,alertTitle=_confirmationAlertObj===void 0?"Delete tag":_confirmationAlertObj,_confirmationAlertObj2=confirmationAlertObj.alertDescription,alertDescription=_confirmationAlertObj2===void 0?"Are you sure you want to delete tag: "+label+"? This action cannot be undone.":_confirmationAlertObj2,_confirmationAlertObj3=confirmationAlertObj.alertConfirmButtonLabel,alertConfirmButtonLabel=_confirmationAlertObj3===void 0?"Proceed":_confirmationAlertObj3,_confirmationAlertObj4=confirmationAlertObj.showDeleteAlertConfirmation,showDeleteAlertConfirmation=_confirmationAlertObj4===void 0?true:_confirmationAlertObj4;var handleItemUnSelection=function handleItemUnSelection(){showDeleteAlertConfirmation?_Alert.Alert.show({title:alertTitle,description:alertDescription,buttons:[{label:alertConfirmButtonLabel,variant:"danger",onPress:function onPress(){onUnselect();}},{label:"Cancel",onPress:function onPress(){}}]}):onUnselect();};return _react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(12),flexDirection:"row",justifyContent:"space-between",mr:(0,_reactNativeSizeMatters.moderateScale)(4),mt:(0,_reactNativeSizeMatters.moderateScale)(4),px:(0,_reactNativeSizeMatters.moderateScale)(10),py:(0,_reactNativeSizeMatters.moderateScale)(4)},multiSelectedItemContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:5}}),_react.default.createElement(Typography,(0,_extends2.default)({color:"font.grey800",fontFamily:"sf400",fontSize:"s",mr:(0,_reactNativeSizeMatters.moderateScale)(2)},multiSelectedItemLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:7}}),label),!disabled&&_react.default.createElement(_reactNative.TouchableWithoutFeedback,{disabled:disabled,onPress:handleItemUnSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:9}},_react.default.createElement(_neetoIconsRn.Close,{color:theme.colors.font.grey800,size:(0,_reactNativeSizeMatters.moderateScale)(18),viewBox:"0 0 25 20",__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:11}})));};MultiSelectItem.propTypes={label:_propTypes.default.string,onUnselect:_propTypes.default.func,multiSelectedItemContainerStyle:_propTypes.default.object,multiSelectedItemLabelStyle:_propTypes.default.object,disabled:_propTypes.default.bool,confirmationAlertObj:_propTypes.default.object};var AnimatedLabel=_reactNativeReanimated.default.createAnimatedComponent(Typography);var MultiSelect=exports.MultiSelect=function MultiSelect(_ref2){var options=_ref2.options,label=_ref2.label,value=_ref2.value,labelExtractor=_ref2.labelExtractor,valueExtractor=_ref2.valueExtractor,onSelect=_ref2.onSelect,deletedValue=_ref2.deletedValue,isLoading=_ref2.isLoading,isSearchable=_ref2.isSearchable,showCreateOption=_ref2.showCreateOption,labelStyle=_ref2.labelStyle,containerStyle=_ref2.containerStyle,inputContainerStyle=_ref2.inputContainerStyle,dropdownContainerStyle=_ref2.dropdownContainerStyle,itemContainerStyle=_ref2.itemContainerStyle,multiSelectedItemContainerStyle=_ref2.multiSelectedItemContainerStyle,multiSelectedItemLabelStyle=_ref2.multiSelectedItemLabelStyle,selectedValue=_ref2.selectedValue,CreateItemComponent=_ref2.CreateItemComponent,showCreateOptionLoader=_ref2.showCreateOptionLoader,createSearchedOptionLabelStyle=_ref2.createSearchedOptionLabelStyle,onPressCreateOption=_ref2.onPressCreateOption,createSearchedOptionContainerStyle=_ref2.createSearchedOptionContainerStyle,onDonePress=_ref2.onDonePress,disabled=_ref2.disabled,noResultsLabelContainerStyle=_ref2.noResultsLabelContainerStyle,noResultsLabelStyle=_ref2.noResultsLabelStyle,noResultsLabel=_ref2.noResultsLabel,NoResultsComponent=_ref2.NoResultsComponent,maxItemSize=_ref2.maxItemSize,moreItemLabelContainerStyle=_ref2.moreItemLabelContainerStyle,moreItemLabelStyle=_ref2.moreItemLabelStyle,MoreItemComponent=_ref2.MoreItemComponent,onBackdropPress=_ref2.onBackdropPress,searchBarProps=_ref2.searchBarProps,confirmationAlertObj=_ref2.confirmationAlertObj,isRequiredLabel=_ref2.isRequiredLabel,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),showDropdown=_useState2[0],setShowDropdown=_useState2[1];var _useState3=(0,_react.useState)(""),_useState4=(0,_slicedToArray2.default)(_useState3,2),searchQuery=_useState4[0],setSearchQuery=_useState4[1];var dropdownAnimatedHeight=(0,_reactNativeReanimated.useSharedValue)(0);var animatedLabelValue=(0,_reactNativeReanimated.useSharedValue)(0);var formatStr=function formatStr(str){var _str$toLowerCase;return str==null?void 0:(_str$toLowerCase=str.toLowerCase())==null?void 0:_str$toLowerCase.trim();};var filteredOptions=options.filter(function(item,index){var optionValue=valueExtractor(item,index);var isItemAlreadySelected=Boolean(value==null?void 0:value.find(function(selectedItem){return valueExtractor(selectedItem)===optionValue;}));return!isItemAlreadySelected;}).filter(function(item,index){var optionLabel=labelExtractor(item,index);if(searchQuery.length===0)return true;return formatStr(optionLabel).includes(formatStr(searchQuery));});var updatedLabel=isRequiredLabel?label+"*":label;var isOptionsEmpty=!options||(options==null?void 0:options.length)===0;var isSearchedOptionsEmpty=searchQuery.length>0&&filteredOptions.length===0;var emptyOptionsPlaceholderHeight=(0,_reactNativeSizeMatters.moderateScale)(40);var emptySearchedOptionsHeight=(0,_reactNativeSizeMatters.moderateScale)(40);var searchInputHeight=(0,_reactNativeSizeMatters.moderateScale)(35);var multipleOptionsSelected=(value==null?void 0:value.length)>0;var defaultDropdownItemHeight=(itemContainerStyle==null?void 0:itemContainerStyle.height)||(0,_reactNativeSizeMatters.moderateScale)(32);var dropdownHeight=(dropdownContainerStyle==null?void 0:dropdownContainerStyle.height)||(dropdownContainerStyle==null?void 0:dropdownContainerStyle.maxHeight)||defaultDropdownItemHeight*Math.min(filteredOptions==null?void 0:filteredOptions.length,6)+(isSearchable?searchInputHeight+(0,_reactNativeSizeMatters.moderateScale)(10):0)+(isOptionsEmpty&&!(isSearchedOptionsEmpty&&showCreateOption)?emptyOptionsPlaceholderHeight:0)+(isSearchedOptionsEmpty&&showCreateOption?emptySearchedOptionsHeight:0);var getValue=function getValue(item,index){return(item==null?void 0:item.value)||valueExtractor(item,index)||item;};var getLabel=function getLabel(item,index){return(item==null?void 0:item.label)||labelExtractor(item,index)||item;};var handleCheckbox=function handleCheckbox(item){var oldData=(0,_toConsumableArray2.default)(value);var index=value.findIndex(function(data,index){return getValue(data,index)===getValue(item);});if(index===-1){oldData.push(item);}else{oldData.splice(index,1);}onSelect(oldData);};var CheckBoxContent=function CheckBoxContent(_ref3){var onPress=_ref3.onPress,item=_ref3.item,index=_ref3.index;var itemIndex=value.findIndex(function(data,i){return getValue(data,i)===getValue(item,index);});return _react.default.createElement(_CheckBox.CheckBox,{checked:itemIndex!==-1,disabled:disabled,label:(item==null?void 0:item.label)||labelExtractor(item,index)||item,onSelect:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:292,columnNumber:7}});};var handleOpenDropdown=function handleOpenDropdown(){_reactNative.Keyboard.dismiss();setSearchQuery("");if(!showDropdown){setShowDropdown(true);}if(showDropdown){dropdownAnimatedHeight.value=0;}};var handleUnSelection=function handleUnSelection(item){var newValue=value.filter(function(selectedItem){return valueExtractor(selectedItem)!==valueExtractor(item);});onSelect(newValue);deletedValue(item);};(0,_react.useEffect)(function(){animatedLabelValue.value=(0,_reactNativeReanimated.withTiming)(value.length||showDropdown?1:0,{duration:250});},[value,showDropdown]);(0,_react.useEffect)(function(){if(showDropdown){dropdownAnimatedHeight.value=dropdownHeight;}},[showDropdown,dropdownHeight]);CheckBoxContent.propTypes={onPress:_propTypes.default.func,item:_propTypes.default.object,index:_propTypes.default.number};var animatedStyles=(0,_reactNativeReanimated.useAnimatedStyle)(function(){return{top:(0,_reactNativeReanimated.interpolate)(animatedLabelValue.value,[0,1],[7,-5]),fontSize:(0,_reactNativeReanimated.interpolate)(animatedLabelValue.value,[0,1],[17,13])};});var OpenCloseIcon=showDropdown?_neetoIconsRn.Up:_neetoIconsRn.Down;return _react.default.createElement(_Container.Container,(0,_extends2.default)({},containerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:350,columnNumber:5}}),_react.default.createElement(_reactNative.TouchableWithoutFeedback,{disabled:isLoading,onPress:handleOpenDropdown,__self:_this,__source:{fileName:_jsxFileName,lineNumber:351,columnNumber:7}},_react.default.createElement(_Container.Container,(0,_extends2.default)({borderColor:showDropdown?"border.base":"border.grey400",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(12),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),minHeight:(0,_reactNativeSizeMatters.moderateScale)(58),p:(0,_reactNativeSizeMatters.moderateScale)(10),pr:(0,_reactNativeSizeMatters.moderateScale)(8),pt:(0,_reactNativeSizeMatters.moderateScale)(12)},inputContainerStyle,rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:355,columnNumber:9}}),_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:366,columnNumber:11}},_react.default.createElement(AnimatedLabel,{color:"font.grey600",position:"absolute",zIndex:1,style:[animatedStyles,(0,_extends2.default)({marginLeft:(0,_reactNativeSizeMatters.moderateScale)(2)},labelStyle)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:371,columnNumber:13}},updatedLabel),!multipleOptionsSelected&&_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:382,columnNumber:42}}),multipleOptionsSelected&&_react.default.createElement(_Container.Container,{flexDirection:"row",flexWrap:"wrap",maxWidth:"85%",mt:(0,_reactNativeSizeMatters.moderateScale)(16),onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:384,columnNumber:15}},value==null?void 0:value.slice(0,maxItemSize).map(function(item,index){return _react.default.createElement(MultiSelectItem,{confirmationAlertObj:confirmationAlertObj,disabled:disabled,key:index,label:getLabel(item),multiSelectedItemLabelStyle:multiSelectedItemLabelStyle,multiSelectedItemContainerStyle:multiSelectedItemContainerStyle,onUnselect:function onUnselect(){return handleUnSelection(item);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:392,columnNumber:19}});}),(value==null?void 0:value.length)>maxItemSize&&(!MoreItemComponent?_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(12),flexDirection:"row",justifyContent:"space-between",mr:(0,_reactNativeSizeMatters.moderateScale)(4),mt:(0,_reactNativeSizeMatters.moderateScale)(4),px:(0,_reactNativeSizeMatters.moderateScale)(10),py:(0,_reactNativeSizeMatters.moderateScale)(4)},moreItemLabelContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:406,columnNumber:21}}),_react.default.createElement(Typography,(0,_extends2.default)({},moreItemLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:418,columnNumber:23}}),"+",(value==null?void 0:value.length)-maxItemSize," More")):_react.default.createElement(MoreItemComponent,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:423,columnNumber:21}}))),_react.default.createElement(_Container.Container,{mt:(0,_reactNativeSizeMatters.moderateScale)(10),__self:_this,__source:{fileName:_jsxFileName,lineNumber:427,columnNumber:13}},isLoading?_react.default.createElement(_Loader.Loader,{color:theme.colors.background.base,__self:_this,__source:{fileName:_jsxFileName,lineNumber:429,columnNumber:17}}):_react.default.createElement(OpenCloseIcon,{color:theme.colors.background.grey800,size:(0,_reactNativeSizeMatters.moderateScale)(20),__self:_this,__source:{fileName:_jsxFileName,lineNumber:431,columnNumber:17}}))))),_react.default.createElement(_BottomSheet.BottomSheet,{ContentRow:CheckBoxContent,CreateItemComponent:CreateItemComponent,NoResultsComponent:NoResultsComponent,canSearch:isSearchable,contentType:"checkbox",createSearchedOptionContainerStyle:createSearchedOptionContainerStyle,createSearchedOptionLabelStyle:createSearchedOptionLabelStyle,data:options,disabled:disabled,hide:function hide(){return setShowDropdown(false);},isVisible:showDropdown,labelExtractor:labelExtractor,noResultsLabel:noResultsLabel,noResultsLabelContainerStyle:noResultsLabelContainerStyle,noResultsLabelStyle:noResultsLabelStyle,searchBarProps:searchBarProps,showCreateOption:showCreateOption,showCreateOptionLoader:showCreateOptionLoader,title:label,valueExtractor:valueExtractor,onBackdropPress:onBackdropPress,onDonePress:onDonePress,onPressCreateOption:onPressCreateOption,onItemPress:function onItemPress(_ref4){var item=_ref4.item;handleCheckbox(item);selectedValue(item);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:440,columnNumber:7}}));};MultiSelect.propTypes={label:_propTypes.default.string,options:_propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string),_propTypes.default.arrayOf(_propTypes.default.object)]),labelExtractor:_propTypes.default.func,valueExtractor:_propTypes.default.func,value:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.array]),onSelect:_propTypes.default.func,selectedValue:_propTypes.default.func,deletedValue:_propTypes.default.func,isLoading:_propTypes.default.bool,isSearchable:_propTypes.default.bool,onDonePress:_propTypes.default.func,showCreateOption:_propTypes.default.bool,showCreateOptionLoader:_propTypes.default.bool,onPressCreateOption:_propTypes.default.func,labelStyle:_propTypes.default.object,containerStyle:_propTypes.default.object,inputContainerStyle:_propTypes.default.object,dropdownContainerStyle:_propTypes.default.object,itemContainerStyle:_propTypes.default.object,multiSelectedItemContainerStyle:_propTypes.default.object,multiSelectedItemLabelStyle:_propTypes.default.object,confirmationAlertObj:_propTypes.default.object,createSearchedOptionContainerStyle:_propTypes.default.object,createSearchedOptionLabelStyle:_propTypes.default.object,CreateItemComponent:_propTypes.default.func,disabled:_propTypes.default.bool,noResultsLabelContainerStyle:_propTypes.default.object,noResultsLabelStyle:_propTypes.default.object,noResultsLabel:_propTypes.default.string,NoResultsComponent:_propTypes.default.node,maxItemSize:_propTypes.default.number,moreItemLabelContainerStyle:_propTypes.default.object,moreItemLabelStyle:_propTypes.default.object,MoreItemComponent:_propTypes.default.node,onBackdropPress:_propTypes.default.func,searchBarProps:_propTypes.default.object,isRequiredLabel:_propTypes.default.bool};MultiSelect.defaultProps={label:null,labelExtractor:function labelExtractor(option){return option==null?void 0:option.label;},valueExtractor:function valueExtractor(option){return option==null?void 0:option.value;},value:null,onSelect:function onSelect(){},selectedValue:function selectedValue(){},deletedValue:function deletedValue(){},isLoading:false,isSearchable:false,showCreateOption:false,showCreateOptionLoader:false,onPressCreateOption:function onPressCreateOption(){},onDonePress:function onDonePress(){},maxItemSize:5,onBackdropPress:function onBackdropPress(){},searchBarProps:{},confirmationAlertObj:{},isRequiredLabel:false};
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.MultiSelect=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireWildcard(require("styled-components/native"));var _styledSystem=require("styled-system");var _Alert=require("./Alert");var _BottomSheet=require("./BottomSheet");var _CheckBox=require("./CheckBox");var _Container=require("./Container");var _Loader=require("./Loader");var _excluded=["options","label","value","labelExtractor","valueExtractor","onSelect","deletedValue","isLoading","isSearchable","showCreateOption","labelStyle","containerStyle","inputContainerStyle","dropdownContainerStyle","itemContainerStyle","multiSelectedItemContainerStyle","multiSelectedItemLabelStyle","selectedValue","CreateItemComponent","showCreateOptionLoader","createSearchedOptionLabelStyle","onPressCreateOption","createSearchedOptionContainerStyle","onDonePress","disabled","noResultsLabelContainerStyle","noResultsLabelStyle","noResultsLabel","NoResultsComponent","maxItemSize","moreItemLabelContainerStyle","moreItemLabelStyle","MoreItemComponent","onBackdropPress","searchBarProps","confirmationAlertObj","isRequiredLabel"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/MultiSelect.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 Typography=_native.default.Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.textStyle,_styledSystem.space,_styledSystem.layout,_styledSystem.flexbox,_styledSystem.typography,_styledSystem.color,_styledSystem.position,(0,_styledSystem.system)({textDecoration:{property:"textDecoration",cssProperty:"textDecoration"},textTransform:{property:"textTransform",cssProperty:"textTransform"}}));var MultiSelectItem=function MultiSelectItem(_ref){var label=_ref.label,onUnselect=_ref.onUnselect,multiSelectedItemContainerStyle=_ref.multiSelectedItemContainerStyle,multiSelectedItemLabelStyle=_ref.multiSelectedItemLabelStyle,disabled=_ref.disabled,_ref$confirmationAler=_ref.confirmationAlertObj,confirmationAlertObj=_ref$confirmationAler===void 0?{}:_ref$confirmationAler;var theme=(0,_react.useContext)(_native.ThemeContext);var _confirmationAlertObj=confirmationAlertObj.alertTitle,alertTitle=_confirmationAlertObj===void 0?"Delete tag":_confirmationAlertObj,_confirmationAlertObj2=confirmationAlertObj.alertDescription,alertDescription=_confirmationAlertObj2===void 0?"Are you sure you want to delete tag: "+label+"? This action cannot be undone.":_confirmationAlertObj2,_confirmationAlertObj3=confirmationAlertObj.alertConfirmButtonLabel,alertConfirmButtonLabel=_confirmationAlertObj3===void 0?"Proceed":_confirmationAlertObj3,_confirmationAlertObj4=confirmationAlertObj.showDeleteAlertConfirmation,showDeleteAlertConfirmation=_confirmationAlertObj4===void 0?true:_confirmationAlertObj4;var handleItemUnSelection=function handleItemUnSelection(){showDeleteAlertConfirmation?_Alert.Alert.show({title:alertTitle,description:alertDescription,buttons:[{label:alertConfirmButtonLabel,variant:"danger",onPress:function onPress(){onUnselect();}},{label:"Cancel",onPress:function onPress(){}}]}):onUnselect();};return _react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(12),flexDirection:"row",justifyContent:"space-between",mr:(0,_reactNativeSizeMatters.moderateScale)(4),mt:(0,_reactNativeSizeMatters.moderateScale)(4),px:(0,_reactNativeSizeMatters.moderateScale)(10),py:(0,_reactNativeSizeMatters.moderateScale)(4)},multiSelectedItemContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:5}}),_react.default.createElement(Typography,(0,_extends2.default)({color:"font.grey800",fontFamily:"sf400",fontSize:"s",mr:(0,_reactNativeSizeMatters.moderateScale)(2)},multiSelectedItemLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:7}}),label),!disabled&&_react.default.createElement(_reactNative.TouchableWithoutFeedback,{disabled:disabled,onPress:handleItemUnSelection,__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:9}},_react.default.createElement(_neetoIconsRn.Close,{color:theme.colors.font.grey800,size:(0,_reactNativeSizeMatters.moderateScale)(18),viewBox:"0 0 25 20",__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:11}})));};MultiSelectItem.propTypes={label:_propTypes.default.string,onUnselect:_propTypes.default.func,multiSelectedItemContainerStyle:_propTypes.default.object,multiSelectedItemLabelStyle:_propTypes.default.object,disabled:_propTypes.default.bool,confirmationAlertObj:_propTypes.default.object};var AnimatedLabel=_reactNativeReanimated.default.createAnimatedComponent(Typography);var MultiSelect=exports.MultiSelect=function MultiSelect(_ref2){var options=_ref2.options,_ref2$label=_ref2.label,label=_ref2$label===void 0?null:_ref2$label,_ref2$value=_ref2.value,value=_ref2$value===void 0?null:_ref2$value,_ref2$labelExtractor=_ref2.labelExtractor,labelExtractor=_ref2$labelExtractor===void 0?function(option){return option==null?void 0:option.label;}:_ref2$labelExtractor,_ref2$valueExtractor=_ref2.valueExtractor,valueExtractor=_ref2$valueExtractor===void 0?function(option){return option==null?void 0:option.value;}:_ref2$valueExtractor,_ref2$onSelect=_ref2.onSelect,onSelect=_ref2$onSelect===void 0?function(){}:_ref2$onSelect,_ref2$deletedValue=_ref2.deletedValue,deletedValue=_ref2$deletedValue===void 0?function(){}:_ref2$deletedValue,_ref2$isLoading=_ref2.isLoading,isLoading=_ref2$isLoading===void 0?false:_ref2$isLoading,_ref2$isSearchable=_ref2.isSearchable,isSearchable=_ref2$isSearchable===void 0?false:_ref2$isSearchable,_ref2$showCreateOptio=_ref2.showCreateOption,showCreateOption=_ref2$showCreateOptio===void 0?false:_ref2$showCreateOptio,labelStyle=_ref2.labelStyle,containerStyle=_ref2.containerStyle,inputContainerStyle=_ref2.inputContainerStyle,dropdownContainerStyle=_ref2.dropdownContainerStyle,itemContainerStyle=_ref2.itemContainerStyle,multiSelectedItemContainerStyle=_ref2.multiSelectedItemContainerStyle,multiSelectedItemLabelStyle=_ref2.multiSelectedItemLabelStyle,_ref2$selectedValue=_ref2.selectedValue,selectedValue=_ref2$selectedValue===void 0?function(){}:_ref2$selectedValue,CreateItemComponent=_ref2.CreateItemComponent,_ref2$showCreateOptio2=_ref2.showCreateOptionLoader,showCreateOptionLoader=_ref2$showCreateOptio2===void 0?false:_ref2$showCreateOptio2,createSearchedOptionLabelStyle=_ref2.createSearchedOptionLabelStyle,_ref2$onPressCreateOp=_ref2.onPressCreateOption,onPressCreateOption=_ref2$onPressCreateOp===void 0?function(){}:_ref2$onPressCreateOp,createSearchedOptionContainerStyle=_ref2.createSearchedOptionContainerStyle,_ref2$onDonePress=_ref2.onDonePress,onDonePress=_ref2$onDonePress===void 0?function(){}:_ref2$onDonePress,disabled=_ref2.disabled,noResultsLabelContainerStyle=_ref2.noResultsLabelContainerStyle,noResultsLabelStyle=_ref2.noResultsLabelStyle,noResultsLabel=_ref2.noResultsLabel,NoResultsComponent=_ref2.NoResultsComponent,_ref2$maxItemSize=_ref2.maxItemSize,maxItemSize=_ref2$maxItemSize===void 0?5:_ref2$maxItemSize,moreItemLabelContainerStyle=_ref2.moreItemLabelContainerStyle,moreItemLabelStyle=_ref2.moreItemLabelStyle,MoreItemComponent=_ref2.MoreItemComponent,_ref2$onBackdropPress=_ref2.onBackdropPress,onBackdropPress=_ref2$onBackdropPress===void 0?function(){}:_ref2$onBackdropPress,_ref2$searchBarProps=_ref2.searchBarProps,searchBarProps=_ref2$searchBarProps===void 0?{}:_ref2$searchBarProps,_ref2$confirmationAle=_ref2.confirmationAlertObj,confirmationAlertObj=_ref2$confirmationAle===void 0?{}:_ref2$confirmationAle,_ref2$isRequiredLabel=_ref2.isRequiredLabel,isRequiredLabel=_ref2$isRequiredLabel===void 0?false:_ref2$isRequiredLabel,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),showDropdown=_useState2[0],setShowDropdown=_useState2[1];var _useState3=(0,_react.useState)(""),_useState4=(0,_slicedToArray2.default)(_useState3,2),searchQuery=_useState4[0],setSearchQuery=_useState4[1];var dropdownAnimatedHeight=(0,_reactNativeReanimated.useSharedValue)(0);var animatedLabelValue=(0,_reactNativeReanimated.useSharedValue)(0);var formatStr=function formatStr(str){var _str$toLowerCase;return str==null?void 0:(_str$toLowerCase=str.toLowerCase())==null?void 0:_str$toLowerCase.trim();};var filteredOptions=options.filter(function(item,index){var optionValue=valueExtractor(item,index);var isItemAlreadySelected=Boolean(value==null?void 0:value.find(function(selectedItem){return valueExtractor(selectedItem)===optionValue;}));return!isItemAlreadySelected;}).filter(function(item,index){var optionLabel=labelExtractor(item,index);if(searchQuery.length===0)return true;return formatStr(optionLabel).includes(formatStr(searchQuery));});var updatedLabel=isRequiredLabel?label+"*":label;var isOptionsEmpty=!options||(options==null?void 0:options.length)===0;var isSearchedOptionsEmpty=searchQuery.length>0&&filteredOptions.length===0;var emptyOptionsPlaceholderHeight=(0,_reactNativeSizeMatters.moderateScale)(40);var emptySearchedOptionsHeight=(0,_reactNativeSizeMatters.moderateScale)(40);var searchInputHeight=(0,_reactNativeSizeMatters.moderateScale)(35);var multipleOptionsSelected=(value==null?void 0:value.length)>0;var defaultDropdownItemHeight=(itemContainerStyle==null?void 0:itemContainerStyle.height)||(0,_reactNativeSizeMatters.moderateScale)(32);var dropdownHeight=(dropdownContainerStyle==null?void 0:dropdownContainerStyle.height)||(dropdownContainerStyle==null?void 0:dropdownContainerStyle.maxHeight)||defaultDropdownItemHeight*Math.min(filteredOptions==null?void 0:filteredOptions.length,6)+(isSearchable?searchInputHeight+(0,_reactNativeSizeMatters.moderateScale)(10):0)+(isOptionsEmpty&&!(isSearchedOptionsEmpty&&showCreateOption)?emptyOptionsPlaceholderHeight:0)+(isSearchedOptionsEmpty&&showCreateOption?emptySearchedOptionsHeight:0);var getValue=function getValue(item,index){return(item==null?void 0:item.value)||valueExtractor(item,index)||item;};var getLabel=function getLabel(item,index){return(item==null?void 0:item.label)||labelExtractor(item,index)||item;};var handleCheckbox=function handleCheckbox(item){var oldData=(0,_toConsumableArray2.default)(value);var index=value.findIndex(function(data,index){return getValue(data,index)===getValue(item);});if(index===-1){oldData.push(item);}else{oldData.splice(index,1);}onSelect(oldData);};var CheckBoxContent=function CheckBoxContent(_ref3){var onPress=_ref3.onPress,item=_ref3.item,index=_ref3.index;var itemIndex=value.findIndex(function(data,i){return getValue(data,i)===getValue(item,index);});return _react.default.createElement(_CheckBox.CheckBox,{checked:itemIndex!==-1,disabled:disabled,label:(item==null?void 0:item.label)||labelExtractor(item,index)||item,onSelect:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:292,columnNumber:7}});};var handleOpenDropdown=function handleOpenDropdown(){_reactNative.Keyboard.dismiss();setSearchQuery("");if(!showDropdown){setShowDropdown(true);}if(showDropdown){dropdownAnimatedHeight.value=0;}};var handleUnSelection=function handleUnSelection(item){var newValue=value.filter(function(selectedItem){return valueExtractor(selectedItem)!==valueExtractor(item);});onSelect(newValue);deletedValue(item);};(0,_react.useEffect)(function(){animatedLabelValue.value=(0,_reactNativeReanimated.withTiming)(value.length||showDropdown?1:0,{duration:250});},[value,showDropdown]);(0,_react.useEffect)(function(){if(showDropdown){dropdownAnimatedHeight.value=dropdownHeight;}},[showDropdown,dropdownHeight]);CheckBoxContent.propTypes={onPress:_propTypes.default.func,item:_propTypes.default.object,index:_propTypes.default.number};var animatedStyles=(0,_reactNativeReanimated.useAnimatedStyle)(function(){return{top:(0,_reactNativeReanimated.interpolate)(animatedLabelValue.value,[0,1],[7,-5]),fontSize:(0,_reactNativeReanimated.interpolate)(animatedLabelValue.value,[0,1],[17,13])};});var OpenCloseIcon=showDropdown?_neetoIconsRn.Up:_neetoIconsRn.Down;return _react.default.createElement(_Container.Container,(0,_extends2.default)({},containerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:350,columnNumber:5}}),_react.default.createElement(_reactNative.TouchableWithoutFeedback,{disabled:isLoading,onPress:handleOpenDropdown,__self:_this,__source:{fileName:_jsxFileName,lineNumber:351,columnNumber:7}},_react.default.createElement(_Container.Container,(0,_extends2.default)({borderColor:showDropdown?"border.base":"border.grey400",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(12),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),minHeight:(0,_reactNativeSizeMatters.moderateScale)(58),p:(0,_reactNativeSizeMatters.moderateScale)(10),pr:(0,_reactNativeSizeMatters.moderateScale)(8),pt:(0,_reactNativeSizeMatters.moderateScale)(12)},inputContainerStyle,rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:355,columnNumber:9}}),_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:366,columnNumber:11}},_react.default.createElement(AnimatedLabel,{color:"font.grey600",position:"absolute",zIndex:1,style:[animatedStyles,(0,_extends2.default)({marginLeft:(0,_reactNativeSizeMatters.moderateScale)(2)},labelStyle)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:371,columnNumber:13}},updatedLabel),!multipleOptionsSelected&&_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:382,columnNumber:42}}),multipleOptionsSelected&&_react.default.createElement(_Container.Container,{flexDirection:"row",flexWrap:"wrap",maxWidth:"85%",mt:(0,_reactNativeSizeMatters.moderateScale)(16),onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:384,columnNumber:15}},value==null?void 0:value.slice(0,maxItemSize).map(function(item,index){return _react.default.createElement(MultiSelectItem,{confirmationAlertObj:confirmationAlertObj,disabled:disabled,key:index,label:getLabel(item),multiSelectedItemLabelStyle:multiSelectedItemLabelStyle,multiSelectedItemContainerStyle:multiSelectedItemContainerStyle,onUnselect:function onUnselect(){return handleUnSelection(item);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:392,columnNumber:19}});}),(value==null?void 0:value.length)>maxItemSize&&(!MoreItemComponent?_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(12),flexDirection:"row",justifyContent:"space-between",mr:(0,_reactNativeSizeMatters.moderateScale)(4),mt:(0,_reactNativeSizeMatters.moderateScale)(4),px:(0,_reactNativeSizeMatters.moderateScale)(10),py:(0,_reactNativeSizeMatters.moderateScale)(4)},moreItemLabelContainerStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:406,columnNumber:21}}),_react.default.createElement(Typography,(0,_extends2.default)({},moreItemLabelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:418,columnNumber:23}}),"+",(value==null?void 0:value.length)-maxItemSize," More")):_react.default.createElement(MoreItemComponent,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:423,columnNumber:21}}))),_react.default.createElement(_Container.Container,{mt:(0,_reactNativeSizeMatters.moderateScale)(10),__self:_this,__source:{fileName:_jsxFileName,lineNumber:427,columnNumber:13}},isLoading?_react.default.createElement(_Loader.Loader,{color:theme.colors.background.base,__self:_this,__source:{fileName:_jsxFileName,lineNumber:429,columnNumber:17}}):_react.default.createElement(OpenCloseIcon,{color:theme.colors.background.grey800,size:(0,_reactNativeSizeMatters.moderateScale)(20),__self:_this,__source:{fileName:_jsxFileName,lineNumber:431,columnNumber:17}}))))),_react.default.createElement(_BottomSheet.BottomSheet,{ContentRow:CheckBoxContent,CreateItemComponent:CreateItemComponent,NoResultsComponent:NoResultsComponent,canSearch:isSearchable,contentType:"checkbox",createSearchedOptionContainerStyle:createSearchedOptionContainerStyle,createSearchedOptionLabelStyle:createSearchedOptionLabelStyle,data:options,disabled:disabled,hide:function hide(){return setShowDropdown(false);},isVisible:showDropdown,labelExtractor:labelExtractor,noResultsLabel:noResultsLabel,noResultsLabelContainerStyle:noResultsLabelContainerStyle,noResultsLabelStyle:noResultsLabelStyle,searchBarProps:searchBarProps,showCreateOption:showCreateOption,showCreateOptionLoader:showCreateOptionLoader,title:label,valueExtractor:valueExtractor,onBackdropPress:onBackdropPress,onDonePress:onDonePress,onPressCreateOption:onPressCreateOption,onItemPress:function onItemPress(_ref4){var item=_ref4.item;handleCheckbox(item);selectedValue(item);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:440,columnNumber:7}}));};MultiSelect.propTypes={label:_propTypes.default.string,options:_propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string),_propTypes.default.arrayOf(_propTypes.default.object)]),labelExtractor:_propTypes.default.func,valueExtractor:_propTypes.default.func,value:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.array]),onSelect:_propTypes.default.func,selectedValue:_propTypes.default.func,deletedValue:_propTypes.default.func,isLoading:_propTypes.default.bool,isSearchable:_propTypes.default.bool,onDonePress:_propTypes.default.func,showCreateOption:_propTypes.default.bool,showCreateOptionLoader:_propTypes.default.bool,onPressCreateOption:_propTypes.default.func,labelStyle:_propTypes.default.object,containerStyle:_propTypes.default.object,inputContainerStyle:_propTypes.default.object,dropdownContainerStyle:_propTypes.default.object,itemContainerStyle:_propTypes.default.object,multiSelectedItemContainerStyle:_propTypes.default.object,multiSelectedItemLabelStyle:_propTypes.default.object,confirmationAlertObj:_propTypes.default.object,createSearchedOptionContainerStyle:_propTypes.default.object,createSearchedOptionLabelStyle:_propTypes.default.object,CreateItemComponent:_propTypes.default.func,disabled:_propTypes.default.bool,noResultsLabelContainerStyle:_propTypes.default.object,noResultsLabelStyle:_propTypes.default.object,noResultsLabel:_propTypes.default.string,NoResultsComponent:_propTypes.default.node,maxItemSize:_propTypes.default.number,moreItemLabelContainerStyle:_propTypes.default.object,moreItemLabelStyle:_propTypes.default.object,MoreItemComponent:_propTypes.default.node,onBackdropPress:_propTypes.default.func,searchBarProps:_propTypes.default.object,isRequiredLabel:_propTypes.default.bool};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NotificationPreferenceList=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NotificationPreferenceList=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _Container=require("./Container");var _Divider=require("./Divider");var _Loader=require("./Loader");var _ToggleSwitch=require("./ToggleSwitch");var _Typography=require("./Typography");var _excluded=["isLoading","data","itemWrapperProps","itemContainerProps","labelContainerProps","labelProps","title","titleProps"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/NotificationPreferenceList.jsx";var lineHeight=(0,_reactNativeSizeMatters.moderateScale)(22);var NotificationPreferenceList=exports.NotificationPreferenceList=function NotificationPreferenceList(_ref){var isLoading=_ref.isLoading,data=_ref.data,itemWrapperProps=_ref.itemWrapperProps,itemContainerProps=_ref.itemContainerProps,labelContainerProps=_ref.labelContainerProps,labelProps=_ref.labelProps,title=_ref.title,titleProps=_ref.titleProps,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);return _react.default.createElement(_Container.Container,{width:"100%",__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:3}},_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",pb:(0,_reactNativeSizeMatters.moderateScale)(8),pt:(0,_reactNativeSizeMatters.moderateScale)(20),__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:5}},!!title&&_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.grey600",fontSize:"m",lineHeight:lineHeight+"px"},titleProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:9}}),title),isLoading&&_react.default.createElement(_Container.Container,{height:lineHeight,justifyContent:"center",mx:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:9}},_react.default.createElement(_Loader.Loader,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}}))),_react.default.createElement(_Container.Container,(0,_extends2.default)({bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8)},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:122,columnNumber:5}}),data==null?void 0:data.map(function(item,index){var label=item.label,enabled=item.enabled,onSwitch=item.onSwitch,LeftIcon=item.LeftIcon;var isLastItem=index===data.length-1;return _react.default.createElement(_Container.Container,(0,_extends2.default)({key:index,px:(0,_reactNativeSizeMatters.moderateScale)(16)},itemWrapperProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:11}}),_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",flexDirection:"row",justifyContent:"space-between",py:(0,_reactNativeSizeMatters.moderateScale)(12)},itemContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:13}}),_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",flex:1,flexDirection:"row"},labelContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:15}}),LeftIcon&&_react.default.createElement(_Container.Container,{mr:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:19}},_react.default.createElement(LeftIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:21}})),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({flex:1,fontSize:"l",mr:(0,_reactNativeSizeMatters.moderateScale)(8)},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:17}}),label)),_react.default.createElement(_ToggleSwitch.ToggleSwitch,{value:enabled,onValueChange:function onValueChange(){return onSwitch(item,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:15}})),!isLastItem&&_react.default.createElement(_Divider.Divider,{bg:"background.grey300",__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:29}}));})));};NotificationPreferenceList.propTypes={data:_propTypes.default.array.isRequired,itemWrapperProps:_propTypes.default.object,itemContainerProps:_propTypes.default.object,labelContainerProps:_propTypes.default.object,labelProps:_propTypes.default.object,title:_propTypes.default.string,titleProps:_propTypes.default.string,isLoading:_propTypes.default.bool};
|
package/components/OnBoarding.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.OnBoarding=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _reactNativeSizeMatters=require("react-native-size-matters");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.OnBoarding=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _reactNativeSizeMatters=require("react-native-size-matters");var _Button=require("./Button");var _Carousel=require("./Carousel");var _Container=require("./Container");var _Typography=require("./Typography");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/OnBoarding.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 OnBoarding=exports.OnBoarding=function OnBoarding(_ref){var AppLogo=_ref.appLogo,slides=_ref.slides,onComplete=_ref.onComplete,_ref$logoWidth=_ref.logoWidth,logoWidth=_ref$logoWidth===void 0?(0,_reactNativeSizeMatters.moderateScale)(150):_ref$logoWidth;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),activeIndex=_useState2[0],setActiveIndex=_useState2[1];var onBoardingRef=(0,_react.useRef)();var _useSafeAreaInsets=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),bottom=_useSafeAreaInsets.bottom;var handleOnPress=function handleOnPress(){if(activeIndex!==slides.length-1){setTimeout(function(){var _onBoardingRef$curren;return(_onBoardingRef$curren=onBoardingRef.current)==null?void 0:_onBoardingRef$curren.snapToNext();},250);setActiveIndex(onBoardingRef.current._activeItem);}else onComplete();};var renderItem=function renderItem(_ref2){var item=_ref2.item;return _react.default.createElement(_Container.Container,{flex:1,justifyContent:"space-between",__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:5}},_react.default.createElement(_Container.Container,{alignItems:"center",flex:1,justifyContent:"center",mx:(0,_reactNativeSizeMatters.moderateScale)(24),my:(0,_reactNativeSizeMatters.moderateScale)(12),__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:7}},item.illustration),_react.default.createElement(_Container.Container,{alignItems:"center",mx:(0,_reactNativeSizeMatters.moderateScale)(24),my:(0,_reactNativeSizeMatters.moderateScale)(12),__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:7}},_react.default.createElement(_Typography.Typography,{color:"font.grey800",fontFamily:"sf700",fontSize:"4xl",textAlign:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:9}},item.title),_react.default.createElement(_Typography.Typography,{color:"font.grey500",fontFamily:"sf400",fontSize:"l",textAlign:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:9}},item.description)));};return _react.default.createElement(_Container.Container,{bg:"background.white",flex:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:5}},_react.default.createElement(_Container.Container,{alignItems:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:7}},_react.default.createElement(AppLogo,{width:logoWidth,__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:9}})),_react.default.createElement(_Container.Container,{alignItems:"center",flex:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:7}},_react.default.createElement(_Carousel.Carousel,{carouselRef:onBoardingRef,itemArray:slides,renderItem:renderItem,onSnapToItem:function onSnapToItem(index){setActiveIndex(index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:110,columnNumber:9}})),_react.default.createElement(_Container.Container,{mb:bottom===0?(0,_reactNativeSizeMatters.moderateScale)(16):0,mx:(0,_reactNativeSizeMatters.moderateScale)(24),__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:7}},_react.default.createElement(_Button.Button,{label:activeIndex!==slides.length-1?"Next":"Get Started",onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:9}})));};OnBoarding.propTypes={appLogo:_propTypes.default.func.isRequired,slides:_propTypes.default.array.isRequired,onComplete:_propTypes.default.func.isRequired,logoWidth:_propTypes.default.number};
|
package/components/OtpInputs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.OtpInputs=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.OtpInputs=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _Container=require("./Container");var _Typography=require("./Typography");var _theme=require("../theme");var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/OtpInputs.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 TextInput=_native.default.TextInput(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.buttonStyle,_styledSystem.typography,_styledSystem.color);var styles={inputStyles:{fontSize:0,backgroundColor:"transparent",color:"transparent",width:"100%",height:"100%",position:"absolute"},defaultContainerStyles:{margin:(0,_reactNativeSizeMatters.moderateScale)(2),borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),backgroundColor:_theme.theme.colors.background.white,justifyContent:"center",alignItems:"center",minHeight:(0,_reactNativeSizeMatters.moderateScale)(42),minWidth:(0,_reactNativeSizeMatters.moderateScale)(42)},defaultTextStyles:{fontSize:_theme.theme.fontSizes.xl,fontFamily:_theme.theme.fonts.sf700}};var OtpInputs=exports.OtpInputs=function OtpInputs(_ref){var _ref$handleChange=_ref.handleChange,handleChange=_ref$handleChange===void 0?function(){}:_ref$handleChange,_ref$numberOfInputs=_ref.numberOfInputs,numberOfInputs=_ref$numberOfInputs===void 0?4:_ref$numberOfInputs,_ref$error=_ref.error,error=_ref$error===void 0?false:_ref$error,_ref$code=_ref.code,code=_ref$code===void 0?"":_ref$code,_ref$containerStyles=_ref.containerStyles,containerStyles=_ref$containerStyles===void 0?{}:_ref$containerStyles,_ref$textStyles=_ref.textStyles,textStyles=_ref$textStyles===void 0?{}:_ref$textStyles;var inputRef=_react.default.useRef();(0,_react.useEffect)(function(){_reactNative.InteractionManager.runAfterInteractions(function(){if(inputRef!=null&&inputRef.current){inputRef.current.focus();}});},[inputRef]);return _react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:5}},_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",justifyContent:"center",onTouchEnd:function onTouchEnd(){_reactNative.Keyboard.dismiss();inputRef&&inputRef.current.focus();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:7}},Array(numberOfInputs).fill().map(function(_number,index){return _react.default.createElement(_Container.Container,(0,_extends2.default)({key:index,borderColor:code.length-1===index?_theme.theme.colors.border.purple500:_theme.theme.colors.border.secondary,borderWidth:code.length-1===index?(0,_reactNativeSizeMatters.moderateScale)(1.5):(0,_reactNativeSizeMatters.moderateScale)(1)},styles.defaultContainerStyles,containerStyles,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:112,columnNumber:13}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({accessibilityLabel:"otp",color:error?_theme.theme.colors.font.danger:_theme.theme.colors.font.purple500},styles.defaultTextStyles,textStyles,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:15}}),code[index]||""));}),_react.default.createElement(TextInput,(0,_extends2.default)({autoFocus:true,keyboardType:"phone-pad",ref:inputRef,selectionColor:"transparent",value:code||"",onChangeText:function onChangeText(value){if(!isNaN(value)){if(value.length<=numberOfInputs){handleChange&&handleChange(value);}if(value.length>=numberOfInputs){return _reactNative.Keyboard.dismiss();}}return null;}},styles.inputStyles,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:9}}))));};OtpInputs.propTypes={code:_propTypes.default.string.isRequired,numberOfInputs:_propTypes.default.number.isRequired,handleChange:_propTypes.default.func.isRequired,error:_propTypes.default.bool,containerStyles:_propTypes.default.object,textStyles:_propTypes.default.object};
|
package/components/ParentView.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ParentView=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _native=require("styled-components/native");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ParentView=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _native=require("styled-components/native");var _Container=require("./Container");var _useKeyboard=require("../hooks/useKeyboard");var _excluded=["barStyle","children","backgroundColor","bg","topInset","rightInset","leftInset","bottomInset","shouldDismissKeyboardOnTap"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/ParentView.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 ParentView=exports.ParentView=function ParentView(_ref){var _ref$barStyle=_ref.barStyle,barStyle=_ref$barStyle===void 0?"light-content":_ref$barStyle,children=_ref.children,backgroundColor=_ref.backgroundColor,bg=_ref.bg,_ref$topInset=_ref.topInset,topInset=_ref$topInset===void 0?true:_ref$topInset,_ref$rightInset=_ref.rightInset,rightInset=_ref$rightInset===void 0?true:_ref$rightInset,_ref$leftInset=_ref.leftInset,leftInset=_ref$leftInset===void 0?true:_ref$leftInset,_ref$bottomInset=_ref.bottomInset,bottomInset=_ref$bottomInset===void 0?true:_ref$bottomInset,_ref$shouldDismissKey=_ref.shouldDismissKeyboardOnTap,shouldDismissKeyboardOnTap=_ref$shouldDismissKey===void 0?true:_ref$shouldDismissKey,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);var keyboardHeight=(0,_useKeyboard.useKeyboard)();var safeAreaViewProps={edges:[].concat((0,_toConsumableArray2.default)(topInset?["top"]:[]),(0,_toConsumableArray2.default)(rightInset?["right"]:[]),(0,_toConsumableArray2.default)(leftInset?["left"]:[]))};var newBackgroundColor=backgroundColor||bg||theme.colors.background.parentView;var statusBarColors={default:theme.colors.background.white,"dark-content":theme.colors.background.white,"light-content":theme.colors.background.base};var statusBarColor=statusBarColors[barStyle]||statusBarColors["default"];var insets=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)();return _react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView,(0,_extends2.default)({flex:1},safeAreaViewProps,{style:{backgroundColor:statusBarColor},__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:5}}),_react.default.createElement(_reactNative.StatusBar,{backgroundColor:statusBarColor,barStyle:barStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:7}}),_react.default.createElement(_Container.Container,(0,_extends2.default)({},shouldDismissKeyboardOnTap?{onTouchStart:function onTouchStart(e){var _e$target,_e$target$_internalFi,_e$target$_internalFi2;if(keyboardHeight&&(e==null?void 0:(_e$target=e.target)==null?void 0:(_e$target$_internalFi=_e$target._internalFiberInstanceHandleDEV)==null?void 0:(_e$target$_internalFi2=_e$target$_internalFi.elementType)==null?void 0:_e$target$_internalFi2.indexOf("TextInput"))===-1){_reactNative.Keyboard.dismiss();}}}:{},{backgroundColor:newBackgroundColor,flex:1},rest,bottomInset&&{pb:insets.bottom},{__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:7}}),children));};ParentView.propTypes={barStyle:_propTypes.default.string,children:_propTypes.default.node,backgroundColor:_propTypes.default.string,bg:_propTypes.default.string,topInset:_propTypes.default.bool,rightInset:_propTypes.default.bool,leftInset:_propTypes.default.bool,bottomInset:_propTypes.default.bool,shouldDismissKeyboardOnTap:_propTypes.default.bool};
|
package/components/Popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TouchableOpacity=exports.Popover=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativePopoverView=_interopRequireDefault(require("react-native-popover-view"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TouchableOpacity=exports.Popover=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativePopoverView=_interopRequireDefault(require("react-native-popover-view"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _Divider=require("./Divider");var _Typography=require("./Typography");var _excluded=["children","data","fontFamily","fontSize"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Popover.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 TouchableOpacity=exports.TouchableOpacity=_native.default.TouchableOpacity(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.space,_styledSystem.border,_styledSystem.color,_styledSystem.flexbox,_styledSystem.layout);var PopOverItem=function PopOverItem(_ref){var item=_ref.item,onPress=_ref.onPress,fontFamily=_ref.fontFamily,fontSize=_ref.fontSize,shouldShowDivider=_ref.shouldShowDivider;var Icon=item.Icon,label=item.label,labelProps=item.labelProps;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(TouchableOpacity,{alignItems:"center",flexDirection:"row",p:(0,_reactNativeSizeMatters.moderateScale)(2),px:(0,_reactNativeSizeMatters.moderateScale)(8),py:(0,_reactNativeSizeMatters.moderateScale)(8),onPress:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}},_react.default.createElement(Icon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:9}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({fontColor:"font.primary",fontFamily:fontFamily,fontSize:fontSize,px:(0,_reactNativeSizeMatters.moderateScale)(2)},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:9}}),label)),shouldShowDivider&&_react.default.createElement(_Divider.Divider,{backgroundColor:"background.grey200",mx:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:9}}));};PopOverItem.propTypes={shouldShowDivider:_propTypes.default.bool,item:_propTypes.default.object,onPress:_propTypes.default.func,fontFamily:_propTypes.default.string,fontSize:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.oneOf(["3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl"])])};var Popover=exports.Popover=function Popover(_ref2){var children=_ref2.children,data=_ref2.data,_ref2$fontFamily=_ref2.fontFamily,fontFamily=_ref2$fontFamily===void 0?null:_ref2$fontFamily,_ref2$fontSize=_ref2.fontSize,fontSize=_ref2$fontSize===void 0?"l":_ref2$fontSize,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var popoverRef=(0,_react.useRef)();var onPressItemRef=(0,_react.useRef)(function(){});return _react.default.createElement(_reactNativePopoverView.default,(0,_extends2.default)({popoverStyle:styles.popoverStyle,ref:popoverRef,onCloseComplete:function onCloseComplete(){return onPressItemRef.current();},onOpenStart:function onOpenStart(){onPressItemRef.current=function(){};}},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:5}}),data==null?void 0:data.map(function(item,index){return _react.default.createElement(PopOverItem,{fontFamily:fontFamily,fontSize:fontSize,item:item,key:index,shouldShowDivider:index!==data.length-1,onPress:function onPress(){var _popoverRef$current;popoverRef==null?void 0:(_popoverRef$current=popoverRef.current)==null?void 0:_popoverRef$current.setState({isVisible:false});onPressItemRef.current=item.onPress;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:182,columnNumber:9}});}),children);};Popover.propTypes={children:_propTypes.default.node,data:_propTypes.default.array,fontFamily:_propTypes.default.string,fontSize:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.oneOf(["xs","s","m","l","xl","xxl"])])};var styles=_reactNative.StyleSheet.create({popoverStyle:{borderRadius:(0,_reactNativeSizeMatters.moderateScale)(10),padding:(0,_reactNativeSizeMatters.moderateScale)(5)}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.RadioButton=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));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 _Touchable=require("./Touchable");var _Typography=require("./Typography");var _excluded=["selected","onSelect","disabled","label","selectIconStyle","labelStyle"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/RadioButton.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 RadioButton=exports.RadioButton=function RadioButton(_ref){var selected=_ref.selected,onSelect=_ref.onSelect,disabled=_ref.disabled,label=_ref.label,selectIconStyle=_ref.selectIconStyle,labelStyle=_ref.labelStyle,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);var disabledProps={borderColor:theme.colors.border.secondary,labelProps:{color:theme.colors.font.grey400}};var selectedProps={borderWidth:(0,_reactNativeSizeMatters.moderateScale)(4),borderColor:theme.colors.background.base,labelProps:{fontFamily:theme.fonts.sf500,color:theme.colors.font.primary}};var unselectedProps={borderWidth:(0,_reactNativeSizeMatters.moderateScale)(2),borderColor:theme.colors.border.secondary,labelProps:{fontFamily:theme.fonts.sf400,color:theme.colors.font.secondary}};var Icon=selected?_neetoIconsRn.Radio:_neetoIconsRn.RadioInactive;return _react.default.createElement(_Touchable.Touchable,(0,_extends2.default)({alignItems:"center",disabled:disabled,flexDirection:"row",py:(0,_reactNativeSizeMatters.moderateScale)(8),onPress:onSelect},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:5}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.primary",flex:1,fontSize:"m",lineHeight:(0,_reactNativeSizeMatters.moderateScale)(22)+"px"},selected&&selectedProps.labelProps,!selected&&unselectedProps.labelProps,disabled&&disabledProps.labelProps,labelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:7}}),label),_react.default.createElement(Icon,(0,_extends2.default)({color:theme.colors.font.primary,size:(0,_reactNativeSizeMatters.moderateScale)(22)},selectIconStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:7}})));};RadioButton.propTypes={selected:_propTypes.default.bool.isRequired,onSelect:_propTypes.default.func.isRequired,disabled:_propTypes.default.bool,label:_propTypes.default.string,selectIconStyle:_propTypes.default.object,labelStyle:_propTypes.default.object};
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.RadioButton=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));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 _Touchable=require("./Touchable");var _Typography=require("./Typography");var _excluded=["selected","onSelect","disabled","label","selectIconStyle","labelStyle"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/RadioButton.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 RadioButton=exports.RadioButton=function RadioButton(_ref){var _ref$selected=_ref.selected,selected=_ref$selected===void 0?false:_ref$selected,_ref$onSelect=_ref.onSelect,onSelect=_ref$onSelect===void 0?function(){}:_ref$onSelect,disabled=_ref.disabled,label=_ref.label,selectIconStyle=_ref.selectIconStyle,labelStyle=_ref.labelStyle,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);var disabledProps={borderColor:theme.colors.border.secondary,labelProps:{color:theme.colors.font.grey400}};var selectedProps={borderWidth:(0,_reactNativeSizeMatters.moderateScale)(4),borderColor:theme.colors.background.base,labelProps:{fontFamily:theme.fonts.sf500,color:theme.colors.font.primary}};var unselectedProps={borderWidth:(0,_reactNativeSizeMatters.moderateScale)(2),borderColor:theme.colors.border.secondary,labelProps:{fontFamily:theme.fonts.sf400,color:theme.colors.font.secondary}};var Icon=selected?_neetoIconsRn.Radio:_neetoIconsRn.RadioInactive;return _react.default.createElement(_Touchable.Touchable,(0,_extends2.default)({alignItems:"center",disabled:disabled,flexDirection:"row",py:(0,_reactNativeSizeMatters.moderateScale)(8),onPress:onSelect},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:5}}),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:"font.primary",flex:1,fontSize:"m",lineHeight:(0,_reactNativeSizeMatters.moderateScale)(22)+"px"},selected&&selectedProps.labelProps,!selected&&unselectedProps.labelProps,disabled&&disabledProps.labelProps,labelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:7}}),label),_react.default.createElement(Icon,(0,_extends2.default)({color:theme.colors.font.primary,size:(0,_reactNativeSizeMatters.moderateScale)(22)},selectIconStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:7}})));};RadioButton.propTypes={selected:_propTypes.default.bool.isRequired,onSelect:_propTypes.default.func.isRequired,disabled:_propTypes.default.bool,label:_propTypes.default.string,selectIconStyle:_propTypes.default.object,labelStyle:_propTypes.default.object};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ScrollView=exports.RichTextEditor=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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativePellRichEditor=require("react-native-pell-rich-editor");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _hooks=require("../hooks");var _Container=_interopRequireDefault(require("./Container"));var _excluded=["onChange","placeholderText","children","toolbarActions","editorProps","toolBarProps","richTextRef"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/RichTextEditor.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 ScrollView=exports.ScrollView=_native.default.ScrollView.attrs(function(){return{keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:true,showsHorizontalScrollIndicator:false,contentContainerStyle:{flexGrow:1}};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n"])),_styledSystem.space,_styledSystem.flexbox,_styledSystem.border,_styledSystem.layout);var RichTextEditor=exports.RichTextEditor=function RichTextEditor(_ref){var onChange=_ref.onChange,placeholderText=_ref.placeholderText,children=_ref.children,toolbarActions=_ref.toolbarActions,editorProps=_ref.editorProps,toolBarProps=_ref.toolBarProps,externalRichTextRef=_ref.richTextRef,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var internalRichTextRef=(0,_react.useRef)();var keyboardHeight=(0,_hooks.useKeyboard)();var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),toolbarVisible=_useState2[0],setToolbarVisible=_useState2[1];var showToolbar=keyboardHeight>0&&toolbarVisible;var richTextRef=externalRichTextRef||internalRichTextRef;var computeToolbarActions=function computeToolbarActions(){var actionItems=[];toolbarActions==null?void 0:toolbarActions.map(function(actionItem){actionItems.push(_reactNativePellRichEditor.actions[actionItem]);});return actionItems;};return _react.default.createElement(ScrollView,(0,_extends2.default)({},rest==null?void 0:rest.editorWrapperStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:5}}),showToolbar&&_react.default.createElement(_Container.default,(0,_extends2.default)({width:"100%"},rest==null?void 0:rest.toolbarWrapperStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:9}}),_react.default.createElement(_reactNativePellRichEditor.RichToolbar,(0,_extends2.default)({actions:computeToolbarActions(),editor:richTextRef},toolBarProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:11}}))),_react.default.createElement(_reactNativePellRichEditor.RichEditor,(0,_extends2.default)({androidLayerType:"software",autoCapitalize:"sentences",placeholder:placeholderText,ref:richTextRef,useContainer:false,onChange:onChange,onBlur:function onBlur(){setToolbarVisible(false);editorProps==null?void 0:editorProps.onBlurFn==null?void 0:editorProps.onBlurFn();},onFocus:function onFocus(){setToolbarVisible(true);editorProps==null?void 0:editorProps.onFocusFn==null?void 0:editorProps.onFocusFn();}},editorProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:7}})),children);};RichTextEditor.
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ScrollView=exports.RichTextEditor=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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativePellRichEditor=require("react-native-pell-rich-editor");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _hooks=require("../hooks");var _Container=_interopRequireDefault(require("./Container"));var _excluded=["onChange","placeholderText","children","toolbarActions","editorProps","toolBarProps","richTextRef"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/RichTextEditor.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 ScrollView=exports.ScrollView=_native.default.ScrollView.attrs(function(){return{keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:true,showsHorizontalScrollIndicator:false,contentContainerStyle:{flexGrow:1}};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n"])),_styledSystem.space,_styledSystem.flexbox,_styledSystem.border,_styledSystem.layout);var RichTextEditor=exports.RichTextEditor=function RichTextEditor(_ref){var onChange=_ref.onChange,_ref$placeholderText=_ref.placeholderText,placeholderText=_ref$placeholderText===void 0?"Type here...":_ref$placeholderText,children=_ref.children,toolbarActions=_ref.toolbarActions,_ref$editorProps=_ref.editorProps,editorProps=_ref$editorProps===void 0?{}:_ref$editorProps,_ref$toolBarProps=_ref.toolBarProps,toolBarProps=_ref$toolBarProps===void 0?{}:_ref$toolBarProps,externalRichTextRef=_ref.richTextRef,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var internalRichTextRef=(0,_react.useRef)();var keyboardHeight=(0,_hooks.useKeyboard)();var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),toolbarVisible=_useState2[0],setToolbarVisible=_useState2[1];var showToolbar=keyboardHeight>0&&toolbarVisible;var richTextRef=externalRichTextRef||internalRichTextRef;var computeToolbarActions=function computeToolbarActions(){var actionItems=[];toolbarActions==null?void 0:toolbarActions.map(function(actionItem){actionItems.push(_reactNativePellRichEditor.actions[actionItem]);});return actionItems;};return _react.default.createElement(ScrollView,(0,_extends2.default)({},rest==null?void 0:rest.editorWrapperStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:5}}),showToolbar&&_react.default.createElement(_Container.default,(0,_extends2.default)({width:"100%"},rest==null?void 0:rest.toolbarWrapperStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:9}}),_react.default.createElement(_reactNativePellRichEditor.RichToolbar,(0,_extends2.default)({actions:computeToolbarActions(),editor:richTextRef},toolBarProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:11}}))),_react.default.createElement(_reactNativePellRichEditor.RichEditor,(0,_extends2.default)({androidLayerType:"software",autoCapitalize:"sentences",placeholder:placeholderText,ref:richTextRef,useContainer:false,onChange:onChange,onBlur:function onBlur(){setToolbarVisible(false);editorProps==null?void 0:editorProps.onBlurFn==null?void 0:editorProps.onBlurFn();},onFocus:function onFocus(){setToolbarVisible(true);editorProps==null?void 0:editorProps.onFocusFn==null?void 0:editorProps.onFocusFn();}},editorProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:7}})),children);};RichTextEditor.propTypes={onChange:_propTypes.default.func.isRequired,children:_propTypes.default.node,placeholderText:_propTypes.default.string,toolbarActions:_propTypes.default.array.isRequired,editorProps:_propTypes.default.object,toolBarProps:_propTypes.default.object,editorWrapperStyle:_propTypes.default.object,toolbarWrapperStyle:_propTypes.default.object,richTextRef:_propTypes.default.object};
|
package/components/SearchBar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SearchBar=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeReanimated=require("react-native-reanimated");var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _hooks=require("../hooks");var _theme=require("../theme");var _Container=require("./Container");var _Touchable=require("./Touchable");var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/SearchBar.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 TextInput=_native.default.TextInput(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.buttonStyle,_styledSystem.typography,_styledSystem.color);var SearchBar=exports.SearchBar=function SearchBar(_ref){var _ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?"Search":_ref$placeholder,_ref$onChangeText=_ref.onChangeText,onChangeText=_ref$onChangeText===void 0?function(){}:_ref$onChangeText,_ref$onCancel=_ref.onCancel,onCancel=_ref$onCancel===void 0?function(){}:_ref$onCancel,_ref$debounceDelay=_ref.debounceDelay,debounceDelay=_ref$debounceDelay===void 0?1000:_ref$debounceDelay,_ref$showCancelButton=_ref.showCancelButton,showCancelButton=_ref$showCancelButton===void 0?true:_ref$showCancelButton,containerProps=_ref.containerProps,searchbarProps=_ref.searchbarProps;var inputRef=(0,_react.useRef)();var _useState=(0,_react.useState)(""),_useState2=(0,_slicedToArray2.default)(_useState,2),searchText=_useState2[0],setSearchText=_useState2[1];var debouncedSearchTextValue=(0,_hooks.useDebounce)(searchText.trim(),Number(debounceDelay));var buttonWidth=(0,_reactNativeReanimated.useSharedValue)(0);var buttonOpacity=(0,_reactNativeReanimated.useSharedValue)(0);(0,_react.useEffect)(function(){onChangeText(debouncedSearchTextValue);},[debouncedSearchTextValue,onChangeText]);var animateSearchInput=function animateSearchInput(val){buttonWidth.value=(0,_reactNativeReanimated.withTiming)(val,{easing:_reactNativeReanimated.Easing.linear,duration:200});buttonOpacity.value=(0,_reactNativeReanimated.withTiming)(val,{easing:_reactNativeReanimated.Easing.linear,duration:100});};var onCancelHandle=function onCancelHandle(){setSearchText("");inputRef.current.blur();onCancel();};return _react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:5}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){var _inputRef$current;if(!(inputRef!=null&&(_inputRef$current=inputRef.current)!=null&&_inputRef$current.isFocused())){var _inputRef$current2;inputRef==null?void 0:(_inputRef$current2=inputRef.current)==null?void 0:_inputRef$current2.focus();}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:7}},_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",borderColor:_theme.theme.colors.border.grey400,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),flex:1,flexDirection:"row",height:(0,_reactNativeSizeMatters.moderateScale)(42)},containerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:9}}),_react.default.createElement(_Container.Container,{px:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:11}},_react.default.createElement(_neetoIconsRn.Search,{color:_theme.theme.colors.font.grey600,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:13}})),_react.default.createElement(TextInput,(0,_extends2.default)({autoCapitalize:"none",color:"font.primary",flex:1,fontSize:(0,_reactNativeSizeMatters.moderateScale)(16),padding:0,placeholder:placeholder,placeholderTextColor:_theme.theme.colors.font.grey600,ref:inputRef,returnKeyType:"search",value:searchText,onChangeText:setSearchText,onBlur:function onBlur(){if(!searchText)animateSearchInput(0);},onFocus:function onFocus(){animateSearchInput(1);}},searchbarProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:11}})),showCancelButton&&
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SearchBar=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeReanimated=require("react-native-reanimated");var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _hooks=require("../hooks");var _theme=require("../theme");var _Container=require("./Container");var _Touchable=require("./Touchable");var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/SearchBar.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 TextInput=_native.default.TextInput(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.buttonStyle,_styledSystem.typography,_styledSystem.color);var SearchBar=exports.SearchBar=function SearchBar(_ref){var _ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?"Search":_ref$placeholder,_ref$onChangeText=_ref.onChangeText,onChangeText=_ref$onChangeText===void 0?function(){}:_ref$onChangeText,_ref$onCancel=_ref.onCancel,onCancel=_ref$onCancel===void 0?function(){}:_ref$onCancel,_ref$debounceDelay=_ref.debounceDelay,debounceDelay=_ref$debounceDelay===void 0?1000:_ref$debounceDelay,_ref$showCancelButton=_ref.showCancelButton,showCancelButton=_ref$showCancelButton===void 0?true:_ref$showCancelButton,containerProps=_ref.containerProps,searchbarProps=_ref.searchbarProps;var inputRef=(0,_react.useRef)();var _useState=(0,_react.useState)(""),_useState2=(0,_slicedToArray2.default)(_useState,2),searchText=_useState2[0],setSearchText=_useState2[1];var debouncedSearchTextValue=(0,_hooks.useDebounce)(searchText.trim(),Number(debounceDelay));var buttonWidth=(0,_reactNativeReanimated.useSharedValue)(0);var buttonOpacity=(0,_reactNativeReanimated.useSharedValue)(0);(0,_react.useEffect)(function(){onChangeText(debouncedSearchTextValue);},[debouncedSearchTextValue,onChangeText]);var animateSearchInput=function animateSearchInput(val){buttonWidth.value=(0,_reactNativeReanimated.withTiming)(val,{easing:_reactNativeReanimated.Easing.linear,duration:200});buttonOpacity.value=(0,_reactNativeReanimated.withTiming)(val,{easing:_reactNativeReanimated.Easing.linear,duration:100});};var onCancelHandle=function onCancelHandle(){setSearchText("");inputRef.current.blur();onCancel();};return _react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:5}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){var _inputRef$current;if(!(inputRef!=null&&(_inputRef$current=inputRef.current)!=null&&_inputRef$current.isFocused())){var _inputRef$current2;inputRef==null?void 0:(_inputRef$current2=inputRef.current)==null?void 0:_inputRef$current2.focus();}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:7}},_react.default.createElement(_Container.Container,(0,_extends2.default)({alignItems:"center",borderColor:_theme.theme.colors.border.grey400,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),flex:1,flexDirection:"row",height:(0,_reactNativeSizeMatters.moderateScale)(42)},containerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:9}}),_react.default.createElement(_Container.Container,{px:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:11}},_react.default.createElement(_neetoIconsRn.Search,{color:_theme.theme.colors.font.grey600,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:13}})),_react.default.createElement(TextInput,(0,_extends2.default)({autoCapitalize:"none",color:"font.primary",flex:1,fontSize:(0,_reactNativeSizeMatters.moderateScale)(16),padding:0,placeholder:placeholder,placeholderTextColor:_theme.theme.colors.font.grey600,ref:inputRef,returnKeyType:"search",value:searchText,onChangeText:setSearchText,onBlur:function onBlur(){if(!searchText)animateSearchInput(0);},onFocus:function onFocus(){animateSearchInput(1);}},searchbarProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:11}})),showCancelButton&&_react.default.createElement(_Container.Container,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:13}},_react.default.createElement(_Touchable.Touchable,{flexGrow:1,height:(0,_reactNativeSizeMatters.moderateScale)(42),justifyContent:"center",px:(0,_reactNativeSizeMatters.moderateScale)(8),onPress:onCancelHandle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:15}},_react.default.createElement(_neetoIconsRn.Close,{color:_theme.theme.colors.font.grey600,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:17}}))))));};SearchBar.propTypes={placeholder:_propTypes.default.string,onChangeText:_propTypes.default.func.isRequired,debounceDelay:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),searchbarProps:_propTypes.default.object,onCancel:_propTypes.default.func,showCancelButton:_propTypes.default.bool,containerProps:_propTypes.default.object};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tab=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tab=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _Touchable=require("../Touchable");var _Typography=require("../Typography");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/SegmentedTopBar/Tab.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 Tab=exports.Tab=(0,_react.forwardRef)(function(_ref,ref){var label=_ref.label,value=_ref.value,navigation=_ref.navigation,_ref$flex=_ref.flex,flex=_ref$flex===void 0?1:_ref$flex,count=_ref.count;var handleOnPress=(0,_react.useCallback)(function(){return navigation.navigate(value);},[navigation,value]);return _react.default.createElement(_reactNative.View,{ref:ref,style:[styles.container,{flex:flex,minWidth:count!==undefined?(0,_reactNativeSizeMatters.moderateScale)(56):undefined}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}},_react.default.createElement(_Touchable.Touchable,{alignItems:"center",flex:1,justifyContent:"center",onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:9}},_react.default.createElement(_Typography.Typography,{fontFamily:"sf600",fontSize:"xs",numberOfLines:1,textAlign:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:11}},label),count!==undefined&&_react.default.createElement(_Typography.Typography,{fontFamily:"sf500",fontSize:"xs",numberOfLines:1,textAlign:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:13}},"(",count,")")));});var styles=_reactNative.StyleSheet.create({container:{height:"100%"}});Tab.displayName="Tab";Tab.propTypes={flex:_propTypes.default.number,label:_propTypes.default.string.isRequired,value:_propTypes.default.string.isRequired,navigation:_propTypes.default.object,count:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.number])};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SegmentedTopBar=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _theme=require("../../theme");var _Indicator=require("./Indicator");var _Tab=require("./Tab");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/SegmentedTopBar/index.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 SegmentedTopBar=exports.SegmentedTopBar=function SegmentedTopBar(_ref){var _ref$state=_ref.state,routes=_ref$state.routes,index=_ref$state.index,navigation=_ref.navigation,height=_ref.height,descriptors=_ref.descriptors;var containerRef=(0,_react.useRef)();var _useState=(0,_react.useState)([]),_useState2=(0,_slicedToArray2.default)(_useState,2),measures=_useState2[0],setMeasures=_useState2[1];var _useState3=(0,_react.useState)(routes.length),_useState4=(0,_slicedToArray2.default)(_useState3,2),prevRoutesLength=_useState4[0],setPrevRoutesLength=_useState4[1];var tabsData=(0,_react.useMemo)(function(){return routes.map(function(_ref2){var _ref3,_options$tabBarLabel;var key=_ref2.key,name=_ref2.name;var options=descriptors[key].options;var label=(_ref3=(_options$tabBarLabel=options.tabBarLabel)!=null?_options$tabBarLabel:options.title)!=null?_ref3:name;var count=options.count;return{label:label,value:name,ref:(0,_react.createRef)(),count:count};});},[descriptors,routes]);(0,_react.useLayoutEffect)(function(){if(prevRoutesLength!==routes.length){setMeasures([]);setPrevRoutesLength(routes.length);}},[routes.length,prevRoutesLength]);(0,_react.useLayoutEffect)(function(){var isMounted=true;var timerId=setTimeout(function(){if(!isMounted||!containerRef.current)return;var _measures=[];tabsData.forEach(function(_ref4){var ref=_ref4.ref;if(ref.current&&containerRef.current){ref.current.measureLayout(containerRef.current,function(x,y,width,height){if(!isMounted)return;_measures.push({x:x,y:y,width:width,height:height});if(_measures.length===tabsData.length){setMeasures(_measures);}},function(){console.warn("Failed to measure tab element");});}});},50);return function(){isMounted=false;clearTimeout(timerId);};},[tabsData,routes.length]);var getTabFlex=function getTabFlex(label){if(routes.length>3){return 1;}return label.length;};return _react.default.createElement(_reactNative.View,{height:height,ref:containerRef,style:styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:5}},measures.length>0&&index<measures.length&&measures[index]&&_react.default.createElement(_Indicator.Indicator,{measure:measures[index],__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:9}}),tabsData.map(function(_ref5,i){var label=_ref5.label,value=_ref5.value,ref=_ref5.ref,count=_ref5.count;return _react.default.createElement(_Tab.Tab,{count:count,flex:getTabFlex(label,i),key:value,label:label,navigation:navigation,ref:ref,value:value,__self:_this,__source:{fileName:_jsxFileName,lineNumber:144,columnNumber:9}});}));};var styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(6),backgroundColor:_theme.theme.colors.background.secondary}});SegmentedTopBar.propTypes={state:_propTypes.default.object,height:_propTypes.default.number,navigation:_propTypes.default.object,descriptors:_propTypes.default.object};
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SegmentedTopBar=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _theme=require("../../theme");var _Indicator=require("./Indicator");var _Tab=require("./Tab");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/SegmentedTopBar/index.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 SegmentedTopBar=exports.SegmentedTopBar=function SegmentedTopBar(_ref){var _ref$state=_ref.state,routes=_ref$state.routes,index=_ref$state.index,navigation=_ref.navigation,_ref$height=_ref.height,height=_ref$height===void 0?(0,_reactNativeSizeMatters.moderateScale)(48):_ref$height,descriptors=_ref.descriptors;var containerRef=(0,_react.useRef)();var _useState=(0,_react.useState)([]),_useState2=(0,_slicedToArray2.default)(_useState,2),measures=_useState2[0],setMeasures=_useState2[1];var _useState3=(0,_react.useState)(routes.length),_useState4=(0,_slicedToArray2.default)(_useState3,2),prevRoutesLength=_useState4[0],setPrevRoutesLength=_useState4[1];var tabsData=(0,_react.useMemo)(function(){return routes.map(function(_ref2){var _ref3,_options$tabBarLabel;var key=_ref2.key,name=_ref2.name;var options=descriptors[key].options;var label=(_ref3=(_options$tabBarLabel=options.tabBarLabel)!=null?_options$tabBarLabel:options.title)!=null?_ref3:name;var count=options.count;return{label:label,value:name,ref:(0,_react.createRef)(),count:count};});},[descriptors,routes]);(0,_react.useLayoutEffect)(function(){if(prevRoutesLength!==routes.length){setMeasures([]);setPrevRoutesLength(routes.length);}},[routes.length,prevRoutesLength]);(0,_react.useLayoutEffect)(function(){var isMounted=true;var timerId=setTimeout(function(){if(!isMounted||!containerRef.current)return;var _measures=[];tabsData.forEach(function(_ref4){var ref=_ref4.ref;if(ref.current&&containerRef.current){ref.current.measureLayout(containerRef.current,function(x,y,width,height){if(!isMounted)return;_measures.push({x:x,y:y,width:width,height:height});if(_measures.length===tabsData.length){setMeasures(_measures);}},function(){console.warn("Failed to measure tab element");});}});},50);return function(){isMounted=false;clearTimeout(timerId);};},[tabsData,routes.length]);var getTabFlex=function getTabFlex(label){if(routes.length>3){return 1;}return label.length;};return _react.default.createElement(_reactNative.View,{height:height,ref:containerRef,style:styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:5}},measures.length>0&&index<measures.length&&measures[index]&&_react.default.createElement(_Indicator.Indicator,{measure:measures[index],__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:9}}),tabsData.map(function(_ref5,i){var label=_ref5.label,value=_ref5.value,ref=_ref5.ref,count=_ref5.count;return _react.default.createElement(_Tab.Tab,{count:count,flex:getTabFlex(label,i),key:value,label:label,navigation:navigation,ref:ref,value:value,__self:_this,__source:{fileName:_jsxFileName,lineNumber:144,columnNumber:9}});}));};var styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(6),backgroundColor:_theme.theme.colors.background.secondary}});SegmentedTopBar.propTypes={state:_propTypes.default.object,height:_propTypes.default.number,navigation:_propTypes.default.object,descriptors:_propTypes.default.object};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SocialButton=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("@styled-system/prop-types"));var _propTypes2=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=require("styled-components/native");var _appleLogo=_interopRequireDefault(require("../assets/icons/apple-logo.svg"));var _googleLogo=_interopRequireDefault(require("../assets/icons/google-logo.svg"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SocialButton=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("@styled-system/prop-types"));var _propTypes2=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=require("styled-components/native");var _appleLogo=_interopRequireDefault(require("../assets/icons/apple-logo.svg"));var _googleLogo=_interopRequireDefault(require("../assets/icons/google-logo.svg"));var _Container=require("./Container");var _Loader=require("./Loader");var _Touchable=require("./Touchable");var _Typography=require("./Typography");var _excluded=["variant","disabled","labelStyle","isLoading"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/SocialButton.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 SocialButton=exports.SocialButton=function SocialButton(_ref){var variant=_ref.variant,disabled=_ref.disabled,labelStyle=_ref.labelStyle,isLoading=_ref.isLoading,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);var capitalize=function capitalize(str){return""+str.charAt(0).toUpperCase()+str.slice(1);};return _react.default.createElement(_Touchable.Touchable,(0,_extends2.default)({alignItems:"center",bg:"transparent",borderColor:theme.colors.border.grey800,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),disabled:disabled,height:(0,_reactNativeSizeMatters.moderateScale)(48),justifyContent:"center",rippleConfig:{color:theme.colors.background.grey800},width:"100%"},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:5}}),isLoading?_react.default.createElement(_Loader.Loader,{color:theme.colors.background.grey800,__self:_this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:9}}):_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Container.Container,{left:(0,_reactNativeSizeMatters.moderateScale)(17),position:"absolute",__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:11}},variant==="apple"&&_react.default.createElement(_appleLogo.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:37}}),variant==="google"&&_react.default.createElement(_googleLogo.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:38}})),_react.default.createElement(_Typography.Typography,(0,_extends2.default)({color:theme.colors.font.primary,fontFamily:theme.fonts.sf500,fontSize:"m"},labelStyle,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:11}}),"Continue with ",capitalize(variant))));};SocialButton.propTypes=(0,_extends2.default)({},_propTypes.default.buttonStyle,_propTypes.default.flexbox,_propTypes.default.space,_propTypes.default.border,_propTypes.default.layout,_propTypes.default.color,{variant:_propTypes2.default.oneOf(["apple","google"]),disabled:_propTypes2.default.bool,labelStyle:_propTypes2.default.object,isLoading:_propTypes2.default.bool});
|
package/components/Toast.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Toast=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var React=_react;var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeDeviceInfo=_interopRequireDefault(require("react-native-device-info"));var _reactNativeSizeMatters=require("react-native-size-matters");var _reactNativeToastMessage=_interopRequireDefault(require("react-native-toast-message"));var _native=require("styled-components/native");var _error=_interopRequireDefault(require("../assets/icons/error.svg"));var _info=_interopRequireDefault(require("../assets/icons/info.svg"));var _success=_interopRequireDefault(require("../assets/icons/success.svg"));var _warning=_interopRequireDefault(require("../assets/icons/warning.svg"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Toast=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var React=_react;var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeDeviceInfo=_interopRequireDefault(require("react-native-device-info"));var _reactNativeSizeMatters=require("react-native-size-matters");var _reactNativeToastMessage=_interopRequireDefault(require("react-native-toast-message"));var _native=require("styled-components/native");var _error=_interopRequireDefault(require("../assets/icons/error.svg"));var _info=_interopRequireDefault(require("../assets/icons/info.svg"));var _success=_interopRequireDefault(require("../assets/icons/success.svg"));var _warning=_interopRequireDefault(require("../assets/icons/warning.svg"));var _config=require("../config");var _Card=require("./Card");var _Container=require("./Container");var _Touchable=require("./Touchable");var _Typography=require("./Typography");var _excluded=["toasterConfig"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Toast.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 ToastComponent=function ToastComponent(_ref){var type=_ref.type,text1=_ref.text1,text2=_ref.text2,hide=_ref.hide,isVisible=_ref.isVisible;var theme=(0,_react.useContext)(_native.ThemeContext);var _useWindowDimensions=(0,_reactNative.useWindowDimensions)(),width=_useWindowDimensions.width;var timerRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(!isVisible)return;var timeoutDuration=type==="error"&&(text2==null?void 0:text2.length)>=25?10000:4000;timerRef.current=setTimeout(hide,timeoutDuration);(function(){if(timerRef.current){clearTimeout(timerRef.current);}});},[isVisible,type,text2,hide]);var Icon=function Icon(){switch(type){case"success":return React.createElement(_success.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:16}});case"warning":return React.createElement(_warning.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:16}});case"info":return React.createElement(_info.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:16}});case"error":return React.createElement(_error.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:16}});}return null;};return React.createElement(_Card.Card,{alignItems:"center",bg:theme.colors.background.secondary,borderRadius:(0,_reactNativeSizeMatters.moderateScale)(16),elevation:10,flexDirection:"row",minHeight:(0,_reactNativeSizeMatters.moderateScale)(60),mt:_reactNativeDeviceInfo.default.hasDynamicIsland()?(0,_reactNativeSizeMatters.moderateScale)(10):0,mx:(0,_reactNativeSizeMatters.moderateScale)(10),px:(0,_reactNativeSizeMatters.moderateScale)(10),width:width-(0,_reactNativeSizeMatters.moderateScale)(20),onPressIn:function onPressIn(){clearTimeout(timerRef.current);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:5}},React.createElement(_Container.Container,{alignItems:"center",bg:theme.colors.toast[type],borderRadius:(0,_reactNativeSizeMatters.moderateScale)(10),height:(0,_reactNativeSizeMatters.moderateScale)(42),justifyContent:"center",width:(0,_reactNativeSizeMatters.moderateScale)(42),__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:7}},React.createElement(Icon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:9}})),React.createElement(_Container.Container,{flex:1,ml:(0,_reactNativeSizeMatters.moderateScale)(10),py:(0,_reactNativeSizeMatters.moderateScale)(3),__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:7}},text1&&React.createElement(_Typography.Typography,{fontColor:theme.colors.font.primary,fontFamily:theme.fonts.sf600,fontSize:"l",__self:_this,__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:11}},text1),text2&&React.createElement(_Typography.Typography,{fontColor:theme.colors.font.secondary,fontFamily:theme.fonts.sf400,fontSize:"xs",__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:11}},text2)),React.createElement(_Touchable.Touchable,{hitSlop:{top:(0,_reactNativeSizeMatters.moderateScale)(5),right:(0,_reactNativeSizeMatters.moderateScale)(5),bottom:(0,_reactNativeSizeMatters.moderateScale)(5),left:(0,_reactNativeSizeMatters.moderateScale)(5)},onPress:function onPress(){clearTimeout(timerRef.current);hide();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:7}},React.createElement(_neetoIconsRn.Close,{color:theme.colors.font.grey500,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:9}})));};ToastComponent.propTypes={type:_propTypes.default.string,text1:_propTypes.default.string,text2:_propTypes.default.string,hide:_propTypes.default.func,isVisible:_propTypes.default.bool};var Toast=exports.Toast=function Toast(_ref2){var toasterConfig=_ref2.toasterConfig,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var customConfig={success:ToastComponent,warning:ToastComponent,info:ToastComponent,error:ToastComponent};return React.createElement(_reactNativeToastMessage.default,(0,_extends2.default)({},rest,{autoHide:false,config:(0,_extends2.default)({},_config.defaultToasterConfig,customConfig,toasterConfig),position:"top",__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:5}}));};Toast.show=_reactNativeToastMessage.default.show;Toast.hide=_reactNativeToastMessage.default.hide;Toast.propTypes={toasterConfig:_propTypes.default.object};
|
package/components/TopBar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TopBar=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TopBar=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _theme=require("../theme");var _Container=require("./Container");var _Touchable=require("./Touchable");var _Typography=require("./Typography");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/TopBar.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 TopBar=exports.TopBar=function TopBar(_ref){var data=_ref.data,_ref$activeIndex=_ref.activeIndex,activeIndex=_ref$activeIndex===void 0?0:_ref$activeIndex,_ref$onActiveTabChang=_ref.onActiveTabChange,onActiveTabChange=_ref$onActiveTabChang===void 0?function(){}:_ref$onActiveTabChang,activeTabTextStyle=_ref.activeTabTextStyle,activeTabContainerStyle=_ref.activeTabContainerStyle,inActiveTabTextStyle=_ref.inActiveTabTextStyle,inActiveTabContainerStyle=_ref.inActiveTabContainerStyle,tabContainerStyle=_ref.tabContainerStyle;var _useState=(0,_react.useState)(activeIndex),_useState2=(0,_slicedToArray2.default)(_useState,2),selectedIndex=_useState2[0],setSelectedIndex=_useState2[1];(0,_react.useEffect)(function(){onActiveTabChange(selectedIndex);},[selectedIndex]);(0,_react.useEffect)(function(){setSelectedIndex(activeIndex);},[activeIndex]);return _react.default.createElement(_Container.Container,{height:(0,_reactNativeSizeMatters.moderateScale)(50),style:[styles.defaultTabContainerStyle,tabContainerStyle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:5}},_react.default.createElement(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:7}},data.map(function(item,index){return _react.default.createElement(_Touchable.Touchable,{alignItems:"center",justifyContent:"center",key:index,style:selectedIndex===index?(0,_extends2.default)({},styles.defaultActiveContainerStyle,activeTabContainerStyle):(0,_extends2.default)({},styles.defaultInActiveTabContainerStyle,inActiveTabContainerStyle),onPress:function onPress(){return setSelectedIndex(index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:11}},_react.default.createElement(_Typography.Typography,{style:selectedIndex===index?(0,_extends2.default)({},styles.defaultActiveTabTextStyle,activeTabTextStyle):(0,_extends2.default)({},styles.defaultInActiveTabTextStyle,inActiveTabTextStyle),__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:13}},item));})));};var styles=_reactNative.StyleSheet.create({defaultActiveContainerStyle:{backgroundColor:_theme.theme.colors.background.grey800,marginHorizontal:(0,_reactNativeSizeMatters.moderateScale)(10),paddingHorizontal:(0,_reactNativeSizeMatters.moderateScale)(10),marginVertical:(0,_reactNativeSizeMatters.moderateScale)(5),borderRadius:(0,_reactNativeSizeMatters.moderateScale)(5)},defaultInActiveTabContainerStyle:{backgroundColor:_theme.theme.colors.background.white,marginHorizontal:(0,_reactNativeSizeMatters.moderateScale)(20)},defaultActiveTabTextStyle:{color:_theme.theme.colors.font.white},defaultInActiveTabTextStyle:{color:_theme.theme.colors.font.grey800},defaultTabContainerStyle:{backgroundColor:_theme.theme.colors.font.white}});TopBar.propTypes={data:_propTypes.default.array.isRequired,activeIndex:_propTypes.default.number,onActiveTabChange:_propTypes.default.func.isRequired,activeTabTextStyle:_propTypes.default.object,activeTabContainerStyle:_propTypes.default.object,inActiveTabTextStyle:_propTypes.default.object,inActiveTabContainerStyle:_propTypes.default.object,tabContainerStyle:_propTypes.default.object};
|
package/components/Touchable.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Touchable=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var React=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("@styled-system/prop-types"));var _propTypes2=_interopRequireDefault(require("prop-types"));var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _Ripple=require("./Ripple");var _utils=require("../utils");var _excluded=["children","elevation","rippleConfig"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Touchable.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 StyledRipple=(0,_native.default)(_Ripple.Ripple)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.buttonStyle,_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.layout,_styledSystem.color);var defaultRippleConfig={rippleCentered:false,rippleSequential:true,rippleFades:true,rippleOutsideContainer:false,rippleColor:"#000",rippleOpacity:0.09,rippleDuration:600,rippleSize:0,rippleContainerBorderRadius:0};var Touchable=exports.Touchable=React.forwardRef(function(props,ref){var _rippleConfig$isCente,_rippleConfig$isSeque,_rippleConfig$shouldF,_rippleConfig$shouldO,_rippleConfig$color,_rippleConfig$opacity,_rippleConfig$duratio,_rippleConfig$size;var children=props.children,elevation=props.elevation,rippleConfig=props.rippleConfig,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var shadowStyles=elevation?(0,_utils.getShadowStyles)(elevation):{};var rippleProps=(0,_extends2.default)({},defaultRippleConfig,{rippleCentered:(_rippleConfig$isCente=rippleConfig.isCentered)!=null?_rippleConfig$isCente:defaultRippleConfig.rippleCentered,rippleSequential:(_rippleConfig$isSeque=rippleConfig.isSequential)!=null?_rippleConfig$isSeque:defaultRippleConfig.rippleSequential,rippleFades:(_rippleConfig$shouldF=rippleConfig.shouldFade)!=null?_rippleConfig$shouldF:defaultRippleConfig.rippleFades,rippleOutsideContainer:(_rippleConfig$shouldO=rippleConfig.shouldOverflowContainer)!=null?_rippleConfig$shouldO:defaultRippleConfig.rippleOutsideContainer,rippleColor:(_rippleConfig$color=rippleConfig.color)!=null?_rippleConfig$color:defaultRippleConfig.rippleColor,rippleOpacity:(_rippleConfig$opacity=rippleConfig.opacity)!=null?_rippleConfig$opacity:defaultRippleConfig.rippleOpacity,rippleDuration:(_rippleConfig$duratio=rippleConfig.duration)!=null?_rippleConfig$duratio:defaultRippleConfig.rippleDuration,rippleSize:(_rippleConfig$size=rippleConfig.size)!=null?_rippleConfig$size:defaultRippleConfig.rippleSize,rippleContainerBorderRadius:rest.borderRadius?rest.borderRadius:0});return React.createElement(StyledRipple,(0,_extends2.default)({ref:ref,style:shadowStyles},rippleProps,rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:5}}),children);});Touchable.propTypes=(0,_extends2.default)({},_propTypes.default.flexbox,_propTypes.default.space,_propTypes.default.border,_propTypes.default.layout,_propTypes.default.color,_propTypes.default.buttonStyle,{children:_propTypes2.default.node.isRequired,elevation:_propTypes2.default.oneOfType([_propTypes2.default.number,_propTypes2.default.string]),rippleConfig:_propTypes2.default.shape({isCentered:_propTypes2.default.bool,isSequential:_propTypes2.default.bool,shouldFade:_propTypes2.default.bool,shouldOverflowContainer:_propTypes2.default.bool,color:_propTypes2.default.string,opacity:_propTypes2.default.number,duration:_propTypes2.default.number,size:_propTypes2.default.number,containerBorderRadius:_propTypes2.default.number})});Touchable.
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Touchable=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var React=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("@styled-system/prop-types"));var _propTypes2=_interopRequireDefault(require("prop-types"));var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _Ripple=require("./Ripple");var _utils=require("../utils");var _excluded=["children","elevation","rippleConfig"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Touchable.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 StyledRipple=(0,_native.default)(_Ripple.Ripple)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.buttonStyle,_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.layout,_styledSystem.color);var defaultRippleConfig={rippleCentered:false,rippleSequential:true,rippleFades:true,rippleOutsideContainer:false,rippleColor:"#000",rippleOpacity:0.09,rippleDuration:600,rippleSize:0,rippleContainerBorderRadius:0};var Touchable=exports.Touchable=React.forwardRef(function(props,ref){var _rippleConfig$isCente,_rippleConfig$isSeque,_rippleConfig$shouldF,_rippleConfig$shouldO,_rippleConfig$color,_rippleConfig$opacity,_rippleConfig$duratio,_rippleConfig$size;var children=props.children,elevation=props.elevation,_props$rippleConfig=props.rippleConfig,rippleConfig=_props$rippleConfig===void 0?{}:_props$rippleConfig,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var shadowStyles=elevation?(0,_utils.getShadowStyles)(elevation):{};var rippleProps=(0,_extends2.default)({},defaultRippleConfig,{rippleCentered:(_rippleConfig$isCente=rippleConfig.isCentered)!=null?_rippleConfig$isCente:defaultRippleConfig.rippleCentered,rippleSequential:(_rippleConfig$isSeque=rippleConfig.isSequential)!=null?_rippleConfig$isSeque:defaultRippleConfig.rippleSequential,rippleFades:(_rippleConfig$shouldF=rippleConfig.shouldFade)!=null?_rippleConfig$shouldF:defaultRippleConfig.rippleFades,rippleOutsideContainer:(_rippleConfig$shouldO=rippleConfig.shouldOverflowContainer)!=null?_rippleConfig$shouldO:defaultRippleConfig.rippleOutsideContainer,rippleColor:(_rippleConfig$color=rippleConfig.color)!=null?_rippleConfig$color:defaultRippleConfig.rippleColor,rippleOpacity:(_rippleConfig$opacity=rippleConfig.opacity)!=null?_rippleConfig$opacity:defaultRippleConfig.rippleOpacity,rippleDuration:(_rippleConfig$duratio=rippleConfig.duration)!=null?_rippleConfig$duratio:defaultRippleConfig.rippleDuration,rippleSize:(_rippleConfig$size=rippleConfig.size)!=null?_rippleConfig$size:defaultRippleConfig.rippleSize,rippleContainerBorderRadius:rest.borderRadius?rest.borderRadius:0});return React.createElement(StyledRipple,(0,_extends2.default)({ref:ref,style:shadowStyles},rippleProps,rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:5}}),children);});Touchable.propTypes=(0,_extends2.default)({},_propTypes.default.flexbox,_propTypes.default.space,_propTypes.default.border,_propTypes.default.layout,_propTypes.default.color,_propTypes.default.buttonStyle,{children:_propTypes2.default.node.isRequired,elevation:_propTypes2.default.oneOfType([_propTypes2.default.number,_propTypes2.default.string]),rippleConfig:_propTypes2.default.shape({isCentered:_propTypes2.default.bool,isSequential:_propTypes2.default.bool,shouldFade:_propTypes2.default.bool,shouldOverflowContainer:_propTypes2.default.bool,color:_propTypes2.default.string,opacity:_propTypes2.default.number,duration:_propTypes2.default.number,size:_propTypes2.default.number,containerBorderRadius:_propTypes2.default.number})});Touchable.displayName="Touchable";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _excluded=["onPress","onPressIn"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/TouchableWithoutFeedback.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 TouchableWithoutFeedback=function TouchableWithoutFeedback(_ref){var onPress=_ref.onPress,onPressIn=_ref.onPressIn,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _touchActivatePositionRef=(0,_react.useRef)(null);function _onPressIn(e){var _e$nativeEvent=e.nativeEvent,pageX=_e$nativeEvent.pageX,pageY=_e$nativeEvent.pageY;_touchActivatePositionRef.current={pageX:pageX,pageY:pageY};onPressIn==null?void 0:onPressIn(e);}function _onPress(e){var _touchActivatePositio,_touchActivatePositio2;var _e$nativeEvent2=e.nativeEvent,pageX=_e$nativeEvent2.pageX,pageY=_e$nativeEvent2.pageY;var absX=Math.abs((_touchActivatePositionRef==null?void 0:(_touchActivatePositio=_touchActivatePositionRef.current)==null?void 0:_touchActivatePositio.pageX)-pageX);var absY=Math.abs((_touchActivatePositionRef==null?void 0:(_touchActivatePositio2=_touchActivatePositionRef.current)==null?void 0:_touchActivatePositio2.pageY)-pageY);var dragged=absX>2||absY>2;if(!dragged){onPress==null?void 0:onPress(e);}}return _react.default.createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2.default)({onPress:_onPress,onPressIn:_onPressIn},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}}),props.children);};TouchableWithoutFeedback.
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _excluded=["onPress","onPressIn"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/TouchableWithoutFeedback.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 TouchableWithoutFeedback=function TouchableWithoutFeedback(_ref){var onPress=_ref.onPress,onPressIn=_ref.onPressIn,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _touchActivatePositionRef=(0,_react.useRef)(null);function _onPressIn(e){var _e$nativeEvent=e.nativeEvent,pageX=_e$nativeEvent.pageX,pageY=_e$nativeEvent.pageY;_touchActivatePositionRef.current={pageX:pageX,pageY:pageY};onPressIn==null?void 0:onPressIn(e);}function _onPress(e){var _touchActivatePositio,_touchActivatePositio2;var _e$nativeEvent2=e.nativeEvent,pageX=_e$nativeEvent2.pageX,pageY=_e$nativeEvent2.pageY;var absX=Math.abs((_touchActivatePositionRef==null?void 0:(_touchActivatePositio=_touchActivatePositionRef.current)==null?void 0:_touchActivatePositio.pageX)-pageX);var absY=Math.abs((_touchActivatePositionRef==null?void 0:(_touchActivatePositio2=_touchActivatePositionRef.current)==null?void 0:_touchActivatePositio2.pageY)-pageY);var dragged=absX>2||absY>2;if(!dragged){onPress==null?void 0:onPress(e);}}return _react.default.createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2.default)({onPress:_onPress,onPressIn:_onPressIn},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}}),props.children);};TouchableWithoutFeedback.propTypes={onPress:_propTypes.default.func,onPressIn:_propTypes.default.func,children:_propTypes.default.element.isRequired};var _default=exports.default=TouchableWithoutFeedback;
|
package/components/Typography.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Typography=exports.Text=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("@styled-system/prop-types"));var _propTypes2=_interopRequireDefault(require("prop-types"));var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _theme=require("../theme");var _excluded=["children","fontSize","lineHeightMultiplier","style"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Typography.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 Text=exports.Text=_native.default.Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.textStyle,_styledSystem.space,_styledSystem.layout,_styledSystem.flexbox,_styledSystem.typography,_styledSystem.color,_styledSystem.position,(0,_styledSystem.system)({textDecoration:{property:"textDecoration",cssProperty:"textDecoration"},textTransform:{property:"textTransform",cssProperty:"textTransform"}}),_reactNative.Platform.select({android:"\n include-font-padding: false;\n text-align-vertical: center;\n ",ios:""}));var Typography=exports.Typography=function Typography(_ref){var children=_ref.children,fontSize=_ref.fontSize,_ref$lineHeightMultip=_ref.lineHeightMultiplier,lineHeightMultiplier=_ref$lineHeightMultip===void 0?1.3:_ref$lineHeightMultip,style=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var parseSize=function parseSize(size){if(typeof size==="number")return size;if(typeof size==="string"){var themeSize=_theme.theme.fontSizes[size];if(themeSize!==undefined){return themeSize;}var parsed=parseFloat(size);return isNaN(parsed)?_theme.theme.fontSizes.s:parsed;}return _theme.theme.fontSizes.s;};var calculatedLineHeight=React.useMemo(function(){var size=parseSize(fontSize||rest.fontSize||_theme.theme.fontSizes.s);return Math.floor(size*lineHeightMultiplier);},[fontSize,rest.fontSize,lineHeightMultiplier]);return React.createElement(Text,(0,_extends2.default)({android_hyphenationFrequency:"full",fontSize:fontSize,textBreakStrategy:"simple"},rest,{style:[_reactNative.Platform.OS==="android"&&{lineHeight:calculatedLineHeight},style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Typography=exports.Text=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("@styled-system/prop-types"));var _propTypes2=_interopRequireDefault(require("prop-types"));var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _theme=require("../theme");var _excluded=["children","fontSize","lineHeightMultiplier","textStyle","style"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Typography.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 Text=exports.Text=_native.default.Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_styledSystem.textStyle,_styledSystem.space,_styledSystem.layout,_styledSystem.flexbox,_styledSystem.typography,_styledSystem.color,_styledSystem.position,(0,_styledSystem.system)({textDecoration:{property:"textDecoration",cssProperty:"textDecoration"},textTransform:{property:"textTransform",cssProperty:"textTransform"}}),_reactNative.Platform.select({android:"\n include-font-padding: false;\n text-align-vertical: center;\n ",ios:""}));var Typography=exports.Typography=function Typography(_ref){var children=_ref.children,fontSize=_ref.fontSize,_ref$lineHeightMultip=_ref.lineHeightMultiplier,lineHeightMultiplier=_ref$lineHeightMultip===void 0?1.3:_ref$lineHeightMultip,_ref$textStyle=_ref.textStyle,textStyle=_ref$textStyle===void 0?"defaultTextStyle":_ref$textStyle,style=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var parseSize=function parseSize(size){if(typeof size==="number")return size;if(typeof size==="string"){var themeSize=_theme.theme.fontSizes[size];if(themeSize!==undefined){return themeSize;}var parsed=parseFloat(size);return isNaN(parsed)?_theme.theme.fontSizes.s:parsed;}return _theme.theme.fontSizes.s;};var calculatedLineHeight=React.useMemo(function(){var size=parseSize(fontSize||rest.fontSize||_theme.theme.fontSizes.s);return Math.floor(size*lineHeightMultiplier);},[fontSize,rest.fontSize,lineHeightMultiplier]);return React.createElement(Text,(0,_extends2.default)({android_hyphenationFrequency:"full",fontSize:fontSize,textBreakStrategy:"simple",textStyle:textStyle},rest,{style:[_reactNative.Platform.OS==="android"&&{lineHeight:calculatedLineHeight},style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:5}}),children);};Typography.propTypes=(0,_extends2.default)({},_propTypes.default.space,_propTypes.default.layout,_propTypes.default.flexbox,_propTypes.default.typography,_propTypes.default.color,_propTypes.default.textStyle,{children:_propTypes2.default.node,fontSize:_propTypes2.default.oneOfType([_propTypes2.default.number,_propTypes2.default.string]),lineHeightMultiplier:_propTypes2.default.number,style:_propTypes2.default.object});
|