@bigbinary/neetoui-rn 0.0.246 → 0.0.247

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.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 _=require("./");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=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,{width:"100%",__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:3}},_react.default.createElement(_.Container,{alignItems:"center",flexDirection:"row",pb:(0,_reactNativeSizeMatters.moderateScale)(8),pt:(0,_reactNativeSizeMatters.moderateScale)(16),__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:5}},!!title&&_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey600",fontSize:"m",lineHeight:lineHeight+"px"},titleProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:9}}),title),isLoading&&_react.default.createElement(_.Container,{height:lineHeight,justifyContent:"center",mx:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}},_react.default.createElement(_.Loader,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:11}}))),_react.default.createElement(_.Container,(0,_extends2.default)({bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8)},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,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,(0,_extends2.default)({key:index,px:(0,_reactNativeSizeMatters.moderateScale)(16)},itemWrapperProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:11}}),_react.default.createElement(_.Container,(0,_extends2.default)({alignItems:"center",flexDirection:"row",justifyContent:"space-between",py:(0,_reactNativeSizeMatters.moderateScale)(12)},itemContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:135,columnNumber:13}}),_react.default.createElement(_.Container,(0,_extends2.default)({alignItems:"center",flexDirection:"row"},labelContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:15}}),LeftIcon&&_react.default.createElement(_.Container,{mr:(0,_reactNativeSizeMatters.moderateScale)(10),__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:19}},_react.default.createElement(LeftIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:21}})),_react.default.createElement(_.Typography,(0,_extends2.default)({fontSize:"l",mr:(0,_reactNativeSizeMatters.moderateScale)(10)},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:152,columnNumber:17}}),label)),_react.default.createElement(_.ToggleSwitch,{value:enabled,onValueChange:function onValueChange(){return onSwitch(item,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:15}})),!isLastItem&&_react.default.createElement(_.Divider,{bg:"background.grey300",__self:_this,__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:29}}));})));};exports.NotificationPreferenceList=NotificationPreferenceList;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};
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 _=require("./");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=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,{width:"100%",__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:3}},_react.default.createElement(_.Container,{alignItems:"center",flexDirection:"row",pb:(0,_reactNativeSizeMatters.moderateScale)(8),pt:(0,_reactNativeSizeMatters.moderateScale)(20),__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:5}},!!title&&_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey600",fontSize:"m",lineHeight:lineHeight+"px"},titleProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:9}}),title),isLoading&&_react.default.createElement(_.Container,{height:lineHeight,justifyContent:"center",mx:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}},_react.default.createElement(_.Loader,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:11}}))),_react.default.createElement(_.Container,(0,_extends2.default)({bg:"background.secondary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8)},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,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,(0,_extends2.default)({key:index,px:(0,_reactNativeSizeMatters.moderateScale)(16)},itemWrapperProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:11}}),_react.default.createElement(_.Container,(0,_extends2.default)({alignItems:"center",flexDirection:"row",justifyContent:"space-between",py:(0,_reactNativeSizeMatters.moderateScale)(12)},itemContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:135,columnNumber:13}}),_react.default.createElement(_.Container,(0,_extends2.default)({alignItems:"center",flex:1,flexDirection:"row"},labelContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:15}}),LeftIcon&&_react.default.createElement(_.Container,{mr:(0,_reactNativeSizeMatters.moderateScale)(8),__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:19}},_react.default.createElement(LeftIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:21}})),_react.default.createElement(_.Typography,(0,_extends2.default)({flex:1,fontSize:"l",mr:(0,_reactNativeSizeMatters.moderateScale)(8)},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:153,columnNumber:17}}),label)),_react.default.createElement(_.ToggleSwitch,{value:enabled,onValueChange:function onValueChange(){return onSwitch(item,index);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:15}})),!isLastItem&&_react.default.createElement(_.Divider,{bg:"background.grey300",__self:_this,__source:{fileName:_jsxFileName,lineNumber:167,columnNumber:29}}));})));};exports.NotificationPreferenceList=NotificationPreferenceList;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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neetoui-rn",
3
- "version": "0.0.246",
3
+ "version": "0.0.247",
4
4
  "main": "lib/index.js",
5
5
  "author": "BigBinary",
6
6
  "license": "MIT",
@@ -99,7 +99,7 @@ export const NotificationPreferenceList = ({
99
99
  alignItems="center"
100
100
  flexDirection="row"
101
101
  pb={moderateScale(8)}
102
- pt={moderateScale(16)}
102
+ pt={moderateScale(20)}
103
103
  >
104
104
  {!!title && (
105
105
  <Typography
@@ -141,15 +141,21 @@ export const NotificationPreferenceList = ({
141
141
  >
142
142
  <Container
143
143
  alignItems="center"
144
+ flex={1}
144
145
  flexDirection="row"
145
146
  {...labelContainerProps}
146
147
  >
147
148
  {LeftIcon && (
148
- <Container mr={moderateScale(10)}>
149
+ <Container mr={moderateScale(8)}>
149
150
  <LeftIcon />
150
151
  </Container>
151
152
  )}
152
- <Typography fontSize="l" mr={moderateScale(10)} {...labelProps}>
153
+ <Typography
154
+ flex={1}
155
+ fontSize="l"
156
+ mr={moderateScale(8)}
157
+ {...labelProps}
158
+ >
153
159
  {label}
154
160
  </Typography>
155
161
  </Container>