@jetbrains/ring-ui 4.1.6 → 5.0.0-beta.3

package/components/data-list/data-list.mock.js

@@ -1,248 +1,207 @@
 /* eslint-disable react/jsx-no-literals */
 import React from 'react';
-
 import Link from '../link/link';
 import Badge from '../badge/badge';
-
-export default [
-  {
-    id: 1,
-    title: <span><strong>Assigner</strong> in 60 projects</span>,
-    collapsible: true,
-    selectable: true,
-    items: [
-      {
-        id: 11,
-        title: '6 projects: as a member of jetbrains-team',
+const items = [
+    {
+        id: 1,
+        title: <span><strong>Assigner</strong> in 60 projects</span>,
         collapsible: true,
         selectable: true,
         items: [
-          {
-            id: 111,
-            selectable: true,
-            title: <Link href="#">TeamCity</Link>
-          },
-
-          {
-            id: 112,
-            selectable: true,
-            title: <Link href="#">YouTrack</Link>
-          },
-
-          {
-            id: 113,
-            selectable: true,
-            title: <Link href="#">Sandbox</Link>
-          },
-
-          {
-            id: 114,
-            selectable: true,
-            title: <Link href="#">Exception Analyzer</Link>
-          },
-
-          {
-            id: 115,
-            selectable: true,
-            title: <Link href="#">MPS</Link>
-          }
+            {
+                id: 11,
+                title: '6 projects: as a member of jetbrains-team',
+                collapsible: true,
+                selectable: true,
+                items: [
+                    {
+                        id: 111,
+                        selectable: true,
+                        title: <Link href="#">TeamCity</Link>
+                    },
+                    {
+                        id: 112,
+                        selectable: true,
+                        title: <Link href="#">YouTrack</Link>
+                    },
+                    {
+                        id: 113,
+                        selectable: true,
+                        title: <Link href="#">Sandbox</Link>
+                    },
+                    {
+                        id: 114,
+                        selectable: true,
+                        title: <Link href="#">Exception Analyzer</Link>
+                    },
+                    {
+                        id: 115,
+                        selectable: true,
+                        title: <Link href="#">MPS</Link>
+                    }
+                ]
+            }
         ]
-      }
-    ]
-  },
-
-  {
-    id: 2,
-    title: <span><strong>Code Reviewer</strong> in 5 projects</span>,
-    selectable: true,
-    collapsible: true,
-    items: [
-      {
-        id: 21,
+    },
+    {
+        id: 2,
+        title: <span><strong>Code Reviewer</strong> in 5 projects</span>,
         selectable: true,
-        title: (
-          <span>
+        collapsible: true,
+        items: [
+            {
+                id: 21,
+                selectable: true,
+                title: (<span>
             <Link href="#">JetProfile</Link>
             <span> </span>
             <Badge gray>duplicate</Badge>
-          </span>
-        )
-      },
-
-      {
-        id: 22,
-        title: '6 projects: as a member of jetbrains-team',
-        collapsible: true,
-        items: [
-          {
-            id: 221,
-            collapsible: true,
-            title: <Link href="#">TeamCity</Link>
-          },
-
-          {
-            id: 222,
-            collapsible: true,
-            title: <Link href="#">YouTrack</Link>
-          },
-
-          {
-            id: 223,
-            collapsible: true,
-            title: <Link href="#">Sandbox</Link>
-          },
-
-          {
-            id: 224,
-            collapsible: true,
-            title: <Link href="#">Exception Analyzer</Link>
-          },
-
-          {
-            id: 225,
-            collapsible: true,
-            title: <Link href="#">MPS</Link>
-          }
-        ]
-      },
-
-      {
-        id: 23,
-        collapsible: true,
-        title: (
-          <span>
+          </span>)
+            },
+            {
+                id: 22,
+                title: '6 projects: as a member of jetbrains-team',
+                collapsible: true,
+                items: [
+                    {
+                        id: 221,
+                        collapsible: true,
+                        title: <Link href="#">TeamCity</Link>
+                    },
+                    {
+                        id: 222,
+                        collapsible: true,
+                        title: <Link href="#">YouTrack</Link>
+                    },
+                    {
+                        id: 223,
+                        collapsible: true,
+                        title: <Link href="#">Sandbox</Link>
+                    },
+                    {
+                        id: 224,
+                        collapsible: true,
+                        title: <Link href="#">Exception Analyzer</Link>
+                    },
+                    {
+                        id: 225,
+                        collapsible: true,
+                        title: <Link href="#">MPS</Link>
+                    }
+                ]
+            },
+            {
+                id: 23,
+                collapsible: true,
+                title: (<span>
             <Link href="#">CustomJDK</Link>
             <span>: as a member of ide-developers</span>
-          </span>
-        )
-      }
-    ]
-  },
-
-  {
-    id: 3,
-    title: <span><strong>Code Viewer</strong> in 5 projects</span>,
-    selectable: true,
-    collapsible: true,
-    items: [
-      {
-        id: 31,
+          </span>)
+            }
+        ]
+    },
+    {
+        id: 3,
+        title: <span><strong>Code Viewer</strong> in 5 projects</span>,
+        selectable: true,
         collapsible: true,
-        title: (
-          <span>
+        items: [
+            {
+                id: 31,
+                collapsible: true,
+                title: (<span>
             <Link href="#">ide-frontend</Link>
             <span>: as a member of ide-developers</span>
-          </span>
-        )
-      },
-
-      {
-        id: 32,
-        collapsible: true,
-        title: (
-          <span>
+          </span>)
+            },
+            {
+                id: 32,
+                collapsible: true,
+                title: (<span>
             <Link href="#">ide-frontend</Link>
             <span>: as a member of ide-frontend Code Viewers</span>
-          </span>
-        )
-      }
-    ]
-  },
-
-  {
-    id: 4,
-    title: <span><strong>Commenter</strong> in 12 projects</span>,
-    collapsible: true,
-    items: [
-      {
-        id: 41,
+          </span>)
+            }
+        ]
+    },
+    {
+        id: 4,
+        title: <span><strong>Commenter</strong> in 12 projects</span>,
         collapsible: true,
-        title: (
-          <span>
+        items: [
+            {
+                id: 41,
+                collapsible: true,
+                title: (<span>
             <Link href="#">Intellij IDEA</Link>
             <span>: as a member of Registered Users</span>
-          </span>
-        )
-      },
-
-      {
-        id: 42,
-        collapsible: true,
-        title: (
-          <span>
+          </span>)
+            },
+            {
+                id: 42,
+                collapsible: true,
+                title: (<span>
             <Link href="#">YouTrack Backlog</Link>
             <span>: as a member of jetbrains-team</span>
-          </span>
-        )
-      }
-    ]
-  },
-
-  {
-    id: 5,
-    collapsible: true,
-    title: (
-      <span>
+          </span>)
+            }
+        ]
+    },
+    {
+        id: 5,
+        collapsible: true,
+        title: (<span>
         <strong>Developer</strong>
         <span> in 57 projects </span>
         <Badge>team role</Badge>
-      </span>
-    ),
-    items: [
-      {
-        id: 51,
-        selectable: true,
+      </span>),
+        items: [
+            {
+                id: 51,
+                selectable: true,
+                collapsible: true,
+                title: <Link href="#">Wasabi</Link>
+            }
+        ]
+    },
+    {
+        id: 6,
         collapsible: true,
-        title: <Link href="#">Wasabi</Link>
-      }
-    ]
-  },
-
-  {
-    id: 6,
-    collapsible: true,
-    title: (
-      <span>
+        title: (<span>
         <strong>Git Hosting Admin</strong>
         <span> in project </span>
         <Link href="#">Hackathon 2016</Link>
         <span>: as a member of jetbrains-team</span>
-      </span>
-    )
-  },
-
-  {
-    id: 7,
-    title: <span><strong>Git Hosting Checkout</strong> in 7 projects</span>,
-    selectable: true,
-    collapsible: true
-  }
+      </span>)
+    },
+    {
+        id: 7,
+        title: <span><strong>Git Hosting Checkout</strong> in 7 projects</span>,
+        selectable: true,
+        collapsible: true
+    }
 ];
-
 export const moreItems = [
-  {
-    id: 91,
-    selectable: true,
-    collapsible: true,
-    title: (
-      <span>
+    {
+        id: 91,
+        selectable: true,
+        collapsible: true,
+        title: (<span>
         <Link href="#">More item 1</Link>
         <span> </span>
         <Badge gray>duplicate</Badge>
-      </span>
-    )
-  },
-
-  {
-    id: 92,
-    selectable: true,
-    collapsible: true,
-    title: (
-      <span>
+      </span>)
+    },
+    {
+        id: 92,
+        selectable: true,
+        collapsible: true,
+        title: (<span>
         <Link href="#">More item 2</Link>
         <span> </span>
         <Badge gray>duplicate</Badge>
-      </span>
-    )
-  }
+      </span>)
+    }
 ];
+export default items;

package/components/data-list/item.d.ts

@@ -0,0 +1,50 @@
+import { PureComponent, ReactNode } from 'react';
+import Selection, { SelectionItem } from '../table/selection';
+export declare enum moreLessButtonStates {
+    UNUSED = 0,
+    MORE = 1,
+    MORE_LOADING = 2,
+    LESS = 3
+}
+export interface BaseFormattedItem<T> {
+    items?: readonly T[];
+    title?: ReactNode;
+    collapsible?: boolean | null | undefined;
+    collapsed?: boolean | null | undefined;
+    onCollapse?: () => void;
+    onExpand?: () => void;
+    selectable?: boolean | undefined;
+}
+export interface FormattedItem<T> extends BaseFormattedItem<T> {
+    key?: string | null | undefined;
+    id?: string | number | null | undefined;
+}
+export interface ItemProps<T extends SelectionItem> extends BaseFormattedItem<T> {
+    item: T;
+    onFocus: (item: T) => void;
+    onSelect: (item: T, selected: boolean) => void;
+    itemFormatter: (item: T) => FormattedItem<T>;
+    level: number;
+    parentShift: number;
+    showMoreLessButton: moreLessButtonStates;
+    onItemMoreLess: (item: T, more: boolean) => void;
+    className?: string | null | undefined;
+    showFocus?: boolean | undefined;
+    selection: Selection<T>;
+    selected?: boolean | undefined;
+}
+export default class Item<T extends SelectionItem> extends PureComponent<ItemProps<T>> {
+    static defaultProps: {
+        items: never[];
+        level: number;
+        parentShift: number;
+        showMoreLessButton: moreLessButtonStates;
+        onItemMoreLess: () => void;
+    };
+    onShowMore: () => void;
+    onShowLess: () => void;
+    onFocus: () => void;
+    onSelect: (selected: boolean) => void;
+    renderItem: (model: T, parentShift: number) => JSX.Element;
+    render(): JSX.Element;
+}