sag_components 1.0.192 → 1.0.194

package/dist/stories/components/Dropdown.js

@@ -61,7 +61,9 @@ var Dropdown = function Dropdown(_ref) {
     _ref$reset = _ref.reset,
     reset = _ref$reset === void 0 ? false : _ref$reset,
     _ref$disableClearable = _ref.disableClearable,
-    disableClearable = _ref$disableClearable === void 0 ? false : _ref$disableClearable;
+    disableClearable = _ref$disableClearable === void 0 ? false : _ref$disableClearable,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   /**
    *  SAG Dropdown
    */
@@ -185,6 +187,7 @@ var Dropdown = function Dropdown(_ref) {
       onInputChange: function onInputChange(event, newInputValue) {
         onInputChangeHandler(event, newInputValue);
       },
+      disabled: disabled,
       disablePortal: true,
       disableClearable: disableClearable
       // value={defaultValue && !currentOption?.newValue ? defaultValue : currentOption?.newValue}
@@ -265,6 +268,7 @@ var Dropdown = function Dropdown(_ref) {
       limitTags: limitTagsOnMultiSelect,
       id: "checkboxes-tags",
       options: options,
+      disabled: disabled,
       disableCloseOnSelect: true,
       disableClearable: disableClearable,
       getOptionLabel: function getOptionLabel(option) {

package/dist/stories/components/InfoIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.InfoIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var InfoIcon = function InfoIcon(_ref) {
+  var clicked = _ref.clicked;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: clicked ? "white" : "black",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "feather feather-info"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "12",
+    y1: "16",
+    x2: "12",
+    y2: "12"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "12",
+    y1: "8",
+    x2: "12",
+    y2: "8"
+  }));
+};
+exports.InfoIcon = InfoIcon;
+var _default = InfoIcon;
+exports.default = _default;

package/dist/stories/components/TitleDescription.style.js

@@ -16,7 +16,7 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
   return props.height;
 });
 exports.MainContainer = MainContainer;
-var PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  border-radius: 12px;\n  background: #ffffff;\n  padding: 1rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.4;\n  white-space: pre-wrap;\n  overflow: hidden;\n  width: 100%;\n"])));
+var PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  border-radius: 12px;\n  background: #ffffff;\n  padding: 1rem 1rem 1rem 3rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.4;\n  white-space: pre-wrap;\n  overflow: hidden;\n  width: 100%;\n"])));
 exports.PanelContainer = PanelContainer;
 var EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n"])));
 exports.EventNameAndViewCreativeContainer = EventNameAndViewCreativeContainer;

package/dist/stories/components/TotalBenchmark.style.js

@@ -20,7 +20,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
   return props.height;
 });
 exports.ControlsContainer = ControlsContainer;
-var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  //display: flex;\n  border-radius: 12px;\n  /* width: 90%;\n  height: 40%; */\n  //justify-content: center;  \n  //align-items: flex-start;\n  background: #ffffff;\n  margin-bottom: 1rem;\n  padding: 0px 0.8rem;\n"])));
+var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  //display: flex;\n  border-radius: 12px;\n  /* width: 90%;\n  height: 40%; */\n  //justify-content: center;  \n  //align-items: flex-start;\n  background: #ffffff;\n  margin-bottom: 2rem;\n  padding: 0px 0.8rem;\n"])));
 exports.Controls = Controls;
 var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  //display: flex;\n  //flex-direction: column;\n  width: 100%;\n"])));
 exports.TitleAndValueContainer = TitleAndValueContainer;

package/dist/stories/components/TotalBenchmarkArrows.style.js

@@ -22,7 +22,7 @@ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObjec
 exports.Controls = Controls;
 var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  /* width: 14rem; */\n  font-weight: 600;\n  font-size: 1rem;\n   margin-bottom: 1rem;\n"])));
 exports.Title = Title;
-var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: baseline;\n  /* width: 14rem; */\n  height: 50%;\n"])));
+var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: baseline;\n  /* width: 14rem; */\n  height: 45%;\n"])));
 exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
 var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 0.1rem;\n  font-weight: 500;\n  font-size: 2.2rem;\n"])));
 exports.FormattedValue = FormattedValue;

package/dist/stories/components/TotalDoughnutChart.js

@@ -97,8 +97,8 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
     onMouseEnter: onPieEnterHandler
   }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
     data: legendData,
-    outerRadius: 35 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
-    innerRadius: 24 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
+    outerRadius: 45 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
+    innerRadius: 31 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
     fill: "#8884d8",
     dataKey: "value"
   }, legendData.map(function (row, index) {

package/dist/stories/components/TotalDoughnutChart.style.js

@@ -34,9 +34,9 @@ var CurrencySign = _styledComponents.default.div(_templateObject8 || (_templateO
 exports.CurrencySign = CurrencySign;
 var FormattedValue = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 2.22rem;\n"])));
 exports.FormattedValue = FormattedValue;
-var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  width: 90%;\n  height: 37%;\n  margin-top: 1em; //   35px;\n  margin-bottom: 1em; // 35px;\n"])));
+var DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  width: 95%;\n  height: 37%;\n  margin-top: 1em; //   35px;\n  margin-bottom: 1em; // 35px;\n"])));
 exports.DoughnutChartAndLegendContainer = DoughnutChartAndLegendContainer;
-var DoughnutChart = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  width: 34%;\n  height: 100%;\n  min-width: 96px;\n  min-height: 96px;\n"])));
+var DoughnutChart = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  width: 34%;\n  height: 100%;\n  min-width: 105px;\n  min-height: 105px;\n"])));
 exports.DoughnutChart = DoughnutChart;
 var LegendContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 66%;\n  padding-left: 10px;\n  flex-direction: column;\n  align-items: left;\n  justify-content: space-between;\n"])));
 exports.LegendContainer = LegendContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.192",
+  "version": "1.0.194",
   "description": "",
   "main": "dist/index.js",
   "scripts": {