@primereact/mcp 11.1.0 → 11.2.0

package/data/llms/styled/components/sidebar.md

@@ -26,9 +26,10 @@ import { Avatar } from '@primereact/ui/avatar';
 import { Button } from '@primereact/ui/button';
 import { Sidebar } from '@primereact/ui/sidebar';
 import * as React from 'react';
+import type { IconProps } from '@primeicons/react/core';
 
 type NavItem = {
-    icon: React.FC<any>;
+    icon: React.FC<IconProps>;
     label: string;
     isActive?: boolean;
     badge?: string;
@@ -250,9 +251,11 @@ import { ToggleButton } from '@primereact/ui/togglebutton';
 import { ToggleSwitch, type ToggleSwitchRootChangeEvent } from '@primereact/ui/toggleswitch';
 import { ToggleButtonGroup, ToggleButtonGroupValueChangeEvent } from '@primereact/ui/togglebuttongroup';
 import * as React from 'react';
+import type { IconProps } from '@primeicons/react/core';
+import type { SidebarCollapsible, SidebarSide, SidebarVariant } from '@primereact/ui/sidebar';
 
 type NavItem = {
-    icon: React.FC<any>;
+    icon: React.FC<IconProps>;
     label: string;
     isActive?: boolean;
     badge?: string;
@@ -301,9 +304,9 @@ const collapsibleOptions = [
 ];
 
 export default function VariantsDemo() {
-    const [variant, setVariant] = React.useState<'sidebar' | 'floating' | 'inset'>('sidebar');
-    const [collapsible, setCollapsible] = React.useState<'icon' | 'offcanvas' | 'none'>('icon');
-    const [side, setSide] = React.useState<'left' | 'right'>('left');
+    const [variant, setVariant] = React.useState<SidebarVariant>('sidebar');
+    const [collapsible, setCollapsible] = React.useState<SidebarCollapsible>('icon');
+    const [side, setSide] = React.useState<SidebarSide>('left');
     const [overlay, setOverlay] = React.useState(false);
     const [openOnHover, setOpenOnHover] = React.useState(false);
     const [backdrop, setBackdrop] = React.useState(false);
@@ -315,7 +318,7 @@ export default function VariantsDemo() {
                     <Label>Variant</Label>
                     <Select.Root
                         value={variant}
-                        onValueChange={(e: SelectValueChangeEvent) => setVariant(e.value as any)}
+                        onValueChange={(e: SelectValueChangeEvent) => setVariant(e.value as SidebarVariant)}
                         options={variantOptions}
                         optionLabel="label"
                         optionValue="value"
@@ -340,7 +343,7 @@ export default function VariantsDemo() {
                     <Label>Collapsible</Label>
                     <Select.Root
                         value={collapsible}
-                        onValueChange={(e: SelectValueChangeEvent) => setCollapsible(e.value as any)}
+                        onValueChange={(e: SelectValueChangeEvent) => setCollapsible(e.value as SidebarCollapsible)}
                         options={collapsibleOptions}
                         optionLabel="label"
                         optionValue="value"
@@ -1276,10 +1279,11 @@ import { useIsMobile } from '@primereact/hooks';
 import { Avatar } from '@primereact/ui/avatar';
 import { Button } from '@primereact/ui/button';
 import { Sidebar } from '@primereact/ui/sidebar';
+import type { IconProps } from '@primeicons/react/core';
 
 type MenuItem = {
     label: string;
-    icon?: React.FC<any>;
+    icon?: React.FC<IconProps>;
     isActive?: boolean;
     children?: MenuItem[];
 };

package/data/llms/styled/components/tree.md

@@ -871,6 +871,7 @@ function fetchChildren(parent: TreeNodeData): Promise<TreeNodeData[]> {
 function setChildren(list: TreeNodeData[], key: string, children: TreeNodeData[]): TreeNodeData[] {
     return list.map((n) => {
         if (n.key === key) return { ...n, children, loading: false };
+
         if (n.children?.length) return { ...n, children: setChildren(n.children, key, children) };
 
         return n;
@@ -880,6 +881,7 @@ function setChildren(list: TreeNodeData[], key: string, children: TreeNodeData[]
 function setLoading(list: TreeNodeData[], key: string, loading: boolean): TreeNodeData[] {
     return list.map((n) => {
         if (n.key === key) return { ...n, loading };
+
         if (n.children?.length) return { ...n, children: setLoading(n.children, key, loading) };
 
         return n;
@@ -972,6 +974,7 @@ export default function LoadingOverlayDemo() {
         setLoading(true);
         setTimeout(async () => {
             const data = await NodeService.getTreeNodes();
+
             setNodes(data);
             setLoading(false);
         }, 1500);
@@ -1042,6 +1045,7 @@ export default function LoadingSkeletonDemo() {
         setLoading(true);
         setTimeout(async () => {
             const data = await NodeService.getTreeNodes();
+
             setNodes(data);
             setLoading(false);
         }, 1500);
@@ -1110,6 +1114,7 @@ export default function EmptyDemo() {
 
     const addNode = () => {
         const next: TreeNodeData = { key: `root-${nodes.length}`, label: `New Folder ${nodes.length + 1}` };
+
         setNodes((prev) => [...prev, next]);
     };