@bigbinary/neetoui-rn 0.0.269 → 0.0.271
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/lib/components/Accordion.js +1 -1
- package/lib/components/ActionIcon.js +1 -1
- package/lib/components/Alert.js +1 -1
- package/lib/components/AnimatedImage.js +1 -1
- package/lib/components/Avatar.js +1 -1
- package/lib/components/Badge.js +1 -1
- package/lib/components/BottomSheet.js +1 -1
- package/lib/components/BottomTabBar.js +1 -1
- package/lib/components/Button.js +1 -1
- package/lib/components/ButtonGroup.js +1 -1
- package/lib/components/Calendar.js +1 -1
- package/lib/components/Card.js +1 -1
- package/lib/components/Carousel.js +1 -1
- package/lib/components/ChatInput/AttachmentsView.js +1 -1
- package/lib/components/ChatInput/Badge.js +1 -1
- package/lib/components/ChatInput/ChatInput.js +1 -1
- package/lib/components/ChatInput/EmailFields.js +1 -1
- package/lib/components/ChatInput/IconButton.js +1 -1
- package/lib/components/ChatInput/MentionsInputWrapper.js +1 -1
- package/lib/components/CheckBox.js +1 -1
- package/lib/components/Chip.js +1 -1
- package/lib/components/Container.js +1 -1
- package/lib/components/Divider.js +1 -1
- package/lib/components/FAB.js +1 -1
- package/lib/components/FlashList.js +1 -1
- package/lib/components/FlatList.js +1 -1
- package/lib/components/Input.js +1 -1
- package/lib/components/InputEmailChip.js +1 -1
- package/lib/components/LineLoader.js +1 -1
- package/lib/components/ListItem.js +1 -1
- package/lib/components/Loader.js +1 -1
- package/lib/components/MultiSelect.js +1 -1
- package/lib/components/NotificationIcon.js +1 -1
- package/lib/components/NotificationPreferenceList.js +1 -1
- package/lib/components/OnBoarding.js +1 -1
- package/lib/components/OrganizationItem.js +1 -1
- package/lib/components/OtpInputs.js +1 -1
- package/lib/components/ParentView.js +1 -1
- package/lib/components/Popover.js +1 -1
- package/lib/components/RadioButton.js +1 -1
- package/lib/components/RichTextEditor.js +1 -1
- package/lib/components/Ripple.js +1 -1
- package/lib/components/ScrollView.js +1 -1
- package/lib/components/SearchBar.js +1 -1
- package/lib/components/SegmentedTopBar/Indicator.js +1 -1
- package/lib/components/SegmentedTopBar/Tab.js +1 -1
- package/lib/components/SegmentedTopBar/index.js +1 -1
- package/lib/components/SocialButton.js +1 -1
- package/lib/components/Toast.js +1 -1
- package/lib/components/ToggleSwitch.js +1 -1
- package/lib/components/TopBar.js +1 -1
- package/lib/components/Touchable.js +1 -1
- package/lib/components/TouchableWithoutFeedback.js +1 -1
- package/lib/components/Typography.js +1 -1
- package/lib/components/index.js +1 -1
- package/lib/config/toasterConfig.js +1 -1
- package/lib/contexts/index.js +1 -1
- package/lib/theme/index.js +1 -1
- package/lib/utils/utils.js +1 -1
- package/package.json +22 -15
- package/src/components/Accordion.jsx +0 -266
- package/src/components/ActionIcon.jsx +0 -76
- package/src/components/Alert.jsx +0 -262
- package/src/components/AnimatedImage.jsx +0 -140
- package/src/components/Avatar.jsx +0 -144
- package/src/components/Badge.jsx +0 -97
- package/src/components/BottomSheet.jsx +0 -487
- package/src/components/BottomTabBar.jsx +0 -232
- package/src/components/Button.jsx +0 -275
- package/src/components/ButtonGroup.jsx +0 -120
- package/src/components/Calendar.jsx +0 -128
- package/src/components/Card.jsx +0 -90
- package/src/components/Carousel.jsx +0 -116
- package/src/components/ChatInput/AttachmentsView.jsx +0 -51
- package/src/components/ChatInput/Badge.jsx +0 -24
- package/src/components/ChatInput/ChatInput.jsx +0 -564
- package/src/components/ChatInput/EmailFields.jsx +0 -122
- package/src/components/ChatInput/IconButton.jsx +0 -34
- package/src/components/ChatInput/MentionsInputWrapper.jsx +0 -155
- package/src/components/CheckBox.jsx +0 -150
- package/src/components/Chip.jsx +0 -180
- package/src/components/Container.jsx +0 -31
- package/src/components/Divider.jsx +0 -79
- package/src/components/FAB.jsx +0 -113
- package/src/components/FlashList.jsx +0 -189
- package/src/components/FlatList.js +0 -10
- package/src/components/Input.jsx +0 -357
- package/src/components/InputEmailChip.jsx +0 -246
- package/src/components/LineLoader.jsx +0 -46
- package/src/components/ListItem.jsx +0 -68
- package/src/components/Loader.jsx +0 -122
- package/src/components/MultiSelect.jsx +0 -631
- package/src/components/NotificationIcon.jsx +0 -38
- package/src/components/NotificationPreferenceList.jsx +0 -208
- package/src/components/OnBoarding.jsx +0 -134
- package/src/components/OrganizationItem.jsx +0 -110
- package/src/components/OtpInputs.jsx +0 -194
- package/src/components/ParentView.jsx +0 -139
- package/src/components/Popover.jsx +0 -221
- package/src/components/RadioButton.jsx +0 -155
- package/src/components/RichTextEditor.jsx +0 -163
- package/src/components/Ripple.jsx +0 -281
- package/src/components/ScrollView.js +0 -14
- package/src/components/SearchBar.jsx +0 -207
- package/src/components/SegmentedTopBar/Indicator.jsx +0 -77
- package/src/components/SegmentedTopBar/Tab.jsx +0 -37
- package/src/components/SegmentedTopBar/index.jsx +0 -128
- package/src/components/SocialButton.jsx +0 -106
- package/src/components/Toast.jsx +0 -195
- package/src/components/ToggleSwitch.jsx +0 -112
- package/src/components/TopBar.jsx +0 -147
- package/src/components/Touchable.jsx +0 -133
- package/src/components/TouchableWithoutFeedback.jsx +0 -51
- package/src/components/Typography.jsx +0 -93
- package/src/components/index.js +0 -45
- package/src/config/index.js +0 -1
- package/src/config/toasterConfig.jsx +0 -142
- package/src/contexts/index.js +0 -3
- package/src/hooks/index.js +0 -3
- package/src/hooks/useDebounce.js +0 -17
- package/src/hooks/useKeyboard.js +0 -33
- package/src/hooks/useRefreshByUser.js +0 -20
- package/src/index.js +0 -2
- package/src/theme/index.js +0 -181
- package/src/utils/utils.js +0 -56
|
@@ -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 _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 _excluded=["children"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Typography.jsx";function _getRequireWildcardCache(
|
|
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 _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 _excluded=["children"];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"])),_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 Typography=exports.Typography=function Typography(_ref){var children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);return React.createElement(Text,(0,_extends2.default)({},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:3}}),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});Typography.defaultProps={textStyle:"defaultTextStyle"};
|
package/lib/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Accordion",{enumerable:true,get:function get(){return _Accordion.Accordion;}});Object.defineProperty(exports,"ActionIcon",{enumerable:true,get:function get(){return _ActionIcon.ActionIcon;}});Object.defineProperty(exports,"Alert",{enumerable:true,get:function get(){return _Alert.Alert;}});Object.defineProperty(exports,"AnimatedImage",{enumerable:true,get:function get(){return _AnimatedImage.AnimatedImage;}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _Avatar.Avatar;}});Object.defineProperty(exports,"Badge",{enumerable:true,get:function get(){return _Badge.Badge;}});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.BottomSheet;}});Object.defineProperty(exports,"BottomTabBar",{enumerable:true,get:function get(){return _BottomTabBar.BottomTabBar;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.Button;}});Object.defineProperty(exports,"ButtonGroup",{enumerable:true,get:function get(){return _ButtonGroup.ButtonGroup;}});Object.defineProperty(exports,"Calendar",{enumerable:true,get:function get(){return _Calendar.Calendar;}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _Card.Card;}});Object.defineProperty(exports,"Carousel",{enumerable:true,get:function get(){return _Carousel.Carousel;}});Object.defineProperty(exports,"ChatInput",{enumerable:true,get:function get(){return _ChatInput.ChatInput;}});Object.defineProperty(exports,"CheckBox",{enumerable:true,get:function get(){return _CheckBox.CheckBox;}});Object.defineProperty(exports,"Chip",{enumerable:true,get:function get(){return _Chip.Chip;}});Object.defineProperty(exports,"Container",{enumerable:true,get:function get(){return _Container.Container;}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider.Divider;}});Object.defineProperty(exports,"FAB",{enumerable:true,get:function get(){return _FAB.FAB;}});Object.defineProperty(exports,"FlashList",{enumerable:true,get:function get(){return _FlashList.FlashList;}});Object.defineProperty(exports,"FlatList",{enumerable:true,get:function get(){return _FlatList.FlatList;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input.Input;}});Object.defineProperty(exports,"InputEmailChip",{enumerable:true,get:function get(){return _InputEmailChip.InputEmailChip;}});Object.defineProperty(exports,"LineLoader",{enumerable:true,get:function get(){return _LineLoader.LineLoader;}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function get(){return _ListItem.ListItem;}});Object.defineProperty(exports,"Loader",{enumerable:true,get:function get(){return _Loader.Loader;}});Object.defineProperty(exports,"MultiSelect",{enumerable:true,get:function get(){return _MultiSelect.MultiSelect;}});Object.defineProperty(exports,"NotificationIcon",{enumerable:true,get:function get(){return _NotificationIcon.NotificationIcon;}});Object.defineProperty(exports,"NotificationPreferenceList",{enumerable:true,get:function get(){return _NotificationPreferenceList.NotificationPreferenceList;}});Object.defineProperty(exports,"OnBoarding",{enumerable:true,get:function get(){return _OnBoarding.OnBoarding;}});Object.defineProperty(exports,"OrganizationItem",{enumerable:true,get:function get(){return _OrganizationItem.OrganizationItem;}});Object.defineProperty(exports,"OtpInputs",{enumerable:true,get:function get(){return _OtpInputs.OtpInputs;}});Object.defineProperty(exports,"ParentView",{enumerable:true,get:function get(){return _ParentView.ParentView;}});Object.defineProperty(exports,"Popover",{enumerable:true,get:function get(){return _Popover.Popover;}});Object.defineProperty(exports,"RadioButton",{enumerable:true,get:function get(){return _RadioButton.RadioButton;}});Object.defineProperty(exports,"RichTextEditor",{enumerable:true,get:function get(){return _RichTextEditor.RichTextEditor;}});Object.defineProperty(exports,"ScrollView",{enumerable:true,get:function get(){return _ScrollView.ScrollView;}});Object.defineProperty(exports,"SearchBar",{enumerable:true,get:function get(){return _SearchBar.SearchBar;}});Object.defineProperty(exports,"SegmentedTopBar",{enumerable:true,get:function get(){return _SegmentedTopBar.SegmentedTopBar;}});Object.defineProperty(exports,"SocialButton",{enumerable:true,get:function get(){return _SocialButton.SocialButton;}});Object.defineProperty(exports,"Toast",{enumerable:true,get:function get(){return _Toast.Toast;}});Object.defineProperty(exports,"ToggleSwitch",{enumerable:true,get:function get(){return _ToggleSwitch.ToggleSwitch;}});Object.defineProperty(exports,"TopBar",{enumerable:true,get:function get(){return _TopBar.TopBar;}});Object.defineProperty(exports,"Touchable",{enumerable:true,get:function get(){return _Touchable.Touchable;}});Object.defineProperty(exports,"Typography",{enumerable:true,get:function get(){return _Typography.Typography;}});var _Button=require("./Button");var _SocialButton=require("./SocialButton");var _Container=require("./Container");var _Typography=require("./Typography");var _Input=require("./Input");var _FAB=require("./FAB");var _ToggleSwitch=require("./ToggleSwitch");var _Avatar=require("./Avatar");var _Badge=require("./Badge");var _Toast=require("./Toast");var _Alert=require("./Alert");var _BottomSheet=require("./BottomSheet");var _Chip=require("./Chip");var _ParentView=require("./ParentView");var _RichTextEditor=require("./RichTextEditor");var _ButtonGroup=require("./ButtonGroup");var _OtpInputs=require("./OtpInputs");var _Popover=require("./Popover");var _Touchable=require("./Touchable");var _Card=require("./Card");var _TopBar=require("./TopBar");var _RadioButton=require("./RadioButton");var _CheckBox=require("./CheckBox");var _MultiSelect=require("./MultiSelect");var _Divider=require("./Divider");var _FlatList=require("./FlatList");var _ScrollView=require("./ScrollView");var _SegmentedTopBar=require("./SegmentedTopBar");var _ListItem=require("./ListItem");var _Carousel=require("./Carousel");var _OnBoarding=require("./OnBoarding");var _SearchBar=require("./SearchBar");var _Accordion=require("./Accordion");var _Calendar=require("./Calendar");var _FlashList=require("./FlashList");var _BottomTabBar=require("./BottomTabBar");var _AnimatedImage=require("./AnimatedImage");var _NotificationPreferenceList=require("./NotificationPreferenceList");var _OrganizationItem=require("./OrganizationItem");var _ChatInput=require("./ChatInput/ChatInput");var _Loader=require("./Loader");var _InputEmailChip=require("./InputEmailChip");var _LineLoader=require("./LineLoader");var _ActionIcon=require("./ActionIcon");var _NotificationIcon=require("./NotificationIcon");
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Accordion",{enumerable:true,get:function get(){return _Accordion.Accordion;}});Object.defineProperty(exports,"ActionIcon",{enumerable:true,get:function get(){return _ActionIcon.ActionIcon;}});Object.defineProperty(exports,"Alert",{enumerable:true,get:function get(){return _Alert.Alert;}});Object.defineProperty(exports,"AnimatedImage",{enumerable:true,get:function get(){return _AnimatedImage.AnimatedImage;}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _Avatar.Avatar;}});Object.defineProperty(exports,"Badge",{enumerable:true,get:function get(){return _Badge.Badge;}});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.BottomSheet;}});Object.defineProperty(exports,"BottomTabBar",{enumerable:true,get:function get(){return _BottomTabBar.BottomTabBar;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.Button;}});Object.defineProperty(exports,"ButtonGroup",{enumerable:true,get:function get(){return _ButtonGroup.ButtonGroup;}});Object.defineProperty(exports,"Calendar",{enumerable:true,get:function get(){return _Calendar.Calendar;}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _Card.Card;}});Object.defineProperty(exports,"Carousel",{enumerable:true,get:function get(){return _Carousel.Carousel;}});Object.defineProperty(exports,"ChatInput",{enumerable:true,get:function get(){return _ChatInput.ChatInput;}});Object.defineProperty(exports,"CheckBox",{enumerable:true,get:function get(){return _CheckBox.CheckBox;}});Object.defineProperty(exports,"Chip",{enumerable:true,get:function get(){return _Chip.Chip;}});Object.defineProperty(exports,"Container",{enumerable:true,get:function get(){return _Container.Container;}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider.Divider;}});Object.defineProperty(exports,"FAB",{enumerable:true,get:function get(){return _FAB.FAB;}});Object.defineProperty(exports,"FlashList",{enumerable:true,get:function get(){return _FlashList.FlashList;}});Object.defineProperty(exports,"FlatList",{enumerable:true,get:function get(){return _FlatList.FlatList;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input.Input;}});Object.defineProperty(exports,"InputEmailChip",{enumerable:true,get:function get(){return _InputEmailChip.InputEmailChip;}});Object.defineProperty(exports,"LineLoader",{enumerable:true,get:function get(){return _LineLoader.LineLoader;}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function get(){return _ListItem.ListItem;}});Object.defineProperty(exports,"Loader",{enumerable:true,get:function get(){return _Loader.Loader;}});Object.defineProperty(exports,"MentionsInputWrapper",{enumerable:true,get:function get(){return _MentionsInputWrapper.MentionsInputWrapper;}});Object.defineProperty(exports,"MultiSelect",{enumerable:true,get:function get(){return _MultiSelect.MultiSelect;}});Object.defineProperty(exports,"NotificationIcon",{enumerable:true,get:function get(){return _NotificationIcon.NotificationIcon;}});Object.defineProperty(exports,"NotificationPreferenceList",{enumerable:true,get:function get(){return _NotificationPreferenceList.NotificationPreferenceList;}});Object.defineProperty(exports,"OnBoarding",{enumerable:true,get:function get(){return _OnBoarding.OnBoarding;}});Object.defineProperty(exports,"OrganizationItem",{enumerable:true,get:function get(){return _OrganizationItem.OrganizationItem;}});Object.defineProperty(exports,"OtpInputs",{enumerable:true,get:function get(){return _OtpInputs.OtpInputs;}});Object.defineProperty(exports,"ParentView",{enumerable:true,get:function get(){return _ParentView.ParentView;}});Object.defineProperty(exports,"Popover",{enumerable:true,get:function get(){return _Popover.Popover;}});Object.defineProperty(exports,"RadioButton",{enumerable:true,get:function get(){return _RadioButton.RadioButton;}});Object.defineProperty(exports,"RichTextEditor",{enumerable:true,get:function get(){return _RichTextEditor.RichTextEditor;}});Object.defineProperty(exports,"Ripple",{enumerable:true,get:function get(){return _Ripple.Ripple;}});Object.defineProperty(exports,"ScrollView",{enumerable:true,get:function get(){return _ScrollView.ScrollView;}});Object.defineProperty(exports,"SearchBar",{enumerable:true,get:function get(){return _SearchBar.SearchBar;}});Object.defineProperty(exports,"SegmentedTopBar",{enumerable:true,get:function get(){return _SegmentedTopBar.SegmentedTopBar;}});Object.defineProperty(exports,"SocialButton",{enumerable:true,get:function get(){return _SocialButton.SocialButton;}});Object.defineProperty(exports,"Toast",{enumerable:true,get:function get(){return _Toast.Toast;}});Object.defineProperty(exports,"ToggleSwitch",{enumerable:true,get:function get(){return _ToggleSwitch.ToggleSwitch;}});Object.defineProperty(exports,"TopBar",{enumerable:true,get:function get(){return _TopBar.TopBar;}});Object.defineProperty(exports,"Touchable",{enumerable:true,get:function get(){return _Touchable.Touchable;}});Object.defineProperty(exports,"TouchableWithoutFeedback",{enumerable:true,get:function get(){return _TouchableWithoutFeedback.default;}});Object.defineProperty(exports,"Typography",{enumerable:true,get:function get(){return _Typography.Typography;}});var _Button=require("./Button");var _SocialButton=require("./SocialButton");var _Container=require("./Container");var _Typography=require("./Typography");var _Input=require("./Input");var _FAB=require("./FAB");var _ToggleSwitch=require("./ToggleSwitch");var _Avatar=require("./Avatar");var _Badge=require("./Badge");var _Toast=require("./Toast");var _Alert=require("./Alert");var _BottomSheet=require("./BottomSheet");var _Chip=require("./Chip");var _ParentView=require("./ParentView");var _RichTextEditor=require("./RichTextEditor");var _ButtonGroup=require("./ButtonGroup");var _OtpInputs=require("./OtpInputs");var _Popover=require("./Popover");var _Touchable=require("./Touchable");var _Card=require("./Card");var _TopBar=require("./TopBar");var _RadioButton=require("./RadioButton");var _CheckBox=require("./CheckBox");var _MultiSelect=require("./MultiSelect");var _Divider=require("./Divider");var _FlatList=require("./FlatList");var _ScrollView=require("./ScrollView");var _SegmentedTopBar=require("./SegmentedTopBar");var _ListItem=require("./ListItem");var _Carousel=require("./Carousel");var _OnBoarding=require("./OnBoarding");var _SearchBar=require("./SearchBar");var _Accordion=require("./Accordion");var _Calendar=require("./Calendar");var _FlashList=require("./FlashList");var _BottomTabBar=require("./BottomTabBar");var _AnimatedImage=require("./AnimatedImage");var _NotificationPreferenceList=require("./NotificationPreferenceList");var _OrganizationItem=require("./OrganizationItem");var _ChatInput=require("./ChatInput/ChatInput");var _Loader=require("./Loader");var _InputEmailChip=require("./InputEmailChip");var _LineLoader=require("./LineLoader");var _ActionIcon=require("./ActionIcon");var _NotificationIcon=require("./NotificationIcon");var _MentionsInputWrapper=require("./ChatInput/MentionsInputWrapper");var _Ripple=require("./Ripple");var _TouchableWithoutFeedback=_interopRequireDefault(require("./TouchableWithoutFeedback"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultToasterConfig=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _reactNativeSizeMatters=require("react-native-size-matters");var _reactNativeToastMessage=_interopRequireWildcard(require("react-native-toast-message"));var _theme=require("../theme");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/config/toasterConfig.jsx";function _getRequireWildcardCache(
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultToasterConfig=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _reactNativeSizeMatters=require("react-native-size-matters");var _reactNativeToastMessage=_interopRequireWildcard(require("react-native-toast-message"));var _theme=require("../theme");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/config/toasterConfig.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 CloseButton=function CloseButton(){return _react.default.createElement(_reactNative.Pressable,{style:styles.closeButtonStyle,onPress:_reactNativeToastMessage.default.hide,__self:_this,__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:3}},_react.default.createElement(_neetoIconsRn.Close,{color:_theme.theme.colors.background.white,size:(0,_reactNativeSizeMatters.moderateScale)(22),__self:_this,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}}));};var defaultToasterConfig=exports.defaultToasterConfig={success:function success(props){return _react.default.createElement(_reactNativeToastMessage.BaseToast,(0,_extends2.default)({},props,{contentContainerStyle:styles.contentContainerStyle,leadingIconContainerStyle:styles.toasterBGColor,renderTrailingIcon:function renderTrailingIcon(){return _react.default.createElement(CloseButton,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:33}});},text1NumberOfLines:10,text1Style:styles.text1Style,text2NumberOfLines:10,text2Style:styles.text2Style,touchableContainerProps:{style:[styles.touchableContainerProps,styles.successStyle]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:5}}));},error:function error(props){return _react.default.createElement(_reactNativeToastMessage.BaseToast,(0,_extends2.default)({},props,{contentContainerStyle:styles.contentContainerStyle,leadingIconContainerStyle:styles.toasterBGColor,renderTrailingIcon:function renderTrailingIcon(){return _react.default.createElement(CloseButton,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:33}});},text1NumberOfLines:10,text1Style:styles.text1Style,text2NumberOfLines:10,text2Style:styles.text2Style,touchableContainerProps:{style:[styles.touchableContainerProps,styles.errorStyle]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}}));},info:function info(props){return _react.default.createElement(_reactNativeToastMessage.BaseToast,(0,_extends2.default)({},props,{contentContainerStyle:styles.contentContainerStyle,leadingIconContainerStyle:styles.toasterBGColor,renderTrailingIcon:function renderTrailingIcon(){return _react.default.createElement(CloseButton,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:33}});},text1NumberOfLines:10,text1Style:styles.text1Style,text2NumberOfLines:10,text2Style:styles.text2Style,touchableContainerProps:{style:[styles.touchableContainerProps,styles.infoStyle]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:5}}));},warning:function warning(props){return _react.default.createElement(_reactNativeToastMessage.BaseToast,(0,_extends2.default)({},props,{contentContainerStyle:styles.contentContainerStyle,leadingIconContainerStyle:styles.toasterBGColor,renderTrailingIcon:function renderTrailingIcon(){return _react.default.createElement(CloseButton,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:33}});},text1NumberOfLines:10,text1Style:styles.text1Style,text2NumberOfLines:10,text2Style:styles.text2Style,touchableContainerProps:{style:[styles.touchableContainerProps,styles.warningStyle]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:5}}));}};defaultToasterConfig.success.displayName="Success";defaultToasterConfig.error.displayName="Error";var styles=_reactNative.StyleSheet.create({touchableContainerProps:{flexDirection:"row",flex:1,paddingVertical:10,width:340,borderRadius:6,shadowOffset:{width:0,height:0},shadowOpacity:0.1,shadowRadius:6,elevation:2,backgroundColor:"#FFF",borderLeftWidth:5,borderLeftColor:"#D8D8D8"},successStyle:{borderLeftColor:_theme.theme.colors.toast.success,backgroundColor:_theme.theme.colors.background.grey800},errorStyle:{borderLeftColor:_theme.theme.colors.toast.error,backgroundColor:_theme.theme.colors.background.grey800},infoStyle:{borderLeftColor:_theme.theme.colors.toast.info,backgroundColor:_theme.theme.colors.background.grey800},warningStyle:{borderLeftColor:_theme.theme.colors.toast.warning,backgroundColor:_theme.theme.colors.background.grey800},toasterBGColor:{backgroundColor:_theme.theme.colors.background.grey800},contentContainerStyle:{paddingHorizontal:15,backgroundColor:_theme.theme.colors.background.grey800},text1Style:{fontSize:15,fontFamily:_theme.theme.fonts.sf700,color:_theme.theme.colors.font.white},text2Style:{fontSize:16,fontFamily:_theme.theme.fonts.sf700,color:_theme.theme.colors.font.white},closeButtonStyle:{justifyContent:"center",alignItems:"center",paddingRight:10,backgroundColor:_theme.theme.colors.background.grey800,shadowColor:_theme.theme.colors.background.grey800,flexDirection:"row",borderTopRightRadius:6,borderBottomRightRadius:6,shadowOffset:{width:0,height:0},shadowOpacity:0.1,shadowRadius:6,elevation:2}});
|
package/lib/contexts/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ProviderContext=void 0;var _react=_interopRequireDefault(require("react"));var ProviderContext=_react.default.createContext(null);
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ProviderContext=void 0;var _react=_interopRequireDefault(require("react"));var ProviderContext=exports.ProviderContext=_react.default.createContext(null);
|
package/lib/theme/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.theme=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _reactNativeSizeMatters=require("react-native-size-matters");var defaultColors={white:"#ffffff",base:"#4557F8",danger:"#D95D4E",menubackground:"#F6F6FA"};var toastBorderColors={success:"#00BA88",error:"#F56A58",info:"#276EF1",warning:"#F3CD82"};var greyVariants={grey:"#828282",grey100:"#f8f9f9",grey200:"#e9ebed",grey300:"#d8dcde",grey400:"#c2c8cc",grey500:"#87929d",grey600:"#68737d",grey700:"#2f3941",grey800:"#1f1f1f"};var darkBlueVariant={darkBlue100:"#0B4885"};var lightBlueVariants={lightBlue100:"#EAF3FC",lightBlue400:"#4558F9"};var purpleVariants={purple100:"#F2F4FF",purple200:"#ECF4FF",purple500:"#4557F8",purple700:"#342DF4"};var greenVariants={green500:"#34C759",green600:"#33C8A0",green700:"#00BA88",green800:"#00956D"};var colors={font:(0,_extends2.default)({primary:"#2F3941",secondary:"#49545C"},defaultColors,greyVariants,lightBlueVariants,darkBlueVariant,purpleVariants,greenVariants),background:(0,_extends2.default)({parentView:"#ffffff",primary:"#ffffff",secondary:"#F6F6FA",oldLace:"#FDF6E5"},defaultColors,greyVariants,lightBlueVariants,darkBlueVariant,purpleVariants,greenVariants),border:(0,_extends2.default)({primary:"#E9EBED",secondary:"#C2C8CC"},greyVariants,lightBlueVariants,darkBlueVariant,defaultColors,purpleVariants),toast:(0,_extends2.default)({},toastBorderColors)};var baseTheme={colors:colors,fonts:{sf400:"SFProText-Regular",sf500:"SFProText-Medium",sf600:"SFProText-Semibold",sf700:"SFProText-Bold"},lineHeights:[24],fontSizes:{"4xs":(0,_reactNativeSizeMatters.moderateScale)(10),"3xs":(0,_reactNativeSizeMatters.moderateScale)(11),"2xs":(0,_reactNativeSizeMatters.moderateScale)(12),xs:(0,_reactNativeSizeMatters.moderateScale)(13),s:(0,_reactNativeSizeMatters.moderateScale)(14),m:(0,_reactNativeSizeMatters.moderateScale)(15),l:(0,_reactNativeSizeMatters.moderateScale)(16),xl:(0,_reactNativeSizeMatters.moderateScale)(17),"2xl":(0,_reactNativeSizeMatters.moderateScale)(18),"3xl":(0,_reactNativeSizeMatters.moderateScale)(20),"4xl":(0,_reactNativeSizeMatters.moderateScale)(22),"5xl":(0,_reactNativeSizeMatters.moderateScale)(30)},space:new Array(100).fill(0).map(function(_,index){return index+1;})};baseTheme.lineHeights.note=baseTheme.lineHeights[0]+"px";var theme=(0,_extends2.default)({},baseTheme,{textStyles:{defaultTextStyle:{color:baseTheme.colors.font.grey800,fontSize:baseTheme.fontSizes.s,fontFamily:baseTheme.fonts.sf400},header:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["3xl"],fontFamily:baseTheme.fonts.sf600},modalHeader:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["xl"],fontFamily:baseTheme.fonts.sf600},body:{color:baseTheme.colors.font.grey500,fontSize:baseTheme.fontSizes.s},subtext:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["2xs"]},solid:{color:baseTheme.colors.font.white},inverse:{color:baseTheme.colors.font.base},text:{color:baseTheme.colors.font.base}},buttons:{solid:{border:2,borderColor:baseTheme.colors.background.base,backgroundColor:baseTheme.colors.background.base},inverse:{border:2,borderColor:baseTheme.colors.border.base,backgroundColor:baseTheme.colors.background.white},text:{color:baseTheme.colors.font.grey800,backgroundColor:baseTheme.colors.background.white}}});
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.theme=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _reactNativeSizeMatters=require("react-native-size-matters");var defaultColors={white:"#ffffff",base:"#4557F8",danger:"#D95D4E",menubackground:"#F6F6FA"};var toastBorderColors={success:"#00BA88",error:"#F56A58",info:"#276EF1",warning:"#F3CD82"};var greyVariants={grey:"#828282",grey100:"#f8f9f9",grey200:"#e9ebed",grey300:"#d8dcde",grey400:"#c2c8cc",grey500:"#87929d",grey600:"#68737d",grey700:"#2f3941",grey800:"#1f1f1f"};var darkBlueVariant={darkBlue100:"#0B4885"};var lightBlueVariants={lightBlue100:"#EAF3FC",lightBlue400:"#4558F9"};var purpleVariants={purple100:"#F2F4FF",purple200:"#ECF4FF",purple500:"#4557F8",purple700:"#342DF4"};var greenVariants={green500:"#34C759",green600:"#33C8A0",green700:"#00BA88",green800:"#00956D"};var colors={font:(0,_extends2.default)({primary:"#2F3941",secondary:"#49545C"},defaultColors,greyVariants,lightBlueVariants,darkBlueVariant,purpleVariants,greenVariants),background:(0,_extends2.default)({parentView:"#ffffff",primary:"#ffffff",secondary:"#F6F6FA",oldLace:"#FDF6E5"},defaultColors,greyVariants,lightBlueVariants,darkBlueVariant,purpleVariants,greenVariants),border:(0,_extends2.default)({primary:"#E9EBED",secondary:"#C2C8CC"},greyVariants,lightBlueVariants,darkBlueVariant,defaultColors,purpleVariants),toast:(0,_extends2.default)({},toastBorderColors)};var baseTheme={colors:colors,fonts:{sf400:"SFProText-Regular",sf500:"SFProText-Medium",sf600:"SFProText-Semibold",sf700:"SFProText-Bold"},lineHeights:[24],text:{primaryColor:colors.font.base,color:colors.font.base},fontSizes:{"4xs":(0,_reactNativeSizeMatters.moderateScale)(10),"3xs":(0,_reactNativeSizeMatters.moderateScale)(11),"2xs":(0,_reactNativeSizeMatters.moderateScale)(12),xs:(0,_reactNativeSizeMatters.moderateScale)(13),s:(0,_reactNativeSizeMatters.moderateScale)(14),m:(0,_reactNativeSizeMatters.moderateScale)(15),l:(0,_reactNativeSizeMatters.moderateScale)(16),xl:(0,_reactNativeSizeMatters.moderateScale)(17),"2xl":(0,_reactNativeSizeMatters.moderateScale)(18),"3xl":(0,_reactNativeSizeMatters.moderateScale)(20),"4xl":(0,_reactNativeSizeMatters.moderateScale)(22),"5xl":(0,_reactNativeSizeMatters.moderateScale)(30)},space:new Array(100).fill(0).map(function(_,index){return index+1;})};baseTheme.lineHeights.note=baseTheme.lineHeights[0]+"px";var theme=exports.theme=(0,_extends2.default)({},baseTheme,{textStyles:{defaultTextStyle:{color:baseTheme.colors.font.grey800,fontSize:baseTheme.fontSizes.s,fontFamily:baseTheme.fonts.sf400},header:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["3xl"],fontFamily:baseTheme.fonts.sf600},modalHeader:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["xl"],fontFamily:baseTheme.fonts.sf600},body:{color:baseTheme.colors.font.grey500,fontSize:baseTheme.fontSizes.s},subtext:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["2xs"]},solid:{color:baseTheme.colors.font.white},inverse:{color:baseTheme.colors.font.base},text:{primaryColor:baseTheme.colors.font.base,color:baseTheme.colors.font.base}},buttons:{solid:{border:2,borderColor:baseTheme.colors.background.base,backgroundColor:baseTheme.colors.background.base},inverse:{border:2,borderColor:baseTheme.colors.border.base,backgroundColor:baseTheme.colors.background.white},text:{color:baseTheme.colors.font.grey800,backgroundColor:baseTheme.colors.background.white}}});
|
package/lib/utils/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.trimChars=exports.isValidEmail=exports.isAndroid=exports.getShadowStyles=exports.endsWithChars=exports.charsForRegex=void 0;var _reactNative=require("react-native");var shadowRadiusList=[1,1.41,2.22,2.62,3.84,4.65,4.65,4.65,5.46,6.27,6.68,7.49,8.3,9.11,9.51,10.32,11.14,11.95,12.35,13.16,13.97,14.78,15.19,16];var shadowOpacityList=[0.18,0.2,0.22,0.23,0.25,0.27,0.29,0.3,0.32,0.34,0.36,0.37,0.39,0.41,0.43,0.44,0.46,0.48,0.5,0.51,0.53,0.55,0.57,0.58];var getShadowStyles=function getShadowStyles(){var elevation=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;if(elevation>24)elevation=24;return{shadowOffset:{width:0,height:Math.floor(elevation/2)},shadowRadius:shadowRadiusList[elevation-1],shadowOpacity:shadowOpacityList[elevation-1],elevation:elevation};};
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.trimChars=exports.isValidEmail=exports.isAndroid=exports.getShadowStyles=exports.endsWithChars=exports.charsForRegex=void 0;var _reactNative=require("react-native");var shadowRadiusList=[1,1.41,2.22,2.62,3.84,4.65,4.65,4.65,5.46,6.27,6.68,7.49,8.3,9.11,9.51,10.32,11.14,11.95,12.35,13.16,13.97,14.78,15.19,16];var shadowOpacityList=[0.18,0.2,0.22,0.23,0.25,0.27,0.29,0.3,0.32,0.34,0.36,0.37,0.39,0.41,0.43,0.44,0.46,0.48,0.5,0.51,0.53,0.55,0.57,0.58];var getShadowStyles=exports.getShadowStyles=function getShadowStyles(){var elevation=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;if(elevation>24)elevation=24;return{shadowOffset:{width:0,height:Math.floor(elevation/2)},shadowRadius:shadowRadiusList[elevation-1],shadowOpacity:shadowOpacityList[elevation-1],elevation:elevation};};var isAndroid=exports.isAndroid=function isAndroid(){return _reactNative.Platform.OS==="android";};var isValidEmail=exports.isValidEmail=function isValidEmail(email){return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);};var charsForRegex=exports.charsForRegex=function charsForRegex(chars){return(chars==null?void 0:chars.join("|"))||"";};var endsWithChars=exports.endsWithChars=function endsWithChars(text,chars){var regex="("+charsForRegex(chars)+")$";return text.match(regex);};var trimChars=exports.trimChars=function trimChars(text,chars){var charsRegex=charsForRegex(chars);var startRegexPattern="^("+charsRegex+")+";var endRegexPattern="("+charsRegex+")+$";var startRegex=new RegExp(startRegexPattern);var endRegex=new RegExp(endRegexPattern);var trimmedText=text.replace(startRegex,"").replace(endRegex,"");return trimmedText;};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neetoui-rn",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.271",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"author": "BigBinary",
|
|
6
6
|
"license": "MIT",
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
"flow": "flow",
|
|
17
17
|
"prestart": "sb-rn-get-stories",
|
|
18
18
|
"storybook-watcher": "sb-rn-watcher",
|
|
19
|
-
"storybook": "start-storybook -p 7007",
|
|
20
19
|
"build-react": "webpack --mode production --config webpack.config.js",
|
|
21
20
|
"serve": "serve -s dist",
|
|
22
21
|
"start-react": "webpack-dev-server --config ./webpack.config.js --mode development",
|
|
@@ -24,13 +23,13 @@
|
|
|
24
23
|
"storybook-web": "yarn prestart && ./node_modules/@storybook/react/bin/index.js",
|
|
25
24
|
"get-stories": "sb-rn-get-stories --config-path=./.storybook",
|
|
26
25
|
"preweb": "yarn get-stories",
|
|
27
|
-
"
|
|
26
|
+
"storybook": "yarn prestart && webpack serve --mode=development --config webpack.config.js",
|
|
28
27
|
"prepare": "husky install",
|
|
29
|
-
"yalc:publish": "yarn build && rm -rf ~/.yalc/packages && yalc publish --private"
|
|
28
|
+
"yalc:publish": "yarn build && rm -rf ~/.yalc/packages && yalc publish --private",
|
|
29
|
+
"postinstall": "patch-package"
|
|
30
30
|
},
|
|
31
31
|
"files": [
|
|
32
32
|
"lib",
|
|
33
|
-
"src",
|
|
34
33
|
"react-native.config.js",
|
|
35
34
|
"index.d.ts",
|
|
36
35
|
"assets"
|
|
@@ -44,23 +43,25 @@
|
|
|
44
43
|
},
|
|
45
44
|
"peerDependencies": {
|
|
46
45
|
"react-native-device-info": "^10.3.0",
|
|
47
|
-
"react-native-
|
|
48
|
-
"react-native-reanimated": "^3.5.4",
|
|
46
|
+
"react-native-reanimated": "3.5.4",
|
|
49
47
|
"react-native-safe-area-context": "^3.3.2",
|
|
50
48
|
"react-native-svg": "*",
|
|
51
49
|
"react-native-webview": "11.14.4"
|
|
52
50
|
},
|
|
53
51
|
"dependencies": {
|
|
52
|
+
"@babel/plugin-proposal-export-namespace-from": "^7.18.9",
|
|
54
53
|
"@bigbinary/neeto-commons-frontend": "^2.0.129",
|
|
55
|
-
"@bigbinary/neeto-icons-rn": "^1.0.
|
|
54
|
+
"@bigbinary/neeto-icons-rn": "^1.0.7",
|
|
56
55
|
"@react-native-community/hooks": "^2.8.1",
|
|
57
56
|
"@shopify/flash-list": "^1.2.0",
|
|
58
57
|
"@styled-system/prop-types": "^5.1.5",
|
|
59
58
|
"dayjs": "^1.11.4",
|
|
60
59
|
"node-html-parser": "^6.1.5",
|
|
60
|
+
"patch-package": "^8.0.0",
|
|
61
61
|
"react-content-loader": "^6.2.0",
|
|
62
62
|
"react-native-calendars": "^1.1285.0",
|
|
63
63
|
"react-native-controlled-mentions": "^2.2.5",
|
|
64
|
+
"react-native-fast-image": "^8.6.3",
|
|
64
65
|
"react-native-gesture-handler": "^2.4.0",
|
|
65
66
|
"react-native-modal": "^13.0.0",
|
|
66
67
|
"react-native-pell-rich-editor": "^1.9.0",
|
|
@@ -69,6 +70,7 @@
|
|
|
69
70
|
"react-native-size-matters": "^0.4.0",
|
|
70
71
|
"react-native-snap-carousel": "4.0.0-beta.6",
|
|
71
72
|
"react-native-toast-message": "^2.1.5",
|
|
73
|
+
"react-native-web": "^0.19.9",
|
|
72
74
|
"styled-components": "^5.3.3",
|
|
73
75
|
"styled-system": "^5.1.5"
|
|
74
76
|
},
|
|
@@ -78,6 +80,7 @@
|
|
|
78
80
|
"@babel/eslint-parser": "^7.19.1",
|
|
79
81
|
"@babel/runtime": "^7.12.5",
|
|
80
82
|
"@bigbinary/eslint-plugin-neeto": "^1.0.15",
|
|
83
|
+
"@bigbinary/neeto-cist": "^1.0.6",
|
|
81
84
|
"@react-native-async-storage/async-storage": "^1.15.11",
|
|
82
85
|
"@react-native-community/datetimepicker": "^3.5.2",
|
|
83
86
|
"@react-native-community/eslint-config": "^3.0.1",
|
|
@@ -94,18 +97,21 @@
|
|
|
94
97
|
"@storybook/addon-ondevice-backgrounds": "^6.0.1-beta.11",
|
|
95
98
|
"@storybook/addon-ondevice-controls": "^6.0.1-beta.11",
|
|
96
99
|
"@storybook/addon-ondevice-knobs": "^6.0.1-beta.11",
|
|
97
|
-
"@storybook/addon-ondevice-notes": "^6.
|
|
100
|
+
"@storybook/addon-ondevice-notes": "^6.5.7",
|
|
101
|
+
"@storybook/addon-react-native-web": "^0.0.21",
|
|
98
102
|
"@storybook/addon-storyshots": "^6.5.15",
|
|
99
103
|
"@storybook/addons": "^6.5.15",
|
|
104
|
+
"@storybook/builder-webpack5": "6.5.16",
|
|
100
105
|
"@storybook/cli": "^6.5.15",
|
|
101
106
|
"@storybook/react": "^6.5.15",
|
|
102
107
|
"@storybook/react-native": "^6.0.1-beta.11",
|
|
103
108
|
"@storybook/react-native-server": "^6.0.1-beta.11",
|
|
104
109
|
"@svgr/webpack": "^5.5.0",
|
|
110
|
+
"awesome-typescript-loader": "^5.2.1",
|
|
105
111
|
"babel-jest": "^26.6.3",
|
|
106
112
|
"babel-loader": "^8.2.3",
|
|
107
113
|
"babel-plugin-module-resolver": "^4.1.0",
|
|
108
|
-
"babel-plugin-react-native-web": "^0.
|
|
114
|
+
"babel-plugin-react-native-web": "^0.19.9",
|
|
109
115
|
"babel-plugin-transform-remove-console": "^6.9.4",
|
|
110
116
|
"eslint": "^8.26.0",
|
|
111
117
|
"eslint-config-prettier": "^8.3.0",
|
|
@@ -117,6 +123,7 @@
|
|
|
117
123
|
"eslint-plugin-react": "^7.31.10",
|
|
118
124
|
"eslint-plugin-react-hooks": "^4.3.0",
|
|
119
125
|
"eslint-plugin-react-native": "^3.11.0",
|
|
126
|
+
"eslint-plugin-storybook": "^0.6.15",
|
|
120
127
|
"eslint-plugin-unused-imports": "^2.0.0",
|
|
121
128
|
"html-webpack-plugin": "^5.5.0",
|
|
122
129
|
"husky": "^7.0.0",
|
|
@@ -124,23 +131,23 @@
|
|
|
124
131
|
"lint-staged": "^12.0.3",
|
|
125
132
|
"metro-react-native-babel-preset": "^0.66.2",
|
|
126
133
|
"prettier": "^2.3.1",
|
|
127
|
-
"ramda": "^0.
|
|
134
|
+
"ramda": "^0.29.1",
|
|
128
135
|
"react": "18.1.0",
|
|
129
|
-
"react-dom": "
|
|
136
|
+
"react-dom": "^18.2.0",
|
|
130
137
|
"react-native": "0.70.6",
|
|
131
138
|
"react-native-device-info": "^10.3.0",
|
|
132
|
-
"react-native-fast-image": "^8.6.0",
|
|
133
139
|
"react-native-pager-view": "^5.4.25",
|
|
134
|
-
"react-native-reanimated": "
|
|
140
|
+
"react-native-reanimated": "3.5.4",
|
|
135
141
|
"react-native-screens": "^3.15.0",
|
|
136
142
|
"react-native-storybook-loader": "^2.0.5",
|
|
137
143
|
"react-native-svg": "^12.4.4",
|
|
138
144
|
"react-native-svg-transformer": "^1.0.0",
|
|
139
145
|
"react-native-tab-view": "^3.1.1",
|
|
140
|
-
"react-native-web": "^0.
|
|
146
|
+
"react-native-web-image-loader": "^0.1.1",
|
|
141
147
|
"react-native-webview": "^11.26.0",
|
|
142
148
|
"react-test-renderer": "17.0.2",
|
|
143
149
|
"serve": "^13.0.2",
|
|
150
|
+
"typescript": "^5.3.3",
|
|
144
151
|
"url-loader": "^4.1.1",
|
|
145
152
|
"webpack": "^5.61.0",
|
|
146
153
|
"webpack-cli": "^4.9.1",
|
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
useContext,
|
|
3
|
-
useState,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
useImperativeHandle,
|
|
7
|
-
} from "react";
|
|
8
|
-
import { Animated, StyleSheet } from "react-native";
|
|
9
|
-
|
|
10
|
-
import { Down } from "@bigbinary/neeto-icons-rn";
|
|
11
|
-
import PropTypes from "prop-types";
|
|
12
|
-
import { moderateScale } from "react-native-size-matters";
|
|
13
|
-
import styled, { ThemeContext } from "styled-components/native";
|
|
14
|
-
import {
|
|
15
|
-
buttonStyle,
|
|
16
|
-
flexbox,
|
|
17
|
-
space,
|
|
18
|
-
border,
|
|
19
|
-
color,
|
|
20
|
-
layout,
|
|
21
|
-
} from "styled-system";
|
|
22
|
-
|
|
23
|
-
import { Container } from "@components";
|
|
24
|
-
|
|
25
|
-
const TouchableOpacity = styled.TouchableOpacity`
|
|
26
|
-
${buttonStyle}
|
|
27
|
-
${flexbox}
|
|
28
|
-
${space}
|
|
29
|
-
${border}
|
|
30
|
-
${color}
|
|
31
|
-
${layout}
|
|
32
|
-
`;
|
|
33
|
-
|
|
34
|
-
const AccordionBody = ({ isExpanded, children }) => {
|
|
35
|
-
const animationController = useRef(
|
|
36
|
-
new Animated.Value(isExpanded ? 1 : 0)
|
|
37
|
-
).current;
|
|
38
|
-
|
|
39
|
-
const [viewHeight, setViewHeight] = useState(0);
|
|
40
|
-
|
|
41
|
-
useEffect(() => {
|
|
42
|
-
Animated.timing(animationController, {
|
|
43
|
-
duration: 300,
|
|
44
|
-
toValue: isExpanded ? 1 : 0,
|
|
45
|
-
useNativeDriver: false,
|
|
46
|
-
}).start();
|
|
47
|
-
}, [isExpanded]);
|
|
48
|
-
|
|
49
|
-
const bodyContentHeight = animationController.interpolate({
|
|
50
|
-
inputRange: [0, 1],
|
|
51
|
-
outputRange: [0, viewHeight],
|
|
52
|
-
});
|
|
53
|
-
|
|
54
|
-
const getLayout = event => {
|
|
55
|
-
const height = event.nativeEvent.layout.height;
|
|
56
|
-
setViewHeight(height);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
return (
|
|
60
|
-
<Animated.View style={{ height: bodyContentHeight, overflow: "hidden" }}>
|
|
61
|
-
<Container position="absolute" width="100%" onLayout={getLayout}>
|
|
62
|
-
{children}
|
|
63
|
-
</Container>
|
|
64
|
-
</Animated.View>
|
|
65
|
-
);
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* A component used to display an expandable list item.
|
|
70
|
-
*
|
|
71
|
-
* <div class="screenshots">
|
|
72
|
-
* <img src="screenshots/accordion/accordion.png" />
|
|
73
|
-
* </div>
|
|
74
|
-
*
|
|
75
|
-
* ## Usage
|
|
76
|
-
* ```js
|
|
77
|
-
* import * as React from 'react';
|
|
78
|
-
* import { Container, Accordion } from '@bigbinary/neetoui-rn';
|
|
79
|
-
*
|
|
80
|
-
* export default function Main() {
|
|
81
|
-
* return (
|
|
82
|
-
* <Container>
|
|
83
|
-
* <Accordion
|
|
84
|
-
* header={() => (
|
|
85
|
-
* <Container flexDirection="row" alignItems="center">
|
|
86
|
-
* <Typography bg="#00BA8829" color="font.primary" p={moderateScale(1)}>
|
|
87
|
-
* Open
|
|
88
|
-
* </Typography>
|
|
89
|
-
* <Typography px={moderateScale(2)}>Low</Typography>
|
|
90
|
-
* </Container>
|
|
91
|
-
* )}
|
|
92
|
-
* iconProp={{
|
|
93
|
-
* IconLabel: () => (
|
|
94
|
-
* <Typography color="font.danger">Collapse</Typography>
|
|
95
|
-
* ),
|
|
96
|
-
* iconColor: theme.colors.font.danger,
|
|
97
|
-
* }}
|
|
98
|
-
* >
|
|
99
|
-
* <Container my={moderateScale(2)} p={moderateScale(3)} bg="background.grey100" borderRadius={moderateScale(8)}>
|
|
100
|
-
* <Typography color="font.primary">Body Content</Typography>
|
|
101
|
-
* </Container>
|
|
102
|
-
* </Accordion>
|
|
103
|
-
* </Container>
|
|
104
|
-
* );
|
|
105
|
-
* }
|
|
106
|
-
* ```
|
|
107
|
-
*
|
|
108
|
-
*/
|
|
109
|
-
|
|
110
|
-
export const Accordion = React.forwardRef(
|
|
111
|
-
(
|
|
112
|
-
{
|
|
113
|
-
header,
|
|
114
|
-
noBorder = false,
|
|
115
|
-
iconProp = {},
|
|
116
|
-
onStateChanged,
|
|
117
|
-
children,
|
|
118
|
-
position = "bottom",
|
|
119
|
-
shouldShowToggle = true,
|
|
120
|
-
headerContainerProps,
|
|
121
|
-
...rest
|
|
122
|
-
},
|
|
123
|
-
ref
|
|
124
|
-
) => {
|
|
125
|
-
const { Label, size, color } = iconProp;
|
|
126
|
-
const theme = useContext(ThemeContext);
|
|
127
|
-
const [isExpanded, setIsExpanded] = useState(false);
|
|
128
|
-
const animationController = useRef(
|
|
129
|
-
new Animated.Value(isExpanded ? 1 : 0)
|
|
130
|
-
).current;
|
|
131
|
-
|
|
132
|
-
useEffect(() => {
|
|
133
|
-
Animated.timing(animationController, {
|
|
134
|
-
duration: 300,
|
|
135
|
-
toValue: isExpanded ? 1 : 0,
|
|
136
|
-
useNativeDriver: false,
|
|
137
|
-
}).start(() => {
|
|
138
|
-
!!onStateChanged && onStateChanged(isExpanded);
|
|
139
|
-
});
|
|
140
|
-
}, [isExpanded]);
|
|
141
|
-
|
|
142
|
-
const handleAnimation = () => {
|
|
143
|
-
setIsExpanded(!isExpanded);
|
|
144
|
-
};
|
|
145
|
-
|
|
146
|
-
useImperativeHandle(ref, () => ({
|
|
147
|
-
toggleAccordion: handleAnimation,
|
|
148
|
-
openAccordion: () => setIsExpanded(true),
|
|
149
|
-
closeAccordion: () => setIsExpanded(false),
|
|
150
|
-
}));
|
|
151
|
-
|
|
152
|
-
const arrowAngle = animationController.interpolate({
|
|
153
|
-
inputRange: [0, 1],
|
|
154
|
-
outputRange: ["0rad", `${Math.PI}rad`],
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
return (
|
|
158
|
-
<Container
|
|
159
|
-
{...(!noBorder && {
|
|
160
|
-
borderColor: "border.grey400",
|
|
161
|
-
borderWidth: moderateScale(1),
|
|
162
|
-
borderRadius: moderateScale(8),
|
|
163
|
-
})}
|
|
164
|
-
padding={moderateScale(12)}
|
|
165
|
-
width="100%"
|
|
166
|
-
{...rest}
|
|
167
|
-
>
|
|
168
|
-
{position === "top" && (
|
|
169
|
-
<AccordionBody isExpanded={isExpanded}>{children}</AccordionBody>
|
|
170
|
-
)}
|
|
171
|
-
<TouchableOpacity
|
|
172
|
-
style={styles.accordionContainer}
|
|
173
|
-
onPress={() => {
|
|
174
|
-
handleAnimation();
|
|
175
|
-
}}
|
|
176
|
-
{...headerContainerProps}
|
|
177
|
-
>
|
|
178
|
-
{!!header && <Container flexGrow={1}>{header()}</Container>}
|
|
179
|
-
{!!shouldShowToggle && (
|
|
180
|
-
<Container
|
|
181
|
-
alignItems="center"
|
|
182
|
-
flexDirection="row"
|
|
183
|
-
justifyContent="center"
|
|
184
|
-
>
|
|
185
|
-
{Label && <Label />}
|
|
186
|
-
<Animated.View
|
|
187
|
-
style={{
|
|
188
|
-
alignItems: "flex-end",
|
|
189
|
-
transform: [{ rotateZ: arrowAngle }],
|
|
190
|
-
}}
|
|
191
|
-
>
|
|
192
|
-
<Container>
|
|
193
|
-
<Down
|
|
194
|
-
color={color ?? theme.colors.font.grey700}
|
|
195
|
-
size={size ?? moderateScale(24)}
|
|
196
|
-
/>
|
|
197
|
-
</Container>
|
|
198
|
-
</Animated.View>
|
|
199
|
-
</Container>
|
|
200
|
-
)}
|
|
201
|
-
</TouchableOpacity>
|
|
202
|
-
{position === "bottom" && (
|
|
203
|
-
<AccordionBody isExpanded={isExpanded}>{children}</AccordionBody>
|
|
204
|
-
)}
|
|
205
|
-
</Container>
|
|
206
|
-
);
|
|
207
|
-
}
|
|
208
|
-
);
|
|
209
|
-
|
|
210
|
-
AccordionBody.propTypes = {
|
|
211
|
-
isExpanded: PropTypes.bool.isRequired,
|
|
212
|
-
children: PropTypes.element,
|
|
213
|
-
};
|
|
214
|
-
|
|
215
|
-
Accordion.propTypes = {
|
|
216
|
-
/**
|
|
217
|
-
* Render a component on the header.
|
|
218
|
-
*/
|
|
219
|
-
header: PropTypes.func,
|
|
220
|
-
/**
|
|
221
|
-
* Customize header container
|
|
222
|
-
*/
|
|
223
|
-
headerContainerProps: PropTypes.object,
|
|
224
|
-
/**
|
|
225
|
-
* Renders the child component passed in the body of the accordion.
|
|
226
|
-
*/
|
|
227
|
-
children: PropTypes.node,
|
|
228
|
-
/**
|
|
229
|
-
* Takes a boolean value based on which border is shown.
|
|
230
|
-
*/
|
|
231
|
-
noBorder: PropTypes.bool,
|
|
232
|
-
/**
|
|
233
|
-
* Function that returns the current state.
|
|
234
|
-
*/
|
|
235
|
-
onStateChanged: PropTypes.func,
|
|
236
|
-
/**
|
|
237
|
-
* Takes an object based on which the icon to expand/collapse can be customized.
|
|
238
|
-
* Label: Takes a component.
|
|
239
|
-
* size: Used to update the icon size.
|
|
240
|
-
* name: Used to update the default arrow icon.
|
|
241
|
-
* color: Used to update the default color of the icon.
|
|
242
|
-
*/
|
|
243
|
-
iconProp: PropTypes.shape({
|
|
244
|
-
name: PropTypes.string,
|
|
245
|
-
Label: PropTypes.elementType,
|
|
246
|
-
size: PropTypes.number,
|
|
247
|
-
color: PropTypes.string,
|
|
248
|
-
}),
|
|
249
|
-
/**
|
|
250
|
-
* Determine whether the body should show at the top or bottom
|
|
251
|
-
*/
|
|
252
|
-
position: PropTypes.string,
|
|
253
|
-
/**
|
|
254
|
-
* Can be set to false if custom toggle UI action item needs to be passed.
|
|
255
|
-
*/
|
|
256
|
-
shouldShowToggle: PropTypes.bool,
|
|
257
|
-
};
|
|
258
|
-
|
|
259
|
-
const styles = StyleSheet.create({
|
|
260
|
-
accordionContainer: {
|
|
261
|
-
flexDirection: "row",
|
|
262
|
-
alignItems: "center",
|
|
263
|
-
},
|
|
264
|
-
});
|
|
265
|
-
|
|
266
|
-
Accordion.displayName = "Accordion";
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
import PropTypes from "prop-types";
|
|
4
|
-
import { moderateScale } from "react-native-size-matters";
|
|
5
|
-
|
|
6
|
-
import { theme } from "@theme";
|
|
7
|
-
|
|
8
|
-
import { Loader } from "./Loader";
|
|
9
|
-
import { Touchable } from "./Touchable";
|
|
10
|
-
import { Typography } from "./Typography";
|
|
11
|
-
|
|
12
|
-
export const ActionIcon = ({
|
|
13
|
-
isLoading = false,
|
|
14
|
-
icon: Icon,
|
|
15
|
-
onPress,
|
|
16
|
-
size = moderateScale(24),
|
|
17
|
-
color = theme.colors.font.grey800,
|
|
18
|
-
disabled = false,
|
|
19
|
-
label,
|
|
20
|
-
iconProps,
|
|
21
|
-
...rest
|
|
22
|
-
}) => (
|
|
23
|
-
<Touchable
|
|
24
|
-
alignItems="center"
|
|
25
|
-
aspectRatio={1}
|
|
26
|
-
disabled={disabled || isLoading}
|
|
27
|
-
height={moderateScale(40)}
|
|
28
|
-
justifyContent="center"
|
|
29
|
-
maxHeight={moderateScale(64)}
|
|
30
|
-
maxWidth={moderateScale(64)}
|
|
31
|
-
opacity={disabled ? 0.5 : 1}
|
|
32
|
-
onPress={onPress}
|
|
33
|
-
{...rest}
|
|
34
|
-
>
|
|
35
|
-
{isLoading ? <Loader /> : <Icon color={color} size={size} {...iconProps} />}
|
|
36
|
-
{!!label && (
|
|
37
|
-
<Typography
|
|
38
|
-
color="font.grey600"
|
|
39
|
-
fontFamily="sf400"
|
|
40
|
-
fontSize="4xs"
|
|
41
|
-
mt={moderateScale(2)}
|
|
42
|
-
>
|
|
43
|
-
{label}
|
|
44
|
-
</Typography>
|
|
45
|
-
)}
|
|
46
|
-
</Touchable>
|
|
47
|
-
);
|
|
48
|
-
|
|
49
|
-
ActionIcon.propTypes = {
|
|
50
|
-
/**
|
|
51
|
-
* The icon that should be displayed
|
|
52
|
-
*/
|
|
53
|
-
icon: PropTypes.elementType,
|
|
54
|
-
/**
|
|
55
|
-
* The Func that should be triggered on click of the action icon
|
|
56
|
-
*/
|
|
57
|
-
onPress: PropTypes.func,
|
|
58
|
-
/** To customize the size of the icon
|
|
59
|
-
*/
|
|
60
|
-
size: PropTypes.number,
|
|
61
|
-
/** To customize the color of the icon
|
|
62
|
-
*/
|
|
63
|
-
color: PropTypes.string,
|
|
64
|
-
/** To set the disabled state
|
|
65
|
-
*/
|
|
66
|
-
disabled: PropTypes.bool,
|
|
67
|
-
/** The label that should be displayed next to the icon
|
|
68
|
-
*/
|
|
69
|
-
label: PropTypes.string,
|
|
70
|
-
/** To display the loading state
|
|
71
|
-
*/
|
|
72
|
-
isLoading: PropTypes.bool,
|
|
73
|
-
/** To additionally customize the icon
|
|
74
|
-
*/
|
|
75
|
-
iconProps: PropTypes.object,
|
|
76
|
-
};
|