@rebasepro/ui 0.4.0 → 0.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/ui",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/rebaseco"
@@ -67,11 +67,10 @@
     "fast-equals": "6.0.0",
     "lucide-react": "1.14.0",
     "markdown-it": "^14.1.1",
-    "react-compiler-runtime": "1.0.0",
+    "tailwind-merge": "^2.6.1",
     "react-dropzone": "^14.4.1",
     "react-use-measure": "^2.1.7",
-    "react-window": "^1.8.11",
-    "tailwind-merge": "^2.6.1"
+    "react-window": "^1.8.11"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/src/components/BooleanSwitchWithLabel.tsx

@@ -86,9 +86,10 @@ export const BooleanSwitchWithLabel = function BooleanSwitchWithLabel({
             )}
             onClick={disabled ? undefined : (e) => {
                 if (props.allowIndeterminate) {
-                    if (value === null || value === undefined) onValueChange?.(true)
-                    else if (value) onValueChange?.(false)
-                    else onValueChange?.(null as unknown as boolean); // SAFETY: null represents indeterminate state when allowIndeterminate is true
+                    const onChange = onValueChange as ((newValue: boolean | null) => void) | undefined;
+                    if (value === null || value === undefined) onChange?.(true)
+                    else if (value) onChange?.(false)
+                    else onChange?.(null);
                 } else {
                     onValueChange?.(!value);
                 }

package/src/components/DebouncedTextField.tsx

@@ -1,7 +1,9 @@
 "use client";
-import React, { ChangeEvent, useCallback, useEffect, useRef, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { TextField, TextFieldProps } from "./index";
 
+type TextFieldChangeEvent = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
+
 export function DebouncedTextField<T extends string | number>(props: TextFieldProps<T>) {
 
     const [internalValue, setInternalValue] = useState<T | string>(props.value ?? "");
@@ -24,7 +26,7 @@ export function DebouncedTextField<T extends string | number>(props: TextFieldPr
         };
     }, []);
 
-    const flushChange = useCallback((value: T | string, event?: ChangeEvent<any>) => {
+    const flushChange = useCallback((value: T | string, event?: TextFieldChangeEvent) => {
         if (timerRef.current) {
             clearTimeout(timerRef.current);
             timerRef.current = undefined;
@@ -38,12 +40,12 @@ export function DebouncedTextField<T extends string | number>(props: TextFieldPr
                     value: value,
                     name: props.name
                 }
-            };
-            props.onChange(e as any);
+            } as TextFieldChangeEvent;
+            props.onChange(e);
         }
     }, [props.value, props.onChange, props.name]);
 
-    const internalOnChange = useCallback((event: ChangeEvent<any>) => {
+    const internalOnChange = useCallback((event: TextFieldChangeEvent) => {
         const newValue = event.target.value;
         setInternalValue(newValue);
 
@@ -58,17 +60,17 @@ export function DebouncedTextField<T extends string | number>(props: TextFieldPr
         };
 
         timerRef.current = setTimeout(() => {
-            flushChange(newValue, eventCopy as any);
+            flushChange(newValue, eventCopy as TextFieldChangeEvent);
         }, 150);
     }, [flushChange]);
 
-    const internalOnBlur = useCallback((event: React.FocusEvent<any>) => {
-        flushChange(internalValue, event as any);
+    const internalOnBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {
+        flushChange(internalValue, event as TextFieldChangeEvent);
         props.onBlur?.(event);
     }, [internalValue, flushChange, props.onBlur]);
 
     return <TextField {...props}
         onChange={internalOnChange}
         onBlur={internalOnBlur}
-        value={internalValue as T}/>
+        value={internalValue as T}/>;
 }