@atlaskit/table-tree 11.2.2 → 12.1.0

package/dist/esm/components/headers.js

@@ -1,16 +1,11 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-/* eslint-disable @repo/internal/react/no-clone-element */
+/* headers.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./headers.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { Children, cloneElement } from 'react';
+/* eslint-disable @repo/internal/react/no-clone-element */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-var containerStyles = css({
-  display: 'flex',
-  borderBlockEnd: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
-});
+var containerStyles = null;
 /**
  * __Headers__
  *
@@ -21,18 +16,17 @@ var containerStyles = css({
  */
 var Headers = function Headers(_ref) {
   var children = _ref.children;
-  return (
-    // TODO: Determine whether proper `tr` elements can be used instead of
-    // roles (DSP-11588)
-    jsx("div", {
-      css: containerStyles,
-      role: "row"
-    }, Children.map(children, function (header, index) {
-      return /*#__PURE__*/cloneElement(header, {
-        key: index,
-        columnIndex: index
-      });
-    }))
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    role: "row",
+    className: ax(["_179r1avd _1e0c1txw"]),
+    style: {
+      "--_zailfs": ix("solid 2px ".concat("var(--ds-border, #dfe1e6)"))
+    }
+  }, Children.map(children, function (header, index) {
+    return /*#__PURE__*/cloneElement(header, {
+      key: index,
+      columnIndex: index
+    });
+  }));
 };
 export default Headers;

package/dist/esm/components/internal/common-cell.compiled.css

@@ -0,0 +1,10 @@
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._1yt41p08{padding:var(--_1s9siax)}
+._1e0c1txw{display:flex}
+._1nmz1hna{word-break:break-word}
+._1tke1ylp{min-height:40px}
+._4cvr1h6o{align-items:center}
+._ct361wug{-ms-hyphens:auto;hyphens:auto}
+._kqswh2mm{position:relative}
+._syaz1o8f{color:var(--_ggxzyp)}
+._vchhusvi{box-sizing:border-box}

package/dist/esm/components/internal/common-cell.js

@@ -1,28 +1,15 @@
+/* common-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["indent", "width"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import "./common-cell.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { N800 } from '@atlaskit/theme/colors';
-import { indentBase } from './styled';
-var commonStyles = css({
-  display: 'flex',
-  boxSizing: 'border-box',
-  minHeight: 40,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  padding: "var(--ds-space-100, 10px)".concat(" ", indentBase, " ", "var(--ds-space-100, 10px)", " var(--indent, ").concat(indentBase, ")"),
-  position: 'relative',
-  alignItems: 'center',
-  color: "var(--ds-text, ".concat(N800, ")"),
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  hyphens: 'auto',
-  wordBreak: 'break-word'
-});
+var commonStyles = null;
 /**
  * __Common cell__
  */
@@ -30,16 +17,18 @@ var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
     width = _ref.width,
     props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     role: "gridcell"
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    style: {
+    className: ax(["_1yt41p08 _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna"]),
+    style: _objectSpread(_objectSpread({}, {
       '--indent': indent,
       width: width
-    },
-    css: commonStyles
+    }), {}, {
+      "--_1s9siax": ix("var(--ds-space-100, 10px)".concat(" ", "var(--ds-space-300, 25px)", " ", "var(--ds-space-100, 10px)", " var(--indent, ", "var(--ds-space-300, 25px)", ")")),
+      "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
+    })
   }));
 };
 export default CommonCell;

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

@@ -1,12 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 /* eslint-disable @repo/internal/react/no-clone-element */
-import { cloneElement } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { cloneElement } from 'react';
 import toItemId from '../../utils/to-item-id';
 import Items from './items';
 /**
@@ -32,9 +25,9 @@ function Item(_ref) {
     data: data,
     loadingLabel: loadingLabel,
     renderChildren: function renderChildren() {
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         id: !!itemId ? toItemId(itemId) : undefined
-      }, jsx(Items, {
+      }, /*#__PURE__*/React.createElement(Items, {
         depth: depth,
         items: items,
         render: render,

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import Spinner from '@atlaskit/spinner';
 import CommonCell from './common-cell';
-import { indentBase, LoaderItemContainer, TreeRowContainer } from './styled';
+import { LoaderItemContainer, TreeRowContainer } from './styled';
 var LoaderItem = function LoaderItem(_ref) {
   var _ref$depth = _ref.depth,
     depth = _ref$depth === void 0 ? 1 : _ref$depth,
@@ -23,7 +23,7 @@ var LoaderItem = function LoaderItem(_ref) {
     }
   }, [isCompleting, onComplete, phase]);
   return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
-    indent: "calc(".concat(indentBase, " * ").concat(depth, ")"),
+    indent: "calc(".concat("var(--ds-space-300, 25px)", " * ", depth, ")"),
     width: "100%"
   }, /*#__PURE__*/React.createElement(LoaderItemContainer, {
     isRoot: depth === 1

package/dist/esm/components/internal/overflow-container.compiled.css

@@ -0,0 +1,4 @@
+._18m915vq{overflow-y:hidden}
+._1bto1l2s{text-overflow:ellipsis}
+._1reo15vq{overflow-x:hidden}
+._o5721q9c{white-space:nowrap}

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

@@ -1,18 +1,11 @@
+/* overflow-container.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isSingleLine"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-var overflowContainerStyles = css({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
+import "./overflow-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var overflowContainerStyles = null;
 
 /**
  * __Overflow container__
@@ -20,9 +13,8 @@ var overflowContainerStyles = css({
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
     props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("span", _extends({
-    css: isSingleLine && overflowContainerStyles
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props));
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    className: ax([isSingleLine && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+  }));
 };
 export default OverflowContainer;

package/dist/esm/components/internal/styled.compiled.css

@@ -0,0 +1,8 @@
+._179rskuj{border-block-end:var(--_1prvtx9)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1pfhj39m{margin-block-start:-3px}
+._4cvr1h6o{align-items:center}
+._ahbq1dum{margin-inline-start:var(--_1izje1g)}
+._bozg1ssb{padding-inline-start:50%}
+._kqswstnw{position:absolute}

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

@@ -1,60 +1,43 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["isRoot"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import "./styled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { N30 } from '@atlaskit/theme/colors';
-export var indentBase = "var(--ds-space-300, 25px)";
-var treeRowContainerStyles = css({
-  display: 'flex',
-  borderBlockEnd: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
-});
+var treeRowContainerStyles = null;
 
 /**
  * __Tree row container__
  */
 export var TreeRowContainer = function TreeRowContainer(props) {
-  return jsx("div", _extends({
-    role: "row",
-    css: treeRowContainerStyles
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props));
+  return /*#__PURE__*/React.createElement("div", _extends({
+    role: "row"
+  }, props, {
+    className: ax(["_179rskuj _1e0c1txw"]),
+    style: {
+      "--_1prvtx9": ix("1px solid ".concat("var(--ds-border, ".concat(N30, ")")))
+    }
+  }));
 };
-var commonCellElementStyles = css({
-  display: 'flex',
-  position: 'absolute',
-  alignItems: 'center',
-  // indentBase is re-used elsewhere and is primarily used as positive value; we need to negate it here
-  marginInlineStart: "calc(".concat(indentBase, " * -1)")
-});
-var commonChevronContainerStyles = css({
-  // Aligns position:absolute chevron button with the adjacent text. Any future visual breaking changes
-  // should consider setting this to `-2px` for better alignment, or refactor completely
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginBlockStart: -3
-});
+var commonCellElementStyles = null;
+var commonChevronContainerStyles = null;
 /**
  * __Chevron container__
  *
  * A wrapper container around the expand table tree button.
  */
 export var ChevronContainer = function ChevronContainer(props) {
-  return jsx("span", _extends({}, props, {
-    css: [commonCellElementStyles, commonChevronContainerStyles]
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1dum", "_1pfhj39m"]),
+    style: {
+      "--_1izje1g": ix("calc(".concat("var(--ds-space-300, 25px)", " * -1)"))
+    }
   }));
 };
-var loadingItemContainerStyles = css({
-  width: '100%'
-});
-var paddingLeftStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  paddingInlineStart: '50%'
-});
+var loadingItemContainerStyles = null;
+var paddingLeftStyles = null;
 /**
  * __Loader item container__
  *
@@ -63,8 +46,10 @@ var paddingLeftStyles = css({
 export var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
     props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("span", _extends({
-    css: [commonCellElementStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props));
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1dum", "_1bsb1osq", isRoot && "_bozg1ssb"]),
+    style: {
+      "--_1izje1g": ix("calc(".concat("var(--ds-space-300, 25px)", " * -1)"))
+    }
+  }));
 };

package/dist/esm/components/row.compiled.css

@@ -0,0 +1 @@
+._80omtlke{cursor:pointer}

package/dist/esm/components/row.js

@@ -1,19 +1,13 @@
+/* row.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./row.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useEffect, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
-var treeRowClickableStyles = css({
-  cursor: 'pointer'
-});
+var treeRowClickableStyles = null;
 var getExtendedLabel = function getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel) {
   /**
    * First condition - when we pass data via `items` property in `<TableTree />`
@@ -58,7 +52,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.2.2"
+    packageVersion: "12.1.0"
   });
   var onCollapse = usePlatformLeafEventHandler({
     fn: function fn(value) {
@@ -68,7 +62,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.2.2"
+    packageVersion: "12.1.0"
   });
 
   /**
@@ -107,7 +101,7 @@ function Row(_ref) {
     var cellContent = cell.props.children || [];
     var extendedLabel = getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel);
     if (isFirstCell && hasChildren) {
-      cellContent = [jsx(Chevron, {
+      cellContent = [/*#__PURE__*/React.createElement(Chevron, {
         key: "chevron",
         expandLabel: expandLabel,
         collapseLabel: collapseLabel,
@@ -125,11 +119,11 @@ function Row(_ref) {
       indentLevel: indentLevel
     }, cellContent);
   };
-  return jsx(Fragment, null, jsx(TreeRowContainer, {
-    css: hasChildren && shouldExpandOnClick ? treeRowClickableStyles : undefined,
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TreeRowContainer, {
     onClick: hasChildren && shouldExpandOnClick ? onClickHandler : undefined,
     "aria-expanded": hasChildren ? isExpandedState : undefined,
-    "aria-level": depth ? depth : undefined
+    "aria-level": depth ? depth : undefined,
+    className: ax([hasChildren && shouldExpandOnClick && "_80omtlke"])
   }, React.Children.map(children, function (cell, index) {
     return renderCell(cell, index);
   })), hasChildren && (isProvidedExpanded !== undefined ? isProvidedExpanded : isExpandedState) && renderChildren && renderChildren());

package/dist/esm/utils/table-tree-data-helper.js

@@ -4,49 +4,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import lodashGet from 'lodash/get';
-import lodashSet from 'lodash/set';
-import { fg } from '@atlaskit/platform-feature-flags';
-// https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore?tab=readme-ov-file#_get
-// https://github.com/lodash/lodash/blob/4.17.15/lodash.js#L13126
-export var internalGet = function internalGet(obj, path) {
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-  var travel = function travel(regexp) {
-    return String.prototype.split.call(path, regexp).filter(Boolean).reduce(function (res, key) {
-      return res !== null && res !== undefined ? res[key] : res;
-    }, obj);
-  };
-  var result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/);
-  return result === undefined || result === obj ? defaultValue : result;
-};
-
-// https://stackoverflow.com/a/54733755/14857724
-// https://github.com/lodash/lodash/blob/4.17.15/lodash.js#L13673
-export var internalSet = function internalSet(obj, providedPath, value) {
-  // When obj is not an object, fail gracefully
-  if (Object(obj) !== obj) {
-    return obj;
-  }
-
-  // If not yet an array, get the keys from the string-path
-  var path = !Array.isArray(providedPath) ? providedPath.toString().match(/[^.[\]]+/g) || [] : providedPath;
-
-  // Iterate all of them except the last one
-  var result = path.slice(0, -1).reduce(function (acc, c, index) {
-    // Does the key exist and is its value an object?
-    return Object(acc[c]) === acc[c] ? acc[c] // Yes: then follow that path
-    :
-    // No: create the key. Is the next key a potential array-index?
-    acc[c] = Math.abs(parseInt(path[index + 1])) >> 0 === +path[index + 1] ? [] // Yes: assign a new array object
-    : {}; // No: assign a new plain object
-  }, obj);
-
-  // Finally assign the value to the last key
-  result[path[path.length - 1]] = value;
-
-  // Return the top-level object to allow chaining
-  return obj;
-};
+import get from 'lodash/get';
+import set from 'lodash/set';
 function updateRootItems(rootItems) {
   var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var _ref = arguments.length > 2 ? arguments[2] : undefined,
@@ -74,10 +33,6 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   var key = _ref2.key,
     keysCache = _ref2.keysCache,
     operation = _ref2.operation;
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var get = fg('dst-a11y-remove-lodash-from-table-tree') ? internalGet : lodashGet;
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var set = fg('dst-a11y-remove-lodash-from-table-tree') ? internalSet : lodashSet;
   var newKeysCache = _objectSpread({}, keysCache);
   var parentCacheKey = itemParent[key];
   if (parentCacheKey === undefined) {

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type ReactElement } from 'react';
-import { jsx } from '@emotion/react';
 interface HeadersProps {
     children: ReactElement | ReactElement[];
 }
@@ -15,5 +14,5 @@ interface HeadersProps {
  * - [Examples](https://atlassian.design/components/table-tree/examples#advanced)
  * - [Code](https://atlassian.design/components/table-tree/code#headers-props)
  */
-declare const Headers: ({ children }: HeadersProps) => jsx.JSX.Element;
+declare const Headers: ({ children }: HeadersProps) => JSX.Element;
 export default Headers;

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

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

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

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { type RowProps } from '../row';
 import { type RowsProps } from '../rows';
 type ItemProps<Item> = {
@@ -25,5 +21,5 @@ type ItemProps<Item> = {
  */
 declare function Item<Item extends {
     id: string;
-}>({ depth, data, render, loadingLabel, }: ItemProps<Item>): ReactElement<RowProps<Item> | RowsProps<Item>, string | import("react").JSXElementConstructor<any>> | null;
+}>({ depth, data, render, loadingLabel, }: ItemProps<Item>): React.ReactElement<RowProps<Item> | RowsProps<Item>, string | React.JSXElementConstructor<any>> | null;
 export default Item;

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

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

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

@@ -2,8 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import type { FC, HTMLAttributes, ReactNode } from 'react';
-export declare const indentBase: "var(--ds-space-300)";
+import { FC, HTMLAttributes, ReactNode } from 'react';
 /**
  * __Tree row container__
  */

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React, { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface RowProps<Item> {
     /**
@@ -81,5 +80,5 @@ export interface RowProps<Item> {
 }
 declare function Row<Item extends {
     id: string;
-}>({ shouldExpandOnClick, hasChildren, depth, renderChildren, isDefaultExpanded, data, onExpand: providedOnExpand, onCollapse: providedOnCollapse, mainColumnForExpandCollapseLabel, expandLabel, collapseLabel, itemId, children, isExpanded: isProvidedExpanded, }: RowProps<Item>): jsx.JSX.Element;
+}>({ shouldExpandOnClick, hasChildren, depth, renderChildren, isDefaultExpanded, data, onExpand: providedOnExpand, onCollapse: providedOnCollapse, mainColumnForExpandCollapseLabel, expandLabel, collapseLabel, itemId, children, isExpanded: isProvidedExpanded, }: RowProps<Item>): JSX.Element;
 export default Row;

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

@@ -1,5 +1,3 @@
-export declare const internalGet: (obj: Object, path: Array<any> | string, defaultValue?: any) => any;
-export declare const internalSet: (obj: Object, providedPath: Array<any> | string, value: any) => any;
 /**
  * This helper class will create a cache of all the id's in the items object and
  * path to the object.
@@ -22,6 +20,6 @@ export default class TableTreeDataHelper<T extends any = any> {
     constructor({ key }?: {
         key?: keyof T | undefined;
     });
-    updateItems(items: T[], allItems?: T[], parentItem?: T | null): any;
-    appendItems(items: T[], allItems?: T[], parentItem?: T | null): any;
+    updateItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
+    appendItems(items: T[], allItems?: T[], parentItem?: T | null): T[];
 }

package/dist/types-ts4.5/components/headers.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type ReactElement } from 'react';
-import { jsx } from '@emotion/react';
 interface HeadersProps {
     children: ReactElement | ReactElement[];
 }
@@ -15,5 +14,5 @@ interface HeadersProps {
  * - [Examples](https://atlassian.design/components/table-tree/examples#advanced)
  * - [Code](https://atlassian.design/components/table-tree/code#headers-props)
  */
-declare const Headers: ({ children }: HeadersProps) => jsx.JSX.Element;
+declare const Headers: ({ children }: HeadersProps) => JSX.Element;
 export default Headers;

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

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

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

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { type RowProps } from '../row';
 import { type RowsProps } from '../rows';
 type ItemProps<Item> = {
@@ -25,5 +21,5 @@ type ItemProps<Item> = {
  */
 declare function Item<Item extends {
     id: string;
-}>({ depth, data, render, loadingLabel, }: ItemProps<Item>): ReactElement<RowProps<Item> | RowsProps<Item>, string | import("react").JSXElementConstructor<any>> | null;
+}>({ depth, data, render, loadingLabel, }: ItemProps<Item>): React.ReactElement<RowProps<Item> | RowsProps<Item>, string | React.JSXElementConstructor<any>> | null;
 export default Item;

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

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

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

@@ -2,8 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import type { FC, HTMLAttributes, ReactNode } from 'react';
-export declare const indentBase: "var(--ds-space-300)";
+import { FC, HTMLAttributes, ReactNode } from 'react';
 /**
  * __Tree row container__
  */

package/dist/types-ts4.5/components/row.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React, { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface RowProps<Item> {
     /**
@@ -81,5 +80,5 @@ export interface RowProps<Item> {
 }
 declare function Row<Item extends {
     id: string;
-}>({ shouldExpandOnClick, hasChildren, depth, renderChildren, isDefaultExpanded, data, onExpand: providedOnExpand, onCollapse: providedOnCollapse, mainColumnForExpandCollapseLabel, expandLabel, collapseLabel, itemId, children, isExpanded: isProvidedExpanded, }: RowProps<Item>): jsx.JSX.Element;
+}>({ shouldExpandOnClick, hasChildren, depth, renderChildren, isDefaultExpanded, data, onExpand: providedOnExpand, onCollapse: providedOnCollapse, mainColumnForExpandCollapseLabel, expandLabel, collapseLabel, itemId, children, isExpanded: isProvidedExpanded, }: RowProps<Item>): JSX.Element;
 export default Row;