@atlaskit/table-tree 9.6.5 → 9.6.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/table-tree
 
+## 9.6.6
+
+### Patch Changes
+
+- [#42271](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42271) [`a2f554b0828`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2f554b0828) - Remove circular dependency and use type imports
+
 ## 9.6.5
 
 ### Patch Changes

package/dist/cjs/components/internal/context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableTreeContext = void 0;
+var _react = require("react");
+/**
+ *
+ * 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 = exports.TableTreeContext = /*#__PURE__*/(0, _react.createContext)({
+  setColumnWidth: function setColumnWidth() {},
+  getColumnWidth: function getColumnWidth() {
+    return null;
+  }
+});

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

@@ -9,13 +9,13 @@ exports.default = withColumnWidth;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _tableTree = require("../table-tree");
+var _context = require("./context");
 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 withColumnWidth(Cell) {
   return function (props) {
-    var _useContext = (0, _react.useContext)(_tableTree.TableTreeContext),
+    var _useContext = (0, _react.useContext)(_context.TableTreeContext),
       setColumnWidth = _useContext.setColumnWidth,
       getColumnWidth = _useContext.getColumnWidth;
     var width = props.width,

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.6.5";
+var packageVersion = "9.6.6";
 var Row = exports.RowWithoutAnalytics = /*#__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 = exports.TableTreeContext = void 0;
+exports.default = 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"));
@@ -17,23 +17,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _cell = _interopRequireDefault(require("./cell"));
 var _header = _interopRequireDefault(require("./header"));
 var _headers = _interopRequireDefault(require("./headers"));
+var _context = require("./internal/context");
 var _row = _interopRequireDefault(require("./row"));
 var _rows = _interopRequireDefault(require("./rows"));
 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 */
-/**
- *
- * 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 = exports.TableTreeContext = /*#__PURE__*/(0, _react.createContext)({
-  setColumnWidth: function setColumnWidth() {},
-  getColumnWidth: function getColumnWidth() {
-    return null;
-  }
-});
 var TableTree = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TableTree, _Component);
   var _super = _createSuper(TableTree);
@@ -121,7 +111,7 @@ var TableTree = exports.default = /*#__PURE__*/function (_Component) {
           }
         });
       }
-      return /*#__PURE__*/_react.default.createElement(TableTreeContext.Provider, {
+      return /*#__PURE__*/_react.default.createElement(_context.TableTreeContext.Provider, {
         value: {
           setColumnWidth: this.setColumnWidth,
           getColumnWidth: this.getColumnWidth

package/dist/es2019/components/internal/context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+/**
+ *
+ * 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
+});

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext, useEffect } from 'react';
-import { TableTreeContext } from '../table-tree';
+import { TableTreeContext } from './context';
 export default function withColumnWidth(Cell) {
   return props => {
     const {

package/dist/es2019/components/row.js

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

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

@@ -1,20 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable react/prop-types */
-import React, { Component, createContext } from 'react';
+import React, { Component } from 'react';
 import Cell from './cell';
 import Header from './header';
 import Headers from './headers';
+import { TableTreeContext } from './internal/context';
 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);

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

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+/**
+ *
+ * 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;
+  }
+});

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "columnIndex"];
 import React, { useContext, useEffect } from 'react';
-import { TableTreeContext } from '../table-tree';
+import { TableTreeContext } from './context';
 export default function withColumnWidth(Cell) {
   return function (props) {
     var _useContext = useContext(TableTreeContext),

package/dist/esm/components/row.js

@@ -20,7 +20,7 @@ var treeRowClickableStyles = css({
   cursor: 'pointer'
 });
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.6.5";
+var packageVersion = "9.6.6";
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);
   var _super = _createSuper(Row);

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

@@ -8,23 +8,13 @@ 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, createContext } from 'react';
+import React, { Component } from 'react';
 import Cell from './cell';
 import Header from './header';
 import Headers from './headers';
+import { TableTreeContext } from './internal/context';
 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);

package/dist/types/components/internal/common-cell.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface CommonCellProps {
     indent?: string;
     width?: string | number;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ColumnWidth = string | number;
+/**
+ *
+ * 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: import("react").Context<{
+    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
+    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
+}>;

package/dist/types/components/internal/overflow-container.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface OverflowContainerProps {
     isSingleLine?: boolean;
     chilren?: ReactNode;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 export declare const iconColor: "var(--ds-text)";
 export declare const indentBase: "var(--ds-space-300)";
 /**

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

@@ -1,18 +1,8 @@
-import React, { Component } from 'react';
-type ColumnWidth = string | number;
+import { Component } from 'react';
+import { type ColumnWidth } from './internal/context';
 interface State {
     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> {
     state: State;
     componentDidMount(): void;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface CommonCellProps {
     indent?: string;
     width?: string | number;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ColumnWidth = string | number;
+/**
+ *
+ * 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: import("react").Context<{
+    setColumnWidth: (columnIndex: number, width: ColumnWidth) => void;
+    getColumnWidth: (columnIndex: number) => ColumnWidth | null;
+}>;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 interface OverflowContainerProps {
     isSingleLine?: boolean;
     chilren?: ReactNode;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import type { FC, HTMLAttributes, ReactNode } from 'react';
 export declare const iconColor: "var(--ds-text)";
 export declare const indentBase: "var(--ds-space-300)";
 /**

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

@@ -1,18 +1,8 @@
-import React, { Component } from 'react';
-type ColumnWidth = string | number;
+import { Component } from 'react';
+import { type ColumnWidth } from './internal/context';
 interface State {
     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> {
     state: State;
     componentDidMount(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.6.5",
+  "version": "9.6.6",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,11 +24,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.10.0",
+    "@atlaskit/button": "^16.11.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.26.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21"
@@ -46,6 +46,7 @@
     "@emotion/styled": "^11.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
+    "@types/react-redux": "^5.0.0",
     "exenv": "^1.2.2",
     "react-dom": "^16.8.0",
     "react-redux": "^5.1.2",