@abdellatifui/react 3.2.88 → 3.2.89

package/dist/nextgen.d.ts

@@ -922,7 +922,8 @@ declare interface PanelProps_2 {
     bodyClassName?: string;
     headerClassName?: string;
     defaultClose: string;
-    maximizeButton: boolean;
+    maximizeButton?: boolean;
+    defaultMaximized?: boolean;
     ref: MutableRefObject<any>;
 }
 
@@ -1130,7 +1131,7 @@ export declare interface SubHeaderProps extends HeadlineProps {
     description?: string;
 }
 
-export declare const SwapIconButton: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
+export declare const SwapIconButton: (props: SwapIconButtonProps) => JSX.Element;
 
 export declare interface SwapIconButtonProps extends ButtonProps {
     icon1: default_2.ReactNode;

package/dist/nextgen.js

@@ -24406,13 +24406,20 @@ const PanelHeader = (props) => {
     iconsOrder,
     tooltipOrder,
     maximizeButton,
+    defaultMaximized,
     ref
   } = props;
+  const buttonRef = useRef();
   const { closeModel } = useContext(ModelContext);
   const [maxIconOrader, setMaxIconOrder] = useState([
     /* @__PURE__ */ jsxRuntimeExports.jsx(Maximize2, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Minimize2, {})
   ]);
+  useEffect(() => {
+    if (defaultMaximized) {
+      buttonRef?.current?.click?.();
+    }
+  }, [defaultMaximized]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex space-x-2", children: [
     moreInfo && /* @__PURE__ */ jsxRuntimeExports.jsx(
       IconButton2,
@@ -24425,6 +24432,7 @@ const PanelHeader = (props) => {
     maximizeButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
       SwapIconButton,
       {
+        ref: buttonRef,
         icon1: maxIconOrader[0],
         icon2: maxIconOrader[1],
         tooltip1: "Maximize",
@@ -24475,6 +24483,7 @@ const Panel = (props) => {
     maximizeButton,
     description,
     style: style2,
+    defaultMaximized,
     ref = useRef()
   } = props;
   const [iconsOrder, setIconOrder] = useState([
@@ -24527,7 +24536,8 @@ const Panel = (props) => {
                   close: closeButton,
                   iconsOrder,
                   tooltipOrder,
-                  maximizeButton
+                  maximizeButton,
+                  defaultMaximized
                 }
               )
             ]
@@ -24543,7 +24553,7 @@ const Panel = (props) => {
     }
   );
 };
-const SwapIconButton = forwardRef((props, ref) => {
+const SwapIconButton = (props) => {
   const [icon, setIcon] = useState([]);
   const [state, setState] = useState("");
   const [stateIndex, setStateIndex] = useState(1);
@@ -24553,19 +24563,21 @@ const SwapIconButton = forwardRef((props, ref) => {
     tooltip1,
     tooltip2,
     onClick,
+    ref,
     ripple = true
   } = props;
   useEffect(() => {
     setIcon(icon1);
     setState(tooltip1);
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     IconButton2,
     {
       ...props,
       icon,
       ripple,
       tooltip: state,
+      ref,
       onClick: () => {
         setIcon((prev) => {
           return stateIndex == 1 ? icon2 : icon1;
@@ -24578,8 +24590,8 @@ const SwapIconButton = forwardRef((props, ref) => {
         }
       }
     }
-  ) });
-});
+  );
+};
 const AppContext = createContext({});
 const DialogPanel = (props) => {
   const {

package/package.json

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