react-jupiter 6.0.0-beta.2 → 6.0.0-beta.3

package/card/event-card/index.style.js

@@ -0,0 +1,129 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VerticalTitle=exports.VerticalPlacePrice=exports.VerticalCover=exports.VerticalContentContainer=exports.VerticalCardContainer=exports.PartnershipBox=exports.Link=exports.HorizontalTitle=exports.HorizontalPlacePrice=exports.HorizontalMobileCover=exports.HorizontalMobileContentContainer=exports.HorizontalCover=exports.HorizontalContentContainer=exports.HorizontalCardContainer=exports.DateLabelContainer=exports.DateBookmarkContainer=exports.BookmarkIcon=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template")),_typography=require("../../typography"),_productProperties=_interopRequireDefault(require("../../product-properties")),_icon=_interopRequireDefault(require("../../icon")),_themes=_interopRequireDefault(require("../../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+/* Common event card styles */const
+
+Link=exports.Link=_styledComponents.default.a`
+  text-decoration: none;
+`,
+
+DateBookmarkContainer=exports.DateBookmarkContainer=_styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,
+
+DateLabelContainer=exports.DateLabelContainer=_styledComponents.default.div`
+  display: inline-block;
+  & > * {
+    vertical-align:middle;
+  }
+`,
+
+BookmarkIcon=exports.BookmarkIcon=(0,_styledComponents.default)(_icon.default)`
+  margin-left: 0;
+  &:hover {
+    cursor: pointer;
+  }
+`,
+
+
+VerticalCardContainer=exports.VerticalCardContainer=(0,_styledComponents.default)(_cardTemplate.default)`
+  background: white;
+  a {
+    text-decoration: none;
+  }
+  @media only screen and (min-width: ${_themes.default.breakpoints.sm}px) {
+    min-height: 358px;
+  }
+`,
+
+VerticalCover=exports.VerticalCover=_styledComponents.default.img`
+  width: 100%;
+  min-width: 270px;
+  height: auto;
+  min-height: 150px;
+`,
+
+VerticalContentContainer=exports.VerticalContentContainer=_styledComponents.default.div`
+  background-image: url(${(a)=>a.background});
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 12px 16px 16px;
+  min-height: 180px;
+  max-height: 200px;
+  direction: rtl;
+  text-align: right;
+`,
+
+VerticalTitle=exports.VerticalTitle=(0,_styledComponents.default)(_typography.Heading)`
+  margin: 0;
+  overflow: hidden;
+  height: 60px;
+`,
+
+VerticalPlacePrice=exports.VerticalPlacePrice=(0,_styledComponents.default)(_productProperties.default)`
+  margin: 4px 0;
+`,
+
+
+
+HorizontalCardContainer=exports.HorizontalCardContainer=(0,_styledComponents.default)(VerticalCardContainer)`
+  height: 116px;
+`,
+
+HorizontalCover=exports.HorizontalCover=_styledComponents.default.img`
+  width: 206px;
+  min-width: 206px;
+  height: auto;
+`,
+
+HorizontalMobileCover=exports.HorizontalMobileCover=_styledComponents.default.img`
+  width: 146px;
+  min-width: 146px;
+  height: 100%;
+`,
+
+HorizontalContentContainer=exports.HorizontalContentContainer=_styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  justify-content: space-between;
+  flex: 1;
+  min-width: 250px;
+`,
+
+HorizontalMobileContentContainer=exports.HorizontalMobileContentContainer=_styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  justify-content: space-between;
+  flex: 1;
+  min-width: 0px;
+`,
+
+HorizontalTitle=exports.HorizontalTitle=(0,_styledComponents.default)(_typography.Heading)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,
+
+HorizontalPlacePrice=exports.HorizontalPlacePrice=(0,_styledComponents.default)(_productProperties.default)``,
+
+PartnershipBox=exports.PartnershipBox=_styledComponents.default.div`
+  background: #FFC72724;
+  border-radius: 5px;
+  margin-left: 5px;
+  color: #FFD324;
+  display: inline-flex;
+  align-items: center;
+  min-width: 60px;
+  height: 25px;
+  justify-content: center;
+`;/* Vertical event card styles *//* Horizontal event card styles */

package/card/event-card/index.test.js

@@ -0,0 +1,79 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_reactRouterDom=require("react-router-dom"),_index=_interopRequireDefault(require("./index")),_constants=require("./constants"),_test=_interopRequireDefault(require("../../utils/test"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
+
+
+
+
+const setupMount=function(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return(
+(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter,null,/*#__PURE__*/_react.default.createElement(_index.default,_extends({level:a.level},a)))))};
+
+
+describe("Event Card",()=>{
+it("should render default vertical event card",()=>{const
+a=setupMount({
+type:_constants.VERTICAL_CARD,
+title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0646\u0633\u0628\u062A\u0627 \u0637\u0648\u0644\u0627\u0646\u06CC \u062F\u0631 \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647 \u0642\u0631\u0627\u0631 \u0627\u0633\u062A \u0627\u0636\u0627\u0641\u0647 \u0628\u06CC\u0627\u06CC\u062F \u0648 \u0628\u0632\u0646\u062F \u0628\u0647 \u0628\u06CC\u0631\u0648\u0646",
+cover:"https://static.evand.net/images/events/covers/original/2e6f40ac8e1bc78304ccf3fd77b1b3d5.jpg",
+date:"2020-01-10T14:00:00+0330",
+place:"\u062A\u0647\u0631\u0627\u0646",
+price:"\u0627\u0632 \u06F4\u06F4\u06F0\u06F0\u06F0 \u062A\u0648\u0645\u0627\u0646",
+organization:{
+logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg",
+name:"\u0647\u0644\u062F\u06CC\u0646\u06AF \u06A9\u0644\u0627\u0646 - \u0645\u062C\u062A\u0645\u0639 \u0641\u0646\u06CC \u067E\u0644\u06CC \u062A\u06A9\u0646\u06CC\u06A9 - \u0634\u0631\u06A9\u062A \u062A\u062C\u0627\u0631\u062A \u062C\u0647\u0627\u0646\u06CC \u0627\u0646\u062F\u06CC\u0634\u0647"
+},
+onClickBookmark:()=>{window.console.log("handle click bookmark")},
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{to:"/tosomewherenew"},a),
+renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{to:"/tosomewherenew"},a)
+}),
+b=(0,_test.default)(a.find("img"),"vertical-cover"),
+c=(0,_test.default)(a.find("div"),"vertical-content");
+expect(b.length).toBe(1),
+expect(c.length).toBe(1),
+a.unmount()
+}),
+
+it("should render horizontal event card",()=>{const
+a=setupMount({
+type:_constants.HORIZONTAL_CARD,
+title:"\u0646\u0627\u0645 \u0631\u0648\u06CC\u062F\u0627\u062F \u0645\u0648\u0631\u062F \u0646\u0638\u0631",
+price:"\u0627\u0632 \u06F2\u06F0\u06F0\u06F0\u06F0\u06F0 \u062A\u0648\u0645\u0627\u0646",
+location:"\u062A\u0647\u0631\u0627\u0646",
+date:"2020-01-10T14:00:00+0330",
+cover:"https://static.evand.net/images/events/covers/original/2e6f40ac8e1bc78304ccf3fd77b1b3d5.jpg",
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{to:"/tosomewherenew"},a)
+}),
+b=(0,_test.default)(a.find("img"),"horizontal-cover"),
+c=(0,_test.default)(a.find("div"),"horizontal-content");
+expect(b.length).toBe(1),
+expect(c.length).toBe(1),
+a.unmount()
+}),
+
+it("should act correctly on clicking on bookmark icon",()=>{const
+a=jest.fn(),
+b=setupMount({
+type:_constants.VERTICAL_CARD,
+title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0646\u0633\u0628\u062A\u0627 \u0637\u0648\u0644\u0627\u0646\u06CC \u062F\u0631 \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647 \u0642\u0631\u0627\u0631 \u0627\u0633\u062A \u0627\u0636\u0627\u0641\u0647 \u0628\u06CC\u0627\u06CC\u062F \u0648 \u0628\u0632\u0646\u062F \u0628\u0647 \u0628\u06CC\u0631\u0648\u0646",
+cover:"https://static.evand.net/images/events/covers/original/2e6f40ac8e1bc78304ccf3fd77b1b3d5.jpg",
+date:"2020-01-10T14:00:00+0330",
+place:"\u062A\u0647\u0631\u0627\u0646",
+price:"\u0627\u0632 \u06F4\u06F4\u06F0\u06F0\u06F0 \u062A\u0648\u0645\u0627\u0646",
+onClickBookmark:a,
+organization:{
+logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg",
+name:"\u0647\u0644\u062F\u06CC\u0646\u06AF \u06A9\u0644\u0627\u0646 - \u0645\u062C\u062A\u0645\u0639 \u0641\u0646\u06CC \u067E\u0644\u06CC \u062A\u06A9\u0646\u06CC\u06A9 - \u0634\u0631\u06A9\u062A \u062A\u062C\u0627\u0631\u062A \u062C\u0647\u0627\u0646\u06CC \u0627\u0646\u062F\u06CC\u0634\u0647"
+},
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{to:"/tosomewherenew"},a),
+renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{to:"/tosomewherenew"},a)
+}),
+c=(0,_test.default)(b,"vertical-date-bookmark").find("i[name=\"bookmark-border\"]");
+expect(c.length).toBe(1),
+c.simulate("click");
+const d=(0,_test.default)(b,"vertical-date-bookmark").find("i[name=\"bookmark-border\"]");
+expect(d.length).toBe(0);
+const e=(0,_test.default)(b,"vertical-date-bookmark").find("i[name=\"bookmark\"]");
+expect(e.length).toBe(1),
+b.unmount()
+})
+});

package/card/index.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CardTemplate",{enumerable:!0,get:function(){return _cardTemplate.default}}),Object.defineProperty(exports,"EventCard",{enumerable:!0,get:function(){return _eventCard.default}}),Object.defineProperty(exports,"OrganizerCard",{enumerable:!0,get:function(){return _organizationCard.default}}),Object.defineProperty(exports,"OrgnizerCard",{enumerable:!0,get:function(){return _orgnizerCard.default}}),exports.default=void 0;var _cardTemplate=_interopRequireDefault(require("./card-template")),_eventCard=_interopRequireDefault(require("./event-card")),_organizationCard=_interopRequireDefault(require("./organization-card")),_orgnizerCard=_interopRequireDefault(require("./orgnizer-card"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+
+
+
+
+{
+CardTemplate:_cardTemplate.default,
+EventCard:_eventCard.default,
+OrganizerCard:_organizationCard.default,
+OrgnizerCard:_orgnizerCard.default
+};

package/card/organization-card/index.js

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_titledAvatar=_interopRequireDefault(require("../../titled-avatar")),_numericSummeryReport=_interopRequireDefault(require("../../numeric-summery-report")),_button=_interopRequireDefault(require("../../button")),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const OrganizationCard=(a)=>{const
+{
+title:b,logo:c,followed:g=!1,report:d,onClickFollow:e,renderLink:f
+}=a,
+
+h=[
+{id:1,title:"\u0628\u0631\u06AF\u0632\u0627\u0631 \u0634\u062F\u0647",count:d.heldEventsNumber},
+{id:2,title:"\u0641\u0639\u0627\u0644",count:d.activeEventsNumber},
+{id:3,title:"\u062F\u0646\u0628\u0627\u0644\u200C\u06A9\u0646\u0646\u062F\u0647\u200C\u0647\u0627",count:d.followingNumber}];
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.default,{
+direction:"vertical",
+hoverToLevel:3,
+maxWidth:370,
+"data-test":"organization-card"},/*#__PURE__*/
+
+_react.default.createElement(_titledAvatar.default,{
+title:b,
+avatar:c,
+renderAvatarLink:f}
+),/*#__PURE__*/
+_react.default.createElement(_numericSummeryReport.default,{data:h}),/*#__PURE__*/
+_react.default.createElement(_button.default,{
+styleType:g?"secondary":"primary",
+onClick:e,
+mainColor:"blue",
+size:"sm",
+wide:!0},
+
+g?"\u062F\u0646\u0628\u0627\u0644 \u0646\u06A9\u0646\u06CC\u062F":"\u062F\u0646\u0628\u0627\u0644 \u06A9\u0646\u06CC\u062F"
+)
+))
+
+};var _default=exports.default=
+
+OrganizationCard;

package/card/organization-card/index.stories.js

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+{
+title:"Components/OrganizationCard",
+component:_index.default,
+argTypes:{
+name:{
+control:"text",
+description:"The organization name"
+},
+logo:{
+control:"text",
+description:"The organization logo URL"
+},
+cover:{
+control:"text",
+description:"The organization cover image URL"
+},
+renderLink:{
+control:"function",
+description:"Function to render a link wrapper"
+},
+report:{
+control:"object",
+description:"The organization statistics"
+},
+onClickFollow:{
+action:"clicked",
+description:"Callback when follow button is clicked"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
+
+Default=exports.Default=Template.bind({});
+Default.args={
+name:"Organization Name",
+logo:"https://via.placeholder.com/80",
+cover:"https://via.placeholder.com/300x100",
+renderLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/org-profile"},a),
+report:{
+heldEventsNumber:2,
+activeEventsNumber:17,
+followingNumber:148
+},
+onClickFollow:()=>{window.console.log("click on follow")}
+};

package/card/organization-card/index.style.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+const Container=(0,_styledComponents.default)(_cardTemplate.default)`
+  padding: 16px; 
+  height: 200px;
+  justify-content: space-between;
+`;var _default=exports.default=
+
+Container;

package/card/organization-card/index.test.js

@@ -0,0 +1,25 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
+
+
+const setupShallow=function(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return(
+(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,_extends({data:a.data},a))))};
+
+
+describe("should render correctly",()=>{
+it("should render correctly",()=>{const
+a=setupShallow({
+title:"\u0627\u0646\u062C\u0645\u0646 \u0639\u0644\u0645\u06CC \u06A9\u0627\u0645\u067E\u06CC\u0648\u062A\u0631 \u062F\u0627\u0646\u0634\u06AF\u0627\u0647 \u0635\u0646\u0639\u062A\u06CC \u062E\u0648\u0627\u062C\u0647",
+logo:"https://static.evand.net/images/organizations/logos/original/d431e339d86b187f356055f1d6f39ddb.jpg?x-oss-process=image/resize,h_250",
+report:{
+heldEventsNumber:2,
+activeEventsNumber:17,
+followingNumber:148
+},
+onClickFollow:()=>{window.console.log("handle click follow")}
+}),
+b=(0,_test.default)(a,"organization-card");
+expect(b.length).toBe(1)
+})
+});

package/card/orgnizer-card/buttons.js

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_button=_interopRequireDefault(require("../../button")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+const Buttons=(a)=>{
+const{
+onClickFollowMe:b,
+onClickConnectUs:c,
+isFollowed:d
+}=a;
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.LTRContainer,null,/*#__PURE__*/
+_react.default.createElement(_button.default,{
+className:"follow-button",
+styleType:"primary",
+mainColor:"blue",
+htmlType:"button",
+size:"sm",
+width:"100px",
+onClick:b,
+style:{marginLeft:"12px"}},
+
+d?"\u062F\u0646\u0628\u0627\u0644 \u0645\u06CC\u06A9\u0646\u06CC\u062F":"\u062F\u0646\u0628\u0627\u0644 \u06A9\u0646\u06CC\u062F"
+),/*#__PURE__*/
+_react.default.createElement(_button.default,{
+styleType:"secondary",
+htmlType:"button",
+mainColor:"blue",
+width:"100px",
+size:"sm",
+onClick:c},
+"\u062A\u0645\u0627\u0633"
+
+)
+))
+
+};var _default=exports.default=
+
+Buttons;

package/card/orgnizer-card/index.js

@@ -0,0 +1,179 @@
+"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"),_display=_interopRequireDefault(require("../../display")),_icon=_interopRequireDefault(require("../../icon")),_avatar=_interopRequireDefault(require("../../avatar"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const OrgnizerCard=(a)=>{
+const{
+name:b,
+logo:c,
+renderOrganizerLink:d,
+partnership:e,
+isFollowed:f=!1,
+onClickFollowMe:g=()=>!1,
+onClickConnectUs:h=()=>{},
+allEventsCount:i=null,
+activeEventsCount:j=null,
+recommendedCount:k=null,
+description:l=null,
+followersCount:m=""
+}=a;
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.Container,{className:"organizer-card"},/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"start",justifyContent:"space-between"},/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",justifyContent:"start",width:"100%",flex:"4 1"},/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex",flex:"1 1",className:"avatar"},
+d(/*#__PURE__*/_react.default.createElement(_avatar.default,{
+alt:b,
+src:c,
+size:"md",
+sizeMobile:"lg",
+round:!0,
+width:64,
+height:64}
+))
+),/*#__PURE__*/
+_react.default.createElement("div",{className:"mr"},/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex",alignItems:"baseline"},
+d(/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14,textAlign:"right",bold:!0},"\u0628\u0631\u06AF\u0632\u0627\u0631\u200C\u06A9\u0646\u0646\u062F\u0647:",
+
+" ",
+b
+)
+)
+),
+!!e&&/*#__PURE__*/
+
+_react.default.createElement(_index.PartnershipBox,null,/*#__PURE__*/
+_react.default.createElement(_icon.default,{
+name:e,
+color:"yellow",
+stickyRight:!0}
+),/*#__PURE__*/
+_react.default.createElement("span",null,
+"partner"===e?"\u0647\u0645\u06CC\u0627\u0631":"\u0647\u0645\u06A9\u0627\u0631",
+" ","\u0627\u06CC\u0648\u0646\u062F"
+
+)
+),
+
+l&&/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
+_react.default.createElement(_typography.Paragraph,{size:12,color:"riverBed"},
+l.slice(0,350).concat("...")
+)
+),
+
+!!k&&/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:"14",bold:!0,color:"riverBed",className:"recommend"},
+` ${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."
+
+)
+
+)
+),/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex",alignItems:"start",flexDirection:"column",justifyContent:"space-between",width:"100%",flex:"2 1",alignSelf:"stretch"},/*#__PURE__*/
+_react.default.createElement(_display.default,{className:"statistics",display:"flex",alignItems:"start",flexDirection:"row",justifyContent:"space-evenly",width:"100%"},
+m&&/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
+_react.default.createElement(_index.TextCenter,null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:16,bold:!0},
+m
+),/*#__PURE__*/
+_react.default.createElement("br",null),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:12,bold:!0},"\u062F\u0646\u0628\u0627\u0644 \u06A9\u0646\u0646\u062F\u0647"
+
+)
+)
+),
+
+i&&/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
+_react.default.createElement(_index.TextCenter,null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:16,bold:!0},
+i
+),/*#__PURE__*/
+_react.default.createElement("br",null),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:12,bold:!0},"\u06A9\u0644 \u0631\u0648\u06CC\u062F\u0627\u062F\u0647\u0627"
+
+)
+)
+),
+
+j&&/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
+_react.default.createElement(_index.TextCenter,null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:16,bold:!0},
+j
+),/*#__PURE__*/
+_react.default.createElement("br",null),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:12,bold:!0},"\u0631\u0648\u06CC\u062F\u0627\u062F \u0641\u0639\u0627\u0644"
+
+)
+)
+)
+
+),/*#__PURE__*/
+_react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"center",justifyContent:"space-between",width:"100%"},/*#__PURE__*/
+_react.default.createElement(_buttons.default,{
+onClickFollowMe:g,
+onClickConnectUs:h,
+isFollowed:f}
+)
+)
+)
+),/*#__PURE__*/
+_react.default.createElement("style",null,
+`
+          .recommend {
+            display: block;
+            margin: 10px 0;
+          }
+          @media (max-width: 768px) {
+            .avatar {
+              margin: 5px auto 10px;
+            }
+            .statistics {
+              margin: 25px auto;
+            }
+          }
+          @media (min-width: 768px) {
+            .mr {
+              display: flex;
+              flex-direction: column;
+              flex: 5 1;
+              min-height: 123px;
+              justify-content: space-between;
+            }
+          }
+        `
+)
+))
+
+};var _default=exports.default=
+
+OrgnizerCard;

package/card/orgnizer-card/index.stories.js

@@ -0,0 +1,81 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Sponsor=exports.Partner=exports.Followed=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
+
+
+
+{
+title:"OrganizerCard",
+component:_index.default,
+
+argTypes:{
+name:{
+control:"text",
+defaultValue:"\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634"
+},
+followersCount:{
+control:"text",
+defaultValue:"\u06F1\u06F3\u06F2\u06F4\u06F7"
+},
+logo:{
+control:"text",
+defaultValue:"https://i.pravatar.cc/300?img=13"
+},
+activeEventsCount:{
+control:"text",
+defaultValue:"\u06F1\u06F2\u06F3"
+},
+allEventsCount:{
+control:"text",
+defaultValue:"\u06F2\u06F4\u06F5\u06F6\u06F7"
+},
+recommendedCount:{
+control:"text",
+defaultValue:"\u06F3\u06F3 \u0646\u0641\u0631"
+},
+isFollowed:{
+control:"boolean",
+defaultValue:!1
+},
+partnership:{
+control:"select",
+options:["colleague","partner","sponsor"],
+defaultValue:"colleague"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({},
+a,{
+renderOrganizerLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"https://i.pravatar.cc/300?img=1"},a)})
+),
+
+
+Default=exports.Default=Template.bind({});
+Default.args={
+name:"\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634",
+followersCount:"\u06F1\u06F3\u06F2\u06F4\u06F7",
+logo:"https://i.pravatar.cc/300?img=13",
+activeEventsCount:"\u06F1\u06F2\u06F3",
+allEventsCount:"\u06F2\u06F4\u06F5\u06F6\u06F7",
+recommendedCount:"\u06F3\u06F3 \u0646\u0641\u0631",
+isFollowed:!1,
+partnership:"colleague"
+};
+
+const Partner=exports.Partner=Template.bind({});
+Partner.args={
+...Default.args,
+partnership:"partner"
+};
+
+const Sponsor=exports.Sponsor=Template.bind({});
+Sponsor.args={
+...Default.args,
+partnership:"sponsor"
+};
+
+const Followed=exports.Followed=Template.bind({});
+Followed.args={
+...Default.args,
+isFollowed:!0
+};