sag_components 1.0.972 → 1.0.974

package/dist/SingleBar.test.js

@@ -9,64 +9,112 @@ require("@testing-library/jest-dom");
 /* eslint-disable import/no-unresolved */
 /* eslint-disable no-undef */
 
-test('SingleBarLineCharts Check if data is rendered', () => {
-  const data = [{
-    retailer: 'Retailer 1',
-    offerType: 'Offer 1',
-    period: 'Period 1',
-    lineValue: 10,
-    barValue: 20,
-    secondBarValue: 30
-  }, {
-    retailer: 'Retailer 2',
-    offerType: 'Offer 2',
-    period: 'Period 2',
-    lineValue: 15,
-    barValue: 25,
-    secondBarValue: 35
-  }];
+const data = [{
+  retailer: 'Food Lion',
+  period: '15.01.24-31.01.24',
+  lineValue: 23.6,
+  barValue: 82.11,
+  secondBarValue: -138
+}, {
+  retailer: 'Hannaford',
+  period: '02.01.24-15.01.24',
+  lineValue: -4.6,
+  barValue: -149.9,
+  secondBarValue: 51.94
+}];
+const totalsData1 = [{
+  value: 374,
+  sign: '$',
+  extraInfo: []
+}, {
+  value: 1.6,
+  sign: '',
+  extraInfo: []
+}];
+const legendData1 = [{
+  iconColor: '#1F7677',
+  iconType: 'Square',
+  title: 'Dark Green'
+}, {
+  iconColor: '#90CE9C',
+  iconType: 'Square',
+  title: 'Light Green'
+}, {
+  iconColor: '#e89e68',
+  iconType: 'LegendUnionIcon',
+  title: 'Incremental Sales ROI'
+}];
+test('SingleBarLineCharts Check if title data is rendered', async () => {
   (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
     width: "100%",
     height: "100%",
+    title: "Total Cost Sales",
+    data: data,
+    totalsData: totalsData1,
+    legendData: legendData1,
+    maxBarRange: 1.3,
+    lineRange: 3,
+    barSize: 60,
     barChartColor: "#1F7677",
     secondBarChartColor: "#90CE9C",
-    barChartHeight: 250,
+    barChartHeight: 255,
     tooltipBarchartLabel: "Label",
-    lineChartHeight: 50,
+    lineChartHeight: 85,
+    isLineChartCurrency: false,
+    setLineChartTooltip: true,
     lineChartColor: "#1F7677",
     isLineChartPercent: false,
     isLineChartBolded: false,
     isTopBarPercent: true,
+    showSecondBar: true,
+    showPeriod: true,
     currencySign: "\u20AC",
-    data: data,
-    totalsData: [],
-    legendData: [],
-    noDataText: "No data"
+    noDataText: "No data",
+    currencySignLine: ""
   }));
-  const retailer1Element = _react2.screen.getByText(/Retailer 1/i);
-  const retailer2Element = _react2.screen.getByText(/Retailer 2/i);
-  expect(retailer1Element).toBeInTheDocument();
-  expect(retailer2Element).toBeInTheDocument();
+
+  // Use findByText to handle async rendering
+  const titleElement = await _react2.screen.findByText(content => content.includes('Total Cost Sales'));
+  const total1Element = await _react2.screen.findByText(content => content.includes('374'));
+  const total2Element = await _react2.screen.findByText(content => content.includes('1.6'));
+  expect(titleElement).toBeInTheDocument();
+  expect(total1Element).toBeInTheDocument();
+  expect(total2Element).toBeInTheDocument();
 });
-test('SingleBarLineCharts Check if no data message is rendered', () => {
+test('SingleBarLineCharts Check if legend data is rendered', async () => {
   (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
     width: "100%",
     height: "100%",
+    title: "Total Cost Sales",
+    data: data,
+    totalsData: totalsData1,
+    legendData: legendData1,
+    maxBarRange: 1.3,
+    lineRange: 3,
+    barSize: 60,
     barChartColor: "#1F7677",
     secondBarChartColor: "#90CE9C",
-    barChartHeight: 250,
+    barChartHeight: 255,
     tooltipBarchartLabel: "Label",
-    lineChartHeight: 50,
+    lineChartHeight: 85,
+    isLineChartCurrency: false,
+    setLineChartTooltip: true,
     lineChartColor: "#1F7677",
     isLineChartPercent: false,
     isLineChartBolded: false,
     isTopBarPercent: true,
+    showSecondBar: true,
+    showPeriod: true,
     currencySign: "\u20AC",
-    data: [],
-    totalsData: [],
-    legendData: [],
-    noDataText: "No data"
+    noDataText: "No data",
+    currencySignLine: ""
   }));
-  const noDataElement = _react2.screen.getByText(/No data/i);
-  expect(noDataElement).toBeInTheDocument();
+
+  // Use findByText to handle async rendering
+  const legend1Element = await _react2.screen.findByText(content => content.includes('Dark Green'));
+  const legend2Element = await _react2.screen.findByText(content => content.includes('Light Green'));
+  const legend3Element = await _react2.screen.findByText(content => content.includes('Incremental Sales ROI'));
+  expect(legend1Element).toBeInTheDocument();
+  expect(legend2Element).toBeInTheDocument();
+  expect(legend3Element).toBeInTheDocument();
 });

package/dist/setupTests.js

@@ -1,3 +1,17 @@
 "use strict";
 
-require("@testing-library/jest-dom");
+require("@testing-library/jest-dom");
+// src/setupTests.js
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+global.ResizeObserver = class {
+  // eslint-disable-next-line class-methods-use-this
+  observe() {}
+
+  // eslint-disable-next-line class-methods-use-this
+  unobserve() {}
+
+  // eslint-disable-next-line class-methods-use-this
+  disconnect() {}
+};

package/dist/stories/components/BannerEventBoxList.js

@@ -34,7 +34,8 @@ const BannerEventBoxList = props => {
     linkText,
     disableToggle,
     bannerWidth,
-    loaderColor
+    loaderColor,
+    showDraft
   } = props;
   const [IsItemOpen, setIsItemOpen] = (0, _react.useState)(false);
   const handleToggle = () => {
@@ -95,7 +96,7 @@ const BannerEventBoxList = props => {
     onInfoClick: () => retailerFile(item === null || item === void 0 ? void 0 : item.banner),
     disabled: item === null || item === void 0 ? void 0 : item.disabled,
     buttonText: item.buttonText
-  }))) : children));
+  })), showDraft && /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.DraftTag, null, "DRAFT")) : children));
 };
 BannerEventBoxList.defaultProps = {
   className: '',
@@ -146,6 +147,7 @@ BannerEventBoxList.defaultProps = {
   disableToggle: true,
   children: null,
   bannerWidth: 'auto',
-  loaderColor: '#212121'
+  loaderColor: '#212121',
+  showDraft: false
 };
 var _default = exports.default = BannerEventBoxList;

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

@@ -4,7 +4,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToggleContainer = exports.SubDetails = exports.ProductName = exports.MainDetails = exports.MainContainer = exports.LoaderWrapper = exports.Loader = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = exports.BannerIcon = void 0;
+exports.ToggleContainer = exports.SubDetails = exports.ProductName = exports.MainDetails = exports.MainContainer = exports.LoaderWrapper = exports.Loader = exports.DraftTag = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = exports.BannerIcon = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 const CollapseMenuItemMainContainer = exports.CollapseMenuItemMainContainer = _styledComponents.default.div`
   font-family: "Poppins", sans-serif;
@@ -179,4 +179,11 @@ const MainContainer = exports.MainContainer = _styledComponents.default.div`
   display: flex;
   gap: 20px;
   padding: 20px 0 4px;
+`;
+const DraftTag = exports.DraftTag = _styledComponents.default.div`
+  color: #E41111;
+  border: 2px solid #E41111;
+  font-size: 20px;
+  padding: 6px 18px;
+  height: fit-content;
 `;

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

@@ -20,7 +20,7 @@ const QuickFilterInput = exports.QuickFilterInput = _styledComponents.default.di
 const Label = exports.Label = _styledComponents.default.label`
   font-size: 14px;
   font-weight: 500;
-  color: #212121;
+  color: ${props => props.disabled ? "#D0D0D0" : "212121"};
   font-family: "Poppins";
   white-space: nowrap;
 `;
@@ -71,7 +71,7 @@ const StyledInput = exports.StyledInput = _styledComponents.default.input`
   border: none;
   background-color: transparent;
   &::placeholder {
-    color: #b1b1b1;
+    color: ${props => props.disabled ? "#D0D0D0" : "#b1b1b1"};
   }
 `;
 const OptionsContainer = exports.OptionsContainer = _styledComponents.default.div`

package/package.json

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