@sebgroup/green-react 1.0.0-beta.33 → 1.0.0-beta.35

package/index.esm.js

@@ -2571,7 +2571,8 @@ const useStepper = ({
   max,
   value: _value = 0,
   step: _step = 1,
-  id: _id = randomId()
+  id: _id = randomId(),
+  onChange
 }) => {
   const pStepper = {
     down: noop,
@@ -2599,7 +2600,7 @@ const useStepper = ({
     if (_step !== data.step) stepper.setStep(_step || 1);
   }, [stepper, _step]);
   useEffect(() => {
-    if (_value !== data.value) stepper.setValue(_value || 0);
+    if (_value !== data.value) stepper.setValue(_value || 0, false);
   }, [stepper, _value]);
   useEffect(() => {
     setStepper(createStepper({
@@ -2607,7 +2608,8 @@ const useStepper = ({
       value: _value,
       min,
       max,
-      step: _step
+      step: _step,
+      onChange
     }, setData));
   }, []);
   return [stepper, data];
@@ -2617,16 +2619,11 @@ function Stepper(_a) {
   var {
     label,
     description,
-    statusMessage,
-    onChange
+    statusMessage
   } = _a,
-      props = __rest(_a, ["label", "description", "statusMessage", "onChange"]);
+      stepperArgs = __rest(_a, ["label", "description", "statusMessage"]);
 
-  const [stepper, data] = useStepper(props);
-  useEffect(() => {
-    if (typeof data.value === 'undefined') return;
-    if (onChange) onChange(data.value);
-  }, [data.value]);
+  const [stepper, data] = useStepper(stepperArgs);
 
   const onChangeEvent = e => {
     stepper.setValue(e.target.valueAsNumber);

package/index.umd.js

@@ -2577,7 +2577,8 @@
 	  max,
 	  value: _value = 0,
 	  step: _step = 1,
-	  id: _id = extract.randomId()
+	  id: _id = extract.randomId(),
+	  onChange
 	}) => {
 	  const pStepper = {
 	    down: noop,
@@ -2605,7 +2606,7 @@
 	    if (_step !== data.step) stepper.setStep(_step || 1);
 	  }, [stepper, _step]);
 	  React.useEffect(() => {
-	    if (_value !== data.value) stepper.setValue(_value || 0);
+	    if (_value !== data.value) stepper.setValue(_value || 0, false);
 	  }, [stepper, _value]);
 	  React.useEffect(() => {
 	    setStepper(extract.createStepper({
@@ -2613,7 +2614,8 @@
 	      value: _value,
 	      min,
 	      max,
-	      step: _step
+	      step: _step,
+	      onChange
 	    }, setData));
 	  }, []);
 	  return [stepper, data];
@@ -2623,16 +2625,11 @@
 	  var {
 	    label,
 	    description,
-	    statusMessage,
-	    onChange
+	    statusMessage
 	  } = _a,
-	      props = __rest(_a, ["label", "description", "statusMessage", "onChange"]);
+	      stepperArgs = __rest(_a, ["label", "description", "statusMessage"]);
 
-	  const [stepper, data] = useStepper(props);
-	  React.useEffect(() => {
-	    if (typeof data.value === 'undefined') return;
-	    if (onChange) onChange(data.value);
-	  }, [data.value]);
+	  const [stepper, data] = useStepper(stepperArgs);
 
 	  const onChangeEvent = e => {
 	    stepper.setValue(e.target.valueAsNumber);

package/lib/stepper/hook.d.ts

@@ -1,3 +1,3 @@
 import { AbstractStepper, StepperArgs, StepperData } from '@sebgroup/extract';
 export { StepperArgs };
-export declare const useStepper: ({ min, max, value, step, id }: StepperArgs) => [AbstractStepper, StepperData];
+export declare const useStepper: ({ min, max, value, step, id, onChange }: StepperArgs) => [AbstractStepper, StepperData];

package/lib/stepper/stepper.d.ts

@@ -3,6 +3,5 @@ export interface StepperProps extends StepperArgs {
     label?: string;
     description?: string;
     statusMessage?: string;
-    onChange?: (value: number) => void;
 }
-export declare function Stepper({ label, description, statusMessage, onChange, ...props }: StepperProps): JSX.Element;
+export declare function Stepper({ label, description, statusMessage, ...stepperArgs }: StepperProps): JSX.Element;

package/package.json

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