sag_components 1.0.201 → 1.0.202

package/dist/stories/components/Benchmark.js

@@ -90,9 +90,11 @@ var Benchmark = function Benchmark(_ref) {
     return /*#__PURE__*/_react.default.createElement("h", null, tooltipLabel, tooltipLabel ? ": " : "", (_getFormattedValue = (0, _CommonFunctions.getFormattedValue)(benchmarkValue)) === null || _getFormattedValue === void 0 ? void 0 : _getFormattedValue.toString(), (_getFormattedUnits = (0, _CommonFunctions.getFormattedUnits)(benchmarkValue)) === null || _getFormattedUnits === void 0 ? void 0 : _getFormattedUnits.toString());
   };
   return /*#__PURE__*/_react.default.createElement(_BenchmarkStyle.ControlsContainer, {
+    id: "ControlsContainer",
     height: height,
     width: width
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    id: "Tooltip",
     content: getTooltipText(),
     direction: tooltipDirection
   }, /*#__PURE__*/_react.default.createElement(_BenchmarkStyle.Controls, {
@@ -100,15 +102,18 @@ var Benchmark = function Benchmark(_ref) {
     height: height,
     width: width
   }, /*#__PURE__*/_react.default.createElement(_BenchmarkStyle.BackgroundValueRectangle, {
+    id: "BackgroundValueRectangle",
     height: height,
     width: width,
     color: backgroundColor
   }), /*#__PURE__*/_react.default.createElement(_BenchmarkStyle.CurrentValueRectangle, {
+    id: "CurrentValueRectangle",
     height: height,
     width: getCurrentValueRectangleWidth(),
     color: getUnderAvarageColor(),
     linearGradientColor: getUnderAvaragelinearGradientColor()
   }), /*#__PURE__*/_react.default.createElement(_BenchmarkStyle.AvarageDelimiter, {
+    id: "AvarageDelimiter",
     height: height + 4,
     width: 0,
     top: -2,

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

@@ -8,7 +8,7 @@ exports.CurrentValueRectangle = exports.ControlsContainer = exports.Controls = e
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  position: relative;\n  margin: 0px 0 0px;\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  width: ", ";\n  height: ", ";\n  //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n  border-radius: 100px;\n  //border: 1px solid red;\n"])), function (props) {
+var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  position: relative;\n  margin: 0px 0 0px;\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  width: ", ";\n  height: ", ";\n  //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n  border-radius: 100px;\n  //border: 1px solid red;\n  align-items: center;\n"])), function (props) {
   return props.width.toString().concat("", "px");
 }, function (props) {
   return props.height.toString().concat("", "px");

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/TextField.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextField = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _TextFieldStyle = require("./TextField.style.js");
@@ -22,7 +23,8 @@ var _styles = require("@mui/material/styles");
 /**
  *  SAG TextField
  */
-var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var TextField = function TextField(_ref) {
+  var _React$createElement;
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "100%" : _ref$width,
     _ref$height = _ref.height,
@@ -162,7 +164,6 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     size: size,
     required: required,
     inputRef: inputRef !== null && inputRef !== void 0 ? inputRef : null,
-    ref: ref !== null && ref !== void 0 ? ref : null,
     onKeyDown: function onKeyDown(event) {
       if (!isInputAllowed(event.key)) {
         event.preventDefault();
@@ -176,7 +177,7 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     variant: "outlined"
   }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
     htmlFor: "outlined-adornment-password"
-  }, label), /*#__PURE__*/_react.default.createElement(_OutlinedInput.default, {
+  }, label), /*#__PURE__*/_react.default.createElement(_OutlinedInput.default, (_React$createElement = {
     id: "outlined-adornment-password",
     type: showPassword ? "text" : "password",
     size: size,
@@ -189,19 +190,15 @@ var TextField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       edge: "end"
     }, showPassword ? /*#__PURE__*/_react.default.createElement(_Visibility.default, null) : /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null))),
     defaultValue: defaultValue,
-    label: label,
-    inputRef: inputRef !== null && inputRef !== void 0 ? inputRef : null,
-    ref: ref !== null && ref !== void 0 ? ref : null,
-    onKeyDown: function onKeyDown(event) {
-      if (!isInputAllowed(event.key)) {
-        event.preventDefault();
-      }
-    },
-    onChange: function onChange(event) {
-      onChangeHandler(event);
+    label: label
+  }, (0, _defineProperty2.default)(_React$createElement, "defaultValue", defaultValue), (0, _defineProperty2.default)(_React$createElement, "inputRef", inputRef !== null && inputRef !== void 0 ? inputRef : null), (0, _defineProperty2.default)(_React$createElement, "onKeyDown", function onKeyDown(event) {
+    if (!isInputAllowed(event.key)) {
+      event.preventDefault();
     }
-  }))))));
-});
+  }), (0, _defineProperty2.default)(_React$createElement, "onChange", function onChange(event) {
+    onChangeHandler(event);
+  }), _React$createElement)))))));
+};
 exports.TextField = TextField;
 var _default = TextField;
 exports.default = _default;

package/dist/stories/components/TotalBenchmark.js

@@ -78,10 +78,7 @@ var TotalBenchmark = function TotalBenchmark(_ref) {
       currentValue: item.value,
       benchmarkValue: item.benchmarkValue,
       height: 12 * getSizeFactor(),
-      width: 85 * getSizeFactor()
-      // height={14 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT)}
-      // width={115 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT)}
-      ,
+      width: 85 * getSizeFactor(),
       color: "#79DB95",
       linearGradientColor: "#C3EFD0",
       linearGradientUnderAvarageColor: "#FDB1B1",

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

@@ -28,7 +28,7 @@ var Title = _styledComponents.default.div(_templateObject4 || (_templateObject4
 exports.Title = Title;
 var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  font-weight: 500;\n  font-size: 2.22rem;\n"])));
 exports.FormattedValue = FormattedValue;
-var BenchmarkContainerParent = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
+var BenchmarkContainerParent = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex; \n  align-items: baseline;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n\n"])));
 exports.BenchmarkContainerParent = BenchmarkContainerParent;
-var BenchmarkContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin-top: 0;\n  margin-left: 1rem;\n  height: 0.9rem;\n"])));
+var BenchmarkContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin-top: 0;\n  margin-left: 1rem;\n  height: 0.9rem;\n  //margin: 0;\n"])));
 exports.BenchmarkContainer = BenchmarkContainer;

package/package.json

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