sag_components 1.0.1071 → 1.0.1072

package/dist/Button.test.js

@@ -10,7 +10,7 @@ require("@testing-library/jest-dom");
 /* eslint-disable no-undef */
 
 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",
@@ -24,7 +24,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",
@@ -40,7 +40,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",
@@ -56,7 +56,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",
@@ -72,7 +72,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",
@@ -86,7 +86,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",
@@ -100,7 +100,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",
@@ -116,7 +116,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",
@@ -132,7 +132,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",
@@ -146,7 +146,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

@@ -10,7 +10,7 @@ require("@testing-library/jest-dom");
 /* eslint-disable no-undef */
 
 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",
@@ -22,7 +22,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",
@@ -36,7 +36,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",
@@ -50,7 +50,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",
@@ -64,7 +64,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",
@@ -80,7 +80,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",
@@ -93,7 +93,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",
@@ -106,7 +106,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",
@@ -120,7 +120,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",
@@ -134,7 +134,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

@@ -45,7 +45,7 @@ const legendData1 = [{
   title: 'Incremental Sales ROI'
 }];
 test('SingleBarLineCharts Check if title data is rendered', async () => {
-  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
     width: "100%",
     height: "100%",
     title: "Total Cost Sales",
@@ -82,7 +82,7 @@ test('SingleBarLineCharts Check if title data is rendered', async () => {
   expect(total2Element).toBeInTheDocument();
 });
 test('SingleBarLineCharts Check if legend data is rendered', async () => {
-  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
+  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.default, {
     width: "100%",
     height: "100%",
     title: "Total Cost Sales",

package/dist/index.js

@@ -8,7 +8,7 @@ var _App = _interopRequireDefault(require("./App"));
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 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/stories/components/EventDetailsCard.js

@@ -25,6 +25,7 @@ const EventDetailsCard = props => {
     data,
     count,
     buttonText,
+    buttonTextColor = "#229E38",
     onViewButtonClick,
     onBannersDropdownClick,
     disableViewDetailsButton
@@ -107,7 +108,7 @@ const EventDetailsCard = props => {
     rightIcon: "select",
     size: "small",
     type: "primary",
-    textColor: "#229E38",
+    textColor: buttonTextColor,
     disabled: disableViewDetailsButton,
     onClick: e => {
       viewButtonClick(e);

package/dist/stories/components/QuickFilterDropdownMultiSelection.js

@@ -73,7 +73,7 @@ const QuickFilterDropdownMultiSelection = _ref => {
       if (index !== lastIndex) {
         parts.push(text.slice(lastIndex, index));
       }
-      parts.push(/*#__PURE__*/_react.default.createElement("span", {
+      parts.push( /*#__PURE__*/_react.default.createElement("span", {
         key: index,
         className: "highlight"
       }, text.slice(index, index + highlight.length)));

package/dist/stories/components/QuickFilterDropdownSingle.js

@@ -45,7 +45,7 @@ const QuickFilterDropdownSingle = _ref => {
       if (index !== lastIndex) {
         parts.push(text.slice(lastIndex, index));
       }
-      parts.push(/*#__PURE__*/_react.default.createElement("span", {
+      parts.push( /*#__PURE__*/_react.default.createElement("span", {
         key: index,
         className: "highlight"
       }, text.slice(index, index + highlight.length)));

package/dist/stories/components/ReportTable.js

@@ -292,7 +292,7 @@ const ReportTable = props => {
   })), (() => {
     const pages = [];
     const range = 2;
-    pages.push(/*#__PURE__*/_react.default.createElement("span", {
+    pages.push( /*#__PURE__*/_react.default.createElement("span", {
       key: 1,
       className: `page-number ${currentPage === 1 ? "active" : ""}`,
       onClick: () => handlePageChange(1)
@@ -302,7 +302,7 @@ const ReportTable = props => {
     }
     if (totalPages <= 10) {
       for (let i = 2; i <= totalPages; i++) {
-        pages.push(/*#__PURE__*/_react.default.createElement("span", {
+        pages.push( /*#__PURE__*/_react.default.createElement("span", {
           key: i,
           className: `page-number ${currentPage === i ? "active" : ""}`,
           onClick: () => handlePageChange(i)
@@ -321,23 +321,23 @@ const ReportTable = props => {
       end = totalPages - 1;
     }
     if (start > 2) {
-      pages.push(/*#__PURE__*/_react.default.createElement("span", {
+      pages.push( /*#__PURE__*/_react.default.createElement("span", {
         key: "ellipsis-start"
       }, "..."));
     }
     for (let i = start; i <= end; i++) {
-      pages.push(/*#__PURE__*/_react.default.createElement("span", {
+      pages.push( /*#__PURE__*/_react.default.createElement("span", {
         key: i,
         className: `page-number ${currentPage === i ? "active" : ""}`,
         onClick: () => handlePageChange(i)
       }, i));
     }
     if (end < totalPages - 1) {
-      pages.push(/*#__PURE__*/_react.default.createElement("span", {
+      pages.push( /*#__PURE__*/_react.default.createElement("span", {
         key: "ellipsis-end"
       }, "..."));
     }
-    pages.push(/*#__PURE__*/_react.default.createElement("span", {
+    pages.push( /*#__PURE__*/_react.default.createElement("span", {
       key: totalPages,
       className: `page-number ${currentPage === totalPages ? "active" : ""}`,
       onClick: () => handlePageChange(totalPages)

package/dist/stories/components/TabMenu.js

@@ -32,6 +32,7 @@ const TabMenu = props => {
     showSearchInput,
     showViewOptionsButton,
     setTopRightButton,
+    buttonHoverColor,
     disabledButton,
     rightButtonText,
     rightButtonIcon,
@@ -81,7 +82,11 @@ const TabMenu = props => {
     rightIcon: rightButtonIcon,
     size: "small",
     disabled: disabledButton,
-    onClick: () => onTopButtonClick()
+    onClick: () => onTopButtonClick(),
+    backgroundColor: activeColor,
+    borderColor: activeColor,
+    hoverBackgroundColor: buttonHoverColor,
+    hoverBorderColor: buttonHoverColor
   })), showActions && /*#__PURE__*/_react.default.createElement(_TabMenu.ActionsWrapper, {
     className: "ActionsWrapper"
   }, showLabel && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Label, {
@@ -120,6 +125,7 @@ TabMenu.defaultProps = {
   showViewOptionsButton: true,
   disabledButton: false,
   setTopRightButton: false,
+  buttonHoverColor: "#92CF17",
   rightButtonText: 'Button',
   rightButtonIcon: 'arrow',
   onTopButtonClick: () => {},

package/package.json

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

package/dist/stories/CampaignTool/PopupContent.stories.js

@@ -1,284 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ExamplePopupContent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PopupContent = _interopRequireDefault(require("../components/CampaignTool/PopupContent"));
-const FieldsDataRow1 = [{
-  name: "FundationSource",
-  label: "Fundation Source",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Source",
-  dropdownOptions: [{
-    value: 1,
-    label: "Source 1"
-  }, {
-    value: 2,
-    label: "Source 2"
-  }, {
-    value: 3,
-    label: "Source 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "Category",
-  label: "Category",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Category",
-  dropdownOptions: [{
-    value: 1,
-    label: "Category 1"
-  }, {
-    value: 2,
-    label: "Category 2"
-  }, {
-    value: 3,
-    label: "Category 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "Supplier",
-  label: "Supplier",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Supplier",
-  dropdownOptions: [{
-    value: 1,
-    label: "Supplier 1"
-  }, {
-    value: 2,
-    label: "Supplier 2"
-  }, {
-    value: 3,
-    label: "Supplier 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "ContactName",
-  label: "Contact Name",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Contact Name",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}];
-const FieldsDataRow2 = [{
-  name: "BrandName",
-  label: "Brand Name",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Brand",
-  dropdownOptions: [{
-    value: 1,
-    label: "Brand 1"
-  }, {
-    value: 2,
-    label: "Brand 2"
-  }, {
-    value: 3,
-    label: "Brand 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "Budget",
-  label: "Budget",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Budget",
-  dropdownOptions: [{
-    value: 1,
-    label: "Budget 1"
-  }, {
-    value: 2,
-    label: "Budget 2"
-  }, {
-    value: 3,
-    label: "Budget 3"
-  }],
-  dropdownDefaultValue: {
-    value: 1,
-    label: "Budget 1"
-  }
-}, {
-  name: "CategoryManager",
-  label: "Category Manager",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Category Manager",
-  dropdownOptions: [{
-    value: 1,
-    label: "Category Manager 1"
-  }, {
-    value: 2,
-    label: "Category Manager 2"
-  }, {
-    value: 3,
-    label: "Category Manager 3"
-  }],
-  dropdownDefaultValue: {
-    value: 3,
-    label: "Category Manager 3"
-  }
-}, {
-  name: "ContactEmail",
-  label: "Contact Email",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Contact Email",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}];
-const FieldsDataRow3 = [{
-  name: "Broker",
-  label: "Broker",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Broker",
-  dropdownOptions: [{
-    value: 1,
-    label: "Broker 1"
-  }, {
-    value: 2,
-    label: "Broker 2"
-  }, {
-    value: 3,
-    label: "Broker 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "SupplierOfferID",
-  label: "Supplier Offer ID",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Supplier Offer ID",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}, {
-  name: "VendorID",
-  label: "Vendor ID",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Vendor ID",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}, {
-  name: "ContactPhone",
-  label: "Contact Phone",
-  disabled: false,
-  required: true,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Contact Phone",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}];
-const RowsData1 = [{
-  fieldsArray: FieldsDataRow1
-}, {
-  fieldsArray: FieldsDataRow2
-}, {
-  fieldsArray: FieldsDataRow3
-}];
-var _default = exports.default = {
-  title: "Campaign Tool/PopupContent",
-  component: _PopupContent.default,
-  tags: ["autodocs"],
-  argTypes: {
-    FieldsData: {
-      name: "FieldsData",
-      control: {
-        type: "object"
-      },
-      description: " object: to fill kpi columns and buttons "
-    },
-    width: {
-      name: "width",
-      control: {
-        type: "text"
-      },
-      description: "width of the control (in px / %)"
-    },
-    height: {
-      name: "height",
-      control: {
-        type: "text"
-      },
-      description: "height of the control (in px / % )"
-    },
-    onClick: {
-      action: "onClick",
-      description: "onClick event - returns an object of check box {true/false} "
-    },
-    onChange: {
-      action: "onChange",
-      description: "onChange event  "
-    },
-    borderColor: {
-      name: "borderColor",
-      description: "Sets the border color",
-      control: {
-        type: "color",
-        presetColors: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"]
-      }
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_PopupContent.default, args);
-const ExamplePopupContent = exports.ExamplePopupContent = Template.bind({});
-ExamplePopupContent.args = {
-  rowsData: RowsData1,
-  borderColor: "#066768",
-  width: "100%",
-  height: "100%"
-};

package/dist/stories/components/BannerEventBoxTest.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _BannerEventBoxTest = require("./BannerEventBoxTest.style");
-var _BannerEventBox = _interopRequireDefault(require("./BannerEventBox"));
-const BannerEventBoxTest = props => {
-  const {
-    width,
-    height
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_BannerEventBoxTest.MainContainer, {
-    width: width,
-    height: height
-  }, /*#__PURE__*/_react.default.createElement(_BannerEventBox.default, {
-    banner: "Stop&Shop"
-  }), /*#__PURE__*/_react.default.createElement(_BannerEventBox.default, {
-    banner: "Hannaford",
-    data: [{
-      name: 'asdf',
-      items: ['coca', 'haim']
-    }, {
-      name: 'Brazxcvnds',
-      items: ['coca', 'bola', 'spring', 'cola']
-    }, {
-      name: 'xcvb Lines',
-      items: ['spring']
-    }]
-  }), /*#__PURE__*/_react.default.createElement(_BannerEventBox.default, {
-    banner: "Giant Food"
-  }));
-};
-BannerEventBoxTest.defaultProps = {
-  width: 'auto',
-  height: 'auto'
-};
-var _default = exports.default = BannerEventBoxTest;

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

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: ", ";\n    height: ", ";\n    display: flex;\n    gap: 20px;\n"])), props => props.width, props => props.height);