@sebgroup/green-react 1.0.0-beta.43 → 1.0.0-beta.44

package/index.esm.js

@@ -1843,6 +1843,7 @@ const ButtonGroup = ({
   });
 };
 
+/* eslint-disable-next-line */
 const validateInputValue = (target, rules, setError) => {
   const errorMessage = validateInputValueErrors(rules, target);
   errorMessage ? setErrorInsert(setError, target.name) : setErrorRemove(setError, target.name);
@@ -1860,17 +1861,24 @@ const validateInputValueErrors = (rules, target) => {
 
   return validateTextInputValues(value, rules);
 };
+/* eslint-disable-next-line */
+
 
 const setErrorInsert = (setError, name) => {
+  /* eslint-disable-next-line */
   setError(errors => {
     return Object.assign(Object.assign({}, errors), {
       [name]: true
     });
   });
 };
+/* eslint-disable-next-line */
+
 
 const setErrorRemove = (setError, name) => {
+  /* eslint-disable-next-line */
   setError(errors => {
+    /* eslint-disable-next-line */
     const newError = Object.assign({}, errors);
     delete newError[name];
     return newError;
@@ -1904,9 +1912,15 @@ const FormProvider = _a => {
     onFormSubmit
   } = _a,
       props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
+  /* eslint-disable-next-line */
+
 
   const [values, setValues] = React.useState();
+  /* eslint-disable-next-line */
+
   const [errors, setErrors] = React.useState();
+  /* eslint-disable-next-line */
+
   const [fields, setFields] = React.useState({});
 
   const formSubmit = event => {
@@ -1966,21 +1980,29 @@ const FormItems = ({
     errors
   } = useFormContext();
   React.useEffect(() => {
+    /* eslint-disable-next-line */
     setFields(fields => Object.assign(Object.assign({}, fields), {
       [name]: validate === null || validate === void 0 ? void 0 : validate.rules
     }));
+    /* eslint-disable-next-line */
 
     const removeValues = values => {
+      /* eslint-disable-next-line */
       const newValues = Object.assign({}, values);
       delete newValues[name];
       return newValues;
     };
 
     return () => {
+      /* eslint-disable-next-line */
       setFields(fields => removeValues(fields));
+      /* eslint-disable-next-line */
+
       setValues(values => removeValues(values));
+      /* eslint-disable-next-line */
+
       setErrors(errors => removeValues(errors));
-    };
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const onChange = event => {
@@ -1995,6 +2017,8 @@ const FormItems = ({
 
     if (type === 'checkbox') {
       inputValue = checked ? value : null;
+      /* eslint-disable-next-line */
+
       checked ? setValues(values => Object.assign(Object.assign({}, values), {
         [name]: value
       })) : setValues(values => Object.assign(Object.assign({}, values), {
@@ -2002,6 +2026,8 @@ const FormItems = ({
       }));
     } else {
       inputValue = value;
+      /* eslint-disable-next-line */
+
       setValues(values => Object.assign(Object.assign({}, values), {
         [name]: value
       }));
@@ -2014,6 +2040,8 @@ const FormItems = ({
       checked
     }, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
   };
+  /* eslint-disable-next-line */
+
 
   return /*#__PURE__*/React.cloneElement(children, {
     validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
@@ -2166,26 +2194,24 @@ const Checkbox = _a => {
 
   const inputProps = useInput(props, onChange);
   const validatorClassName = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
-  return jsx(Fragment, {
-    children: jsxs("div", Object.assign({
-      className: "form-group"
+  return jsxs("div", Object.assign({
+    className: "form-group"
+  }, {
+    children: [jsxs("label", Object.assign({
+      htmlFor: inputProps.id,
+      className: `form-control ${validatorClassName}`
     }, {
-      children: [jsxs("label", Object.assign({
-        htmlFor: inputProps.id,
-        className: `form-control ${validatorClassName}`
-      }, {
-        children: [label, jsx("input", Object.assign({
-          type: "checkbox"
-        }, inputProps, {
-          className: validatorClassName
-        })), jsx("i", {})]
-      })), validator && jsx("span", Object.assign({
-        className: "form-info"
-      }, {
-        children: validator.message
-      }))]
-    }))
-  });
+      children: [label, jsx("input", Object.assign({
+        type: "checkbox"
+      }, inputProps, {
+        className: validatorClassName
+      })), jsx("i", {})]
+    })), validator && jsx("span", Object.assign({
+      className: "form-info"
+    }, {
+      children: validator.message
+    }))]
+  }));
 };
 const RadioButton = /*#__PURE__*/React.forwardRef((_a, ref) => {
   var {
@@ -2364,7 +2390,8 @@ const RadioGroup = ({
     } else {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       return () => {};
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, []);
   return jsxs("div", Object.assign({
     className: "form-group"
@@ -2475,7 +2502,7 @@ const Link = _a => {
       role: button ? 'button' : undefined,
       className: className
     }, props);
-    setAnchorProps(newProps);
+    setAnchorProps(newProps); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [button]);
   return jsx("a", Object.assign({}, anchorProps, {
     children: children
@@ -2560,7 +2587,7 @@ function Badge(_a) {
     if (!!customColor || !!customBackgroundColor) {
       setType('');
     }
-  }, []);
+  }, [badgeType, customColor, customBackgroundColor]);
   return !isClosed ? jsxs("span", Object.assign({}, props, {
     className: `badge ${type}`,
     style: {
@@ -2605,16 +2632,20 @@ const useStepper = ({
     min,
     max,
     step: _step
-  });
+  }); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useEffect(() => {
     if (max !== data.max) stepper.setMax(max);
-  }, [stepper, max]);
+  }, [stepper, max]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useEffect(() => {
     if (min !== data.min) stepper.setMin(min);
-  }, [stepper, min]);
+  }, [stepper, min]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useEffect(() => {
     if (_step !== data.step) stepper.setStep(_step || 1);
-  }, [stepper, _step]);
+  }, [stepper, _step]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useEffect(() => {
     if (_value !== data.value) stepper.setValue(_value || 0, false);
   }, [stepper, _value]);
@@ -2626,7 +2657,7 @@ const useStepper = ({
       max,
       step: _step,
       onChange
-    }, setData));
+    }, setData)); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return [stepper, data];
 };
@@ -2962,7 +2993,7 @@ const useDatepicker = (datepickerRef, datepickerDialogRef, dateInputRef, datepic
         if (state) setState(state);
       }, options, datepickerRef.current, datepickerDialogRef.current, dateInputRef.current, datepickerTriggerRef.current));
     }
-  }, [datepicker, datepickerRef, datepickerDialogRef, dateInputRef, options]);
+  }, [datepicker, datepickerRef, datepickerDialogRef, dateInputRef, datepickerTriggerRef, options]);
   return {
     datepicker,
     data,
@@ -2987,7 +3018,7 @@ const Datepicker = (options = {}) => {
 
     const selDateSub = (_a = datepicker.selectedDate$) === null || _a === void 0 ? void 0 : _a.subscribe(newDate => options.onChange && options.onChange(newDate));
     return () => selDateSub === null || selDateSub === void 0 ? void 0 : selDateSub.unsubscribe();
-  }, [datepicker]);
+  }, [datepicker, options]);
 
   const classNames = day => Object.entries({
     disabled: !day.currentMonth,

package/index.umd.js

@@ -1849,6 +1849,7 @@
 	  });
 	};
 
+	/* eslint-disable-next-line */
 	const validateInputValue = (target, rules, setError) => {
 	  const errorMessage = validateInputValueErrors(rules, target);
 	  errorMessage ? setErrorInsert(setError, target.name) : setErrorRemove(setError, target.name);
@@ -1866,17 +1867,24 @@
 
 	  return validateTextInputValues(value, rules);
 	};
+	/* eslint-disable-next-line */
+
 
 	const setErrorInsert = (setError, name) => {
+	  /* eslint-disable-next-line */
 	  setError(errors => {
 	    return Object.assign(Object.assign({}, errors), {
 	      [name]: true
 	    });
 	  });
 	};
+	/* eslint-disable-next-line */
+
 
 	const setErrorRemove = (setError, name) => {
+	  /* eslint-disable-next-line */
 	  setError(errors => {
+	    /* eslint-disable-next-line */
 	    const newError = Object.assign({}, errors);
 	    delete newError[name];
 	    return newError;
@@ -1910,9 +1918,15 @@
 	    onFormSubmit
 	  } = _a,
 	      props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
+	  /* eslint-disable-next-line */
+
 
 	  const [values, setValues] = React__default["default"].useState();
+	  /* eslint-disable-next-line */
+
 	  const [errors, setErrors] = React__default["default"].useState();
+	  /* eslint-disable-next-line */
+
 	  const [fields, setFields] = React__default["default"].useState({});
 
 	  const formSubmit = event => {
@@ -1972,21 +1986,29 @@
 	    errors
 	  } = useFormContext();
 	  React__default["default"].useEffect(() => {
+	    /* eslint-disable-next-line */
 	    setFields(fields => Object.assign(Object.assign({}, fields), {
 	      [name]: validate === null || validate === void 0 ? void 0 : validate.rules
 	    }));
+	    /* eslint-disable-next-line */
 
 	    const removeValues = values => {
+	      /* eslint-disable-next-line */
 	      const newValues = Object.assign({}, values);
 	      delete newValues[name];
 	      return newValues;
 	    };
 
 	    return () => {
+	      /* eslint-disable-next-line */
 	      setFields(fields => removeValues(fields));
+	      /* eslint-disable-next-line */
+
 	      setValues(values => removeValues(values));
+	      /* eslint-disable-next-line */
+
 	      setErrors(errors => removeValues(errors));
-	    };
+	    }; // eslint-disable-next-line react-hooks/exhaustive-deps
 	  }, []);
 
 	  const onChange = event => {
@@ -2001,6 +2023,8 @@
 
 	    if (type === 'checkbox') {
 	      inputValue = checked ? value : null;
+	      /* eslint-disable-next-line */
+
 	      checked ? setValues(values => Object.assign(Object.assign({}, values), {
 	        [name]: value
 	      })) : setValues(values => Object.assign(Object.assign({}, values), {
@@ -2008,6 +2032,8 @@
 	      }));
 	    } else {
 	      inputValue = value;
+	      /* eslint-disable-next-line */
+
 	      setValues(values => Object.assign(Object.assign({}, values), {
 	        [name]: value
 	      }));
@@ -2020,6 +2046,8 @@
 	      checked
 	    }, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
 	  };
+	  /* eslint-disable-next-line */
+
 
 	  return /*#__PURE__*/React__default["default"].cloneElement(children, {
 	    validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
@@ -2172,26 +2200,24 @@
 
 	  const inputProps = useInput(props, onChange);
 	  const validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
-	  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-	    children: jsxRuntime.jsxs("div", Object.assign({
-	      className: "form-group"
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [jsxRuntime.jsxs("label", Object.assign({
+	      htmlFor: inputProps.id,
+	      className: `form-control ${validatorClassName}`
 	    }, {
-	      children: [jsxRuntime.jsxs("label", Object.assign({
-	        htmlFor: inputProps.id,
-	        className: `form-control ${validatorClassName}`
-	      }, {
-	        children: [label, jsxRuntime.jsx("input", Object.assign({
-	          type: "checkbox"
-	        }, inputProps, {
-	          className: validatorClassName
-	        })), jsxRuntime.jsx("i", {})]
-	      })), validator && jsxRuntime.jsx("span", Object.assign({
-	        className: "form-info"
-	      }, {
-	        children: validator.message
-	      }))]
-	    }))
-	  });
+	      children: [label, jsxRuntime.jsx("input", Object.assign({
+	        type: "checkbox"
+	      }, inputProps, {
+	        className: validatorClassName
+	      })), jsxRuntime.jsx("i", {})]
+	    })), validator && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: validator.message
+	    }))]
+	  }));
 	};
 	const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((_a, ref) => {
 	  var {
@@ -2370,7 +2396,8 @@
 	    } else {
 	      // eslint-disable-next-line @typescript-eslint/no-empty-function
 	      return () => {};
-	    }
+	    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
 	  }, []);
 	  return jsxRuntime.jsxs("div", Object.assign({
 	    className: "form-group"
@@ -2481,7 +2508,7 @@
 	      role: button ? 'button' : undefined,
 	      className: className
 	    }, props);
-	    setAnchorProps(newProps);
+	    setAnchorProps(newProps); // eslint-disable-next-line react-hooks/exhaustive-deps
 	  }, [button]);
 	  return jsxRuntime.jsx("a", Object.assign({}, anchorProps, {
 	    children: children
@@ -2566,7 +2593,7 @@
 	    if (!!customColor || !!customBackgroundColor) {
 	      setType('');
 	    }
-	  }, []);
+	  }, [badgeType, customColor, customBackgroundColor]);
 	  return !isClosed ? jsxRuntime.jsxs("span", Object.assign({}, props, {
 	    className: `badge ${type}`,
 	    style: {
@@ -2611,16 +2638,20 @@
 	    min,
 	    max,
 	    step: _step
-	  });
+	  }); // eslint-disable-next-line react-hooks/exhaustive-deps
+
 	  React.useEffect(() => {
 	    if (max !== data.max) stepper.setMax(max);
-	  }, [stepper, max]);
+	  }, [stepper, max]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
 	  React.useEffect(() => {
 	    if (min !== data.min) stepper.setMin(min);
-	  }, [stepper, min]);
+	  }, [stepper, min]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
 	  React.useEffect(() => {
 	    if (_step !== data.step) stepper.setStep(_step || 1);
-	  }, [stepper, _step]);
+	  }, [stepper, _step]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
 	  React.useEffect(() => {
 	    if (_value !== data.value) stepper.setValue(_value || 0, false);
 	  }, [stepper, _value]);
@@ -2632,7 +2663,7 @@
 	      max,
 	      step: _step,
 	      onChange
-	    }, setData));
+	    }, setData)); // eslint-disable-next-line react-hooks/exhaustive-deps
 	  }, []);
 	  return [stepper, data];
 	};
@@ -2968,7 +2999,7 @@
 	        if (state) setState(state);
 	      }, options, datepickerRef.current, datepickerDialogRef.current, dateInputRef.current, datepickerTriggerRef.current));
 	    }
-	  }, [datepicker, datepickerRef, datepickerDialogRef, dateInputRef, options]);
+	  }, [datepicker, datepickerRef, datepickerDialogRef, dateInputRef, datepickerTriggerRef, options]);
 	  return {
 	    datepicker,
 	    data,
@@ -2993,7 +3024,7 @@
 
 	    const selDateSub = (_a = datepicker.selectedDate$) === null || _a === void 0 ? void 0 : _a.subscribe(newDate => options.onChange && options.onChange(newDate));
 	    return () => selDateSub === null || selDateSub === void 0 ? void 0 : selDateSub.unsubscribe();
-	  }, [datepicker]);
+	  }, [datepicker, options]);
 
 	  const classNames = day => Object.entries({
 	    disabled: !day.currentMonth,

package/lib/accordion/accordion-item.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface AccordionItemProps {
     item: AccordionItemInterface;
     index: number;

package/lib/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
-import { AccordionItemInterface } from "./accordion-item";
+import { AccordionItemInterface } from './accordion-item';
 export interface AccordionInterface {
     items: AccordionItemInterface[];
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.0-beta.43",
+  "version": "1.0.0-beta.44",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.0.0-beta.44",
-    "@sebgroup/extract": "^1.0.0-beta.43"
+    "@sebgroup/chlorophyll": "^1.0.0-beta.45",
+    "@sebgroup/extract": "^1.0.0-beta.44"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {