sag_components 1.0.86-7.1 → 1.0.86-7.2

package/dist/SingleBar.test.js

@@ -0,0 +1,72 @@
+"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 */
+
+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
+  }];
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
+    width: "100%",
+    height: "100%",
+    barChartColor: "#1F7677",
+    secondBarChartColor: "#90CE9C",
+    barChartHeight: 250,
+    tooltipBarchartLabel: "Label",
+    lineChartHeight: 50,
+    lineChartColor: "#1F7677",
+    isLineChartPercent: false,
+    isLineChartBolded: false,
+    isTopBarPercent: true,
+    currencySign: "\u20AC",
+    data: data,
+    totalsData: [],
+    legendData: [],
+    noDataText: "No data"
+  }));
+  const retailer1Element = _react2.screen.getByText(/Retailer 1/i);
+  const retailer2Element = _react2.screen.getByText(/Retailer 2/i);
+  expect(retailer1Element).toBeInTheDocument();
+  expect(retailer2Element).toBeInTheDocument();
+});
+test('SingleBarLineCharts Check if no data message is rendered', () => {
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
+    width: "100%",
+    height: "100%",
+    barChartColor: "#1F7677",
+    secondBarChartColor: "#90CE9C",
+    barChartHeight: 250,
+    tooltipBarchartLabel: "Label",
+    lineChartHeight: 50,
+    lineChartColor: "#1F7677",
+    isLineChartPercent: false,
+    isLineChartBolded: false,
+    isTopBarPercent: true,
+    currencySign: "\u20AC",
+    data: [],
+    totalsData: [],
+    legendData: [],
+    noDataText: "No data"
+  }));
+  const noDataElement = _react2.screen.getByText(/No data/i);
+  expect(noDataElement).toBeInTheDocument();
+});

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'
+};