sag_components 1.0.783 → 1.0.785

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/stories/components/BannerEventBoxList.js +31 -3
  2. package/dist/stories/components/BannerEventBoxList.style.js +8 -9
  3. package/dist/stories/components/CampaignTool/FormSelect.js +0 -3
  4. package/dist/stories/components/CampaignTool/Popup.js +1 -1
  5. package/dist/stories/components/CollapseMenuItem.js +1 -0
  6. package/dist/stories/components/FilterPanel.js +0 -1
  7. package/dist/stories/components/MonthPopupPicker.js +0 -1
  8. package/dist/stories/components/QuarterPopupPicker.js +0 -1
  9. package/dist/stories/components/RangeDatePicker.js +0 -2
  10. package/dist/stories/components/Select.js +0 -1
  11. package/package.json +1 -1
package/dist/stories/components/BannerEventBoxList.js CHANGED
@@ -8,6 +8,11 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _BannerEventBoxList = require("./BannerEventBoxList.style");
11
+ var _FoodLionNewIcon = require("./icons/FoodLionNewIcon");
12
+ var _TheGiantCompanyNewIcon = require("./icons/TheGiantCompanyNewIcon");
13
+ var _StopAndShopNewIcon = require("./icons/StopAndShopNewIcon");
14
+ var _GiantFoodIcon_new = require("./icons/GiantFoodIcon_new");
15
+ var _HannafordIcon_new = require("./icons/HannafordIcon_new");
11
16
  var _BannerEventBox = _interopRequireDefault(require("./BannerEventBox"));
12
17
  var _LinkButton = _interopRequireDefault(require("./LinkButton"));
13
18
  const BannerEventBoxList = props => {
@@ -18,20 +23,40 @@ const BannerEventBoxList = props => {
18
23
  width,
19
24
  height,
20
25
  data,
26
+ retailer,
21
27
  retailerFile,
22
28
  toggleColor,
29
+ cardsContent,
30
+ children,
23
31
  disableToggle,
24
32
  bannerWidth
25
33
  } = props;
26
34
  const [IsItemOpen, setIsItemOpen] = (0, _react.useState)(false);
27
35
  const handleToggle = () => {
36
+ if (disableToggle) return;
28
37
  setIsItemOpen(!IsItemOpen);
29
38
  };
39
+ const bannersIcon = () => {
40
+ switch (retailer) {
41
+ case 'StopAndShop':
42
+ return /*#__PURE__*/_react.default.createElement(_StopAndShopNewIcon.StopAndShopNewIcon, null);
43
+ case 'FoodLion':
44
+ return /*#__PURE__*/_react.default.createElement(_FoodLionNewIcon.FoodLionNewIcon, null);
45
+ case 'GiantFood':
46
+ return /*#__PURE__*/_react.default.createElement(_GiantFoodIcon_new.GiantFoodNewIcon, null);
47
+ case 'TheGiantCompany':
48
+ return /*#__PURE__*/_react.default.createElement(_TheGiantCompanyNewIcon.TheGiantCompanyIcon, null);
49
+ case 'Hannaford':
50
+ return /*#__PURE__*/_react.default.createElement(_HannafordIcon_new.HannafordNewIcon, null);
51
+ default:
52
+ return null;
53
+ }
54
+ };
30
55
  return /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.CollapseMenuItemMainContainer, {
31
56
  className: className
32
57
  }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.CollapseMenuItemContainer, {
33
58
  onClick: () => handleToggle()
34
- }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ToggleContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
59
+ }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainDetails, null, !cardsContent && bannersIcon(), !cardsContent ? /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.SubDetails, null, eventType, ' ', "|", ' ', eventName) : ' '), /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ToggleContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
35
60
  disabled: disableToggle,
36
61
  text: "Event Info",
37
62
  leftIcon: "info",
@@ -47,7 +72,7 @@ const BannerEventBoxList = props => {
47
72
  color: toggleColor
48
73
  }))), IsItemOpen && /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.CollapseMenuItemContentContainer, {
49
74
  id: "CollapseMenuItemContentContainer"
50
- }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.EventType, null, eventType), /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.EventName, null, "Event Name |", ' ', /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.EventNameSpan, null, eventName)), /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainContainer, {
75
+ }, cardsContent ? /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainContainer, {
51
76
  width: width,
52
77
  height: height
53
78
  }, data.map(item => /*#__PURE__*/_react.default.createElement(_BannerEventBox.default, {
@@ -59,7 +84,7 @@ const BannerEventBoxList = props => {
59
84
  dates: item === null || item === void 0 ? void 0 : item.dates,
60
85
  data: item === null || item === void 0 ? void 0 : item.data,
61
86
  onInfoClick: () => retailerFile(item === null || item === void 0 ? void 0 : item.banner)
62
- })))));
87
+ }))) : children));
63
88
  };
64
89
  BannerEventBoxList.defaultProps = {
65
90
  className: '',
@@ -99,8 +124,11 @@ BannerEventBoxList.defaultProps = {
99
124
  items: ['coca', 'mentos', 'spring', 'cola']
100
125
  }]
101
126
  }],
127
+ retailer: 'StopAndShop',
102
128
  retailerFile: () => {},
129
+ cardsContent: true,
103
130
  disableToggle: false,
131
+ children: null,
104
132
  bannerWidth: 'auto'
105
133
  };
106
134
  var _default = exports.default = BannerEventBoxList;
package/dist/stories/components/BannerEventBoxList.style.js CHANGED
@@ -4,15 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.ToggleContainer = exports.MainContainer = exports.EventType = exports.EventNameSpan = exports.EventName = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
7
+ exports.ToggleContainer = exports.SubDetails = exports.MainDetails = exports.MainContainer = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
11
11
  const CollapseMenuItemMainContainer = exports.CollapseMenuItemMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n background: white;\n padding: 20px 24px;\n box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.2);\n"])));
12
- const CollapseMenuItemContainer = exports.CollapseMenuItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n"])));
13
- const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n @media (max-width: 1536px) {\n font-size: 12px;\n }\n"])));
14
- const ToggleContainer = exports.ToggleContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n right: 0;\n cursor: 'pointer';\n"])));
15
- const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n display: flex;\n gap: 20px;\n padding-bottom: 4px;\n"])), props => props.width, props => props.height);
16
- const EventType = exports.EventType = _styledComponents.default.h3(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 16px;\n font-weight: 500;\n margin: 16px 0 20px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
17
- const EventName = exports.EventName = _styledComponents.default.h3(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 16px;\n font-weight: 500;\n margin: 0 0 20px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
18
- const EventNameSpan = exports.EventNameSpan = _styledComponents.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n"])));
12
+ const CollapseMenuItemContainer = exports.CollapseMenuItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n"])));
13
+ const MainDetails = exports.MainDetails = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 16px;\n"])));
14
+ const SubDetails = exports.SubDetails = _styledComponents.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 16px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
15
+ const ToggleContainer = exports.ToggleContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n cursor: 'pointer';\n display: flex;\n align-items: center;\n"])));
16
+ const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin-top: 12px;\n border-top: 1px solid #D0D0D0;\n @media (max-width: 1536px) {\n font-size: 12px;\n }\n"])));
17
+ const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n display: flex;\n gap: 20px;\n padding: 20px 0 4px;\n"])), props => props.width, props => props.height);
package/dist/stories/components/CampaignTool/FormSelect.js CHANGED
@@ -32,9 +32,6 @@ const FormSelect = _ref => {
32
32
  control,
33
33
  rules: (0, _PopupFieldsRules.getPopupFieldsRules)(name)
34
34
  });
35
- const testChange = event => {
36
- console.log("event", event);
37
- };
38
35
  return /*#__PURE__*/_react.default.createElement(_Select.default, Object.assign({}, props, {
39
36
  onChange: field.onChange,
40
37
  value: field.value,
package/dist/stories/components/CampaignTool/Popup.js CHANGED
@@ -80,7 +80,7 @@ const Popup = props => {
80
80
  subtitleTextColor: subtitleTextColor
81
81
  }, title)), IsItemOpen && /*#__PURE__*/_react.default.createElement(_Popup.AccordionContentContainer, {
82
82
  id: "AccordionContentContainer"
83
- }, console.log('rowsData', title, children.props.children), title === 'Campaigns' ? children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[0] : title === 'Products' ? children === null || children === void 0 ? void 0 : (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.children[1] : '', /*#__PURE__*/_react.default.createElement(_PopupContent.default, {
83
+ }, title === 'Campaigns' ? children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[0] : title === 'Products' ? children === null || children === void 0 ? void 0 : (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.children[1] : '', /*#__PURE__*/_react.default.createElement(_PopupContent.default, {
84
84
  id: "PopupContent",
85
85
  width: "100%",
86
86
  height: "100%",
package/dist/stories/components/CollapseMenuItem.js CHANGED
@@ -53,6 +53,7 @@ const CollapseMenuItem = props => {
53
53
  };
54
54
  var _default = exports.default = CollapseMenuItem;
55
55
  CollapseMenuItem.defaultProps = {
56
+ className: '',
56
57
  title: '',
57
58
  subTitle: '',
58
59
  showBorder: false,
package/dist/stories/components/FilterPanel.js CHANGED
@@ -316,7 +316,6 @@ const FilterPanel = props => {
316
316
  return content;
317
317
  };
318
318
  const displayField = item => {
319
- console.log('item', item);
320
319
  let content;
321
320
  switch (item.inputType) {
322
321
  case 'dropdown':
package/dist/stories/components/MonthPopupPicker.js CHANGED
@@ -46,7 +46,6 @@ const MonthPopupPicker = _ref => {
46
46
  }, [value, isOpen]);
47
47
  const renderDatePicker = () => {
48
48
  const currentDate = currentStartDate || new Date();
49
- console.log('currentDate', years.indexOf(currentDate.getFullYear()));
50
49
  const startMonth = currentDate.getMonth(); // Get the start month index
51
50
  const selectedYear = currentDate.getFullYear();
52
51
  const endDate = new Date(selectedYear, 11, 1);
package/dist/stories/components/QuarterPopupPicker.js CHANGED
@@ -45,7 +45,6 @@ const QuarterPopupPicker = _ref => {
45
45
  const [selectedQuarter, setSelectedQuarter] = (0, _react.useState)(null);
46
46
  const [currentStartDate, setCurrentStartDate] = (0, _react.useState)(new Date(new Date().getFullYear(), 0, 1));
47
47
  const handleDateSelect = date => {
48
- console.log('handleDateSelect date', "".concat(date, "-").concat(currentStartDate.getFullYear()));
49
48
  setSelectedQuarter(date);
50
49
  onChangeDate("".concat(date, "-").concat(currentStartDate.getFullYear()));
51
50
  };
package/dist/stories/components/RangeDatePicker.js CHANGED
@@ -63,7 +63,6 @@ const DatePicker = _ref => {
63
63
  setCurrentEndDate(null);
64
64
  };
65
65
  (0, _react.useEffect)(() => {
66
- console.log('dateArr', value);
67
66
  if (value === '' || value === undefined) {
68
67
  setStartDate(null);
69
68
  setEndDate(null);
@@ -96,7 +95,6 @@ const DatePicker = _ref => {
96
95
  }, /*#__PURE__*/_react.default.createElement(_ChervronRightIcon.default, null)))), /*#__PURE__*/_react.default.createElement(DatePickerCalendar, null, daysOfWeek.map(day => /*#__PURE__*/_react.default.createElement(DateCell, {
97
96
  key: day
98
97
  }, day)), dates.map(date => {
99
- // console.log('startDate', startDate,endDate,date);
100
98
  if (startDate && endDate && (date.getTime() === startDate.getTime() || date.getTime() === endDate.getTime())) {
101
99
  return /*#__PURE__*/_react.default.createElement(DateCell, {
102
100
  key: date.toISOString(),
package/dist/stories/components/Select.js CHANGED
@@ -75,7 +75,6 @@ const Select = _ref => {
75
75
  }
76
76
  };
77
77
  const isSelected = option => selectedOptions.some(selectedOption => selectedOption.value === option.value);
78
- console.log('props', showOptions, filteredoptions === null || filteredoptions === void 0 ? void 0 : filteredoptions.length);
79
78
  return /*#__PURE__*/_react.default.createElement(_Select.SelectWrapper, {
80
79
  width: width,
81
80
  height: height
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.783",
3
+ "version": "1.0.785",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {