@atlaskit/table-tree 9.12.2 → 10.0.0

package/dist/types-ts4.5/components/rows.d.ts

@@ -1,27 +1,32 @@
-import React, { Component } from 'react';
-type WithChildren<T> = T & {
-    children?: T[] | null;
+import { type ReactElement } from 'react';
+import { type RowProps } from './row';
+type Content = {
+    title: string;
+    description: string;
 };
-export interface RowsProps<T> {
+export interface RowsProps<Item> {
     /**
      * The data used to render the set of rows. Will be passed down via the `children` render prop.
      *
      * In addition to these props, any other data can be added to the object, and it will
      * be provided as props when rendering each cell.
      */
-    items?: WithChildren<T>[];
+    items?: Item[];
     /**
      * Render function for child rows. Render props will contain an item from the
      * `items` prop above.
      */
-    render: (args: WithChildren<T>) => React.ReactNode;
+    render: (args: Item & {
+        children?: Item[];
+        content?: Content;
+    }) => ReactElement<RowProps<Item>> | null;
     /**
      * This is an accessible name for the loading state's spinner.
      * The default text is "Loading".
      */
     loadingLabel?: string;
 }
-export default class Rows<T> extends Component<RowsProps<T>> {
-    render(): JSX.Element;
-}
-export {};
+declare function Rows<T extends {
+    id: string;
+}>({ items, render, loadingLabel }: RowsProps<T>): JSX.Element;
+export default Rows;

package/dist/types-ts4.5/components/table-tree.d.ts

@@ -1,8 +1,5 @@
-import { Component, type ElementType, type ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type ColumnWidth } from './internal/context';
-import type Item from './internal/item';
-declare class Content extends Object {
-}
 /**
  * This is hard-coded here because our actual <TableTree /> has no typings
  * for its props.
@@ -11,7 +8,7 @@ declare class Content extends Object {
  *
  * Defining it here for now lets us provide *something* without much headache.
  */
-export type TableTreeProps = {
+export interface TableTreeProps<Item> {
     /**
      * The contents of the table.
      * Use this when composing `Cell`, `Header`, `Headers`, `Row`, and `Rows` components.
@@ -22,11 +19,11 @@ export type TableTreeProps = {
      * Each column component is used to render the cells in that column.
      * A cell's `content` value, specified in the data passed to `items`, is provided as props.
      */
-    columns?: ElementType<Content>[];
+    columns?: ElementType[];
     /**
      * The widths of the columns in the table.
      */
-    columnWidths?: (string | number)[];
+    columnWidths?: ColumnWidth[];
     /**
      * The header text of the columns of the table.
      */
@@ -36,11 +33,11 @@ export type TableTreeProps = {
 
     If your cells contain interactive elements, always set this to `false` to avoid unexpected expanding or collapsing.
 
-    If you aren’t using the `items` prop, `shouldExpandOnClick` should be used on the row component instead.
+    If you aren't using the `items` prop, `shouldExpandOnClick` should be used on the row component instead.
    */
     shouldExpandOnClick?: boolean;
     /**
-    The data used to render the table. If you’re creating a basic table, use this prop instead of composing cell, header, headers, row, and rows components.
+    The data used to render the table. If you're creating a basic table, use this prop instead of composing cell, header, headers, row, and rows components.
 
     In addition to the `items` props, any other data can be added, and it will
     be provided as props when rendering each cell.
@@ -62,15 +59,8 @@ export type TableTreeProps = {
      * Usage of either this, or the `label` attribute is strongly recommended.
      */
     referencedLabel?: string;
-};
-interface State {
-    columnWidths: ColumnWidth[];
-}
-export default class TableTree extends Component<any, State> {
-    state: State;
-    componentDidMount(): void;
-    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
-    getColumnWidth: (columnIndex: any) => ColumnWidth | null;
-    render(): JSX.Element;
 }
-export {};
+declare function TableTree<Item extends {
+    id: string;
+}>({ children, columns, columnWidths: defaultColumnWidths, headers, shouldExpandOnClick, items, mainColumnForExpandCollapseLabel, label, referencedLabel, }: TableTreeProps<Item>): JSX.Element;
+export default TableTree;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.12.2",
+	"version": "10.0.0",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -16,10 +16,6 @@
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "Design System Team",
-		"releaseModel": "continuous",
-		"productPushConsumption": [
-			"jira"
-		],
 		"website": {
 			"name": "Table tree",
 			"category": "Components"
@@ -28,11 +24,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/button": "^20.0.0",
-		"@atlaskit/icon": "^22.13.0",
+		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/ds-lib": "^2.5.0",
+		"@atlaskit/icon": "^22.16.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21"
@@ -43,7 +40,6 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^2.4.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@atlaskit/visually-hidden": "^1.5.0",