sag_components 1.0.156 → 1.0.158

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/dist/stories/components/Datepicker.js +10 -5
  2. package/dist/stories/components/NoDataFoundMessage.style.js +1 -1
  3. package/dist/stories/components/OneColumnContainer.style.js +15 -5
  4. package/dist/stories/components/TotalBenchmarkAreachart.js +2 -2
  5. package/dist/stories/components/TotalBenchmarkAreachart.style.js +2 -2
  6. package/package.json +1 -1
package/dist/stories/components/Datepicker.js CHANGED
@@ -25,15 +25,20 @@ var Datepicker = function Datepicker(_ref) {
25
25
  _ref$format = _ref.format,
26
26
  format = _ref$format === void 0 ? "MMM DD, YYYY" : _ref$format,
27
27
  shape = _ref.shape,
28
- _onChange = _ref.onChange;
28
+ _onChange = _ref.onChange,
29
+ _ref$value = _ref.value,
30
+ value = _ref$value === void 0 ? "" : _ref$value;
29
31
  /**
30
32
  * SAG Datepicker
31
33
  */
32
34
 
33
35
  var _React$useState = _react.default.useState(null),
34
36
  _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
35
- value = _React$useState2[0],
36
- setValue = _React$useState2[1];
37
+ valueState = _React$useState2[0],
38
+ setvalueState = _React$useState2[1];
39
+ (0, _react.useEffect)(function () {
40
+ value !== null && value !== void 0 ? value : setvalueState(value);
41
+ }, [value]);
37
42
  var getTextFieldStyle = function getTextFieldStyle() {
38
43
  if (shape === "round") {
39
44
  // round
@@ -71,9 +76,9 @@ var Datepicker = function Datepicker(_ref) {
71
76
  }, /*#__PURE__*/_react.default.createElement(_demo.DemoContainer, {
72
77
  components: ["DatePicker"]
73
78
  }, /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
74
- value: value,
79
+ value: valueState,
75
80
  onChange: function onChange(newValue) {
76
- setValue(newValue);
81
+ setvalueState(newValue);
77
82
  console.log("newValue", newValue.format("YYYY-MM-DD").toString());
78
83
  _onChange({
79
84
  newValue: newValue.format("YYYY-MM-DD").toString()
package/dist/stories/components/NoDataFoundMessage.style.js CHANGED
@@ -8,7 +8,7 @@ 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 display: flex;\n flex-direction: column;\n align-items: center;\n width: 95%;\n height: 70%;\n"])));
11
+ var NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n /* width: 95%;\n height: 70%; */\n"])));
12
12
  exports.NoDataFoundContainer = NoDataFoundContainer;
13
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.7rem;\n"])));
14
14
  exports.NoDataFoundTitle = NoDataFoundTitle;
package/dist/stories/components/OneColumnContainer.style.js CHANGED
@@ -4,27 +4,37 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.StyledContainer = exports.LoadingDiv = exports.InfoTitleLabel = exports.InfoTextLabel = exports.InfoTextContainer = exports.IconContainer = void 0;
7
+ exports.mainDiv = exports.StyledContainer = exports.LoadingDiv = exports.InfoTitleLabel = exports.InfoTextLabel = exports.InfoTextContainer = exports.IconContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
11
11
  var StyledContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n display: flex;\n position: relative;\n border-radius: 10px;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n"])), function (props) {
12
12
  return props.width;
13
13
  }, function (props) {
14
14
  return props.height;
15
15
  });
16
16
  exports.StyledContainer = StyledContainer;
17
- var InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Lato\", sans-serif;\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: white;\n margin: 0px 30px 0px 30px;\n \n"])), function (props) {
17
+ var InfoTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Lato\", sans-serif;\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: white;\n margin: 0px 30px 0px 30px;\n"])), function (props) {
18
18
  return props.width;
19
19
  }, function (props) {
20
20
  return props.height;
21
21
  });
22
22
  exports.InfoTextContainer = InfoTextContainer;
23
- var InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n color: black;\n margin: 0px 0px 10px 0px;\n font-size: 1.1em;\n \n /* overflow: scroll; */\n\n"])));
23
+ var InfoTitleLabel = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n color: black;\n margin: 0px 0px 10px 0px;\n font-size: 1.1em;\n\n /* overflow: scroll; */\n"])));
24
24
  exports.InfoTitleLabel = InfoTitleLabel;
25
25
  var InfoTextLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: black;\n font-size: 0.9em;\n line-height: 1.4em;\n font-weight: 500;\n\n /* overflow: scroll; */\n"])));
26
26
  exports.InfoTextLabel = InfoTextLabel;
27
27
  var IconContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 15px;\n height: 15px;\n position: absolute;\n margin-top: 10px;\n margin-right: 10px;\n top: 0;\n right: 0;\n"])));
28
28
  exports.IconContainer = IconContainer;
29
29
  var 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"])));
30
- exports.LoadingDiv = LoadingDiv;
30
+ exports.LoadingDiv = LoadingDiv;
31
+ var 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) {
32
+ return props.width;
33
+ }, function (props) {
34
+ return props.height;
35
+ }, function (props) {
36
+ return props.display;
37
+ }, function (props) {
38
+ return props.gridTemplateColumns;
39
+ });
40
+ exports.mainDiv = mainDiv;
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -135,9 +135,9 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
135
135
  data: areaChartData,
136
136
  margin: {
137
137
  top: 0,
138
- right: 15,
138
+ right: 25,
139
139
  bottom: 0,
140
- left: 15
140
+ left: 25
141
141
  }
142
142
  }, /*#__PURE__*/_react.default.createElement(_recharts.CartesianGrid, {
143
143
  strokeDasharray: "3 3",
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -8,7 +8,7 @@ exports.ValueAndBenchmarkContainer = exports.TitleAndValueContainer = exports.Ti
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, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
11
- var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
11
+ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n /* min-height: 280px;\n min-width: 250px;\n max-height: 380px;\n max-width: 350px; */\n"])), function (props) {
12
12
  return props.rootFont;
13
13
  }, function (props) {
14
14
  return props.textColor;
@@ -18,7 +18,7 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
18
18
  return props.height;
19
19
  });
20
20
  exports.ControlsContainer = ControlsContainer;
21
- var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n background: #ffffff;\n justify-content: center; \n flex-direction: column;\n flex-basis: 100%;\n padding: 0 16px;\n justify-content: space-between;\n width: 90%;\n"])));
21
+ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n background: #ffffff;\n justify-content: center; \n flex-direction: column;\n flex-basis: 100%;\n padding: 0 16px;\n justify-content: space-between;\n width: 90%;\n /* min-height: 280px;\n min-width: 250px;\n max-height: 380px;\n max-width: 350px; */\n"])));
22
22
  exports.Controls = Controls;
23
23
  var TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n \n"])));
24
24
  exports.TitleAndValueContainer = TitleAndValueContainer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.156",
3
+ "version": "1.0.158",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {