@ceed/cds 0.0.185 → 0.0.187-cjs.0

package/dist/hooks/use-controlled-state/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+
+function useControlledState(controlledValue, defaultValue, onChange, options) {
+    const { current: isControlled } = React.useRef(controlledValue !== undefined);
+    const [displayValue, setDisplayValue] = React.useState(controlledValue ?? defaultValue);
+    React.useEffect(() => {
+        if (isControlled) {
+            setDisplayValue(controlledValue ?? defaultValue);
+        }
+    }, [controlledValue, defaultValue, isControlled]);
+    const handleChange = React.useCallback((value) => {
+        const newValue = typeof value === "function"
+            ? value(displayValue)
+            : value;
+        if (options?.disableStrict || !isControlled) {
+            setDisplayValue(newValue);
+        }
+        onChange?.(newValue);
+    }, [isControlled, onChange, displayValue, options]);
+    return [displayValue, handleChange];
+}
+
+exports.useControlledState = useControlledState;