@desynova-digital/components 9.0.26 → 9.1.0

package/molecules/graphCard/graphCard.story.js

@@ -1,194 +1,162 @@
-'use strict';
+"use strict";
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../_helpers/story-helpers');
-
-var _graphCard = require('./graphCard');
-
-var _graphCard2 = _interopRequireDefault(_graphCard);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-console.log(_graphCard2.default);
-(0, _react3.storiesOf)('GraphCard').add('default', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'default' },
-    _react2.default.createElement(
-      'div',
-      null,
-      _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          { style: { width: '25%', display: 'inline-block' } },
-          _react2.default.createElement(_graphCard2.default, {
-            theme: 'dark',
-            loading: true,
-            minHeight: '387',
-            data: {
-              graphName: 'PieChart',
-              graphType: 'pie',
-              data: {
-                name: 'Ingest',
-                total: 223,
-                values: [{
-                  name: 'Completed',
-                  value: 'completed',
-                  data: 120,
-                  index: 1
-                }, {
-                  name: 'Rejected',
-                  value: 'rejected',
-                  data: 33,
-                  index: 2
-                }, {
-                  name: 'Pending',
-                  value: 'pending',
-                  data: 70,
-                  index: 3
-                }]
-              },
-
-              forPeriod: 'This Week',
-              totalCaption: 'Total Assets'
-            }
-          })
-        ),
-        _react2.default.createElement(
-          'div',
-          { style: { width: '25%', display: 'inline-block' } },
-          _react2.default.createElement(_graphCard2.default, {
-            theme: 'dark',
-            loading: false,
-            onClickHandler: function onClickHandler(e) {
-              console.log('onClickHandler', e);
-            },
-            data: {
-              graph_name: 'PieChart',
-              graph_type: 'donut',
-              data: {
-                name: 'Ingest',
-                total: 223,
-                values: [{
-                  name: 'Completed',
-                  value: 'completed',
-                  data: 120,
-                  index: 1
-                }, {
-                  name: 'Rejected',
-                  value: 'rejected',
-                  data: 33,
-                  index: 2
-                }, {
-                  name: 'Pending',
-                  value: 'pending',
-                  data: 70,
-                  index: 3
-                }]
-              },
-
-              forPeriod: 'This Week',
-              totalCaption: 'Total Assets'
-            }
-          })
-        )
-      )
-    )
-  );
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../_helpers/story-helpers");
+var _graphCard = _interopRequireDefault(require("./graphCard"));
+console.log(_graphCard["default"]);
+(0, _react2.storiesOf)('GraphCard').add('default', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "default"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '25%',
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_graphCard["default"], {
+    theme: 'dark',
+    loading: true,
+    minHeight: '387',
+    data: {
+      graphName: 'PieChart',
+      graphType: 'pie',
+      data: {
+        name: 'Ingest',
+        total: 223,
+        values: [{
+          name: 'Completed',
+          value: 'completed',
+          data: 120,
+          index: 1
+        }, {
+          name: 'Rejected',
+          value: 'rejected',
+          data: 33,
+          index: 2
+        }, {
+          name: 'Pending',
+          value: 'pending',
+          data: 70,
+          index: 3
+        }]
+      },
+      forPeriod: 'This Week',
+      totalCaption: 'Total Assets'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '25%',
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_graphCard["default"], {
+    theme: 'dark',
+    loading: false,
+    onClickHandler: function onClickHandler(e) {
+      console.log('onClickHandler', e);
+    },
+    data: {
+      graph_name: 'PieChart',
+      graph_type: 'donut',
+      data: {
+        name: 'Ingest',
+        total: 223,
+        values: [{
+          name: 'Completed',
+          value: 'completed',
+          data: 120,
+          index: 1
+        }, {
+          name: 'Rejected',
+          value: 'rejected',
+          data: 33,
+          index: 2
+        }, {
+          name: 'Pending',
+          value: 'pending',
+          data: 70,
+          index: 3
+        }]
+      },
+      forPeriod: 'This Week',
+      totalCaption: 'Total Assets'
+    }
+  })))));
 });
-
-(0, _react3.storiesOf)('GraphCard').add('nexc', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'default' },
-    _react2.default.createElement(
-      'div',
-      null,
-      _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          { style: { width: '25%', display: 'inline-block' } },
-          _react2.default.createElement(_graphCard2.default, {
-            theme: 'nexc',
-            loading: true,
-            minHeight: '387',
-            data: {
-              graphName: 'PieChart',
-              graphType: 'pie',
-              data: {
-                name: 'Ingest',
-                total: 223,
-                values: [{
-                  name: 'Completed',
-                  value: 'completed',
-                  data: 120,
-                  index: 1
-                }, {
-                  name: 'Rejected',
-                  value: 'rejected',
-                  data: 33,
-                  index: 2
-                }, {
-                  name: 'Pending',
-                  value: 'pending',
-                  data: 70,
-                  index: 3
-                }]
-              },
-
-              forPeriod: 'This Week',
-              totalCaption: 'Total Assets'
-            }
-          })
-        ),
-        _react2.default.createElement(
-          'div',
-          { style: { width: '25%', display: 'inline-block' } },
-          _react2.default.createElement(_graphCard2.default, {
-            theme: 'nexc',
-            loading: false,
-            onClickHandler: function onClickHandler(e) {
-              console.log('onClickHandler', e);
-            },
-            data: {
-              graph_name: 'PieChart',
-              graph_type: 'donut',
-              data: {
-                name: 'Ingest',
-                total: 223,
-                values: [{
-                  name: 'Completed',
-                  value: 'completed',
-                  data: 120,
-                  index: 1
-                }, {
-                  name: 'Rejected',
-                  value: 'rejected',
-                  data: 33,
-                  index: 2
-                }, {
-                  name: 'Pending',
-                  value: 'pending',
-                  data: 70,
-                  index: 3
-                }]
-              },
-
-              forPeriod: 'This Week',
-              totalCaption: 'Total Assets'
-            }
-          })
-        )
-      )
-    )
-  );
+(0, _react2.storiesOf)('GraphCard').add('nexc', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "default"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '25%',
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_graphCard["default"], {
+    theme: 'nexc',
+    loading: true,
+    minHeight: '387',
+    data: {
+      graphName: 'PieChart',
+      graphType: 'pie',
+      data: {
+        name: 'Ingest',
+        total: 223,
+        values: [{
+          name: 'Completed',
+          value: 'completed',
+          data: 120,
+          index: 1
+        }, {
+          name: 'Rejected',
+          value: 'rejected',
+          data: 33,
+          index: 2
+        }, {
+          name: 'Pending',
+          value: 'pending',
+          data: 70,
+          index: 3
+        }]
+      },
+      forPeriod: 'This Week',
+      totalCaption: 'Total Assets'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '25%',
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_graphCard["default"], {
+    theme: 'nexc',
+    loading: false,
+    onClickHandler: function onClickHandler(e) {
+      console.log('onClickHandler', e);
+    },
+    data: {
+      graph_name: 'PieChart',
+      graph_type: 'donut',
+      data: {
+        name: 'Ingest',
+        total: 223,
+        values: [{
+          name: 'Completed',
+          value: 'completed',
+          data: 120,
+          index: 1
+        }, {
+          name: 'Rejected',
+          value: 'rejected',
+          data: 33,
+          index: 2
+        }, {
+          name: 'Pending',
+          value: 'pending',
+          data: 70,
+          index: 3
+        }]
+      },
+      forPeriod: 'This Week',
+      totalCaption: 'Total Assets'
+    }
+  })))));
 });

package/molecules/graphCard/index.js

@@ -1,13 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _graphCard = require("./graphCard");
-
-var _graphCard2 = _interopRequireDefault(_graphCard);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _graphCard2.default;
+exports["default"] = void 0;
+var _graphCard = _interopRequireDefault(require("./graphCard"));
+var _default = exports["default"] = _graphCard["default"];

package/molecules/graphCard/loader.js

@@ -1,88 +1,49 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   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  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 _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require("styled-components");
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-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);
-
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Loader = /*#__PURE__*/function (_React$Component) {
   function Loader(props) {
-    _classCallCheck(this, Loader);
-
-    return _possibleConstructorReturn(this, (Loader.__proto__ || Object.getPrototypeOf(Loader)).call(this, props));
+    (0, _classCallCheck2["default"])(this, Loader);
+    return _callSuper(this, Loader, [props]);
   }
-
-  _createClass(Loader, [{
+  (0, _inherits2["default"])(Loader, _React$Component);
+  return (0, _createClass2["default"])(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 /*#__PURE__*/_react["default"].createElement(LoaderBox, this.props, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "loader"
+      }, "Loading..."), this.props.showDefaultText ? /*#__PURE__*/_react["default"].createElement("div", null, this.props.showMainText ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "main-text"
+      }, this.props.mainText) : null, this.props.showSubText ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sub-text"
+      }, this.props.subText) : null) : null, this.props.children));
     }
   }]);
-
-  return Loader;
-}(_react2.default.Component);
-
-var LoaderBox = _styledComponents2.default.div(_templateObject, function (props) {
+}(_react["default"].Component);
+var LoaderBox = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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"])), function (props) {
   return props.position;
 }, function (props) {
   return props.opacity;
 });
-
 LoaderBox.defaultProps = {
   position: "absolute",
   opacity: "1"
 };
-
 Loader.defaultProps = {
   mainText: "Loading...",
   subText: "please wait",
@@ -90,5 +51,4 @@ Loader.defaultProps = {
   showSubText: true,
   showDefaultText: true
 };
-
-exports.default = Loader;
+var _default = exports["default"] = Loader;