@bigbinary/neetoui-rn 0.0.224 → 0.0.226

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.
Files changed (3) hide show
  1. package/lib/components/OrganizationItem.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/OrganizationItem.jsx +45 -56
package/lib/components/OrganizationItem.js CHANGED
@@ -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 _native=require("styled-components/native");var _=require("./");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.jsx";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(_ref){var label=_ref.label,labelContainerProps=_ref.labelContainerProps,iconContainerProps=_ref.iconContainerProps,iconProps=_ref.iconProps,labelProps=_ref.labelProps,name=_ref.name,nameProps=_ref.nameProps,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_react.useContext)(_native.ThemeContext);return _react.default.createElement(_.Container,(0,_extends2.default)({bg:"background.secondary",borderRadius:6,justifyContent:"space-between",px:16,py:12,width:"100%"},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:5}}),_react.default.createElement(_.Container,(0,_extends2.default)({alignItems:"center",flexDirection:"row"},labelContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:7}}),_react.default.createElement(_.Container,(0,_extends2.default)({mr:9},iconContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:9}}),_react.default.createElement(_reactNativeRemixIcon.default,(0,_extends2.default)({color:theme.colors.font.grey800,name:"building-line",size:20},iconProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:11}}))),_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey800",fontFamily:"sf500",fontSize:"l"},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:9}}),label||"Organization")),_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf500",fontSize:"m",ml:29,mt:"8px"},nameProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:75,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};
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=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _=require("./");var _excluded=["label","labelContainerProps","labelProps","name","nameProps","subdomain","subdomainProps"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/OrganizationItem.jsx";var OrganizationItem=function OrganizationItem(_ref){var label=_ref.label,labelContainerProps=_ref.labelContainerProps,labelProps=_ref.labelProps,name=_ref.name,nameProps=_ref.nameProps,subdomain=_ref.subdomain,subdomainProps=_ref.subdomainProps,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);return _react.default.createElement(_.Container,(0,_extends2.default)({bg:"background.secondary",borderRadius:6,justifyContent:"space-between",px:12,py:12,width:"100%"},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:3}}),_react.default.createElement(_.Container,(0,_extends2.default)({alignItems:"center",flexDirection:"row"},labelContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:5}}),_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey800",fontFamily:"sf500",fontSize:"s"},labelProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:7}}),label||"Organization")),_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf500",fontSize:"m",mt:"8px"},nameProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:5}}),name),_react.default.createElement(_.Typography,(0,_extends2.default)({color:"font.grey",fontFamily:"sf500",fontSize:"m"},subdomainProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:5}}),subdomain));};exports.OrganizationItem=OrganizationItem;OrganizationItem.propTypes={label:_propTypes.default.string,labelContainerProps:_propTypes.default.object,labelProps:_propTypes.default.object,name:_propTypes.default.string.isRequired,nameProps:_propTypes.default.object,subdomain:_propTypes.default.string.isRequired,subdomainProps:_propTypes.default.object};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neetoui-rn",
3
- "version": "0.0.224",
3
+ "version": "0.0.226",
4
4
  "main": "lib/index.js",
5
5
  "author": "BigBinary",
6
6
  "license": "MIT",
package/src/components/OrganizationItem.jsx CHANGED
@@ -1,8 +1,6 @@
1
- import React, { useContext } from "react";
1
+ import React from "react";
2
2
 
3
3
  import PropTypes from "prop-types";
4
- import Icon from "react-native-remix-icon";
5
- import { ThemeContext } from "styled-components/native";
6
4
 
7
5
  import { Container, Typography } from "@components";
8
6
 
@@ -31,60 +29,51 @@ import { Container, Typography } from "@components";
31
29
  export const OrganizationItem = ({
32
30
  label,
33
31
  labelContainerProps,
34
- iconContainerProps,
35
- iconProps,
36
32
  labelProps,
37
33
  name,
38
34
  nameProps,
35
+ subdomain,
36
+ subdomainProps,
39
37
  ...rest
40
- }) => {
41
- const theme = useContext(ThemeContext);
42
-
43
- return (
44
- <Container
45
- bg="background.secondary"
46
- borderRadius={6}
47
- justifyContent="space-between"
48
- px={16}
49
- py={12}
50
- width="100%"
51
- {...rest}
52
- >
53
- <Container
54
- alignItems="center"
55
- flexDirection="row"
56
- {...labelContainerProps}
57
- >
58
- <Container mr={9} {...iconContainerProps}>
59
- <Icon
60
- color={theme.colors.font.grey800}
61
- name="building-line"
62
- size={20}
63
- {...iconProps}
64
- />
65
- </Container>
66
- <Typography
67
- color="font.grey800"
68
- fontFamily="sf500"
69
- fontSize="l"
70
- {...labelProps}
71
- >
72
- {label || "Organization"}
73
- </Typography>
74
- </Container>
38
+ }) => (
39
+ <Container
40
+ bg="background.secondary"
41
+ borderRadius={6}
42
+ justifyContent="space-between"
43
+ px={12}
44
+ py={12}
45
+ width="100%"
46
+ {...rest}
47
+ >
48
+ <Container alignItems="center" flexDirection="row" {...labelContainerProps}>
75
49
  <Typography
76
- color="font.grey"
50
+ color="font.grey800"
77
51
  fontFamily="sf500"
78
- fontSize="m"
79
- ml={29}
80
- mt="8px"
81
- {...nameProps}
52
+ fontSize="s"
53
+ {...labelProps}
82
54
  >
83
- {name}
55
+ {label || "Organization"}
84
56
  </Typography>
85
57
  </Container>
86
- );
87
- };
58
+ <Typography
59
+ color="font.grey"
60
+ fontFamily="sf500"
61
+ fontSize="m"
62
+ mt="8px"
63
+ {...nameProps}
64
+ >
65
+ {name}
66
+ </Typography>
67
+ <Typography
68
+ color="font.grey"
69
+ fontFamily="sf500"
70
+ fontSize="m"
71
+ {...subdomainProps}
72
+ >
73
+ {subdomain}
74
+ </Typography>
75
+ </Container>
76
+ );
88
77
 
89
78
  OrganizationItem.propTypes = {
90
79
  /**
@@ -95,14 +84,6 @@ OrganizationItem.propTypes = {
95
84
  * Customize label container
96
85
  */
97
86
  labelContainerProps: PropTypes.object,
98
- /**
99
- * Customize icon container
100
- */
101
- iconContainerProps: PropTypes.object,
102
- /**
103
- * Customize icon
104
- */
105
- iconProps: PropTypes.object,
106
87
  /**
107
88
  * Customize label
108
89
  */
@@ -115,4 +96,12 @@ OrganizationItem.propTypes = {
115
96
  * Customize name
116
97
  */
117
98
  nameProps: PropTypes.object,
99
+ /**
100
+ * Subdomain
101
+ */
102
+ subdomain: PropTypes.string.isRequired,
103
+ /**
104
+ * Customize Subdomain
105
+ */
106
+ subdomainProps: PropTypes.object,
118
107
  };