fix(overlay-menu): missing nested items property

documents/src/pages/utils/data-management.md

@@ -20,8 +20,10 @@ interface CollectionItem {
   /**
    * Child items collection.
    * Used for nested data structures.
+   * Override this property in sub interfaces with their own type to ensure nested type checking.
+   * For example, `MyCollectionItem extends CollectionItem { items?: MyCollectionItem[]; }`
    */
-  items?: this[];
+  items?: CollectionItem[];
 }
 ```
 
@@ -74,6 +76,11 @@ interface DataItem extends CollectionItem {
    * item from being interacted with.
    */
   disabled?: boolean;
+
+  /**
+   * Used for nested DataItem.
+   */
+  items?: DataItem[];
 }
 ```
 

packages/elements/src/item/helpers/types.ts

@@ -7,6 +7,10 @@ interface CommonItem extends DataItem {
    * Type of item. Value can be `text`, `header`, `divider`
    */
   type?: ItemType;
+  /**
+   * Used for nested ItemData.
+   */
+  items?: ItemData[];
 }
 
 interface CommonLabelItem extends CommonItem {

packages/elements/src/tree/helpers/types.ts

@@ -18,6 +18,11 @@ export interface TreeDataItem extends DataItem {
    * If `true`, child items will be visible
    */
   expanded?: boolean;
+
+  /**
+   * Used for nested TreeDataItem.
+   */
+  items?: TreeDataItem[];
 }
 
 /**

packages/utils/src/collection/collection-item.ts

@@ -12,6 +12,8 @@ export interface CollectionItem {
   /**
    * Child items collection.
    * Used for nested data structures.
+   * Override this property in sub interfaces with their own type to ensure nested type checking.
+   * For example, `MyCollectionItem extends CollectionItem { items?: MyCollectionItem[]; }`
    */
-  items?: this[];
+  items?: CollectionItem[];
 }

packages/utils/src/collection/data-item.ts

@@ -48,4 +48,9 @@ export interface DataItem extends CollectionItem {
    * item from being interacted with.
    */
   disabled?: boolean;
+
+  /**
+   * Used for nested DataItem.
+   */
+  items?: DataItem[];
 }