react-jupiter 5.12.0 → 6.0.0-beta.10

package/progress-bar/index.styles.js

@@ -1,63 +1,65 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProgressBar=exports.Numbers=exports.Names=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components")),_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)}}))}const
-
-
-ProgressBar=exports.ProgressBar=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    background-color: rgb(167, 167, 167);\n    color: rgb(68, 68, 68);\n    height: 20px;\n    border-radius: 16px;\n\n    &:after {\n        content: \"\";\n        display: table;\n        clear: both;\n    }\n\n    & div.filled {\n        min-width: 50px;\n        max-width: 100%;\n        width: ","%;\n        height: 20px;\n        background: rgb(80, 89, 117);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        @media only screen and (min-width: ","px) {\n            font-size: 15px;\n        }\n        @media only screen and (max-width: ","px) {\n            font-size: 8px;\n        }\n        font-weight: bold;\n        color: #fff;\n        justify-content: center;\n        float: right;\n      }\n    }\n"])),
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(a)=>a.width,
-
-
-
-
-
-_themes.default.breakpoints.sm,
-
-
-_themes.default.breakpoints.sm-1),
-
-
-
-
-
-
-
-
-
-
-Names=exports.Names=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    direction: rtl;\n    position: relative;\n    width: 100%;\n    font-family: 'IranSharp';\n    & span > i {\n        display: block;\n    }\n    & span:first-child {\n        position: relative;\n        right: ","%;\n    }\n"])),
-
-
-
-
-
-
-
-
-
-
-
-(a)=>100*a.points.partner/a.points.colleague-2),
-
-
-
-Numbers=exports.Numbers=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    direction: rtl;\n    font-family: 'IranSharp';\n    position: relative;\n    & span:nth-child(2) {\n        position: absolute;\n        right: ","%\n    }\n"])),
-
-
-
-
-
-
-
-(a)=>100*a.points.partner/a.points.colleague);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProgressBar=exports.Numbers=exports.Names=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+ProgressBar=exports.ProgressBar=_styledComponents.default.div`
+    background-color: rgb(167, 167, 167);
+    color: rgb(68, 68, 68);
+    height: 20px;
+    border-radius: 16px;
+
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+
+    & div.filled {
+        min-width: 50px;
+        max-width: 100%;
+        width: ${(a)=>a.width}%;
+        height: 20px;
+        background: rgb(80, 89, 117);
+        border-radius: 16px;
+        display: flex;
+        align-items: center;
+        @media only screen and (min-width: ${_themes.default.breakpoints.sm}px) {
+            font-size: 15px;
+        }
+        @media only screen and (max-width: ${_themes.default.breakpoints.sm-1}px) {
+            font-size: 8px;
+        }
+        font-weight: bold;
+        color: #fff;
+        justify-content: center;
+        float: right;
+      }
+    }
+`,
+
+Names=exports.Names=_styledComponents.default.div`
+    display: flex;
+    justify-content: space-between;
+    direction: rtl;
+    position: relative;
+    width: 100%;
+    font-family: 'IranSharp';
+    & span > i {
+        display: block;
+    }
+    & span:first-child {
+        position: relative;
+        right: ${(a)=>100*a.points.partner/a.points.colleague-2}%;
+    }
+`,
+
+Numbers=exports.Numbers=_styledComponents.default.div`
+    display: flex;
+    justify-content: space-between;
+    direction: rtl;
+    font-family: 'IranSharp';
+    position: relative;
+    & span:nth-child(2) {
+        position: absolute;
+        right: ${(a)=>100*a.points.partner/a.points.colleague}%
+    }
+`;

package/show-date/index.js

@@ -4,7 +4,7 @@
 
 
 
-const ShowDate=(a)=>{let{fontSize:c=12,color:d="default",date:b}=a;return/*#__PURE__*/(
+const ShowDate=(a)=>{let{fontSize:c=12,color:d="default",date:b}=a;return(/*#__PURE__*/
 _react.default.createElement(_typography.Text,{size:c,color:d,"data-test":"show-date"},
 (0,_numbers.englishNumberToPersianInString)((0,_date.convertToJalaali)(b,"dddd jD jMMMM jYYYY \u0633\u0627\u0639\u062A HH:mm"))
 ))};

package/spacing/core.js

@@ -1,70 +1,106 @@
 "use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports._py=exports._px=exports._pt=exports._pr=exports._pl=exports._pb=exports._p=exports._my=exports._mx=exports._mt=exports._mr=exports._ml=exports._mb=exports._m=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
-const _m=(a,b)=>
-a?"margin: ".concat(
-b.spacing(a),";"):"";exports._m=_m;
-
-
-const _mx=(a,b)=>
-a?"margin-left: ".concat(
-b.spacing(a),"; margin-right: ").concat(b.spacing(a),";"):"";exports._mx=_mx;
-
-
-const _my=(a,b)=>
-a?"margin-top: ".concat(
-b.spacing(a),"; margin-bottom: ").concat(b.spacing(a),";"):"";exports._my=_my;
-
-
-const _mt=(a,b)=>
-a?"margin-top: ".concat(
-b.spacing(a),";"):"";exports._mt=_mt;
-
-
-const _mr=(a,b)=>
-a?"margin-right: ".concat(
-b.spacing(a),";"):"";exports._mr=_mr;
-
-
-const _mb=(a,b)=>
-a?"margin-bottom: ".concat(
-b.spacing(a),";"):"";exports._mb=_mb;
-
-
-const _ml=(a,b)=>
-a?"margin-left: ".concat(
-b.spacing(a),";"):"";exports._ml=_ml;
-
-
-const _p=(a,b)=>
-a?"padding: ".concat(
-b.spacing(a),";"):"";exports._p=_p;
-
-
-const _px=(a,b)=>
-a?"padding-left: ".concat(
-b.spacing(a),"; padding-right: ").concat(b.spacing(a),";"):"";exports._px=_px;
-
-
-const _py=(a,b)=>
-a?"padding-top: ".concat(
-b.spacing(a),"; padding-bottom: ").concat(b.spacing(a),";"):"";exports._py=_py;
-
-
-const _pt=(a,b)=>
-a?"padding-top: ".concat(
-b.spacing(a),";"):"";exports._pt=_pt;
-
-
-const _pr=(a,b)=>
-a?"padding-right: ".concat(
-b.spacing(a),";"):"";exports._pr=_pr;
-
-
-const _pb=(a,b)=>
-a?"padding-bottom: ".concat(
-b.spacing(a),";"):"";exports._pb=_pb;
-
-
-const _pl=(a,b)=>
-a?"padding-left: ".concat(
-b.spacing(a),";"):"";exports._pl=_pl;
+// Helper to add units if needed
+const addPxIfNeeded=(a)=>"number"==typeof a?`${a}px`:a,
+
+_m=(a,b)=>{
+if(!a||!b?.spacing)return"";// Check theme.spacing exists
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin: ${addPxIfNeeded(c)};`;// Handle missing key
+};exports._m=_m;
+
+const _mx=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`margin-left: ${d}; margin-right: ${d};`
+};exports._mx=_mx;
+
+const _my=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`margin-top: ${d}; margin-bottom: ${d};`
+};exports._my=_my;
+
+const _mt=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-top: ${addPxIfNeeded(c)};`
+};exports._mt=_mt;
+
+const _mr=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-right: ${addPxIfNeeded(c)};`
+};exports._mr=_mr;
+
+const _mb=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-bottom: ${addPxIfNeeded(c)};`
+};exports._mb=_mb;
+
+const _ml=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-left: ${addPxIfNeeded(c)};`
+};exports._ml=_ml;
+
+const _p=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding: ${addPxIfNeeded(c)};`
+};exports._p=_p;
+
+const _px=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`padding-left: ${d}; padding-right: ${d};`
+};exports._px=_px;
+
+const _py=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`padding-top: ${d}; padding-bottom: ${d};`
+};exports._py=_py;
+
+const _pt=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-top: ${addPxIfNeeded(c)};`
+};exports._pt=_pt;
+
+const _pr=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-right: ${addPxIfNeeded(c)};`
+};exports._pr=_pr;
+
+const _pb=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-bottom: ${addPxIfNeeded(c)};`
+};exports._pb=_pb;
+
+const _pl=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-left: ${addPxIfNeeded(c)};`
+};exports._pl=_pl;

package/spacing/margin/index.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Margin=void 0;var _templateObject,_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&&Object.prototype.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 _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.default=exports.Margin=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 Margin=exports.Margin=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ","\n  ","\n  "," \n  "," \n  "," \n  "," \n  "," \n  "," \n"])),
-(a)=>{let{inline:b}=a;return b&&"display: inline-block;"},
-(a)=>{let{all:b,theme:c}=a;return(0,_core._m)(b,c)},
-(a)=>{let{horizontal:b,theme:c}=a;return(0,_core._mx)(b,c)},
-(a)=>{let{vertical:b,theme:c}=a;return(0,_core._my)(b,c)},
-(a)=>{let{top:b,theme:c}=a;return(0,_core._mt)(b,c)},
-(a)=>{let{right:b,theme:c}=a;return(0,_core._mr)(b,c)},
-(a)=>{let{bottom:b,theme:c}=a;return(0,_core._mb)(b,c)},
-(a)=>{let{left:b,theme:c}=a;return(0,_core._ml)(b,c)});
-
+const Margin=exports.Margin=_styledComponents.default.div`
+  ${(a)=>{let{inline:b}=a;return b&&"display: inline-block;"}}
+  ${(a)=>{let{all:b,theme:c}=a;return(0,_core._m)(b,c)}}
+  ${(a)=>{let{horizontal:b,theme:c}=a;return(0,_core._mx)(b,c)}} 
+  ${(a)=>{let{vertical:b,theme:c}=a;return(0,_core._my)(b,c)}} 
+  ${(a)=>{let{top:b,theme:c}=a;return(0,_core._mt)(b,c)}} 
+  ${(a)=>{let{right:b,theme:c}=a;return(0,_core._mr)(b,c)}} 
+  ${(a)=>{let{bottom:b,theme:c}=a;return(0,_core._mb)(b,c)}} 
+  ${(a)=>{let{left:b,theme:c}=a;return(0,_core._ml)(b,c)}} 
+`;
 
 Margin.displayName="Margin";
 

package/spacing/padding/index.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Padding=void 0;var _templateObject,_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&&Object.prototype.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 _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.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(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ","\n  ","\n  "," \n  "," \n  "," \n  "," \n  "," \n  "," \n"])),
-(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)});
-
+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";
 

package/table/actionCell.js

@@ -1,4 +1,4 @@
-"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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
+"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)}
 
 
 
@@ -10,7 +10,7 @@
 
 
 function ActionCell(a){let{callToActions:b}=a;
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement("td",null,/*#__PURE__*/
 _react.default.createElement(_index.ActionCellContainer,null,/*#__PURE__*/
 _react.default.createElement(_button.default,_extends({},

package/table/index.js

@@ -26,7 +26,7 @@ function Table(a){const
 d=b.findIndex((a)=>"action"===a.dataType);
 
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_index.TableContainer,{

package/table/index.style.js

@@ -1,106 +1,107 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tr=exports.TableContainer=exports.ShowMoreButton=exports.ActionsContainer=exports.ActionCellContainer=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
-
-
-TableContainer=exports.TableContainer=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  overflow-x: auto;\n\n  table {\n    width: 100%;\n  \n    tr {\n      border-top: 1px solid;\n      width: 100%;\n      box-sizing: border-box;\n      display: flex;\n      padding: 16px;\n    }\n    \n    tbody tr:nth-child(2n-1) {\n      background: #f9f9f9;\n      td {\n        background: #f9f9f9;\n      }\n    }\n    tbody tr:nth-child(2n) {\n      background: white;\n      td {\n        background: white;\n      }\n    }\n  \n    th, td {\n      width: 177px;\n      text-align: right;\n      display: inline-flex;\n      margin-left: 16px;\n    }\n  ","\n  }\n"])),
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(a)=>{let{isResponsiveView:b,actionColumnNumber:c}=a;return(
-c&&b?"\n        td:last-child, th:last-child {\n          margin-left: 117px;\n        }\n        td:nth-child(".concat(
-
-
-
-
-c,") {\n          position: absolute;\n          left: 10px;\n          margin: -4px;\n          padding-right: 16px;\n          width: 130px;\n        }\n        th:nth-child(").concat(
-
-
-
-
-
-
-c,") {\n          background: white;\n          position: absolute;\n          left: 10px;\n          margin: 0 -11px;\n          padding-right: 16px;\n          width: 130px;\n        }\n      "):
-
-
-
-
-
-
-
-
-
-"")
-}),
-
-
-
-ShowMoreButton=exports.ShowMoreButton=_styledComponents.default.button(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  background: transparent;\n  border: none;\n  color: ",";\n  font-size: 33px;\n  line-height: 10px;\n  padding: 0;\n  display: inline-flex;\n  align-items: flex-start;\n  transform: rotate(90deg);\n  height: 36px;\n  width: 36px;\n  cursor: pointer;\n  padding-right: 5px;\n"])),
-
-
-(a)=>{let{theme:b}=a;return b.showMoreColor}),
-
-
-
-
-
-
-
-
-
-
-
-
-ActionCellContainer=exports.ActionCellContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n"]))),
-
-
-
-ActionsContainer=exports.ActionsContainer=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  box-shadow:\n    ","\n  background: white;\n  position: absolute;\n  z-index: 1;\n"])),
-
-(a)=>{let{theme:b}=a;return"0 0 ".concat(b.shadow.blur,"px ").concat(b.shadow.spread,"px rgba(0, 0, 0, ").concat(b.shadow.opacity,");")}),
-
-
-
-
-
-Tr=exports.Tr=_styledComponents.default.tr(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  ",";\n"])),
-(a)=>{let{status:b}=a;return(
-b?"\n        border-right: 4px solid ".concat(
-
-(0,_theme.getColorFromName)(void 0,b),";\n        transition: border 0.25s;\n\n        &:hover {\n          border-right-width: 8px;\n        }\n      "):
-
-
-
-
-
-
-
-"")
-});
+"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
+
+
+TableContainer=exports.TableContainer=_styledComponents.default.div`
+  overflow-x: auto;
+
+  table {
+    width: 100%;
+  
+    tr {
+      border-top: 1px solid;
+      width: 100%;
+      box-sizing: border-box;
+      display: flex;
+      padding: 16px;
+    }
+    
+    tbody tr:nth-child(2n-1) {
+      background: #f9f9f9;
+      td {
+        background: #f9f9f9;
+      }
+    }
+    tbody tr:nth-child(2n) {
+      background: white;
+      td {
+        background: white;
+      }
+    }
+  
+    th, td {
+      width: 177px;
+      text-align: right;
+      display: inline-flex;
+      margin-left: 16px;
+    }
+  ${(a)=>{let{isResponsiveView:b,actionColumnNumber:c}=a;return(
+c&&b)?
+`
+        td:last-child, th:last-child {
+          margin-left: 117px;
+        }
+        td:nth-child(${c}) {
+          position: absolute;
+          left: 10px;
+          margin: -4px;
+          padding-right: 16px;
+          width: 130px;
+        }
+        th:nth-child(${c}) {
+          background: white;
+          position: absolute;
+          left: 10px;
+          margin: 0 -11px;
+          padding-right: 16px;
+          width: 130px;
+        }
+      `:
+
+""
+}}
+  }
+`,
+
+ShowMoreButton=exports.ShowMoreButton=_styledComponents.default.button`
+  background: transparent;
+  border: none;
+  color: ${(a)=>{let{theme:b}=a;return b.showMoreColor}};
+  font-size: 33px;
+  line-height: 10px;
+  padding: 0;
+  display: inline-flex;
+  align-items: flex-start;
+  transform: rotate(90deg);
+  height: 36px;
+  width: 36px;
+  cursor: pointer;
+  padding-right: 5px;
+`,
+
+ActionCellContainer=exports.ActionCellContainer=_styledComponents.default.div`
+  display: flex;
+`,
+
+ActionsContainer=exports.ActionsContainer=_styledComponents.default.div`
+  box-shadow:
+    ${(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;
+`,
+
+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;
+        }
+      `:
+
+""
+}};
+`;

package/table/tableHeaderRow.js

@@ -12,7 +12,7 @@
 
 
 function TableHeaderRow(a){let{columns:b}=a;
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement("tr",null,
 b.map((a)=>/*#__PURE__*/
 _react.default.createElement("th",{key:a.key},/*#__PURE__*/