@bigbinary/neetoui-rn 0.0.212 → 0.0.213
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/index.d.ts +14 -15
- package/lib/components/OrganizationItem.js +1 -1
- package/package.json +1 -1
- package/src/components/OrganizationItem.js +28 -35
package/index.d.ts
CHANGED
|
@@ -67,11 +67,11 @@ const theme: {
|
|
|
67
67
|
|
|
68
68
|
interface StyleProps
|
|
69
69
|
extends FlexboxProps,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
70
|
+
SpaceProps,
|
|
71
|
+
BorderProps,
|
|
72
|
+
ColorProps,
|
|
73
|
+
LayoutProps,
|
|
74
|
+
PositionProps {
|
|
75
75
|
borderColor?: typeof theme.colors.border;
|
|
76
76
|
borderTopColor?: typeof theme.colors.border;
|
|
77
77
|
borderBottomColor?: typeof theme.colors.border;
|
|
@@ -95,11 +95,11 @@ interface TextProps extends RNTextProps, StyleProps, TypographyProps {
|
|
|
95
95
|
}
|
|
96
96
|
interface TextInputProps
|
|
97
97
|
extends RNTextInputAndroidProps,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
interface FlatListProps extends RNFlatListProps, StyleProps {
|
|
102
|
-
interface ScrollViewProps extends RNScrollViewProps, StyleProps {
|
|
98
|
+
RNTextInputIOSProps,
|
|
99
|
+
StyleProps,
|
|
100
|
+
TypographyProps {}
|
|
101
|
+
interface FlatListProps extends RNFlatListProps, StyleProps {}
|
|
102
|
+
interface ScrollViewProps extends RNScrollViewProps, StyleProps {}
|
|
103
103
|
interface TouchableProps extends RippleProps, StyleProps, ButtonStyleProps {
|
|
104
104
|
children?: React.ReactNode;
|
|
105
105
|
}
|
|
@@ -139,7 +139,7 @@ interface AnimatedImageProps extends RNImageProps, FastImageProps {
|
|
|
139
139
|
|
|
140
140
|
interface AvatarProps extends ViewProps {
|
|
141
141
|
name?: string;
|
|
142
|
-
variant?: "extra-small" |"small" | "medium";
|
|
142
|
+
variant?: "extra-small" | "small" | "medium";
|
|
143
143
|
bgColor?: typeof theme.colors.background;
|
|
144
144
|
fontColor?: typeof theme.colors.font;
|
|
145
145
|
imageUrl?: string;
|
|
@@ -354,12 +354,11 @@ type OnBoardingProps = {
|
|
|
354
354
|
|
|
355
355
|
interface OrganizationItemProps extends ViewProps {
|
|
356
356
|
label?: string;
|
|
357
|
-
|
|
358
|
-
containerProps?: ViewProps;
|
|
357
|
+
labelContainerProps?: ViewProps;
|
|
359
358
|
iconContainerProps?: ViewProps;
|
|
360
359
|
iconProps?: { size: number; color: typeof theme.colors.font; name: string };
|
|
361
|
-
textContainerProps?: ViewProps;
|
|
362
360
|
labelProps?: TypographyProps;
|
|
361
|
+
name: string;
|
|
363
362
|
nameProps?: TypographyProps;
|
|
364
363
|
}
|
|
365
364
|
|
|
@@ -383,7 +382,7 @@ interface ParentViewProps extends ViewProps {
|
|
|
383
382
|
interface PopoverItemProps {
|
|
384
383
|
Icon?: React.FC;
|
|
385
384
|
label?: string;
|
|
386
|
-
labelProps?: TypographyProps
|
|
385
|
+
labelProps?: TypographyProps;
|
|
387
386
|
}
|
|
388
387
|
type RNPopoverProps = typeof RNPopover.propTypes;
|
|
389
388
|
interface PopoverProps extends RNPopoverProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.OrganizationItem=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("prop-types"));var _reactNativeRemixIcon=_interopRequireDefault(require("react-native-remix-icon"));var _=require("./");var _native=require("styled-components/native");var _excluded=["label","
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.OrganizationItem=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("prop-types"));var _reactNativeRemixIcon=_interopRequireDefault(require("react-native-remix-icon"));var _=require("./");var _native=require("styled-components/native");var _excluded=["label","labelContainerProps","iconContainerProps","iconProps","labelProps","name","nameProps"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/OrganizationItem.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var OrganizationItem=function OrganizationItem(props){var label=props.label,labelContainerProps=props.labelContainerProps,iconContainerProps=props.iconContainerProps,iconProps=props.iconProps,labelProps=props.labelProps,name=props.name,nameProps=props.nameProps,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);return _react.default.createElement(_.Container,(0,_extends2.default)({bg:"background.secondary",width:"100%",px:16,py:12,borderRadius:6,justifyContent:"space-between"},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:5}}),_react.default.createElement(_.Container,(0,_extends2.default)({flexDirection:"row",alignItems:"center"},labelContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:7}}),_react.default.createElement(_.Container,(0,_extends2.default)({mr:9},iconContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:9}}),_react.default.createElement(_reactNativeRemixIcon.default,(0,_extends2.default)({size:20,color:theme.colors.font.grey800,name:"building-line"},iconProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}}))),_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey800",fontSize:"l",fontFamily:"sf500"},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:9}}),label||"Organization")),_react.default.createElement(_.Typography,(0,_extends2.default)({ml:29,color:"font.grey",fontSize:"m",fontFamily:"sf500",mt:"8px"},nameProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:7}}),name));};exports.OrganizationItem=OrganizationItem;OrganizationItem.propTypes={label:_propTypes.default.string,labelContainerProps:_propTypes.default.object,iconContainerProps:_propTypes.default.object,iconProps:_propTypes.default.object,labelProps:_propTypes.default.object,name:_propTypes.default.string.isRequired,nameProps:_propTypes.default.object};
|
package/package.json
CHANGED
|
@@ -30,12 +30,11 @@ import { ThemeContext } from "styled-components/native";
|
|
|
30
30
|
export const OrganizationItem = props => {
|
|
31
31
|
const {
|
|
32
32
|
label,
|
|
33
|
-
|
|
34
|
-
containerProps,
|
|
33
|
+
labelContainerProps,
|
|
35
34
|
iconContainerProps,
|
|
36
35
|
iconProps,
|
|
37
|
-
textContainerProps,
|
|
38
36
|
labelProps,
|
|
37
|
+
name,
|
|
39
38
|
nameProps,
|
|
40
39
|
...rest
|
|
41
40
|
} = props;
|
|
@@ -47,14 +46,13 @@ export const OrganizationItem = props => {
|
|
|
47
46
|
px={16}
|
|
48
47
|
py={12}
|
|
49
48
|
borderRadius={6}
|
|
50
|
-
alignItems="center"
|
|
51
49
|
justifyContent="space-between"
|
|
52
50
|
{...rest}
|
|
53
51
|
>
|
|
54
52
|
<Container
|
|
55
53
|
flexDirection="row"
|
|
56
|
-
alignItems="
|
|
57
|
-
{...
|
|
54
|
+
alignItems="center"
|
|
55
|
+
{...labelContainerProps}
|
|
58
56
|
>
|
|
59
57
|
<Container mr={9} {...iconContainerProps}>
|
|
60
58
|
<Icon
|
|
@@ -64,26 +62,25 @@ export const OrganizationItem = props => {
|
|
|
64
62
|
{...iconProps}
|
|
65
63
|
/>
|
|
66
64
|
</Container>
|
|
67
|
-
<
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
</Typography>
|
|
76
|
-
<Typography
|
|
77
|
-
color="font.grey"
|
|
78
|
-
fontSize="m"
|
|
79
|
-
fontFamily="sf500"
|
|
80
|
-
mt="8px"
|
|
81
|
-
{...nameProps}
|
|
82
|
-
>
|
|
83
|
-
{name}
|
|
84
|
-
</Typography>
|
|
85
|
-
</Container>
|
|
65
|
+
<Typography
|
|
66
|
+
color="font.grey800"
|
|
67
|
+
fontSize="l"
|
|
68
|
+
fontFamily="sf500"
|
|
69
|
+
{...labelProps}
|
|
70
|
+
>
|
|
71
|
+
{label || "Organization"}
|
|
72
|
+
</Typography>
|
|
86
73
|
</Container>
|
|
74
|
+
<Typography
|
|
75
|
+
ml={29}
|
|
76
|
+
color="font.grey"
|
|
77
|
+
fontSize="m"
|
|
78
|
+
fontFamily="sf500"
|
|
79
|
+
mt="8px"
|
|
80
|
+
{...nameProps}
|
|
81
|
+
>
|
|
82
|
+
{name}
|
|
83
|
+
</Typography>
|
|
87
84
|
</Container>
|
|
88
85
|
);
|
|
89
86
|
};
|
|
@@ -94,13 +91,9 @@ OrganizationItem.propTypes = {
|
|
|
94
91
|
*/
|
|
95
92
|
label: PropTypes.string,
|
|
96
93
|
/**
|
|
97
|
-
*
|
|
98
|
-
*/
|
|
99
|
-
name: PropTypes.string.isRequired,
|
|
100
|
-
/**
|
|
101
|
-
* Customize inner container
|
|
94
|
+
* Customize label container
|
|
102
95
|
*/
|
|
103
|
-
|
|
96
|
+
labelContainerProps: PropTypes.object,
|
|
104
97
|
/**
|
|
105
98
|
* Customize icon container
|
|
106
99
|
*/
|
|
@@ -109,14 +102,14 @@ OrganizationItem.propTypes = {
|
|
|
109
102
|
* Customize icon
|
|
110
103
|
*/
|
|
111
104
|
iconProps: PropTypes.object,
|
|
112
|
-
/**
|
|
113
|
-
* Customize label and name container
|
|
114
|
-
*/
|
|
115
|
-
textContainerProps: PropTypes.object,
|
|
116
105
|
/**
|
|
117
106
|
* Customize label
|
|
118
107
|
*/
|
|
119
108
|
labelProps: PropTypes.object,
|
|
109
|
+
/**
|
|
110
|
+
* Organization name
|
|
111
|
+
*/
|
|
112
|
+
name: PropTypes.string.isRequired,
|
|
120
113
|
/**
|
|
121
114
|
* Customize name
|
|
122
115
|
*/
|