@abdellatifui/react 3.2.89 → 3.2.91

package/dist/nextgen.d.ts

@@ -211,6 +211,7 @@ export declare interface CheckboxItemProps {
     onChecked?: (ref: default_2.RefObject<any>, state: boolean) => void;
     onUnChecked?: (ref: default_2.RefObject<any>, state: boolean) => void;
     defaultChecked?: boolean;
+    checked?: boolean;
     variant?: 'primary' | 'secondary';
     border?: boolean | 'ghost';
     checkboxProps?: any;

package/dist/nextgen.js

@@ -6463,7 +6463,6 @@ const ModelComponent = forwardRef((props, ref) => {
     animationDuration = 0.2
   } = props;
   const handleClose = useCallback((event) => {
-    console.log(event);
     onClose({ open, ref, container, children, props, _children, id, event });
     setTimeout(() => {
       $(ref3.current).addClass("opacity-0");
@@ -19769,7 +19768,7 @@ const Tooltip = ({
             alignOffset: xOffset,
             sideOffset: yOffset,
             className: cn(
-              "p-2 border shadow rounded-xs font-aptos text-sm",
+              "p-2 border shadow rounded-xs font-aptos text-sm z-501",
               variant == "primary" && "bg-white text-gray-700 ",
               variant == "secondary" && "bg-accent border-2 text-accent-foreground",
               variant == "outline" && "bg-white text-gray-700 border-2 border-gray-300 shadow-none",
@@ -29016,26 +29015,30 @@ const ToggleItem = (props) => {
     toggleProps = {},
     onContextMenu,
     disabled,
-    value
+    value,
+    pressed: controlledPressed
+    // Added
   } = props;
-  const [pressed, setPressed] = useState(false);
+  const [internalPressed, setInternalPressed] = useState(defaultChecked);
+  const pressed = controlledPressed !== void 0 ? controlledPressed : internalPressed;
   const api = useMemo(() => {
     return {
       id,
       ref: ref2,
       state: !pressed,
-      setPressedState: setPressed,
+      setPressedState: setInternalPressed,
       props,
       data,
       value
     };
   }, [id, ref2.current, pressed, data]);
   const handleOnChange = useCallback((state) => {
-    if (disabled) return;
+    if (controlledPressed === void 0) {
+      setInternalPressed(state);
+    }
     if (api_groupChange) {
-      api_groupChange(api);
+      api_groupChange({ ...api, state });
     }
-    setPressed(state);
     onChange(ref2, state);
     if (state) {
       onPressed(ref2, state);
@@ -29043,12 +29046,12 @@ const ToggleItem = (props) => {
     if (!state) {
       onUnPressed(ref2, state);
     }
-  }, [pressed, id]);
+  }, [controlledPressed, api_groupChange, api, onChange, onPressed, onUnPressed]);
   useEffect(() => {
-    if (defaultChecked) {
-      handleOnChange(true);
+    if (defaultChecked && api_groupChange) {
+      api_groupChange({ ...api, state: true });
     }
-  }, [defaultChecked]);
+  }, []);
   useEffect(() => {
     if (ref2.current && rootref && id) {
       itemsRef?.current?.items.push(api);
@@ -29142,27 +29145,30 @@ const CheckboxItem = (props) => {
     onUnChecked = () => {
     },
     defaultChecked = false,
+    checked: controlledChecked,
     variant = "primary",
     checkboxProps = {},
     disabled,
     value,
     checkboxClassName
   } = props;
-  const [checked, setChecked] = useState(false);
+  const [internalChecked, setInternalChecked] = useState(defaultChecked || false);
+  const checked = controlledChecked !== void 0 ? controlledChecked : internalChecked;
   const api = useMemo(() => {
     return {
       id,
       ref: ref2,
       state: checked,
-      setCheckedState: setChecked,
+      setCheckedState: setInternalChecked,
       props,
       data,
       value
     };
   }, [id, ref2.current, checked, data, props, value]);
   const handleOnChange = useCallback((state) => {
-    if (disabled) return;
-    setChecked(state);
+    if (controlledChecked === void 0) {
+      setInternalChecked(state);
+    }
     if (api_groupChange) {
       api_groupChange({ ...api, state });
     }
@@ -29172,10 +29178,10 @@ const CheckboxItem = (props) => {
     } else {
       onUnChecked(ref2, state);
     }
-  }, [disabled, api_groupChange, api, onChange, onChecked, onUnChecked]);
+  }, [controlledChecked, api_groupChange, api, onChange, onChecked, onUnChecked]);
   useEffect(() => {
-    if (defaultChecked) {
-      handleOnChange(true);
+    if (defaultChecked && api_groupChange) {
+      api_groupChange({ ...api, state: true });
     }
   }, []);
   useEffect(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@abdellatifui/react",
   "private": false,
-  "version": "3.2.89",
+  "version": "3.2.91",
   "type": "module",
   "types": "dist/nextgen.d.ts",
   "files": [