sag_components 1.0.195 → 1.0.197

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 (5) hide show
  1. package/dist/stories/components/Datepicker.js +4 -1
  2. package/dist/stories/components/TitleDescription.js +6 -2
  3. package/dist/stories/components/TitleDescription.style.js +12 -4
  4. package/dist/stories/components/TotalDoughnutChart.js +2 -2
  5. package/package.json +1 -1
package/dist/stories/components/Datepicker.js CHANGED
@@ -27,7 +27,9 @@ var Datepicker = function Datepicker(_ref) {
27
27
  shape = _ref.shape,
28
28
  _onChange = _ref.onChange,
29
29
  value = _ref.value,
30
- disableClearable = _ref.disableClearable;
30
+ disableClearable = _ref.disableClearable,
31
+ _ref$disabled = _ref.disabled,
32
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
31
33
  /**
32
34
  * SAG Datepicker
33
35
  */
@@ -101,6 +103,7 @@ var Datepicker = function Datepicker(_ref) {
101
103
  }, /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
102
104
  value: valueState,
103
105
  clearable: true,
106
+ disabled: disabled,
104
107
  onChange: function onChange(newValue) {
105
108
  setvalueState(newValue);
106
109
  console.log("newValue onChange", newValue === null || newValue === void 0 ? void 0 : newValue.format("YYYY-MM-DD").toString());
package/dist/stories/components/TitleDescription.js CHANGED
@@ -16,7 +16,7 @@ var _HannafordIcon = require("./icons/HannafordIcon");
16
16
  var _StopAndShopIcon = require("./icons/StopAndShopIcon");
17
17
  var _TheGiantCompanyIcon = require("./icons/TheGiantCompanyIcon");
18
18
  var _TitleDescriptionStyle = require("./TitleDescription.style.js");
19
- var _excluded = ["showRetailerIcon", "data", "infoButtonOnClick", "objectivesShowMoreOnClick", "viewCreativeOnClick", "downloadButtonOnClick", "width", "height", "textColor"];
19
+ var _excluded = ["showRetailerIcon", "data", "infoButtonOnClick", "objectivesShowMoreOnClick", "viewCreativeOnClick", "downloadButtonOnClick", "width", "height", "textColor", "disabled"];
20
20
  /*TitleDescription*/
21
21
  var TitleDescription = function TitleDescription(_ref) {
22
22
  var _ref$showRetailerIcon = _ref.showRetailerIcon,
@@ -32,6 +32,8 @@ var TitleDescription = function TitleDescription(_ref) {
32
32
  height = _ref$height === void 0 ? "100%" : _ref$height,
33
33
  _ref$textColor = _ref.textColor,
34
34
  textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
35
+ _ref$disabled = _ref.disabled,
36
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
35
37
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
36
38
  var getRetailerIcon = function getRetailerIcon(retailerName) {
37
39
  switch (retailerName) {
@@ -91,7 +93,8 @@ var TitleDescription = function TitleDescription(_ref) {
91
93
  id: "EventName"
92
94
  }, data.eventName, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ViewCreativeContainer, {
93
95
  onClick: viewCreativeOnClick,
94
- id: "ViewCreativeContainer"
96
+ id: "ViewCreativeContainer",
97
+ disabled: disabled
95
98
  }, /*#__PURE__*/_react.default.createElement(_EyeIcon.EyeIcon, {
96
99
  width: "12",
97
100
  height: "12"
@@ -129,6 +132,7 @@ var TitleDescription = function TitleDescription(_ref) {
129
132
  id: "ObjectivesTitle"
130
133
  }, "Objectives:", " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
131
134
  id: "ObjectivesShowMore",
135
+ disabled: disabled,
132
136
  onClick: function onClick(event) {
133
137
  objectivesShowMoreOnClick({
134
138
  eventName: "objectivesShowMoreOnClick",
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -24,7 +24,11 @@ var EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateO
24
24
  exports.EventNameViewCreativeSubContainer = EventNameViewCreativeSubContainer;
25
25
  var EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 1.2rem;\n margin: 0;\n"])));
26
26
  exports.EventName = EventName;
27
- var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 3px 10px;\n &:hover {\n cursor: pointer;\n }\n"])));
27
+ var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 3px 10px;\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
28
+ return props.disabled ? "#B1B1B1" : "#212121";
29
+ }, function (props) {
30
+ return !props.disabled ? "pointer" : "default";
31
+ });
28
32
  exports.ViewCreativeContainer = ViewCreativeContainer;
29
33
  var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n"])));
30
34
  exports.ViewCreativeTextField = ViewCreativeTextField;
@@ -32,7 +36,7 @@ var FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_
32
36
  exports.FilterValuesContainer = FilterValuesContainer;
33
37
  var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n"])));
34
38
  exports.FilterValue = FilterValue;
35
- var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)([" \n color: #ccc;\n margin: 0;\n"])));
39
+ var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
36
40
  exports.FieldsDelimiter = FieldsDelimiter;
37
41
  var Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
38
42
  exports.Retailer = Retailer;
@@ -46,9 +50,13 @@ var ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject
46
50
  exports.ObjectiesAndPeriodsContainer = ObjectiesAndPeriodsContainer;
47
51
  var ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)([""])));
48
52
  exports.ObjectivesTitle = ObjectivesTitle;
49
- var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0; \n \n"])));
53
+ var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
50
54
  exports.ObjectivesDescription = ObjectivesDescription;
51
- var ObjectivesShowMore = _styledComponents.default.a(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
55
+ var ObjectivesShowMore = _styledComponents.default.a(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
56
+ return props.disabled ? "#B1B1B1" : "#1b30aa";
57
+ }, function (props) {
58
+ return !props.disabled ? "pointer" : "default";
59
+ });
52
60
  exports.ObjectivesShowMore = ObjectivesShowMore;
53
61
  var BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
54
62
  exports.BottonsContainer = BottonsContainer;
package/dist/stories/components/TotalDoughnutChart.js CHANGED
@@ -97,8 +97,8 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
97
97
  onMouseEnter: onPieEnterHandler
98
98
  }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
99
99
  data: legendData,
100
- outerRadius: 40 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
101
- innerRadius: 27 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
100
+ outerRadius: 37 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
101
+ innerRadius: 26 * (rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT),
102
102
  fill: "#8884d8",
103
103
  dataKey: "value"
104
104
  }, legendData.map(function (row, index) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.195",
3
+ "version": "1.0.197",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {