sag_components 1.0.252 → 1.0.255

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 (57) hide show
  1. package/.history/package_20231004150338.json +82 -0
  2. package/.history/package_20231004150347.json +82 -0
  3. package/.history/package_20231004154152.json +82 -0
  4. package/.history/package_20231004155924.json +82 -0
  5. package/dist/stories/components/Benchmark.js +2 -4
  6. package/dist/stories/components/Benchmark.style.js +6 -11
  7. package/dist/stories/components/Button.js +2 -4
  8. package/dist/stories/components/Button.style.js +2 -3
  9. package/dist/stories/components/CommonFunctions.js +5 -9
  10. package/dist/stories/components/Datepicker.js +2 -4
  11. package/dist/stories/components/Datepicker.style.js +2 -3
  12. package/dist/stories/components/Dropdown.js +2 -4
  13. package/dist/stories/components/Dropdown.style.js +2 -3
  14. package/dist/stories/components/FilterContainer.js +2 -4
  15. package/dist/stories/components/FilterContainer.style.js +3 -6
  16. package/dist/stories/components/IconButton.js +2 -4
  17. package/dist/stories/components/IconButton.style.js +3 -6
  18. package/dist/stories/components/NoDataFoundMessage.js +2 -4
  19. package/dist/stories/components/NoDataFoundMessage.style.js +3 -6
  20. package/dist/stories/components/OneColumnContainer.js +2 -4
  21. package/dist/stories/components/OneColumnContainer.style.js +8 -15
  22. package/dist/stories/components/SegmentedButton.js +2 -4
  23. package/dist/stories/components/SegmentedButton.style.js +6 -11
  24. package/dist/stories/components/TextField.js +2 -4
  25. package/dist/stories/components/TextField.style.js +2 -3
  26. package/dist/stories/components/TitleDescription.js +2 -4
  27. package/dist/stories/components/TitleDescription.style.js +24 -48
  28. package/dist/stories/components/Tooltip.js +1 -2
  29. package/dist/stories/components/Tooltip.style.js +3 -6
  30. package/dist/stories/components/TotalBenchmark.js +2 -4
  31. package/dist/stories/components/TotalBenchmark.style.js +9 -18
  32. package/dist/stories/components/TotalBenchmarkAreachart.js +2 -4
  33. package/dist/stories/components/TotalBenchmarkAreachart.style.js +15 -30
  34. package/dist/stories/components/TotalBenchmarkArrows.js +2 -4
  35. package/dist/stories/components/TotalBenchmarkArrows.style.js +14 -28
  36. package/dist/stories/components/TotalBenchmarkBarchart.js +2 -4
  37. package/dist/stories/components/TotalBenchmarkBarchart.style.js +12 -24
  38. package/dist/stories/components/TotalDoughnutChart.js +5 -6
  39. package/dist/stories/components/TotalDoughnutChart.style.js +18 -36
  40. package/dist/stories/components/icons/ArrowDownIcon.js +2 -4
  41. package/dist/stories/components/icons/ArrowDropDownIcon.js +2 -4
  42. package/dist/stories/components/icons/ArrowUpIcon.js +2 -4
  43. package/dist/stories/components/icons/BellIcon.js +2 -4
  44. package/dist/stories/components/icons/CalendarIcon.js +2 -4
  45. package/dist/stories/components/icons/DownloadIcon.js +2 -4
  46. package/dist/stories/components/icons/ExitIcon.js +2 -4
  47. package/dist/stories/components/icons/EyeIcon.js +2 -4
  48. package/dist/stories/components/icons/FlyIcon.js +2 -4
  49. package/dist/stories/components/icons/FoodLionIcon.js +2 -4
  50. package/dist/stories/components/icons/GiantFoodIcon.js +2 -4
  51. package/dist/stories/components/icons/HannafordIcon.js +2 -4
  52. package/dist/stories/components/icons/InfoIcon.js +2 -4
  53. package/dist/stories/components/icons/MaintenanceIcon.js +2 -4
  54. package/dist/stories/components/icons/NoDataFoundIcon.js +2 -4
  55. package/dist/stories/components/icons/StopAndShopIcon.js +2 -4
  56. package/dist/stories/components/icons/TheGiantCompanyIcon.js +2 -4
  57. package/package.json +24 -24
package/.history/package_20231004150338.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.252",
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.21.5",
18
+ "@babel/preset-env": "^7.21.4",
19
+ "@babel/preset-react": "^7.18.6",
20
+ "@babel/preset-typescript": "^7.21.4",
21
+ "@storybook/addon-a11y": "^7.4.5",
22
+ "@storybook/addon-essentials": "^7.4.5",
23
+ "@storybook/addon-interactions": "^7.4.5",
24
+ "@storybook/addon-links": "^7.4.5",
25
+ "@storybook/addon-storysource": "^7.4.5",
26
+ "@storybook/blocks": "^7.4.5",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.5",
29
+ "@storybook/react-webpack5": "^7.4.5",
30
+ "@storybook/testing-library": "^0.2.1",
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.0",
47
+ "@emotion/styled": "^11.11.0",
48
+ "@fontsource/roboto": "^4.5.8",
49
+ "@fortawesome/fontawesome-svg-core": "^6.4.0",
50
+ "@fortawesome/free-solid-svg-icons": "^6.4.0",
51
+ "@fortawesome/react-fontawesome": "^0.2.0",
52
+ "@mui/icons-material": "^5.11.16",
53
+ "@mui/material": "^5.13.0",
54
+ "@mui/styled-engine-sc": "^5.12.0",
55
+ "@mui/x-date-pickers": "^6.11.1",
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.9",
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_20231004150347.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.253",
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.21.5",
18
+ "@babel/preset-env": "^7.21.4",
19
+ "@babel/preset-react": "^7.18.6",
20
+ "@babel/preset-typescript": "^7.21.4",
21
+ "@storybook/addon-a11y": "^7.4.5",
22
+ "@storybook/addon-essentials": "^7.4.5",
23
+ "@storybook/addon-interactions": "^7.4.5",
24
+ "@storybook/addon-links": "^7.4.5",
25
+ "@storybook/addon-storysource": "^7.4.5",
26
+ "@storybook/blocks": "^7.4.5",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.5",
29
+ "@storybook/react-webpack5": "^7.4.5",
30
+ "@storybook/testing-library": "^0.2.1",
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.0",
47
+ "@emotion/styled": "^11.11.0",
48
+ "@fontsource/roboto": "^4.5.8",
49
+ "@fortawesome/fontawesome-svg-core": "^6.4.0",
50
+ "@fortawesome/free-solid-svg-icons": "^6.4.0",
51
+ "@fortawesome/react-fontawesome": "^0.2.0",
52
+ "@mui/icons-material": "^5.11.16",
53
+ "@mui/material": "^5.13.0",
54
+ "@mui/styled-engine-sc": "^5.12.0",
55
+ "@mui/x-date-pickers": "^6.11.1",
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.9",
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_20231004154152.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.254",
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.21.5",
18
+ "@babel/preset-env": "^7.21.4",
19
+ "@babel/preset-react": "^7.18.6",
20
+ "@babel/preset-typescript": "^7.21.4",
21
+ "@storybook/addon-a11y": "^7.4.5",
22
+ "@storybook/addon-essentials": "^7.4.5",
23
+ "@storybook/addon-interactions": "^7.4.5",
24
+ "@storybook/addon-links": "^7.4.5",
25
+ "@storybook/addon-storysource": "^7.4.5",
26
+ "@storybook/blocks": "^7.4.5",
27
+ "@storybook/preset-scss": "^1.0.3",
28
+ "@storybook/react": "^7.4.5",
29
+ "@storybook/react-webpack5": "^7.4.5",
30
+ "@storybook/testing-library": "^0.2.1",
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.0",
47
+ "@emotion/styled": "^11.11.0",
48
+ "@fontsource/roboto": "^4.5.8",
49
+ "@fortawesome/fontawesome-svg-core": "^6.4.0",
50
+ "@fortawesome/free-solid-svg-icons": "^6.4.0",
51
+ "@fortawesome/react-fontawesome": "^0.2.0",
52
+ "@mui/icons-material": "^5.11.16",
53
+ "@mui/material": "^5.13.0",
54
+ "@mui/styled-engine-sc": "^5.12.0",
55
+ "@mui/x-date-pickers": "^6.11.1",
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.9",
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_20231004155924.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "sag_components",
3
+ "version": "1.0.255",
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.22.20",
19
+ "@babel/preset-react": "^7.22.15",
20
+ "@babel/preset-typescript": "^7.23.0",
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.11",
53
+ "@mui/material": "^5.14.11",
54
+ "@mui/styled-engine-sc": "^5.14.11",
55
+ "@mui/x-date-pickers": "^6.16.0",
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/Benchmark.js CHANGED
@@ -12,7 +12,7 @@ var _CommonFunctions = require("./CommonFunctions");
12
12
  var _Tooltip = _interopRequireDefault(require("./Tooltip"));
13
13
  var _excluded = ["totalValue", "currentValue", "benchmarkValue", "width", "height", "color", "linearGradientColor", "underAvarageColor", "linearGradientUnderAvarageColor", "backgroundColor", "tooltipLabel", "tooltipDirection"];
14
14
  /*Benchmark*/
15
- var Benchmark = function Benchmark(_ref) {
15
+ var Benchmark = exports.Benchmark = function Benchmark(_ref) {
16
16
  var _ref$totalValue = _ref.totalValue,
17
17
  totalValue = _ref$totalValue === void 0 ? 100 : _ref$totalValue,
18
18
  _ref$currentValue = _ref.currentValue,
@@ -120,6 +120,4 @@ var Benchmark = function Benchmark(_ref) {
120
120
  left: getBenchmarkLeft()
121
121
  }))));
122
122
  };
123
- exports.Benchmark = Benchmark;
124
- var _default = Benchmark;
125
- exports.default = _default;
123
+ var _default = exports.default = Benchmark;
package/dist/stories/components/Benchmark.style.js CHANGED
@@ -8,27 +8,24 @@ exports.CurrentValueRectangle = exports.ControlsContainer = exports.Controls = e
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, _templateObject4, _templateObject5;
11
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 100px;\n //border: 1px solid red;\n align-items: center;\n"])), function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 100px;\n //border: 1px solid red;\n align-items: center;\n"])), function (props) {
12
12
  return props.width.toString().concat("", "px");
13
13
  }, function (props) {
14
14
  return props.height.toString().concat("", "px");
15
15
  });
16
- exports.ControlsContainer = ControlsContainer;
17
- var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n border-radius: 100px;\n width: ", ";\n height: ", ";\n //background: #ffffff;\n //border: 1px solid blue;\n"])), function (props) {
16
+ var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n border-radius: 100px;\n width: ", ";\n height: ", ";\n //background: #ffffff;\n //border: 1px solid blue;\n"])), function (props) {
18
17
  return props.width.toString().concat("", "px");
19
18
  }, function (props) {
20
19
  return props.height.toString().concat("", "px");
21
20
  });
22
- exports.Controls = Controls;
23
- var BackgroundValueRectangle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: ", ";\n height: ", ";\n top: 0px;\n left: 0px;\n border-radius: 100px;\n background: ", ";\n //border: 1px solid orange;\n"])), function (props) {
21
+ var BackgroundValueRectangle = exports.BackgroundValueRectangle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: ", ";\n height: ", ";\n top: 0px;\n left: 0px;\n border-radius: 100px;\n background: ", ";\n //border: 1px solid orange;\n"])), function (props) {
24
22
  return props.width.toString().concat("", "px");
25
23
  }, function (props) {
26
24
  return props.height.toString().concat("", "px");
27
25
  }, function (props) {
28
26
  return props.color;
29
27
  });
30
- exports.BackgroundValueRectangle = BackgroundValueRectangle;
31
- var CurrentValueRectangle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: ", ";\n height: ", ";\n top: 0px;\n left: 0px;\n border-radius: 100px;\n background: linear-gradient(\n 90deg,\n ", " 0%,\n ", " 100%\n );\n //border: 1px solid green;\n"])), function (props) {
28
+ var CurrentValueRectangle = exports.CurrentValueRectangle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n width: ", ";\n height: ", ";\n top: 0px;\n left: 0px;\n border-radius: 100px;\n background: linear-gradient(\n 90deg,\n ", " 0%,\n ", " 100%\n );\n //border: 1px solid green;\n"])), function (props) {
32
29
  return props.width.toString().concat("", "px");
33
30
  }, function (props) {
34
31
  return props.height.toString().concat("", "px");
@@ -37,8 +34,7 @@ var CurrentValueRectangle = _styledComponents.default.div(_templateObject4 || (_
37
34
  }, function (props) {
38
35
  return props.color;
39
36
  });
40
- exports.CurrentValueRectangle = CurrentValueRectangle;
41
- var AvarageDelimiter = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n height: ", ";\n width: ", ";\n top: ", ";\n left: ", ";\n border: 1px solid #212121;\n"])), function (props) {
37
+ var AvarageDelimiter = exports.AvarageDelimiter = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n height: ", ";\n width: ", ";\n top: ", ";\n left: ", ";\n border: 1px solid #212121;\n"])), function (props) {
42
38
  return props.height.toString().concat("", "px");
43
39
  }, function (props) {
44
40
  return props.width.toString().concat("", "px");
@@ -46,5 +42,4 @@ var AvarageDelimiter = _styledComponents.default.div(_templateObject5 || (_templ
46
42
  return props.top.toString().concat("", "px");
47
43
  }, function (props) {
48
44
  return props.left.toString().concat("", "px");
49
- });
50
- exports.AvarageDelimiter = AvarageDelimiter;
45
+ });
package/dist/stories/components/Button.js CHANGED
@@ -12,7 +12,7 @@ var _Button = _interopRequireDefault(require("@mui/material/Button"));
12
12
  var _styles = require("@mui/material/styles");
13
13
  var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
14
14
  var _excluded = ["text", "fontFamily", "fontSize", "shape", "size", "height", "width", "disabled", "radius", "textColor", "backgroundColor", "borderColor", "hoverTextColor", "hoverBackgroundColor", "hoverBorderColor", "onClick"];
15
- var Button = function Button(_ref) {
15
+ var Button = exports.Button = function Button(_ref) {
16
16
  var text = _ref.text,
17
17
  fontFamily = _ref.fontFamily,
18
18
  fontSize = _ref.fontSize,
@@ -93,6 +93,4 @@ var Button = function Button(_ref) {
93
93
  }
94
94
  }, text)));
95
95
  };
96
- exports.Button = Button;
97
- var _default = Button;
98
- exports.default = _default;
96
+ var _default = exports.default = Button;
package/dist/stories/components/Button.style.js CHANGED
@@ -8,7 +8,6 @@ exports.DropdownContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject;
11
- var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n"])), function (props) {
11
+ var DropdownContainer = exports.DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n"])), function (props) {
12
12
  return props.width;
13
- });
14
- exports.DropdownContainer = DropdownContainer;
13
+ });
package/dist/stories/components/CommonFunctions.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getNumberWithCommas = exports.getFormattedValue = exports.getFormattedUnits = exports.getCurrencySign = void 0;
7
- var getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
7
+ var getCurrencySign = exports.getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
8
8
  if (!currencyTypeToConvert) return '';
9
9
  var currencySign = '';
10
10
  var currencyFormatter = new Intl.NumberFormat('en-US', {
@@ -14,8 +14,7 @@ var getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
14
14
  currencySign = currencyFormatter.format(Math.abs(value)).substring(0, 1);
15
15
  return currencySign;
16
16
  };
17
- exports.getCurrencySign = getCurrencySign;
18
- var getFormattedUnits = function getFormattedUnits(num) {
17
+ var getFormattedUnits = exports.getFormattedUnits = function getFormattedUnits(num) {
19
18
  if (Math.abs(num) >= 1000000000) {
20
19
  return 'B';
21
20
  }
@@ -27,8 +26,7 @@ var getFormattedUnits = function getFormattedUnits(num) {
27
26
  }
28
27
  return '';
29
28
  };
30
- exports.getFormattedUnits = getFormattedUnits;
31
- var getFormattedValue = function getFormattedValue(num) {
29
+ var getFormattedValue = exports.getFormattedValue = function getFormattedValue(num) {
32
30
  if (Math.abs(num) >= 1000000000) {
33
31
  return (num / 1000000000).toFixed(1).replace(/\.0$/, '');
34
32
  }
@@ -40,11 +38,9 @@ var getFormattedValue = function getFormattedValue(num) {
40
38
  }
41
39
  return num;
42
40
  };
43
- exports.getFormattedValue = getFormattedValue;
44
- var getNumberWithCommas = function getNumberWithCommas(x) {
41
+ var getNumberWithCommas = exports.getNumberWithCommas = function getNumberWithCommas(x) {
45
42
  var param = x.toString();
46
43
  var pattern = /(-?\d+)(\d{3})/;
47
44
  while (pattern.test(param)) param = param.replace(pattern, '$1,$2');
48
45
  return param;
49
- };
50
- exports.getNumberWithCommas = getNumberWithCommas;
46
+ };
package/dist/stories/components/Datepicker.js CHANGED
@@ -18,7 +18,7 @@ var _CalendarIcon = require("./icons/CalendarIcon");
18
18
  /**
19
19
  * SAG Datepicker
20
20
  */
21
- var Datepicker = function Datepicker(_ref) {
21
+ var Datepicker = exports.Datepicker = function Datepicker(_ref) {
22
22
  var _ref$width = _ref.width,
23
23
  width = _ref$width === void 0 ? "100%" : _ref$width,
24
24
  text = _ref.text,
@@ -159,6 +159,4 @@ var Datepicker = function Datepicker(_ref) {
159
159
  format: format
160
160
  }))));
161
161
  };
162
- exports.Datepicker = Datepicker;
163
- var _default = Datepicker;
164
- exports.default = _default;
162
+ var _default = exports.default = Datepicker;
package/dist/stories/components/Datepicker.style.js CHANGED
@@ -10,7 +10,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject;
11
11
  //import './font.css';
12
12
 
13
- var DatepickerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
13
+ var DatepickerContainer = exports.DatepickerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
14
14
  return props.width;
15
- });
16
- exports.DatepickerContainer = DatepickerContainer;
15
+ });
package/dist/stories/components/Dropdown.js CHANGED
@@ -38,7 +38,7 @@ var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
38
38
  /**
39
39
  * SAG Dropdown
40
40
  */
41
- var Dropdown = function Dropdown(_ref) {
41
+ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
42
42
  var _ref$width = _ref.width,
43
43
  width = _ref$width === void 0 ? "100%" : _ref$width,
44
44
  size = _ref.size,
@@ -374,6 +374,4 @@ var Dropdown = function Dropdown(_ref) {
374
374
  width: width
375
375
  }, multiSelect ? getAutocompleteMulti() : getAutocompleteSingle());
376
376
  };
377
- exports.Dropdown = Dropdown;
378
- var _default = Dropdown;
379
- exports.default = _default;
377
+ var _default = exports.default = Dropdown;
package/dist/stories/components/Dropdown.style.js CHANGED
@@ -10,7 +10,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject;
11
11
  //import './font.css';
12
12
 
13
- var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
13
+ var DropdownContainer = exports.DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Poppins; \n font-size: \"14px\";\n"])), function (props) {
14
14
  return props.width;
15
- });
16
- exports.DropdownContainer = DropdownContainer;
15
+ });
package/dist/stories/components/FilterContainer.js CHANGED
@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
  var _excluded = ["itemClass", "nodeRef"];
14
14
  var _templateObject;
15
15
  var Card = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
16
- var FilterContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
16
+ var FilterContainer = exports.FilterContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
17
17
  var itemClass = _ref.itemClass,
18
18
  nodeRef = _ref.nodeRef,
19
19
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -28,7 +28,5 @@ var FilterContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
28
28
  ref: nodeRef
29
29
  }, props.children));
30
30
  });
31
- exports.FilterContainer = FilterContainer;
32
31
  FilterContainer.defaultProps = {};
33
- var _default = FilterContainer;
34
- exports.default = _default;
32
+ var _default = exports.default = FilterContainer;
package/dist/stories/components/FilterContainer.style.js CHANGED
@@ -8,9 +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 = _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
- exports.FilterDivContainer = FilterDivContainer;
13
- var 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"])));
14
- exports.FilterDivContent = FilterDivContent;
15
- var FilterFooterContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: 10%;\n"])));
16
- exports.FilterFooterContent = FilterFooterContent;
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"])));
13
+ var FilterFooterContent = exports.FilterFooterContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: 10%;\n"])));
package/dist/stories/components/IconButton.js CHANGED
@@ -18,7 +18,7 @@ var _EyeIcon = require("./icons/EyeIcon");
18
18
  var _IconButtonStyle = require("./IconButton.style.js");
19
19
  var _excluded = ["iconName", "width", "height", "disabled", "onClick"];
20
20
  /*IconButton*/
21
- var IconButton = function IconButton(_ref) {
21
+ var IconButton = exports.IconButton = function IconButton(_ref) {
22
22
  var iconName = _ref.iconName,
23
23
  _ref$width = _ref.width,
24
24
  width = _ref$width === void 0 ? 30 : _ref$width,
@@ -105,6 +105,4 @@ var IconButton = function IconButton(_ref) {
105
105
  }
106
106
  }, /*#__PURE__*/_react.default.createElement(_IconButtonStyle.IconButtonContainer, null, getIcon(iconName, height, width))));
107
107
  };
108
- exports.IconButton = IconButton;
109
- var _default = IconButton;
110
- exports.default = _default;
108
+ var _default = exports.default = IconButton;
package/dist/stories/components/IconButton.style.js CHANGED
@@ -8,13 +8,10 @@ exports.IconButtonContainer = exports.ControlsSubContainer = exports.ControlsCon
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 ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n \n display: flex;\n //border: 1px solid green;\n border-radius: 100px;\n width: ", ";\n height: ", ";\n\n"])), function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n \n display: flex;\n //border: 1px solid green;\n border-radius: 100px;\n width: ", ";\n height: ", ";\n\n"])), function (props) {
12
12
  return props.width.toString().concat("", "px");
13
13
  }, function (props) {
14
14
  return props.height.toString().concat("", "px");
15
15
  });
16
- exports.ControlsContainer = ControlsContainer;
17
- var ControlsSubContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: 2px 0 2px; \n border-radius: 100px;\n //border: 1px solid blue;\n &:hover {\n cursor: pointer;\n background-color: #e7f0ff;\n }\n &.disabled {\n background-color: #ccc;\n }\n &.mouseDownPressed {\n margin: 1px 0 1px; \n box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n }\n"])));
18
- exports.ControlsSubContainer = ControlsSubContainer;
19
- var IconButtonContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 95%;\n height: 95%;\n //border: 1px solid red;\n border-radius: 100px;\n"])));
20
- exports.IconButtonContainer = IconButtonContainer;
16
+ var ControlsSubContainer = exports.ControlsSubContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: 2px 0 2px; \n border-radius: 100px;\n //border: 1px solid blue;\n &:hover {\n cursor: pointer;\n background-color: #e7f0ff;\n }\n &.disabled {\n background-color: #ccc;\n }\n &.mouseDownPressed {\n margin: 1px 0 1px; \n box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n }\n"])));
17
+ var IconButtonContainer = exports.IconButtonContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 95%;\n height: 95%;\n //border: 1px solid red;\n border-radius: 100px;\n"])));
package/dist/stories/components/NoDataFoundMessage.js CHANGED
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _NoDataFoundIcon = require("../components/icons/NoDataFoundIcon");
10
10
  var _NoDataFoundMessageStyle = require("./NoDataFoundMessage.style.js");
11
11
  /*NoDataFoundMessage*/
12
- var NoDataFoundMessage = function NoDataFoundMessage(_ref) {
12
+ var NoDataFoundMessage = exports.NoDataFoundMessage = function NoDataFoundMessage(_ref) {
13
13
  var _ref$noDataText = _ref.noDataText,
14
14
  noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText;
15
15
  return /*#__PURE__*/_react.default.createElement(_NoDataFoundMessageStyle.NoDataFoundContainer, {
@@ -22,6 +22,4 @@ var NoDataFoundMessage = function NoDataFoundMessage(_ref) {
22
22
  id: "NoDataFoundText"
23
23
  }, noDataText));
24
24
  };
25
- exports.NoDataFoundMessage = NoDataFoundMessage;
26
- var _default = NoDataFoundMessage;
27
- exports.default = _default;
25
+ var _default = exports.default = NoDataFoundMessage;
package/dist/stories/components/NoDataFoundMessage.style.js CHANGED
@@ -8,9 +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 = _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
- exports.NoDataFoundContainer = NoDataFoundContainer;
13
- var 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"])));
14
- exports.NoDataFoundTitle = NoDataFoundTitle;
15
- var 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"])));
16
- exports.NoDataFoundText = NoDataFoundText;
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"])));