sag_components 1.0.251 → 1.0.253

package/.history/package_20231004135419.json

@@ -0,0 +1,82 @@
+{
+  "name": "sag_components",
+  "version": "1.0.252",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "lint": "eslint .",
+    "build": "cross-env BABEL_ENV=production babel src -d dist  ",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "SAG",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.21.5",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@storybook/addon-a11y": "^7.4.5",
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-storysource": "^7.4.5",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.4.5",
+    "@storybook/react-webpack5": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.2.7",
+    "eslint": "^8.50.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.68.0",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.0.8",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@fontsource/roboto": "^4.5.8",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/material": "^5.13.0",
+    "@mui/styled-engine-sc": "^5.12.0",
+    "@mui/x-date-pickers": "^6.11.1",
+    "@storybook/addon-designs": "^7.0.5",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.9",
+    "hoopy": "^0.1.4",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-css-modules": "^4.7.11",
+    "react-loading-skeleton": "^3.3.1",
+    "react-scripts": "5.0.1",
+    "recharts": "^2.6.2",
+    "storybook": "^7.4.5",
+    "styled-components": "^5.3.11"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/.history/package_20231004150338.json

@@ -0,0 +1,82 @@
+{
+  "name": "sag_components",
+  "version": "1.0.252",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "lint": "eslint .",
+    "build": "cross-env BABEL_ENV=production babel src -d dist  ",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "SAG",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.21.5",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@storybook/addon-a11y": "^7.4.5",
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-storysource": "^7.4.5",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.4.5",
+    "@storybook/react-webpack5": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.2.7",
+    "eslint": "^8.50.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.68.0",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.0.8",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@fontsource/roboto": "^4.5.8",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/material": "^5.13.0",
+    "@mui/styled-engine-sc": "^5.12.0",
+    "@mui/x-date-pickers": "^6.11.1",
+    "@storybook/addon-designs": "^7.0.5",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.9",
+    "hoopy": "^0.1.4",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-css-modules": "^4.7.11",
+    "react-loading-skeleton": "^3.3.1",
+    "react-scripts": "5.0.1",
+    "recharts": "^2.6.2",
+    "storybook": "^7.4.6",
+    "styled-components": "^5.3.11"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/.history/package_20231004150347.json

@@ -0,0 +1,82 @@
+{
+  "name": "sag_components",
+  "version": "1.0.253",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "lint": "eslint .",
+    "build": "cross-env BABEL_ENV=production babel src -d dist  ",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "SAG",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.21.5",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@storybook/addon-a11y": "^7.4.5",
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-storysource": "^7.4.5",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.4.5",
+    "@storybook/react-webpack5": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.2.7",
+    "eslint": "^8.50.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.68.0",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.0.8",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@fontsource/roboto": "^4.5.8",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/material": "^5.13.0",
+    "@mui/styled-engine-sc": "^5.12.0",
+    "@mui/x-date-pickers": "^6.11.1",
+    "@storybook/addon-designs": "^7.0.5",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.9",
+    "hoopy": "^0.1.4",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-css-modules": "^4.7.11",
+    "react-loading-skeleton": "^3.3.1",
+    "react-scripts": "5.0.1",
+    "recharts": "^2.6.2",
+    "storybook": "^7.4.6",
+    "styled-components": "^5.3.11"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/dist/stories/components/Benchmark.js

@@ -12,7 +12,7 @@ var _CommonFunctions = require("./CommonFunctions");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _excluded = ["totalValue", "currentValue", "benchmarkValue", "width", "height", "color", "linearGradientColor", "underAvarageColor", "linearGradientUnderAvarageColor", "backgroundColor", "tooltipLabel", "tooltipDirection"];
 /*Benchmark*/
-var Benchmark = function Benchmark(_ref) {
+var Benchmark = exports.Benchmark = function Benchmark(_ref) {
   var _ref$totalValue = _ref.totalValue,
     totalValue = _ref$totalValue === void 0 ? 100 : _ref$totalValue,
     _ref$currentValue = _ref.currentValue,
@@ -120,6 +120,4 @@ var Benchmark = function Benchmark(_ref) {
     left: getBenchmarkLeft()
   }))));
 };
-exports.Benchmark = Benchmark;
-var _default = Benchmark;
-exports.default = _default;
+var _default = exports.default = Benchmark;

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

@@ -8,27 +8,24 @@ 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  align-items: center;\n"])), function (props) {
+var ControlsContainer = exports.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");
 });
-exports.ControlsContainer = ControlsContainer;
-var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  border-radius: 100px;\n  width: ", ";\n  height: ", ";\n  //background: #ffffff;\n  //border: 1px solid blue;\n"])), function (props) {
+var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  border-radius: 100px;\n  width: ", ";\n  height: ", ";\n  //background: #ffffff;\n  //border: 1px solid blue;\n"])), function (props) {
   return props.width.toString().concat("", "px");
 }, function (props) {
   return props.height.toString().concat("", "px");
 });
-exports.Controls = Controls;
-var BackgroundValueRectangle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  top: 0px;\n  left: 0px;\n  border-radius: 100px;\n  background: ", ";\n  //border: 1px solid orange;\n"])), function (props) {
+var BackgroundValueRectangle = exports.BackgroundValueRectangle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  top: 0px;\n  left: 0px;\n  border-radius: 100px;\n  background: ", ";\n  //border: 1px solid orange;\n"])), function (props) {
   return props.width.toString().concat("", "px");
 }, function (props) {
   return props.height.toString().concat("", "px");
 }, function (props) {
   return props.color;
 });
-exports.BackgroundValueRectangle = BackgroundValueRectangle;
-var CurrentValueRectangle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  top: 0px;\n  left: 0px;\n  border-radius: 100px;\n  background: linear-gradient(\n    90deg,\n    ", " 0%,\n    ", " 100%\n  );\n  //border: 1px solid green;\n"])), function (props) {
+var CurrentValueRectangle = exports.CurrentValueRectangle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  top: 0px;\n  left: 0px;\n  border-radius: 100px;\n  background: linear-gradient(\n    90deg,\n    ", " 0%,\n    ", " 100%\n  );\n  //border: 1px solid green;\n"])), function (props) {
   return props.width.toString().concat("", "px");
 }, function (props) {
   return props.height.toString().concat("", "px");
@@ -37,8 +34,7 @@ var CurrentValueRectangle = _styledComponents.default.div(_templateObject4 || (_
 }, function (props) {
   return props.color;
 });
-exports.CurrentValueRectangle = CurrentValueRectangle;
-var AvarageDelimiter = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  height: ", ";\n  width: ", ";\n  top: ", ";\n  left: ", ";\n  border: 1px solid #212121;\n"])), function (props) {
+var AvarageDelimiter = exports.AvarageDelimiter = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  height: ", ";\n  width: ", ";\n  top: ", ";\n  left: ", ";\n  border: 1px solid #212121;\n"])), function (props) {
   return props.height.toString().concat("", "px");
 }, function (props) {
   return props.width.toString().concat("", "px");
@@ -46,5 +42,4 @@ var AvarageDelimiter = _styledComponents.default.div(_templateObject5 || (_templ
   return props.top.toString().concat("", "px");
 }, function (props) {
   return props.left.toString().concat("", "px");
-});
-exports.AvarageDelimiter = AvarageDelimiter;
+});

package/dist/stories/components/Button.js

@@ -12,7 +12,7 @@ var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _styles = require("@mui/material/styles");
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _excluded = ["text", "fontFamily", "fontSize", "shape", "size", "height", "width", "disabled", "radius", "textColor", "backgroundColor", "borderColor", "hoverTextColor", "hoverBackgroundColor", "hoverBorderColor", "onClick"];
-var Button = function Button(_ref) {
+var Button = exports.Button = function Button(_ref) {
   var text = _ref.text,
     fontFamily = _ref.fontFamily,
     fontSize = _ref.fontSize,
@@ -93,6 +93,4 @@ var Button = function Button(_ref) {
     }
   }, text)));
 };
-exports.Button = Button;
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

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

@@ -8,7 +8,6 @@ exports.DropdownContainer = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n"])), function (props) {
+var DropdownContainer = exports.DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n"])), function (props) {
   return props.width;
-});
-exports.DropdownContainer = DropdownContainer;
+});

package/dist/stories/components/CommonFunctions.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getNumberWithCommas = exports.getFormattedValue = exports.getFormattedUnits = exports.getCurrencySign = void 0;
-var getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
+var getCurrencySign = exports.getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
   if (!currencyTypeToConvert) return '';
   var currencySign = '';
   var currencyFormatter = new Intl.NumberFormat('en-US', {
@@ -14,8 +14,7 @@ var getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
   currencySign = currencyFormatter.format(Math.abs(value)).substring(0, 1);
   return currencySign;
 };
-exports.getCurrencySign = getCurrencySign;
-var getFormattedUnits = function getFormattedUnits(num) {
+var getFormattedUnits = exports.getFormattedUnits = function getFormattedUnits(num) {
   if (Math.abs(num) >= 1000000000) {
     return 'B';
   }
@@ -27,8 +26,7 @@ var getFormattedUnits = function getFormattedUnits(num) {
   }
   return '';
 };
-exports.getFormattedUnits = getFormattedUnits;
-var getFormattedValue = function getFormattedValue(num) {
+var getFormattedValue = exports.getFormattedValue = function getFormattedValue(num) {
   if (Math.abs(num) >= 1000000000) {
     return (num / 1000000000).toFixed(1).replace(/\.0$/, '');
   }
@@ -40,11 +38,9 @@ var getFormattedValue = function getFormattedValue(num) {
   }
   return num;
 };
-exports.getFormattedValue = getFormattedValue;
-var getNumberWithCommas = function getNumberWithCommas(x) {
+var getNumberWithCommas = exports.getNumberWithCommas = function getNumberWithCommas(x) {
   var param = x.toString();
   var pattern = /(-?\d+)(\d{3})/;
   while (pattern.test(param)) param = param.replace(pattern, '$1,$2');
   return param;
-};
-exports.getNumberWithCommas = getNumberWithCommas;
+};

package/dist/stories/components/Datepicker.js

@@ -18,7 +18,7 @@ var _CalendarIcon = require("./icons/CalendarIcon");
 /**
  *  SAG Datepicker
  */
-var Datepicker = function Datepicker(_ref) {
+var Datepicker = exports.Datepicker = function Datepicker(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "100%" : _ref$width,
     text = _ref.text,
@@ -159,6 +159,4 @@ var Datepicker = function Datepicker(_ref) {
     format: format
   }))));
 };
-exports.Datepicker = Datepicker;
-var _default = Datepicker;
-exports.default = _default;
+var _default = exports.default = Datepicker;

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

@@ -10,7 +10,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 //import './font.css';
 
-var DatepickerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n  font-family: Poppins;  \n  font-size: \"14px\";\n"])), function (props) {
+var DatepickerContainer = exports.DatepickerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n  font-family: Poppins;  \n  font-size: \"14px\";\n"])), function (props) {
   return props.width;
-});
-exports.DatepickerContainer = DatepickerContainer;
+});

package/dist/stories/components/Dropdown.js

@@ -38,7 +38,7 @@ var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
 /**
  *  SAG Dropdown
  */
-var Dropdown = function Dropdown(_ref) {
+var Dropdown = exports.Dropdown = function Dropdown(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "100%" : _ref$width,
     size = _ref.size,
@@ -374,6 +374,4 @@ var Dropdown = function Dropdown(_ref) {
     width: width
   }, multiSelect ? getAutocompleteMulti() : getAutocompleteSingle());
 };
-exports.Dropdown = Dropdown;
-var _default = Dropdown;
-exports.default = _default;
+var _default = exports.default = Dropdown;

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

@@ -10,7 +10,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 //import './font.css';
 
-var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n  font-family: Poppins;  \n  font-size: \"14px\";\n"])), function (props) {
+var DropdownContainer = exports.DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: center;\n  justify-content: center;\n  font-family: Poppins;  \n  font-size: \"14px\";\n"])), function (props) {
   return props.width;
-});
-exports.DropdownContainer = DropdownContainer;
+});

package/dist/stories/components/FilterContainer.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["itemClass", "nodeRef"];
 var _templateObject;
 var Card = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
-var FilterContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var FilterContainer = exports.FilterContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var itemClass = _ref.itemClass,
     nodeRef = _ref.nodeRef,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -28,7 +28,5 @@ var FilterContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     ref: nodeRef
   }, props.children));
 });
-exports.FilterContainer = FilterContainer;
 FilterContainer.defaultProps = {};
-var _default = FilterContainer;
-exports.default = _default;
+var _default = exports.default = FilterContainer;

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

@@ -8,9 +8,6 @@ exports.FilterFooterContent = exports.FilterDivContent = exports.FilterDivContai
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
-var FilterDivContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    height:100%;\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n    border-radius: 12px;\n    display: grid;\n    background: \"#FFFFFF\";\n"])));
-exports.FilterDivContainer = FilterDivContainer;
-var FilterDivContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    padding-top: 40px;\n    height: 90%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    > div{\n        margin: 25px;\n    }\n"])));
-exports.FilterDivContent = FilterDivContent;
-var FilterFooterContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    height: 10%;\n"])));
-exports.FilterFooterContent = FilterFooterContent;
+var FilterDivContainer = exports.FilterDivContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    height:100%;\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n    border-radius: 12px;\n    display: grid;\n    background: \"#FFFFFF\";\n"])));
+var FilterDivContent = exports.FilterDivContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    padding-top: 40px;\n    height: 90%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    > div{\n        margin: 25px;\n    }\n"])));
+var FilterFooterContent = exports.FilterFooterContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    height: 10%;\n"])));

package/dist/stories/components/IconButton.js

@@ -18,7 +18,7 @@ var _EyeIcon = require("./icons/EyeIcon");
 var _IconButtonStyle = require("./IconButton.style.js");
 var _excluded = ["iconName", "width", "height", "disabled", "onClick"];
 /*IconButton*/
-var IconButton = function IconButton(_ref) {
+var IconButton = exports.IconButton = function IconButton(_ref) {
   var iconName = _ref.iconName,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 30 : _ref$width,
@@ -105,6 +105,4 @@ var IconButton = function IconButton(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_IconButtonStyle.IconButtonContainer, null, getIcon(iconName, height, width))));
 };
-exports.IconButton = IconButton;
-var _default = IconButton;
-exports.default = _default;
+var _default = exports.default = IconButton;

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

@@ -8,13 +8,10 @@ exports.IconButtonContainer = exports.ControlsSubContainer = exports.ControlsCon
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
-var 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) {
+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");
 });
-exports.ControlsContainer = ControlsContainer;
-var 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"])));
-exports.ControlsSubContainer = ControlsSubContainer;
-var 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"])));
-exports.IconButtonContainer = IconButtonContainer;
+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/NoDataFoundMessage.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _NoDataFoundIcon = require("../components/icons/NoDataFoundIcon");
 var _NoDataFoundMessageStyle = require("./NoDataFoundMessage.style.js");
 /*NoDataFoundMessage*/
-var NoDataFoundMessage = function NoDataFoundMessage(_ref) {
+var NoDataFoundMessage = exports.NoDataFoundMessage = function NoDataFoundMessage(_ref) {
   var _ref$noDataText = _ref.noDataText,
     noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText;
   return /*#__PURE__*/_react.default.createElement(_NoDataFoundMessageStyle.NoDataFoundContainer, {
@@ -22,6 +22,4 @@ var NoDataFoundMessage = function NoDataFoundMessage(_ref) {
     id: "NoDataFoundText"
   }, noDataText));
 };
-exports.NoDataFoundMessage = NoDataFoundMessage;
-var _default = NoDataFoundMessage;
-exports.default = _default;
+var _default = exports.default = NoDataFoundMessage;

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

@@ -8,9 +8,6 @@ exports.NoDataFoundTitle = exports.NoDataFoundText = exports.NoDataFoundContaine
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
-var NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.8rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])));
-exports.NoDataFoundContainer = NoDataFoundContainer;
-var NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  font-size: 1rem;\n  margin: 0;\n  margin-top: 1.5rem;\n  padding-right: 0.77778rem;\n"])));
-exports.NoDataFoundTitle = NoDataFoundTitle;
-var NoDataFoundText = _styledComponents.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 400;\n  font-size: 0.8rem;\n  margin: 0;\n  margin-top: 0.4rem;\n  text-align: center;\n  line-height: 1.1rem;\n"])));
-exports.NoDataFoundText = NoDataFoundText;
+var NoDataFoundContainer = exports.NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.8rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])));
+var NoDataFoundTitle = exports.NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  font-size: 1rem;\n  margin: 0;\n  margin-top: 1.5rem;\n  padding-right: 0.77778rem;\n"])));
+var NoDataFoundText = exports.NoDataFoundText = _styledComponents.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 400;\n  font-size: 0.8rem;\n  margin: 0;\n  margin-top: 0.4rem;\n  text-align: center;\n  line-height: 1.1rem;\n"])));

package/dist/stories/components/OneColumnContainer.js

@@ -19,7 +19,7 @@ var _excluded = ["children", "display", "isLoading", "gridTemplateColumns", "nod
 /**
  * Primary UI component for user interaction
  */
-var OneColumnContainer = function OneColumnContainer(_ref) {
+var OneColumnContainer = exports.OneColumnContainer = function OneColumnContainer(_ref) {
   var children = _ref.children,
     _ref$display = _ref.display,
     display = _ref$display === void 0 ? "flex" : _ref$display,
@@ -107,7 +107,5 @@ var OneColumnContainer = function OneColumnContainer(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, null)))));
 };
-exports.OneColumnContainer = OneColumnContainer;
 OneColumnContainer.defaultProps = {};
-var _default = OneColumnContainer;
-exports.default = _default;
+var _default = exports.default = OneColumnContainer;

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

@@ -8,27 +8,21 @@ exports.mainDiv = exports.StyledContainer = exports.LoadingDiv = exports.InfoTit
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n  display: flex;\n  position: relative;\n  border-radius: 10px;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n"])), function (props) {
+var StyledContainer = exports.StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n  display: flex;\n  position: relative;\n  border-radius: 10px;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n"])), function (props) {
   return props.width;
 }, function (props) {
   return props.height;
 });
-exports.StyledContainer = StyledContainer;
-var InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  width: ", ";\n  height: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background: white;\n  margin: 0px 30px 0px 30px;\n"])), function (props) {
+var InfoTextContainer = exports.InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  width: ", ";\n  height: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background: white;\n  margin: 0px 30px 0px 30px;\n"])), function (props) {
   return props.width;
 }, function (props) {
   return props.height;
 });
-exports.InfoTextContainer = InfoTextContainer;
-var InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  color: black;\n  margin: 0px 0px 10px 0px;\n  font-size: 18px;\n  line-height: 32px;\n  /* overflow: scroll; */\n  overflow: hidden;\n"])));
-exports.InfoTitleLabel = InfoTitleLabel;
-var InfoTextLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: black;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n\n  /* overflow: scroll; */\n  overflow: hidden;\n"])));
-exports.InfoTextLabel = InfoTextLabel;
-var IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  width: 20px;\n  height: 20px;\n  position: absolute;\n  margin-top: 10px;\n  margin-right: 10px;\n  top: 0;\n  right: 0;\n  padding: 0;\n"])));
-exports.IconContainer = IconContainer;
-var LoadingDiv = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  align-items: center;\n  width: 76%;\n  height: 65%;\n"])));
-exports.LoadingDiv = LoadingDiv;
-var mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n          align-items: \"flex-start\";\n          justify-content: \"center\";\n          width: ", ";\n          height: ", ";\n          display: ", ";\n          grid-template-columns: ", ";\n"])), function (props) {
+var InfoTitleLabel = exports.InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  color: black;\n  margin: 0px 0px 10px 0px;\n  font-size: 18px;\n  line-height: 32px;\n  /* overflow: scroll; */\n  overflow: hidden;\n"])));
+var InfoTextLabel = exports.InfoTextLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: black;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n\n  /* overflow: scroll; */\n  overflow: hidden;\n"])));
+var IconContainer = exports.IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  width: 20px;\n  height: 20px;\n  position: absolute;\n  margin-top: 10px;\n  margin-right: 10px;\n  top: 0;\n  right: 0;\n  padding: 0;\n"])));
+var LoadingDiv = exports.LoadingDiv = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\n  align-items: center;\n  width: 76%;\n  height: 65%;\n"])));
+var mainDiv = exports.mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n          align-items: \"flex-start\";\n          justify-content: \"center\";\n          width: ", ";\n          height: ", ";\n          display: ", ";\n          grid-template-columns: ", ";\n"])), function (props) {
   return props.width;
 }, function (props) {
   return props.height;
@@ -36,5 +30,4 @@ var mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject
   return props.display;
 }, function (props) {
   return props.gridTemplateColumns;
-});
-exports.mainDiv = mainDiv;
+});