Fix #6068: Documentation Fixes

components/doc/common/apidoc/index.json

@@ -43564,6 +43564,13 @@
                             "type": "SidebarPassThroughType<HTMLAttributes<HTMLSpanElement>>",
                             "description": "Uses to pass attributes to the close button's DOM element."
                         },
+                        {
+                            "name": "icons",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "SidebarPassThroughType<HTMLAttributes<HTMLDivElement>>",
+                            "description": "Uses to pass attributes to the custom icons content's DOM element."
+                        },
                         {
                             "name": "closeIcon",
                             "optional": true,
@@ -43578,13 +43585,6 @@
                             "type": "SidebarPassThroughType<HTMLAttributes<HTMLDivElement>>",
                             "description": "Uses to pass attributes to the content's DOM element."
                         },
-                        {
-                            "name": "icons",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "SidebarPassThroughType<HTMLAttributes<HTMLDivElement>>",
-                            "description": "Uses to pass attributes to the custom icons content's DOM element."
-                        },
                         {
                             "name": "mask",
                             "optional": true,

components/doc/organizationchart/basicdoc.js

@@ -92,7 +92,7 @@ import { OrganizationChart } from 'primereact/organizationchart';
 import { TreeNode } from 'primereact/treenode';
 
 export default function BasicDoc() {
-    const [data] = useState<TreeNode>([
+    const [data] = useState<TreeNode[]>([
         {
             label: 'Argentina',
             expanded: true,

components/doc/organizationchart/pt/ptdoc.js

@@ -115,7 +115,7 @@ import { TreeNode } from 'primereact/treenode';
 
 export default function PTDemo() {
     const [selection, setSelection] = useState<TreeNode[]>([]);
-    const [data] = useState<TreeNode>([
+    const [data] = useState<TreeNode[]>([
         {
             label: 'Argentina',
             expanded: true,

components/doc/organizationchart/templatedoc.js

@@ -124,7 +124,7 @@ import { OrganizationChart } from 'primereact/organizationchart';
 import { TreeNode } from 'primereact/treenode';
 
 export default function TemplateDemo() {
-    const [data] = useState<TreeNode>([
+    const [data] = useState<TreeNode[]>([
         {
             label: 'Argentina',
             expanded: true,

components/doc/tree/eventsdoc.js

@@ -80,8 +80,9 @@ export default function EventsDemo() {
         `,
         typescript: `
 import React, { useState, useEffect, useRef } from 'react';
-import { Tree, TreeNode, TreeEventNodeEvent } from 'primereact/tree';
+import { Tree, TreeEventNodeEvent } from 'primereact/tree';
 import { Toast } from 'primereact/toast';
+import { TreeNode } from "primereact/treenode";
 import { NodeService } from './service/NodeService';
 
 export default function EventsDemo() {

components/doc/treetable/contextmenudoc.js

@@ -106,17 +106,17 @@ export default function ContextMenuDemo() {
         `,
         typescript: `
 import React, { useState, useEffect, useRef } from 'react';
-import { TreeTable } from 'primereact/treetable';
+import { TreeTable, TreeTableExpandedKeysType } from 'primereact/treetable';
 import { ContextMenu } from 'primereact/contextmenu';
 import { Toast } from 'primereact/toast';
 import { Column } from 'primereact/column';
-import { TreeNode } from 'primereact/column';
+import { TreeNode } from 'primereact/treenode';
 import { NodeService } from './service/NodeService';
 
 export default function ContextMenuDemo() {
-    const [nodes, setNodes] = useState<TreeNode>([]);
+    const [nodes, setNodes] = useState<TreeNode[]>([]);
     const [expandedKeys, setExpandedKeys] = useState<TreeTableExpandedKeysType | null>(null);
-    const [selectedNodeKey, setSelectedNodeKey] = useState<string>(null);
+    const [selectedNodeKey, setSelectedNodeKey] = useState<string | null>(null);
     const toast = useRef<Toast>(null);
     const cm = useRef<ContextMenu>(null);
     const menu = [

components/doc/treetable/filterdoc.js

@@ -106,9 +106,9 @@ interface FilterModeOption {
 }
 
 export default function FilterDemo() {
-    const [nodes, setNodes] = useState<TreeNode>([]);
+    const [nodes, setNodes] = useState<TreeNode[]>([]);
     const [globalFilter, setGlobalFilter] = useState<string>('');
-    const [filterMode, setFilterMode] = useState('lenient');
+    const [filterMode, setFilterMode] = useState<'lenient' | 'strict'>('lenient');
     const [filterOptions] = useState<FilterModeOption[]>([
         { label: 'Lenient', value: 'lenient' },
         { label: 'Strict', value: 'strict' }

components/doc/treetable/scroll/frozencolumnsdoc.js

@@ -60,7 +60,7 @@ import { TreeNode } from 'primereact/treenode';
 import { NodeService } from './service/NodeService';
 
 export default function FrozenColumnsDemo() {
-    const [nodes, setNodes] = useState([]);
+    const [nodes, setNodes] = useState<TreeNode[]>([]);
 
     useEffect(() => {
         NodeService.getTreeTableNodes().then(data => setNodes(data));

components/doc/treetable/scroll/verticaldoc.js

@@ -52,7 +52,7 @@ import { TreeNode } from 'primereact/treenode';
 import { NodeService } from './service/NodeService';
 
 export default function VerticalScrollDemo() {
-    const [nodes, setNodes] = useState<TreeNode>([]);
+    const [nodes, setNodes] = useState<TreeNode[]>([]);
 
     useEffect(() => {
         NodeService.getTreeTableNodes().then(data => setNodes(data));

components/doc/treetable/selection/multipledoc.js

@@ -75,7 +75,7 @@ import { InputSwitch, InputSwitchChangeEvent } from 'primereact/inputswitch';
 import { NodeService } from './service/NodeService';
 
 export default function MultipleRowsSelectionDemo() {
-    const [nodes, setNodes] = useState<TreeNode>([]);
+    const [nodes, setNodes] = useState<TreeNode[]>([]);
     const [selectedNodeKeys, setSelectedNodeKeys] = useState<TreeTableSelectionKeysType | null>(null);
     const [metaKey, setMetaKey] = useState<boolean>(true);
 

components/doc/treetable/selection/singledoc.js

@@ -66,7 +66,7 @@ import { InputSwitch, InputSwitchChangeEvent } from 'primereact/inputswitch';
 import { NodeService } from './service/NodeService';
 
 export default function SingleRowSelectionDemo() {
-    const [nodes, setNodes] = useState<TreeNode>([]);
+    const [nodes, setNodes] = useState<TreeNode[]>([]);
     const [selectedNodeKey, setSelectedNodeKey] = useState<string | null>(null);
     const [metaKey, setMetaKey] = useState<boolean>(true);
 

components/lib/sidebar/sidebar.d.ts

@@ -42,6 +42,10 @@ export interface SidebarPassThroughOptions {
      * Uses to pass attributes to the close button's DOM element.
      */
     closeButtonIcon?: SidebarPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the custom icons content's DOM element.
+     */
+    icons?: SidebarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Uses to pass attributes to the close icon's DOM element.
      */
@@ -50,10 +54,6 @@ export interface SidebarPassThroughOptions {
      * Uses to pass attributes to the content's DOM element.
      */
     content?: SidebarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
-    /**
-     * Uses to pass attributes to the custom icons content's DOM element.
-     */
-    icons?: SidebarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Uses to pass attributes to the mask's DOM element.
      */