@desynova-digital/components 9.0.19 → 9.0.21

package/molecules/graphCard/loader.js

@@ -1,18 +1,18 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _templateObject = _taggedTemplateLiteral(['\n\nposition: ', ';\nwidth: 100%;\nheight: 100%;\nz-index: 1;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n//background: #fff;\nopacity: ', ';\ntop: -6px;\nleft: 0px;\nfont-family: \'SFUIText-light\';\n\n\n.main-text{\n    font-size: 22px;\n    font-family: \'SFUIText-Regular\';\n    padding: 5px 20px 13px;\n}\n.loader,\n.loader:after {\n  border-radius: 50%;\n  width: 10em;\n  height: 10em;\n}\n.loader {\n  margin: 30px auto;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 1.1em solid #Eaeaea;\n  border-right: 1.1em solid #e3e3e3;\n  border-bottom: 1.1em solid #e0e0e0;\n  border-left: 1.1em solid #43ada7;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: load8 1.1s infinite linear;\n  animation: load8 1.1s infinite linear;\n}\n@-webkit-keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n\n\n'], ['\n\nposition: ', ';\nwidth: 100%;\nheight: 100%;\nz-index: 1;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n//background: #fff;\nopacity: ', ';\ntop: -6px;\nleft: 0px;\nfont-family: \'SFUIText-light\';\n\n\n.main-text{\n    font-size: 22px;\n    font-family: \'SFUIText-Regular\';\n    padding: 5px 20px 13px;\n}\n.loader,\n.loader:after {\n  border-radius: 50%;\n  width: 10em;\n  height: 10em;\n}\n.loader {\n  margin: 30px auto;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 1.1em solid #Eaeaea;\n  border-right: 1.1em solid #e3e3e3;\n  border-bottom: 1.1em solid #e0e0e0;\n  border-left: 1.1em solid #43ada7;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: load8 1.1s infinite linear;\n  animation: load8 1.1s infinite linear;\n}\n@-webkit-keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n\n\n']);
+var _templateObject = _taggedTemplateLiteral(["\n  position: ", ";\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  //background: #fff;\n  opacity: ", ";\n  top: -6px;\n  left: 0px;\n  font-family: \"SFUIText-light\";\n\n  .main-text {\n    font-size: 22px;\n    font-family: \"SFUIText-Regular\";\n    padding: 5px 20px 13px;\n  }\n  .loader,\n  .loader:after {\n    border-radius: 50%;\n    width: 10em;\n    height: 10em;\n  }\n  .loader {\n    margin: 30px auto;\n    font-size: 10px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 1.1em solid #eaeaea;\n    border-right: 1.1em solid #e3e3e3;\n    border-bottom: 1.1em solid #e0e0e0;\n    border-left: 1.1em solid #43ada7;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: load8 1.1s infinite linear;\n    animation: load8 1.1s infinite linear;\n  }\n  @-webkit-keyframes load8 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes load8 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  position: ", ";\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  //background: #fff;\n  opacity: ", ";\n  top: -6px;\n  left: 0px;\n  font-family: \"SFUIText-light\";\n\n  .main-text {\n    font-size: 22px;\n    font-family: \"SFUIText-Regular\";\n    padding: 5px 20px 13px;\n  }\n  .loader,\n  .loader:after {\n    border-radius: 50%;\n    width: 10em;\n    height: 10em;\n  }\n  .loader {\n    margin: 30px auto;\n    font-size: 10px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 1.1em solid #eaeaea;\n    border-right: 1.1em solid #e3e3e3;\n    border-bottom: 1.1em solid #e0e0e0;\n    border-left: 1.1em solid #43ada7;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: load8 1.1s infinite linear;\n    animation: load8 1.1s infinite linear;\n  }\n  @-webkit-keyframes load8 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes load8 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n"]);
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _styledComponents = require('styled-components');
+var _styledComponents = require("styled-components");
 
 var _styledComponents2 = _interopRequireDefault(_styledComponents);
 
@@ -27,70 +27,68 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
 var Loader = function (_React$Component) {
-    _inherits(Loader, _React$Component);
-
-    function Loader(props) {
-        _classCallCheck(this, Loader);
-
-        return _possibleConstructorReturn(this, (Loader.__proto__ || Object.getPrototypeOf(Loader)).call(this, props));
+  _inherits(Loader, _React$Component);
+
+  function Loader(props) {
+    _classCallCheck(this, Loader);
+
+    return _possibleConstructorReturn(this, (Loader.__proto__ || Object.getPrototypeOf(Loader)).call(this, props));
+  }
+
+  _createClass(Loader, [{
+    key: "render",
+    value: function render() {
+      return _react2.default.createElement(
+        LoaderBox,
+        this.props,
+        _react2.default.createElement(
+          "div",
+          null,
+          _react2.default.createElement(
+            "div",
+            { className: "loader" },
+            "Loading..."
+          ),
+          this.props.showDefaultText ? _react2.default.createElement(
+            "div",
+            null,
+            this.props.showMainText ? _react2.default.createElement(
+              "div",
+              { className: "main-text" },
+              this.props.mainText
+            ) : null,
+            this.props.showSubText ? _react2.default.createElement(
+              "div",
+              { className: "sub-text" },
+              this.props.subText
+            ) : null
+          ) : null,
+          this.props.children
+        )
+      );
     }
+  }]);
 
-    _createClass(Loader, [{
-        key: 'render',
-        value: function render() {
-            return _react2.default.createElement(
-                LoaderBox,
-                this.props,
-                _react2.default.createElement(
-                    'div',
-                    null,
-                    _react2.default.createElement(
-                        'div',
-                        { className: 'loader' },
-                        'Loading...'
-                    ),
-                    this.props.showDefaultText ? _react2.default.createElement(
-                        'div',
-                        null,
-                        this.props.showMainText ? _react2.default.createElement(
-                            'div',
-                            { className: "main-text" },
-                            this.props.mainText
-                        ) : null,
-                        this.props.showSubText ? _react2.default.createElement(
-                            'div',
-                            { className: "sub-text" },
-                            this.props.subText
-                        ) : null
-                    ) : null,
-                    this.props.children
-                )
-            );
-        }
-    }]);
-
-    return Loader;
+  return Loader;
 }(_react2.default.Component);
 
 var LoaderBox = _styledComponents2.default.div(_templateObject, function (props) {
-    return props.position;
+  return props.position;
 }, function (props) {
-    return props.opacity;
+  return props.opacity;
 });
 
 LoaderBox.defaultProps = {
-    position: "absolute",
-    opacity: "1"
-
+  position: "absolute",
+  opacity: "1"
 };
 
 Loader.defaultProps = {
-    mainText: "Loading...",
-    subText: "please wait",
-    showMainText: true,
-    showSubText: true,
-    showDefaultText: true
-
+  mainText: "Loading...",
+  subText: "please wait",
+  showMainText: true,
+  showSubText: true,
+  showDefaultText: true
 };
 
 exports.default = Loader;

package/molecules/pageHeader/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPageHeader = undefined;
 
-var _pageHeader = require('./pageHeader');
+var _pageHeader = require("./pageHeader");
 
 var _pageHeader2 = _interopRequireDefault(_pageHeader);
 

package/molecules/pagination/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _pagination = require('./pagination');
+var _pagination = require("./pagination");
 
 var _pagination2 = _interopRequireDefault(_pagination);
 

package/molecules/table/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _table = require('./table');
+var _table = require("./table");
 
 var _table2 = _interopRequireDefault(_table);
 

package/molecules/table/table-column.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
@@ -20,7 +20,7 @@ TableColumn.propTypes = {
   title: _propTypes2.default.string,
   width: _propTypes2.default.string,
   sortable: _propTypes2.default.bool,
-  sort: _propTypes2.default.oneOf(['asc', 'desc']),
+  sort: _propTypes2.default.oneOf(["asc", "desc"]),
   comparator: _propTypes2.default.func
 };
 

package/molecules/tabs/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _tabs = require('./tabs');
+var _tabs = require("./tabs");
 
 var _tabs2 = _interopRequireDefault(_tabs);
 

package/molecules/videoCardList/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _videoCardList = require('./videoCardList');
+var _videoCardList = require("./videoCardList");
 
 var _videoCardList2 = _interopRequireDefault(_videoCardList);
 

package/molecules/videoCardList/videoCardList.js

@@ -1,20 +1,20 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _templateObject = _taggedTemplateLiteral(['\n\n\n\n', '\n\n'], ['\n\n\n\n', '\n\n']);
+var _templateObject = _taggedTemplateLiteral(["\n  ", "\n"], ["\n  ", "\n"]);
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _styledComponents = require('styled-components');
+var _styledComponents = require("styled-components");
 
 var _styledComponents2 = _interopRequireDefault(_styledComponents);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
@@ -23,43 +23,40 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var VideoCardList = function VideoCardList(props) {
-
   return _react2.default.createElement(
-    'div',
-    { style: { overflow: 'auto' } },
+    "div",
+    { style: { overflow: "auto" } },
     _react2.default.createElement(
       StyleList,
       props,
-      props.children ? props.children
-      // props.children.map((item,idx)=>{
+      props.children ? props.children : // props.children.map((item,idx)=>{
       //   return (
       //     <div className={"wrapper-box"}>
       //       {item}
       //       </div>
       //   )
-      // }) 
-      : null
+      // })
+      null
     )
   );
 };
 var StyleList = _styledComponents2.default.div(_templateObject, function (props) {
-  if (props.display == 'y') {
-
-    return '\n  &>.video-card-box{\n    margin-bottom:10px;\n    &:last-child{\n      margin-bottom:0px;\n    }\n    \n  }';
-  } else if (props.display == 'grid') {
-    return 'display: flex;\n        overflow-x: auto;\n        flex-wrap: wrap;\n        justify-content: space-around;\n       .video-card-box{\n          flex: 0 0 48%;\n          max-width: 48%;\n          margin-bottom:15px;\n          align-items: center;\n       }\n      \n  ';
-  } else if (props.display == 'x') {
-    return '\n      //   display: flex;\n      //   overflow: auto;\n      //  .right{ \n      //   vertical-align: top;\n      //   display: block;\n      //   position: relative;\n      //   width: max-content;\n      // }\n\n      width: max-content;\n\n      .video-card-box{\n        width: auto;\n        display: inline-block;\n      }\n\n      ';
+  if (props.display == "y") {
+    return "\n  &>.video-card-box{\n    margin-bottom:10px;\n    &:last-child{\n      margin-bottom:0px;\n    }\n    \n  }";
+  } else if (props.display == "grid") {
+    return "display: flex;\n        overflow-x: auto;\n        flex-wrap: wrap;\n        justify-content: space-around;\n       .video-card-box{\n          flex: 0 0 48%;\n          max-width: 48%;\n          margin-bottom:15px;\n          align-items: center;\n       }\n      \n  ";
+  } else if (props.display == "x") {
+    return "\n      //   display: flex;\n      //   overflow: auto;\n      //  .right{ \n      //   vertical-align: top;\n      //   display: block;\n      //   position: relative;\n      //   width: max-content;\n      // }\n\n      width: max-content;\n\n      .video-card-box{\n        width: auto;\n        display: inline-block;\n      }\n\n      ";
   }
 });
 VideoCardList.propTypes = {
-  theme: _propTypes2.default.oneOf(['light', 'dark']),
-  display: _propTypes2.default.oneOf(['x', 'y', 'grid'])
+  theme: _propTypes2.default.oneOf(["light", "dark"]),
+  display: _propTypes2.default.oneOf(["x", "y", "grid"])
 };
 
 VideoCardList.defaultProps = {
-  theme: 'light',
-  display: 'y'
+  theme: "light",
+  display: "y"
 };
 
 exports.default = VideoCardList;