react-jupiter 5.12.0 → 6.0.0-beta.10

package/typography/text/index.styles.js

@@ -1,72 +1,73 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SupScript=exports.SubScript=exports.Strong=exports.String=exports.Emphasized=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styledComponents=_interopRequireDefault(require("styled-components")),_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
-
-
-Emphasized=exports.Emphasized=_styledComponents.default.em(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: ",";\n  ","\n  ","\n  color: ",";\n  ","\n  ","\n  ","\n"])),
-
-(a)=>{let{size:b}=a;return"".concat(b,"px")},
-(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""},
-(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""},
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)},
-(a)=>{let{bold:b}=a;return b?"font-weight: bold;":""},
-(a)=>{let{theme:b,marked:c}=a;return c?"background-color: ".concat(b.colors.blue200,";"):""},
-(a)=>{let{theme:b,isLabel:c}=a;return c?"background-color: ".concat(
-b.colors.gray400,"; padding: 2px 8px; border-radius: 2px;"):
-""}),
-
-
-
-Strong=exports.Strong=_styledComponents.default.strong(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: ",";\n  font-weight: bold;\n  ","\n  ","\n  ","\n  color: ",";\n  ","\n  ","\n"])),
-
-(a)=>{let{size:b}=a;return"".concat(b,"px")},
-
-(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""},
-(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""},
-(a)=>{let{emphasized:b}=a;return b?"font-style: italic;":""},
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)},
-(a)=>{let{theme:b,marked:c}=a;return c?"background-color: ".concat(b.colors.blue200,";"):""},
-(a)=>{let{theme:b,isLabel:c}=a;return c?"background-color: ".concat(
-b.colors.gray400,"; padding: 2px 8px; border-radius: 2px;"):
-""}),
-
-
-
-String=exports.String=_styledComponents.default.span(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: ",";\n  ","\n  ","\n  color: ",";\n  font-weight: ",";\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),
-
-(a)=>{let{spanSize:b}=a;return"".concat(b,"px")},
-(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""},
-(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""},
-(a)=>{let{theme:b,spanColor:c}=a;return(0,_theme.getColorFromName)(b,c)},
-(a)=>{let{bold:b,fontWeight:c}=a;return b?"bold":c},
-(a)=>{let{theme:b,marked:c}=a;return c?"background-color: ".concat(b.colors.blue200,";"):""},
-(a)=>{let{theme:b,isLabel:c}=a;return c?"background-color: ".concat(
-b.colors.gray400,"; padding: 2px 8px; border-radius: 2px;"):
-""},
-
-(a)=>{let{isDisplayBlock:b}=a;return b?"display: block;":""},
-(a)=>{let{isCutWithEllipsis:b}=a;return(
-b?"\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: block;\n        ":
-
-
-
-
-
-
-
-"")
-},
-(a)=>{let{textAlign:b}=a;return b?"text-align: ".concat(
-b):
-""}),
-
-
-
-SubScript=exports.SubScript=_styledComponents.default.sub(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: 8px;\n  color: ",";\n"])),
-
-
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
-
-
-SupScript=exports.SupScript=_styledComponents.default.sup(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: 8px;\n  color: ",";\n"])),
-
-
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SupScript=exports.SubScript=exports.Strong=exports.String=exports.Emphasized=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=require("../../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+Emphasized=exports.Emphasized=_styledComponents.default.em`
+  font-family: 'IranSharp';
+  font-size: ${(a)=>{let{size:b}=a;return`${b}px`}};
+  ${(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""}}
+  ${(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""}}
+  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+  ${(a)=>{let{bold:b}=a;return b?"font-weight: bold;":""}}
+  ${(a)=>{let{theme:b,marked:c}=a;return c?`background-color: ${b.colors.blue200};`:""}}
+  ${(a)=>{let{theme:b,isLabel:c}=a;return c?
+`background-color: ${b.colors.gray400}; padding: 2px 8px; border-radius: 2px;`:
+""}}
+`,
+
+
+Strong=exports.Strong=_styledComponents.default.strong`
+  font-family: 'IranSharp';
+  font-size: ${(a)=>{let{size:b}=a;return`${b}px`}};
+  font-weight: bold;
+  ${(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""}}
+  ${(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""}}
+  ${(a)=>{let{emphasized:b}=a;return b?"font-style: italic;":""}}
+  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+  ${(a)=>{let{theme:b,marked:c}=a;return c?`background-color: ${b.colors.blue200};`:""}}
+  ${(a)=>{let{theme:b,isLabel:c}=a;return c?
+`background-color: ${b.colors.gray400}; padding: 2px 8px; border-radius: 2px;`:
+""}}
+`,
+
+
+String=exports.String=_styledComponents.default.span`
+  font-family: 'IranSharp';
+  font-size: ${(a)=>{let{spanSize:b}=a;return`${b}px`}};
+  ${(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""}}
+  ${(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""}}
+  color: ${(a)=>{let{theme:b,spanColor:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+  font-weight: ${(a)=>{let{bold:b,fontWeight:c}=a;return b?"bold":c}};
+  ${(a)=>{let{theme:b,marked:c}=a;return c?`background-color: ${b.colors.blue200};`:""}}
+  ${(a)=>{let{theme:b,isLabel:c}=a;return c?
+`background-color: ${b.colors.gray400}; padding: 2px 8px; border-radius: 2px;`:
+""}}
+  ${
+(a)=>{let{isDisplayBlock:b}=a;return b?"display: block;":""}}
+  ${(a)=>{let{isCutWithEllipsis:b}=a;return(
+b)?
+`
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: block;
+        `:
+
+""
+}}
+  ${(a)=>{let{textAlign:b}=a;return b?
+`text-align: ${b}`:
+""}}
+`,
+
+
+SubScript=exports.SubScript=_styledComponents.default.sub`
+  font-family: 'IranSharp';
+  font-size: 8px;
+  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+`,
+
+SupScript=exports.SupScript=_styledComponents.default.sup`
+  font-family: 'IranSharp';
+  font-size: 8px;
+  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+`;

package/typography/text/index.test.js

@@ -1,4 +1,4 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme");require("jest-styled-components");var _index=_interopRequireDefault(require("./index")),_test=_interopRequireDefault(require("../../utils/test")),_theme=_interopRequireDefault(require("../theme"));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
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme");require("jest-styled-components");var _index=_interopRequireDefault(require("./index")),_test=_interopRequireDefault(require("../../utils/test")),_theme=_interopRequireDefault(require("../theme"));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
 
 
 
@@ -213,7 +213,7 @@ it("Should render text with default size and color",()=>{
 const a=setupMount({
 children:"\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"
 });
-expect(a).toHaveStyleRule("font-size","".concat(_theme.default.defaultSize,"px")),
+expect(a).toHaveStyleRule("font-size",`${_theme.default.defaultSize}px`),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),

package/typography/utils.js

@@ -1,53 +1,53 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSizeOfHeading=exports.getMarginOfHeading=void 0;const getSizeOfHeading=(a,b,c)=>{
 switch(b){
 case a.sizes.small:return(
-1===c?a.h1SizeSmall:
+1===c)?a.h1SizeSmall:
 2===c?a.h2SizeSmall:
 3===c?a.h3SizeSmall:
 4===c?a.h4SizeSmall:
 5===c?a.h5SizeSmall:
-a.h6SizeMedium);
+a.h6SizeMedium;
 case a.sizes.medium:return(
-1===c?a.h1SizeMedium:
+1===c)?a.h1SizeMedium:
 2===c?a.h2SizeMedium:
 3===c?a.h3SizeMedium:
 4===c?a.h4SizeMedium:
 5===c?a.h5SizeMedium:
-a.h6SizeMedium);
+a.h6SizeMedium;
 case a.sizes.large:
 default:return(
-1===c?a.h1SizeLarge:
+1===c)?a.h1SizeLarge:
 2===c?a.h2SizeLarge:
 3===c?a.h3SizeLarge:
 4===c?a.h4SizeLarge:
 5===c?a.h5SizeLarge:
-a.h6SizeLarge)
+a.h6SizeLarge
 }
 };exports.getSizeOfHeading=getSizeOfHeading;
 
 const getMarginOfHeading=(a,b,c)=>{
 switch(b){
 case a.sizes.small:return(
-1===c?"".concat(a.h1SizeSmallMarginTop,"px 0 ").concat(a.h1SizeSmallMarginBottom,"px"):
-2===c?"".concat(a.h2SizeSmallMarginTop,"px 0 ").concat(a.h2SizeSmallMarginBottom,"px"):
-3===c?"".concat(a.h3SizeSmallMarginTop,"px 0 ").concat(a.h3SizeSmallMarginBottom,"px"):
-4===c?"".concat(a.h4SizeSmallMarginTop,"px 0 ").concat(a.h4SizeSmallMarginBottom,"px"):
-5===c?"".concat(a.h5SizeSmallMarginTop,"px 0 ").concat(a.h5SizeSmallMarginBottom,"px"):"".concat(
-a.h6SizeSmallMarginTop,"px 0 ").concat(a.h6SizeSmallMarginBottom,"px"));
+1===c)?`${a.h1SizeSmallMarginTop}px 0 ${a.h1SizeSmallMarginBottom}px`:
+2===c?`${a.h2SizeSmallMarginTop}px 0 ${a.h2SizeSmallMarginBottom}px`:
+3===c?`${a.h3SizeSmallMarginTop}px 0 ${a.h3SizeSmallMarginBottom}px`:
+4===c?`${a.h4SizeSmallMarginTop}px 0 ${a.h4SizeSmallMarginBottom}px`:
+5===c?`${a.h5SizeSmallMarginTop}px 0 ${a.h5SizeSmallMarginBottom}px`:
+`${a.h6SizeSmallMarginTop}px 0 ${a.h6SizeSmallMarginBottom}px`;
 case a.sizes.medium:return(
-1===c?"".concat(a.h1SizeMediumMarginTop,"px 0 ").concat(a.h1SizeMediumMarginBottom,"px"):
-2===c?"".concat(a.h2SizeMediumMarginTop,"px 0 ").concat(a.h2SizeMediumMarginBottom,"px"):
-3===c?"".concat(a.h3SizeMediumMarginTop,"px 0 ").concat(a.h3SizeMediumMarginBottom,"px"):
-4===c?"".concat(a.h4SizeMediumMarginTop,"px 0 ").concat(a.h4SizeMediumMarginBottom,"px"):
-5===c?"".concat(a.h5SizeMediumMarginTop,"px 0 ").concat(a.h5SizeMediumMarginBottom,"px"):"".concat(
-a.h6SizeMediumMarginTop,"px 0 ").concat(a.h6SizeMediumMarginBottom,"px"));
+1===c)?`${a.h1SizeMediumMarginTop}px 0 ${a.h1SizeMediumMarginBottom}px`:
+2===c?`${a.h2SizeMediumMarginTop}px 0 ${a.h2SizeMediumMarginBottom}px`:
+3===c?`${a.h3SizeMediumMarginTop}px 0 ${a.h3SizeMediumMarginBottom}px`:
+4===c?`${a.h4SizeMediumMarginTop}px 0 ${a.h4SizeMediumMarginBottom}px`:
+5===c?`${a.h5SizeMediumMarginTop}px 0 ${a.h5SizeMediumMarginBottom}px`:
+`${a.h6SizeMediumMarginTop}px 0 ${a.h6SizeMediumMarginBottom}px`;
 case a.sizes.large:
 default:return(
-1===c?"".concat(a.h1SizeLargeMarginTop,"px 0 ").concat(a.h1SizeLargeMarginBottom,"px"):
-2===c?"".concat(a.h2SizeLargeMarginTop,"px 0 ").concat(a.h2SizeLargeMarginBottom,"px"):
-3===c?"".concat(a.h3SizeLargeMarginTop,"px 0 ").concat(a.h3SizeLargeMarginBottom,"px"):
-4===c?"".concat(a.h4SizeLargeMarginTop,"px 0 ").concat(a.h4SizeLargeMarginBottom,"px"):
-5===c?"".concat(a.h5SizeLargeMarginTop,"px 0 ").concat(a.h5SizeLargeMarginBottom,"px"):"".concat(
-a.h6SizeLargeMarginTop,"px 0 ").concat(a.h6SizeLargeMarginBottom,"px"))
+1===c)?`${a.h1SizeLargeMarginTop}px 0 ${a.h1SizeLargeMarginBottom}px`:
+2===c?`${a.h2SizeLargeMarginTop}px 0 ${a.h2SizeLargeMarginBottom}px`:
+3===c?`${a.h3SizeLargeMarginTop}px 0 ${a.h3SizeLargeMarginBottom}px`:
+4===c?`${a.h4SizeLargeMarginTop}px 0 ${a.h4SizeLargeMarginBottom}px`:
+5===c?`${a.h5SizeLargeMarginTop}px 0 ${a.h5SizeLargeMarginBottom}px`:
+`${a.h6SizeLargeMarginTop}px 0 ${a.h6SizeLargeMarginBottom}px`
 }
 };exports.getMarginOfHeading=getMarginOfHeading;

package/utils/media-query.js

@@ -2,11 +2,11 @@
 
 
 const mediaQuery=(0,_styledMediaQuery.generateMedia)({
-xl:"".concat(_themes.default.breakpoints.xl,"px"),
-lg:"".concat(_themes.default.breakpoints.lg,"px"),
-md:"".concat(_themes.default.breakpoints.md,"px"),
-sm:"".concat(_themes.default.breakpoints.sm,"px"),
-xs:"".concat(_themes.default.breakpoints.xs,"px")
+xl:`${_themes.default.breakpoints.xl}px`,
+lg:`${_themes.default.breakpoints.lg}px`,
+md:`${_themes.default.breakpoints.md}px`,
+sm:`${_themes.default.breakpoints.sm}px`,
+xs:`${_themes.default.breakpoints.xs}px`
 });var _default=exports.default=
 
 mediaQuery;

package/utils/test.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;const findByTestAtrr=(a,b)=>{
-const c=a.find("[data-test='".concat(b,"']"));
+const c=a.find(`[data-test='${b}']`);
 return c
 };var _default=exports.default=
 

package/icons/index.js

@@ -1,29 +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"),_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 Icons=(a)=>
-
-
-
-
-{let{size:d=_themes.default.sizes.medium,color:e="default",type:b,...c}=a;return(
-void 0===b?null:/*#__PURE__*/
-
-
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
-_react.default.createElement(_index.default,_extends({type:b,size:d,color:e},c,{"data-test":"i-tag"}))
-))
-
-};
-
-Icons.propTypes={
-type:_propTypes.default.string.isRequired,
-size:_propTypes.default.string,
-color:_propTypes.default.oneOf(["default","red","green","blue","yellow","white","darkBlue","gray"])
-};var _default=exports.default=
-
-Icons;

package/icons/index.style.js

@@ -1,30 +0,0 @@
-"use strict";var _templateObject;Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("./utils"),_theme=require("../utils/theme");require("./font.scss");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 IconElement=_styledComponents.default.i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  color: ",";\n  font-family: 'icomoon' !important;\n  font-weight: normal;\n  font-style: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  text-transform: none;\n  font-size: ","\n  margin-left: ","\n  margin-right: ","\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  &::before {\n    ",";\n  }\n"])),
-
-
-(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)},
-
-
-
-
-
-
-
-(a)=>{let{size:b}=a;return"".concat((0,_utils.getSizeOfIcon)(b),"px;")},
-(a)=>{let{size:b}=a;return"".concat((0,_utils.getMarginOfIcon)(b),"px;")},
-(a)=>{let{size:b}=a;return"".concat((0,_utils.getMarginOfIcon)(b),"px;")},
-
-
-
-
-
-(a)=>{let{type:b}=a;return(0,_utils.getIconContentByType)(b)});var _default=exports.default=
-
-
-
-IconElement;

package/icons/theme.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;const theme={
-sizes:{
-large:24,
-largeMargin:12,
-medium:20,
-mediumMargin:10,
-small:16,
-smallMargin:8
-}
-};var _default=exports.default=
-
-theme;