sag_components 1.0.377 → 1.0.379

package/dist/stories/components/IconButton.js

@@ -15,12 +15,11 @@ var _ExitIcon = require("./icons/ExitIcon");
 var _FlyIcon = require("./icons/FlyIcon");
 var _MaintenanceIcon = require("./icons/MaintenanceIcon");
 var _EyeIcon = require("./icons/EyeIcon");
-var _IconButton = require("./IconButton.style");
-var _excluded = ["buttonText", "iconName", "width", "height", "disabled", "onClick"];
-/* IconButton */
+var _IconButtonStyle = require("./IconButton.style.js");
+var _excluded = ["iconName", "width", "height", "disabled", "onClick"];
+/*IconButton*/
 var IconButton = exports.IconButton = function IconButton(_ref) {
-  var buttonText = _ref.buttonText,
-    iconName = _ref.iconName,
+  var iconName = _ref.iconName,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 30 : _ref$width,
     _ref$height = _ref.height,
@@ -35,38 +34,38 @@ var IconButton = exports.IconButton = function IconButton(_ref) {
     setMouseDownPressed = _useState2[1];
   var getIcon = function getIcon(iconName, iconHeight, iconWidth) {
     switch (iconName) {
-      case 'download':
+      case "download":
         return /*#__PURE__*/_react.default.createElement(_DownloadIcon.DownloadIcon, {
           height: iconHeight,
           width: iconWidth
         });
-      case 'fly':
+      case "fly":
         return /*#__PURE__*/_react.default.createElement(_FlyIcon.FlyIcon, {
           height: iconHeight,
           width: iconWidth
         });
-      case 'bell':
+      case "bell":
         return /*#__PURE__*/_react.default.createElement(_BellIcon.BellIcon, {
           height: iconHeight,
           width: iconWidth
         });
-      case 'maintenance':
+      case "maintenance":
         return /*#__PURE__*/_react.default.createElement(_MaintenanceIcon.MaintenanceIcon, {
           height: iconHeight,
           width: iconWidth
         });
-      case 'exit':
+      case "exit":
         return /*#__PURE__*/_react.default.createElement(_ExitIcon.ExitIcon, {
           height: iconHeight,
           width: iconWidth
         });
-      case 'eye':
+      case "eye":
         return /*#__PURE__*/_react.default.createElement(_EyeIcon.EyeIcon, {
           height: iconHeight,
           width: iconWidth
         });
       default:
-        return '';
+        return "";
     }
   };
   var onMouseDownHandler = function onMouseDownHandler() {
@@ -83,18 +82,18 @@ var IconButton = exports.IconButton = function IconButton(_ref) {
     setMouseDownPressed(false);
   };
   var getClassNameExtention = function getClassNameExtention() {
-    if (disabled) return 'disabled';
-    if (mouseDownPressed) return 'mouseDownPressed';
-    return '';
+    if (disabled) return "disabled";
+    if (mouseDownPressed) return "mouseDownPressed";
+    return "";
   };
   var onClickHandler = function onClickHandler(event) {
     if (disabled) return;
     onClick(event);
   };
-  return /*#__PURE__*/_react.default.createElement(_IconButton.ControlsContainer, {
+  return /*#__PURE__*/_react.default.createElement(_IconButtonStyle.ControlsContainer, {
     height: height,
     width: width
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.ControlsSubContainer, {
+  }, /*#__PURE__*/_react.default.createElement(_IconButtonStyle.ControlsSubContainer, {
     className: getClassNameExtention(),
     height: height,
     width: width,
@@ -104,6 +103,6 @@ var IconButton = exports.IconButton = function IconButton(_ref) {
     onClick: function onClick(event) {
       onClickHandler(event);
     }
-  }, (buttonText !== '' || buttonText !== undefined) && /*#__PURE__*/_react.default.createElement(_IconButton.SpanText, null, buttonText), getIcon(iconName, height, width)));
+  }, /*#__PURE__*/_react.default.createElement(_IconButtonStyle.IconButtonContainer, null, getIcon(iconName, height, width))));
 };
 var _default = exports.default = IconButton;

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

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SpanText = exports.ControlsSubContainer = exports.ControlsContainer = void 0;
+exports.IconButtonContainer = exports.ControlsSubContainer = exports.ControlsContainer = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
-var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  border-radius: 100px;\n  width: ", ";\n  height: ", ";\n"])), function (props) {
-  return props.width.toString().concat('', 'px');
+var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n \n  display: flex;\n  //border: 1px solid green;\n  border-radius: 100px;\n  width: ", ";\n  height: ", ";\n\n"])), function (props) {
+  return props.width.toString().concat("", "px");
 }, function (props) {
-  return props.height.toString().concat('', 'px');
+  return props.height.toString().concat("", "px");
 });
-var ControlsSubContainer = exports.ControlsSubContainer = _styledComponents.default.button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 2px 0 2px;  \n  border: none;\n  background: transparent;\n  &:hover {\n    cursor: pointer;\n    background-color: #e7f0ff;\n  }\n  &.disabled {\n    background-color: #ccc;\n  }\n  &.mouseDownPressed {\n    margin: 1px 0 1px;  \n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n  }\n"])));
-var SpanText = exports.SpanText = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n"])));
+var ControlsSubContainer = exports.ControlsSubContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 2px 0 2px;  \n  border-radius: 100px;\n  //border: 1px solid blue;\n  &:hover {\n    cursor: pointer;\n    background-color: #e7f0ff;\n  }\n  &.disabled {\n    background-color: #ccc;\n  }\n  &.mouseDownPressed {\n    margin: 1px 0 1px;  \n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n  }\n"])));
+var IconButtonContainer = exports.IconButtonContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  width: 95%;\n  height: 95%;\n  //border: 1px solid red;\n  border-radius: 100px;\n"])));

package/dist/stories/components/ReportTable.js

@@ -34,7 +34,6 @@ var ReportTable = exports.ReportTable = function ReportTable(props) {
     color: "#1B30AA"
   }), /*#__PURE__*/_react.default.createElement(_ReportTable.InfoText, null, "Download table to get the full data")));
 };
-var _default = exports.default = ReportTable;
 ReportTable.defaultProps = {
   tableData: {
     columnsHeadings: [{
@@ -73,4 +72,5 @@ ReportTable.defaultProps = {
     }]
   },
   maxColumnsNumber: 3
-};
+};
+var _default = exports.default = ReportTable;

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

@@ -15,8 +15,8 @@ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.di
 }, function (props) {
   return props.height;
 });
-var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background: #ffffff;\n  border-radius: 12px;\n  flex-basis: 100%;\n"])));
-var AreaChartContainer = exports.AreaChartContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 50%;\n"])));
+var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  flex-direction: column;\n  justify-content: space-between;\n  background: #ffffff;\n  border-radius: 12px;\n"])));
+var AreaChartContainer = exports.AreaChartContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n"])));
 var TooltipDiv = exports.TooltipDiv = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 5px;\n  background: #ffffff;\n  border-radius: 5px;\n  padding: 8px 12px;\n  display: grid;\n"])));
 var TooltipLabel = exports.TooltipLabel = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: normal;\n  width: fit-content;\n"])));
 var TooltipTitle = exports.TooltipTitle = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: normal;\n"])));

package/dist/stories/components/icons/BellIcon.js

@@ -7,10 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.BellIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var BellIcon = exports.BellIcon = function BellIcon(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '8' : _ref$width,
+  var clicked = _ref.clicked,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "8" : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '9' : _ref$height;
+    height = _ref$height === void 0 ? "9" : _ref$height;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,

package/package.json

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

package/.history/.env_20231001120613

@@ -1 +0,0 @@
-STORYBOOK_FIGMA_ACCESS_TOKEN=figd_YdAmQQKQ2B6ZngEijA0JiqNNUdJvP23G46NK7-fc

package/.history/.env_20231003143620

@@ -1 +0,0 @@
-STORYBOOK_FIGMA_ACCESS_TOKEN=figd_MOcc8-aS91XJ3mFdtNlH4oPVY73ChHlmw6-hKhsb

package/.history/.eslintrc_20230928112617.js

@@ -1,26 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-  },
-};

package/.history/.eslintrc_20230928130534.js

@@ -1,27 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-  },
-};

package/.history/.eslintrc_20230928133400.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    /*eslint linebreak-style: ["error", "windows"]*/
-  },
-};

package/.history/.eslintrc_20230928133404.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    eslint linebreak-style: ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133416.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    linebreak-style: ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133419.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133432.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows']
-  },
-};

package/.history/.eslintrc_20230928133439.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928133458.js

@@ -1,29 +0,0 @@
-/* eslint-disable linebreak-style */
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928133500.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928134009.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-  },
-};

package/.history/.eslintrc_20230928135318.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    "react/function-component-definition": [
-      2,
-      {
-        namedComponents: "function-declaration",
-      },
-    ],
-  },
-};

package/.history/.eslintrc_20230928135321.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    'react/function-component-definition": [
-      2,
-      {
-        namedComponents: "function-declaration",
-      },
-    ],
-  },
-};

package/.history/.eslintrc_20230928135323.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    'react/function-component-definition': [
-      2,
-      {
-        namedComponents: "function-declaration",
-      },
-    ],
-  },
-};

package/.history/.eslintrc_20230928135332.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    'react/function-component-definition': [
-      2,
-      {
-        namedComponents: 'function-declaration",
-      },
-    ],
-  },
-};

package/.history/.eslintrc_20230928135333.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    'react/function-component-definition': [
-      2,
-      {
-        namedComponents: 'function-declaration',
-      },
-    ],
-  },
-};