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}
|
|
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,{
|
|
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","\
|
|
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.
|
|
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
package/progress-bar/index.js
CHANGED
|
@@ -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}}
|
|
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
|
-
|
|
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,
|
|
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:
|
|
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,
|
|
21
|
+
_react.default.createElement(_index.Numbers,{points:d},/*#__PURE__*/
|
|
18
22
|
_react.default.createElement("span",null,"\u06F0"),/*#__PURE__*/
|
|
19
|
-
_react.default.createElement("span",null,
|
|
20
|
-
_react.default.createElement("span",null,
|
|
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:
|
|
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
|
-
|
|
56
|
+
function(a){return 100*a.points.partner/a.points.colleague});exports.Numbers=Numbers;
|