@abdellatifui/react 3.2.90 → 3.2.92

package/dist/nextgen.css

@@ -98,7 +98,10 @@
 .abdellatifuimap .maplibregl-ctrl *{
     border-radius: 100px;
     cursor: default !important;
-}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+}.css-opacity-0 {
+    opacity: 0 !important;
+}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 13, 2024 */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

package/dist/nextgen.d.ts

@@ -72,6 +72,7 @@ export declare interface AccordionItemProps {
     disabled?: boolean;
     className?: string;
     defaultOpen?: boolean;
+    delay?: number;
     onOpen?: (params: {
         value: any;
         props: any;
@@ -211,6 +212,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");
@@ -24049,6 +24048,7 @@ const vrs$c = cva("px-1", {
 const AccordionItem = (props) => {
   const key = useGeneratedId(5, false, false);
   const ref = useRef();
+  const contentRef = useRef();
   const refTrigger = useRef();
   const {
     value = key,
@@ -24060,7 +24060,8 @@ const AccordionItem = (props) => {
     onClose = () => {
     },
     defaultOpen = false,
-    disabled = false
+    disabled = false,
+    delay = 0
   } = props;
   const { updateApi, options: options2 } = useContext(AccordionContext);
   const id = useGeneratedId(5, true, false);
@@ -24069,8 +24070,12 @@ const AccordionItem = (props) => {
     const form = { ...props, open: isOpen, ref, refTrigger };
     if (isOpen) {
       onOpen(form);
+      setTimeout(() => {
+        $(contentRef.current).find("div").first().removeClass("css-opacity-0");
+      }, delay);
     }
     if (!isOpen) {
+      $(contentRef.current).find("div").first().addClass("css-opacity-0");
       onClose(form);
     }
     updateApi((prev) => ({ ...prev, ...form }));
@@ -24083,13 +24088,29 @@ const AccordionItem = (props) => {
       }, 100);
     }
   }, [defaultOpen]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem$1, { ref, id, onClick: handleClick, className: cn(vrs$c({
-    disabled,
-    border: options2.border
-  }), className), disabled, value, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { ref: refTrigger, children: header }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { children })
-  ] }, key);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    AccordionItem$1,
+    {
+      ref,
+      id,
+      onClick: handleClick,
+      className: cn(vrs$c({ disabled, border: options2.border }), className),
+      disabled,
+      value,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { ref: refTrigger, children: header }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          AccordionContent,
+          {
+            className: "css-opacity-0",
+            ref: contentRef,
+            children
+          }
+        )
+      ]
+    },
+    key
+  );
 };
 const CopyButton = forwardRef((props, ref) => {
   const [icon, setIcon] = useState(/* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 16 }));
@@ -29016,26 +29037,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 +29068,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 +29167,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 +29200,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.90",
+  "version": "3.2.92",
   "type": "module",
   "types": "dist/nextgen.d.ts",
   "files": [