sag_components 1.0.319 → 1.0.321

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 (13) hide show
  1. package/.history/package-lock_20231114111138.json +47810 -0
  2. package/.history/package-lock_20231114111158.json +47802 -0
  3. package/.history/package_20231114111208.json +83 -0
  4. package/.history/package_20231114111515.json +83 -0
  5. package/.history/package_20231114112931.json +83 -0
  6. package/.history/package_20231114113014.json +83 -0
  7. package/.history/package_20231114113155.json +83 -0
  8. package/dist/stories/components/CheckBox.js +2 -2
  9. package/dist/stories/components/KpiFilter.js +1 -1
  10. package/dist/stories/components/ListBox.style.js +1 -1
  11. package/dist/stories/components/TitleDescription.js +20 -16
  12. package/dist/stories/components/TitleDescription.style.js +22 -21
  13. package/package.json +2 -1
package/.history/package_20231114111208.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_20231114111515.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_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/dist/stories/components/CheckBox.js CHANGED
@@ -9,8 +9,8 @@ exports.default = exports.CheckBox = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _CheckBoxCheckedIcon = require("./icons/CheckBoxCheckedIcon.jsx");
13
- var _CheckBoxNotCheckedIcon = require("./icons/CheckBoxNotCheckedIcon.jsx");
12
+ var _CheckBoxCheckedIcon = require("./icons/CheckBoxCheckedIcon");
13
+ var _CheckBoxNotCheckedIcon = require("./icons/CheckBoxNotCheckedIcon");
14
14
  var _CheckBoxStyle = require("./CheckBox.style.js");
15
15
  var _excluded = ["label", "checked", "disabled", "width", "height", "iconSize", "fontSize", "colorChecked", "colorUnchecked", "onClick"];
16
16
  /*CheckBox*/
package/dist/stories/components/KpiFilter.js CHANGED
@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _CheckBox = require("./CheckBox");
14
- var _CheckBoxButton = require("./CheckBoxButton.jsx");
14
+ var _CheckBoxButton = require("./CheckBoxButton");
15
15
  var _KpiFilterStyle = require("./KpiFilter.style.js");
16
16
  var _excluded = ["eventAttributesData", "kpiData", "width", "height", "buttonsIconColor", "buttonsBorderColor", "buttonsTextColorChecked", "buttonsTextColorUnchecked", "buttonsBackgroundColorChecked", "buttonsBackgroundColorUnchecked", "onClick", "onClickIncludeBenchmark"];
17
17
  var DATATYPE_EVENT_ATTRUBUTES = "EventAttributes";
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/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;