sag_components 2.0.0-beta34 → 2.0.0-beta341

package/dist/Button.test.js

@@ -1,162 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Button = _interopRequireDefault(require("./stories/components/Button"));
-require("@testing-library/jest-dom");
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable import/no-unresolved */
-/* eslint-disable no-undef */
-
-test('Button Check text', () => {
-  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "test",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = _react2.screen.getByText(/test/i);
-  expect(buttonElement).toBeInTheDocument();
-});
-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, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = container.querySelector('.ButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.getPropertyValue('background-color')).toBe('rgb(146, 207, 23)');
-});
-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, {
-    text: "Button",
-    type: "secondary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = container.querySelector('.ButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.getPropertyValue('background-color')).toBe('rgb(232, 245, 235)');
-});
-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, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: true,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const buttonElement = container.querySelector('.ButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.getPropertyValue('color')).toBe('rgb(177, 177, 177)');
-});
-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, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-});
-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, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-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, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('Button Check small/medium functionality: when "small" the height must be "33px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "none",
-    rightIcon: "none"
-  }));
-  const elementButtonContainer = container.querySelector('.ButtonContainer');
-  expect(elementButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementButtonContainer);
-  expect(computedStyle.height).toBe('33px');
-});
-test('Button Check small/medium functionality: when "medium" the height must be "45px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Button.default, {
-    text: "Button",
-    type: "primary",
-    size: "medium",
-    disabled: false
-  }));
-  const elementButtonContainer = container.querySelector('.ButtonContainer');
-  expect(elementButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementButtonContainer);
-  expect(computedStyle.height).toBe('45px');
-});
-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, {
-    text: "Button",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    height: "100px",
-    width: "200px"
-  }));
-  const elementButtonContainer = container.querySelector('.ButtonContainer');
-  expect(elementButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementButtonContainer);
-  expect(computedStyle.height).toBe('100px');
-  expect(computedStyle.width).toBe('200px');
-});

package/dist/LinkButton.test.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _LinkButton = _interopRequireDefault(require("./stories/components/LinkButton"));
-require("@testing-library/jest-dom");
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable import/no-unresolved */
-/* eslint-disable no-undef */
-
-test('LinkButton Check text', () => {
-  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    text: "test",
-    type: "secondary",
-    size: "small",
-    disabled: false
-  }));
-  const buttonElement = _react2.screen.getByText(/test/i);
-  expect(buttonElement).toBeInTheDocument();
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false
-  }));
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(34, 158, 56)');
-});
-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, {
-    text: "LinkButton",
-    type: "secondary",
-    size: "small",
-    disabled: false
-  }));
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(33, 33, 33)');
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: true
-  }));
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(177, 177, 177)');
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter",
-    rightIcon: "Exit"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    rightIcon: "Exit"
-  }));
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    leftIcon: "Filter"
-  }));
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false
-  }));
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonItem');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.fontSize).toBe('14px');
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "medium",
-    disabled: false
-  }));
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonItem');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.fontSize).toBe('16px');
-});
-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, {
-    text: "LinkButton",
-    type: "primary",
-    size: "small",
-    disabled: false,
-    height: "100px",
-    width: "200px"
-  }));
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonContainer');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.height).toBe('100px');
-  expect(computedStyle.width).toBe('200px');
-});

package/dist/SingleBar.test.js

@@ -1,120 +0,0 @@
-"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/setupTests.js

@@ -1,15 +0,0 @@
-"use strict";
-
-require("@testing-library/jest-dom");
-// src/setupTests.js
-
-globalThis.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/AttachedFile.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AttachedFile = _interopRequireDefault(require("./components/AttachedFile"));
-/* eslint-disable react/jsx-filename-extension */
-var _default = exports.default = {
-  title: 'SAG/AttachedFile',
-  component: _AttachedFile.default,
-  argTypes: {
-    inputText: {
-      name: 'inputText',
-      control: {
-        type: 'text'
-      },
-      description: 'text inside of the button',
-      defaultValue: 'Attach file'
-    },
-    inputColor: {
-      name: 'inputColor',
-      control: {
-        type: 'color'
-      }
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_AttachedFile.default, args);
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  inputText: 'Attach file',
-  inputColor: '#229E38',
-  acceptedFiles: 'image/png, image/gif, image/jpeg'
-};

package/dist/stories/AutocompleteField.stories.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AutocompleteField = _interopRequireDefault(require("./components/AutocompleteField"));
-/* eslint-disable react/jsx-filename-extension */
-var _default = exports.default = {
-  title: "SAG/AutocompleteField",
-  component: _AutocompleteField.default,
-  argTypes: {
-    choices: {
-      control: "array",
-      description: "Array of input options"
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_AutocompleteField.default, args);
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  choices: ["Apple", "Banana", "Orange", "Grapes", "Watermelon"]
-};

package/dist/stories/BannerEventBox.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BannerEventBox = _interopRequireDefault(require("./components/BannerEventBox"));
-var _default = exports.default = {
-  title: 'SAG BI/BannerEventBox',
-  component: _BannerEventBox.default,
-  argTypes: {
-    width: {
-      control: 'text'
-    },
-    height: {
-      control: 'text'
-    },
-    banner: {
-      control: 'text'
-    },
-    description: {
-      control: 'text'
-    },
-    dates: {
-      control: 'text'
-    },
-    data: {
-      control: {
-        type: 'array'
-      },
-      description: 'array [] of objects { name: string, items: string[] }'
-    },
-    viewBannerTooltip: {
-      control: 'text'
-    }
-  }
-}; // eslint-disable-next-line react/jsx-filename-extension
-const Template = args => /*#__PURE__*/_react.default.createElement(_BannerEventBox.default, args);
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  width: 'auto',
-  height: 'auto',
-  banner: 'Food Lion',
-  description: 'NIC Cycles 24 description here can be up to 3 rows of text and when getting to 3 rows there will be an ellipsis and a tooltip',
-  dates: ['01/01/2024', '14/01/2024'],
-  data: [{
-    name: 'Supplier',
-    items: 7
-  }, {
-    name: 'Brands',
-    items: 8
-  }, {
-    name: 'Product Lines',
-    items: 9
-  }],
-  viewBannerTooltip: 'View Banner'
-};

package/dist/stories/BannerEventBoxList.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BannerEventBoxList = _interopRequireDefault(require("./components/BannerEventBoxList"));
-var _default = exports.default = {
-  title: 'SAG BI/BannerEventBoxList',
-  component: _BannerEventBoxList.default,
-  argTypes: {
-    width: {
-      control: 'text'
-    },
-    height: {
-      control: 'text'
-    },
-    toggleColor: {
-      control: 'color'
-    },
-    showDraft: {
-      name: 'showDraft',
-      control: {
-        type: 'boolean'
-      },
-      description: 'show/hide Draft symbol'
-    }
-  }
-}; // eslint-disable-next-line react/jsx-filename-extension
-const Template = args => /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.default, args);
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  width: 'auto',
-  height: 'auto',
-  toggleColor: '#229E38',
-  showDraft: true
-};

package/dist/stories/BannerEventBoxTest.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BannerEventBoxTest = _interopRequireDefault(require("./components/BannerEventBoxTest"));
-var _default = exports.default = {
-  title: 'SAG BI/BannerEventBoxTest',
-  component: _BannerEventBoxTest.default,
-  argTypes: {
-    width: {
-      control: 'text'
-    },
-    height: {
-      control: 'text'
-    }
-  }
-}; // eslint-disable-next-line react/jsx-filename-extension
-const Template = args => /*#__PURE__*/_react.default.createElement(_BannerEventBoxTest.default, args);
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  width: 'auto',
-  height: 'auto'
-};