@atlaskit/table-tree 9.5.0 → 9.6.1

package/dist/esm/components/cell.js

@@ -30,14 +30,19 @@ var Cell = /*#__PURE__*/function (_Component) {
         width = _this$props.width,
         className = _this$props.className,
         props = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(CommonCell, _extends({
-        role: "gridcell",
-        indent: indentLevel ? "calc(".concat(indentBase, " * ").concat(indentLevel, ")") : undefined,
-        width: width,
-        className: className
-      }, props), /*#__PURE__*/React.createElement(OverflowContainer, {
-        isSingleLine: singleLine
-      }, children));
+      return (
+        /*#__PURE__*/
+        // TODO: Determine whether proper `td` elements can be used instead of
+        // roles (DSP-11588)
+        React.createElement(CommonCell, _extends({
+          role: "gridcell",
+          indent: indentLevel ? "calc(".concat(indentBase, " * ").concat(indentLevel, ")") : undefined,
+          width: width,
+          className: className
+        }, props), /*#__PURE__*/React.createElement(OverflowContainer, {
+          isSingleLine: singleLine
+        }, children))
+      );
     }
   }]);
   return Cell;

package/dist/esm/components/header.js

@@ -30,13 +30,17 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return jsx(ColumnCell, _extends({
-        css: headerStyles,
-        role: "columnheader",
-        style: {
-          width: props.width
-        }
-      }, props), props.children);
+      return (
+        // TODO: Determine whether proper `th` elements can be used instead of
+        // roles (DSP-11588)
+        jsx(ColumnCell, _extends({
+          css: headerStyles,
+          role: "columnheader",
+          style: {
+            width: props.width
+          }
+        }, props), props.children)
+      );
     }
   }]);
   return Header;

package/dist/esm/components/headers.js

@@ -23,19 +23,23 @@ var Headers = /*#__PURE__*/function (_Component) {
   _createClass(Headers, [{
     key: "render",
     value: function render() {
-      return jsx("div", {
-        css: containerStyles,
-        role: "row"
-      }, Children.map(this.props.children, function (header, index) {
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line react/no-array-index-key
-          cloneElement(header, {
-            key: index,
-            columnIndex: index
-          })
-        );
-      }));
+      return (
+        // TODO: Determine whether proper `tr` elements can be used instead of
+        // roles (DSP-11588)
+        jsx("div", {
+          css: containerStyles,
+          role: "row"
+        }, Children.map(this.props.children, function (header, index) {
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line react/no-array-index-key
+            cloneElement(header, {
+              key: index,
+              columnIndex: index
+            })
+          );
+        }))
+      );
     }
   }]);
   return Headers;

package/dist/esm/components/internal/items.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -69,9 +68,7 @@ var Items = /*#__PURE__*/function (_Component) {
         'aria-busy': true,
         'aria-live': 'polite'
       } : {};
-      return /*#__PURE__*/React.createElement("div", _extends({
-        role: "rowgroup"
-      }, busyAttrs), isLoaderShown ? this.renderLoader() : this.renderItems());
+      return /*#__PURE__*/React.createElement("div", busyAttrs, isLoaderShown ? this.renderLoader() : this.renderItems());
     }
   }], [{
     key: "getDerivedStateFromProps",

package/dist/esm/components/internal/styled.js

@@ -25,10 +25,10 @@ export var TreeRowContainer = function TreeRowContainer(props) {
 };
 var commonChevronContainerStyles = css({
   display: 'flex',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginLeft: "calc(".concat(indentBase, " * -1)"),
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 7,
   alignItems: 'center'
 });
@@ -46,7 +46,7 @@ export var ChevronContainer = function ChevronContainer(props
 };
 var chevronIconContainerStyles = css({
   position: 'relative',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 1
 });
 
@@ -64,11 +64,11 @@ export var ChevronIconContainer = function ChevronIconContainer(props
 };
 var loadingItemContainerStyles = css({
   width: '100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   paddingTop: 5
 });
 var paddingLeftStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   paddingLeft: '50%'
 });
 /**

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.5.0";
+var packageVersion = "9.6.1";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);
@@ -120,7 +120,7 @@ var Row = /*#__PURE__*/function (_Component) {
           extendedLabel: extendedLabel,
           isExpanded: isExpanded,
           onExpandToggle: this.onExpandToggle,
-          ariaControls: toItemId(props.itemId),
+          ariaControls: isExpanded ? toItemId(props.itemId) : undefined,
           rowId: props.itemId
         })].concat(cellContent);
       }

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() {
@@ -113,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.5.0",
+	"version": "9.6.1",
 	"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/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/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;