sag_components 1.0.663 → 1.0.665

package/dist/stories/CampaignTool/Card.stories.js

@@ -85,7 +85,6 @@ var _default = exports.default = {
     // },
   }
 };
-
 const Template = args => /*#__PURE__*/_react.default.createElement(_Card.default, args);
 const SingleCard = exports.SingleCard = Template.bind({});
 _Card.default.args = {

package/dist/stories/components/BannerEventBox.js

@@ -23,32 +23,31 @@ const BannerEventBox = props => {
     description,
     dates,
     data,
-    viewBannerTooltip
+    fileUrl
   } = props;
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
   const [tooltipPos, setTooltipPos] = (0, _react.useState)({
     x: 0,
     y: 0
   });
-  const moreInfo = (0, _react.useRef)(null);
+  const [showItemTooltip, setShowItemTooltip] = (0, _react.useState)(Array(data.length).fill(false));
   const formatedBanners = () => {
     switch (banner) {
-      case 'StopAndShop':
+      case 'Stop&Shop':
         return {
           icon: /*#__PURE__*/_react.default.createElement(_StopAndShopNewIcon.StopAndShopNewIcon, null),
           name: 'Stop&Shop'
         };
-      case 'FoodLion':
+      case 'Food Lion':
         return {
           icon: /*#__PURE__*/_react.default.createElement(_FoodLionNewIcon.FoodLionNewIcon, null),
           name: 'Food Lion'
         };
-      case 'GiantFood':
+      case 'Giant Food':
         return {
           icon: /*#__PURE__*/_react.default.createElement(_GiantFoodIcon_new.GiantFoodNewIcon, null),
           name: 'Giant Food'
         };
-      case 'TheGiantCompany':
+      case 'The Giant Company':
         return {
           icon: /*#__PURE__*/_react.default.createElement(_TheGiantCompanyNewIcon.TheGiantCompanyIcon, null),
           name: 'The Giant Company'
@@ -62,16 +61,16 @@ const BannerEventBox = props => {
         return null;
     }
   };
-  const [showItemTooltip, setShowItemTooltip] = (0, _react.useState)(Array(data.length).fill(false));
   const handleItemMouseEnter = (index, e) => {
+    const iconBounds = e.target.getBoundingClientRect();
     setShowItemTooltip(prevState => {
       const newState = [...prevState];
       newState[index] = true;
       return newState;
     });
     setTooltipPos({
-      x: e.clientX,
-      y: e.clientY
+      x: iconBounds.left + iconBounds.width / 2,
+      y: iconBounds.top / 1.25
     });
   };
   const handleItemMouseLeave = () => {
@@ -81,18 +80,8 @@ const BannerEventBox = props => {
     height: height,
     width: width
   }, /*#__PURE__*/_react.default.createElement(_BannerEventBox.TitleWrapper, null, formatedBanners(banner).icon, "|", /*#__PURE__*/_react.default.createElement(_BannerEventBox.CardTitle, null, formatedBanners(banner).name)), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Block, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Headline, null, "Event Description"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Text, null, description)), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Block, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Headline, null, "Event Dates:"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Text, null, dates.join(' - '))), /*#__PURE__*/_react.default.createElement(_BannerEventBox.MoreInfo, {
-    ref: moreInfo,
-    onMouseEnter: () => setShowTooltip(true),
-    onMouseLeave: () => setShowTooltip(false)
-  }, "Creatives"), showTooltip && /*#__PURE__*/_react.default.createElement(_TspanTooltip.default, {
-    direction: "top",
-    content: viewBannerTooltip,
-    top: moreInfo.current.offsetTop - 20,
-    left: moreInfo.current.offsetLeft + 30,
-    style: {
-      pointerEvents: 'none'
-    }
-  }), /*#__PURE__*/_react.default.createElement(_BannerEventBox.DetailsWrapper, null, data === null || data === void 0 ? void 0 : data.map((item, index) => {
+    href: fileUrl
+  }, "Creatives"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.DetailsWrapper, null, data === null || data === void 0 ? void 0 : data.map((item, index) => {
     var _item$items, _item$items2;
     return item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: item.name
@@ -107,8 +96,8 @@ const BannerEventBox = props => {
       content: /*#__PURE__*/_react.default.createElement("ul", null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(i => /*#__PURE__*/_react.default.createElement("li", {
         key: i
       }, i))),
-      top: tooltipPos.y - 70,
-      left: tooltipPos.x - 30,
+      top: tooltipPos.y,
+      left: tooltipPos.x,
       style: {
         pointerEvents: 'none'
       }
@@ -120,7 +109,7 @@ var _default = exports.default = BannerEventBox;
 BannerEventBox.defaultProps = {
   width: 'auto',
   height: 'auto',
-  banner: 'FoodLion',
+  banner: 'Food Lion',
   description: 'Dreft Portable Pretreater Pen',
   dates: ['2021-06-01', '2021-06-30'],
   data: [{
@@ -133,5 +122,5 @@ BannerEventBox.defaultProps = {
     name: 'Product Lines',
     items: ['coca', 'cola', 'spring']
   }],
-  viewBannerTooltip: 'View banner creative....'
+  fileUrl: 'https://www.google.com'
 };

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

@@ -14,9 +14,9 @@ const CardTitle = exports.CardTitle = _styledComponents.default.h5(_templateObje
 const Headline = exports.Headline = _styledComponents.default.h6(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0;\n"])));
 const Block = exports.Block = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    margin-bottom: 12px;\n"])));
 const Text = exports.Text = _styledComponents.default.p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    color: #8B8989;\n    font-size: 12px;\n    font-weight: 400;\n    margin: 0;\n"])));
-const MoreInfo = exports.MoreInfo = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    color: #229E38;\n    font-size: 12px;\n    font-weight: 400;\n    text-decoration-line: underline;\n"])));
+const MoreInfo = exports.MoreInfo = _styledComponents.default.a(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    color: #229E38;\n    font-size: 12px;\n    font-weight: 400;\n"])));
 const DetailsWrapper = exports.DetailsWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    justify-content: space-between;\n    align-items: stretch;\n    margin-top: 12px;\n"])));
-const KeyBlock = exports.KeyBlock = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)([""])));
+const KeyBlock = exports.KeyBlock = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n    /* position: relative; */\n"])));
 const Key = exports.Key = _styledComponents.default.span(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 12px;\n    font-weight: 500;\n"])));
 const Count = exports.Count = _styledComponents.default.span(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n    color: #8B8989;\n    font-size: 12px;\n    font-weight: 400;\n"])));
 const Seperator = exports.Seperator = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n    border-right: 1px solid #F2F2F2;\n"])));

package/dist/stories/components/Datepicker.js

@@ -55,7 +55,6 @@ const Datepicker = _ref => {
           width
           // color: labelColor,
         },
-
         '& .MuiOutlinedInput-root': {
           borderRadius: '12px',
           fontFamily: 'Poppins',
@@ -75,18 +74,15 @@ const Datepicker = _ref => {
             borderColor: '#E7E7E7'
             // color: labelColor,
           },
-
           '&:hover .MuiOutlinedInput-notchedOutline': {
             borderColor: disabled ? '#E7E7E7' : labelColor //  "#757575",
             // color: labelColor,
           },
-
           '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
             borderColor: disabled ? '#E7E7E7' : labelColor
             // color: labelColor,
           }
         },
-
         '& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)': {
           // Default transform is "translate(14px, 20px) scale(1)""
           // This lines up the label with the initial cursor position in the input

package/dist/stories/components/DropdownMulti.js

@@ -86,7 +86,6 @@ const DropdownMulti = props => {
           //   marginRight: '10px',
           // },
         },
-
         '& .MuiAutocomplete-inputRoot': {
           paddingLeft: '10px !important',
           borderRadius: '12px',
@@ -234,7 +233,6 @@ const DropdownMulti = props => {
         //     </>
         //   ),
       },
-
       onKeyDown: event => {
         if (!isInputAllowed(event.key)) {
           event.preventDefault();

package/dist/stories/components/MonthPopupPicker.js

@@ -123,7 +123,6 @@ const MonthPopupPicker = _ref => {
       // return null;
     })));
   };
-
   return /*#__PURE__*/_react.default.createElement(DatePickerContainer, null, isOpen && renderDatePicker());
 };
 var _default = exports.default = MonthPopupPicker;

package/dist/stories/components/PopupCharts.js

@@ -96,7 +96,6 @@ const PopupCharts = props => {
     width: "100%",
     xselectedColor: rowsData === null || rowsData === void 0 ? void 0 : rowsData.xselectedColor // "#C7E7CD"
   });
-
   const displayTotalHorizontalCharts = rowsData => /*#__PURE__*/_react.default.createElement(_TotalHorizontalCharts.TotalHorizontalCharts, {
     currencySign: true,
     dotCut: true,

package/dist/stories/components/QuarterPopupPicker.js

@@ -15,6 +15,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /* eslint-disable react/prop-types */
 // import ChervronRightIcon from './icons/ChervronRightIcon';
 // import ChervronLeftIcon from './icons/ChervronLeftIcon';
+
 // Styled components for the date picker
 const DatePickerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
 const DatePickerPopup = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: auto;\n  margin: 5px;\n  height: 120px;\n  top: calc(100% + 5px);\n  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);\n  left: 0;\n  background-color: #fff;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 10px;\n  z-index: 1000;\n"])));

package/dist/stories/components/SagButton.js

@@ -31,7 +31,6 @@ const SagButton = props => {
       // Add any logic you want to execute after the transition is complete
     }, 300); // Adjust the transition duration (in milliseconds) as needed
   };
-
   return /*#__PURE__*/_react.default.createElement(_SagButton.ButtonContainer, {
     id: "ButtonContainer"
   }, /*#__PURE__*/_react.default.createElement(_SagButton.Button, {

package/dist/stories/components/Select.js

@@ -45,7 +45,6 @@ const Select = _ref => {
     setIsFocused(false);
     setTimeout(() => setShowOptions(false), 200); // Delay hiding options to allow clicking on them
   };
-
   const handleOptionClick = option => {
     onChange({
       target: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.663",
+  "version": "1.0.665",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -71,7 +71,7 @@
     "react-loading-skeleton": "^3.3.1",
     "recharts": "^2.9.2",
     "storybook": "^7.4.6",
-    "styled-components": "^6.1.9"
+    "styled-components": "^6.1.11"
   },
   "browserslist": {
     "production": [
@@ -85,4 +85,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

package/.history/.env_20231001120613

@@ -1 +0,0 @@
-STORYBOOK_FIGMA_ACCESS_TOKEN=figd_YdAmQQKQ2B6ZngEijA0JiqNNUdJvP23G46NK7-fc

package/.history/.env_20231003143620

@@ -1 +0,0 @@
-STORYBOOK_FIGMA_ACCESS_TOKEN=figd_MOcc8-aS91XJ3mFdtNlH4oPVY73ChHlmw6-hKhsb

package/.history/.eslintrc_20230928112617.js

@@ -1,26 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-  },
-};

package/.history/.eslintrc_20230928130534.js

@@ -1,27 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-  },
-};

package/.history/.eslintrc_20230928133400.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    /*eslint linebreak-style: ["error", "windows"]*/
-  },
-};

package/.history/.eslintrc_20230928133404.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    eslint linebreak-style: ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133416.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    linebreak-style: ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133419.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133432.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows']
-  },
-};

package/.history/.eslintrc_20230928133439.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928133458.js

@@ -1,29 +0,0 @@
-/* eslint-disable linebreak-style */
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928133500.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928134009.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-  },
-};

package/.history/.eslintrc_20230928135318.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    "react/function-component-definition": [
-      2,
-      {
-        namedComponents: "function-declaration",
-      },
-    ],
-  },
-};

package/.history/.eslintrc_20230928135321.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    'react/function-component-definition": [
-      2,
-      {
-        namedComponents: "function-declaration",
-      },
-    ],
-  },
-};

package/.history/.eslintrc_20230928135323.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': 0,
-    'react/function-component-definition': [
-      2,
-      {
-        namedComponents: "function-declaration",
-      },
-    ],
-  },
-};