@atlaskit/table-tree 9.4.2 → 9.6.0

package/dist/esm/components/internal/with-column-width.js

@@ -1,58 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["width", "columnIndex"];
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { useContext, useEffect } from 'react';
+import { TableTreeContext } from '../table-tree';
 export default function withColumnWidth(Cell) {
-  var _class;
-  return _class = /*#__PURE__*/function (_Component) {
-    _inherits(CellWithColumnWidth, _Component);
-    var _super = _createSuper(CellWithColumnWidth);
-    function CellWithColumnWidth() {
-      _classCallCheck(this, CellWithColumnWidth);
-      return _super.apply(this, arguments);
-    }
-    _createClass(CellWithColumnWidth, [{
-      key: "UNSAFE_componentWillMount",
-      value: function UNSAFE_componentWillMount() {
-        this.setColumnWidth(this.props.width);
-      }
-    }, {
-      key: "setColumnWidth",
-      value: function setColumnWidth(width) {
-        if (width !== undefined) {
-          this.context.tableTree.setColumnWidth(this.props.columnIndex, width);
-        }
+  return function (props) {
+    var _useContext = useContext(TableTreeContext),
+      setColumnWidth = _useContext.setColumnWidth,
+      getColumnWidth = _useContext.getColumnWidth;
+    var width = props.width,
+      columnIndex = props.columnIndex,
+      other = _objectWithoutProperties(props, _excluded);
+    useEffect(function () {
+      if (width !== undefined && columnIndex !== undefined) {
+        setColumnWidth(columnIndex, width);
       }
-    }, {
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        this.setColumnWidth(nextProps.width);
+    }, [width, columnIndex, setColumnWidth]);
+    var columnWidth;
+    if (width !== null && width !== undefined) {
+      columnWidth = width;
+    } else {
+      if (columnIndex !== undefined) {
+        columnWidth = getColumnWidth(columnIndex);
       }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          width = _this$props.width,
-          columnIndex = _this$props.columnIndex,
-          other = _objectWithoutProperties(_this$props, _excluded);
-        var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
-        return /*#__PURE__*/React.createElement(Cell, _extends({
-          width: columnWidth
-        }, other));
-      }
-    }]);
-    return CellWithColumnWidth;
-  }(Component), _defineProperty(_class, "contextTypes", {
-    tableTree: PropTypes.object.isRequired
-  }), _class;
+    }
+    return /*#__PURE__*/React.createElement(Cell, _extends({
+      width: columnWidth
+    }, other));
+  };
 }

package/dist/esm/components/row.js

@@ -20,7 +20,7 @@ var treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.4.2";
+var packageVersion = "9.6.0";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);
@@ -56,6 +56,18 @@ var Row = /*#__PURE__*/function (_Component) {
         _this.onExpandStateChange(!_this.state.isExpanded);
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "getExtendedLabel", function (cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
+      /**
+       * First condition - when we pass data via `items` property in `<TableTree />`
+       * Second condition - when we pass data via `<Rows />` as children in `<TableTree />`.
+       */
+      if (cellContent.hasOwnProperty('props')) {
+        return cellContent === null || cellContent === void 0 ? void 0 : cellContent.props[mainColumnForExpandCollapseLabel === null || mainColumnForExpandCollapseLabel === void 0 ? void 0 : mainColumnForExpandCollapseLabel.toLowerCase()];
+      } else if (cellIndex === mainColumnForExpandCollapseLabel) {
+        return cellContent;
+      }
+      return undefined;
+    });
     return _this;
   }
   _createClass(Row, [{
@@ -94,18 +106,22 @@ var Row = /*#__PURE__*/function (_Component) {
       var props = this.props;
       var isExpanded = this.isExpanded();
       var hasChildren = props.hasChildren,
-        depth = props.depth;
+        depth = props.depth,
+        mainColumnForExpandCollapseLabel = props.mainColumnForExpandCollapseLabel;
       var isFirstCell = cellIndex === 0;
       var indentLevel = isFirstCell ? depth : 0;
       var cellContent = cell.props.children || [];
+      var extendedLabel = this.getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel);
       if (isFirstCell && hasChildren) {
         cellContent = [jsx(Chevron, {
           key: "chevron",
           expandLabel: props.expandLabel,
           collapseLabel: props.collapseLabel,
+          extendedLabel: extendedLabel,
           isExpanded: isExpanded,
           onExpandToggle: this.onExpandToggle,
-          ariaControls: toItemId(props.itemId)
+          ariaControls: toItemId(props.itemId),
+          rowId: props.itemId
         })].concat(cellContent);
       }
       return /*#__PURE__*/React.cloneElement(cell, {

package/dist/esm/components/table-tree.js

@@ -8,13 +8,23 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /* eslint-disable react/prop-types */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { Component, createContext } from 'react';
 import Cell from './cell';
 import Header from './header';
 import Headers from './headers';
 import Row from './row';
 import Rows from './rows';
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+export var TableTreeContext = /*#__PURE__*/createContext({
+  setColumnWidth: function setColumnWidth() {},
+  getColumnWidth: function getColumnWidth() {
+    return null;
+  }
+});
 var TableTree = /*#__PURE__*/function (_Component) {
   _inherits(TableTree, _Component);
   var _super = _createSuper(TableTree);
@@ -53,17 +63,6 @@ var TableTree = /*#__PURE__*/function (_Component) {
         }); // eslint-disable-line
       }
     }
-  }, {
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        tableTree: {
-          columnWidths: this.state.columnWidths,
-          setColumnWidth: this.setColumnWidth,
-          getColumnWidth: this.getColumnWidth
-        }
-      };
-    }
   }, {
     key: "render",
     value: function render() {
@@ -73,7 +72,8 @@ var TableTree = /*#__PURE__*/function (_Component) {
         headers = _this$props.headers,
         columns = _this$props.columns,
         _this$props$columnWid = _this$props.columnWidths,
-        columnWidths = _this$props$columnWid === void 0 ? [] : _this$props$columnWid;
+        columnWidths = _this$props$columnWid === void 0 ? [] : _this$props$columnWid,
+        mainColumnForExpandCollapseLabel = _this$props.mainColumnForExpandCollapseLabel;
       var heads = headers && /*#__PURE__*/React.createElement(Headers, null, headers.map(function (header, index) {
         return (
           /*#__PURE__*/
@@ -98,7 +98,8 @@ var TableTree = /*#__PURE__*/function (_Component) {
               itemId: id,
               items: children,
               hasChildren: hasChildren,
-              shouldExpandOnClick: shouldExpandOnClick
+              shouldExpandOnClick: shouldExpandOnClick,
+              mainColumnForExpandCollapseLabel: mainColumnForExpandCollapseLabel
             }, columns.map(function (CellContent, index) {
               return /*#__PURE__*/React.createElement(Cell
               // eslint-disable-next-line react/no-array-index-key
@@ -111,15 +112,17 @@ var TableTree = /*#__PURE__*/function (_Component) {
           }
         });
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(TableTreeContext.Provider, {
+        value: {
+          setColumnWidth: this.setColumnWidth,
+          getColumnWidth: this.getColumnWidth
+        }
+      }, /*#__PURE__*/React.createElement("div", {
         role: "treegrid",
         "aria-readonly": true
-      }, heads, rows, this.props.children);
+      }, heads, rows, this.props.children));
     }
   }]);
   return TableTree;
 }(Component);
-_defineProperty(TableTree, "childContextTypes", {
-  tableTree: PropTypes.object.isRequired
-});
 export { TableTree as default };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.4.2",
+	"version": "9.6.0",
 	"sideEffects": false
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 export interface CellProps {
     /**
      * Whether the cell contents should wrap or display on a single line and be concatenated.
@@ -16,63 +16,10 @@ export interface CellProps {
      * Class name to apply to cell.
      */
     className?: string;
+    /**
+     * Children content, used when composing table-tree from internal components
+     */
+    children?: ReactNode;
 }
-declare const _default: {
-    new (props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps, context?: any): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextTypes: {
-        tableTree: import("prop-types").Validator<object>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
+declare const _default: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
 export default _default;

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

@@ -1,60 +1,3 @@
 /// <reference types="react" />
-declare const _default: {
-    new (props: Readonly<any>): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import("react").ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: any, context?: any): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import("react").ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextTypes: {
-        tableTree: import("prop-types").Validator<object>;
-    };
-    contextType?: import("react").Context<any> | undefined;
-};
+declare const _default: (props: any) => JSX.Element;
 export default _default;

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

@@ -5,6 +5,8 @@ interface ChevronProps {
     isExpanded?: boolean;
     ariaControls?: string;
     onExpandToggle?: Function;
+    rowId: string;
+    extendedLabel?: string;
 }
 export default class Chevron extends Component<ChevronProps> {
     static defaultProps: {

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

@@ -1,64 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface CellWithColumnWidthProps {
-    width?: number | string;
+    width?: string | number;
     columnIndex?: number;
 }
-export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): {
-    new (props: Readonly<T & CellWithColumnWidthProps>): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: number | string): void;
-        UNSAFE_componentWillReceiveProps(nextProps: CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<T & CellWithColumnWidthProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: T & CellWithColumnWidthProps, context?: any): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: number | string): void;
-        UNSAFE_componentWillReceiveProps(nextProps: CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<T & CellWithColumnWidthProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<T & CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<T & CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextTypes: {
-        tableTree: PropTypes.Validator<object>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
+export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): (props: T & CellWithColumnWidthProps) => JSX.Element;

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

@@ -14,6 +14,7 @@ declare class Row extends Component<any, any> {
     onClickHandler: (e: React.MouseEvent) => void;
     onExpandToggle: () => void;
     isExpanded(): any;
+    getExtendedLabel: (cellContent: any, cellIndex: number, mainColumnForExpandCollapseLabel: string | number) => any;
     renderCell(cell: any, cellIndex: number): React.FunctionComponentElement<{
         key: number;
         columnIndex: number;

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

@@ -1,23 +1,23 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+type ColumnWidth = string | number;
 interface State {
-    columnWidths: number[];
+    columnWidths: ColumnWidth[];
 }
+type TableTreeContext = {
+    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
+    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
+};
+/**
+ *
+ * Context provider which maintains the column widths and access methods for use in descendent table cells
+ * Enables composed table-tree implementations to e.g. set width on header cells only
+ */
+export declare const TableTreeContext: React.Context<TableTreeContext>;
 export default class TableTree extends Component<any, State> {
-    static childContextTypes: {
-        tableTree: PropTypes.Validator<object>;
-    };
     state: State;
     componentDidMount(): void;
-    setColumnWidth: (columnIndex: number, width: number) => void;
-    getColumnWidth: (columnIndex: any) => number | null;
-    getChildContext(): {
-        tableTree: {
-            columnWidths: number[];
-            setColumnWidth: (columnIndex: number, width: number) => void;
-            getColumnWidth: (columnIndex: any) => number | null;
-        };
-    };
+    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
+    getColumnWidth: (columnIndex: any) => ColumnWidth | null;
     render(): JSX.Element;
 }
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 export interface CellProps {
     /**
      * Whether the cell contents should wrap or display on a single line and be concatenated.
@@ -16,63 +16,10 @@ export interface CellProps {
      * Class name to apply to cell.
      */
     className?: string;
+    /**
+     * Children content, used when composing table-tree from internal components
+     */
+    children?: ReactNode;
 }
-declare const _default: {
-    new (props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps, context?: any): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CellProps & import("./internal/with-column-width").CellWithColumnWidthProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextTypes: {
-        tableTree: import("prop-types").Validator<object>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
+declare const _default: (props: CellProps & import("./internal/with-column-width").CellWithColumnWidthProps) => JSX.Element;
 export default _default;

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

@@ -1,60 +1,3 @@
 /// <reference types="react" />
-declare const _default: {
-    new (props: Readonly<any>): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import("react").ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: any, context?: any): {
-        UNSAFE_componentWillMount(): void;
-        setColumnWidth(width?: string | number | undefined): void;
-        UNSAFE_componentWillReceiveProps(nextProps: import("./internal/with-column-width").CellWithColumnWidthProps): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<any>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import("react").ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextTypes: {
-        tableTree: import("prop-types").Validator<object>;
-    };
-    contextType?: import("react").Context<any> | undefined;
-};
+declare const _default: (props: any) => JSX.Element;
 export default _default;

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

@@ -5,6 +5,8 @@ interface ChevronProps {
     isExpanded?: boolean;
     ariaControls?: string;
     onExpandToggle?: Function;
+    rowId: string;
+    extendedLabel?: string;
 }
 export default class Chevron extends Component<ChevronProps> {
     static defaultProps: {