sag_components 1.0.271 → 1.0.273

package/.history/{package_20230928174318.json → package_20231029152422.json}

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.241",
+  "version": "1.0.272",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -14,20 +14,20 @@
   "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",
+    "@babel/cli": "^7.23.0",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "@storybook/addon-a11y": "^7.4.6",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-storysource": "^7.4.6",
+    "@storybook/blocks": "^7.4.6",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.4.5",
-    "@storybook/react-webpack5": "^7.4.5",
-    "@storybook/testing-library": "^0.2.1",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-webpack5": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.7",
     "eslint": "^8.50.0",
@@ -43,27 +43,28 @@
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.8",
-    "@emotion/react": "^11.11.0",
+    "@emotion/react": "^11.11.1",
     "@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",
+    "@fontsource/roboto": "^5.0.8",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@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",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/material": "^5.14.13",
+    "@mui/styled-engine-sc": "^5.14.12",
+    "@mui/x-date-pickers": "^6.16.2",
+    "@storybook/addon-designs": "^7.0.5",
     "babel-plugin-react-css-modules": "^5.2.6",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
+    "dayjs": "^1.11.10",
     "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",
-    "prop-types": "^15.8.1",
     "recharts": "^2.6.2",
-    "storybook": "^7.4.5",
+    "storybook": "^7.4.6",
     "styled-components": "^5.3.11"
   },
   "browserslist": {

package/.history/{package_20230928174320.json → package_20231029153420.json}

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.241",
+  "version": "1.0.273",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -14,20 +14,20 @@
   "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",
+    "@babel/cli": "^7.23.0",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "@storybook/addon-a11y": "^7.4.6",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-storysource": "^7.4.6",
+    "@storybook/blocks": "^7.4.6",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.4.5",
-    "@storybook/react-webpack5": "^7.4.5",
-    "@storybook/testing-library": "^0.2.1",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-webpack5": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.7",
     "eslint": "^8.50.0",
@@ -43,27 +43,28 @@
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.8",
-    "@emotion/react": "^11.11.0",
+    "@emotion/react": "^11.11.1",
     "@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",
+    "@fontsource/roboto": "^5.0.8",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@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",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/material": "^5.14.13",
+    "@mui/styled-engine-sc": "^5.14.12",
+    "@mui/x-date-pickers": "^6.16.2",
+    "@storybook/addon-designs": "^7.0.5",
     "babel-plugin-react-css-modules": "^5.2.6",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
+    "dayjs": "^1.11.10",
     "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",
-    "prop-types": "^15.8.1",
     "recharts": "^2.6.2",
-    "storybook": "^7.4.5",
+    "storybook": "^7.4.6",
     "styled-components": "^5.3.11"
   },
   "browserslist": {

package/dist/stories/components/PerformanceAnalytics.js

@@ -303,7 +303,6 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
       var negativeData = data.filter(function (item) {
         return item.IncrementalGrowthValue < 0;
       });
-      console.log('negativeData', negativeData);
       if (negativeData && negativeData.length > 0) return true;
       return false;
     }

package/dist/stories/components/SegmentedButton.js

@@ -10,16 +10,17 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _SegmentedButtonStyle = require("./SegmentedButton.style.js");
-var _excluded = ["name", "options", "width", "heigth", "controlRadius", "segmentRadius", "fontSize", "backgroundColor", "selectedSegmentColor", "selectedTextColor", "unselectedTextColor", "defaultIndex", "onClick"];
-/*SegmentedButton*/
+var _SegmentedButton = require("./SegmentedButton.style");
+var _excluded = ["name", "options", "width", "height", "controlRadius", "segmentRadius", "fontSize", "backgroundColor", "selectedSegmentColor", "selectedTextColor", "unselectedTextColor", "defaultIndex", "onClick"];
+/* eslint-disable react/require-default-props */
+/* SegmentedButton */
 var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
   var name = _ref.name,
     options = _ref.options,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 120 : _ref$width,
-    _ref$heigth = _ref.heigth,
-    heigth = _ref$heigth === void 0 ? 40 : _ref$heigth,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 40 : _ref$height,
     _ref$controlRadius = _ref.controlRadius,
     controlRadius = _ref$controlRadius === void 0 ? 8 : _ref$controlRadius,
     _ref$segmentRadius = _ref.segmentRadius,
@@ -27,13 +28,13 @@ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
     _ref$fontSize = _ref.fontSize,
     fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
     _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? "#ECF0FF" : _ref$backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '#ECF0FF' : _ref$backgroundColor,
     _ref$selectedSegmentC = _ref.selectedSegmentColor,
-    selectedSegmentColor = _ref$selectedSegmentC === void 0 ? "#3a9df9" : _ref$selectedSegmentC,
+    selectedSegmentColor = _ref$selectedSegmentC === void 0 ? '#3a9df9' : _ref$selectedSegmentC,
     _ref$selectedTextColo = _ref.selectedTextColor,
-    selectedTextColor = _ref$selectedTextColo === void 0 ? "white" : _ref$selectedTextColo,
+    selectedTextColor = _ref$selectedTextColo === void 0 ? 'white' : _ref$selectedTextColo,
     _ref$unselectedTextCo = _ref.unselectedTextColor,
-    unselectedTextColor = _ref$unselectedTextCo === void 0 ? "black" : _ref$unselectedTextCo,
+    unselectedTextColor = _ref$unselectedTextCo === void 0 ? 'black' : _ref$unselectedTextCo,
     _ref$defaultIndex = _ref.defaultIndex,
     defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
     onClick = _ref.onClick,
@@ -66,8 +67,8 @@ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
       offsetWidth = _activeSegmentRef$cur.offsetWidth,
       offsetLeft = _activeSegmentRef$cur.offsetLeft;
     var style = controlRef.current.style;
-    style.setProperty("--highlight-width", "".concat(offsetWidth, "px"));
-    style.setProperty("--highlight-x-pos", "".concat(offsetLeft, "px"));
+    style.setProperty('--highlight-width', "".concat(offsetWidth, "px"));
+    style.setProperty('--highlight-x-pos', "".concat(offsetLeft, "px"));
   }, [activeIndex, controlRef, optionsRef]);
   var onInputChangeHandler = function onInputChangeHandler(value, index) {
     setActiveIndex(index);
@@ -80,20 +81,20 @@ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
   if (options && options.length > 0 && width && width > 0) {
     segmentWidth = width / options.length;
   }
-  return /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsContainer, {
+  return /*#__PURE__*/_react.default.createElement(_SegmentedButton.ControlsContainer, {
     id: "ControlsContainer",
     fontSize: fontSize,
     ref: controlRef
-  }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.Controls, {
+  }, /*#__PURE__*/_react.default.createElement(_SegmentedButton.Controls, {
     id: "Controls",
     backgroundColor: backgroundColor,
     selectedSegmentColor: selectedSegmentColor,
     segmentRadius: segmentRadius,
     controlRadius: controlRadius,
     segmentWidth: segmentWidth,
-    className: "controls ".concat(componentReady.current ? "ready" : "idle")
+    className: "controls ".concat(componentReady.current ? 'ready' : 'idle')
   }, optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.map(function (item, i) {
-    return /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.Segment, {
+    return /*#__PURE__*/_react.default.createElement(_SegmentedButton.Segment, {
       id: "Segment",
       key: item.id,
       backgroundColor: backgroundColor,
@@ -101,9 +102,9 @@ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
       segmentRadius: segmentRadius,
       controlRadius: controlRadius,
       segmentWidth: segmentWidth,
-      className: "".concat(activeIndex === i ? "active" : "inactive"),
+      className: "".concat(activeIndex === i ? 'active' : 'inactive'),
       ref: item.ref
-    }, /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.ControlsInput, {
+    }, /*#__PURE__*/_react.default.createElement(_SegmentedButton.ControlsInput, {
       type: "radio",
       value: item.value,
       id: item.id,
@@ -112,12 +113,12 @@ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
         return onInputChangeHandler(item.value, item.id);
       },
       checked: i === activeIndex
-    }), /*#__PURE__*/_react.default.createElement(_SegmentedButtonStyle.SegmentLabel, {
+    }), /*#__PURE__*/_react.default.createElement(_SegmentedButton.SegmentLabel, {
       id: "SegmentLabel",
       selectedTextColor: selectedTextColor,
       unselectedTextColor: unselectedTextColor,
-      segmentHeigth: heigth / 5,
-      className: "".concat(activeIndex === i ? "active" : "inactive", " "),
+      segmentheight: height / 5,
+      className: "".concat(activeIndex === i ? 'active' : 'inactive', " "),
       htmlFor: item.value
     }, item.value));
   })));

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

@@ -10,24 +10,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex; \n  font: ", "; \n  margin: 0;\n  --highlight-width: auto;\n  --highlight-x-pos: 0;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"])), function (props) {
   var _props$fontSize;
-  return (_props$fontSize = props.fontSize) === null || _props$fontSize === void 0 ? void 0 : _props$fontSize.toString().concat("", "px Poppins, sans-serif");
+  return (_props$fontSize = props.fontSize) === null || _props$fontSize === void 0 ? void 0 : _props$fontSize.toString().concat('', 'px Poppins, sans-serif');
 });
-var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  justify-content: space-between;  \n  background: ", ";\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n  border-radius:  ", "; //12px\n  // max-width: 500px; //use this to limit max lenght of the control \n  padding: 6px;  \n  margin: auto;\n  overflow: hidden;\n  position: relative;\n  &.controls::before {\n    content: \"\";\n    background:  ", "; /* #3a9df9;  #5465ff;*/\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n    border-radius:  ", "; //12px\n    width: var(--highlight-width);\n    transform: translateX(var(--highlight-x-pos));\n    position: absolute;\n    top: 3px;\n    bottom: 3px;\n    left: 0; \n    z-index: 0;\n  }\n  &.controls.ready::before {\n    transition: transform 0.3s ease, width 0.3s ease;\n  }\n"])), function (props) {
+var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  justify-content: space-between;  \n  background: ", ";\n  border-radius:  ", "; //12px\n  // max-width: 500px; //use this to limit max lenght of the control \n  padding: 6px;  \n  margin: auto;\n  overflow: hidden;\n  position: relative;\n  &.controls::before {\n    content: \"\";\n    background:  ", "; /* #3a9df9;  #5465ff;*/\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n    border-radius:  ", "; //12px\n    width: var(--highlight-width);\n    transform: translateX(var(--highlight-x-pos));\n    position: absolute;\n    top: 3px;\n    bottom: 3px;\n    left: 0; \n    z-index: 0;\n  }\n  &.controls.ready::before {\n    transition: transform 0.3s ease, width 0.3s ease;\n  }\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
-  return props.controlRadius.toString().concat("", "px");
+  return props.controlRadius.toString().concat('', 'px');
 }, function (props) {
   return props.selectedSegmentColor;
 }, function (props) {
-  return props.segmentRadius.toString().concat("", "px");
+  return props.segmentRadius.toString().concat('', 'px');
 });
 var ControlsInput = exports.ControlsInput = _styledComponents.default.input(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  opacity: 0;\n  margin: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  cursor: pointer;\n  height: 100%;\n"])));
 var Segment = exports.Segment = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  /* width: 100%; uncomment for each segment to have matching width */  \n  min-width: ", ";  //120px;\n  position: relative;\n  text-align: center;\n  z-index: 1;  \n"])), function (props) {
-  return props.segmentWidth.toString().concat("", "px");
+  return props.segmentWidth.toString().concat('', 'px');
 });
-var SegmentLabel = exports.SegmentLabel = _styledComponents.default.label(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  display: block;\n  //font-weight: 550;\n  padding: ", "; //10px;\n  transition: color 0.5s ease;\n  &.active {\n    color: ", ";\n  }\n  &.inactive {\n    color: ", ";\n  }\n"])), function (props) {
-  return props.segmentHeigth.toString().concat("", "px");
-}, function (props) {
+var SegmentLabel = exports.SegmentLabel = _styledComponents.default.label(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  display: block;\n  transition: color 0.5s ease;\n  &.active {\n    color: ", ";\n  }\n  &.inactive {\n    color: ", ";\n  }\n"])), function (props) {
   return props.selectedTextColor;
 }, function (props) {
   return props.unselectedTextColor;

package/package.json

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

package/.history/package_20230928095230.json

@@ -1,74 +0,0 @@
-{
-  "name": "sag_components",
-  "version": "1.0.241",
-  "description": "",
-  "main": "dist/index.js",
-  "scripts": {
-    "start": "react-scripts start",
-    "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",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.62.0",
-    "sass-loader": "^10.4.1",
-    "style-loader": "^2.0.0",
-    "styled-components": "^5.3.10"
-  },
-  "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",
-    "babel-plugin-react-css-modules": "^5.2.6",
-    "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
-    "hoopy": "^0.1.4",
-    "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"
-  },
-  "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_20230928112303.json

@@ -1,75 +0,0 @@
-{
-  "name": "sag_components",
-  "version": "1.0.241",
-  "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",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.62.0",
-    "sass-loader": "^10.4.1",
-    "style-loader": "^2.0.0",
-    "styled-components": "^5.3.10"
-  },
-  "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",
-    "babel-plugin-react-css-modules": "^5.2.6",
-    "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
-    "hoopy": "^0.1.4",
-    "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"
-  },
-  "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_20230928131946.json

@@ -1,80 +0,0 @@
-{
-  "name": "sag_components",
-  "version": "1.0.241",
-  "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",
-    "prop-types": "^15.8.1",
-    "react-dom": "^18.2.0",
-    "sass": "^1.62.0",
-    "sass-loader": "^10.4.1",
-    "style-loader": "^2.0.0",
-    "styled-components": "^5.3.10"
-  },
-  "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",
-    "babel-plugin-react-css-modules": "^5.2.6",
-    "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
-    "hoopy": "^0.1.4",
-    "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"
-  },
-  "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_20230928131950.json

@@ -1,81 +0,0 @@
-{
-  "name": "sag_components",
-  "version": "1.0.241",
-  "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",
-    "prop-types": "^15.8.1",
-    "react-dom": "^18.2.0",
-    "sass": "^1.62.0",
-    "sass-loader": "^10.4.1",
-    "style-loader": "^2.0.0",
-    "styled-components": "^5.3.10"
-  },
-  "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",
-    "babel-plugin-react-css-modules": "^5.2.6",
-    "classnames": "^2.3.2",
-    "dayjs": "^1.11.9",
-    "hoopy": "^0.1.4",
-    "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"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}