sag_components 1.0.332 → 1.0.334

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_20231119113637.json +83 -0
  2. package/.history/package_20231120100907.json +83 -0
  3. package/dist/stories/components/FilterContainer.js +4 -3
  4. package/dist/stories/components/FilterContainer.style.js +2 -2
  5. package/dist/stories/components/NoDataFoundMessage.style.js +3 -3
  6. package/dist/stories/components/PerformanceAnalytics.js +48 -32
  7. package/dist/stories/components/PerformanceAnalyticsLegend.style.js +1 -1
  8. package/dist/stories/components/TitleDescription.style.js +3 -3
  9. package/dist/stories/components/TotalDoughnutChart.style.js +1 -1
  10. package/package.json +1 -1
package/.history/package_20231119113637.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.333",
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.18",
54
+ "@mui/material": "^5.14.18",
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_20231120100907.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.334",
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.18",
54
+ "@mui/material": "^5.14.18",
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/FilterContainer.js CHANGED
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.FilterContainer = void 0;
8
8
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
9
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
10
- var _FilterContainer = require("./FilterContainer.style");
11
10
  var _react = _interopRequireDefault(require("react"));
12
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _FilterContainer = require("./FilterContainer.style");
13
13
  var _excluded = ["itemClass", "nodeRef"];
14
14
  var _templateObject;
15
15
  var Card = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
@@ -20,13 +20,14 @@ var FilterContainer = exports.FilterContainer = /*#__PURE__*/_react.default.forw
20
20
  return /*#__PURE__*/_react.default.createElement(_FilterContainer.FilterDivContainer, {
21
21
  className: itemClass,
22
22
  style: {
23
- width: "100%",
24
- height: "100%"
23
+ width: '100%',
24
+ height: '100%'
25
25
  }
26
26
  }, /*#__PURE__*/_react.default.createElement("div", {
27
27
  className: props.className,
28
28
  ref: nodeRef
29
29
  }, props.children));
30
30
  });
31
+ FilterContainer.propTypes = {};
31
32
  FilterContainer.defaultProps = {};
32
33
  var _default = exports.default = FilterContainer;
package/dist/stories/components/FilterContainer.style.js CHANGED
@@ -8,6 +8,6 @@ exports.FilterFooterContent = exports.FilterDivContent = exports.FilterDivContai
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3;
11
- var FilterDivContainer = exports.FilterDivContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height:100%;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n display: grid;\n background: \"#FFFFFF\";\n"])));
12
- var FilterDivContent = exports.FilterDivContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n padding-top: 40px;\n height: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n > div{\n margin: 25px;\n }\n"])));
11
+ var FilterDivContainer = exports.FilterDivContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height:100%;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n display: grid;\n background-color: white;\n"])));
12
+ var FilterDivContent = exports.FilterDivContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n padding-top: 40px;\n height: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n > div {\n margin: 25px;\n }\n"])));
13
13
  var FilterFooterContent = exports.FilterFooterContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: 10%;\n"])));
package/dist/stories/components/NoDataFoundMessage.style.js CHANGED
@@ -8,6 +8,6 @@ exports.NoDataFoundTitle = exports.NoDataFoundText = exports.NoDataFoundContaine
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3;
11
- var NoDataFoundContainer = exports.NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 0.8rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n"])));
12
- var NoDataFoundTitle = exports.NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin: 0;\n margin-top: 1.5rem;\n padding-right: 0.77778rem;\n"])));
13
- var NoDataFoundText = exports.NoDataFoundText = _styledComponents.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8rem;\n margin: 0;\n margin-top: 0.4rem;\n text-align: center;\n line-height: 1.1rem;\n"])));
11
+ var NoDataFoundContainer = exports.NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-weight: 400;\n display: flex;\n flex-direction: column;\n align-items: center;\n"])));
12
+ var NoDataFoundTitle = exports.NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 18px;\n margin: 0;\n margin-top: 20px;\n padding-right: 14px;\n @media (max-width: 1366px) {\n font-size: 14px;\n }\n"])));
13
+ var NoDataFoundText = exports.NoDataFoundText = _styledComponents.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 16px;\n margin: 0;\n margin-top: 0.4rem;\n text-align: center;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 10px;\n }\n"])));
package/dist/stories/components/PerformanceAnalytics.js CHANGED
@@ -142,7 +142,7 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
142
142
  return null;
143
143
  };
144
144
  var CustomTooltipBarChart = function CustomTooltipBarChart(_ref3) {
145
- var _payload$0$payload$In, _payload$0$payload$co, _payload$0$payload$co2, _payload$0$payload$co3;
145
+ var _payload$0$payload$In;
146
146
  var active = _ref3.active,
147
147
  payload = _ref3.payload;
148
148
  if (active && payload && payload.length > 0) {
@@ -196,36 +196,52 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
196
196
  }, "Incremental Growth Value:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, {
197
197
  id: "TooltipValue"
198
198
  }, "".concat((_payload$0$payload$In = payload[0].payload.IncrementalGrowthValue) === null || _payload$0$payload$In === void 0 ? void 0 : _payload$0$payload$In.toFixed(1), "% "))));
199
- case PERCENT_CONTRIBUTION_OF_TOTAL_STR:
200
- return /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipContainer, {
201
- id: "TooltipContainer"
202
- }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.ToolTipBarchart1Container, {
203
- id: "ToolTipBarchart1Container"
204
- }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.LegendColorRectangle, {
205
- id: "LegendColorRectangle",
206
- color: colorBarchart1
207
- }), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.ToolTipBarchart1LabelAndValueContainer, {
208
- id: "ToolTipBarchart1LabelAndValueContainer"
209
- }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.ToolTipLabelAndValueContainer, {
210
- id: "ToolTipLabelAndValueContainer"
211
- }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipLabel, {
212
- id: "TooltipLabel"
213
- }, "Contribution of Total Package Cost:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, {
214
- id: "TooltipValue"
215
- }, "".concat((_payload$0$payload$co = payload[0].payload.contributionPackageCostValue) === null || _payload$0$payload$co === void 0 ? void 0 : _payload$0$payload$co.toFixed(1), "%"))), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.ToolTipLabelAndValueContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipLabel, {
216
- id: "TooltipLabel"
217
- }, "Contribution of Total Redemption Cost:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, {
218
- id: "TooltipValue"
219
- }, "".concat((_payload$0$payload$co2 = payload[0].payload.contributionRedemptionCostValue) === null || _payload$0$payload$co2 === void 0 ? void 0 : _payload$0$payload$co2.toFixed(1), "%"))))), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.ToolTipLabelAndValueContainer, {
220
- id: "ToolTipLabelAndValueContainer"
221
- }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.LegendColorRectangle, {
222
- id: "LegendColorRectangle",
223
- color: colorBarchart2
224
- }), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipLabel, {
225
- id: "TooltipLabel"
226
- }, "Contribution of Total Incremental Sales:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, {
227
- id: "TooltipValue"
228
- }, "".concat((_payload$0$payload$co3 = payload[0].payload.contributionIncrementalSalesValue) === null || _payload$0$payload$co3 === void 0 ? void 0 : _payload$0$payload$co3.toFixed(1), "%"))));
199
+ // case PERCENT_CONTRIBUTION_OF_TOTAL_STR:
200
+ // return (
201
+ // <TooltipContainer id="TooltipContainer">
202
+ // {/* <TooltipTitle>{`${payload[0].payload.retailer}`}</TooltipTitle> */}
203
+
204
+ // <ToolTipBarchart1Container id="ToolTipBarchart1Container">
205
+ // <LegendColorRectangle
206
+ // id="LegendColorRectangle"
207
+ // color={colorBarchart1}
208
+ // />
209
+
210
+ // <ToolTipBarchart1LabelAndValueContainer id="ToolTipBarchart1LabelAndValueContainer">
211
+ // <ToolTipLabelAndValueContainer id="ToolTipLabelAndValueContainer">
212
+ // <TooltipLabel id="TooltipLabel">
213
+ // Contribution of Total Package Cost:
214
+ // </TooltipLabel>
215
+ // <TooltipValue id="TooltipValue">
216
+ // {`${payload[0].payload.contributionPackageCostValue?.toFixed(1)}%`}
217
+ // </TooltipValue>
218
+ // </ToolTipLabelAndValueContainer>
219
+
220
+ // <ToolTipLabelAndValueContainer>
221
+ // <TooltipLabel id="TooltipLabel">
222
+ // Contribution of Total Redemption Cost:
223
+ // </TooltipLabel>
224
+ // <TooltipValue id="TooltipValue">
225
+ // {`${payload[0].payload.contributionRedemptionCostValue?.toFixed(1)}%`}
226
+ // </TooltipValue>
227
+ // </ToolTipLabelAndValueContainer>
228
+ // </ToolTipBarchart1LabelAndValueContainer>
229
+ // </ToolTipBarchart1Container>
230
+
231
+ // <ToolTipLabelAndValueContainer id="ToolTipLabelAndValueContainer">
232
+ // <LegendColorRectangle
233
+ // id="LegendColorRectangle"
234
+ // color={colorBarchart2}
235
+ // />
236
+ // <TooltipLabel id="TooltipLabel">
237
+ // Contribution of Total Incremental Sales:
238
+ // </TooltipLabel>
239
+ // <TooltipValue id="TooltipValue">
240
+ // {`${payload[0].payload.contributionIncrementalSalesValue?.toFixed(1)}%`}
241
+ // </TooltipValue>
242
+ // </ToolTipLabelAndValueContainer>
243
+ // </TooltipContainer>
244
+ // );
229
245
  default:
230
246
  return null;
231
247
  }
@@ -327,7 +343,7 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
327
343
  var formatedData = data.map(function (item) {
328
344
  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
329
345
  totalValue: item.packageCostValue + item.redemptionCostValue,
330
- contributionTotalCostValue: item.contributionPackageCostValue + item.contributionRedemptionCostValue
346
+ contributionTotalCostValue: item.contributionTotalCostValue
331
347
  });
332
348
  });
333
349
  return /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
package/dist/stories/components/PerformanceAnalyticsLegend.style.js CHANGED
@@ -18,7 +18,7 @@ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.di
18
18
  return props.height;
19
19
  });
20
20
  var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 20px;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: white;\n"])));
21
- var LegendDataContainer = exports.LegendDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n gap: 80px;\n margin-top: 24px;\n @media (max-width: 1536px) {\n gap: 58px;\n margin-top: 14px;\n }\n @media (max-width: 1366px) {\n gap: 50px;\n }\n"])));
21
+ var LegendDataContainer = exports.LegendDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n gap: 80px;\n margin-top: 14px;\n @media (max-width: 1536px) {\n gap: 58px;\n }\n @media (max-width: 1366px) {\n gap: 50px;\n }\n"])));
22
22
  var TitleAndIconContainer = exports.TitleAndIconContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
23
23
  var Title = exports.Title = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 27px;\n margin: 0 0 0 10px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
24
24
  var LegendColorRectangle = exports.LegendColorRectangle = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.875rem;\n min-width: 0.875rem;\n height: 0.875rem;\n border-radius: 2px;\n background: ", ";\n"])), function (props) {
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -15,17 +15,17 @@ 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 line-height: 19px;\n white-space: pre-wrap;\n //overflow: hidden;\n width: 100%;\n @media (max-width: 1536px) {\n padding: 13px 16px;\n }\n @media (max-width: 1366px) {\n padding: 12px 16px;\n }\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
- var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n"])));
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 @media (max-width: 1536px) {\n font-size: 14px;\n }\n"])));
22
22
  var ViewCreativeContainer = exports.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: 2px 10px;\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
23
23
  return props.disabled ? '#B1B1B1' : '#212121';
24
24
  }, function (props) {
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 ViewCreativeButtonAndListBoxContainer = exports.ViewCreativeButtonAndListBoxContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n \n position: relative;\n overflow: visible;\n \n"])));
28
+ var ViewCreativeButtonAndListBoxContainer = exports.ViewCreativeButtonAndListBoxContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n overflow: visible;\n font-size: 18px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
29
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) {
30
30
  return props.left;
31
31
  }, function (props) {
package/dist/stories/components/TotalDoughnutChart.style.js CHANGED
@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
11
11
  var scrollableStyles = "\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: #E8E8E8;\n border-radius: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #D0D0D0;\n border-radius: 5px;\n }\n";
12
- var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-self: center;\n @media (max-width: 1536px) {\n ", "\n }\n\n > * {\n box-sizing: border-box;\n }\n"])), function (props) {
12
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n display: flex;\n align-items: center;\n @media (max-width: 1536px) {\n ", "\n }\n\n > * {\n box-sizing: border-box;\n }\n"])), function (props) {
13
13
  return props.rootFont;
14
14
  }, function (props) {
15
15
  return props.textColor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.332",
3
+ "version": "1.0.334",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {