@atlaskit/table-tree 9.5.0 → 9.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/table-tree
 
+## 9.6.0
+
+### Minor Changes
+
+- [`60b048eae5d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/60b048eae5d) - Replaced legacy context with useContext for handling column widths
+
 ## 9.5.0
 
 ### Minor Changes

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

@@ -8,60 +8,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = withColumnWidth;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _tableTree = require("../table-tree");
 var _excluded = ["width", "columnIndex"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
 function withColumnWidth(Cell) {
-  var _class;
-  return _class = /*#__PURE__*/function (_Component) {
-    (0, _inherits2.default)(CellWithColumnWidth, _Component);
-    var _super = _createSuper(CellWithColumnWidth);
-    function CellWithColumnWidth() {
-      (0, _classCallCheck2.default)(this, CellWithColumnWidth);
-      return _super.apply(this, arguments);
-    }
-    (0, _createClass2.default)(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 = (0, _react.useContext)(_tableTree.TableTreeContext),
+      setColumnWidth = _useContext.setColumnWidth,
+      getColumnWidth = _useContext.getColumnWidth;
+    var width = props.width,
+      columnIndex = props.columnIndex,
+      other = (0, _objectWithoutProperties2.default)(props, _excluded);
+    (0, _react.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 = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-        var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
-        return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
-          width: columnWidth
-        }, other));
-      }
-    }]);
-    return CellWithColumnWidth;
-  }(_react.Component), (0, _defineProperty2.default)(_class, "contextTypes", {
-    tableTree: _propTypes.default.object.isRequired
-  }), _class;
+    }
+    return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
+      width: columnWidth
+    }, other));
+  };
 }

package/dist/cjs/components/row.js

@@ -28,7 +28,7 @@ var treeRowClickableStyles = (0, _react2.css)({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.5.0";
+var packageVersion = "9.6.0";
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);
   var _super = _createSuper(Row);

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.TableTreeContext = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -14,7 +14,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _cell = _interopRequireDefault(require("./cell"));
 var _header = _interopRequireDefault(require("./header"));
 var _headers = _interopRequireDefault(require("./headers"));
@@ -24,6 +23,18 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
+/**
+ *
+ * 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
+ */
+var TableTreeContext = /*#__PURE__*/(0, _react.createContext)({
+  setColumnWidth: function setColumnWidth() {},
+  getColumnWidth: function getColumnWidth() {
+    return null;
+  }
+});
+exports.TableTreeContext = TableTreeContext;
 var TableTree = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TableTree, _Component);
   var _super = _createSuper(TableTree);
@@ -62,17 +73,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() {
@@ -122,15 +122,17 @@ var TableTree = /*#__PURE__*/function (_Component) {
           }
         });
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(TableTreeContext.Provider, {
+        value: {
+          setColumnWidth: this.setColumnWidth,
+          getColumnWidth: this.getColumnWidth
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
         role: "treegrid",
         "aria-readonly": true
-      }, heads, rows, this.props.children);
+      }, heads, rows, this.props.children));
     }
   }]);
   return TableTree;
 }(_react.Component);
-exports.default = TableTree;
-(0, _defineProperty2.default)(TableTree, "childContextTypes", {
-  tableTree: _propTypes.default.object.isRequired
-});
+exports.default = TableTree;

package/dist/cjs/version.json

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

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

@@ -1,34 +1,32 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* 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 = class CellWithColumnWidth extends Component {
-    UNSAFE_componentWillMount() {
-      this.setColumnWidth(this.props.width);
-    }
-    setColumnWidth(width) {
-      if (width !== undefined) {
-        this.context.tableTree.setColumnWidth(this.props.columnIndex, width);
+  return props => {
+    const {
+      setColumnWidth,
+      getColumnWidth
+    } = useContext(TableTreeContext);
+    const {
+      width,
+      columnIndex,
+      ...other
+    } = props;
+    useEffect(() => {
+      if (width !== undefined && columnIndex !== undefined) {
+        setColumnWidth(columnIndex, width);
+      }
+    }, [width, columnIndex, setColumnWidth]);
+    let columnWidth;
+    if (width !== null && width !== undefined) {
+      columnWidth = width;
+    } else {
+      if (columnIndex !== undefined) {
+        columnWidth = getColumnWidth(columnIndex);
       }
     }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-      this.setColumnWidth(nextProps.width);
-    }
-    render() {
-      const {
-        width,
-        columnIndex,
-        ...other
-      } = this.props;
-      const columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
-      return /*#__PURE__*/React.createElement(Cell, _extends({
-        width: columnWidth
-      }, other));
-    }
-  }, _defineProperty(_class, "contextTypes", {
-    tableTree: PropTypes.object.isRequired
-  }), _class;
+    return /*#__PURE__*/React.createElement(Cell, _extends({
+      width: columnWidth
+    }, other));
+  };
 }

package/dist/es2019/components/row.js

@@ -12,7 +12,7 @@ const treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.5.0";
+const packageVersion = "9.6.0";
 class Row extends Component {
   constructor(...args) {
     super(...args);

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

@@ -1,12 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* 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 const TableTreeContext = /*#__PURE__*/createContext({
+  setColumnWidth: () => {},
+  getColumnWidth: () => null
+});
 export default class TableTree extends Component {
   constructor(...args) {
     super(...args);
@@ -38,15 +46,6 @@ export default class TableTree extends Component {
     }
   }
 
-  getChildContext() {
-    return {
-      tableTree: {
-        columnWidths: this.state.columnWidths,
-        setColumnWidth: this.setColumnWidth,
-        getColumnWidth: this.getColumnWidth
-      }
-    };
-  }
   render() {
     const {
       items,
@@ -90,12 +89,14 @@ export default class TableTree extends 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));
   }
-}
-_defineProperty(TableTree, "childContextTypes", {
-  tableTree: PropTypes.object.isRequired
-});
+}

package/dist/es2019/version.json

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

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.0";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);

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.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;