react-jupiter 5.12.0 → 6.0.0-beta.10

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

@@ -1,155 +1,166 @@
-"use strict";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VerticalWithPartnership=exports.VerticalWithFinished=exports.VerticalWithCustomCover=exports.VerticalWithAds=exports.Vertical=exports.HorizontalWithFinished=exports.HorizontalWithAds=exports.HorizontalMobile=exports.Horizontal=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index")),_index2=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
+// import '../storybook.css';
+const
 
-
-
-var _index2=require("./index.style");var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_index=_interopRequireDefault(require("./index"));require("../../storybook.css");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-(0,_react2.storiesOf)("EventCard",module).
-add("horizontal mobile event card",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-type:"horizontal-mobile",
-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 \u0628\u0627\u06CC\u062F \u0648 \u0628\u0627\u06CC\u062F \u0648 \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/assets/images/defaults/event-cover.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",
-clickBookmark:()=>!0,
-queryString:"icn=trendEvents&ici=fp5",
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewhere"},a)}
-)
-).
-add("horizontal event card",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-type:"horizontal",
-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 \u0628\u0627\u06CC\u062F \u0648 \u0628\u0627\u06CC\u062F \u0648 \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/assets/images/defaults/event-cover.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",
-clickBookmark:()=>!0,
-queryString:"icn=trendEvents&ici=fp5",
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewhere"},a)}
-)
-).
-add("horizontal event card with ads",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-type:"horizontal",
+defaultArgs={
 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 \u0628\u0627\u06CC\u062F \u0648 \u0628\u0627\u06CC\u062F \u0648 \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/assets/images/defaults/event-cover.jpg",
 date:"2020-01-10T14:00:00+0330",
 place:"\u062A\u0647\u0631\u0627\u0646",
-ads:!0,
 price:"\u0627\u0632 \u06F4\u06F4\u06F0\u06F0\u06F0 \u062A\u0648\u0645\u0627\u0646",
 clickBookmark:()=>!0,
 queryString:"icn=trendEvents&ici=fp5",
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewhere"},a)}
-)
-).
-add("horizontal event card with finished",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-type:"horizontal",
-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 \u0628\u0627\u06CC\u062F \u0648 \u0628\u0627\u06CC\u062F \u0648 \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/assets/images/defaults/event-cover.jpg",
-date:"2020-01-10T14:00:00+0330",
-place:"\u062A\u0647\u0631\u0627\u0646",
-finished:!0,
-price:"\u0627\u0632 \u06F4\u06F4\u06F0\u06F0\u06F0 \u062A\u0648\u0645\u0627\u0646",
-clickBookmark:()=>!0,
-queryString:"icn=trendEvents&ici=fp5",
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewhere"},a)}
-)
-).
-add("vertical event card",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-type:"vertical",
-title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
-cover:"https://static.evand.net/assets/images/defaults/event-cover.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",
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewhere"},a)
+},
+
+organizationArgs={
 organization:{
 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",
 logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg"
 },
-clickBookmark:()=>!0,
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a),
-renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/toorganization"},a)}
-)
-).
-add("vertical event card with input cover element",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-type:"vertical",
-title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
-cover:"https://static.evand.net/assets/images/defaults/event-cover.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",
+renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/toorganization"},a)
+};var _default=exports.default=
+
+{
+title:"Components/Card/EventCard",
+component:_index.default,
+argTypes:{
+type:{
+control:"select",
+options:["horizontal-mobile","horizontal","vertical"],
+description:"The type of the event card"
+},
+title:{
+control:"text",
+description:"The title of the event"
+},
+cover:{
+control:"text",
+description:"The cover image URL"
+},
+date:{
+control:"text",
+description:"The event date"
+},
+place:{
+control:"text",
+description:"The event location"
+},
+price:{
+control:"text",
+description:"The event price"
+},
+ads:{
+control:"boolean",
+description:"Whether the card is an advertisement"
+},
+finished:{
+control:"boolean",
+description:"Whether the event is finished"
+},
+partnership:{
+control:"object",
+description:"Partnership information"
+},
 organization:{
-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",
-logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg"
+control:"object",
+description:"Organization information"
 },
-clickBookmark:()=>!0,
+clickBookmark:{
+control:"function",
+description:"Function to handle bookmark click"
+},
+renderEventLink:{
+control:"function",
+description:"Function to render event link"
+},
+renderOrganizationLink:{
+control:"function",
+description:"Function to render organization link"
+},
+coverImage:{
+control:"element",
+description:"Custom cover image element"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
+
+HorizontalMobile=exports.HorizontalMobile=Template.bind({});
+HorizontalMobile.args={
+...defaultArgs,
+type:"horizontal-mobile"
+};
+
+const Horizontal=exports.Horizontal=Template.bind({});
+Horizontal.args={
+...defaultArgs,
+type:"horizontal"
+};
+
+const HorizontalWithAds=exports.HorizontalWithAds=Template.bind({});
+HorizontalWithAds.args={
+...defaultArgs,
+type:"horizontal",
+ads:!0
+};
+
+const HorizontalWithFinished=exports.HorizontalWithFinished=Template.bind({});
+HorizontalWithFinished.args={
+...defaultArgs,
+type:"horizontal",
+finished:!0
+};
+
+const Vertical=exports.Vertical=Template.bind({});
+Vertical.args={
+...defaultArgs,
+...organizationArgs,
+type:"vertical",
+title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a)
+};
+
+const VerticalWithCustomCover=exports.VerticalWithCustomCover=Template.bind({});
+VerticalWithCustomCover.args={
+...defaultArgs,
+...organizationArgs,
+type:"vertical",
+title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
 renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a),
-renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/toorganization"},a),
-coverImage:/*#__PURE__*/_react.default.createElement(_index2.VerticalCover,{src:"https://static.evand.net/assets/images/defaults/event-cover.jpg"})}
-)
-).
-add("vertical event card with finished",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
+coverImage:/*#__PURE__*/_react.default.createElement(_index2.VerticalCover,{src:"https://static.evand.net/assets/images/defaults/event-cover.jpg"})
+};
+
+const VerticalWithFinished=exports.VerticalWithFinished=Template.bind({});
+VerticalWithFinished.args={
+...defaultArgs,
+...organizationArgs,
 type:"vertical",
 title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
-cover:"https://static.evand.net/assets/images/defaults/event-cover.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:{
-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",
-logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg"
-},
 finished:!0,
-clickBookmark:()=>!0,
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a),
-renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/toorganization"},a)}
-)
-).
-add("vertical event card with ads",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a)
+};
+
+const VerticalWithAds=exports.VerticalWithAds=Template.bind({});
+VerticalWithAds.args={
+...defaultArgs,
+...organizationArgs,
 type:"vertical",
 title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
-cover:"https://static.evand.net/assets/images/defaults/event-cover.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:{
-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",
-logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg"
-},
 ads:!0,
-clickBookmark:()=>!0,
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a),
-renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/toorganization"},a)}
-)
-).
-add("vertical event card with partnership",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a)
+};
+
+const VerticalWithPartnership=exports.VerticalWithPartnership=Template.bind({});
+VerticalWithPartnership.args={
+...defaultArgs,
+...organizationArgs,
 type:"vertical",
 title:"\u062A\u0627\u06CC\u062A\u0644 \u06CC\u06A9 \u0631\u0648\u06CC\u062F\u0627\u062F \u0627\u06CC\u0646\u062C\u0627\u0633\u062A \u06A9\u0647\u0646",
-cover:"https://static.evand.net/assets/images/defaults/event-cover.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:{
-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",
-logo:"https://static.evand.net/images/organizations/logos/original/e90483ade453446ae2fd156e15244d04.jpg"
-},
 partnership:{
 status:"colleague"
 },
-clickBookmark:()=>!0,
-renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a),
-renderOrganizationLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/toorganization"},a)}
-)
-).
-addDecorator(_addonInfo.withInfo);
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a)
+};

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

@@ -1,4 +1,4 @@
-"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 _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_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}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+"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}}
 
 
 
@@ -7,113 +7,123 @@
 
 /* Common event card styles */const
 
-Link=exports.Link=_styledComponents.default.a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  text-decoration: none;\n"]))),
-
-
-
-DateBookmarkContainer=exports.DateBookmarkContainer=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"]))),
-
-
-
-
-
-DateLabelContainer=exports.DateLabelContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: inline-block;\n  & > * {\n    vertical-align:middle;\n  }\n"]))),
-
-
-
-
-
-
-BookmarkIcon=exports.BookmarkIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  margin-left: 0;\n  &:hover {\n    cursor: pointer;\n  }\n"]))),
-
-
-
-
-
-
-
-VerticalCardContainer=exports.VerticalCardContainer=(0,_styledComponents.default)(_cardTemplate.default)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  background: white;\n  a {\n    text-decoration: none;\n  }\n  @media only screen and (min-width: ","px) {\n    min-height: 358px;\n  }\n"])),
-
-
-
-
-_themes.default.breakpoints.sm),
-
-
-
-
-VerticalCover=exports.VerticalCover=_styledComponents.default.img(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  width: 100%;\n  min-width: 270px;\n  height: auto;\n  min-height: 150px;\n"]))),
-
-
-
-
-
-
-VerticalContentContainer=exports.VerticalContentContainer=_styledComponents.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  background-image: url(",");\n  background-size: cover;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 12px 16px 16px;\n  min-height: 180px;\n  max-height: 200px;\n  direction: rtl;\n  text-align: right;\n"])),
-(a)=>a.background),
-
-
-
-
-
-
-
-
-
-
-
-VerticalTitle=exports.VerticalTitle=(0,_styledComponents.default)(_typography.Heading)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  margin: 0;\n  overflow: hidden;\n  height: 60px;\n"]))),
-
-
-
-
-
-VerticalPlacePrice=exports.VerticalPlacePrice=(0,_styledComponents.default)(_productProperties.default)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  margin: 4px 0;\n"]))),
-
-
-
-
-
-HorizontalCardContainer=exports.HorizontalCardContainer=(0,_styledComponents.default)(VerticalCardContainer)(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  height: 116px;\n"]))),
-
-
-
-HorizontalCover=exports.HorizontalCover=_styledComponents.default.img(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n  width: 206px;\n  min-width: 206px;\n  height: auto;\n"]))),
-
-
-
-
-
-HorizontalMobileCover=exports.HorizontalMobileCover=_styledComponents.default.img(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n  width: 146px;\n  min-width: 146px;\n  height: 100%;\n"]))),
-
-
-
-
-
-HorizontalContentContainer=exports.HorizontalContentContainer=_styledComponents.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  justify-content: space-between;\n  flex: 1;\n  min-width: 250px;\n"]))),
-
-
-
-
-
-
-
-
-HorizontalMobileContentContainer=exports.HorizontalMobileContentContainer=_styledComponents.default.div(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  justify-content: space-between;\n  flex: 1;\n  min-width: 0px;\n"]))),
-
-
-
-
-
-
-
-
-HorizontalTitle=exports.HorizontalTitle=(0,_styledComponents.default)(_typography.Heading)(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"]))),
-
-
-
-
-
-HorizontalPlacePrice=exports.HorizontalPlacePrice=(0,_styledComponents.default)(_productProperties.default)(_templateObject16||(_templateObject16=_taggedTemplateLiteral([""]))),
-
-PartnershipBox=exports.PartnershipBox=_styledComponents.default.div(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n  background: #FFC72724;\n  border-radius: 5px;\n  margin-left: 5px;\n  color: #FFD324;\n  display: inline-flex;\n  align-items: center;\n  min-width: 60px;\n  height: 25px;\n  justify-content: center;\n"])));/* Vertical event card styles */ /* Horizontal event card styles */
+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

@@ -1,4 +1,4 @@
-"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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
+"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)}
 
 
 

package/card/organization-card/index.js

@@ -30,7 +30,7 @@ h=[
 {id:3,title:"\u062F\u0646\u0628\u0627\u0644\u200C\u06A9\u0646\u0646\u062F\u0647\u200C\u0647\u0627",count:d.followingNumber}];
 
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_index.default,{
 direction:"vertical",
 hoverToLevel:3,

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

@@ -1,19 +1,49 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"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),
 
-(0,_react2.storiesOf)("OrganizationCard",module).
-add("horizontal event card",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-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 \u0646\u0635\u06CC\u0631\u0627\u0644\u062F\u06CC\u0646 \u0637\u0648\u0633\u06CC \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",
+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")}}
-)
-).
-addDecorator(_addonInfo.withInfo);
+onClickFollow:()=>{window.console.log("click on follow")}
+};

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template"));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 Container=(0,_styledComponents.default)(_cardTemplate.default)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  padding: 16px; \n  height: 200px;\n  justify-content: space-between;\n"])));var _default=exports.default=
-
-
+"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

@@ -1,4 +1,4 @@
-"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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
+"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)}