react-jupiter 5.11.2 → 5.11.4

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 (8) hide show
  1. package/avatar/index.js +5 -3
  2. package/avatar/index.styles.js +6 -4
  3. package/card/orgnizer-card/index.js +50 -63
  4. package/card/orgnizer-card/index.stories.js +3 -6
  5. package/card/orgnizer-card/index.style.js +4 -3
  6. package/display/index.js +3 -1
  7. package/display/index.style.js +9 -1
  8. package/package.json +1 -1
package/avatar/index.js CHANGED
@@ -10,19 +10,21 @@ defaultImageUrl="https://evand-storage.oss-eu-central-1.aliyuncs.com/assets/imag
10
10
  Avatar=(a)=>{let{
11
11
  alt:c="\u0622\u0648\u0627\u062A\u0627\u0631",
12
12
  size:d="md",
13
- src:e=defaultImageUrl,
13
+ sizeMobile:e="md",
14
+ src:f=defaultImageUrl,
14
15
  ...b
15
16
  }=a;return/*#__PURE__*/(
16
17
  _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
17
18
  _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
18
- _react.default.createElement(_index.default,_extends({src:e,alt:c,size:d,"data-test":"avatar"},b))
19
+ _react.default.createElement(_index.default,_extends({src:f,alt:c,size:d,sizeMobile:e,"data-test":"avatar"},b))
19
20
  ))};
20
21
 
21
22
 
22
23
  Avatar.propTypes={
23
24
  src:_propTypes.default.string,
24
25
  alt:_propTypes.default.string,
25
- size:_propTypes.default.oneOf(["lg","md","sm"])
26
+ size:_propTypes.default.oneOf(["lg","md","sm"]),
27
+ sizeMobile:_propTypes.default.oneOf(["lg","md","sm"])
26
28
  };var _default=exports.default=
27
29
 
28
30
  Avatar;
package/avatar/index.styles.js CHANGED
@@ -1,13 +1,15 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_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)}}))}const
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));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
- defaultImageUrl="https://evand-storage.oss-eu-central-1.aliyuncs.com/assets/images/defaults/avatar.svg",
4
3
 
5
- Image=_styledComponents.default.img(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n width: ",";\n height: ",";\n border-radius: ",";\n display: block;\n // background-image: url(",");\n background-size: cover;\n"])),
4
+ const Image=_styledComponents.default.img(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n width: ",";\n height: ",";\n @media only screen and (max-width: ","px) {\n width: ",";\n height: ",";\n }\n border-radius: ",";\n display: block;\n background-size: cover;\n"])),
6
5
 
7
6
  (a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
8
7
  (a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
9
- (a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},"https://evand-storage.oss-eu-central-1.aliyuncs.com/assets/images/defaults/avatar.svg");var _default=exports.default=
8
+ _themes.default.breakpoints.sm,
9
+ (a)=>{let{theme:b,sizeMobile:c}=a;return"".concat(b.size[c],"px")},
10
+ (a)=>{let{theme:b,sizeMobile:c}=a;return"".concat(b.size[c],"px")},
10
11
 
12
+ (a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")});var _default=exports.default=
11
13
 
12
14
 
13
15
 
package/card/orgnizer-card/index.js CHANGED
@@ -1,7 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_avatar=_interopRequireDefault(require("../../avatar")),_buttons=_interopRequireDefault(require("./buttons")),_index=require("./index.style"),_spacing=require("../../spacing"),_display=_interopRequireDefault(require("../../display")),_responsive=_interopRequireDefault(require("../../responsive")),_themes=_interopRequireDefault(require("../../themes")),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
2
-
3
-
4
-
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_buttons=_interopRequireDefault(require("./buttons")),_index=require("./index.style"),_spacing=require("../../spacing"),_display=_interopRequireDefault(require("../../display")),_icon=_interopRequireDefault(require("../../icon")),_avatar=_interopRequireDefault(require("../../avatar"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
5
2
 
6
3
 
7
4
 
@@ -46,31 +43,23 @@ followersCount:m=""
46
43
  }=a;
47
44
 
48
45
  return/*#__PURE__*/(
49
- _react.default.createElement(_index.Container,null,/*#__PURE__*/
50
- _react.default.createElement(_index.ResponsiveFlex,null,/*#__PURE__*/
51
- _react.default.createElement(_display.default,{display:"flex",alignItems:"center",justifyContent:"start",width:"100%"},/*#__PURE__*/
52
- _react.default.createElement(_display.default,{display:"flex",flexDirection:"column"},/*#__PURE__*/
53
- _react.default.createElement(_spacing.Margin,{bottom:3},/*#__PURE__*/
54
- _react.default.createElement(_typography.Text,{size:12,bold:!0,textAlign:"right"},"\u0628\u0631\u06AF\u0632\u0627\u0631\u200C\u06A9\u0646\u0646\u062F\u0647:"
55
-
56
- )
57
- ),
46
+ _react.default.createElement(_index.Container,{className:"organizer-card"},/*#__PURE__*/
47
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"start",justifyContent:"space-between"},/*#__PURE__*/
48
+ _react.default.createElement(_display.default,{display:"flex",alignItems:"center",justifyContent:"start",width:"100%",flex:"4 1"},/*#__PURE__*/
49
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column"},
58
50
  d(/*#__PURE__*/_react.default.createElement(_avatar.default,{
59
51
  alt:b,
60
52
  src:c,
61
- size:"md"}
62
- ))
63
- ),/*#__PURE__*/
64
- _react.default.createElement(_spacing.Margin,{right:4},/*#__PURE__*/
65
- _react.default.createElement(_display.default,{display:"flex"},
66
- d(/*#__PURE__*/
67
- _react.default.createElement(_typography.Text,{
68
- strong:!0,
69
53
  size:"md",
70
- level:4},/*#__PURE__*/
71
-
72
- _react.default.createElement(_display.default,{display:"inline-block"}," ".concat(
73
- b," "),
54
+ sizeMobile:"lg",
55
+ className:"avatar"}
56
+ )),/*#__PURE__*/
57
+ _react.default.createElement("div",{className:"mr"},/*#__PURE__*/
58
+ _react.default.createElement(_typography.Text,{size:12,textAlign:"right"},"\u0628\u0631\u06AF\u0632\u0627\u0631\u200C\u06A9\u0646\u0646\u062F\u0647:"),
59
+ " ",
60
+ d(/*#__PURE__*/
61
+ _react.default.createElement(_typography.Text,{size:14,bold:!0,textAlign:"right"},b)
62
+ ),
74
63
  !!e&&/*#__PURE__*/
75
64
 
76
65
  _react.default.createElement(_index.PartnershipBox,null,/*#__PURE__*/
@@ -82,19 +71,26 @@ stickyRight:!0}
82
71
  "partner"===e?"\u0647\u0645\u06CC\u0627\u0631":"\u0647\u0645\u06A9\u0627\u0631",
83
72
  " ","\u0627\u06CC\u0648\u0646\u062F"
84
73
 
85
- )
74
+ ),
86
75
 
76
+ l&&/*#__PURE__*/
77
+ _react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
78
+ _react.default.createElement(_typography.Paragraph,{size:12,color:"riverBed",bold:!0},
79
+ l.slice(0,350).concat("...")
87
80
  )
81
+ ),
82
+
83
+ !!k&&/*#__PURE__*/
84
+ _react.default.createElement(_typography.Text,{size:"14",bold:!0,color:"riverBed",className:"recommend"}," ".concat(
85
+ k," "),"\u0627\u06CC\u0646 \u0628\u0631\u06AF\u0632\u0627\u0631\u06A9\u0646\u0646\u062F\u0647 \u0631\u0627 \u062A\u0648\u0635\u06CC\u0647 \u06A9\u0631\u062F\u0647\u200C\u0627\u0646\u062F."
86
+
88
87
  )
89
- )
88
+
90
89
  )
91
90
  )
92
91
  ),/*#__PURE__*/
93
- _react.default.createElement(_responsive.default,{option:{lessThan:_themes.default.breakpoints.sm}},/*#__PURE__*/
94
- _react.default.createElement(_spacing.Margin,{top:5})
95
- ),
96
- (j||i)&&/*#__PURE__*/
97
- _react.default.createElement(_display.default,{display:"flex",alignItems:"center",justifyContent:"space-between"},
92
+ _react.default.createElement(_display.default,{display:"flex",alignItems:"start",flexDirection:"column",justifyContent:"space-between",width:"100%",flex:"2 1",alignSelf:"stretch"},/*#__PURE__*/
93
+ _react.default.createElement(_display.default,{className:"statistics",display:"flex",alignItems:"start",flexDirection:"row",justifyContent:"space-between",width:"100%"},
98
94
  m&&/*#__PURE__*/
99
95
  _react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
100
96
  _react.default.createElement(_spacing.Margin,{left:6},/*#__PURE__*/
@@ -125,7 +121,6 @@ _react.default.createElement(_typography.Text,{size:12,bold:!0},"\u06A9\u0644 \u
125
121
  )
126
122
  ),
127
123
 
128
-
129
124
  j&&/*#__PURE__*/
130
125
  _react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
131
126
  _react.default.createElement(_spacing.Margin,{left:4,right:6},/*#__PURE__*/
@@ -141,37 +136,8 @@ _react.default.createElement(_typography.Text,{size:12,bold:!0},"\u0631\u0648\u0
141
136
  )
142
137
  )
143
138
 
144
- )
145
-
146
- ),
147
- l&&/*#__PURE__*/
148
- _react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
149
- _react.default.createElement(_responsive.default,{option:{lessThan:_themes.default.breakpoints.sm}},/*#__PURE__*/
150
- _react.default.createElement(_spacing.Margin,{top:5})
151
139
  ),/*#__PURE__*/
152
- _react.default.createElement(_typography.Paragraph,{size:12,color:"riverBed",bold:!0},
153
- l.slice(0,350).concat("...")
154
- )
155
- ),/*#__PURE__*/
156
-
157
- _react.default.createElement(_index.ResponsiveFlex,null,
158
- !!k&&/*#__PURE__*/
159
- _react.default.createElement(_typography.Heading,{level:4,size:"md",color:"riverBed",bold:!0}," ".concat(
160
- k," "),"\u0627\u06CC\u0646 \u0628\u0631\u06AF\u0632\u0627\u0631\u06A9\u0646\u0646\u062F\u0647 \u0631\u0627 \u062A\u0648\u0635\u06CC\u0647 \u06A9\u0631\u062F\u0647\u200C\u0627\u0646\u062F."
161
-
162
- ),/*#__PURE__*/
163
-
164
- _react.default.createElement(_responsive.default,{option:{greaterThan:"768px"}},/*#__PURE__*/
165
- _react.default.createElement(_display.default,{display:"flex",justifyContent:"end",width:k?"50%":"100%"},/*#__PURE__*/
166
- _react.default.createElement(_buttons.default,{
167
- onClickFollowMe:g,
168
- onClickConnectUs:h,
169
- isFollowed:f}
170
- )
171
- )
172
- ),/*#__PURE__*/
173
- _react.default.createElement(_responsive.default,{option:{lessThan:"768px"}},/*#__PURE__*/
174
- _react.default.createElement(_display.default,{display:"flex",justifyContent:"center",width:"100%"},/*#__PURE__*/
140
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"center",justifyContent:"space-between",width:"100%"},/*#__PURE__*/
175
141
  _react.default.createElement(_buttons.default,{
176
142
  onClickFollowMe:g,
177
143
  onClickConnectUs:h,
@@ -179,6 +145,27 @@ isFollowed:f}
179
145
  )
180
146
  )
181
147
  )
148
+ ),/*#__PURE__*/
149
+ _react.default.createElement("style",null,"\n .recommend {\n display: block;\n margin: 10px auto;\n }\n @media (max-width: 768px) {\n .avatar {\n margin: 5px auto 10px;\n }\n .statistics {\n margin: 25px auto;\n }\n }\n @media (min-width: 768px) {\n .mr {\n margin-right: 15px;\n }\n }\n "
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+
168
+
182
169
  )
183
170
  ))
184
171
 
package/card/orgnizer-card/index.stories.js CHANGED
@@ -12,16 +12,13 @@ add("sample",()=>/*#__PURE__*/
12
12
  _react.default.createElement(_index.default,{
13
13
  name:(0,_addonKnobs.text)("name","\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634"),
14
14
  followersCount:(0,_addonKnobs.text)("followersCount (string-optional)","\u06F1\u06F3\u06F2\u06F4\u06F7"),
15
- description:
16
- (0,_addonKnobs.text)("description(optional)",""),
17
-
18
- logo:(0,_addonKnobs.text)("logo(optional)","https://i.pravatar.cc/150?img=62"),
19
- renderOrganizerLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"https://i.pravatar.cc/150?img=62"},a),
15
+ logo:(0,_addonKnobs.text)("logo(optional)","https://i.pravatar.cc/300?img=13"),
16
+ renderOrganizerLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"https://i.pravatar.cc/300?img=1"},a),
20
17
  activeEventsCount:(0,_addonKnobs.text)("activeEventsCount(optional)","\u06F1\u06F2\u06F3"),
21
18
  allEventsCount:(0,_addonKnobs.text)("allEventsCount(optional)","\u06F2\u06F4\u06F5\u06F6\u06F7"),
22
19
  recommendedCount:(0,_addonKnobs.text)("recommendedCount(optional)","\u06F3\u06F3 \u0646\u0641\u0631"),
23
20
  isFollowed:!0,
24
- partnership:""}
21
+ partnership:"partner"}
25
22
  )
26
23
  ).
27
24
  addDecorator(_addonKnobs.withKnobs).
package/card/orgnizer-card/index.style.js CHANGED
@@ -1,9 +1,10 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextCenter=exports.StyledButton=exports.ResponsiveFlex=exports.PartnershipBox=exports.LTRContainer=exports.Container=exports.BorderedBox=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template")),_button=_interopRequireDefault(require("../../button")),_themes=_interopRequireDefault(require("../../themes"));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)}}))}const
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextCenter=exports.StyledButton=exports.ResponsiveFlex=exports.PartnershipBox=exports.LTRContainer=exports.Container=exports.BorderedBox=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template")),_button=_interopRequireDefault(require("../../button")),_themes=_interopRequireDefault(require("../../themes")),_avatar=_interopRequireDefault(require("../../avatar"));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)}}))}const
2
2
 
3
3
 
4
4
 
5
5
 
6
- Container=exports.Container=(0,_styledComponents.default)(_cardTemplate.default)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n padding: 16px 32px;\n"]))),
6
+
7
+ Container=exports.Container=(0,_styledComponents.default)(_cardTemplate.default)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n padding: 16px;\n"]))),
7
8
 
8
9
 
9
10
 
@@ -45,4 +46,4 @@ _themes.default.breakpoints.sm),
45
46
 
46
47
 
47
48
 
48
- PartnershipBox=exports.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 "])));
49
+ PartnershipBox=exports.PartnershipBox=_styledComponents.default.span(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n display: block;\n background: rgba(255, 199, 39, 0.1);\n border-radius: 5px;\n color: #FFD324;\n margin-top: 10px;\n align-items: center;\n width: 110px;\n height: 25px;\n"])));
package/display/index.js CHANGED
@@ -33,7 +33,9 @@ alignItems:_propTypes.default.string,
33
33
  flexDirection:_propTypes.default.string,
34
34
  flexDirectionMobile:_propTypes.default.string,
35
35
  wrap:_propTypes.default.string,
36
- className:_propTypes.default.string
36
+ className:_propTypes.default.string,
37
+ flex:_propTypes.default.string,
38
+ alignSelf:_propTypes.default.string
37
39
  };var _default=exports.default=
38
40
 
39
41
  Display;
package/display/index.style.js CHANGED
@@ -17,7 +17,7 @@ Block=exports.Block=_styledComponents.default.div(_templateObject2||(_templateOb
17
17
 
18
18
 
19
19
 
20
- DisplayStyle=exports.DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n ","\n ","\n\n ","\n\n ","\n ","\n\n ","\n ","\n"])),
20
+ DisplayStyle=exports.DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n ","\n ","\n\n ","\n\n ","\n ","\n\n ","\n ","\n ","\n ","\n"])),
21
21
  (a)=>{let{display:b}=a;return b?"display: ".concat(
22
22
  b,";"):
23
23
  ""},
@@ -55,4 +55,12 @@ b,";\n }"):
55
55
 
56
56
  (a)=>{let{wrap:b}=a;return b?
57
57
  "flex-wrap: wrap;":
58
+ ""},
59
+
60
+ (a)=>{let{flex:b}=a;return b?"flex: ".concat(
61
+ b,";"):
62
+ ""},
63
+
64
+ (a)=>{let{alignSelf:b}=a;return b?"align-self: ".concat(
65
+ b,";"):
58
66
  ""});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-jupiter",
3
- "version": "5.11.2",
3
+ "version": "5.11.4",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "keywords": [