@atlaskit/table-tree 9.1.2 → 9.1.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/table-tree
 
+## 9.1.5
+
+### Patch Changes
+
+- [`ae03dc85756`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae03dc85756) - Moved homepage to atlassian.design.
+
+## 9.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.1.3
+
+### Patch Changes
+
+- [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
+
 ## 9.1.2
 
 ### Patch Changes

package/README.md

@@ -10,4 +10,4 @@ yarn add @atlaskit/table-tree
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/core/table-tree).
+Detailed docs and examples can be found in the [Atlassian Design System documentation](https://atlassian.design/components/table-tree/).

package/dist/cjs/components/internal/overflow-container.js

@@ -26,9 +26,11 @@ var overflowContainerStyles = (0, _core.css)({
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)("span", (0, _extends2.default)({
-    css: isSingleLine && overflowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)("span", (0, _extends2.default)({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
+  );
 };
 
 var _default = OverflowContainer;

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

@@ -27,9 +27,11 @@ var treeRowContainerStyles = (0, _core.css)({
  */
 
 var TreeRowContainer = function TreeRowContainer(props) {
-  return (0, _core.jsx)("div", (0, _extends2.default)({
-    css: treeRowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)("div", (0, _extends2.default)({
+      css: treeRowContainerStyles
+    }, props))
+  );
 };
 
 exports.TreeRowContainer = TreeRowContainer;
@@ -44,7 +46,8 @@ var commonChevronContainerStyles = (0, _core.css)({
  * __Chevron container__
  */
 
-var ChevronContainer = function ChevronContainer(props) {
+var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
     css: commonChevronContainerStyles
   }));
@@ -61,7 +64,8 @@ var chevronIconContainerStyles = (0, _core.css)({
  * A chevron icon container.
  */
 
-var ChevronIconContainer = function ChevronIconContainer(props) {
+var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
     css: chevronIconContainerStyles
   }));
@@ -85,7 +89,8 @@ var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("span", (0, _extends2.default)({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };
 

package/dist/cjs/components/row.js

@@ -44,7 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.1.2";
+var packageVersion = "9.1.5";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);

package/dist/cjs/version.json

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

package/dist/es2019/components/header.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';

package/dist/es2019/components/internal/loader-item.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/es2019/components/internal/overflow-container.js

@@ -14,7 +14,8 @@ const overflowContainerStyles = css({
 const OverflowContainer = ({
   isSingleLine,
   ...props
-}) => jsx("span", _extends({
+}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx("span", _extends({
   css: isSingleLine && overflowContainerStyles
 }, props));
 

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

@@ -12,7 +12,8 @@ const treeRowContainerStyles = css({
  * __Tree row container__
  */
 
-export const TreeRowContainer = props => jsx("div", _extends({
+export const TreeRowContainer = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx("div", _extends({
   css: treeRowContainerStyles
 }, props));
 const commonChevronContainerStyles = css({
@@ -26,7 +27,8 @@ const commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-export const ChevronContainer = props => jsx("span", _extends({}, props, {
+export const ChevronContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) => jsx("span", _extends({}, props, {
   css: commonChevronContainerStyles
 }));
 const chevronIconContainerStyles = css({
@@ -39,7 +41,8 @@ const chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-export const ChevronIconContainer = props => jsx("span", _extends({}, props, {
+export const ChevronIconContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) => jsx("span", _extends({}, props, {
   css: chevronIconContainerStyles
 }));
 const loadingItemContainerStyles = css({
@@ -59,5 +62,6 @@ export const LoaderItemContainer = ({
   isRoot,
   ...props
 }) => jsx("span", _extends({
-  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
 }, props));

package/dist/es2019/components/row.js

@@ -8,7 +8,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.1.2";
+const packageVersion = "9.1.5";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

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

package/dist/esm/components/header.js

@@ -10,8 +10,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 /** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';

package/dist/esm/components/internal/loader-item.js

@@ -10,8 +10,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 @atlaskit/design-system/ensure-design-token-usage */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/components/internal/overflow-container.js

@@ -17,9 +17,11 @@ var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx("span", _extends({
-    css: isSingleLine && overflowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx("span", _extends({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
+  );
 };
 
 export default OverflowContainer;

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

@@ -15,9 +15,11 @@ var treeRowContainerStyles = css({
  */
 
 export var TreeRowContainer = function TreeRowContainer(props) {
-  return jsx("div", _extends({
-    css: treeRowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx("div", _extends({
+      css: treeRowContainerStyles
+    }, props))
+  );
 };
 var commonChevronContainerStyles = css({
   display: 'flex',
@@ -30,7 +32,8 @@ var commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-export var ChevronContainer = function ChevronContainer(props) {
+export var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return jsx("span", _extends({}, props, {
     css: commonChevronContainerStyles
   }));
@@ -45,7 +48,8 @@ var chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-export var ChevronIconContainer = function ChevronIconContainer(props) {
+export var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return jsx("span", _extends({}, props, {
     css: chevronIconContainerStyles
   }));
@@ -68,6 +72,7 @@ export var LoaderItemContainer = function LoaderItemContainer(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("span", _extends({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };

package/dist/esm/components/row.js

@@ -18,7 +18,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.1.2";
+var packageVersion = "9.1.5";
 
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);

package/dist/esm/version.json

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

package/extract-react-types/table-tree.tsx

@@ -0,0 +1,51 @@
+import { ElementType, ReactNode } from 'react';
+
+class Content extends Object {}
+
+type Item = {
+  id: string;
+  content: Content;
+  hasChildren: boolean;
+  children?: Item[];
+};
+
+/**
+ * This is hard-coded here because our actual <TableTree /> has no typings
+ * for its props.
+ *
+ * Adding types for real *might* break things so will need a little care.
+ *
+ * Defining it here for now lets us provide *something* without much headache.
+ */
+type TableTreeProps = {
+  /**
+   * The contents of the table,
+   * used when composing `Cell`, `Header`, `Headers`, `Row`, and `Rows` components.
+   * For basic usage, you can instead specify table contents with the `items` prop.
+   */
+  children?: ReactNode;
+  /**
+   * Each column component is used to render the cells in that column.
+   * A cell's `content` value, specified in the data passed to `items`, is provided as props.
+   */
+  columns?: ElementType<Content>[];
+  /**
+   * The widths of the respective columns in the table.
+   */
+  columnWidths?: (string | number)[];
+  /**
+   * The header text of the respective columns of the table.
+   */
+  headers?: string[];
+  /**
+   * The data used to render the table.
+   * The type of `content` can be whatever you would like, and its value will be
+   * provided as props when rendering each cell.
+   */
+  // eslint-disable-next-line @repo/internal/react/consistent-props-definitions
+  items?: Item[] | null;
+};
+
+export default function (props: TableTreeProps) {
+  return null;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.1.2",
-  "description": "A React Component for displaying expandable tables with tree-like hierarchies",
+  "version": "9.1.5",
+  "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -14,11 +14,12 @@
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
+  "homepage": "https://atlassian.design/components/table-tree/",
   "atlassian": {
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
-      "name": "Table Tree"
+      "name": "Table tree"
     }
   },
   "af:exports": {
@@ -26,11 +27,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.6.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "lodash": "^4.17.21",