sag_components 1.0.604 → 1.0.606

package/dist/stories/components/FilterPanel.js

@@ -26,11 +26,15 @@ const FilterPanel = props => {
     onResetClick,
     onItemValueChanged,
     width,
-    height
+    height,
+    disableOKButton
   } = props;
   const [FieldsDataState, setFieldsDataState] = (0, _react.useState)(fieldsData);
   const [Reset, setReset] = (0, _react.useState)(false);
   const [PeriodPickerSelectedValue, setPeriodPickerSelectedValue] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    setFieldsDataState(fieldsData);
+  }, [fieldsData]);
   const onClickResetHandler = () => {
     const newFieldsDataState = FieldsDataState === null || FieldsDataState === void 0 ? void 0 : FieldsDataState.map(itemField => ({
       ...itemField,
@@ -376,7 +380,7 @@ const FilterPanel = props => {
     width: "74px",
     fontSize: "14px",
     fontWeight: "500",
-    disabled: false,
+    disabled: disableOKButton,
     onClick: () => onOkClick({
       eventName: 'onOkClick',
       fieldsData: FieldsDataState,
@@ -412,5 +416,6 @@ FilterPanel.defaultProps = {
   borderColor: '#066768',
   onOkClick: () => {},
   onResetClick: () => {},
-  onItemValueChanged: () => {}
+  onItemValueChanged: () => {},
+  disableOKButton: false
 };

package/dist/stories/components/SagButton.js

@@ -24,7 +24,6 @@ const SagButton = props => {
   } = props;
   const [clicked, setClicked] = (0, _react.useState)(false);
   const handleButtonClick = event => {
-    console.log("clicked", clicked);
     setClicked(true);
     onClick(event);
     setTimeout(() => {
@@ -37,7 +36,7 @@ const SagButton = props => {
     id: "ButtonContainer"
   }, /*#__PURE__*/_react.default.createElement(_SagButton.Button, {
     id: "Button",
-    className: clicked ? "button-clicked" : "",
+    className: clicked ? 'button-clicked' : '',
     onClick: !disabled ? handleButtonClick : null,
     width: width,
     height: height,
@@ -55,13 +54,16 @@ const SagButton = props => {
 };
 var _default = exports.default = SagButton;
 SagButton.defaultProps = {
-  text: "",
-  textColor: "#1B30AA",
-  onClickColor: "#1B30AA",
-  backgroundColor: "#ffffff",
-  fontSize: "14px",
+  text: '',
+  textColor: '#1B30AA',
+  onClickColor: '#1B30AA',
+  backgroundColor: '#ffffff',
+  fontSize: '14px',
   disabled: false,
-  width: "100%",
-  radius: "12px",
-  onClick: () => {}
+  width: '100%',
+  height: '50px',
+  radius: '12px',
+  onClick: () => {},
+  fontWeight: '500',
+  borderColor: '#1B30AA'
 };

package/dist/stories/components/SagButton.style.js

@@ -9,5 +9,5 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-const Button = exports.Button = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  //padding: 14px 10px;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n  flex-wrap: wrap;\n  overflow: hidden;\n  width: ", ";\n  height: ", ";\n  border: ", "; \n  border-radius: ", ";\n  background-color: ", ";\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n    cursor: ", ";\n  }\n  &.button-clicked {\n    background-color: ", ";\n    color: white;\n    padding: 10px 10px;\n    //border-radius: 5px;\n    cursor: pointer;\n   // display: inline-block;\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n    transition: background-color 0.3s, color 0.3s;\n  }\n"])), props => props.width, props => props.height, props => "1px solid ".concat(props.borderColor), props => props.radius, props => props.disabled ? "#c5c5c5" : props.backgroundColor, props => props.disabled ? "#c5c5c5" : "#f0f0f0", props => !props.disabled ? "pointer" : "default", props => props.onClickColor);
-const Label = exports.Label = _styledComponents.default.label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-weight: ", ";\n  color: ", ";\n  pointer-events: none;\n  font-size: ", ";\n \n"])), props => props.fontWeight, props => props.textColor, props => props.fontSize);
+const Button = exports.Button = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  //padding: 14px 10px;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n  flex-wrap: wrap;\n  overflow: hidden;\n  width: ", ";\n  height: ", ";\n  border: ", "; \n  border-radius: ", ";\n  background-color: ", ";\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n    cursor: ", ";\n  }\n  &.button-clicked {\n    background-color: ", ";\n    color: white;\n    padding: 10px 10px;\n    //border-radius: 5px;\n    cursor: pointer;\n   // display: inline-block;\n    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n    transition: background-color 0.3s, color 0.3s;\n  }\n"])), props => props.width, props => props.height, props => "1px solid ".concat(props.borderColor), props => props.radius, props => props.disabled ? '#c5c5c5' : props.backgroundColor, props => props.disabled ? '#c5c5c5' : '#f0f0f0', props => !props.disabled ? 'pointer' : 'default', props => props.onClickColor);
+const Label = exports.Label = _styledComponents.default.label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-weight: ", ";\n  color: ", ";\n  pointer-events: none;\n  font-size: ", ";\n  user-select: none;\n"])), props => props.fontWeight, props => props.textColor, props => props.fontSize);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.604",
+  "version": "1.0.606",
   "description": "",
   "main": "dist/index.js",
   "scripts": {