@atlaskit/table-tree 9.0.9 → 9.0.13

package/dist/types/components/internal/loader-item.d.ts

@@ -0,0 +1,20 @@
+import { Component } from 'react';
+interface LoaderItemProps {
+    depth: number;
+    onComplete: (...args: any[]) => void;
+    isCompleting?: boolean;
+}
+export default class LoaderItem extends Component<LoaderItemProps, any> {
+    static defaultProps: {
+        depth: number;
+    };
+    state: {
+        phase: string;
+    };
+    static getDerivedStateFromProps(nextProps: any, prevState: any): {
+        phase: string;
+    } | null;
+    componentDidUpdate(prevProps: any, prevState: any): void;
+    render(): JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { FC, HTMLAttributes } from 'react';
+interface OverflowContainerProps {
+    isSingleLine?: boolean;
+}
+/**
+ * __Overflow container__
+ */
+declare const OverflowContainer: FC<OverflowContainerProps & HTMLAttributes<HTMLSpanElement>>;
+export default OverflowContainer;

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

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { FC, HTMLAttributes } from 'react';
+export declare const iconColor: "var(--ds-text-highEmphasis)";
+/**
+ * __Tree row container__
+ */
+export declare const TreeRowContainer: FC<HTMLAttributes<HTMLDivElement>>;
+/**
+ * __Chevron container__
+ */
+export declare const ChevronContainer: FC<HTMLAttributes<HTMLSpanElement>>;
+/**
+ * __Chevron icon container__
+ *
+ * A chevron icon container.
+ */
+export declare const ChevronIconContainer: FC<HTMLAttributes<HTMLSpanElement>>;
+/**
+ * __Loader item container__
+ *
+ * A loader item container.
+ */
+export declare const LoaderItemContainer: FC<{
+    isRoot?: boolean;
+}>;

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

@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+export interface CellWithColumnWidthProps {
+    width?: number | string;
+    columnIndex?: number;
+}
+export default function withColumnWidth<T extends object>(Cell: React.ComponentType<T>): {
+    new (props: Readonly<T & CellWithColumnWidthProps>): {
+        UNSAFE_componentWillMount(): void;
+        setColumnWidth(width?: string | number | undefined): 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?: string | number | undefined): 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<any>;
+    };
+    contextType?: React.Context<any> | undefined;
+};

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

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+declare class Row extends Component<any, any> {
+    state: {
+        isExpanded: any;
+    };
+    componentDidUpdate(prevProps: any): void;
+    onExpandStateChange(isExpanded: boolean): void;
+    onExpandToggle: () => void;
+    isExpanded(): any;
+    renderCell(cell: any, cellIndex: number): React.FunctionComponentElement<{
+        key: number;
+        columnIndex: number;
+        indentLevel: any;
+    }>;
+    render(): JSX.Element;
+}
+export { Row as RowWithoutAnalytics };
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, string | number | symbol> & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+declare type WithChildren<T> = T & {
+    children?: T[] | null;
+};
+export interface RowsProps<T> {
+    items?: WithChildren<T>[];
+    render: (args: WithChildren<T>) => React.ReactNode;
+}
+export default class Rows<T> extends Component<RowsProps<T>> {
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+interface State {
+    columnWidths: number[];
+}
+export default class TableTree extends Component<any, State> {
+    static childContextTypes: {
+        tableTree: PropTypes.Validator<any>;
+    };
+    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;
+        };
+    };
+    render(): JSX.Element;
+}
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,10 @@
+export { default } from './components/table-tree';
+export { default as Headers } from './components/headers';
+export { default as Header } from './components/header';
+export { default as Cell } from './components/cell';
+export { default as Rows } from './components/rows';
+export { default as Row } from './components/row';
+export { default as TableTreeDataHelper } from './utils/table-tree-data-helper';
+export type { CellWithColumnWidthProps } from './components/internal/with-column-width';
+export type { CellProps } from './components/cell';
+export type { RowsProps } from './components/rows';

package/dist/types/utils/table-tree-data-helper.d.ts

@@ -0,0 +1,25 @@
+/**
+ * This helper class will create a cache of all the id's in the items object and
+ * path to the object.
+ * Example:
+ * [{
+ *   // item 1,
+ *   id: 1,
+ *   children:[{
+ *     // item 1.1,
+ *     id: '2'
+ *   }]
+ * }]
+ *
+ * Cache will look something like:
+ * {1: 0, 2: '0.children[0]'}
+ */
+export default class TableTreeDataHelper<T extends any = any> {
+    key: keyof T;
+    keysCache: any;
+    constructor({ key }?: {
+        key?: keyof T | undefined;
+    });
+    updateItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
+    appendItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
+}

package/dist/types/utils/to-item-id.d.ts

@@ -0,0 +1 @@
+export default function toItemId(id: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.0.9",
+  "version": "9.0.13",
   "description": "A React Component for displaying expandable tables with tree-like hierarchies",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -10,40 +10,46 @@
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.js",
+  "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "deprecatedAutoEntryPoints": true,
     "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Table Tree"
     }
   },
+  "af:exports": {
+    ".": "./src/index.tsx"
+  },
   "dependencies": {
-    "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/button": "^15.1.0",
-    "@atlaskit/icon": "^21.4.0",
+    "@atlaskit/analytics-next": "^8.2.0",
+    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/icon": "^21.9.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^11.0.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
+    "@emotion/core": "^10.0.9",
     "lodash": "^4.17.15",
     "prop-types": "^15.5.10"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "styled-components": "^3.2.6"
+    "react": "^16.8.0"
   },
   "devDependencies": {
     "@atlaskit/build-utils": "*",
     "@atlaskit/docs": "*",
-    "@atlaskit/empty-state": "^7.0.0",
+    "@atlaskit/empty-state": "^7.3.0",
     "@atlaskit/section-message": "^6.0.0",
-    "@atlaskit/select": "^13.2.0",
+    "@atlaskit/select": "^15.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@emotion/styled": "^10.0.7",
     "enzyme": "^3.10.0",
     "exenv": "^1.2.2",
     "react-dom": "^16.8.0",
@@ -59,8 +65,19 @@
   ],
   "techstack": {
     "@atlassian/frontend": {
-      "import-structure": "atlassian-conventions"
+      "import-structure": "atlassian-conventions",
+      "circular-dependencies": "file-and-folder-level"
+    },
+    "@repo/internal": {
+      "design-system": "v1",
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "analytics": "analytics-next",
+      "theming": "tokens",
+      "deprecation": "no-deprecated-imports"
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/dist/cjs/components/Cell.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _react = _interopRequireWildcard(require("react"));
-
-var _styled = require("../styled");
-
-var _withColumnWidth = _interopRequireDefault(require("./withColumnWidth"));
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Cell = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Cell, _Component);
-
-  var _super = _createSuper(Cell);
-
-  function Cell() {
-    (0, _classCallCheck2.default)(this, Cell);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(Cell, [{
-    key: "render",
-    value: function render() {
-      var props = this.props;
-      return /*#__PURE__*/_react.default.createElement(_styled.Cell, (0, _extends2.default)({
-        role: "gridcell"
-      }, props), /*#__PURE__*/_react.default.createElement(_styled.OverflowContainer, {
-        singleLine: props.singleLine
-      }, props.children));
-    }
-  }]);
-  return Cell;
-}(_react.Component);
-
-var _default = (0, _withColumnWidth.default)(Cell);
-
-exports.default = _default;

package/dist/cjs/styled.js

@@ -1,107 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableTreeContainer = exports.Header = exports.Cell = exports.OverflowContainer = exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = exports.HeadersContainer = exports.TreeRowContainer = exports.iconColor = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-// Future-proofing: Styled Component 2.x no longer tolerate unitless values for CSS length.
-// See:
-// https://github.com/styled-components/css-to-react-native/issues/20
-// https://github.com/styled-components/polished/issues/234
-function defaultToPx(length) {
-  var number = +length;
-
-  if (number === 0) {
-    return 0;
-  }
-
-  if (Number.isNaN(number)) {
-    return length;
-  }
-
-  return "".concat(number, "px");
-}
-
-var iconColor = _colors.N800;
-exports.iconColor = iconColor;
-
-var TreeRowContainer = _styledComponents.default.div.withConfig({
-  displayName: "styled__TreeRowContainer",
-  componentId: "sc-56yt3z-0"
-})(["\n  border-bottom: 1px solid ", ";\n  display: flex;\n"], _colors.N30);
-
-exports.TreeRowContainer = TreeRowContainer;
-
-var HeadersContainer = _styledComponents.default.div.withConfig({
-  displayName: "styled__HeadersContainer",
-  componentId: "sc-56yt3z-1"
-})(["\n  border-bottom: solid 2px #dfe1e6;\n  display: flex;\n"]);
-
-exports.HeadersContainer = HeadersContainer;
-var indentWidth = 25;
-var commonChevronContainer = (0, _styledComponents.css)(["\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 7px;\n  margin-left: ", ";\n"], defaultToPx(-indentWidth));
-
-var ChevronContainer = _styledComponents.default.span.withConfig({
-  displayName: "styled__ChevronContainer",
-  componentId: "sc-56yt3z-2"
-})(["\n  ", ";\n"], commonChevronContainer);
-
-exports.ChevronContainer = ChevronContainer;
-
-var ChevronIconContainer = _styledComponents.default.span.withConfig({
-  displayName: "styled__ChevronIconContainer",
-  componentId: "sc-56yt3z-3"
-})(["\n  position: relative;\n  top: 1px;\n"]);
-
-exports.ChevronIconContainer = ChevronIconContainer;
-
-var LoaderItemContainer = _styledComponents.default.span.withConfig({
-  displayName: "styled__LoaderItemContainer",
-  componentId: "sc-56yt3z-4"
-})(["\n  ", " padding-top: 5px;\n  width: 100%;\n\n  ", ";\n"], commonChevronContainer, function (props) {
-  return props.isRoot && (0, _styledComponents.css)(["\n      padding-left: 50%;\n    "]);
-});
-
-exports.LoaderItemContainer = LoaderItemContainer;
-var commonCell = (0, _styledComponents.css)(["\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n  box-sizing: border-box;\n  min-height: 40px;\n  padding: 10px ", ";\n  color: ", ";\n  line-height: 20px;\n  ", ";\n"], defaultToPx(indentWidth), _colors.N800, function (props) {
-  return props.width && (0, _styledComponents.css)(["\n      width: ", ";\n    "], defaultToPx(props.width));
-});
-
-var OverflowContainer = _styledComponents.default.span.withConfig({
-  displayName: "styled__OverflowContainer",
-  componentId: "sc-56yt3z-5"
-})(["\n  ", ";\n"], function (props) {
-  return props.singleLine && (0, _styledComponents.css)(["\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "]);
-});
-
-exports.OverflowContainer = OverflowContainer;
-
-var Cell = _styledComponents.default.div.withConfig({
-  displayName: "styled__Cell",
-  componentId: "sc-56yt3z-6"
-})(["\n  ", " ", ";\n"], commonCell, function (props) {
-  return props.indentLevel && (0, _styledComponents.css)(["\n      padding-left: ", ";\n    "], defaultToPx(indentWidth * props.indentLevel));
-});
-
-exports.Cell = Cell;
-
-var Header = _styledComponents.default.div.withConfig({
-  displayName: "styled__Header",
-  componentId: "sc-56yt3z-7"
-})(["\n  ", " font-weight: bold;\n  font-size: 12px;\n  line-height: 1.67;\n  letter-spacing: -0.1px;\n  color: ", ";\n"], commonCell, _colors.N300);
-
-exports.Header = Header;
-
-var TableTreeContainer = _styledComponents.default.div.withConfig({
-  displayName: "styled__TableTreeContainer",
-  componentId: "sc-56yt3z-8"
-})([""]);
-
-exports.TableTreeContainer = TableTreeContainer;

package/dist/esm/styled.js

@@ -1,68 +0,0 @@
-import styled, { css } from 'styled-components';
-import { N30, N300, N800 } from '@atlaskit/theme/colors'; // Future-proofing: Styled Component 2.x no longer tolerate unitless values for CSS length.
-// See:
-// https://github.com/styled-components/css-to-react-native/issues/20
-// https://github.com/styled-components/polished/issues/234
-
-function defaultToPx(length) {
-  var number = +length;
-
-  if (number === 0) {
-    return 0;
-  }
-
-  if (Number.isNaN(number)) {
-    return length;
-  }
-
-  return "".concat(number, "px");
-}
-
-export var iconColor = N800;
-export var TreeRowContainer = styled.div.withConfig({
-  displayName: "styled__TreeRowContainer",
-  componentId: "sc-56yt3z-0"
-})(["\n  border-bottom: 1px solid ", ";\n  display: flex;\n"], N30);
-export var HeadersContainer = styled.div.withConfig({
-  displayName: "styled__HeadersContainer",
-  componentId: "sc-56yt3z-1"
-})(["\n  border-bottom: solid 2px #dfe1e6;\n  display: flex;\n"]);
-var indentWidth = 25;
-var commonChevronContainer = css(["\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 7px;\n  margin-left: ", ";\n"], defaultToPx(-indentWidth));
-export var ChevronContainer = styled.span.withConfig({
-  displayName: "styled__ChevronContainer",
-  componentId: "sc-56yt3z-2"
-})(["\n  ", ";\n"], commonChevronContainer);
-export var ChevronIconContainer = styled.span.withConfig({
-  displayName: "styled__ChevronIconContainer",
-  componentId: "sc-56yt3z-3"
-})(["\n  position: relative;\n  top: 1px;\n"]);
-export var LoaderItemContainer = styled.span.withConfig({
-  displayName: "styled__LoaderItemContainer",
-  componentId: "sc-56yt3z-4"
-})(["\n  ", " padding-top: 5px;\n  width: 100%;\n\n  ", ";\n"], commonChevronContainer, function (props) {
-  return props.isRoot && css(["\n      padding-left: 50%;\n    "]);
-});
-var commonCell = css(["\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n  box-sizing: border-box;\n  min-height: 40px;\n  padding: 10px ", ";\n  color: ", ";\n  line-height: 20px;\n  ", ";\n"], defaultToPx(indentWidth), N800, function (props) {
-  return props.width && css(["\n      width: ", ";\n    "], defaultToPx(props.width));
-});
-export var OverflowContainer = styled.span.withConfig({
-  displayName: "styled__OverflowContainer",
-  componentId: "sc-56yt3z-5"
-})(["\n  ", ";\n"], function (props) {
-  return props.singleLine && css(["\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "]);
-});
-export var Cell = styled.div.withConfig({
-  displayName: "styled__Cell",
-  componentId: "sc-56yt3z-6"
-})(["\n  ", " ", ";\n"], commonCell, function (props) {
-  return props.indentLevel && css(["\n      padding-left: ", ";\n    "], defaultToPx(indentWidth * props.indentLevel));
-});
-export var Header = styled.div.withConfig({
-  displayName: "styled__Header",
-  componentId: "sc-56yt3z-7"
-})(["\n  ", " font-weight: bold;\n  font-size: 12px;\n  line-height: 1.67;\n  letter-spacing: -0.1px;\n  color: ", ";\n"], commonCell, N300);
-export var TableTreeContainer = styled.div.withConfig({
-  displayName: "styled__TableTreeContainer",
-  componentId: "sc-56yt3z-8"
-})([""]);

package/styled/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "@atlaskit/table-tree/styled",
-  "main": "../dist/cjs/styled.js",
-  "module": "../dist/esm/styled.js",
-  "module:es2019": "../dist/es2019/styled.js"
-}