sag_components 1.0.320 → 1.0.322

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 (10) hide show
  1. package/.history/package_20231114112931.json +83 -0
  2. package/.history/package_20231114113014.json +83 -0
  3. package/.history/package_20231114113155.json +83 -0
  4. package/.history/package_20231114124318.json +83 -0
  5. package/dist/stories/components/ListBox.style.js +1 -1
  6. package/dist/stories/components/PerformanceAnalytics.js +4 -5
  7. package/dist/stories/components/TitleDescription.js +20 -16
  8. package/dist/stories/components/TitleDescription.style.js +22 -21
  9. package/dist/stories/components/icons/GiantFoodIcon.js +2 -2
  10. package/package.json +1 -1
package/.history/package_20231114112931.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.319",
4
+ "description": "",
5
+ "main": "dist/index.js",
6
+ "scripts": {
7
+ "start": "react-scripts start",
8
+ "lint": "eslint .",
9
+ "build": "cross-env BABEL_ENV=production babel src -d dist ",
10
+ "storybook": "storybook dev -p 6006",
11
+ "build-storybook": "storybook build"
12
+ },
13
+ "keywords": [],
14
+ "author": "SAG",
15
+ "license": "ISC",
16
+ "devDependencies": {
17
+ "@babel/cli": "^7.23.0",
18
+ "@babel/preset-env": "^7.23.3",
19
+ "@babel/preset-react": "^7.23.3",
20
+ "@babel/preset-typescript": "^7.23.3",
21
+ "@storybook/addon-a11y": "^7.4.6",
22
+ "@storybook/addon-essentials": "^7.4.6",
23
+ "@storybook/addon-interactions": "^7.4.6",
24
+ "@storybook/addon-links": "^7.4.6",
25
+ "@storybook/addon-storysource": "^7.4.6",
26
+ "@storybook/blocks": "^7.4.6",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.6",
29
+ "@storybook/react-webpack5": "^7.4.6",
30
+ "@storybook/testing-library": "^0.2.2",
31
+ "cross-env": "^7.0.3",
32
+ "css-loader": "^6.8.1",
33
+ "eslint": "^8.53.0",
34
+ "eslint-config-airbnb": "^19.0.4",
35
+ "eslint-plugin-import": "^2.29.0",
36
+ "eslint-plugin-jsx-a11y": "^6.8.0",
37
+ "eslint-plugin-react": "^7.33.2",
38
+ "eslint-plugin-react-hooks": "^4.6.0",
39
+ "react-dom": "^18.2.0",
40
+ "sass": "^1.69.5",
41
+ "sass-loader": "^13.3.2",
42
+ "style-loader": "^3.3.3"
43
+ },
44
+ "dependencies": {
45
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
46
+ "@dnd-kit/core": "^6.0.8",
47
+ "@emotion/react": "^11.11.1",
48
+ "@emotion/styled": "^11.11.0",
49
+ "@fontsource/roboto": "^5.0.8",
50
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
51
+ "@fortawesome/free-solid-svg-icons": "^6.4.2",
52
+ "@fortawesome/react-fontawesome": "^0.2.0",
53
+ "@mui/icons-material": "^5.14.16",
54
+ "@mui/material": "^5.14.17",
55
+ "@mui/styled-engine-sc": "^5.14.12",
56
+ "@mui/x-date-pickers": "^6.18.1",
57
+ "@storybook/addon-designs": "^7.0.5",
58
+ "babel-plugin-react-css-modules": "^5.2.6",
59
+ "classnames": "^2.3.2",
60
+ "dayjs": "^1.11.10",
61
+ "hoopy": "^0.1.4",
62
+ "prop-types": "^15.8.1",
63
+ "react": "^18.2.0",
64
+ "react-css-modules": "^4.7.11",
65
+ "react-loading-skeleton": "^3.3.1",
66
+ "react-scripts": "5.0.1",
67
+ "recharts": "^2.9.3",
68
+ "storybook": "^7.4.6",
69
+ "styled-components": "^5.3.1"
70
+ },
71
+ "browserslist": {
72
+ "production": [
73
+ ">0.2%",
74
+ "not dead",
75
+ "not op_mini all"
76
+ ],
77
+ "development": [
78
+ "last 1 chrome version",
79
+ "last 1 firefox version",
80
+ "last 1 safari version"
81
+ ]
82
+ }
83
+ }
package/.history/package_20231114113014.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.320",
4
+ "description": "",
5
+ "main": "dist/index.js",
6
+ "scripts": {
7
+ "start": "react-scripts start",
8
+ "lint": "eslint .",
9
+ "build": "cross-env BABEL_ENV=production babel src -d dist ",
10
+ "storybook": "storybook dev -p 6006",
11
+ "build-storybook": "storybook build"
12
+ },
13
+ "keywords": [],
14
+ "author": "SAG",
15
+ "license": "ISC",
16
+ "devDependencies": {
17
+ "@babel/cli": "^7.23.0",
18
+ "@babel/preset-env": "^7.23.3",
19
+ "@babel/preset-react": "^7.23.3",
20
+ "@babel/preset-typescript": "^7.23.3",
21
+ "@storybook/addon-a11y": "^7.4.6",
22
+ "@storybook/addon-essentials": "^7.4.6",
23
+ "@storybook/addon-interactions": "^7.4.6",
24
+ "@storybook/addon-links": "^7.4.6",
25
+ "@storybook/addon-storysource": "^7.4.6",
26
+ "@storybook/blocks": "^7.4.6",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.6",
29
+ "@storybook/react-webpack5": "^7.4.6",
30
+ "@storybook/testing-library": "^0.2.2",
31
+ "cross-env": "^7.0.3",
32
+ "css-loader": "^6.8.1",
33
+ "eslint": "^8.53.0",
34
+ "eslint-config-airbnb": "^19.0.4",
35
+ "eslint-plugin-import": "^2.29.0",
36
+ "eslint-plugin-jsx-a11y": "^6.8.0",
37
+ "eslint-plugin-react": "^7.33.2",
38
+ "eslint-plugin-react-hooks": "^4.6.0",
39
+ "react-dom": "^18.2.0",
40
+ "sass": "^1.69.5",
41
+ "sass-loader": "^13.3.2",
42
+ "style-loader": "^3.3.3"
43
+ },
44
+ "dependencies": {
45
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
46
+ "@dnd-kit/core": "^6.0.8",
47
+ "@emotion/react": "^11.11.1",
48
+ "@emotion/styled": "^11.11.0",
49
+ "@fontsource/roboto": "^5.0.8",
50
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
51
+ "@fortawesome/free-solid-svg-icons": "^6.4.2",
52
+ "@fortawesome/react-fontawesome": "^0.2.0",
53
+ "@mui/icons-material": "^5.14.16",
54
+ "@mui/material": "^5.14.17",
55
+ "@mui/styled-engine-sc": "^5.14.12",
56
+ "@mui/x-date-pickers": "^6.18.1",
57
+ "@storybook/addon-designs": "^7.0.5",
58
+ "babel-plugin-react-css-modules": "^5.2.6",
59
+ "classnames": "^2.3.2",
60
+ "dayjs": "^1.11.10",
61
+ "hoopy": "^0.1.4",
62
+ "prop-types": "^15.8.1",
63
+ "react": "^18.2.0",
64
+ "react-css-modules": "^4.7.11",
65
+ "react-loading-skeleton": "^3.3.1",
66
+ "react-scripts": "5.0.1",
67
+ "recharts": "^2.9.3",
68
+ "storybook": "^7.4.6",
69
+ "styled-components": "^5.3.1"
70
+ },
71
+ "browserslist": {
72
+ "production": [
73
+ ">0.2%",
74
+ "not dead",
75
+ "not op_mini all"
76
+ ],
77
+ "development": [
78
+ "last 1 chrome version",
79
+ "last 1 firefox version",
80
+ "last 1 safari version"
81
+ ]
82
+ }
83
+ }
package/.history/package_20231114113155.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.321",
4
+ "description": "",
5
+ "main": "dist/index.js",
6
+ "scripts": {
7
+ "start": "react-scripts start",
8
+ "lint": "eslint .",
9
+ "build": "cross-env BABEL_ENV=production babel src -d dist ",
10
+ "storybook": "storybook dev -p 6006",
11
+ "build-storybook": "storybook build"
12
+ },
13
+ "keywords": [],
14
+ "author": "SAG",
15
+ "license": "ISC",
16
+ "devDependencies": {
17
+ "@babel/cli": "^7.23.0",
18
+ "@babel/preset-env": "^7.23.3",
19
+ "@babel/preset-react": "^7.23.3",
20
+ "@babel/preset-typescript": "^7.23.3",
21
+ "@storybook/addon-a11y": "^7.4.6",
22
+ "@storybook/addon-essentials": "^7.4.6",
23
+ "@storybook/addon-interactions": "^7.4.6",
24
+ "@storybook/addon-links": "^7.4.6",
25
+ "@storybook/addon-storysource": "^7.4.6",
26
+ "@storybook/blocks": "^7.4.6",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.6",
29
+ "@storybook/react-webpack5": "^7.4.6",
30
+ "@storybook/testing-library": "^0.2.2",
31
+ "cross-env": "^7.0.3",
32
+ "css-loader": "^6.8.1",
33
+ "eslint": "^8.53.0",
34
+ "eslint-config-airbnb": "^19.0.4",
35
+ "eslint-plugin-import": "^2.29.0",
36
+ "eslint-plugin-jsx-a11y": "^6.8.0",
37
+ "eslint-plugin-react": "^7.33.2",
38
+ "eslint-plugin-react-hooks": "^4.6.0",
39
+ "react-dom": "^18.2.0",
40
+ "sass": "^1.69.5",
41
+ "sass-loader": "^13.3.2",
42
+ "style-loader": "^3.3.3"
43
+ },
44
+ "dependencies": {
45
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
46
+ "@dnd-kit/core": "^6.0.8",
47
+ "@emotion/react": "^11.11.1",
48
+ "@emotion/styled": "^11.11.0",
49
+ "@fontsource/roboto": "^5.0.8",
50
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
51
+ "@fortawesome/free-solid-svg-icons": "^6.4.2",
52
+ "@fortawesome/react-fontawesome": "^0.2.0",
53
+ "@mui/icons-material": "^5.14.16",
54
+ "@mui/material": "^5.14.17",
55
+ "@mui/styled-engine-sc": "^5.14.12",
56
+ "@mui/x-date-pickers": "^6.18.1",
57
+ "@storybook/addon-designs": "^7.0.5",
58
+ "babel-plugin-react-css-modules": "^5.2.6",
59
+ "classnames": "^2.3.2",
60
+ "dayjs": "^1.11.10",
61
+ "hoopy": "^0.1.4",
62
+ "prop-types": "^15.8.1",
63
+ "react": "^18.2.0",
64
+ "react-css-modules": "^4.7.11",
65
+ "react-loading-skeleton": "^3.3.1",
66
+ "react-scripts": "5.0.1",
67
+ "recharts": "^2.9.3",
68
+ "storybook": "^7.4.6",
69
+ "styled-components": "^5.3.1"
70
+ },
71
+ "browserslist": {
72
+ "production": [
73
+ ">0.2%",
74
+ "not dead",
75
+ "not op_mini all"
76
+ ],
77
+ "development": [
78
+ "last 1 chrome version",
79
+ "last 1 firefox version",
80
+ "last 1 safari version"
81
+ ]
82
+ }
83
+ }
package/.history/package_20231114124318.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.322",
4
+ "description": "",
5
+ "main": "dist/index.js",
6
+ "scripts": {
7
+ "start": "react-scripts start",
8
+ "lint": "eslint .",
9
+ "build": "cross-env BABEL_ENV=production babel src -d dist ",
10
+ "storybook": "storybook dev -p 6006",
11
+ "build-storybook": "storybook build"
12
+ },
13
+ "keywords": [],
14
+ "author": "SAG",
15
+ "license": "ISC",
16
+ "devDependencies": {
17
+ "@babel/cli": "^7.23.0",
18
+ "@babel/preset-env": "^7.23.3",
19
+ "@babel/preset-react": "^7.23.3",
20
+ "@babel/preset-typescript": "^7.23.3",
21
+ "@storybook/addon-a11y": "^7.4.6",
22
+ "@storybook/addon-essentials": "^7.4.6",
23
+ "@storybook/addon-interactions": "^7.4.6",
24
+ "@storybook/addon-links": "^7.4.6",
25
+ "@storybook/addon-storysource": "^7.4.6",
26
+ "@storybook/blocks": "^7.4.6",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.6",
29
+ "@storybook/react-webpack5": "^7.4.6",
30
+ "@storybook/testing-library": "^0.2.2",
31
+ "cross-env": "^7.0.3",
32
+ "css-loader": "^6.8.1",
33
+ "eslint": "^8.53.0",
34
+ "eslint-config-airbnb": "^19.0.4",
35
+ "eslint-plugin-import": "^2.29.0",
36
+ "eslint-plugin-jsx-a11y": "^6.8.0",
37
+ "eslint-plugin-react": "^7.33.2",
38
+ "eslint-plugin-react-hooks": "^4.6.0",
39
+ "react-dom": "^18.2.0",
40
+ "sass": "^1.69.5",
41
+ "sass-loader": "^13.3.2",
42
+ "style-loader": "^3.3.3"
43
+ },
44
+ "dependencies": {
45
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
46
+ "@dnd-kit/core": "^6.0.8",
47
+ "@emotion/react": "^11.11.1",
48
+ "@emotion/styled": "^11.11.0",
49
+ "@fontsource/roboto": "^5.0.8",
50
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
51
+ "@fortawesome/free-solid-svg-icons": "^6.4.2",
52
+ "@fortawesome/react-fontawesome": "^0.2.0",
53
+ "@mui/icons-material": "^5.14.16",
54
+ "@mui/material": "^5.14.17",
55
+ "@mui/styled-engine-sc": "^5.14.12",
56
+ "@mui/x-date-pickers": "^6.18.1",
57
+ "@storybook/addon-designs": "^7.0.5",
58
+ "babel-plugin-react-css-modules": "^5.2.6",
59
+ "classnames": "^2.3.2",
60
+ "dayjs": "^1.11.10",
61
+ "hoopy": "^0.1.4",
62
+ "prop-types": "^15.8.1",
63
+ "react": "^18.2.0",
64
+ "react-css-modules": "^4.7.11",
65
+ "react-loading-skeleton": "^3.3.1",
66
+ "react-scripts": "5.0.1",
67
+ "recharts": "^2.9.3",
68
+ "storybook": "^7.4.6",
69
+ "styled-components": "^5.3.1"
70
+ },
71
+ "browserslist": {
72
+ "production": [
73
+ ">0.2%",
74
+ "not dead",
75
+ "not op_mini all"
76
+ ],
77
+ "development": [
78
+ "last 1 chrome version",
79
+ "last 1 firefox version",
80
+ "last 1 safari version"
81
+ ]
82
+ }
83
+ }
package/dist/stories/components/ListBox.style.js CHANGED
@@ -19,4 +19,4 @@ var PanelContainer = exports.PanelContainer = _styledComponents.default.div(_tem
19
19
  var ButtonsContainer = exports.ButtonsContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n //flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "; \n"])), function (props) {
20
20
  return props.paddingBottom;
21
21
  });
22
- var ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0;\n padding: 6px;\n"])));
22
+ var ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n /* display: flex; */\n white-space: nowrap;\n margin: 0;\n padding: 6px;\n"])));
package/dist/stories/components/PerformanceAnalytics.js CHANGED
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = exports.PerformanceAnalytics = void 0;
9
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
10
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
12
13
  var _react = _interopRequireWildcard(require("react"));
@@ -222,13 +223,11 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
222
223
  dy: "50",
223
224
  fontSize: 16,
224
225
  fontWeight: 600
225
- }, retailerData[0].retailer), /*#__PURE__*/_react.default.createElement("tspan", {
226
+ }, retailerData[0].retailer), /*#__PURE__*/_react.default.createElement("tspan", (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
226
227
  textAnchor: "middle",
227
228
  x: "0",
228
- dy: "30",
229
- fontSize: 14,
230
- fontWeight: 400
231
- }, retailerData[0].offerType), /*#__PURE__*/_react.default.createElement("tspan", {
229
+ dy: "30"
230
+ }, "textAnchor", "middle"), "width", "170"), "fontSize", 14), "fontWeight", 400), retailerData[0].offerType), /*#__PURE__*/_react.default.createElement("tspan", {
232
231
  textAnchor: "middle",
233
232
  x: "0",
234
233
  dy: "30",
package/dist/stories/components/TitleDescription.js CHANGED
@@ -32,11 +32,11 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
32
32
  data = _ref.data,
33
33
  viewCreativeOnClick = _ref.viewCreativeOnClick,
34
34
  _ref$width = _ref.width,
35
- width = _ref$width === void 0 ? "100%" : _ref$width,
35
+ width = _ref$width === void 0 ? '100%' : _ref$width,
36
36
  _ref$height = _ref.height,
37
- height = _ref$height === void 0 ? "100%" : _ref$height,
37
+ height = _ref$height === void 0 ? '100%' : _ref$height,
38
38
  _ref$textcolor = _ref.textcolor,
39
- textcolor = _ref$textcolor === void 0 ? "#212121" : _ref$textcolor,
39
+ textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
40
40
  _ref$disabled = _ref.disabled,
41
41
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
42
42
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -65,35 +65,35 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
65
65
  }, [viewCreativeRetailersData]);
66
66
  var getRetailerIcon = function getRetailerIcon(retailerName) {
67
67
  switch (retailerName) {
68
- case "Food Lion":
68
+ case 'Food Lion':
69
69
  return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
70
70
  id: "RetailerIconContainer"
71
71
  }, /*#__PURE__*/_react.default.createElement(_FoodLionIcon.FoodLionIcon, {
72
72
  width: "90",
73
73
  height: "20"
74
74
  }), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
75
- case "Hannaford":
75
+ case 'Hannaford':
76
76
  return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
77
77
  id: "RetailerIconContainer"
78
78
  }, /*#__PURE__*/_react.default.createElement(_HannafordIcon.HannafordIcon, {
79
79
  width: "90",
80
80
  height: "20"
81
81
  }), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
82
- case "Giant Food":
82
+ case 'Giant Food':
83
83
  return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
84
84
  id: "RetailerIconContainer"
85
85
  }, /*#__PURE__*/_react.default.createElement(_GiantFoodIcon.GiantFoodIcon, {
86
86
  width: "60",
87
87
  height: "20"
88
88
  }), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
89
- case "The Giant Company":
89
+ case 'The Giant Company':
90
90
  return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
91
91
  id: "RetailerIconContainer"
92
92
  }, /*#__PURE__*/_react.default.createElement(_TheGiantCompanyIcon.TheGiantCompanyIcon, {
93
93
  width: "60",
94
94
  height: "20"
95
95
  }), /*#__PURE__*/_react.default.createElement(_TitleDescription.Space, null, " "));
96
- case "Stop&Shop":
96
+ case 'Stop&Shop':
97
97
  return /*#__PURE__*/_react.default.createElement(_TitleDescription.RetailerIconContainer, {
98
98
  id: "RetailerIconContainer"
99
99
  }, /*#__PURE__*/_react.default.createElement(_StopAndShopIcon.StopAndShopIcon, {
@@ -131,11 +131,11 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
131
131
  };
132
132
  var getViewCreativeContainerLeft = function getViewCreativeContainerLeft() {
133
133
  var offsetLeft = viewCreativeContainerRef.current.offsetLeft;
134
- return (offsetLeft + 65).toString().concat("", "px");
134
+ return offsetLeft.toString().concat('', 'px');
135
135
  };
136
136
  var getViewCreativeContainerTop = function getViewCreativeContainerTop() {
137
137
  var offsetTop = viewCreativeContainerRef.current.offsetTop;
138
- return (offsetTop + 55).toString().concat("", "px");
138
+ return (offsetTop + 33).toString().concat('', 'px');
139
139
  };
140
140
  return /*#__PURE__*/_react.default.createElement(_TitleDescription.MainContainer, {
141
141
  id: "MainContainer",
@@ -150,8 +150,10 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
150
150
  id: "EventNameViewCreativeSubContainer"
151
151
  }, /*#__PURE__*/_react.default.createElement(_TitleDescription.EventName, {
152
152
  id: "EventName"
153
- }, data.eventName), /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeContainer, {
154
- id: _TitleDescription.ViewCreativeContainer,
153
+ }, data.eventName), /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeButtonAndListBoxContainer, {
154
+ id: "ViewCreativeButtonAndListBoxContainer"
155
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeContainer, {
156
+ id: "ViewCreativeContainer",
155
157
  ref: viewCreativeContainerRef,
156
158
  onClick: viewCreativeOnClickHandler,
157
159
  disabled: disabled
@@ -161,6 +163,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
161
163
  }), /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeTextField, {
162
164
  id: "ViewCreativeTextField"
163
165
  }, "View creative"), retailersDataState && (retailersDataState === null || retailersDataState === void 0 ? void 0 : retailersDataState.length) > 0 && (viewCreativeListBoxOpenedState ? /*#__PURE__*/_react.default.createElement(_ComboBoxArrowUpIcon.ComboBoxArrowUpIcon, null) : /*#__PURE__*/_react.default.createElement(_ComboBoxArrowDownIcon.ComboBoxArrowDownIcon, null))), viewCreativeListBoxOpenedState && /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeListBoxContainer, {
166
+ id: "ViewCreativeListBoxContainer",
164
167
  left: getViewCreativeContainerLeft(),
165
168
  top: getViewCreativeContainerTop(),
166
169
  width: "190px",
@@ -169,6 +172,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
169
172
  setViewCreativeListBoxOpenedState(false);
170
173
  }
171
174
  }, /*#__PURE__*/_react.default.createElement(_ListBox.ListBox, {
175
+ id: "ListBox",
172
176
  data: retailersDataState,
173
177
  buttonsBackgroundColorChecked: "#B1B1B1",
174
178
  buttonsBackgroundColorUnchecked: "#FFF",
@@ -181,7 +185,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
181
185
  listBoxViewCreativeOnClickHandler(props);
182
186
  },
183
187
  width: "200px"
184
- })))), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValuesContainer, {
188
+ }))))), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValuesContainer, {
185
189
  id: "FilterValuesContainer"
186
190
  }, showRetailerIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.Retailer, {
187
191
  id: "Retailer"
@@ -212,7 +216,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
212
216
  id: "ObjectivesDescription"
213
217
  }, /*#__PURE__*/_react.default.createElement(_TitleDescription.ObjectivesTitle, {
214
218
  id: "ObjectivesTitle"
215
- }, (data === null || data === void 0 ? void 0 : (_data$objectivesDescr = data.objectivesDescription) === null || _data$objectivesDescr === void 0 ? void 0 : _data$objectivesDescr.length) > 0 ? "Objectives: " : ""), data.objectivesDescription)), showPeriodIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodsContainer, {
219
+ }, (data === null || data === void 0 ? void 0 : (_data$objectivesDescr = data.objectivesDescription) === null || _data$objectivesDescr === void 0 ? void 0 : _data$objectivesDescr.length) > 0 ? 'Objectives: ' : ''), data.objectivesDescription)), showPeriodIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodsContainer, {
216
220
  id: "PeriodsContainer"
217
221
  }, /*#__PURE__*/_react.default.createElement(_TitleDescription.SubLineContainer, {
218
222
  id: "SubLineContainer"
@@ -220,8 +224,8 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
220
224
  id: "SubLineContainer"
221
225
  }, (data === null || data === void 0 ? void 0 : (_data$eventDatesValue = data.eventDatesValue) === null || _data$eventDatesValue === void 0 ? void 0 : _data$eventDatesValue.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodLabel, {
222
226
  id: "PeriodLabel"
223
- }, "Event Dates: ") : "", (data === null || data === void 0 ? void 0 : (_data$eventDatesValue2 = data.eventDatesValue) === null || _data$eventDatesValue2 === void 0 ? void 0 : _data$eventDatesValue2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodValue, {
227
+ }, "Event Dates: ") : '', (data === null || data === void 0 ? void 0 : (_data$eventDatesValue2 = data.eventDatesValue) === null || _data$eventDatesValue2 === void 0 ? void 0 : _data$eventDatesValue2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodValue, {
224
228
  id: "PeriodValue"
225
- }, data.eventDatesValue) : "")))));
229
+ }, data.eventDatesValue) : '')))));
226
230
  };
227
231
  var _default = exports.default = TitleDescription;
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
7
+ exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.ViewCreativeButtonAndListBoxContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = 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, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
11
11
  var MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), function (props) {
12
12
  return props.textcolor ? props.textcolor : '#000';
13
13
  }, function (props) {
@@ -15,7 +15,7 @@ var MainContainer = exports.MainContainer = _styledComponents.default.div(_templ
15
15
  }, function (props) {
16
16
  return props.height;
17
17
  });
18
- var PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
18
+ var PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n //overflow: hidden;\n width: 100%;\n"])));
19
19
  var EventNameAndViewCreativeContainer = exports.EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
20
20
  var EventNameViewCreativeSubContainer = exports.EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n align-content: center;\n align-items: center;\n gap: 20px;\n"])));
21
21
  var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n"])));
@@ -25,7 +25,8 @@ var ViewCreativeContainer = exports.ViewCreativeContainer = _styledComponents.de
25
25
  return !props.disabled ? 'pointer' : 'default';
26
26
  });
27
27
  var ViewCreativeTextField = exports.ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 3px 10px;\n font-weight: 400;\n"])));
28
- var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _styledComponents.default.h4(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: fixed;\n \n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n\n z-index:1000;\n"])), function (props) {
28
+ var ViewCreativeButtonAndListBoxContainer = exports.ViewCreativeButtonAndListBoxContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n \n position: relative;\n overflow: visible;\n \n"])));
29
+ var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: absolute;\n \n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n\n z-index:1000;\n"])), function (props) {
29
30
  return props.left;
30
31
  }, function (props) {
31
32
  return props.top;
@@ -34,26 +35,26 @@ var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _style
34
35
  }, function (props) {
35
36
  return props.width;
36
37
  });
37
- var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
38
- var FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n margin: 0;\n"])));
39
- var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
40
- var Retailer = exports.Retailer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
41
- var Space = exports.Space = _styledComponents.default.p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
42
- var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
43
- var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: ", ";\n"])), function (props) {
38
+ var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
39
+ var FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n margin: 0;\n"])));
40
+ var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
41
+ var Retailer = exports.Retailer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
42
+ var Space = exports.Space = _styledComponents.default.p(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
43
+ var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
44
+ var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: ", ";\n"])), function (props) {
44
45
  return !props.showPeriodIcon ? '100%' : '75%';
45
46
  });
46
- var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
47
- var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
48
- var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
49
- var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
47
+ var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
48
+ var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
49
+ var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
50
+ var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
50
51
  return props.disabled ? '#B1B1B1' : '#1b30aa';
51
52
  }, function (props) {
52
53
  return !props.disabled ? 'pointer' : 'default';
53
54
  });
54
- var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
55
- var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)([""])));
56
- var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n"])));
57
- var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
58
- var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
59
- var PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
55
+ var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
56
+ var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)([""])));
57
+ var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n"])));
58
+ var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
59
+ var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
60
+ var PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
package/dist/stories/components/icons/GiantFoodIcon.js CHANGED
@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var GiantFoodIcon = exports.GiantFoodIcon = function GiantFoodIcon(_ref) {
10
10
  var clicked = _ref.clicked,
11
11
  _ref$width = _ref.width,
12
- width = _ref$width === void 0 ? "78" : _ref$width,
12
+ width = _ref$width === void 0 ? '78' : _ref$width,
13
13
  _ref$height = _ref.height,
14
- height = _ref$height === void 0 ? "12" : _ref$height;
14
+ height = _ref$height === void 0 ? '12' : _ref$height;
15
15
  return /*#__PURE__*/_react.default.createElement("svg", {
16
16
  version: "1.0",
17
17
  xmlns: "http://www.w3.org/2000/svg",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.320",
3
+ "version": "1.0.322",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {