sag_components 1.0.262 → 1.0.263

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 (6) hide show
  1. package/.history/package_20231025125225.json +82 -0
  2. package/.history/package_20231025125249.json +82 -0
  3. package/dist/stories/components/OneColumnContainer.js +32 -27
  4. package/dist/stories/components/OneColumnContainer.style.js +2 -2
  5. package/dist/stories/components/PerformanceAnalyticsOneColumn.style.js +2 -2
  6. package/package.json +1 -1
package/.history/package_20231025125225.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.262",
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.2",
19
+ "@babel/preset-react": "^7.22.15",
20
+ "@babel/preset-typescript": "^7.23.2",
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": "^5.2.7",
33
+ "eslint": "^8.50.0",
34
+ "eslint-config-airbnb": "^19.0.4",
35
+ "eslint-plugin-import": "^2.28.1",
36
+ "eslint-plugin-jsx-a11y": "^6.7.1",
37
+ "eslint-plugin-react": "^7.33.2",
38
+ "eslint-plugin-react-hooks": "^4.6.0",
39
+ "react-dom": "^18.2.0",
40
+ "sass": "^1.68.0",
41
+ "sass-loader": "^13.3.2",
42
+ "style-loader": "^3.3.3"
43
+ },
44
+ "dependencies": {
45
+ "@dnd-kit/core": "^6.0.8",
46
+ "@emotion/react": "^11.11.1",
47
+ "@emotion/styled": "^11.11.0",
48
+ "@fontsource/roboto": "^5.0.8",
49
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
50
+ "@fortawesome/free-solid-svg-icons": "^6.4.2",
51
+ "@fortawesome/react-fontawesome": "^0.2.0",
52
+ "@mui/icons-material": "^5.14.13",
53
+ "@mui/material": "^5.14.13",
54
+ "@mui/styled-engine-sc": "^5.14.12",
55
+ "@mui/x-date-pickers": "^6.16.2",
56
+ "@storybook/addon-designs": "^7.0.5",
57
+ "babel-plugin-react-css-modules": "^5.2.6",
58
+ "classnames": "^2.3.2",
59
+ "dayjs": "^1.11.10",
60
+ "hoopy": "^0.1.4",
61
+ "prop-types": "^15.8.1",
62
+ "react": "^18.2.0",
63
+ "react-css-modules": "^4.7.11",
64
+ "react-loading-skeleton": "^3.3.1",
65
+ "react-scripts": "5.0.1",
66
+ "recharts": "^2.6.2",
67
+ "storybook": "^7.4.6",
68
+ "styled-components": "^5.3.11"
69
+ },
70
+ "browserslist": {
71
+ "production": [
72
+ ">0.2%",
73
+ "not dead",
74
+ "not op_mini all"
75
+ ],
76
+ "development": [
77
+ "last 1 chrome version",
78
+ "last 1 firefox version",
79
+ "last 1 safari version"
80
+ ]
81
+ }
82
+ }
package/.history/package_20231025125249.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.263",
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.2",
19
+ "@babel/preset-react": "^7.22.15",
20
+ "@babel/preset-typescript": "^7.23.2",
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": "^5.2.7",
33
+ "eslint": "^8.50.0",
34
+ "eslint-config-airbnb": "^19.0.4",
35
+ "eslint-plugin-import": "^2.28.1",
36
+ "eslint-plugin-jsx-a11y": "^6.7.1",
37
+ "eslint-plugin-react": "^7.33.2",
38
+ "eslint-plugin-react-hooks": "^4.6.0",
39
+ "react-dom": "^18.2.0",
40
+ "sass": "^1.68.0",
41
+ "sass-loader": "^13.3.2",
42
+ "style-loader": "^3.3.3"
43
+ },
44
+ "dependencies": {
45
+ "@dnd-kit/core": "^6.0.8",
46
+ "@emotion/react": "^11.11.1",
47
+ "@emotion/styled": "^11.11.0",
48
+ "@fontsource/roboto": "^5.0.8",
49
+ "@fortawesome/fontawesome-svg-core": "^6.4.2",
50
+ "@fortawesome/free-solid-svg-icons": "^6.4.2",
51
+ "@fortawesome/react-fontawesome": "^0.2.0",
52
+ "@mui/icons-material": "^5.14.13",
53
+ "@mui/material": "^5.14.13",
54
+ "@mui/styled-engine-sc": "^5.14.12",
55
+ "@mui/x-date-pickers": "^6.16.2",
56
+ "@storybook/addon-designs": "^7.0.5",
57
+ "babel-plugin-react-css-modules": "^5.2.6",
58
+ "classnames": "^2.3.2",
59
+ "dayjs": "^1.11.10",
60
+ "hoopy": "^0.1.4",
61
+ "prop-types": "^15.8.1",
62
+ "react": "^18.2.0",
63
+ "react-css-modules": "^4.7.11",
64
+ "react-loading-skeleton": "^3.3.1",
65
+ "react-scripts": "5.0.1",
66
+ "recharts": "^2.6.2",
67
+ "storybook": "^7.4.6",
68
+ "styled-components": "^5.3.11"
69
+ },
70
+ "browserslist": {
71
+ "production": [
72
+ ">0.2%",
73
+ "not dead",
74
+ "not op_mini all"
75
+ ],
76
+ "development": [
77
+ "last 1 chrome version",
78
+ "last 1 firefox version",
79
+ "last 1 safari version"
80
+ ]
81
+ }
82
+ }
package/dist/stories/components/OneColumnContainer.js CHANGED
@@ -9,18 +9,20 @@ exports.default = exports.OneColumnContainer = 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 _OneColumnContainer = require("./OneColumnContainer.style");
13
+ var _InfoIcon = require("./icons/InfoIcon");
12
14
  var _core = require("@dnd-kit/core");
13
15
  var _classnames = _interopRequireDefault(require("classnames"));
14
16
  var _reactLoadingSkeleton = _interopRequireWildcard(require("react-loading-skeleton"));
15
- var _InfoIcon = require("./icons/InfoIcon");
16
- var _OneColumnContainer = require("./OneColumnContainer.style");
17
17
  require("react-loading-skeleton/dist/skeleton.css");
18
- var _excluded = ["children", "isLoading", "gridTemplateColumns", "nodeRef", "itemClass", "divStyle", "overStyle", "draggingStyle", "droppedStyle", "refId", "width", "height", "infoTitle", "infoText", "disableInfo"];
18
+ var _excluded = ["children", "display", "isLoading", "gridTemplateColumns", "nodeRef", "itemClass", "divStyle", "overStyle", "draggingStyle", "droppedStyle", "refId", "width", "height", "infoTitle", "infoText", "disableInfo"];
19
19
  /**
20
20
  * Primary UI component for user interaction
21
21
  */
22
22
  var OneColumnContainer = exports.OneColumnContainer = function OneColumnContainer(_ref) {
23
23
  var children = _ref.children,
24
+ _ref$display = _ref.display,
25
+ display = _ref$display === void 0 ? "flex" : _ref$display,
24
26
  isLoading = _ref.isLoading,
25
27
  gridTemplateColumns = _ref.gridTemplateColumns,
26
28
  nodeRef = _ref.nodeRef,
@@ -54,34 +56,15 @@ var OneColumnContainer = exports.OneColumnContainer = function OneColumnContaine
54
56
  className: (0, _classnames.default)(itemClass, overStyle, draggingStyle, children && droppedStyle, divStyle),
55
57
  width: width,
56
58
  height: height
57
- }, !isLoading && !hover && children, !disableInfo && !isLoading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hover && /*#__PURE__*/_react.default.createElement(_OneColumnContainer.InfoTextContainer, {
58
- id: "InfoTextContainer",
59
- width: width,
60
- height: height
61
- }, infoTitle && /*#__PURE__*/_react.default.createElement(_OneColumnContainer.InfoTitleLabel, {
62
- id: "InfoTitleLabel",
63
- dangerouslySetInnerHTML: {
64
- __html: infoTitle
65
- }
66
- }), /*#__PURE__*/_react.default.createElement(_OneColumnContainer.InfoTextLabel, {
67
- id: "InfoTextLabel",
68
- dangerouslySetInnerHTML: {
69
- __html: infoText
70
- }
71
- })), /*#__PURE__*/_react.default.createElement(_OneColumnContainer.IconContainer, {
72
- id: "IconContainer",
73
- onMouseEnter: function onMouseEnter() {
74
- return setHover(true);
75
- },
76
- onMouseLeave: function onMouseLeave() {
77
- return setHover(false);
78
- }
79
- }, /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, null))), /*#__PURE__*/_react.default.createElement("div", {
59
+ }, /*#__PURE__*/_react.default.createElement("div", {
80
60
  id: "mainDiv",
81
61
  className: props.className,
82
62
  style: {
63
+ alignItems: "flex-start",
64
+ justifyContent: "center",
83
65
  width: width,
84
66
  height: height,
67
+ display: display,
85
68
  gridTemplateColumns: gridTemplateColumns
86
69
  },
87
70
  ref: anotherRef
@@ -100,7 +83,29 @@ var OneColumnContainer = exports.OneColumnContainer = function OneColumnContaine
100
83
  width: (offsetWidth !== null && offsetWidth !== void 0 ? offsetWidth : 200) * 0.76,
101
84
  height: 10,
102
85
  containerClassName: "avatar-skeleton"
103
- })))));
86
+ }))), !isLoading && !hover && children, !disableInfo && !isLoading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hover && /*#__PURE__*/_react.default.createElement(_OneColumnContainer.InfoTextContainer, {
87
+ id: "InfoTextContainer",
88
+ width: width,
89
+ height: height
90
+ }, infoTitle && /*#__PURE__*/_react.default.createElement(_OneColumnContainer.InfoTitleLabel, {
91
+ id: "InfoTitleLabel",
92
+ dangerouslySetInnerHTML: {
93
+ __html: infoTitle
94
+ }
95
+ }), /*#__PURE__*/_react.default.createElement(_OneColumnContainer.InfoTextLabel, {
96
+ id: "InfoTextLabel",
97
+ dangerouslySetInnerHTML: {
98
+ __html: infoText
99
+ }
100
+ })), /*#__PURE__*/_react.default.createElement(_OneColumnContainer.IconContainer, {
101
+ id: "IconContainer",
102
+ onMouseEnter: function onMouseEnter() {
103
+ return setHover(true);
104
+ },
105
+ onMouseLeave: function onMouseLeave() {
106
+ return setHover(false);
107
+ }
108
+ }, /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, null)))));
104
109
  };
105
110
  OneColumnContainer.defaultProps = {};
106
111
  var _default = exports.default = OneColumnContainer;
package/dist/stories/components/OneColumnContainer.style.js CHANGED
@@ -20,9 +20,9 @@ var InfoTextContainer = exports.InfoTextContainer = _styledComponents.default.di
20
20
  });
21
21
  var InfoTitleLabel = exports.InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n color: black;\n margin: 0px 0px 10px 0px;\n font-size: 18px;\n line-height: 32px;\n /* overflow: scroll; */\n overflow: hidden;\n"])));
22
22
  var InfoTextLabel = exports.InfoTextLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: black;\n font-size: 14px;\n line-height: 20px;\n font-weight: 400;\n\n /* overflow: scroll; */\n overflow: hidden;\n"])));
23
- var IconContainer = exports.IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 20px;\n height: 20px;\n float: right;\n padding: 10px;\n"])));
23
+ var IconContainer = exports.IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 20px;\n height: 20px;\n position: absolute;\n margin-top: 10px;\n margin-right: 10px;\n top: 0;\n right: 0;\n padding: 0;\n"])));
24
24
  var LoadingDiv = exports.LoadingDiv = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 76%;\n height: 65%;\n"])));
25
- var mainDiv = exports.mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n align-items: \"flex-start\";\n justify-content: \"center\";\n width: ", ";\n height: ", ";\n display: ", ";\n grid-template-columns: ", ";\n"])), function (props) {
25
+ var mainDiv = exports.mainDiv = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n align-items: \"flex-start\";\n justify-content: \"center\";\n width: ", ";\n height: ", ";\n display: ", ";\n grid-template-columns: ", ";\n"])), function (props) {
26
26
  return props.width;
27
27
  }, function (props) {
28
28
  return props.height;
package/dist/stories/components/PerformanceAnalyticsOneColumn.style.js CHANGED
@@ -18,8 +18,8 @@ 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 TotalsDataContainer = exports.TotalsDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n"])));
22
- var SegmentedButtonContainer = exports.SegmentedButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n"])));
21
+ var TotalsDataContainer = exports.TotalsDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n"])));
22
+ var SegmentedButtonContainer = exports.SegmentedButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n padding: 10px 0 0 10px;\n"])));
23
23
  var TooltipContainer = exports.TooltipContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n border-radius: 5px;\n background: #fff;\n font-family: \"Poppins\", sans-serif;\n border-radius: 5px;\n padding: 8px 12px;\n display: grid;\n"])));
24
24
  var TooltipLabel = exports.TooltipLabel = _styledComponents.default.p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n width: fit-content;\n margin: 0 6px 0 0;\n"])));
25
25
  var TooltipValue = exports.TooltipValue = _styledComponents.default.p(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n width: fit-content;\n margin: 0;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.262",
3
+ "version": "1.0.263",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {