react-jupiter 5.7.5 → 5.7.8

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.
@@ -51,28 +51,37 @@ a.name,c=a.description,d=a.logo,e=a.followersCount,f=a.onClickFollowMe,g=a.onCli
51
51
  return/*#__PURE__*/(
52
52
  _react.default.createElement(_index.Container,null,/*#__PURE__*/
53
53
  _react.default.createElement(_index.ResponsiveFlex,null,/*#__PURE__*/
54
- _react.default.createElement(_display.default,{display:"flex",alignItems:"center",justifyContent:"space-between"},
54
+ _react.default.createElement(_display.default,{display:"flex",alignItems:"center",justifyContent:"space-between"},/*#__PURE__*/
55
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"column"},/*#__PURE__*/
56
+ _react.default.createElement(_typography.Text,{size:12,bold:!0,textAlign:"center"},"\u0628\u0631\u06AF\u0632\u0627\u0631\u200C\u06A9\u0646\u0646\u062F\u0647"),
57
+
58
+
55
59
  l(/*#__PURE__*/_react.default.createElement(_avatar.default,{
56
60
  alt:b,
57
61
  src:d,
58
- size:"md"})),/*#__PURE__*/
59
-
60
- _react.default.createElement(_spacing.Margin,{right:4},/*#__PURE__*/
61
- _react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
62
- _react.default.createElement(_typography.Text,{size:12,bold:!0},"\u0628\u0631\u06AF\u0632\u0627\u0631\u200C\u06A9\u0646\u0646\u062F\u0647:"),
62
+ size:"md"}))),/*#__PURE__*/
63
63
 
64
64
 
65
+ _react.default.createElement(_spacing.Margin,{right:4},/*#__PURE__*/
66
+ _react.default.createElement(_display.default,{display:"flex"},
65
67
  l(/*#__PURE__*/
66
68
  _react.default.createElement(_typography.Text,{
67
69
  strong:!0,
68
70
  size:"md",
69
- level:4}," ".concat(
70
-
71
- b," "))),
71
+ level:4},/*#__PURE__*/
72
72
 
73
+ _react.default.createElement(_display.default,{display:"inline-block"}," ".concat(
74
+ b," "),
73
75
  !!m&&/*#__PURE__*/
74
76
  _react.default.createElement(_index.PartnershipBox,null,/*#__PURE__*/
75
- _react.default.createElement(_icon.default,{name:m,color:"yellow"})," ","partner"===m?"\u0647\u0645\u06CC\u0627\u0631":"\u0647\u0645\u06A9\u0627\u0631"," \u0627\u06CC\u0648\u0646\u062F")))),/*#__PURE__*/
77
+ _react.default.createElement(_icon.default,{
78
+ name:m,
79
+ color:"yellow",
80
+ stickyRight:!0}),
81
+
82
+ "partner"===m?"\u0647\u0645\u06CC\u0627\u0631":"\u0647\u0645\u06A9\u0627\u0631"," \u0627\u06CC\u0648\u0646\u062F"))))))),/*#__PURE__*/
83
+
84
+
76
85
 
77
86
 
78
87
 
@@ -10,7 +10,7 @@
10
10
  (0,_react2.storiesOf)("OrganizerCard",module).
11
11
  add("sample",function(){return/*#__PURE__*/(
12
12
  _react.default.createElement(_index.default,{
13
- name:(0,_addonKnobs.text)("name","\u0646\u0627\u0645 \u0635\u0627\u062D\u0628 \u0622\u0648\u0627\u062A\u0627\u0631"),
13
+ name:(0,_addonKnobs.text)("name","\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634 \u0627\u0633\u062A\u0627\u0646 \u0622\u0630\u0631\u0628\u0627\u06CC\u062C\u0627\u0646 \u0634\u0631\u0642\u06CC \u062F\u0631 \u062C\u0645\u0647\u0648\u0631\u06CC \u0627\u0633\u0644\u0627\u0645\u06CC \u0627\u06CC\u0631\u0627\u0646"),
14
14
  followersCount:(0,_addonKnobs.text)("followersCount (string-optional)","\u06F1\u06F3\u06F2\u06F4\u06F7"),
15
15
  description:
16
16
  (0,_addonKnobs.text)("description(optional)",
@@ -45,4 +45,4 @@ _themes.default.breakpoints.sm);exports.ResponsiveFlex=ResponsiveFlex;
45
45
 
46
46
 
47
47
 
48
- var PartnershipBox=_styledComponents.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n background: rgba(255, 199, 39, 0.1);\n border-radius: 5px;\n color: #FFD324;\n margin-right: 10px;\n display: flex;\n align-items: center;\n min-width: 100px;\n height: 25px;\n "])));exports.PartnershipBox=PartnershipBox;
48
+ var PartnershipBox=_styledComponents.default.span(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n background: rgba(255, 199, 39, 0.1);\n border-radius: 5px;\n color: #FFD324;\n margin-right: 10px;\n display: initial;\n align-items: center;\n width: 110px;\n height: 25px;\n "])));exports.PartnershipBox=PartnershipBox;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-jupiter",
3
- "version": "5.7.5",
3
+ "version": "5.7.8",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -1,26 +1,36 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.styles"),_numbers=require("../utils/numbers"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.styles"),_numbers=require("../utils/numbers"),_icon=_interopRequireDefault(require("../icon")),_propTypes=_interopRequireDefault(require("prop-types"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
2
2
 
3
3
 
4
4
 
5
5
 
6
- ProgressBar=function(a){var b=a.width,c=a.labels;
6
+
7
+ var ProgressBar=function(a){var b=a.width,c=a.labels,d=a.points,
8
+
9
+ e=100*b/d.colleague;
10
+
7
11
  return/*#__PURE__*/(
8
12
  _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
9
- _react.default.createElement(_index.Names,null,
13
+ _react.default.createElement(_index.Names,{points:d},
10
14
  c.map(function(a,b){return/*#__PURE__*/_react.default.createElement("span",{key:b},a,/*#__PURE__*/_react.default.createElement(_icon.default,{name:"arrow-drop-down",size:"sm"}))})),/*#__PURE__*/
11
15
 
12
- _react.default.createElement(_index.ProgressBar,{width:b},/*#__PURE__*/
16
+ _react.default.createElement(_index.ProgressBar,{width:e},/*#__PURE__*/
13
17
  _react.default.createElement("div",{className:"filled"},/*#__PURE__*/
14
18
  _react.default.createElement("span",null,"\u0627\u0645\u062A\u06CC\u0627\u0632 \u0634\u0645\u0627: ",(0,_numbers.toPersianNumber)(b,{})))),/*#__PURE__*/
15
19
 
16
20
 
17
- _react.default.createElement(_index.Numbers,null,/*#__PURE__*/
21
+ _react.default.createElement(_index.Numbers,{points:d},/*#__PURE__*/
18
22
  _react.default.createElement("span",null,"\u06F0"),/*#__PURE__*/
19
- _react.default.createElement("span",null,"\u06F5\u06F0"),/*#__PURE__*/
20
- _react.default.createElement("span",null,"\u06F1\u06F0\u06F0"))));
23
+ _react.default.createElement("span",null,(0,_numbers.toPersianNumber)(d.partner)),/*#__PURE__*/
24
+ _react.default.createElement("span",null,(0,_numbers.toPersianNumber)(d.colleague)))));
25
+
26
+
21
27
 
28
+ };
22
29
 
30
+ ProgressBar.propTypes={
31
+ width:_propTypes.default.number,
32
+ labels:_propTypes.default.arrayOf(_propTypes.default.string),
33
+ points:_propTypes.default.object};var _default=
23
34
 
24
- },_default=
25
35
 
26
36
  ProgressBar;exports.default=_default;
@@ -1,6 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProgressBar=exports.Numbers=exports.Names=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
2
2
 
3
- var ProgressBar=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background-color: #f1f1f1;\n color: rgb(68, 68, 68);\n height: 20px;\n border-radius: 16px;\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n & div.filled {\n width: ","%;\n min-width: 100px;\n height: 20px;\n background: rgb(80, 89, 117);\n border-radius: 16px;\n display: flex;\n align-items: center;\n font-size: 15px;\n color: #fff;\n justify-content: center;\n float: left;\n }\n }\n"])),
3
+ var ProgressBar=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background-color: #f1f1f1;\n color: rgb(68, 68, 68);\n height: 20px;\n border-radius: 16px;\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n & div.filled {\n min-width: 100px;\n max-width: 100%;\n width: ","%;\n height: 20px;\n background: rgb(80, 89, 117);\n border-radius: 16px;\n display: flex;\n align-items: center;\n font-size: 15px;\n color: #fff;\n justify-content: center;\n float: left;\n }\n }\n"])),
4
+
5
+
4
6
 
5
7
 
6
8
 
@@ -27,16 +29,23 @@ function(a){return a.width});exports.ProgressBar=ProgressBar;
27
29
 
28
30
 
29
31
 
32
+ var Names=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n direction: ltr;\n position: relative;\n width: 100%;\n font-family: 'IranSharp';\n & span > i {\n display: block;\n }\n & span:first-child {\n position: relative;\n left: ","%;\n }\n"])),
33
+
34
+
35
+
36
+
37
+
30
38
 
31
- var Names=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n direction: ltr;\n position: relative;\n width: 100%;\n font-family: 'IranSharp';\n & span > i {\n display: block;\n }\n & span:first-child {\n position: relative;\n left: 48%;\n }\n"])));exports.Names=Names;
32
39
 
33
40
 
34
41
 
35
42
 
36
43
 
44
+ function(a){return 100*a.points.partner/a.points.colleague-2});exports.Names=Names;
37
45
 
38
46
 
39
47
 
48
+ var Numbers=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n direction: ltr;\n font-family: 'IranSharp';\n position: relative;\n & span:nth-child(2) {\n position: absolute;\n left: ","%\n }\n"])),
40
49
 
41
50
 
42
51
 
@@ -44,4 +53,4 @@ var Names=_styledComponents.default.div(_templateObject2||(_templateObject2=_tag
44
53
 
45
54
 
46
55
 
47
- var Numbers=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n direction: ltr;\n font-family: 'IranSharp';\n"])));exports.Numbers=Numbers;
56
+ function(a){return 100*a.points.partner/a.points.colleague});exports.Numbers=Numbers;