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

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

@@ -0,0 +1,110 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithLink=exports.WithBackground=exports.VerticalDirection=exports.Level5=exports.Level4=exports.Level3=exports.Level2=exports.HoverLevel1To4=exports.HorizontalDirection=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/Card/CardTemplate",
+component:_index.default,
+argTypes:{
+level:{
+control:"number",
+description:"The level of the card (1-5)"
+},
+hoverToLevel:{
+control:"number",
+description:"The level to hover to"
+},
+direction:{
+control:"select",
+options:["vertical","horizontal"],
+description:"The direction of the card content"
+},
+background:{
+control:"text",
+description:"The background image URL"
+},
+renderLink:{
+control:"function",
+description:"Function to render a link wrapper"
+},
+style:{
+control:"object",
+description:"Additional styles to apply"
+},
+children:{
+control:"text",
+description:"The content of the card"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/
+_react.default.createElement(_index.default,a,/*#__PURE__*/
+_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
+),
+
+
+Default=exports.Default=Template.bind({}),
+
+Level2=exports.Level2=Template.bind({});
+Level2.args={
+level:2,
+style:{marginTop:"50px"}
+};
+
+const Level3=exports.Level3=Template.bind({});
+Level3.args={
+level:3,
+style:{marginTop:"50px"}
+};
+
+const Level4=exports.Level4=Template.bind({});
+Level4.args={
+level:4,
+style:{marginTop:"50px"}
+};
+
+const Level5=exports.Level5=Template.bind({});
+Level5.args={
+level:5,
+style:{marginTop:"50px"}
+};
+
+const HoverLevel1To4=exports.HoverLevel1To4=Template.bind({});
+HoverLevel1To4.args={
+level:1,
+hoverToLevel:4,
+style:{marginTop:"50px"}
+};
+
+const WithLink=exports.WithLink=Template.bind({});
+WithLink.args={
+renderLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"http://google.com"},a),
+children:/*#__PURE__*/_react.default.createElement("div",{style:{height:"100px"}},"with link to google")
+};
+
+const VerticalDirection=exports.VerticalDirection=Template.bind({});
+VerticalDirection.args={
+direction:"vertical",
+children:/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement("div",{style:{height:"100px",backgroundColor:"lightgray"}},"Hello card template."),/*#__PURE__*/
+_react.default.createElement("div",{style:{height:"100px",backgroundColor:"oldlace"}},"Hello card template.")
+)
+
+};
+
+const HorizontalDirection=exports.HorizontalDirection=Template.bind({});
+HorizontalDirection.args={
+direction:"horizontal",
+children:/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement("div",{style:{height:"100px",backgroundColor:"lightgray"}},"Hello card template."),/*#__PURE__*/
+_react.default.createElement("div",{style:{height:"100px",backgroundColor:"oldlace"}},"Hello card template.")
+)
+
+};
+
+const WithBackground=exports.WithBackground=Template.bind({});
+WithBackground.args={
+background:"http://static.simpledesktops.com/uploads/desktops/2019/11/08/Jupiter.png"
+};

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

@@ -0,0 +1,25 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const TemplateContainer=_styledComponents.default.section`
+  display: flex;
+  flex-direction: ${(a)=>{let{direction:b}=a;return"vertical"===b?"column":"row"}};
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius.low}px`}};
+  overflow: hidden;
+  ${(a)=>{let{maxWidth:b}=a;return b?`max-width: ${b}px`:""}};
+  box-shadow: ${(a)=>{let{theme:b,level:c}=a;return(
+`0 0 ${b.shadows[c].blur}px ${b.shadows[c].spread}px rgba(0, 0, 0, ${b.shadows[c].opacity})`)}};
+  text-decoration: none;
+  transition: ${
+(a)=>{let{theme:b}=a;return`all ${b.animation.time}s ${b.animation.method}`}};
+  ${(a)=>{let{background:b}=a;return b?`background: url(${b}) bottom left / 142px no-repeat`:""}};
+
+  &:hover {
+    ${(a)=>{let{theme:b,level:c,hoverToLevel:d}=a;return(
+d>c?
+`box-shadow: 0 0 ${b.shadows[d].blur}px ${b.shadows[d].spread}px rgba(0, 0, 0, ${b.shadows[d].opacity})`:
+"")}};
+  }
+`;var _default=exports.default=
+
+
+TemplateContainer;

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

@@ -0,0 +1,85 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme");require("jest-styled-components");var _index=_interopRequireDefault(require("./index")),_typography=require("../../typography"),_test=_interopRequireDefault(require("../../utils/test")),_themes=_interopRequireDefault(require("../../themes"));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({
+level:a.level,
+hoverToLevel:a.hoverToLevel,
+maxWidth:a.maxWidth,
+linkTo:a.linkTo},
+a),
+
+a.children
+)
+))},
+
+
+setupMount=function(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return(
+(0,_enzyme.mount)(/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({
+level:a.level,
+hoverToLevel:a.hoverToLevel,
+maxWidth:a.maxWidth,
+linkTo:a.linkTo},
+a),
+
+a.children
+)
+))};
+
+
+describe("Card Template",()=>{
+it("should render correctly",()=>{const
+a=setupShallow({
+level:2,
+hoverToLevel:3,
+children:/*#__PURE__*/_react.default.createElement(_typography.Text,null,"\u06CC\u06A9 \u0645\u062A\u0646 \u062A\u0633\u062A\u06CC")
+}),
+b=(0,_test.default)(a,"card-template");
+expect(b.length).toBe(1)
+}),
+
+it("should render correctly with link wrapper",()=>{const
+a=setupShallow({
+level:2,
+hoverToLevel:3,
+linkTo:"/link-address",
+children:/*#__PURE__*/_react.default.createElement(_typography.Text,null,"\u06CC\u06A9 \u0645\u062A\u0646 \u062A\u0633\u062A\u06CC")
+}),
+b=(0,_test.default)(a,"card-template-link-wrapper");
+expect(b.length).toBe(1)
+}),
+
+it("should has correct style",()=>{const
+a={
+level:1,
+hoverToLevel:3,
+children:"\u06CC\u06A9 \u0645\u062A\u0646 \u062A\u0633\u062A\u06CC",
+maxWidth:300
+},
+b=setupMount(a);
+expect(b).toHaveStyleRule(
+"box-shadow",
+`0 0 ${_themes.default.shadows[1].blur}px ${_themes.default.shadows[1].spread}px rgba(0,0,0,${_themes.default.shadows[1].opacity})`
+),
+expect(b).toHaveStyleRule(
+"box-shadow",
+`0 0 ${_themes.default.shadows[3].blur}px ${_themes.default.shadows[3].spread}px rgba(0,0,0,${_themes.default.shadows[3].opacity})`,
+{
+modifier:":hover"
+}
+),
+expect(b).toHaveStyleRule(
+"border-radius",
+`${_themes.default.borderRadius.low}px`
+),
+expect(b).toHaveStyleRule("max-width",`${a.maxWidth}px`)
+})
+});

package/card/event-card/constants.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VERTICAL_CARD=exports.HORIZONTAL_MOBILE_CARD=exports.HORIZONTAL_CARD=void 0;const VERTICAL_CARD=exports.VERTICAL_CARD="vertical",
+HORIZONTAL_CARD=exports.HORIZONTAL_CARD="horizontal",
+HORIZONTAL_MOBILE_CARD=exports.HORIZONTAL_MOBILE_CARD="horizontal-mobile";

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

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+adsLabelUrl="https://static.evand.net/assets/images/other/ads-label.svg",
+
+
+finishedLabelUrl="https://static.evand.net/assets/images/other/finished-text-label.svg",
+
+EventCardLabel=(a)=>{let{type:b}=a;
+switch(b){
+case"ads":
+return/*#__PURE__*/_react.default.createElement(_index.default,{src:adsLabelUrl,"data-test":"ads-label"});
+case"finished":
+default:
+return/*#__PURE__*/_react.default.createElement(_index.default,{src:finishedLabelUrl,"data-test":"finished-label"})
+}
+};// const adsLabelUrl = require('../../../../docs/assets/ads-label.svg');
+
+EventCardLabel.propTypes={
+type:_propTypes.default.oneOf(["ads","finished"]).isRequired
+};var _default=exports.default=
+
+EventCardLabel;

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

@@ -0,0 +1,10 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const ImageLabel=_styledComponents.default.img`
+  display: inline-block;
+  margin-left: 12px;
+  // margin-bottom: 5px;
+  width: 33px;
+`;var _default=exports.default=
+
+ImageLabel;

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

@@ -0,0 +1,23 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_index=_interopRequireDefault(require("./index")),_test=_interopRequireDefault(require("../../../utils/test"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+const setupShallow=(a)=>{let{type:b}=a;return(
+(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{type:b})))};
+
+
+describe("EventCardLabel component",()=>{
+it("Should render ads label",()=>{const
+a=setupShallow({type:"ads"}),
+b=(0,_test.default)(a,"ads-label");
+expect(b.length).toBe(1)
+}),
+
+it("Should render finished label",()=>{const
+a=setupShallow({type:"finished"}),
+b=(0,_test.default)(a,"finished-label");
+expect(b.length).toBe(1)
+})
+});

package/card/event-card/index.js

@@ -0,0 +1,227 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireWildcard(require("prop-types")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_constants=require("./constants"),_showDate=_interopRequireDefault(require("../../show-date")),_typography=require("../../typography"),_titledAvatar=_interopRequireDefault(require("../../titled-avatar")),_eventCardLabel=_interopRequireDefault(require("./event-card-label")),_index=require("./index.style"),_icon=_interopRequireDefault(require("../../icon"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+finishedClockLabelUrl="https://static.evand.net/assets/images/other/finished-clock-label.svg",
+defaultCoverUrl="https://static.evand.net/assets/images/defaults/event-cover.jpg",
+EventCard=(a)=>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{let{title:b,price:c,place:d,renderEventLink:e,clickBookmark:f,bookmarked:h=!1,cover:i="",type:j=_constants.VERTICAL_CARD,ads:k=!1,finished:l=!1,organization:m=void 0,renderOrganizationLink:n=()=>!1,date:o="",showDate:p="",partnership:q={status:""},coverImage:r=null,...g}=a;
+// date param used on main evand and because it wrong to use moment-jalali in react jupiter
+// we ommmit it in evand-next and use showDate param instead but its still used in evand
+// TODO: remove date params if no longer needed (in evand project)
+// TODO: remove ShowDate component and remove used places
+// TODO: remove moment-jalali from this package after removing ShowDate
+
+// in new form of event-card we dont show organazation info as a titled-avatar
+// TODO: if the new form was accepted and remove old one from evand clean these parts
+const s=[
+{iconName:"place",text:d},
+{iconName:"ticket",text:c}];
+
+m&&"unset"===m.logo&&
+s.push({iconName:"supervisor-account",text:m.name});const
+
+
+t=()=>/*#__PURE__*/
+_react.default.createElement(_index.VerticalCardContainer,_extends({
+direction:j,
+hoverToLevel:3,
+maxWidth:270},
+g),
+
+e(r||/*#__PURE__*/_react.default.createElement(_index.VerticalCover,{"data-test":"vertical-cover",src:i||defaultCoverUrl,loading:"lazy",onError:(a)=>{a.target.onerror=null,a.target.src=defaultCoverUrl}})),/*#__PURE__*/
+_react.default.createElement(_index.VerticalContentContainer,{
+"data-test":"vertical-content",
+background:l?finishedClockLabelUrl:null},/*#__PURE__*/
+
+_react.default.createElement("div",null,/*#__PURE__*/
+_react.default.createElement(_index.DateBookmarkContainer,{"data-test":"vertical-date-bookmark"},/*#__PURE__*/
+_react.default.createElement(_index.DateLabelContainer,null,
+l&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
+!l&&k&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
+!!q?.status&&/*#__PURE__*/
+_react.default.createElement(_index.PartnershipBox,null,/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:q?.status,color:"yellow",stickyLeft:!0,marginRight:3}),
+" ",
+"colleague"===q?.status?"\u0647\u0645\u06A9\u0627\u0631":"\u0647\u0645\u06CC\u0627\u0631"
+),
+
+o&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:o,color:"gray",fontSize:"12"}),
+p&&/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:"12",color:"gray","data-test":"show-date"},p)
+
+),/*#__PURE__*/
+_react.default.createElement(_index.BookmarkIcon,{
+name:h?"bookmark":"bookmark-border",
+size:"lg",
+color:"gray",
+onClick:f}
+)
+),
+e(/*#__PURE__*/_react.default.createElement(_index.VerticalTitle,{level:2,size:"sm"},b)),/*#__PURE__*/
+_react.default.createElement(_index.VerticalPlacePrice,{list:s})
+),
+m&&"unset"!==m.logo&&/*#__PURE__*/
+_react.default.createElement(_titledAvatar.default,{title:m.name,titleSize:12,avatar:m.logo,avatarSize:"xs",renderAvatarLink:n})
+
+)
+),
+
+
+u=()=>/*#__PURE__*/
+_react.default.createElement(_index.HorizontalCardContainer,_extends({
+direction:j,
+hoverToLevel:3,
+maxWidth:560},
+g),
+
+e(/*#__PURE__*/_react.default.createElement(_index.HorizontalCover,{"data-test":"horizontal-cover",src:i||defaultCoverUrl,loading:"lazy"})),/*#__PURE__*/
+_react.default.createElement(_index.HorizontalContentContainer,{"data-test":"horizontal-content"},/*#__PURE__*/
+_react.default.createElement(_index.DateBookmarkContainer,null,/*#__PURE__*/
+_react.default.createElement(_index.DateLabelContainer,null,
+l&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
+!l&&k&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
+o&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:o,color:"gray",fontSize:"12"}),
+p&&/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:"12",color:"gray","data-test":"show-date"},p)
+
+),/*#__PURE__*/
+_react.default.createElement(_index.BookmarkIcon,{
+name:h?"bookmark":"bookmark-border",
+size:"lg",
+color:"gray",
+onClick:f,
+"data-test":h?"bookmark":"bookmark-border"}
+)
+),
+e(/*#__PURE__*/_react.default.createElement(_index.HorizontalTitle,{level:2,size:"sm"},b)),/*#__PURE__*/
+_react.default.createElement(_index.HorizontalPlacePrice,{list:s,isHorizontal:!0})
+)
+),
+
+
+v=()=>/*#__PURE__*/
+_react.default.createElement(_index.HorizontalCardContainer,_extends({
+direction:j,
+hoverToLevel:3,
+maxWidth:560},
+g),
+
+e(/*#__PURE__*/_react.default.createElement(_index.HorizontalMobileCover,{"data-test":"horizontal-mobile-cover",src:i||defaultCoverUrl,loading:"lazy"})),/*#__PURE__*/
+_react.default.createElement(_index.HorizontalContentContainer,{"data-test":"horizontal-content"},/*#__PURE__*/
+_react.default.createElement(_index.DateBookmarkContainer,null,/*#__PURE__*/
+_react.default.createElement(_index.DateLabelContainer,null,
+l&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
+!l&&k&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
+o&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:o,color:"gray",fontSize:"10"}),
+p&&/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:"10",color:"gray","data-test":"show-date"},p)
+
+),/*#__PURE__*/
+_react.default.createElement(_index.BookmarkIcon,{
+name:h?"bookmark":"bookmark-border",
+size:"sm",
+color:"gray",
+onClick:f,
+"data-test":h?"bookmark":"bookmark-border"}
+)
+),
+e(/*#__PURE__*/_react.default.createElement(_index.HorizontalTitle,{level:4,size:"sm"},b)),/*#__PURE__*/
+_react.default.createElement(_index.HorizontalPlacePrice,{list:s,isHorizontal:!0})
+)
+);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),
+(()=>{switch(j){case _constants.HORIZONTAL_CARD:return u();case _constants.HORIZONTAL_MOBILE_CARD:return v();case _constants.VERTICAL_CARD:default:return t()}})()
+))
+
+};
+
+EventCard.propTypes={
+title:_propTypes.default.string.isRequired,
+bookmarked:_propTypes.default.bool,
+type:_propTypes.default.string,
+price:_propTypes.default.string.isRequired,
+place:_propTypes.default.string.isRequired,
+date:_propTypes.default.oneOfType([
+_propTypes.default.string,
+_propTypes.default.object]
+),
+showDate:_propTypes.default.string,
+cover:_propTypes.default.string,
+ads:_propTypes.default.bool,
+finished:_propTypes.default.bool,
+organization:(0,_propTypes.oneOfType)([
+_propTypes.default.shape({
+name:_propTypes.default.string.isRequired,
+logo:_propTypes.default.string
+}),
+_propTypes.default.undefined]
+),
+renderEventLink:_propTypes.default.func.isRequired,
+renderOrganizationLink:_propTypes.default.func,
+clickBookmark:_propTypes.default.func.isRequired,
+partnership:_propTypes.default.shape({
+status:_propTypes.default.string
+}),
+coverImage:_propTypes.default.node||null
+};var _default=exports.default=
+
+EventCard;

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

@@ -0,0 +1,166 @@
+"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
+
+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",
+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)
+},
+
+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"
+},
+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:{
+control:"object",
+description:"Organization information"
+},
+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),
+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",
+finished:!0,
+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",
+ads:!0,
+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",
+partnership:{
+status:"colleague"
+},
+renderEventLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"/tosomewherenew"},a)
+};