sag_components 1.0.970 → 1.0.971

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 (6) hide show
  1. package/dist/stories/components/BannerEventBox.js +33 -23
  2. package/dist/stories/components/BannerEventBox.style.js +5 -1
  3. package/dist/stories/components/BannerEventBoxList.js +3 -1
  4. package/dist/stories/components/CollapseHeader.js +2 -1
  5. package/dist/stories/components/KpiFilter.js +18 -1
  6. package/package.json +1 -1
package/dist/stories/components/BannerEventBox.js CHANGED
@@ -12,6 +12,7 @@ var _TheGiantCompanyNewIcon = require("./icons/TheGiantCompanyNewIcon");
12
12
  var _StopAndShopNewIcon = require("./icons/StopAndShopNewIcon");
13
13
  var _GiantFoodIcon_new = require("./icons/GiantFoodIcon_new");
14
14
  var _HannafordIcon_new = require("./icons/HannafordIcon_new");
15
+ var _Button = require("./Button");
15
16
  const BannerEventBox = props => {
16
17
  const {
17
18
  width,
@@ -20,34 +21,36 @@ const BannerEventBox = props => {
20
21
  description,
21
22
  dates,
22
23
  data,
23
- onInfoClick
24
+ onInfoClick,
25
+ buttonText,
26
+ disabled
24
27
  } = props;
25
28
  const formatedBanners = () => {
26
29
  switch (banner) {
27
- case 'Stop&Shop':
30
+ case "Stop&Shop":
28
31
  return {
29
32
  icon: /*#__PURE__*/_react.default.createElement(_StopAndShopNewIcon.StopAndShopNewIcon, null),
30
- name: 'Stop&Shop'
33
+ name: "Stop&Shop"
31
34
  };
32
- case 'Food Lion':
35
+ case "Food Lion":
33
36
  return {
34
37
  icon: /*#__PURE__*/_react.default.createElement(_FoodLionNewIcon.FoodLionNewIcon, null),
35
- name: 'Food Lion'
38
+ name: "Food Lion"
36
39
  };
37
- case 'Giant Food':
40
+ case "Giant Food":
38
41
  return {
39
42
  icon: /*#__PURE__*/_react.default.createElement(_GiantFoodIcon_new.GiantFoodNewIcon, null),
40
- name: 'Giant Food'
43
+ name: "Giant Food"
41
44
  };
42
- case 'The Giant Company':
45
+ case "The Giant Company":
43
46
  return {
44
47
  icon: /*#__PURE__*/_react.default.createElement(_TheGiantCompanyNewIcon.TheGiantCompanyIcon, null),
45
- name: 'The Giant Company'
48
+ name: "The Giant Company"
46
49
  };
47
- case 'Hannaford':
50
+ case "Hannaford":
48
51
  return {
49
52
  icon: /*#__PURE__*/_react.default.createElement(_HannafordIcon_new.HannafordNewIcon, null),
50
- name: 'Hannaford'
53
+ name: "Hannaford"
51
54
  };
52
55
  default:
53
56
  return null;
@@ -59,29 +62,36 @@ const BannerEventBox = props => {
59
62
  return /*#__PURE__*/_react.default.createElement(_BannerEventBox.MainContainer, {
60
63
  height: height,
61
64
  width: width
62
- }, /*#__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, {
63
- onClick: () => onInfoClickHandler(banner)
64
- }, "Creatives"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.DetailsWrapper, null, data === null || data === void 0 ? void 0 : data.map((item, index) => item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
65
+ }, /*#__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.ButtonWrap, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
66
+ leftIcon: "Eye",
67
+ onClick: () => onInfoClickHandler(banner),
68
+ text: buttonText,
69
+ type: "secondary",
70
+ disabled: disabled
71
+ })), /*#__PURE__*/_react.default.createElement(_BannerEventBox.DetailsWrapper, null, data === null || data === void 0 ? void 0 : data.map((item, index) => item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
65
72
  key: item.name
66
73
  }, /*#__PURE__*/_react.default.createElement(_BannerEventBox.KeyBlock, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Key, null, item.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Count, null, item.items)), index !== data.length - 1 && /*#__PURE__*/_react.default.createElement(_BannerEventBox.Seperator, null)))));
67
74
  };
68
75
  exports.BannerEventBox = BannerEventBox;
69
76
  var _default = exports.default = BannerEventBox;
70
77
  BannerEventBox.defaultProps = {
71
- width: 'auto',
72
- height: 'auto',
73
- banner: 'Food Lion',
74
- description: 'Dreft Portable Pretreater Pen',
75
- dates: ['2021-06-01', '2021-06-30'],
78
+ width: "auto",
79
+ height: "auto",
80
+ banner: "Food Lion",
81
+ description: "Dreft Portable Pretreater Pen",
82
+ dates: ["2021-06-01", "2021-06-30"],
83
+ buttonText: "View Creative",
76
84
  data: [{
77
- name: 'Supplier',
85
+ name: "Supplier",
78
86
  items: 7
79
87
  }, {
80
- name: 'Brands',
88
+ name: "Brands",
81
89
  items: 8
82
90
  }, {
83
- name: 'Product Lines',
91
+ name: "Product Lines",
84
92
  items: 9
85
93
  }],
86
- onInfoClick: () => {}
94
+ onInfoClick: () => {},
95
+ disabled: false,
96
+ buttonText: "View creative"
87
97
  };
package/dist/stories/components/BannerEventBox.style.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.TitleWrapper = exports.Text = exports.Seperator = exports.MoreInfo = exports.MainContainer = exports.KeyBlock = exports.Key = exports.Headline = exports.DetailsWrapper = exports.Count = exports.CardTitle = exports.Block = void 0;
7
+ exports.TitleWrapper = exports.Text = exports.Seperator = exports.MoreInfo = exports.MainContainer = exports.KeyBlock = exports.Key = exports.Headline = exports.DetailsWrapper = exports.Count = exports.CardTitle = exports.ButtonWrap = exports.Block = void 0;
8
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
9
  const MainContainer = exports.MainContainer = _styledComponents.default.div`
10
10
  width: ${props => props.width};
@@ -71,4 +71,8 @@ const Count = exports.Count = _styledComponents.default.span`
71
71
  `;
72
72
  const Seperator = exports.Seperator = _styledComponents.default.div`
73
73
  border-right: 1px solid #F2F2F2;
74
+ `;
75
+ const ButtonWrap = exports.ButtonWrap = _styledComponents.default.div`
76
+ display: flex;
77
+ justify-content: flex-start;
74
78
  `;
package/dist/stories/components/BannerEventBoxList.js CHANGED
@@ -92,7 +92,9 @@ const BannerEventBoxList = props => {
92
92
  description: item === null || item === void 0 ? void 0 : item.description,
93
93
  dates: item === null || item === void 0 ? void 0 : item.dates,
94
94
  data: item === null || item === void 0 ? void 0 : item.data,
95
- onInfoClick: () => retailerFile(item === null || item === void 0 ? void 0 : item.banner)
95
+ onInfoClick: () => retailerFile(item === null || item === void 0 ? void 0 : item.banner),
96
+ disabled: item === null || item === void 0 ? void 0 : item.disabled,
97
+ buttonText: item.buttonText
96
98
  }))) : children));
97
99
  };
98
100
  BannerEventBoxList.defaultProps = {
package/dist/stories/components/CollapseHeader.js CHANGED
@@ -145,7 +145,8 @@ const CollapseHeader = props => {
145
145
  onClick: viewCreativeOnClickHandler,
146
146
  text: buttonText,
147
147
  type: "secondary",
148
- disabled: disabled
148
+ disabled: disabled,
149
+ size: "small"
149
150
  }), viewCreativeListBoxOpenedState && /*#__PURE__*/_react.default.createElement(_CollapseHeader.ViewCreativeListBoxContainer, {
150
151
  id: "ViewCreativeListBoxContainer",
151
152
  top: getViewCreativeContainerTop(),
package/dist/stories/components/KpiFilter.js CHANGED
@@ -151,6 +151,21 @@ const KpiFilter = props => {
151
151
  }
152
152
  return false;
153
153
  };
154
+ const setPeriodSelectAll = selectAllChecked => {
155
+ const periodCheckedArray = [];
156
+ const newPeriod = {
157
+ weeks4: selectAllChecked,
158
+ weeks8: selectAllChecked,
159
+ weeks13: selectAllChecked
160
+ };
161
+ setPeriodState(newPeriod);
162
+ if (selectAllChecked) {
163
+ periodCheckedArray.push('4 weeks', '8 weeks', '13 weeks');
164
+ }
165
+ onClickPeriod({
166
+ periodChecked: periodCheckedArray
167
+ });
168
+ };
154
169
  const displayMainTitle = () => /*#__PURE__*/_react.default.createElement(_KpiFilter.MainTitleContainer, {
155
170
  id: "MainTitleContainer"
156
171
  }, /*#__PURE__*/_react.default.createElement(_KpiFilter.MainTitle, {
@@ -173,11 +188,13 @@ const KpiFilter = props => {
173
188
  ...itemColumn,
174
189
  buttonsArray: (_itemColumn$buttonsAr4 = itemColumn.buttonsArray) === null || _itemColumn$buttonsAr4 === void 0 ? void 0 : _itemColumn$buttonsAr4.map(itemButton => ({
175
190
  ...itemButton,
176
- checked: !isIncludedInIgnoreList(itemButton.label) ? propsSelectAll.checked : itemButton.checked
191
+ checked: !(isIncludedInIgnoreList(itemButton.label) || itemButton.checked && itemButton.disabled) ? propsSelectAll.checked : itemButton.checked,
192
+ secondButtonChecked: !(isIncludedInIgnoreList(itemButton.label) || itemButton.secondButtonChecked && itemButton.secondButtonDisabled) ? propsSelectAll.checked : itemButton.secondButtonChecked.checked
177
193
  }))
178
194
  };
179
195
  });
180
196
  setKpiDataState(newData);
197
+ setPeriodSelectAll(propsSelectAll.checked);
181
198
  }
182
199
  })));
183
200
  const onClickPeriodHandler = checkBox => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.970",
3
+ "version": "1.0.971",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {