sag_components 1.0.333 → 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 (8) hide show
  1. package/.history/package_20231120100907.json +83 -0
  2. package/dist/stories/components/FilterContainer.js +4 -3
  3. package/dist/stories/components/FilterContainer.style.js +2 -2
  4. package/dist/stories/components/NoDataFoundMessage.style.js +3 -3
  5. package/dist/stories/components/PerformanceAnalyticsLegend.style.js +1 -1
  6. package/dist/stories/components/TitleDescription.style.js +3 -3
  7. package/dist/stories/components/TotalDoughnutChart.style.js +1 -1
  8. package/package.json +1 -1
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/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.333",
3
+ "version": "1.0.334",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {