@kando-env/kando-ui 1.2.276-alpha.0 → 1.2.276-alpha.10

package/lib/ui-kit/ContentCard/ContentCard.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _i18n = _interopRequireDefault(require("utilities/i18n"));
+var _react = _interopRequireDefault(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _theme = require("styles/theme/theme");
+var ContentCard = function ContentCard(_ref) {
+  var section_name = _ref.section_name,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? 'white' : _ref$bgColor,
+    _ref$bodyClassName = _ref.bodyClassName,
+    bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName,
+    _ref$bodyPadding = _ref.bodyPadding,
+    bodyPadding = _ref$bodyPadding === void 0 ? '' : _ref$bodyPadding,
+    _ref$translatePrefix = _ref.translatePrefix,
+    translatePrefix = _ref$translatePrefix === void 0 ? 'event_info' : _ref$translatePrefix,
+    children = _ref.children;
+  var title_key = "".concat(translatePrefix, ".").concat(section_name).concat(count > 1 ? '_plural' : '');
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, {
+    className: 'p-3 border-0 h-100'
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Col, {
+    as: "h5",
+    xs: 'auto',
+    sm: 'auto',
+    style: {
+      fontWeight: 600
+    }
+  }, _i18n.default.t(title_key, {
+    count: count
+  })), children.header && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Col, null, children.header))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, {
+    className: "bg-".concat(bgColor, " ").concat(bodyPadding, " rounded ").concat(bodyClassName)
+  }, /*#__PURE__*/_react.default.createElement(BodyContent, null, children.body)));
+};
+var BodyContent = _styledComponents.default.div.withConfig({
+  displayName: "ContentCard__BodyContent",
+  componentId: "sc-zz34vg-0"
+})(["color:", ";"], _theme.theme.colorScheme.natural.n80);
+var _default = ContentCard;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfaTE4biIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX3JlYWN0Qm9vdHN0cmFwIiwiX3RoZW1lIiwiQ29udGVudENhcmQiLCJfcmVmIiwic2VjdGlvbl9uYW1lIiwiX3JlZiRjb3VudCIsImNvdW50IiwiX3JlZiRiZ0NvbG9yIiwiYmdDb2xvciIsIl9yZWYkYm9keUNsYXNzTmFtZSIsImJvZHlDbGFzc05hbWUiLCJfcmVmJGJvZHlQYWRkaW5nIiwiYm9keVBhZGRpbmciLCJfcmVmJHRyYW5zbGF0ZVByZWZpeCIsInRyYW5zbGF0ZVByZWZpeCIsImNoaWxkcmVuIiwidGl0bGVfa2V5IiwiY29uY2F0IiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJDYXJkIiwiY2xhc3NOYW1lIiwiVGl0bGUiLCJSb3ciLCJDb2wiLCJhcyIsInhzIiwic20iLCJzdHlsZSIsImZvbnRXZWlnaHQiLCJpMThuIiwidCIsImhlYWRlciIsIkJvZHkiLCJCb2R5Q29udGVudCIsImJvZHkiLCJzdHlsZWQiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCIsInRoZW1lIiwiY29sb3JTY2hlbWUiLCJuYXR1cmFsIiwibjgwIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpLWtpdC9Db250ZW50Q2FyZC9Db250ZW50Q2FyZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGkxOG4gZnJvbSAnc3JjL3V0aWxpdGllcy9pMThuJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDYXJkLCBDb2wsIFJvdyB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzL21hY3JvJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnc3JjL3N0eWxlcy90aGVtZS90aGVtZSc7XG5cbnR5cGUgRXZlbnRTZWN0aW9uUHJvcHMgPSB7XG4gIHNlY3Rpb25fbmFtZTogc3RyaW5nO1xuICBjb3VudD86IG51bWJlcjtcbiAgYm9keUNsYXNzTmFtZT86IHN0cmluZztcbiAgY2hpbGRyZW46IHsgYm9keTogUmVhY3QuUmVhY3ROb2RlOyBoZWFkZXI/OiBSZWFjdC5SZWFjdE5vZGUgfTtcbiAgYmdDb2xvcj86IHN0cmluZztcbiAgYm9keVBhZGRpbmc/OiBzdHJpbmc7XG4gIHRyYW5zbGF0ZVByZWZpeD86IHN0cmluZztcbn07XG5jb25zdCBDb250ZW50Q2FyZCA9ICh7XG4gIHNlY3Rpb25fbmFtZSxcbiAgY291bnQgPSAwLFxuICBiZ0NvbG9yID0gJ3doaXRlJyxcbiAgYm9keUNsYXNzTmFtZSA9ICcnLFxuICBib2R5UGFkZGluZyA9ICcnLFxuICB0cmFuc2xhdGVQcmVmaXggPSAnZXZlbnRfaW5mbycsXG4gIGNoaWxkcmVuLFxufTogRXZlbnRTZWN0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgdGl0bGVfa2V5ID0gYCR7dHJhbnNsYXRlUHJlZml4fS4ke3NlY3Rpb25fbmFtZX0ke1xuICAgIGNvdW50ID4gMSA/ICdfcGx1cmFsJyA6ICcnXG4gIH1gO1xuICByZXR1cm4gKFxuICAgIDxDYXJkIGNsYXNzTmFtZT17J3AtMyBib3JkZXItMCBoLTEwMCd9PlxuICAgICAgPENhcmQuVGl0bGU+XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgPENvbCBhcz1cImg1XCIgeHM9eydhdXRvJ30gc209eydhdXRvJ30gc3R5bGU9e3sgZm9udFdlaWdodDogNjAwIH19PlxuICAgICAgICAgICAge2kxOG4udCh0aXRsZV9rZXksIHsgY291bnQgfSl9XG4gICAgICAgICAgPC9Db2w+XG4gICAgICAgICAge2NoaWxkcmVuLmhlYWRlciAmJiA8Q29sPntjaGlsZHJlbi5oZWFkZXJ9PC9Db2w+fVxuICAgICAgICA8L1Jvdz5cbiAgICAgIDwvQ2FyZC5UaXRsZT5cbiAgICAgIDxDYXJkLkJvZHlcbiAgICAgICAgY2xhc3NOYW1lPXtgYmctJHtiZ0NvbG9yfSAke2JvZHlQYWRkaW5nfSByb3VuZGVkICR7Ym9keUNsYXNzTmFtZX1gfVxuICAgICAgPlxuICAgICAgICA8Qm9keUNvbnRlbnQ+e2NoaWxkcmVuLmJvZHl9PC9Cb2R5Q29udGVudD5cbiAgICAgIDwvQ2FyZC5Cb2R5PlxuICAgIDwvQ2FyZD5cbiAgKTtcbn07XG5cbmNvbnN0IEJvZHlDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JTY2hlbWUubmF0dXJhbC5uODB9O1xuYDtcbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLElBQUFBLEtBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLGVBQUEsR0FBQUYsT0FBQTtBQUVBLElBQUFHLE1BQUEsR0FBQUgsT0FBQTtBQVdBLElBQU1JLFdBQVcsR0FBRyxTQUFkQSxXQUFXQSxDQUFBQyxJQUFBLEVBUVE7RUFBQSxJQVB2QkMsWUFBWSxHQUFBRCxJQUFBLENBQVpDLFlBQVk7SUFBQUMsVUFBQSxHQUFBRixJQUFBLENBQ1pHLEtBQUs7SUFBTEEsS0FBSyxHQUFBRCxVQUFBLGNBQUcsQ0FBQyxHQUFBQSxVQUFBO0lBQUFFLFlBQUEsR0FBQUosSUFBQSxDQUNUSyxPQUFPO0lBQVBBLE9BQU8sR0FBQUQsWUFBQSxjQUFHLE9BQU8sR0FBQUEsWUFBQTtJQUFBRSxrQkFBQSxHQUFBTixJQUFBLENBQ2pCTyxhQUFhO0lBQWJBLGFBQWEsR0FBQUQsa0JBQUEsY0FBRyxFQUFFLEdBQUFBLGtCQUFBO0lBQUFFLGdCQUFBLEdBQUFSLElBQUEsQ0FDbEJTLFdBQVc7SUFBWEEsV0FBVyxHQUFBRCxnQkFBQSxjQUFHLEVBQUUsR0FBQUEsZ0JBQUE7SUFBQUUsb0JBQUEsR0FBQVYsSUFBQSxDQUNoQlcsZUFBZTtJQUFmQSxlQUFlLEdBQUFELG9CQUFBLGNBQUcsWUFBWSxHQUFBQSxvQkFBQTtJQUM5QkUsUUFBUSxHQUFBWixJQUFBLENBQVJZLFFBQVE7RUFFUixJQUFNQyxTQUFTLE1BQUFDLE1BQUEsQ0FBTUgsZUFBZSxPQUFBRyxNQUFBLENBQUliLFlBQVksRUFBQWEsTUFBQSxDQUNsRFgsS0FBSyxHQUFHLENBQUMsR0FBRyxTQUFTLEdBQUcsRUFBRSxDQUMxQjtFQUNGLG9CQUNFUCxNQUFBLENBQUFtQixPQUFBLENBQUFDLGFBQUEsQ0FBQ25CLGVBQUEsQ0FBQW9CLElBQUk7SUFBQ0MsU0FBUyxFQUFFO0VBQXFCLGdCQUNwQ3RCLE1BQUEsQ0FBQW1CLE9BQUEsQ0FBQUMsYUFBQSxDQUFDbkIsZUFBQSxDQUFBb0IsSUFBSSxDQUFDRSxLQUFLLHFCQUNUdkIsTUFBQSxDQUFBbUIsT0FBQSxDQUFBQyxhQUFBLENBQUNuQixlQUFBLENBQUF1QixHQUFHLHFCQUNGeEIsTUFBQSxDQUFBbUIsT0FBQSxDQUFBQyxhQUFBLENBQUNuQixlQUFBLENBQUF3QixHQUFHO0lBQUNDLEVBQUUsRUFBQyxJQUFJO0lBQUNDLEVBQUUsRUFBRSxNQUFPO0lBQUNDLEVBQUUsRUFBRSxNQUFPO0lBQUNDLEtBQUssRUFBRTtNQUFFQyxVQUFVLEVBQUU7SUFBSTtFQUFFLEdBQzdEQyxhQUFJLENBQUNDLENBQUMsQ0FBQ2YsU0FBUyxFQUFFO0lBQUVWLEtBQUssRUFBTEE7RUFBTSxDQUFDLENBQ3pCLENBQUMsRUFDTFMsUUFBUSxDQUFDaUIsTUFBTSxpQkFBSWpDLE1BQUEsQ0FBQW1CLE9BQUEsQ0FBQUMsYUFBQSxDQUFDbkIsZUFBQSxDQUFBd0IsR0FBRyxRQUFFVCxRQUFRLENBQUNpQixNQUFZLENBQzVDLENBQ0ssQ0FBQyxlQUNiakMsTUFBQSxDQUFBbUIsT0FBQSxDQUFBQyxhQUFBLENBQUNuQixlQUFBLENBQUFvQixJQUFJLENBQUNhLElBQUk7SUFDUlosU0FBUyxRQUFBSixNQUFBLENBQVFULE9BQU8sT0FBQVMsTUFBQSxDQUFJTCxXQUFXLGVBQUFLLE1BQUEsQ0FBWVAsYUFBYTtFQUFHLGdCQUVuRVgsTUFBQSxDQUFBbUIsT0FBQSxDQUFBQyxhQUFBLENBQUNlLFdBQVcsUUFBRW5CLFFBQVEsQ0FBQ29CLElBQWtCLENBQ2hDLENBQ1AsQ0FBQztBQUVYLENBQUM7QUFFRCxJQUFNRCxXQUFXLEdBQUdFLHlCQUFNLENBQUNDLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSxvQkFDbkJDLFlBQUssQ0FBQ0MsV0FBVyxDQUFDQyxPQUFPLENBQUNDLEdBQUcsQ0FDdkM7QUFBQyxJQUFBQyxRQUFBLEdBQ2EzQyxXQUFXO0FBQUE0QyxPQUFBLENBQUE1QixPQUFBLEdBQUEyQixRQUFBIn0=

package/lib/ui-kit/Dashboard/Dashboard.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _useQueryURL = _interopRequireDefault(require("../../hooks/useQueryURL"));
+var _InfoBar = require("../../components/Header/InfoBar/InfoBar");
+var _DashboardMap = _interopRequireDefault(require("pages/DashboardMap"));
+var _Analytics = require("../../utilities/Analytics");
+var _actions = require("../../store/context/actions");
+var _reactRedux = require("react-redux");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Dashboard = function Dashboard(_ref) {
+  var pageName = _ref.pageName,
+    breadcrumbs = _ref.breadcrumbs,
+    children = _ref.children;
+  var searchQuery = (0, _useQueryURL.default)();
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var isMapTab = searchQuery.get('view') === 'map';
+  var _useSelector = (0, _reactRedux.useSelector)(function (_ref2) {
+      var global_data = _ref2.global_data;
+      return global_data;
+    }),
+    waterAuthorityName = _useSelector.waterAuthorityName;
+  (0, _react.useEffect)(function () {
+    (0, _Analytics.analyticsTrack)("Viewed ".concat(pageName, " Dashboard Page"), {
+      utility_name: waterAuthorityName
+    });
+    dispatch((0, _actions.updateNavContext)({
+      name: 'dashboard_v2'
+    }));
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_InfoBar.InfoBar, {
+    parts: [{
+      link: '/dashboard_v2/index',
+      name: waterAuthorityName
+    }].concat((0, _toConsumableArray2.default)(breadcrumbs)),
+    mapDisable: false
+  }), /*#__PURE__*/_react.default.createElement(_DashboardMap.default, {
+    className: "".concat(!isMapTab ? 'd-none' : ''),
+    isMapTab: isMapTab,
+    style: {
+      zIndex: 0
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(isMapTab ? 'd-none' : '')
+  }, children));
+};
+var _default = Dashboard;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfdXNlUXVlcnlVUkwiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX0luZm9CYXIiLCJfRGFzaGJvYXJkTWFwIiwiX0FuYWx5dGljcyIsIl9hY3Rpb25zIiwiX3JlYWN0UmVkdXgiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsImdldCIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiZGVzYyIsInNldCIsIkRhc2hib2FyZCIsIl9yZWYiLCJwYWdlTmFtZSIsImJyZWFkY3J1bWJzIiwiY2hpbGRyZW4iLCJzZWFyY2hRdWVyeSIsInVzZVF1ZXJ5VVJMIiwiZGlzcGF0Y2giLCJ1c2VEaXNwYXRjaCIsImlzTWFwVGFiIiwiX3VzZVNlbGVjdG9yIiwidXNlU2VsZWN0b3IiLCJfcmVmMiIsImdsb2JhbF9kYXRhIiwid2F0ZXJBdXRob3JpdHlOYW1lIiwidXNlRWZmZWN0IiwiYW5hbHl0aWNzVHJhY2siLCJjb25jYXQiLCJ1dGlsaXR5X25hbWUiLCJ1cGRhdGVOYXZDb250ZXh0IiwibmFtZSIsImNyZWF0ZUVsZW1lbnQiLCJGcmFnbWVudCIsIkluZm9CYXIiLCJwYXJ0cyIsImxpbmsiLCJfdG9Db25zdW1hYmxlQXJyYXkyIiwibWFwRGlzYWJsZSIsImNsYXNzTmFtZSIsInN0eWxlIiwiekluZGV4IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpLWtpdC9EYXNoYm9hcmQvRGFzaGJvYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHVzZVF1ZXJ5VVJMIGZyb20gJy4uLy4uL2hvb2tzL3VzZVF1ZXJ5VVJMJztcbmltcG9ydCB7IEluZm9CYXIgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0hlYWRlci9JbmZvQmFyL0luZm9CYXInO1xuaW1wb3J0IERhc2hib2FyZE1hcCBmcm9tICdzcmMvcGFnZXMvRGFzaGJvYXJkTWFwJztcbmltcG9ydCB7IGFuYWx5dGljc1RyYWNrIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL0FuYWx5dGljcyc7XG5pbXBvcnQgeyB1cGRhdGVOYXZDb250ZXh0IH0gZnJvbSAnLi4vLi4vc3RvcmUvY29udGV4dC9hY3Rpb25zJztcbmltcG9ydCB7IHVzZURpc3BhdGNoLCB1c2VTZWxlY3RvciB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxudHlwZSBEYXNoYm9hcmRQcm9wcyA9IHtcbiAgcGFnZU5hbWU6IHN0cmluZztcbiAgYnJlYWRjcnVtYnM6ICh7IG5hbWU6IHN0cmluZzsgbGluazogc3RyaW5nIH0gfCBzdHJpbmcpW107XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuY29uc3QgRGFzaGJvYXJkID0gKHsgcGFnZU5hbWUsIGJyZWFkY3J1bWJzLCBjaGlsZHJlbiB9OiBEYXNoYm9hcmRQcm9wcykgPT4ge1xuICBjb25zdCBzZWFyY2hRdWVyeSA9IHVzZVF1ZXJ5VVJMKCk7XG4gIGNvbnN0IGRpc3BhdGNoID0gdXNlRGlzcGF0Y2goKTtcbiAgY29uc3QgaXNNYXBUYWIgPSBzZWFyY2hRdWVyeS5nZXQoJ3ZpZXcnKSA9PT0gJ21hcCc7XG4gIGNvbnN0IHsgd2F0ZXJBdXRob3JpdHlOYW1lIH0gPSB1c2VTZWxlY3RvcigoeyBnbG9iYWxfZGF0YSB9KSA9PiBnbG9iYWxfZGF0YSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBhbmFseXRpY3NUcmFjayhgVmlld2VkICR7cGFnZU5hbWV9IERhc2hib2FyZCBQYWdlYCwge1xuICAgICAgdXRpbGl0eV9uYW1lOiB3YXRlckF1dGhvcml0eU5hbWUsXG4gICAgfSk7XG4gICAgZGlzcGF0Y2godXBkYXRlTmF2Q29udGV4dCh7IG5hbWU6ICdkYXNoYm9hcmRfdjInIH0pKTtcbiAgfSwgW10pO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SW5mb0JhclxuICAgICAgICBwYXJ0cz17W1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxpbms6ICcvZGFzaGJvYXJkX3YyL2luZGV4JyxcbiAgICAgICAgICAgIG5hbWU6IHdhdGVyQXV0aG9yaXR5TmFtZSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIC4uLmJyZWFkY3J1bWJzLFxuICAgICAgICBdfVxuICAgICAgICBtYXBEaXNhYmxlPXtmYWxzZX1cbiAgICAgIC8+XG4gICAgICA8RGFzaGJvYXJkTWFwXG4gICAgICAgIGNsYXNzTmFtZT17YCR7IWlzTWFwVGFiID8gJ2Qtbm9uZScgOiAnJ31gfVxuICAgICAgICBpc01hcFRhYj17aXNNYXBUYWJ9XG4gICAgICAgIHN0eWxlPXt7IHpJbmRleDogMCB9fVxuICAgICAgLz5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtpc01hcFRhYiA/ICdkLW5vbmUnIDogJyd9YH0+e2NoaWxkcmVufTwvZGl2PlxuICAgIDwvPlxuICApO1xufTtcbmV4cG9ydCBkZWZhdWx0IERhc2hib2FyZDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsWUFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsUUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksYUFBQSxHQUFBRixzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUssVUFBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sUUFBQSxHQUFBTixPQUFBO0FB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

package/lib/ui-kit/Dashboard/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Dashboard = _interopRequireDefault(require("./Dashboard"));
+var _default = _Dashboard.default;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfRGFzaGJvYXJkIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfZGVmYXVsdCIsIkRhc2hib2FyZCIsImV4cG9ydHMiLCJkZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpLWtpdC9EYXNoYm9hcmQvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IERhc2hib2FyZCBmcm9tICcuL0Rhc2hib2FyZCc7XG5leHBvcnQgZGVmYXVsdCBEYXNoYm9hcmQ7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxVQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFBb0MsSUFBQUMsUUFBQSxHQUNyQkMsa0JBQVM7QUFBQUMsT0FBQSxDQUFBQyxPQUFBLEdBQUFILFFBQUEifQ==

package/lib/ui-kit/InletsPie/InletsPie.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _options = _interopRequireDefault(require("./options"));
+var _utils = require("pages/DashboardMap/utils");
+var InletsPie = function InletsPie(_ref) {
+  var _ref$inlets = _ref.inlets,
+    inlets = _ref$inlets === void 0 ? [{
+      name: 'first',
+      organic_load: 40,
+      tooltipValue: 5432
+    }, {
+      name: 'second',
+      organic_load: 30,
+      tooltipValue: 227
+    }] : _ref$inlets;
+  var data = inlets.map(function (_ref2) {
+    var name = _ref2.name,
+      organic_load = _ref2.organic_load,
+      tooltipValue = _ref2.tooltipValue;
+    return {
+      name: (0, _utils.simpleTruncate)(name, 12),
+      y: organic_load,
+      tooltipValue: tooltipValue
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_highchartsReactOfficial.default, {
+    highcharts: _highcharts.default,
+    options: (0, _options.default)(data),
+    containerProps: {
+      style: {
+        height: '220px',
+        width: '350px',
+        marginLeft: 'auto',
+        marginRight: 'auto'
+      }
+    }
+  });
+};
+var _default = InletsPie;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9oaWdoY2hhcnRzUmVhY3RPZmZpY2lhbCIsIl9oaWdoY2hhcnRzIiwiX29wdGlvbnMiLCJfdXRpbHMiLCJJbmxldHNQaWUiLCJfcmVmIiwiX3JlZiRpbmxldHMiLCJpbmxldHMiLCJuYW1lIiwib3JnYW5pY19sb2FkIiwidG9vbHRpcFZhbHVlIiwiZGF0YSIsIm1hcCIsIl9yZWYyIiwic2ltcGxlVHJ1bmNhdGUiLCJ5IiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJoaWdoY2hhcnRzIiwiSGlnaGNoYXJ0cyIsIm9wdGlvbnMiLCJjb250YWluZXJQcm9wcyIsInN0eWxlIiwiaGVpZ2h0Iiwid2lkdGgiLCJtYXJnaW5MZWZ0IiwibWFyZ2luUmlnaHQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkta2l0L0lubGV0c1BpZS9JbmxldHNQaWUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGlnaGNoYXJ0c1JlYWN0IGZyb20gJ2hpZ2hjaGFydHMtcmVhY3Qtb2ZmaWNpYWwnO1xuaW1wb3J0IEhpZ2hjaGFydHMgZnJvbSAnaGlnaGNoYXJ0cyc7XG5pbXBvcnQgb3B0aW9ucyBmcm9tICcuL29wdGlvbnMnO1xuaW1wb3J0IHsgc2ltcGxlVHJ1bmNhdGUgfSBmcm9tICdzcmMvcGFnZXMvRGFzaGJvYXJkTWFwL3V0aWxzJztcblxudHlwZSBJbmxldHNQaWVQcm9wcyA9IHtcbiAgaW5sZXRzOiB7IG5hbWU6IHN0cmluZzsgb3JnYW5pY19sb2FkOiBudW1iZXI7IHRvb2x0aXBWYWx1ZTogbnVtYmVyIH1bXTtcbn07XG5jb25zdCBJbmxldHNQaWUgPSAoe1xuICBpbmxldHMgPSBbXG4gICAgeyBuYW1lOiAnZmlyc3QnLCBvcmdhbmljX2xvYWQ6IDQwLCB0b29sdGlwVmFsdWU6IDU0MzIgfSxcbiAgICB7IG5hbWU6ICdzZWNvbmQnLCBvcmdhbmljX2xvYWQ6IDMwLCB0b29sdGlwVmFsdWU6IDIyNyB9LFxuICBdLFxufTogSW5sZXRzUGllUHJvcHMpID0+IHtcbiAgY29uc3QgZGF0YSA9IGlubGV0cy5tYXAoKHsgbmFtZSwgb3JnYW5pY19sb2FkLCB0b29sdGlwVmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuYW1lOiBzaW1wbGVUcnVuY2F0ZShuYW1lLCAxMiksXG4gICAgICB5OiBvcmdhbmljX2xvYWQsXG4gICAgICB0b29sdGlwVmFsdWUsXG4gICAgfTtcbiAgfSk7XG4gIHJldHVybiAoXG4gICAgPEhpZ2hjaGFydHNSZWFjdFxuICAgICAgaGlnaGNoYXJ0cz17SGlnaGNoYXJ0c31cbiAgICAgIG9wdGlvbnM9e29wdGlvbnMoZGF0YSl9XG4gICAgICBjb250YWluZXJQcm9wcz17e1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIGhlaWdodDogJzIyMHB4JyxcbiAgICAgICAgICB3aWR0aDogJzM1MHB4JyxcbiAgICAgICAgICBtYXJnaW5MZWZ0OiAnYXV0bycsXG4gICAgICAgICAgbWFyZ2luUmlnaHQ6ICdhdXRvJyxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBJbmxldHNQaWU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyx3QkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsUUFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUksTUFBQSxHQUFBSixPQUFBO0FBS0EsSUFBTUssU0FBUyxHQUFHLFNBQVpBLFNBQVNBLENBQUFDLElBQUEsRUFLTztFQUFBLElBQUFDLFdBQUEsR0FBQUQsSUFBQSxDQUpwQkUsTUFBTTtJQUFOQSxNQUFNLEdBQUFELFdBQUEsY0FBRyxDQUNQO01BQUVFLElBQUksRUFBRSxPQUFPO01BQUVDLFlBQVksRUFBRSxFQUFFO01BQUVDLFlBQVksRUFBRTtJQUFLLENBQUMsRUFDdkQ7TUFBRUYsSUFBSSxFQUFFLFFBQVE7TUFBRUMsWUFBWSxFQUFFLEVBQUU7TUFBRUMsWUFBWSxFQUFFO0lBQUksQ0FBQyxDQUN4RCxHQUFBSixXQUFBO0VBRUQsSUFBTUssSUFBSSxHQUFHSixNQUFNLENBQUNLLEdBQUcsQ0FBQyxVQUFBQyxLQUFBLEVBQTBDO0lBQUEsSUFBdkNMLElBQUksR0FBQUssS0FBQSxDQUFKTCxJQUFJO01BQUVDLFlBQVksR0FBQUksS0FBQSxDQUFaSixZQUFZO01BQUVDLFlBQVksR0FBQUcsS0FBQSxDQUFaSCxZQUFZO0lBQ3pELE9BQU87TUFDTEYsSUFBSSxFQUFFLElBQUFNLHFCQUFjLEVBQUNOLElBQUksRUFBRSxFQUFFLENBQUM7TUFDOUJPLENBQUMsRUFBRU4sWUFBWTtNQUNmQyxZQUFZLEVBQVpBO0lBQ0YsQ0FBQztFQUNILENBQUMsQ0FBQztFQUNGLG9CQUNFYixNQUFBLENBQUFtQixPQUFBLENBQUFDLGFBQUEsQ0FBQ2pCLHdCQUFBLENBQUFnQixPQUFlO0lBQ2RFLFVBQVUsRUFBRUMsbUJBQVc7SUFDdkJDLE9BQU8sRUFBRSxJQUFBQSxnQkFBTyxFQUFDVCxJQUFJLENBQUU7SUFDdkJVLGNBQWMsRUFBRTtNQUNkQyxLQUFLLEVBQUU7UUFDTEMsTUFBTSxFQUFFLE9BQU87UUFDZkMsS0FBSyxFQUFFLE9BQU87UUFDZEMsVUFBVSxFQUFFLE1BQU07UUFDbEJDLFdBQVcsRUFBRTtNQUNmO0lBQ0Y7RUFBRSxDQUNILENBQUM7QUFFTixDQUFDO0FBQUMsSUFBQUMsUUFBQSxHQUNhdkIsU0FBUztBQUFBd0IsT0FBQSxDQUFBWixPQUFBLEdBQUFXLFFBQUEifQ==

package/lib/ui-kit/InletsPie/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _InletsPie = _interopRequireDefault(require("./InletsPie"));
+var _default = _InletsPie.default;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfSW5sZXRzUGllIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfZGVmYXVsdCIsIklubGV0c1BpZSIsImV4cG9ydHMiLCJkZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpLWtpdC9JbmxldHNQaWUvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IElubGV0c1BpZSBmcm9tICcuL0lubGV0c1BpZSc7XG5leHBvcnQgZGVmYXVsdCBJbmxldHNQaWU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxVQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFBb0MsSUFBQUMsUUFBQSxHQUNyQkMsa0JBQVM7QUFBQUMsT0FBQSxDQUFBQyxPQUFBLEdBQUFILFFBQUEifQ==

package/lib/ui-kit/InletsPie/options.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var colors = ['#0BA5E9', '#18C89D', '#23D3ED', '#23EDD5', '#387EF5', '#6D56F7', '#933CE4', '#AA577F', '#D946EE', '#EC4899'];
+var options = function options(data) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'lbs/Day';
+  return {
+    colors: colors,
+    credits: {
+      enabled: false
+    },
+    chart: {
+      type: 'pie',
+      height: '210px'
+    },
+    legend: {
+      align: 'right',
+      layout: 'vertical',
+      labelFormatter: function labelFormatter() {
+        return this.name + ' | ' + this.y + '%';
+      },
+      verticalAlign: 'middle',
+      padding: 3,
+      symbolRadius: 0,
+      itemMarginTop: 5,
+      itemMarginBottom: 10,
+      itemStyle: {
+        color: '#1B191A',
+        fontWeight: '400',
+        fontSize: '1rem'
+      }
+    },
+    title: false,
+    tooltip: {
+      formatter: function formatter() {
+        return '<b>' + this.point.tooltipValue + '</b>  ' + unit;
+      }
+    },
+    plotOptions: {
+      pie: {
+        allowPointSelect: true,
+        innerSize: '50%',
+        cursor: 'pointer',
+        dataLabels: {
+          enabled: false,
+          format: '{point.name}: {y} %'
+        },
+        showInLegend: true
+      }
+    },
+    series: [{
+      name: 'Organic Load',
+      colorByPoint: true,
+      data: data
+    }]
+  };
+};
+var _default = options;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjb2xvcnMiLCJvcHRpb25zIiwiZGF0YSIsInVuaXQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJjcmVkaXRzIiwiZW5hYmxlZCIsImNoYXJ0IiwidHlwZSIsImhlaWdodCIsImxlZ2VuZCIsImFsaWduIiwibGF5b3V0IiwibGFiZWxGb3JtYXR0ZXIiLCJuYW1lIiwieSIsInZlcnRpY2FsQWxpZ24iLCJwYWRkaW5nIiwic3ltYm9sUmFkaXVzIiwiaXRlbU1hcmdpblRvcCIsIml0ZW1NYXJnaW5Cb3R0b20iLCJpdGVtU3R5bGUiLCJjb2xvciIsImZvbnRXZWlnaHQiLCJmb250U2l6ZSIsInRpdGxlIiwidG9vbHRpcCIsImZvcm1hdHRlciIsInBvaW50IiwidG9vbHRpcFZhbHVlIiwicGxvdE9wdGlvbnMiLCJwaWUiLCJhbGxvd1BvaW50U2VsZWN0IiwiaW5uZXJTaXplIiwiY3Vyc29yIiwiZGF0YUxhYmVscyIsImZvcm1hdCIsInNob3dJbkxlZ2VuZCIsInNlcmllcyIsImNvbG9yQnlQb2ludCIsIl9kZWZhdWx0IiwiZXhwb3J0cyIsImRlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkta2l0L0lubGV0c1BpZS9vcHRpb25zLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImNvbnN0IGNvbG9ycyA9IFtcbiAgJyMwQkE1RTknLFxuICAnIzE4Qzg5RCcsXG4gICcjMjNEM0VEJyxcbiAgJyMyM0VERDUnLFxuICAnIzM4N0VGNScsXG4gICcjNkQ1NkY3JyxcbiAgJyM5MzNDRTQnLFxuICAnI0FBNTc3RicsXG4gICcjRDk0NkVFJyxcbiAgJyNFQzQ4OTknLFxuXTtcblxuY29uc3Qgb3B0aW9ucyA9IChcbiAgZGF0YTogeyBuYW1lOiBzdHJpbmc7IHk6IG51bWJlcjsgdG9vbHRpcFZhbHVlOiBudW1iZXIgfVtdLFxuICB1bml0ID0gJ2xicy9EYXknLFxuKSA9PiB7XG4gIHJldHVybiB7XG4gICAgY29sb3JzOiBjb2xvcnMsXG4gICAgY3JlZGl0czogeyBlbmFibGVkOiBmYWxzZSB9LFxuICAgIGNoYXJ0OiB7XG4gICAgICB0eXBlOiAncGllJyxcbiAgICAgIGhlaWdodDogJzIxMHB4JyxcbiAgICB9LFxuICAgIGxlZ2VuZDoge1xuICAgICAgYWxpZ246ICdyaWdodCcsXG4gICAgICBsYXlvdXQ6ICd2ZXJ0aWNhbCcsXG4gICAgICBsYWJlbEZvcm1hdHRlcjogZnVuY3Rpb24gKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5uYW1lICsgJyB8ICcgKyB0aGlzLnkgKyAnJSc7XG4gICAgICB9LFxuICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICBwYWRkaW5nOiAzLFxuICAgICAgc3ltYm9sUmFkaXVzOiAwLFxuICAgICAgaXRlbU1hcmdpblRvcDogNSxcbiAgICAgIGl0ZW1NYXJnaW5Cb3R0b206IDEwLFxuICAgICAgaXRlbVN0eWxlOiB7XG4gICAgICAgIGNvbG9yOiAnIzFCMTkxQScsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICc0MDAnLFxuICAgICAgICBmb250U2l6ZTogJzFyZW0nLFxuICAgICAgfSxcbiAgICB9LFxuICAgIHRpdGxlOiBmYWxzZSxcbiAgICB0b29sdGlwOiB7XG4gICAgICBmb3JtYXR0ZXI6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcmV0dXJuICc8Yj4nICsgdGhpcy5wb2ludC50b29sdGlwVmFsdWUgKyAnPC9iPiAgJyArIHVuaXQ7XG4gICAgICB9LFxuICAgIH0sXG4gICAgcGxvdE9wdGlvbnM6IHtcbiAgICAgIHBpZToge1xuICAgICAgICBhbGxvd1BvaW50U2VsZWN0OiB0cnVlLFxuICAgICAgICBpbm5lclNpemU6ICc1MCUnLFxuICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgICAgZGF0YUxhYmVsczoge1xuICAgICAgICAgIGVuYWJsZWQ6IGZhbHNlLFxuICAgICAgICAgIGZvcm1hdDogJ3twb2ludC5uYW1lfToge3l9ICUnLFxuICAgICAgICB9LFxuICAgICAgICBzaG93SW5MZWdlbmQ6IHRydWUsXG4gICAgICB9LFxuICAgIH0sXG4gICAgc2VyaWVzOiBbXG4gICAgICB7XG4gICAgICAgIG5hbWU6ICdPcmdhbmljIExvYWQnLFxuICAgICAgICBjb2xvckJ5UG9pbnQ6IHRydWUsXG4gICAgICAgIGRhdGE6IGRhdGEsXG4gICAgICB9LFxuICAgIF0sXG4gIH07XG59O1xuXG5leHBvcnQgZGVmYXVsdCBvcHRpb25zO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFNQSxNQUFNLEdBQUcsQ0FDYixTQUFTLEVBQ1QsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLENBQ1Y7QUFFRCxJQUFNQyxPQUFPLEdBQUcsU0FBVkEsT0FBT0EsQ0FDWEMsSUFBeUQsRUFFdEQ7RUFBQSxJQURIQyxJQUFJLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLFNBQVM7RUFFaEIsT0FBTztJQUNMSixNQUFNLEVBQUVBLE1BQU07SUFDZE8sT0FBTyxFQUFFO01BQUVDLE9BQU8sRUFBRTtJQUFNLENBQUM7SUFDM0JDLEtBQUssRUFBRTtNQUNMQyxJQUFJLEVBQUUsS0FBSztNQUNYQyxNQUFNLEVBQUU7SUFDVixDQUFDO0lBQ0RDLE1BQU0sRUFBRTtNQUNOQyxLQUFLLEVBQUUsT0FBTztNQUNkQyxNQUFNLEVBQUUsVUFBVTtNQUNsQkMsY0FBYyxFQUFFLFNBQUFBLGVBQUEsRUFBWTtRQUMxQixPQUFPLElBQUksQ0FBQ0MsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUNDLENBQUMsR0FBRyxHQUFHO01BQ3pDLENBQUM7TUFDREMsYUFBYSxFQUFFLFFBQVE7TUFDdkJDLE9BQU8sRUFBRSxDQUFDO01BQ1ZDLFlBQVksRUFBRSxDQUFDO01BQ2ZDLGFBQWEsRUFBRSxDQUFDO01BQ2hCQyxnQkFBZ0IsRUFBRSxFQUFFO01BQ3BCQyxTQUFTLEVBQUU7UUFDVEMsS0FBSyxFQUFFLFNBQVM7UUFDaEJDLFVBQVUsRUFBRSxLQUFLO1FBQ2pCQyxRQUFRLEVBQUU7TUFDWjtJQUNGLENBQUM7SUFDREMsS0FBSyxFQUFFLEtBQUs7SUFDWkMsT0FBTyxFQUFFO01BQ1BDLFNBQVMsRUFBRSxTQUFBQSxVQUFBLEVBQVk7UUFDckIsT0FBTyxLQUFLLEdBQUcsSUFBSSxDQUFDQyxLQUFLLENBQUNDLFlBQVksR0FBRyxRQUFRLEdBQUc1QixJQUFJO01BQzFEO0lBQ0YsQ0FBQztJQUNENkIsV0FBVyxFQUFFO01BQ1hDLEdBQUcsRUFBRTtRQUNIQyxnQkFBZ0IsRUFBRSxJQUFJO1FBQ3RCQyxTQUFTLEVBQUUsS0FBSztRQUNoQkMsTUFBTSxFQUFFLFNBQVM7UUFDakJDLFVBQVUsRUFBRTtVQUNWN0IsT0FBTyxFQUFFLEtBQUs7VUFDZDhCLE1BQU0sRUFBRTtRQUNWLENBQUM7UUFDREMsWUFBWSxFQUFFO01BQ2hCO0lBQ0YsQ0FBQztJQUNEQyxNQUFNLEVBQUUsQ0FDTjtNQUNFeEIsSUFBSSxFQUFFLGNBQWM7TUFDcEJ5QixZQUFZLEVBQUUsSUFBSTtNQUNsQnZDLElBQUksRUFBRUE7SUFDUixDQUFDO0VBRUwsQ0FBQztBQUNILENBQUM7QUFBQyxJQUFBd0MsUUFBQSxHQUVhekMsT0FBTztBQUFBMEMsT0FBQSxDQUFBQyxPQUFBLEdBQUFGLFFBQUEifQ==

package/lib/ui-kit/OrganicLoad/GaugeChart.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ScoreGauge = _interopRequireDefault(require("ui-kit/ScoreGauge"));
+var GaugeChart = function GaugeChart(_ref) {
+  var score = _ref.score;
+  var customOptions = {
+    series: {
+      dial: {
+        backgroundColor: 'white'
+      }
+    },
+    tooltipEnabled: false,
+    boldSelected: true,
+    boldWidth: 20,
+    dialWidth: 8,
+    dataLabelHtml: true,
+    dataLabelSize: 20,
+    dataLabelY: -55,
+    dataLabelFormat: function dataLabelFormat(score) {
+      return '<div class="text-default" style="font-weight: 600;">15025</div><small class="text-muted">lbs/day</small>';
+    },
+    height: '140px',
+    width: '340px',
+    defaultThickness: 14,
+    pane: '70%',
+    rearLength: '-70%',
+    dialRadius: '83%',
+    pivotColor: 'white',
+    baseLength: null,
+    isDialScoreColor: true
+  };
+  return /*#__PURE__*/_react.default.createElement(_ScoreGauge.default, {
+    score: score,
+    customOptions: customOptions,
+    max: 500
+  });
+};
+var _default = GaugeChart;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9TY29yZUdhdWdlIiwiR2F1Z2VDaGFydCIsIl9yZWYiLCJzY29yZSIsImN1c3RvbU9wdGlvbnMiLCJzZXJpZXMiLCJkaWFsIiwiYmFja2dyb3VuZENvbG9yIiwidG9vbHRpcEVuYWJsZWQiLCJib2xkU2VsZWN0ZWQiLCJib2xkV2lkdGgiLCJkaWFsV2lkdGgiLCJkYXRhTGFiZWxIdG1sIiwiZGF0YUxhYmVsU2l6ZSIsImRhdGFMYWJlbFkiLCJkYXRhTGFiZWxGb3JtYXQiLCJoZWlnaHQiLCJ3aWR0aCIsImRlZmF1bHRUaGlja25lc3MiLCJwYW5lIiwicmVhckxlbmd0aCIsImRpYWxSYWRpdXMiLCJwaXZvdENvbG9yIiwiYmFzZUxlbmd0aCIsImlzRGlhbFNjb3JlQ29sb3IiLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsIm1heCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvT3JnYW5pY0xvYWQvR2F1Z2VDaGFydC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBTY29yZUdhdWdlIGZyb20gJ3NyYy91aS1raXQvU2NvcmVHYXVnZSc7XG5cbmNvbnN0IEdhdWdlQ2hhcnQgPSAoeyBzY29yZSB9KSA9PiB7XG4gIGNvbnN0IGN1c3RvbU9wdGlvbnMgPSB7XG4gICAgc2VyaWVzOiB7IGRpYWw6IHsgYmFja2dyb3VuZENvbG9yOiAnd2hpdGUnIH0gfSxcbiAgICB0b29sdGlwRW5hYmxlZDogZmFsc2UsXG4gICAgYm9sZFNlbGVjdGVkOiB0cnVlLFxuICAgIGJvbGRXaWR0aDogMjAsXG4gICAgZGlhbFdpZHRoOiA4LFxuICAgIGRhdGFMYWJlbEh0bWw6IHRydWUsXG4gICAgZGF0YUxhYmVsU2l6ZTogMjAsXG4gICAgZGF0YUxhYmVsWTogLTU1LFxuICAgIGRhdGFMYWJlbEZvcm1hdDogKHNjb3JlKSA9PiB7XG4gICAgICByZXR1cm4gJzxkaXYgY2xhc3M9XCJ0ZXh0LWRlZmF1bHRcIiBzdHlsZT1cImZvbnQtd2VpZ2h0OiA2MDA7XCI+MTUwMjU8L2Rpdj48c21hbGwgY2xhc3M9XCJ0ZXh0LW11dGVkXCI+bGJzL2RheTwvc21hbGw+JztcbiAgICB9LFxuICAgIGhlaWdodDogJzE0MHB4JyxcbiAgICB3aWR0aDogJzM0MHB4JyxcbiAgICBkZWZhdWx0VGhpY2tuZXNzOiAxNCxcbiAgICBwYW5lOiAnNzAlJyxcbiAgICByZWFyTGVuZ3RoOiAnLTcwJScsXG4gICAgZGlhbFJhZGl1czogJzgzJScsXG4gICAgcGl2b3RDb2xvcjogJ3doaXRlJyxcbiAgICBiYXNlTGVuZ3RoOiBudWxsLFxuICAgIGlzRGlhbFNjb3JlQ29sb3I6IHRydWUsXG4gIH07XG4gIHJldHVybiA8U2NvcmVHYXVnZSBzY29yZT17c2NvcmV9IGN1c3RvbU9wdGlvbnM9e2N1c3RvbU9wdGlvbnN9IG1heD17NTAwfSAvPjtcbn07XG5leHBvcnQgZGVmYXVsdCBHYXVnZUNoYXJ0O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsV0FBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBTUUsVUFBVSxHQUFHLFNBQWJBLFVBQVVBLENBQUFDLElBQUEsRUFBa0I7RUFBQSxJQUFaQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztFQUN6QixJQUFNQyxhQUFhLEdBQUc7SUFDcEJDLE1BQU0sRUFBRTtNQUFFQyxJQUFJLEVBQUU7UUFBRUMsZUFBZSxFQUFFO01BQVE7SUFBRSxDQUFDO0lBQzlDQyxjQUFjLEVBQUUsS0FBSztJQUNyQkMsWUFBWSxFQUFFLElBQUk7SUFDbEJDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxDQUFDO0lBQ1pDLGFBQWEsRUFBRSxJQUFJO0lBQ25CQyxhQUFhLEVBQUUsRUFBRTtJQUNqQkMsVUFBVSxFQUFFLENBQUMsRUFBRTtJQUNmQyxlQUFlLEVBQUUsU0FBQUEsZ0JBQUNaLEtBQUssRUFBSztNQUMxQixPQUFPLDBHQUEwRztJQUNuSCxDQUFDO0lBQ0RhLE1BQU0sRUFBRSxPQUFPO0lBQ2ZDLEtBQUssRUFBRSxPQUFPO0lBQ2RDLGdCQUFnQixFQUFFLEVBQUU7SUFDcEJDLElBQUksRUFBRSxLQUFLO0lBQ1hDLFVBQVUsRUFBRSxNQUFNO0lBQ2xCQyxVQUFVLEVBQUUsS0FBSztJQUNqQkMsVUFBVSxFQUFFLE9BQU87SUFDbkJDLFVBQVUsRUFBRSxJQUFJO0lBQ2hCQyxnQkFBZ0IsRUFBRTtFQUNwQixDQUFDO0VBQ0Qsb0JBQU8zQixNQUFBLENBQUE0QixPQUFBLENBQUFDLGFBQUEsQ0FBQzFCLFdBQUEsQ0FBQXlCLE9BQVU7SUFBQ3RCLEtBQUssRUFBRUEsS0FBTTtJQUFDQyxhQUFhLEVBQUVBLGFBQWM7SUFBQ3VCLEdBQUcsRUFBRTtFQUFJLENBQUUsQ0FBQztBQUM3RSxDQUFDO0FBQUMsSUFBQUMsUUFBQSxHQUNhM0IsVUFBVTtBQUFBNEIsT0FBQSxDQUFBSixPQUFBLEdBQUFHLFFBQUEifQ==

package/lib/ui-kit/OrganicLoad/OrganicLoad.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _GaugeChart = _interopRequireDefault(require("./GaugeChart"));
+var _TextInfo = _interopRequireDefault(require("./TextInfo"));
+var _excluded = ["organic_load"];
+var OrganicLoad = function OrganicLoad(_ref) {
+  var _ref$organic_load = _ref.organic_load,
+    organic_load = _ref$organic_load === void 0 ? 50 : _ref$organic_load,
+    textInfoProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Container, {
+    className: 'px-0'
+  }, /*#__PURE__*/_react.default.createElement(_TextInfo.default, textInfoProps), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'justify-content-center'
+  }, /*#__PURE__*/_react.default.createElement(_GaugeChart.default, {
+    score: organic_load
+  })));
+};
+var _default = OrganicLoad;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdEJvb3RzdHJhcCIsIl9HYXVnZUNoYXJ0IiwiX1RleHRJbmZvIiwiX2V4Y2x1ZGVkIiwiT3JnYW5pY0xvYWQiLCJfcmVmIiwiX3JlZiRvcmdhbmljX2xvYWQiLCJvcmdhbmljX2xvYWQiLCJ0ZXh0SW5mb1Byb3BzIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzMiIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50IiwiQ29udGFpbmVyIiwiY2xhc3NOYW1lIiwiUm93Iiwic2NvcmUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkta2l0L09yZ2FuaWNMb2FkL09yZ2FuaWNMb2FkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ29udGFpbmVyLCBSb3cgfSBmcm9tICdyZWFjdC1ib290c3RyYXAnO1xuaW1wb3J0IEdhdWdlQ2hhcnQgZnJvbSAnLi9HYXVnZUNoYXJ0JztcbmltcG9ydCBUZXh0SW5mbyBmcm9tICcuL1RleHRJbmZvJztcblxuZXhwb3J0IHR5cGUgT3JnYW5pY0xvYWRQcm9wcyA9IHtcbiAgcG90ZW50aWFsX3NhdmluZzogbnVtYmVyO1xuICBhY3R1YWxfc2F2aW5nOiBudW1iZXI7XG4gIHBlcmNlbnRhZ2Vfc2F2aW5nOiBudW1iZXI7XG4gIHVuaXQ/OiBzdHJpbmc7XG4gIG9yZ2FuaWNfbG9hZDogbnVtYmVyO1xufTtcblxuY29uc3QgT3JnYW5pY0xvYWQgPSAoe1xuICBvcmdhbmljX2xvYWQgPSA1MCxcbiAgLi4udGV4dEluZm9Qcm9wc1xufTogT3JnYW5pY0xvYWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXsncHgtMCd9PlxuICAgICAgPFRleHRJbmZvIHsuLi50ZXh0SW5mb1Byb3BzfSAvPlxuICAgICAgPFJvdyBjbGFzc05hbWU9eydqdXN0aWZ5LWNvbnRlbnQtY2VudGVyJ30+XG4gICAgICAgIDxHYXVnZUNoYXJ0IHNjb3JlPXtvcmdhbmljX2xvYWR9IC8+XG4gICAgICA8L1Jvdz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBPcmdhbmljTG9hZDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxlQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxTQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFBa0MsSUFBQUksU0FBQTtBQVVsQyxJQUFNQyxXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBQUMsSUFBQSxFQUdPO0VBQUEsSUFBQUMsaUJBQUEsR0FBQUQsSUFBQSxDQUZ0QkUsWUFBWTtJQUFaQSxZQUFZLEdBQUFELGlCQUFBLGNBQUcsRUFBRSxHQUFBQSxpQkFBQTtJQUNkRSxhQUFhLE9BQUFDLHlCQUFBLENBQUFDLE9BQUEsRUFBQUwsSUFBQSxFQUFBRixTQUFBO0VBRWhCLG9CQUNFTixNQUFBLENBQUFhLE9BQUEsQ0FBQUMsYUFBQSxDQUFDWCxlQUFBLENBQUFZLFNBQVM7SUFBQ0MsU0FBUyxFQUFFO0VBQU8sZ0JBQzNCaEIsTUFBQSxDQUFBYSxPQUFBLENBQUFDLGFBQUEsQ0FBQ1QsU0FBQSxDQUFBUSxPQUFRLEVBQUtGLGFBQWdCLENBQUMsZUFDL0JYLE1BQUEsQ0FBQWEsT0FBQSxDQUFBQyxhQUFBLENBQUNYLGVBQUEsQ0FBQWMsR0FBRztJQUFDRCxTQUFTLEVBQUU7RUFBeUIsZ0JBQ3ZDaEIsTUFBQSxDQUFBYSxPQUFBLENBQUFDLGFBQUEsQ0FBQ1YsV0FBQSxDQUFBUyxPQUFVO0lBQUNLLEtBQUssRUFBRVI7RUFBYSxDQUFFLENBQy9CLENBQ0ksQ0FBQztBQUVoQixDQUFDO0FBQUMsSUFBQVMsUUFBQSxHQUNhWixXQUFXO0FBQUFhLE9BQUEsQ0FBQVAsT0FBQSxHQUFBTSxRQUFBIn0=

package/lib/ui-kit/OrganicLoad/TextInfo.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireDefault(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _reactI18next = require("react-i18next");
+var TextInfo = function TextInfo(_ref) {
+  var actual_saving = _ref.actual_saving,
+    _ref$unit = _ref.unit,
+    unit = _ref$unit === void 0 ? 'lbs/day' : _ref$unit,
+    potential_saving = _ref.potential_saving,
+    percentage_saving = _ref.percentage_saving;
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'justify-content-between gx-2'
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Col, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'mx-0 border-bottom pb-2 text-default'
+  }, /*#__PURE__*/_react.default.createElement(Text, null, /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    i18nKey: 'wwtpPage.actual_savings'
+  }))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'mx-0 pt-2 text-default'
+  }, /*#__PURE__*/_react.default.createElement(Text, {
+    style: {
+      fontSize: '1.5rem'
+    }
+  }, actual_saving)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'mx-0 text-muted small'
+  }, unit)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Col, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'mx-0 border-bottom pb-2 text-default'
+  }, /*#__PURE__*/_react.default.createElement(Text, null, /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    i18nKey: 'wwtpPage.potential_savings'
+  }))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'mx-0 pt-2 text-default'
+  }, /*#__PURE__*/_react.default.createElement(Text, {
+    style: {
+      fontSize: '1.5rem'
+    }
+  }, potential_saving, /*#__PURE__*/_react.default.createElement("span", {
+    className: 'natural-surface-mid mx-2 font-weight-normal'
+  }, "|"), /*#__PURE__*/_react.default.createElement("span", {
+    className: 'clean-default'
+  }, percentage_saving, "%"))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Row, {
+    className: 'mx-0 text-muted small'
+  }, unit)));
+};
+var Text = _styledComponents.default.div.withConfig({
+  displayName: "TextInfo__Text",
+  componentId: "sc-14rcpaa-0"
+})(["font-weight:600;color:", ";"], function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.natural.surface.default;
+});
+var _default = TextInfo;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdEJvb3RzdHJhcCIsIl9yZWFjdEkxOG5leHQiLCJUZXh0SW5mbyIsIl9yZWYiLCJhY3R1YWxfc2F2aW5nIiwiX3JlZiR1bml0IiwidW5pdCIsInBvdGVudGlhbF9zYXZpbmciLCJwZXJjZW50YWdlX3NhdmluZyIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50IiwiUm93IiwiY2xhc3NOYW1lIiwiQ29sIiwiVGV4dCIsIlRyYW5zIiwiaTE4bktleSIsInN0eWxlIiwiZm9udFNpemUiLCJzdHlsZWQiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCIsIl9yZWYyIiwidGhlbWUiLCJuYXR1cmFsIiwic3VyZmFjZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvT3JnYW5pY0xvYWQvVGV4dEluZm8udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb2wsIFJvdyB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XG5pbXBvcnQgeyBUcmFucyB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cy9tYWNybyc7XG5cbnR5cGUgVGV4dEluZm9Qcm9wcyA9IHtcbiAgYWN0dWFsX3NhdmluZzogbnVtYmVyO1xuICBwb3RlbnRpYWxfc2F2aW5nOiBudW1iZXI7XG4gIHBlcmNlbnRhZ2Vfc2F2aW5nOiBudW1iZXI7XG4gIHVuaXQ/OiBzdHJpbmc7XG59O1xuY29uc3QgVGV4dEluZm8gPSAoe1xuICBhY3R1YWxfc2F2aW5nLFxuICB1bml0ID0gJ2xicy9kYXknLFxuICBwb3RlbnRpYWxfc2F2aW5nLFxuICBwZXJjZW50YWdlX3NhdmluZyxcbn06IFRleHRJbmZvUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um93IGNsYXNzTmFtZT17J2p1c3RpZnktY29udGVudC1iZXR3ZWVuIGd4LTInfT5cbiAgICAgIDxDb2w+XG4gICAgICAgIDxSb3cgY2xhc3NOYW1lPXsnbXgtMCBib3JkZXItYm90dG9tIHBiLTIgdGV4dC1kZWZhdWx0J30+XG4gICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICA8VHJhbnMgaTE4bktleT17J3d3dHBQYWdlLmFjdHVhbF9zYXZpbmdzJ30gLz5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvUm93PlxuICAgICAgICA8Um93IGNsYXNzTmFtZT17J214LTAgcHQtMiB0ZXh0LWRlZmF1bHQnfT5cbiAgICAgICAgICA8VGV4dCBzdHlsZT17eyBmb250U2l6ZTogJzEuNXJlbScgfX0+e2FjdHVhbF9zYXZpbmd9PC9UZXh0PlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAgPFJvdyBjbGFzc05hbWU9eydteC0wIHRleHQtbXV0ZWQgc21hbGwnfT57dW5pdH08L1Jvdz5cbiAgICAgIDwvQ29sPlxuICAgICAgPENvbD5cbiAgICAgICAgPFJvdyBjbGFzc05hbWU9eydteC0wIGJvcmRlci1ib3R0b20gcGItMiB0ZXh0LWRlZmF1bHQnfT5cbiAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgIDxUcmFucyBpMThuS2V5PXsnd3d0cFBhZ2UucG90ZW50aWFsX3NhdmluZ3MnfSAvPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Sb3c+XG4gICAgICAgIDxSb3cgY2xhc3NOYW1lPXsnbXgtMCBwdC0yIHRleHQtZGVmYXVsdCd9PlxuICAgICAgICAgIDxUZXh0IHN0eWxlPXt7IGZvbnRTaXplOiAnMS41cmVtJyB9fT5cbiAgICAgICAgICAgIHtwb3RlbnRpYWxfc2F2aW5nfVxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXsnbmF0dXJhbC1zdXJmYWNlLW1pZCBteC0yIGZvbnQtd2VpZ2h0LW5vcm1hbCd9PlxuICAgICAgICAgICAgICB8XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9eydjbGVhbi1kZWZhdWx0J30+e3BlcmNlbnRhZ2Vfc2F2aW5nfSU8L3NwYW4+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAgPFJvdyBjbGFzc05hbWU9eydteC0wIHRleHQtbXV0ZWQgc21hbGwnfT57dW5pdH08L1Jvdz5cbiAgICAgIDwvQ29sPlxuICAgIDwvUm93PlxuICApO1xufTtcblxuY29uc3QgVGV4dCA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLm5hdHVyYWwuc3VyZmFjZS5kZWZhdWx0fTtcbmA7XG5leHBvcnQgZGVmYXVsdCBUZXh0SW5mbztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxlQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxhQUFBLEdBQUFGLE9BQUE7QUFTQSxJQUFNRyxRQUFRLEdBQUcsU0FBWEEsUUFBUUEsQ0FBQUMsSUFBQSxFQUtPO0VBQUEsSUFKbkJDLGFBQWEsR0FBQUQsSUFBQSxDQUFiQyxhQUFhO0lBQUFDLFNBQUEsR0FBQUYsSUFBQSxDQUNiRyxJQUFJO0lBQUpBLElBQUksR0FBQUQsU0FBQSxjQUFHLFNBQVMsR0FBQUEsU0FBQTtJQUNoQkUsZ0JBQWdCLEdBQUFKLElBQUEsQ0FBaEJJLGdCQUFnQjtJQUNoQkMsaUJBQWlCLEdBQUFMLElBQUEsQ0FBakJLLGlCQUFpQjtFQUVqQixvQkFDRVgsTUFBQSxDQUFBWSxPQUFBLENBQUFDLGFBQUEsQ0FBQ1YsZUFBQSxDQUFBVyxHQUFHO0lBQUNDLFNBQVMsRUFBRTtFQUErQixnQkFDN0NmLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBLENBQUNWLGVBQUEsQ0FBQWEsR0FBRyxxQkFDRmhCLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBLENBQUNWLGVBQUEsQ0FBQVcsR0FBRztJQUFDQyxTQUFTLEVBQUU7RUFBdUMsZ0JBQ3JEZixNQUFBLENBQUFZLE9BQUEsQ0FBQUMsYUFBQSxDQUFDSSxJQUFJLHFCQUNIakIsTUFBQSxDQUFBWSxPQUFBLENBQUFDLGFBQUEsQ0FBQ1QsYUFBQSxDQUFBYyxLQUFLO0lBQUNDLE9BQU8sRUFBRTtFQUEwQixDQUFFLENBQ3hDLENBQ0gsQ0FBQyxlQUNObkIsTUFBQSxDQUFBWSxPQUFBLENBQUFDLGFBQUEsQ0FBQ1YsZUFBQSxDQUFBVyxHQUFHO0lBQUNDLFNBQVMsRUFBRTtFQUF5QixnQkFDdkNmLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBLENBQUNJLElBQUk7SUFBQ0csS0FBSyxFQUFFO01BQUVDLFFBQVEsRUFBRTtJQUFTO0VBQUUsR0FBRWQsYUFBb0IsQ0FDdkQsQ0FBQyxlQUNOUCxNQUFBLENBQUFZLE9BQUEsQ0FBQUMsYUFBQSxDQUFDVixlQUFBLENBQUFXLEdBQUc7SUFBQ0MsU0FBUyxFQUFFO0VBQXdCLEdBQUVOLElBQVUsQ0FDakQsQ0FBQyxlQUNOVCxNQUFBLENBQUFZLE9BQUEsQ0FBQUMsYUFBQSxDQUFDVixlQUFBLENBQUFhLEdBQUcscUJBQ0ZoQixNQUFBLENBQUFZLE9BQUEsQ0FBQUMsYUFBQSxDQUFDVixlQUFBLENBQUFXLEdBQUc7SUFBQ0MsU0FBUyxFQUFFO0VBQXVDLGdCQUNyRGYsTUFBQSxDQUFBWSxPQUFBLENBQUFDLGFBQUEsQ0FBQ0ksSUFBSSxxQkFDSGpCLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBLENBQUNULGFBQUEsQ0FBQWMsS0FBSztJQUFDQyxPQUFPLEVBQUU7RUFBNkIsQ0FBRSxDQUMzQyxDQUNILENBQUMsZUFDTm5CLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBLENBQUNWLGVBQUEsQ0FBQVcsR0FBRztJQUFDQyxTQUFTLEVBQUU7RUFBeUIsZ0JBQ3ZDZixNQUFBLENBQUFZLE9BQUEsQ0FBQUMsYUFBQSxDQUFDSSxJQUFJO0lBQUNHLEtBQUssRUFBRTtNQUFFQyxRQUFRLEVBQUU7SUFBUztFQUFFLEdBQ2pDWCxnQkFBZ0IsZUFDakJWLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBO0lBQU1FLFNBQVMsRUFBRTtFQUE4QyxHQUFDLEdBRTFELENBQUMsZUFDUGYsTUFBQSxDQUFBWSxPQUFBLENBQUFDLGFBQUE7SUFBTUUsU0FBUyxFQUFFO0VBQWdCLEdBQUVKLGlCQUFpQixFQUFDLEdBQU8sQ0FDeEQsQ0FDSCxDQUFDLGVBQ05YLE1BQUEsQ0FBQVksT0FBQSxDQUFBQyxhQUFBLENBQUNWLGVBQUEsQ0FBQVcsR0FBRztJQUFDQyxTQUFTLEVBQUU7RUFBd0IsR0FBRU4sSUFBVSxDQUNqRCxDQUNGLENBQUM7QUFFVixDQUFDO0FBRUQsSUFBTVEsSUFBSSxHQUFHSyx5QkFBTSxDQUFDQyxHQUFHLENBQUFDLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEsb0NBRVosVUFBQUMsS0FBQTtFQUFBLElBQUdDLEtBQUssR0FBQUQsS0FBQSxDQUFMQyxLQUFLO0VBQUEsT0FBT0EsS0FBSyxDQUFDQyxPQUFPLENBQUNDLE9BQU8sQ0FBQ2xCLE9BQU87QUFBQSxFQUN0RDtBQUFDLElBQUFtQixRQUFBLEdBQ2ExQixRQUFRO0FBQUEyQixPQUFBLENBQUFwQixPQUFBLEdBQUFtQixRQUFBIn0=

package/lib/ui-kit/OrganicLoad/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _OrganicLoad = _interopRequireDefault(require("./OrganicLoad"));
+var _default = _OrganicLoad.default;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfT3JnYW5pY0xvYWQiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9kZWZhdWx0IiwiT3JnYW5pY0xvYWQiLCJleHBvcnRzIiwiZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvT3JnYW5pY0xvYWQvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE9yZ2FuaWNMb2FkIGZyb20gJy4vT3JnYW5pY0xvYWQnO1xuZXhwb3J0IGRlZmF1bHQgT3JnYW5pY0xvYWQ7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxZQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFBd0MsSUFBQUMsUUFBQSxHQUN6QkMsb0JBQVc7QUFBQUMsT0FBQSxDQUFBQyxPQUFBLEdBQUFILFFBQUEifQ==