react-jupiter 5.11.2 → 5.11.3

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 (6) hide show
  1. package/card/orgnizer-card/index.js +49 -61
  2. package/card/orgnizer-card/index.stories.js +2 -4
  3. package/card/orgnizer-card/index.style.js +4 -3
  4. package/display/index.js +2 -1
  5. package/display/index.style.js +5 -1
  6. package/package.json +1 -1
package/card/orgnizer-card/index.js CHANGED
@@ -1,5 +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
-
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")),_responsive=_interopRequireDefault(require("../../responsive")),_icon=_interopRequireDefault(require("../../icon")),_themes=_interopRequireDefault(require("../../themes")),_avatar=_interopRequireDefault(require("../../avatar"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
3
2
 
4
3
 
5
4
 
@@ -46,31 +45,22 @@ followersCount:m=""
46
45
  }=a;
47
46
 
48
47
  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
- ),
48
+ _react.default.createElement(_index.Container,{className:"organizer-card"},/*#__PURE__*/
49
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"start",justifyContent:"space-between"},/*#__PURE__*/
50
+ _react.default.createElement(_display.default,{display:"flex",alignItems:"center",justifyContent:"start",width:"100%",flex:"4 1"},/*#__PURE__*/
51
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column"},
58
52
  d(/*#__PURE__*/_react.default.createElement(_avatar.default,{
59
53
  alt:b,
60
54
  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
55
  size:"md",
70
- level:4},/*#__PURE__*/
71
-
72
- _react.default.createElement(_display.default,{display:"inline-block"}," ".concat(
73
- b," "),
56
+ className:"avatar"}
57
+ )),/*#__PURE__*/
58
+ _react.default.createElement("div",{className:"mr"},/*#__PURE__*/
59
+ _react.default.createElement(_typography.Text,{size:12,textAlign:"right"},"\u0628\u0631\u06AF\u0632\u0627\u0631\u200C\u06A9\u0646\u0646\u062F\u0647:"),
60
+ " ",
61
+ d(/*#__PURE__*/
62
+ _react.default.createElement(_typography.Text,{size:14,bold:!0,textAlign:"right"},b)
63
+ ),
74
64
  !!e&&/*#__PURE__*/
75
65
 
76
66
  _react.default.createElement(_index.PartnershipBox,null,/*#__PURE__*/
@@ -82,19 +72,26 @@ stickyRight:!0}
82
72
  "partner"===e?"\u0647\u0645\u06CC\u0627\u0631":"\u0647\u0645\u06A9\u0627\u0631",
83
73
  " ","\u0627\u06CC\u0648\u0646\u062F"
84
74
 
85
- )
75
+ ),
86
76
 
77
+ l&&/*#__PURE__*/
78
+ _react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
79
+ _react.default.createElement(_typography.Paragraph,{size:12,color:"riverBed",bold:!0},
80
+ l.slice(0,350).concat("...")
87
81
  )
82
+ ),
83
+
84
+ !!k&&/*#__PURE__*/
85
+ _react.default.createElement(_typography.Text,{size:"14",bold:!0,color:"riverBed",className:"recommend"}," ".concat(
86
+ 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."
87
+
88
88
  )
89
- )
89
+
90
90
  )
91
91
  )
92
92
  ),/*#__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"},
93
+ _react.default.createElement(_display.default,{display:"flex",alignItems:"start",flexDirection:"column",justifyContent:"space-between",width:"100%",flex:"2 1"},/*#__PURE__*/
94
+ _react.default.createElement(_display.default,{className:"statistics",display:"flex",alignItems:"start",flexDirection:"row",justifyContent:"space-between",width:"100%"},
98
95
  m&&/*#__PURE__*/
99
96
  _react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
100
97
  _react.default.createElement(_spacing.Margin,{left:6},/*#__PURE__*/
@@ -125,7 +122,6 @@ _react.default.createElement(_typography.Text,{size:12,bold:!0},"\u06A9\u0644 \u
125
122
  )
126
123
  ),
127
124
 
128
-
129
125
  j&&/*#__PURE__*/
130
126
  _react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
131
127
  _react.default.createElement(_spacing.Margin,{left:4,right:6},/*#__PURE__*/
@@ -141,37 +137,8 @@ _react.default.createElement(_typography.Text,{size:12,bold:!0},"\u0631\u0648\u0
141
137
  )
142
138
  )
143
139
 
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
- ),/*#__PURE__*/
152
- _react.default.createElement(_typography.Paragraph,{size:12,color:"riverBed",bold:!0},
153
- l.slice(0,350).concat("...")
154
- )
155
140
  ),/*#__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__*/
141
+ _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"center",justifyContent:"space-between",width:"100%"},/*#__PURE__*/
175
142
  _react.default.createElement(_buttons.default,{
176
143
  onClickFollowMe:g,
177
144
  onClickConnectUs:h,
@@ -179,6 +146,27 @@ isFollowed:f}
179
146
  )
180
147
  )
181
148
  )
149
+ ),/*#__PURE__*/
150
+ _react.default.createElement("style",null,"\n @media (max-width: 768px) {\n .avatar {\n margin: 5px auto 10px;\n }\n .statistics {\n margin: 25px auto;\n }\n .recommend {\n display: block;\n margin: 10px auto;\n }\n }\n @media (min-width: 768px) {\n .mr {\n margin-right: 15px;\n }\n }\n "
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+
168
+
169
+
182
170
  )
183
171
  ))
184
172
 
package/card/orgnizer-card/index.stories.js CHANGED
@@ -12,16 +12,14 @@ 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
-
15
+ description:"\u0628\u0631\u06AF\u0632\u0627\u0631\u06A9\u0646\u0646\u062F\u0647 \u0631\u0648\u06CC\u062F\u0627\u062F\u200C\u0647\u0627\u06CC \u0622\u0645\u0648\u0632\u0634\u06CC \u0648 \u0641\u0631\u0647\u0646\u06AF\u06CC \u0632\u06CC\u0631 \u0646\u0638\u0631 \u0648\u0632\u0627\u0631\u062A \u0627\u0631\u0634\u0627\u062F",
18
16
  logo:(0,_addonKnobs.text)("logo(optional)","https://i.pravatar.cc/150?img=62"),
19
17
  renderOrganizerLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"https://i.pravatar.cc/150?img=62"},a),
20
18
  activeEventsCount:(0,_addonKnobs.text)("activeEventsCount(optional)","\u06F1\u06F2\u06F3"),
21
19
  allEventsCount:(0,_addonKnobs.text)("allEventsCount(optional)","\u06F2\u06F4\u06F5\u06F6\u06F7"),
22
20
  recommendedCount:(0,_addonKnobs.text)("recommendedCount(optional)","\u06F3\u06F3 \u0646\u0641\u0631"),
23
21
  isFollowed:!0,
24
- partnership:""}
22
+ partnership:"partner"}
25
23
  )
26
24
  ).
27
25
  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,8 @@ 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
37
38
  };var _default=exports.default=
38
39
 
39
40
  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"])),
21
21
  (a)=>{let{display:b}=a;return b?"display: ".concat(
22
22
  b,";"):
23
23
  ""},
@@ -55,4 +55,8 @@ 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,";"):
58
62
  ""});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-jupiter",
3
- "version": "5.11.2",
3
+ "version": "5.11.3",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "keywords": [