sag_components 1.0.86-7.1 → 1.0.86-7.10

package/dist/Button.test.js

@@ -6,7 +6,7 @@ var _react2 = require("@testing-library/react");
 var _Button = _interopRequireDefault(require("./stories/components/Button"));
 require("@testing-library/jest-dom");
 test('Button Check text', () => {
-  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "test",
     type: "primary",
     size: "small",
@@ -20,7 +20,7 @@ test('Button Check text', () => {
 test('Button Check type functionality: when "primary" type selected then background color must be specified as "rgb(146, 207, 23)" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",
@@ -36,7 +36,7 @@ test('Button Check type functionality: when "primary" type selected then backgro
 test('Button Check type functionality: when "secondary" type selected then background color must be specified as  "rgb(232, 245, 235)" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "secondary",
     size: "small",
@@ -52,7 +52,7 @@ test('Button Check type functionality: when "secondary" type selected then backg
 test('Button Check disabled functionality: when disabled prop is true, button textColor should be "rgb(177, 177, 177)" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",
@@ -68,7 +68,7 @@ test('Button Check disabled functionality: when disabled prop is true, button te
 test('Button Check leftIcon functionality: when "Filter"  icons is specified as the leftIcon  props, it should be rendered on the screen', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",
@@ -82,7 +82,7 @@ test('Button Check leftIcon functionality: when "Filter"  icons is specified as
 test('Button Check rightIcon functionality: when "Exit" icons is specified as the rightIcon props, it should be rendered on the screen', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",
@@ -96,7 +96,7 @@ test('Button Check rightIcon functionality: when "Exit" icons is specified as th
 test('Button Check leftIcon and rightIcon functionality: when "Filter" and "Exit" icons is specified as the leftIcon and rightIcon props, it should be rendered on the screen', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",
@@ -112,7 +112,7 @@ test('Button Check leftIcon and rightIcon functionality: when "Filter" and "Exit
 test('Button Check small/medium functionality: when "small" the height must be "33px" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",
@@ -128,7 +128,7 @@ test('Button Check small/medium functionality: when "small" the height must be "
 test('Button Check small/medium functionality: when "medium" the height must be "45px" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "medium",
@@ -142,7 +142,7 @@ test('Button Check small/medium functionality: when "medium" the height must be
 test('Button Check specific height and width functionality: when height = 100px and width = 200px it should override  small/medium functionality ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Button.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
     text: "Button",
     type: "primary",
     size: "small",

package/dist/LinkButton.test.js

@@ -6,7 +6,7 @@ var _react2 = require("@testing-library/react");
 var _LinkButton = _interopRequireDefault(require("./stories/components/LinkButton"));
 require("@testing-library/jest-dom");
 test('LinkButton Check text', () => {
-  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "test",
     type: "secondary",
     size: "small",
@@ -18,7 +18,7 @@ test('LinkButton Check text', () => {
 test('LinkButton Check type functionality: when "primary" type selected then text color must be specified as "rgb(146, 207, 23)" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",
@@ -32,7 +32,7 @@ test('LinkButton Check type functionality: when "primary" type selected then tex
 test('LinkButton Check type functionality: when "secondary" type selected then background color must be specified as  "rgb(232, 245, 235)" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "secondary",
     size: "small",
@@ -46,7 +46,7 @@ test('LinkButton Check type functionality: when "secondary" type selected then b
 test('LinkButton Check disabled functionality: when disabled prop is true, button textColor should be "rgb(177, 177, 177)" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",
@@ -60,7 +60,7 @@ test('LinkButton Check disabled functionality: when disabled prop is true, butto
 test('LinkButton Check leftIcon and rightIcon functionality: when "Filter" and "Exit" icons is specified as the leftIcon and rightIcon props, it should be rendered on the screen', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",
@@ -76,7 +76,7 @@ test('LinkButton Check leftIcon and rightIcon functionality: when "Filter" and "
 test('LinkButton Check rightIcon functionality: when "Exit" icons is specified as the rightIcon props, it should be rendered on the screen', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",
@@ -89,7 +89,7 @@ test('LinkButton Check rightIcon functionality: when "Exit" icons is specified a
 test('LinkButton Check leftIcon  functionality: when "Filter" icons is specified as the leftIcon props, it should be rendered on the screen', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",
@@ -102,7 +102,7 @@ test('LinkButton Check leftIcon  functionality: when "Filter" icons is specified
 test('LinkButton Check small/medium functionality: when "small" the font-size must be "14px" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",
@@ -116,7 +116,7 @@ test('LinkButton Check small/medium functionality: when "small" the font-size mu
 test('LinkButton Check small/medium functionality: when "medium" the font-size must be "16px" ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "medium",
@@ -130,7 +130,7 @@ test('LinkButton Check small/medium functionality: when "medium" the font-size m
 test('LinkButton Check specific height and width functionality: when height = 100px and width = 200px it should override  small/medium functionality ', () => {
   const {
     container
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     text: "LinkButton",
     type: "primary",
     size: "small",

package/dist/SingleBar.test.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _SingleBarLineCharts = _interopRequireDefault(require("./stories/components/SingleBarLineCharts"));
+require("@testing-library/jest-dom");
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable import/no-unresolved */
+/* eslint-disable no-undef */
+
+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: 255,
+    tooltipBarchartLabel: "Label",
+    lineChartHeight: 85,
+    isLineChartCurrency: false,
+    setLineChartTooltip: true,
+    lineChartColor: "#1F7677",
+    isLineChartPercent: false,
+    isLineChartBolded: false,
+    isTopBarPercent: true,
+    showSecondBar: true,
+    showPeriod: true,
+    currencySign: "\u20AC",
+    noDataText: "No data",
+    currencySignLine: ""
+  }));
+
+  // 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 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: 255,
+    tooltipBarchartLabel: "Label",
+    lineChartHeight: 85,
+    isLineChartCurrency: false,
+    setLineChartTooltip: true,
+    lineChartColor: "#1F7677",
+    isLineChartPercent: false,
+    isLineChartBolded: false,
+    isTopBarPercent: true,
+    showSecondBar: true,
+    showPeriod: true,
+    currencySign: "\u20AC",
+    noDataText: "No data",
+    currencySignLine: ""
+  }));
+
+  // 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/index.js

@@ -6,7 +6,7 @@ var _client = _interopRequireDefault(require("react-dom/client"));
 require("./index.css");
 var _App = _interopRequireDefault(require("./App"));
 const root = _client.default.createRoot(document.getElementById('root'));
-root.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)));
+root.render(/*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)));
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))

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/CampaignTool/Card.stories.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SingleCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Card = _interopRequireDefault(require("../components/CampaignTool/Card"));
+const data = [{
+  key: '1',
+  icon: 'cart',
+  label: 'Products',
+  value: 335
+}, {
+  key: '2',
+  icon: 'gift',
+  label: 'Brands',
+  value: 161
+}, {
+  key: '3',
+  icon: 'label',
+  label: 'Offers',
+  value: 223
+}, {
+  key: '4',
+  icon: 'truck',
+  label: 'Suppliers',
+  value: 246
+}, {
+  key: '5',
+  icon: '',
+  label: 'Total budget',
+  value: 45
+}, {
+  key: '6',
+  icon: '',
+  label: 'Self-funded budget',
+  value: 146
+}];
+var _default = exports.default = {
+  title: 'Campaign Tool/Card',
+  component: _Card.default,
+  tags: ['autodocs'],
+  argTypes: {
+    cardTitle: {
+      name: 'cardTitle',
+      control: {
+        type: 'text'
+      },
+      description: 'Card title'
+    },
+    buttonText: {
+      name: 'buttonText',
+      control: {
+        type: 'text'
+      },
+      description: 'Button text'
+    },
+    width: {
+      name: 'Width',
+      control: {
+        type: 'text'
+      },
+      description: 'Table width'
+    },
+    height: {
+      name: 'Height',
+      control: {
+        type: 'text'
+      },
+      description: 'Table height'
+    },
+    onCardButtonClick: {
+      name: 'Button event',
+      action: 'onClick',
+      description: 'Click on a side big button'
+    }
+
+    // showPagination: {
+    //   name: 'Show Pagination',
+    //   control: { type: 'boolean' },
+    //   description: 'hide/show pagination',
+    //   defaultValue: true,
+    // },
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_Card.default, args);
+const SingleCard = exports.SingleCard = Template.bind({});
+_Card.default.args = {
+  data
+};

package/dist/stories/CampaignTool/MultipleCard.stories.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CardsList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MultipleCard = _interopRequireDefault(require("../components/CampaignTool/MultipleCard"));
+var _default = exports.default = {
+  title: 'Campaign Tool/MultipleCard',
+  component: _MultipleCard.default,
+  tags: ['autodocs'],
+  argTypes: {
+    width: {
+      name: 'Width',
+      control: {
+        type: 'text'
+      },
+      description: 'Table width'
+    },
+    height: {
+      name: 'Height',
+      control: {
+        type: 'text'
+      },
+      description: 'Table height'
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_MultipleCard.default, args);
+const CardsList = exports.CardsList = Template.bind({});
+CardsList.args = {};

package/dist/stories/CampaignTool/PageFilterBar.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.OffersPage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PageFilterBar = _interopRequireDefault(require("../components/CampaignTool/PageFilterBar"));
+var _default = exports.default = {
+  title: 'Campaign Tool/PageFilterBar',
+  component: _PageFilterBar.default,
+  argTypes: {
+    pageHeadline: {
+      name: 'Headline Text',
+      control: {
+        type: 'text'
+      },
+      description: 'Headline text',
+      defaultValue: ''
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_PageFilterBar.default, args);
+const OffersPage = exports.OffersPage = Template.bind({});
+OffersPage.args = {
+  pageHeadline: 'Offers'
+};