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

package/spacing/padding/index.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Padding=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireWildcard(require("styled-components")),_core=require("../core"),_themes=_interopRequireDefault(require("../../themes"));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}}
+
+
+
+
+
+const Padding=exports.Padding=_styledComponents.default.div`
+  ${(a)=>{let{inline:b}=a;return b&&"display: inline-block;"}}
+  ${(a)=>{let{all:b,theme:c}=a;return(0,_core._p)(b,c)}}
+  ${(a)=>{let{horizontal:b,theme:c}=a;return(0,_core._px)(b,c)}} 
+  ${(a)=>{let{vertical:b,theme:c}=a;return(0,_core._py)(b,c)}} 
+  ${(a)=>{let{top:b,theme:c}=a;return(0,_core._pt)(b,c)}} 
+  ${(a)=>{let{right:b,theme:c}=a;return(0,_core._pr)(b,c)}} 
+  ${(a)=>{let{bottom:b,theme:c}=a;return(0,_core._pb)(b,c)}} 
+  ${(a)=>{let{left:b,theme:c}=a;return(0,_core._pl)(b,c)}} 
+`;
+
+Padding.displayName="Padding";
+
+const Paddinged=(a)=>/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
+_react.default.createElement(Padding,a)
+);var _default=exports.default=
+
+
+Paddinged;

package/table/actionCell.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_button=_interopRequireDefault(require("../button")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}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)}
+
+
+
+
+
+
+
+
+
+
+function ActionCell(a){let{callToActions:b}=a;
+return(/*#__PURE__*/
+_react.default.createElement("td",null,/*#__PURE__*/
+_react.default.createElement(_index.ActionCellContainer,null,/*#__PURE__*/
+_react.default.createElement(_button.default,_extends({},
+b[0].props,{
+htmlType:"button",
+mainColor:"blue",
+styleType:"secondary",
+size:"sm",
+wide:!0}),
+
+b[0].text
+),
+
+1<b.length&&/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.ActionsContainer,null,
+b.map((a,b)=>
+0===b?
+null:/*#__PURE__*/
+
+
+_react.default.createElement(_button.default,_extends({
+key:a.text},
+a.props,{
+htmlType:"button",
+mainColor:"blue",
+styleType:"tertiary",
+size:"sm",
+wide:!0}),
+
+a.text
+)
+
+)
+)
+
+)
+
+)
+))
+
+}var _default=exports.default=
+
+ActionCell;

package/table/index.js

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_tableHeaderRow=_interopRequireDefault(require("./tableHeaderRow")),_tableRow=_interopRequireDefault(require("./tableRow")),_globalStyle=_interopRequireDefault(require("../globalStyle")),_index=require("./index.style"),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Table(a){const
+{columns:b,data:c}=a,
+d=b.findIndex((a)=>"action"===a.dataType);
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.TableContainer,{
+isResponsiveView:window&&768>window.innerWidth,
+"data-test":"jupiter-table",
+actionColumnNumber:-1!==d?d+1:null},/*#__PURE__*/
+
+_react.default.createElement("table",null,/*#__PURE__*/
+_react.default.createElement("thead",null,/*#__PURE__*/
+_react.default.createElement(_tableHeaderRow.default,{columns:b})
+),/*#__PURE__*/
+_react.default.createElement("tbody",null,
+c.map((a)=>/*#__PURE__*/
+_react.default.createElement(_tableRow.default,{
+key:a.key,
+rowItem:a,
+columns:b}
+)
+)
+)
+)
+)
+))
+
+}var _default=exports.default=
+
+Table;

package/{src/components/table → table}/index.style.js

@@ -1,7 +1,7 @@
-import styled from 'styled-components';
-import { getColorFromName } from '../utils/theme';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tr=exports.TableContainer=exports.ShowMoreButton=exports.ActionsContainer=exports.ActionCellContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=require("../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
 
-export const TableContainer = styled.div`
+
+TableContainer=exports.TableContainer=_styledComponents.default.div`
   overflow-x: auto;
 
   table {
@@ -34,20 +34,20 @@ export const TableContainer = styled.div`
       display: inline-flex;
       margin-left: 16px;
     }
-  ${({ isResponsiveView, actionColumnNumber }) => {
-    if (actionColumnNumber && isResponsiveView) {
-      return `
+  ${(a)=>{let{isResponsiveView:b,actionColumnNumber:c}=a;return(
+c&&b)?
+`
         td:last-child, th:last-child {
           margin-left: 117px;
         }
-        td:nth-child(${actionColumnNumber}) {
+        td:nth-child(${c}) {
           position: absolute;
           left: 10px;
           margin: -4px;
           padding-right: 16px;
           width: 130px;
         }
-        th:nth-child(${actionColumnNumber}) {
+        th:nth-child(${c}) {
           background: white;
           position: absolute;
           left: 10px;
@@ -55,17 +55,17 @@ export const TableContainer = styled.div`
           padding-right: 16px;
           width: 130px;
         }
-      `;
-    }
-    return '';
-  }}
+      `:
+
+""
+}}
   }
-`;
+`,
 
-export const ShowMoreButton = styled.button`
+ShowMoreButton=exports.ShowMoreButton=_styledComponents.default.button`
   background: transparent;
   border: none;
-  color: ${({ theme }) => theme.showMoreColor};
+  color: ${(a)=>{let{theme:b}=a;return b.showMoreColor}};
   font-size: 33px;
   line-height: 10px;
   padding: 0;
@@ -76,32 +76,32 @@ export const ShowMoreButton = styled.button`
   width: 36px;
   cursor: pointer;
   padding-right: 5px;
-`;
+`,
 
-export const ActionCellContainer = styled.div`
+ActionCellContainer=exports.ActionCellContainer=_styledComponents.default.div`
   display: flex;
-`;
+`,
 
-export const ActionsContainer = styled.div`
+ActionsContainer=exports.ActionsContainer=_styledComponents.default.div`
   box-shadow:
-    ${({ theme }) => `0 0 ${theme.shadow.blur}px ${theme.shadow.spread}px rgba(0, 0, 0, ${theme.shadow.opacity});`}
+    ${(a)=>{let{theme:b}=a;return`0 0 ${b.shadow.blur}px ${b.shadow.spread}px rgba(0, 0, 0, ${b.shadow.opacity});`}}
   background: white;
   position: absolute;
   z-index: 1;
-`;
+`,
 
-export const Tr = styled.tr`
-  ${({ status }) => {
-    if (status) {
-      return `
-        border-right: 4px solid ${getColorFromName(undefined, status)};
+Tr=exports.Tr=_styledComponents.default.tr`
+  ${(a)=>{let{status:b}=a;return(
+b)?
+`
+        border-right: 4px solid ${(0,_theme.getColorFromName)(void 0,b)};
         transition: border 0.25s;
 
         &:hover {
           border-right-width: 8px;
         }
-      `;
-    }
-    return '';
-  }};
-`;
+      `:
+
+""
+}};
+`;

package/table/tableHeaderRow.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../typography");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+function TableHeaderRow(a){let{columns:b}=a;
+return(/*#__PURE__*/
+_react.default.createElement("tr",null,
+b.map((a)=>/*#__PURE__*/
+_react.default.createElement("th",{key:a.key},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:16,bold:!0},
+a.label
+)
+)
+)
+))
+
+}var _default=exports.default=
+
+TableHeaderRow;

package/table/tableRow.js

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_actionCell=_interopRequireDefault(require("./actionCell")),_typography=require("../typography"),_spacing=require("../spacing"),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function TableRow(a){let{rowItem:b,columns:c}=a;
+return(/*#__PURE__*/
+_react.default.createElement(_index.Tr,{status:b.status||null},
+c.map((a)=>
+"action"===a.dataType?
+b.callToActions&&0<b.callToActions.length?/*#__PURE__*/
+
+_react.default.createElement(_actionCell.default,{
+key:`${b.key}-${a.key}`,
+callToActions:b.callToActions}
+):/*#__PURE__*/
+
+
+
+_react.default.createElement("td",{key:`${b.key}-${a.key}`},/*#__PURE__*/
+_react.default.createElement(_spacing.Padding,{top:3},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14},"-"
+
+)
+)
+):/*#__PURE__*/
+
+
+
+_react.default.createElement("td",{key:`${b.key}-${a.key}`},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14},
+b[a.key]||"-"
+)
+)
+
+)
+))
+
+}var _default=exports.default=
+
+TableRow;

package/table/theme.js

@@ -0,0 +1,8 @@
+"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={
+showMoreColor:_themes.default.colors.blue600,
+shadow:_themes.default.shadows[1]
+};var _default=exports.default=
+
+theme;

package/tabs/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabPanel.default}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return _tabs.default}}),exports.default=void 0;var _tabs=_interopRequireDefault(require("./tabs")),_tabPanel=_interopRequireDefault(require("./tabPanel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+Tabs:_tabs.default,
+TabPanel:_tabPanel.default
+};

package/tabs/index.style.js

@@ -0,0 +1,35 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabHeader=exports.StyledButton=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+TabHeader=exports.TabHeader=_styledComponents.default.div`
+  display: flex;
+  flex-wrap: wrap;
+`,
+
+StyledButton=exports.StyledButton=_styledComponents.default.button`
+  min-width: 140px;
+  max-width: 210px;
+  height: 35px;
+
+  margin: 4px 0 4px 8px;
+  padding: 0 8px;
+  box-sizing: border-box;
+
+  background: transparent;
+  border: 1px solid ${(a)=>{let{theme:b}=a;return b.defaultColor}};
+  border-radius: ${(a)=>{let{theme:b}=a;return b.borderRadius}}px;
+  cursor: pointer;
+  transition:  ${(a)=>{let{theme:b}=a;return b.transition}};
+
+  span {
+    color: ${(a)=>{let{theme:b}=a;return b.defaultColor}};
+    transition:  ${(a)=>{let{theme:b}=a;return b.transition}};
+  }
+
+  &:hover, &.active {
+    border-color: ${(a)=>{let{theme:b}=a;return b.secoundColor}};
+
+    span {
+      color: ${(a)=>{let{theme:b}=a;return b.secoundColor}};
+    }
+  }
+`;

package/tabs/tabPanel.js

@@ -0,0 +1,17 @@
+"use strict";var _react=_interopRequireDefault(require("react"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+function TabPanel(a){let{children:b,label:c,tabKey:d}=a;
+return(/*#__PURE__*/
+_react.default.createElement("div",{className:`${c}-${d}`,"data-test":"tabs-panel"},
+b
+))
+
+}var _default=exports.default=
+
+TabPanel;

package/tabs/tabs.js

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_typography=require("../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}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 Tabs(a)
+
+
+
+{
+
+
+
+
+
+
+
+
+function b(a){
+let b;
+
+
+
+b="BUTTON"===a.target.tagName?a.target.attributes["data-access"].value:a.target.parentElement.attributes["data-access"].value,
+
+
+b!==g&&
+h(b)
+
+}let{defaultTab:d="",onChange:e=()=>{},children:c}=a;const f=_react.default.Children.toArray(c),[g,h]=(0,_react.useState)(d||f[0].props.tabKey),i=f.find((a)=>a.props.tabKey===g);
+
+return(0,_react.useEffect)(()=>{e(g)},[g,e]),/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement("div",{"data-test":"tabs-container"},/*#__PURE__*/
+_react.default.createElement(_index.TabHeader,null,
+f.map((a)=>{
+const{props:{label:c,tabKey:d}}=a;
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.StyledButton,{
+"data-access":d,
+className:`${g===d?"active":""}`,
+key:d,
+"data-test":"tab-label",
+type:"button",
+onClick:b},/*#__PURE__*/
+
+_react.default.createElement(_typography.Text,{isCutWithEllipsis:!0,size:12},
+c||"-"
+)
+))
+
+})
+),
+
+_react.default.cloneElement(i)
+)
+)
+
+}var _default=exports.default=
+
+Tabs;

package/tabs/theme.js

@@ -0,0 +1,10 @@
+"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={
+defaultColor:_themes.default.colors.blue400,
+secoundColor:_themes.default.colors.blue600,
+borderRadius:_themes.default.borderRadius.high,
+transition:`all ${_themes.default.animation.time}s ${_themes.default.animation.method}`
+};var _default=exports.default=
+
+theme;

package/themes.js

@@ -0,0 +1,97 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;const defaultTheme={
+colors:{
+darkBlue800:"#091E31",
+darkBlue600:"#132A3E",// default primary color
+darkBlue400:"#013A5C",
+darkBlue200:"#3673AA",
+blue800:"#027EB8",
+blue600:"#0095DB",// default secondary color
+blue400:"#99D5F1",
+blue200:"#E6F4FB",
+green800:"#21B151",
+green600:"#42D473",// default green color
+green400:"#8BEFAC",
+green200:"#C1FFD5",
+red800:"#FF2020",
+red600:"#FF5D5D",// default red color
+red400:"#FF9C9C",
+red200:"#FFE8E8",
+yellow800:"#FFCC00",
+yellow600:"#FFD324",// default yellow color
+yellow400:"#FFE372",
+yellow200:"#FFF4C9",
+gray800:"#A7A7A7",
+gray600:"#D2D2D2",// default gray color
+gray400:"#EBEBEB",
+gray200:"#F9F9F9",
+riverBedDark:"#3B4141",
+riverBed:"#555f61",
+white:"#FFFFFF",
+black:"#000000"
+},
+sizes:{
+large:"lg",
+medium:"md",
+small:"sm"
+},
+borderRadius:{
+low:2,
+high:5
+},
+border:{
+lightBlue:"1px solid #E6F4FB"
+},
+shadows:{
+1:{
+blur:8,
+spread:0,
+opacity:.16
+},
+2:{
+blur:12,
+spread:0,
+opacity:.2
+},
+3:{
+blur:16,
+spread:0,
+opacity:.24
+},
+4:{
+blur:24,
+spread:0,
+opacity:.32
+},
+5:{
+blur:32,
+spread:0,
+opacity:.48
+}
+},
+animation:{
+time:.2,
+method:"ease-in"
+},
+breakpoints:{
+xl:1520,
+lg:1200,
+md:990,
+sm:768,
+xs:375
+},
+spacing:{
+0:"0",
+1:"1px",
+2:"2px",
+3:"4px",
+4:"8px",
+5:"16px",
+6:"24px",
+7:"32px",
+8:"48px",
+9:"64px",
+10:"86px"
+}
+};var _default=exports.default=
+
+defaultTheme;

package/titled-avatar/index.js

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../globalStyle")),_avatar=_interopRequireDefault(require("../avatar")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const TitledAvatar=(a)=>
+
+
+
+
+
+{let{title:b,avatar:c,renderAvatarLink:d=()=>!1,avatarSize:e="md",titleSize:f=12}=a;
+const g=()=>/*#__PURE__*/
+_react.default.createElement(_index.SmallTitle,{size:f},b);return(
+
+
+d)?
+d(/*#__PURE__*/
+_react.default.createElement(_index.Container,{"data-test":"titled-avatar"},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_avatar.default,{src:c,size:e,sizeMobile:e,round:!0}),
+g()
+)
+):/*#__PURE__*/
+
+
+
+_react.default.createElement(_index.Container,{"data-test":"titled-avatar"},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_avatar.default,{src:c,size:e,sizeMobile:e,round:!0}),
+g()
+)
+
+};var _default=exports.default=
+
+TitledAvatar;

package/titled-avatar/index.style.js

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TitleContainer=exports.Title=exports.SmallTitle=exports.Container=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../typography");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+Container=exports.Container=_styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  a {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+  }
+`,
+
+TitleContainer=exports.TitleContainer=_styledComponents.default.div`
+  height: 45px;
+  overflow: hidden;
+`,
+
+Title=exports.Title=(0,_styledComponents.default)(_typography.Heading)`
+  margin: 8px 8px 8px 0;
+  max-height: 45px;
+  overflow: hidden;
+`,
+
+SmallTitle=exports.SmallTitle=(0,_styledComponents.default)(_typography.Text)`
+  margin-right: 8px;
+  white-space: break-spaces;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;