@refinedev/antd 5.43.1 → 5.45.1

package/src/components/themedLayoutV2/sider/index.tsx

@@ -101,7 +101,6 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
           >
             <Menu.SubMenu
               key={item.key}
-              // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
               icon={icon ?? <UnorderedListOutlined />}
               title={label}
             >
@@ -130,7 +129,6 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
         >
           <Menu.Item
             key={item.key}
-            // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
             icon={icon ?? (isRoute && <UnorderedListOutlined />)}
             style={linkStyle}
           >
@@ -168,7 +166,6 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
     <Menu.Item
       key="logout"
       onClick={() => handleLogout()}
-      // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
       icon={<LogoutOutlined />}
     >
       {translate("buttons.logout", "Logout")}
@@ -176,7 +173,6 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
   );
 
   const dashboard = hasDashboard ? (
-    // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
     <Menu.Item key="dashboard" icon={<DashboardOutlined />}>
       <Link to="/">{translate("dashboard.title", "Dashboard")}</Link>
       {!siderCollapsed && selectedKey === "/" && (
@@ -269,7 +265,6 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
           style={drawerButtonStyles}
           size="large"
           onClick={() => setMobileSiderOpen(true)}
-          // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
           icon={<BarsOutlined />}
         />
       </>
@@ -297,7 +292,6 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
     const CollapsedIcon = direction === "rtl" ? LeftOutlined : RightOutlined;
     const IconComponent = siderCollapsed ? CollapsedIcon : OpenIcon;
 
-    // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
     return <IconComponent {...iconProps} />;
   };
 

package/src/components/undoableNotification/index.tsx

@@ -36,7 +36,6 @@ export const UndoableNotification: React.FC<UndoableNotificationProps> = ({
       style={{ flexShrink: 0 }}
       onClick={cancelMutation}
       disabled={undoableTimeout === 0}
-      // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
       icon={<UndoOutlined />}
     />
   </div>

package/src/contexts/themedLayoutContext/IThemedLayoutContext.ts

@@ -3,4 +3,5 @@ export interface IThemedLayoutContext {
   setSiderCollapsed: (visible: boolean) => void;
   mobileSiderOpen: boolean;
   setMobileSiderOpen: (visible: boolean) => void;
+  onSiderCollapsed?: (collapsed: boolean) => void;
 }

package/src/contexts/themedLayoutContext/index.tsx

@@ -12,12 +12,20 @@ export const ThemedLayoutContext = React.createContext<IThemedLayoutContext>({
 export const ThemedLayoutContextProvider: React.FC<{
   children: ReactNode;
   initialSiderCollapsed?: boolean;
-}> = ({ children, initialSiderCollapsed }) => {
-  const [siderCollapsed, setSiderCollapsed] = useState(
+  onSiderCollapsed?: (collapsed: boolean) => void;
+}> = ({ children, initialSiderCollapsed, onSiderCollapsed }) => {
+  const [siderCollapsed, setSiderCollapsedState] = useState(
     initialSiderCollapsed ?? false,
   );
   const [mobileSiderOpen, setMobileSiderOpen] = useState(false);
 
+  const setSiderCollapsed = (collapsed: boolean) => {
+    setSiderCollapsedState(collapsed);
+    if (onSiderCollapsed) {
+      onSiderCollapsed(collapsed);
+    }
+  };
+
   return (
     <ThemedLayoutContext.Provider
       value={{

package/src/hooks/form/useForm.ts

@@ -179,11 +179,10 @@ export const useForm = <
         return;
       }
 
+      type FieldData = Parameters<typeof form.setFields>[0];
+      type NamePath = FieldData[number]["name"];
       // antd form expects error object to be in a specific format.
-      let parsedErrors: {
-        name: string | number | (string | number)[];
-        errors?: string[] | undefined;
-      }[] = [];
+      let parsedErrors: FieldData = [];
 
       // reset antd errors before setting new errors
       const fieldsValue = form.getFieldsValue() as unknown as object;
@@ -192,7 +191,7 @@ export const useForm = <
 
       parsedErrors = fields.map((field) => {
         return {
-          name: propertyPathToArray(field),
+          name: propertyPathToArray(field) as NamePath,
           errors: undefined,
         };
       });
@@ -228,7 +227,7 @@ export const useForm = <
         }
 
         parsedErrors.push({
-          name: propertyPathToArray(key),
+          name: propertyPathToArray(key) as NamePath,
           errors: newError,
         });
       }