@atlaskit/table-tree 10.0.10 → 10.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/table-tree
 
+## 10.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.1.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.0.10
 
 ### Patch Changes

package/dist/cjs/components/row.js

@@ -69,7 +69,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "10.0.10"
+    packageVersion: "10.1.1"
   });
   var onCollapse = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: function fn(value) {
@@ -79,7 +79,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "10.0.10"
+    packageVersion: "10.1.1"
   });
 
   /**

package/dist/es2019/components/row.js

@@ -53,7 +53,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "10.0.10"
+    packageVersion: "10.1.1"
   });
   const onCollapse = usePlatformLeafEventHandler({
     fn: value => providedOnCollapse && providedOnCollapse(value),
@@ -61,7 +61,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "10.0.10"
+    packageVersion: "10.1.1"
   });
 
   /**

package/dist/esm/components/row.js

@@ -58,7 +58,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "10.0.10"
+    packageVersion: "10.1.1"
   });
   var onCollapse = usePlatformLeafEventHandler({
     fn: function fn(value) {
@@ -68,7 +68,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "10.0.10"
+    packageVersion: "10.1.1"
   });
 
   /**

package/dist/types/components/cell.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface CellProps {
     /**
      * Sets whether the cell contents should wrap or display on a single line and be truncated. For accessibility reasons, wrapping the content is strongly recommended.
@@ -21,5 +21,5 @@ export interface CellProps {
      */
     children?: ReactNode;
 }
-declare const Cell: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
+declare const Cell: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => React.JSX.Element;
 export default Cell;

package/dist/types/components/header.d.ts

@@ -24,5 +24,5 @@ export type HeaderProps = {
     id?: string;
     role?: string;
 };
-declare const Header: (props: HeaderProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
+declare const Header: (props: HeaderProps & import("./internal/with-column-width").CellWithColumnWidthProps) => import("react").JSX.Element;
 export default Header;

package/dist/types/components/internal/chevron.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface ChevronProps {
     /**
      * @default 'Expand'
@@ -17,5 +17,5 @@ interface ChevronProps {
 /**
  * Internal chevron component.
  */
-declare const Chevron: ({ isExpanded, ariaControls, collapseLabel, expandLabel, rowId, extendedLabel, onExpandToggle, }: ChevronProps) => JSX.Element;
+declare const Chevron: ({ isExpanded, ariaControls, collapseLabel, expandLabel, rowId, extendedLabel, onExpandToggle, }: ChevronProps) => React.JSX.Element;
 export default Chevron;

package/dist/types/components/internal/items.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { type RowProps } from '../row';
 export interface ItemsProps<Item> {
     depth?: number;
@@ -10,5 +10,5 @@ export interface ItemsProps<Item> {
 }
 declare function Items<Item extends {
     id: string;
-}>({ depth, items, loadingLabel, render, }: ItemsProps<Item>): JSX.Element;
+}>({ depth, items, loadingLabel, render, }: ItemsProps<Item>): React.JSX.Element;
 export default Items;

package/dist/types/components/internal/loader-item.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface LoaderItemProps {
     /**
      * @default 1
@@ -8,5 +8,5 @@ interface LoaderItemProps {
     isCompleting?: boolean;
     loadingLabel?: string;
 }
-declare const LoaderItem: ({ depth, loadingLabel, isCompleting, onComplete }: LoaderItemProps) => JSX.Element | null;
+declare const LoaderItem: ({ depth, loadingLabel, isCompleting, onComplete }: LoaderItemProps) => React.JSX.Element | null;
 export default LoaderItem;

package/dist/types/components/internal/with-column-width.d.ts

@@ -3,4 +3,4 @@ export interface CellWithColumnWidthProps {
     width?: string | number;
     columnIndex?: number;
 }
-export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): (props: T & CellWithColumnWidthProps) => JSX.Element;
+export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): (props: T & CellWithColumnWidthProps) => React.JSX.Element;

package/dist/types/components/rows.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { type RowProps } from './row';
 type Content = {
     title: string;
@@ -28,5 +28,5 @@ export interface RowsProps<Item> {
 }
 declare function Rows<T extends {
     id: string;
-}>({ items, render, loadingLabel }: RowsProps<T>): JSX.Element;
+}>({ items, render, loadingLabel }: RowsProps<T>): React.JSX.Element;
 export default Rows;

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

@@ -1,4 +1,4 @@
-import { type ElementType, type ReactNode } from 'react';
+import React, { type ElementType, type ReactNode } from 'react';
 import { type ColumnWidth } from './internal/context';
 /**
  * This is hard-coded here because our actual <TableTree /> has no typings
@@ -62,5 +62,5 @@ export interface TableTreeProps<Item> {
 }
 declare function TableTree<Item extends {
     id: string;
-}>({ children, columns, columnWidths: defaultColumnWidths, headers, shouldExpandOnClick, items, mainColumnForExpandCollapseLabel, label, referencedLabel, }: TableTreeProps<Item>): JSX.Element;
+}>({ children, columns, columnWidths: defaultColumnWidths, headers, shouldExpandOnClick, items, mainColumnForExpandCollapseLabel, label, referencedLabel, }: TableTreeProps<Item>): React.JSX.Element;
 export default TableTree;

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface CellProps {
     /**
      * Sets whether the cell contents should wrap or display on a single line and be truncated. For accessibility reasons, wrapping the content is strongly recommended.
@@ -21,5 +21,5 @@ export interface CellProps {
      */
     children?: ReactNode;
 }
-declare const Cell: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
+declare const Cell: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => React.JSX.Element;
 export default Cell;

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

@@ -24,5 +24,5 @@ export type HeaderProps = {
     id?: string;
     role?: string;
 };
-declare const Header: (props: HeaderProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
+declare const Header: (props: HeaderProps & import("./internal/with-column-width").CellWithColumnWidthProps) => import("react").JSX.Element;
 export default Header;

package/dist/types-ts4.5/components/internal/chevron.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface ChevronProps {
     /**
      * @default 'Expand'
@@ -17,5 +17,5 @@ interface ChevronProps {
 /**
  * Internal chevron component.
  */
-declare const Chevron: ({ isExpanded, ariaControls, collapseLabel, expandLabel, rowId, extendedLabel, onExpandToggle, }: ChevronProps) => JSX.Element;
+declare const Chevron: ({ isExpanded, ariaControls, collapseLabel, expandLabel, rowId, extendedLabel, onExpandToggle, }: ChevronProps) => React.JSX.Element;
 export default Chevron;

package/dist/types-ts4.5/components/internal/items.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { type RowProps } from '../row';
 export interface ItemsProps<Item> {
     depth?: number;
@@ -10,5 +10,5 @@ export interface ItemsProps<Item> {
 }
 declare function Items<Item extends {
     id: string;
-}>({ depth, items, loadingLabel, render, }: ItemsProps<Item>): JSX.Element;
+}>({ depth, items, loadingLabel, render, }: ItemsProps<Item>): React.JSX.Element;
 export default Items;

package/dist/types-ts4.5/components/internal/loader-item.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface LoaderItemProps {
     /**
      * @default 1
@@ -8,5 +8,5 @@ interface LoaderItemProps {
     isCompleting?: boolean;
     loadingLabel?: string;
 }
-declare const LoaderItem: ({ depth, loadingLabel, isCompleting, onComplete }: LoaderItemProps) => JSX.Element | null;
+declare const LoaderItem: ({ depth, loadingLabel, isCompleting, onComplete }: LoaderItemProps) => React.JSX.Element | null;
 export default LoaderItem;

package/dist/types-ts4.5/components/internal/with-column-width.d.ts

@@ -3,4 +3,4 @@ export interface CellWithColumnWidthProps {
     width?: string | number;
     columnIndex?: number;
 }
-export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): (props: T & CellWithColumnWidthProps) => JSX.Element;
+export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): (props: T & CellWithColumnWidthProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { type RowProps } from './row';
 type Content = {
     title: string;
@@ -28,5 +28,5 @@ export interface RowsProps<Item> {
 }
 declare function Rows<T extends {
     id: string;
-}>({ items, render, loadingLabel }: RowsProps<T>): JSX.Element;
+}>({ items, render, loadingLabel }: RowsProps<T>): React.JSX.Element;
 export default Rows;

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

@@ -1,4 +1,4 @@
-import { type ElementType, type ReactNode } from 'react';
+import React, { type ElementType, type ReactNode } from 'react';
 import { type ColumnWidth } from './internal/context';
 /**
  * This is hard-coded here because our actual <TableTree /> has no typings
@@ -62,5 +62,5 @@ export interface TableTreeProps<Item> {
 }
 declare function TableTree<Item extends {
     id: string;
-}>({ children, columns, columnWidths: defaultColumnWidths, headers, shouldExpandOnClick, items, mainColumnForExpandCollapseLabel, label, referencedLabel, }: TableTreeProps<Item>): JSX.Element;
+}>({ children, columns, columnWidths: defaultColumnWidths, headers, shouldExpandOnClick, items, mainColumnForExpandCollapseLabel, label, referencedLabel, }: TableTreeProps<Item>): React.JSX.Element;
 export default TableTree;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "10.0.10",
+	"version": "10.1.1",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,13 +25,13 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/icon": "^23.4.0",
-		"@atlaskit/spinner": "^17.0.0",
-		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.2.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/button": "^20.5.0",
+		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/icon": "^23.7.0",
+		"@atlaskit/spinner": "^17.1.0",
+		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21"
@@ -45,13 +45,13 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
-		"@atlaskit/visually-hidden": "^1.5.0",
+		"@atlaskit/visually-hidden": "^1.6.0",
 		"@emotion/styled": "^11.0.0",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/react-redux": "^5.0.0",
 		"exenv": "^1.2.2",
-		"react-dom": "^16.8.0",
+		"react-dom": "^18.2.0",
 		"react-redux": "^5.1.2",
 		"redux": "^3.7.2",
 		"redux-thunk": "^2.3.0"