react-jupiter 5.12.0 → 6.0.0-beta.1

package/button/index.styles.js

@@ -1,101 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledIcon=exports.InternalLink=exports.ExternalLink=exports.BaseButton=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_icon=_interopRequireDefault(require("../icon")),_theme=require("../utils/theme");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
-
-
-
-BaseButton=exports.BaseButton=_styledComponents.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: ",";\n  height: ",";\n  min-width: ",";\n  min-height: ",";\n\n  padding: ",";\n  box-sizing: border-box;\n\n  cursor: ",";\n  opacity: ",";\n  border-radius: ",";\n\n  margin: ",";\n\n  &[data-styletype=\"primary\"] {\n    border: none;\n    background: ",";\n    \n    &:hover { \n      transition: all 0.25s;\n      background: ",";\n    }\n    &:active {\n      transition: all 0.25s;\n      background: ",";\n    }\n  }\n  \n  &[data-styletype=\"secondary\"] {\n    border: 1px solid ",";\n    background: transparent;\n\n    &:hover { \n      border-color: ",";\n      transition: all 0.25s;\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      border-color: ",";\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n  }\n\n  &[data-styletype=\"tertiary\"] {\n    border: none;\n    background: transparent;\n\n    &:hover { \n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n\n  }\n"])),
-
-
-
-
-(a)=>{let{width:b,wide:c}=a;return b?"".concat(b):c?"100%":"auto"},
-(a)=>{let{height:b}=a;return b?"".concat(b):"auto"},
-(a)=>{let{size:b,theme:c,width:d}=a;return d?"".concat(d):"".concat(c.size[b].minWidth,"px")},
-(a)=>{let{size:b,theme:c,height:d}=a;return d?"".concat(d):"".concat(c.size[b].height,"px")},
-
-(a)=>{let{size:b,theme:c}=a;return c.size[b].padding},
-
-
-(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
-(a)=>{let{disabled:b}=a;return b?"0.25":"1"},
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-
-(a)=>{let{
-marginRight:b,marginLeft:c
-}=a;return"0 ".concat(b||0,"px 0 ").concat(c||0,"px")},
-
-
-
-(a)=>{let{theme:b,mainColor:c}=a;return(0,_theme.getColorFromName)(b,c)},
-
-
-
-(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):(0,_theme.getHoverColorFromName)(b,c)},
-
-
-
-(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):(0,_theme.getFocusColorFromName)(b,c)},
-
-
-
-
-(a)=>{let{theme:b,mainColor:c}=a;return(0,_theme.getColorFromName)(b,c)},
-
-
-
-(a)=>{let{theme:b,disabled:c,mainColor:d}=a;return c?(0,_theme.getColorFromName)(b,d):"transparent"},
-
-(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?"transparent":(0,_theme.getColorFromName)(b,c)},
-
-
-(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):b.colors.white},
-
-
-
-(a)=>{let{theme:b,disabled:c,mainColor:d}=a;return c?(0,_theme.getColorFromName)(b,d):"transparent"},
-(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?"transparent":(0,_theme.getFocusColorFromName)(b,c)},
-
-
-(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):b.colors.white},
-
-
-
-
-
-
-
-
-
-
-
-(a)=>{let{theme:b}=a;return b.colors.darkBlue400},
-
-
-
-
-
-(a)=>{let{theme:b}=a;return b.colors.darkBlue800}),
-
-
-
-
-
-
-StyledIcon=exports.StyledIcon=(0,_styledComponents.default)(_icon.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  margin-right: 0;\n"]))),
-
-
-
-ExternalLink=exports.ExternalLink=_styledComponents.default.a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  color: ",";\n  text-decoration: none;\n  &:hover {\n    text-decoration: none;\n  }\n  &:visited {\n    color: ",";\n    text-decoration: none;\n  }\n"])),
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)},
-
-
-
-
-
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
-
-
-
-
-InternalLink=exports.InternalLink=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  a {\n    color: ",";\n    text-decoration: none;\n  }\n"])),
-
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)});

package/button/theme.js

@@ -1,34 +0,0 @@
-"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-const theme={
-size:{
-lg:{
-padding:"4px 48px",
-font:20,
-minWidth:172,
-height:56
-},
-md:{
-padding:"4px 32px",
-font:16,
-minWidth:128,
-height:48
-},
-sm:{
-padding:"2px 16px",
-font:13,
-minWidth:80,
-height:36
-},
-xs:{
-padding:"2px 8px",
-font:10,
-minWidth:64,
-height:32
-}
-},
-colors:_themes.default.colors,
-borderRadius:_themes.default.borderRadius.low
-};var _default=exports.default=
-
-theme;

package/button/utils.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function setFontColor(a,b){return(
-
-"secondary"===a?
-b:
-"tertiary"===a?
-"darkBlue":
-
-"white")
-
-}var _default=exports.default=
-
-setFontColor;

package/card/card-template/index.js

@@ -1,74 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_themes=_interopRequireDefault(require("../../themes")),_index=_interopRequireDefault(require("./index.style"));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)}
-
-
-
-
-
-
-const CardTemplate=(a)=>
-
-
-
-
-
-
-
-
-{let{level:d=1,hoverToLevel:e=1,maxWidth:f=null,renderLink:g=void 0,direction:h="vertical",background:i="",children:b,...c}=a;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
-_react.default.createElement(_globalStyle.default,null),
-(()=>g?g(/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:f,level:d,hoverToLevel:e,direction:h,"data-test":"card-template",background:i},c),b)):/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:f,level:d,hoverToLevel:e,direction:h,"data-test":"card-template",background:i},c),b))()
-))
-
-};
-
-CardTemplate.propTypes={
-children:_propTypes.default.oneOfType([
-_propTypes.default.arrayOf(_propTypes.default.node),
-_propTypes.default.node,
-_propTypes.default.string]
-).isRequired,
-level:_propTypes.default.oneOf([1,2,3,4,5]),
-hoverToLevel:_propTypes.default.number,
-maxWidth:_propTypes.default.oneOfType([
-_propTypes.default.number,
-_propTypes.default.string]
-),
-renderLink:_propTypes.default.func,
-direction:_propTypes.default.oneOf(["vertical","horizontal"]),
-background:_propTypes.default.string
-};var _default=exports.default=
-
-CardTemplate;

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

@@ -1,70 +0,0 @@
-"use strict";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)("CardTemplate",module).
-add("default level",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,null,/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("level 2",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{level:2,style:{marginTop:"50px"}},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("level 3",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{level:3,style:{marginTop:"50px"}},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("level 4",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{level:4,style:{marginTop:"50px"}},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("level 5",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{level:5,style:{marginTop:"50px"}},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("hover level 1 to 4",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{level:1,hoverToLevel:4,style:{marginTop:"50px"}},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("with link",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{renderLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"http://google.com"},a)},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"with link to google")
-)
-).
-add("vertical direction",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{direction:"vertical"},/*#__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.")
-)
-).
-add("horizontal direction",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{direction:"horizontal"},/*#__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.")
-)
-).
-add("with background",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{background:"http://static.simpledesktops.com/uploads/desktops/2019/11/08/Jupiter.png"},/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("default level",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,null,/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-add("default level",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,null,/*#__PURE__*/
-_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
-)
-).
-addDecorator(_addonInfo.withInfo);

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

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

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

@@ -1,85 +0,0 @@
-"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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,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 ".concat(
-_themes.default.shadows[1].blur,"px ").concat(_themes.default.shadows[1].spread,"px rgba(0,0,0,").concat(_themes.default.shadows[1].opacity,")")
-),
-expect(b).toHaveStyleRule(
-"box-shadow","0 0 ".concat(
-_themes.default.shadows[3].blur,"px ").concat(_themes.default.shadows[3].spread,"px rgba(0,0,0,").concat(_themes.default.shadows[3].opacity,")"),
-{
-modifier:":hover"
-}
-),
-expect(b).toHaveStyleRule(
-"border-radius","".concat(
-_themes.default.borderRadius.low,"px")
-),
-expect(b).toHaveStyleRule("max-width","".concat(a.maxWidth,"px"))
-})
-});

package/card/event-card/constants.js

@@ -1,3 +0,0 @@
-"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

@@ -1,24 +0,0 @@
-"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

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

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

@@ -1,23 +0,0 @@
-"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)
-})
-});