sag_components 1.0.547 → 1.0.548

package/dist/stories/components/AttachedFile.js

@@ -29,7 +29,7 @@ const AttachedFile = props => {
     setSelectedFiles(prevFiles => prevFiles.filter(file => file !== fileToRemove));
     const fileInput = document.getElementById('fileInput');
     fileInput.value = ''; // Reset input value
-    onRemoveFile(fileToRemove);
+    onRemoveFile();
   };
   return /*#__PURE__*/_react.default.createElement(_AttachedFile.AttachedFileContainer, null, selectedFiles.map(file => /*#__PURE__*/_react.default.createElement(_AttachedFile.UploadedFile, {
     key: "".concat(file.name, "_").concat(file.lastModified)

package/dist/stories/components/BarChartsByWeeks.js

@@ -0,0 +1,200 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BarChartsByWeeks = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _recharts = require("recharts");
+var _CommonFunctions = require("./CommonFunctions");
+var _BarChartsByWeeks = require("./BarChartsByWeeks.style");
+/* BarChartsByWeeks */
+const BarChartsByWeeks = props => {
+  const {
+    title,
+    barChartData,
+    width,
+    height,
+    barChartColor,
+    xselectedColor,
+    tooltipTitle,
+    startWeekRange = 0,
+    endWeekRange = 0,
+    yAxisCounter,
+    isPercentValue,
+    interval
+  } = props;
+  const [BarChartContainerWidth, setBarChartContainerWidth] = (0, _react.useState)(0);
+  const [BarChartContainerHeight, setBarChartContainerHeight] = (0, _react.useState)(0);
+  const anotherRef = (0, _react.useRef)(null);
+  const [activeLabel, setActiveLabel] = (0, _react.useState)("");
+  const controlsContainerRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    const {
+      offsetWidth
+    } = controlsContainerRef.current;
+    setBarChartContainerWidth(offsetWidth - 20);
+  }, [width]);
+  (0, _react.useEffect)(() => {
+    const {
+      offsetHeight
+    } = controlsContainerRef.current;
+    setBarChartContainerHeight(offsetHeight - 40);
+  }, [height]);
+  const CustomTooltip = _ref => {
+    let {
+      active,
+      payload,
+      label
+    } = _ref;
+    if (active && payload && payload.length) {
+      setActiveLabel(label);
+      const week = label && (label === null || label === void 0 ? void 0 : label.toString().length) === 6 ? label.toString().substring(4, 6) : 0;
+      return /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.TooltipTitle, null, "Week: ".concat(week)), /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.TooltipLabel, null, "".concat(tooltipTitle, "             \n            ").concat(payload[0].value ? isPercentValue ? "".concat("", payload[0].value.toFixed(1), "%") : "".concat("", (0, _CommonFunctions.getFormattedValue)(payload[0].value), (0, _CommonFunctions.getFormattedUnits)(payload[0].value)) : "", "                        \n           ")));
+    }
+    return null;
+  };
+  const displayEventWeeksElements = () => {
+    var _getWeek;
+    if (!barChartData || barChartData.length === 0) return "";
+    return /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.EventWeeksLegendDataElementsContainer, {
+      id: "EventWeeksLegendDataElementsContainer"
+    }, (_getWeek = getWeek()) === null || _getWeek === void 0 ? void 0 : _getWeek.map(item => /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.EventWeeksLegendDataElement, {
+      id: "EventWeeksLegendDataElement",
+      color: item.title >= startWeekRange && item.title <= endWeekRange ? xselectedColor : "",
+      textColor: item.title >= startWeekRange && item.title <= endWeekRange ? "#212121" : "#B1B1B1",
+      fontWeight: item.title >= startWeekRange && item.title <= endWeekRange ? 600 : 400,
+      borderLeftRadius: item.title === startWeekRange ? "12px" : "0px",
+      borderRightRadius: item.title === endWeekRange ? "12px" : "0px"
+    }, item.titleWeek)));
+  };
+  const displayEventWeeksLegendData = () => /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.EventWeeksLegendMainContainer, {
+    id: "EventWeeksLegendMainContainer"
+  }, displayEventWeeksElements());
+  const getWeek = () => {
+    if (!barChartData || (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) === 0) return null;
+    const newFormattedData = barChartData === null || barChartData === void 0 ? void 0 : barChartData.map(item => {
+      var _item$title;
+      return {
+        ...item,
+        titleWeek: item.title && ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toString().length) === 6 ? item.title.toString().substring(4, 6) : 0
+      };
+    });
+    return newFormattedData;
+  };
+  return /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.ControlsContainer, {
+    id: "ControlsContainer",
+    height: height,
+    width: width,
+    ref: controlsContainerRef
+  }, /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.Controls, {
+    id: "Controls"
+  }, /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.TitleAndValueContainer, {
+    id: "TitleAndValueContainer"
+  }, /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.Title, {
+    id: "Title"
+  }, title)), /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.AreaChartContainer, {
+    ref: anotherRef,
+    id: "AreaChartContainer"
+  }, /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
+    id: "ResponsiveContainer",
+    width: "100%",
+    height: "100%"
+  }, /*#__PURE__*/_react.default.createElement(_BarChartsByWeeks.BarchartContainer, {
+    id: "BarchartContainer"
+  }, /*#__PURE__*/_react.default.createElement(_recharts.BarChart, {
+    width: BarChartContainerWidth,
+    height: BarChartContainerHeight,
+    data: barChartData,
+    margin: {
+      top: 20,
+      right: 0,
+      bottom: -25,
+      left: -5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_recharts.CartesianGrid, {
+    strokeDasharray: "3 3",
+    vertical: false
+  }), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
+    dataKey: "title",
+    tick: false,
+    tickLine: false
+  }), /*#__PURE__*/_react.default.createElement(_recharts.YAxis, {
+    tickCount: yAxisCounter,
+    interval: interval ? interval : 'preserveEnd',
+    domain: [0, "auto"],
+    tick: {
+      fill: "#B1B1B1"
+    },
+    axisLine: false,
+    fontWeight: 400,
+    fontSize: "12px",
+    tickLine: false,
+    tickFormatter: value => "".concat(value ? isPercentValue ? "".concat("", value.toFixed(0), "%") : "".concat("", (0, _CommonFunctions.getFormattedValue)(value), (0, _CommonFunctions.getFormattedUnits)(value)) : "")
+  }), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+    content: /*#__PURE__*/_react.default.createElement(CustomTooltip, null)
+  }), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
+    dataKey: "value",
+    name: "title",
+    maxBarSize: 45,
+    radius: [4, 4, 0, 0],
+    fill: barChartColor
+  }))))), displayEventWeeksLegendData()));
+};
+exports.BarChartsByWeeks = BarChartsByWeeks;
+var _default = exports.default = BarChartsByWeeks;
+BarChartsByWeeks.defaultProps = {
+  title: "String",
+  barChartData: [{
+    title: "202320",
+    value: 542366
+  }, {
+    title: "202321",
+    value: 699511
+  }, {
+    title: "202322",
+    value: 403092
+  }, {
+    title: "202323",
+    value: 396184
+  }, {
+    title: "202324",
+    value: 415317
+  }, {
+    title: "202325",
+    value: 568376
+  }, {
+    title: "202326",
+    value: 1078121
+  }, {
+    title: "202327",
+    value: 347930
+  }, {
+    title: "202328",
+    value: 346258
+  }, {
+    title: "202329",
+    value: 350184
+  }, {
+    title: "202330",
+    value: 312790
+  }, {
+    title: "202331",
+    value: 335076
+  }, {
+    title: "202332",
+    value: 311037
+  }],
+  width: "100%",
+  height: "100%",
+  barChartColor: "#BD9EFF",
+  xselectedColor: "#42977A",
+  tooltipTitle: "Sales",
+  startWeekRange: 0,
+  endWeekRange: 0,
+  tooltipTitle: "",
+  yAxisCounter: 10,
+  isPercentValue: false,
+  interval: 'preserveEnd'
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipTitle = exports.TooltipLabel = exports.TooltipDiv = exports.TitleAndValueContainer = exports.Title = exports.EventWeeksLegendMainContainer = exports.EventWeeksLegendDataElementsContainer = exports.EventWeeksLegendDataElement = exports.ControlsContainer = exports.Controls = exports.BenchmarkContainer = exports.BarchartContainer = exports.AreaChartContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  font-family: \"Poppins\", sans-serif;\n  color: #212121;\n  width: ", ";\n  height: ", ";\n  border-radius: 12px;\n  min-width: 250px;\n"])), props => props.width, props => props.height);
+const 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"])));
+const AreaChartContainer = exports.AreaChartContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: auto;\n  width: 100%; \n  height: 85%;\n"])));
+const TooltipDiv = exports.TooltipDiv = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 5px;\n  padding: 8px 12px;\n  background: white;\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n  margin: 0;\n"])));
+const 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"])));
+const 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"])));
+const TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 1rem;\n"])));
+const Title = exports.Title = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 20px;\n  @media (max-width: 1536px) {\n    font-size: 16px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 14px;\n  }\n\n"])));
+const BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-left: 1.5rem;\n"])));
+const EventWeeksLegendMainContainer = exports.EventWeeksLegendMainContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin: 2px 0 0 0;\n  padding: 0 20px  0 55px;\n  align-items: center;\n\n"])));
+const EventWeeksLegendDataElementsContainer = exports.EventWeeksLegendDataElementsContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: 0px;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n"])));
+const EventWeeksLegendDataElement = exports.EventWeeksLegendDataElement = _styledComponents.default.h4(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  font-weight: ", ";\n  font-size: 12px;\n  line-height: 15px;\n  margin: 0px;\n  width: 100%;\n  justify-content: center;\n  align-content: center;\n  color: ", ";\n  border-top-left-radius: ", ";\n  border-bottom-left-radius: ", ";\n  border-top-right-radius: ", ";\n  border-bottom-right-radius: ", ";\n  background: ", ";\n  @media (max-width: 1536px) {\n    font-size: 11px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])), props => props.fontWeight, props => props.textColor, props => props.borderLeftRadius, props => props.borderLeftRadius, props => props.borderRightRadius, props => props.borderRightRadius, props => props.color);
+const BarchartContainer = exports.BarchartContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n"])));

package/dist/stories/components/PopupCharts.js

@@ -82,7 +82,8 @@ const PopupCharts = props => {
       value: rowsData.value,
       width: "500px",
       height: "290px",
-      itemsValuesSeparateLine: false
+      itemsValuesSeparateLine: false,
+      isPercent: true
     });
   };
   const ChartItem = _ref => {

package/dist/stories/components/TotalDoughnutChart.js

@@ -28,7 +28,8 @@ const TotalDoughnutChart = props => {
     width,
     height,
     textcolor,
-    noDataText
+    noDataText,
+    isPercent
   } = props;
   const [DoughnutChartRadius, setDoughnutChartRadius] = (0, _react.useState)(0);
   const [zoomResolution, setZoomResolution] = (0, _react.useState)(1);
@@ -40,14 +41,14 @@ const TotalDoughnutChart = props => {
     };
 
     // Add event listener for window resize to update zoom resolution
-    window.addEventListener('resize', handleResize);
+    window.addEventListener("resize", handleResize);
 
     // Initial update of zoom resolution
     setZoomResolution(window.devicePixelRatio);
 
     // Clean up the event listener when component unmounts
     return () => {
-      window.removeEventListener('resize', handleResize);
+      window.removeEventListener("resize", handleResize);
     };
   }, []);
   (0, _react.useEffect)(() => {
@@ -70,6 +71,14 @@ const TotalDoughnutChart = props => {
     const radius = DoughnutChartContainerWidth > DoughnutChartContainerHeight ? DoughnutChartContainerHeight / 2 / resolutionFactor : DoughnutChartContainerWidth / 2 / resolutionFactor;
     setDoughnutChartRadius(radius);
   }, [height, width, DoughnutChartContainerRef === null || DoughnutChartContainerRef === void 0 ? void 0 : (_DoughnutChartContain = DoughnutChartContainerRef.current) === null || _DoughnutChartContain === void 0 ? void 0 : _DoughnutChartContain.clientWidth, DoughnutChartContainerRef === null || DoughnutChartContainerRef === void 0 ? void 0 : (_DoughnutChartContain2 = DoughnutChartContainerRef.current) === null || _DoughnutChartContain2 === void 0 ? void 0 : _DoughnutChartContain2.clientHeight, zoomResolution]);
+  const displayLegendValue = row => {
+    return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.LegendFormattedValue, {
+      id: "LegendFormattedValue",
+      style: {
+        fontWeight: itemsBoldedValues ? "700" : "500"
+      }
+    }, !isPercent && row.value && currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, row.value) : "", !isPercent && row.value ? dotCutTrenty(row) : !isPercent && "No Data", !isPercent && row.value && dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : "", !isPercent && row.value && itemsPercentagesValueAside && " (".concat(Math.round(row.value / value * 100), "%)"), isPercent && row.value && "".concat(row.value.toFixed(1), "%"));
+  };
   return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.ControlsContainer, {
     id: "ControlsContainer",
     height: height,
@@ -111,7 +120,8 @@ const TotalDoughnutChart = props => {
     fill: row.color
   }))), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
     content: /*#__PURE__*/_react.default.createElement(CustomTooltip, {
-      value: value
+      value: value,
+      isPercent: isPercent
     })
   }), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null)))), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.LegendContainer, {
     id: "LegendContainer"
@@ -129,12 +139,7 @@ const TotalDoughnutChart = props => {
       flexDirection: itemsValuesSeparateLine ? "column" : "row",
       alignItems: itemsValuesSeparateLine ? "baseline" : "center"
     }
-  }, row.name, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.LegendFormattedValue, {
-    id: "LegendFormattedValue",
-    style: {
-      fontWeight: itemsBoldedValues ? "700" : "500"
-    }
-  }, currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, row.value) : "", row.value !== undefined && row.value !== null ? dotCutTrenty(row) : "No Data", row.value !== undefined && row.value !== null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : "", itemsPercentagesValueAside && " (".concat(Math.round(row.value / value * 100), "%)"))))))))));
+  }, row.name, displayLegendValue(row)))))))));
 };
 exports.TotalDoughnutChart = TotalDoughnutChart;
 var _default = exports.default = TotalDoughnutChart;
@@ -152,21 +157,24 @@ TotalDoughnutChart.defaultProps = {
   width: "100%",
   height: "100%",
   textcolor: "#212121",
-  noDataText: ""
+  noDataText: "",
+  isPercent: false
 };
 function CustomTooltip(_ref) {
   let {
     active,
     payload,
-    value
+    value,
+    isPercent = false
   } = _ref;
   if (active && payload && payload.length) {
-    const percent = value && value !== 0 ? (payload[0].value / value * 100).toFixed(0) : 0;
+    const percent = value && value !== 0 && !isPercent ? (payload[0].value / value * 100).toFixed(1) : value && isPercent ? payload[0].value.toFixed(1) : 0;
     return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.TooltipLabel, null, "".concat(payload[0].name, " ").concat(percent, "%")));
   }
 }
 CustomTooltip.defaultProps = {
   active: "",
   payload: "",
-  value: ""
+  value: "",
+  isPercent: false
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.547",
+  "version": "1.0.548",
   "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'],
-  },
-};