@desynova-digital/components 9.0.26 → 9.1.0

package/atoms/graphs/circleDonut/index.js

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

package/atoms/graphs/circleGraph/circleGraph.js

@@ -1,50 +1,34 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-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    0% {\n        stroke-dasharray: 0, 5000;\n    }\n'], ['\n    0% {\n        stroke-dasharray: 0, 5000;\n    }\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  fill: none;\n  stroke-width: 2.8;\n  stroke-linecap: round;\n  animation: ', ' 1s ease-out forwards;\n'], ['\n  fill: none;\n  stroke-width: 2.8;\n  stroke-linecap: round;\n  animation: ', ' 1s ease-out forwards;\n']),
-    _templateObject3 = _taggedTemplateLiteral(['\n  display: block;\n  margin: 10px auto;\n'], ['\n  display: block;\n  margin: 10px auto;\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _tokens = require('@desynova-digital/tokens');
-
-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 CircleGraph = function (_React$Component) {
-  _inherits(CircleGraph, _React$Component);
-
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _tokens = require("@desynova-digital/tokens");
+var _templateObject, _templateObject2, _templateObject3;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 CircleGraph = /*#__PURE__*/function (_React$Component) {
   function CircleGraph(props) {
-    _classCallCheck(this, CircleGraph);
-
-    var _this = _possibleConstructorReturn(this, (CircleGraph.__proto__ || Object.getPrototypeOf(CircleGraph)).call(this, props));
-
-    _this.generateData = function (data) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, CircleGraph);
+    _this = _callSuper(this, CircleGraph, [props]);
+    (0, _defineProperty2["default"])(_this, "generateData", function (data) {
       var width = typeof _this.props.width == 'string' ? 100 : _this.props.width;
       var height = _this.props.height;
       var diameter = width - 5;
@@ -62,67 +46,54 @@ var CircleGraph = function (_React$Component) {
         percent: percent,
         circumference: circumference
       };
-
       return dataObj;
-    };
-
-    _this.componentDidMount = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "componentDidMount", function () {
       var dataObj = _this.generateData(_this.props.data);
-      _this.setState({ dataObj: dataObj });
-    };
-
+      _this.setState({
+        dataObj: dataObj
+      });
+    });
     _this.state = {
       dataObj: null
     };
     return _this;
   }
-
-  _createClass(CircleGraph, [{
-    key: 'render',
+  (0, _inherits2["default"])(CircleGraph, _React$Component);
+  return (0, _createClass2["default"])(CircleGraph, [{
+    key: "render",
     value: function render() {
-      return _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        this.state.dataObj ? _react2.default.createElement(
-          GraphSVG,
-          _extends({}, typeof this.props.width == 'string' ? '' : { width: this.props.width }, typeof this.props.width == 'string' ? '' : { height: this.props.height }, {
-            viewBox: '0 0 ' + (typeof this.props.width == 'string' ? '100' : this.props.width) + ' ' + this.props.height,
-            preserveAspectRatio: 'xMinYMin meet'
-          }),
-          _react2.default.createElement(StyledPath, {
-            stroke: _tokens.colors[this.props.theme].graph.pending,
-            d: 'M' + this.state.dataObj.x + ' ' + this.state.dataObj.y + '\n                                a ' + this.state.dataObj.radius + ' ' + this.state.dataObj.radius + ' 0 0 1 0 ' + this.state.dataObj.diameter + '\n                                a ' + this.state.dataObj.radius + ' ' + this.state.dataObj.radius + ' 0 0 1 0 -' + this.state.dataObj.diameter,
-            strokeDasharray: this.state.dataObj.circumference + ', ' + this.state.dataObj.circumference
-          }),
-          _react2.default.createElement(StyledPath, {
-            stroke: _tokens.colors[this.props.theme].graph.completed,
-            d: 'M' + this.state.dataObj.x + ' ' + this.state.dataObj.y + '\n                                a ' + this.state.dataObj.radius + ' ' + this.state.dataObj.radius + ' 0 0 1 0 ' + this.state.dataObj.diameter + '\n                                a ' + this.state.dataObj.radius + ' ' + this.state.dataObj.radius + ' 0 0 1 0 -' + this.state.dataObj.diameter,
-            strokeDasharray: this.state.dataObj.percent + ', ' + this.state.dataObj.circumference
-          })
-        ) : null
-      );
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, this.state.dataObj ? /*#__PURE__*/_react["default"].createElement(GraphSVG, (0, _extends2["default"])({}, typeof this.props.width == 'string' ? '' : {
+        width: this.props.width
+      }, typeof this.props.width == 'string' ? '' : {
+        height: this.props.height
+      }, {
+        viewBox: "0 0 ".concat(typeof this.props.width == 'string' ? '100' : this.props.width, " ").concat(this.props.height),
+        preserveAspectRatio: "xMinYMin meet"
+      }), /*#__PURE__*/_react["default"].createElement(StyledPath, {
+        stroke: _tokens.colors[this.props.theme].graph.pending,
+        d: "M".concat(this.state.dataObj.x, " ").concat(this.state.dataObj.y, "\n                                a ").concat(this.state.dataObj.radius, " ").concat(this.state.dataObj.radius, " 0 0 1 0 ").concat(this.state.dataObj.diameter, "\n                                a ").concat(this.state.dataObj.radius, " ").concat(this.state.dataObj.radius, " 0 0 1 0 -").concat(this.state.dataObj.diameter),
+        strokeDasharray: "".concat(this.state.dataObj.circumference, ", ").concat(this.state.dataObj.circumference)
+      }), /*#__PURE__*/_react["default"].createElement(StyledPath, {
+        stroke: _tokens.colors[this.props.theme].graph.completed,
+        d: "M".concat(this.state.dataObj.x, " ").concat(this.state.dataObj.y, "\n                                a ").concat(this.state.dataObj.radius, " ").concat(this.state.dataObj.radius, " 0 0 1 0 ").concat(this.state.dataObj.diameter, "\n                                a ").concat(this.state.dataObj.radius, " ").concat(this.state.dataObj.radius, " 0 0 1 0 -").concat(this.state.dataObj.diameter),
+        strokeDasharray: "".concat(this.state.dataObj.percent, ", ").concat(this.state.dataObj.circumference)
+      })) : null);
     }
   }]);
-
-  return CircleGraph;
-}(_react2.default.Component);
-
-var progress = (0, _styledComponents.keyframes)(_templateObject);
-
-var StyledPath = _styledComponents2.default.path(_templateObject2, progress);
-
-var GraphSVG = _styledComponents2.default.svg(_templateObject3);
-
+}(_react["default"].Component);
+var progress = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n        stroke-dasharray: 0, 5000;\n    }\n"])));
+var StyledPath = _styledComponents["default"].path(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: none;\n  stroke-width: 2.8;\n  stroke-linecap: round;\n  animation: ", " 1s ease-out forwards;\n"])), progress);
+var GraphSVG = _styledComponents["default"].svg(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: block;\n  margin: 10px auto;\n"])));
 CircleGraph.propTypes = {
   /** Graph Data */
-  data: _propTypes2.default.object.isRequired,
+  data: _propTypes["default"].object.isRequired,
   /** Graph size */
-  theme: _propTypes2.default.oneOf(['light', 'dark', 'nexc']),
+  theme: _propTypes["default"].oneOf(['light', 'dark', 'nexc']),
   //width: PropTypes.number || PropTypes.string,
-  height: _propTypes2.default.number,
-  colorType: _propTypes2.default.oneOf(['gradient', 'normal'])
+  height: _propTypes["default"].number,
+  colorType: _propTypes["default"].oneOf(['gradient', 'normal'])
 };
-
 CircleGraph.defaultProps = {
   data: {
     total: 100,
@@ -133,5 +104,4 @@ CircleGraph.defaultProps = {
   theme: 'light',
   colorType: 'normal'
 };
-
-exports.default = CircleGraph;
+var _default = exports["default"] = CircleGraph;

package/atoms/graphs/circleGraph/circleGraph.story.js

@@ -1,57 +1,39 @@
-'use strict';
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../../_helpers/story-helpers');
-
-var _components = require('../../../../components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react3.storiesOf)('CircleGraph').add('light theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Appearances' },
-    _react2.default.createElement(
-      'div',
-      null,
-      _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          { style: { width: '400px' } },
-          _react2.default.createElement(_components.CircleGraph, { width: '100%', height: 300 })
-        )
-      )
-    )
-  );
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../../_helpers/story-helpers");
+var _components = require("../../../../components");
+(0, _react2.storiesOf)('CircleGraph').add('light theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Appearances"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '400px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.CircleGraph, {
+    width: '100%',
+    height: 300
+  })))));
 });
-
-(0, _react3.storiesOf)('CircleGraph').add('dark theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'dark' },
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CircleGraph, { theme: 'dark', width: 300, height: 300 })
-    )
-  );
+(0, _react2.storiesOf)('CircleGraph').add('dark theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CircleGraph, {
+    theme: "dark",
+    width: 300,
+    height: 300
+  })));
 });
-
-(0, _react3.storiesOf)('CircleGraph').add('nexc theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Tag', background: 'dark' },
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CircleGraph, { theme: 'nexc', width: 300, height: 300 })
-    )
-  );
+(0, _react2.storiesOf)('CircleGraph').add('nexc theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Tag",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CircleGraph, {
+    theme: "nexc",
+    width: 300,
+    height: 300
+  })));
 });

package/atoms/graphs/circleGraph/index.js

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