@atlaskit/table-tree 11.2.2 → 12.1.0

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

@@ -4,56 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.internalSet = exports.internalGet = exports.default = void 0;
+exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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) { (0, _defineProperty2.default)(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; }
-// 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
-var internalGet = exports.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
-var internalSet = exports.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;
-};
 function updateRootItems(rootItems) {
   var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var _ref = arguments.length > 2 ? arguments[2] : undefined,
@@ -81,10 +40,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 = (0, _platformFeatureFlags.fg)('dst-a11y-remove-lodash-from-table-tree') ? internalGet : _get.default;
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var set = (0, _platformFeatureFlags.fg)('dst-a11y-remove-lodash-from-table-tree') ? internalSet : _set.default;
   var newKeysCache = _objectSpread({}, keysCache);
   var parentCacheKey = itemParent[key];
   if (parentCacheKey === undefined) {
@@ -92,8 +47,8 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   }
   var parentLocation = newKeysCache[parentCacheKey];
   var allItemsCopy = (0, _toConsumableArray2.default)(allTableItems);
-  var objectToChange = get(allItemsCopy, parentLocation);
-  var baseChildrenOfObjectToChange = operation === 'UPDATE' ? [] : get(objectToChange, 'children', []);
+  var objectToChange = (0, _get.default)(allItemsCopy, parentLocation);
+  var baseChildrenOfObjectToChange = operation === 'UPDATE' ? [] : (0, _get.default)(objectToChange, 'children', []);
   objectToChange.children = baseChildrenOfObjectToChange.concat(newitems);
 
   // Update cache
@@ -102,7 +57,7 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   });
   return {
     keysCache: newKeysCache,
-    items: set(allItemsCopy, parentLocation, objectToChange)
+    items: (0, _set.default)(allItemsCopy, parentLocation, objectToChange)
   };
 }
 

package/dist/es2019/components/cell.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import CommonCell from './internal/common-cell';
 import OverflowContainer from './internal/overflow-container';
-import { indentBase } from './internal/styled';
 import withColumnWidth from './internal/with-column-width';
 const CellComponent = ({
   children,
@@ -12,7 +11,7 @@ const CellComponent = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(CommonCell, _extends({
-  indent: indentLevel ? `calc(${indentBase} * ${indentLevel})` : undefined,
+  indent: indentLevel ? `calc(${"var(--ds-space-300, 25px)"} * ${indentLevel})` : undefined,
   width: width
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   ,

package/dist/es2019/components/header.compiled.css

@@ -0,0 +1,3 @@
+._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}

package/dist/es2019/components/header.js

@@ -1,18 +1,11 @@
-/**
- * @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';
+/* header.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./header.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { N300 } from '@atlaskit/theme/colors';
 import CommonCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
-const headerStyles = css({
-  color: `var(--ds-text-subtle, ${N300})`,
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)"
-});
+const headerStyles = null;
 
 /**
  * This is hard-coded here because our actual <Header /> has no typings
@@ -32,12 +25,12 @@ const HeaderComponent = ({
 }) => {
   // TODO: Determine whether proper `th` elements can be used instead of
   // roles (DSP-11588)
-  return jsx(CommonCell, {
-    css: headerStyles,
+  return /*#__PURE__*/React.createElement(CommonCell, {
     role: role,
     width: width,
     id: id,
-    onClick: onClick
+    onClick: onClick,
+    className: ax(["_11c8dcr7 _syaz1n3s _k48pmoej"])
   }, children);
 };
 const Header = withColumnWidth(HeaderComponent);

package/dist/es2019/components/headers.compiled.css

@@ -0,0 +1,2 @@
+._179r17qy{border-block-end:solid 2px var(--ds-border,#dfe1e6)}
+._1e0c1txw{display:flex}

package/dist/es2019/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';
-const containerStyles = css({
-  display: 'flex',
-  borderBlockEnd: `solid 2px ${"var(--ds-border, #dfe1e6)"}`
-});
+const containerStyles = null;
 /**
  * __Headers__
  *
@@ -21,12 +16,9 @@ const containerStyles = css({
  */
 const Headers = ({
   children
-}) =>
-// TODO: Determine whether proper `tr` elements can be used instead of
-// roles (DSP-11588)
-jsx("div", {
-  css: containerStyles,
-  role: "row"
+}) => /*#__PURE__*/React.createElement("div", {
+  role: "row",
+  className: ax(["_179r17qy _1e0c1txw"])
 }, Children.map(children, (header, index) => /*#__PURE__*/cloneElement(header, {
   key: index,
   columnIndex: index

package/dist/es2019/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)}
+._1yt413wy{padding:var(--ds-space-100,10px) var(--ds-space-300,25px) var(--ds-space-100,10px) var(--indent,var(--ds-space-300,25px))}
+._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}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._vchhusvi{box-sizing:border-box}

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

@@ -1,26 +1,10 @@
+/* common-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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";
 import { N800 } from '@atlaskit/theme/colors';
-import { indentBase } from './styled';
-const 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)"} ${indentBase} ${"var(--ds-space-100, 10px)"} var(--indent, ${indentBase})`,
-  position: 'relative',
-  alignItems: 'center',
-  color: `var(--ds-text, ${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'
-});
+const commonStyles = null;
 /**
  * __Common cell__
  */
@@ -28,7 +12,7 @@ const CommonCell = ({
   indent,
   width,
   ...props
-}) => jsx("div", _extends({
+}) => /*#__PURE__*/React.createElement("div", _extends({
   role: "gridcell"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props, {
@@ -37,6 +21,6 @@ const CommonCell = ({
     '--indent': indent,
     width
   },
-  css: commonStyles
+  className: ax(["_1yt413wy _11c82smr _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1fxt _ct361wug _1nmz1hna"])
 }));
 export default CommonCell;

package/dist/es2019/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';
 /**
@@ -31,9 +24,9 @@ function Item({
     depth,
     data,
     loadingLabel,
-    renderChildren: () => jsx("div", {
+    renderChildren: () => /*#__PURE__*/React.createElement("div", {
       id: !!itemId ? toItemId(itemId) : undefined
-    }, jsx(Items, {
+    }, /*#__PURE__*/React.createElement(Items, {
       depth: depth,
       items: items,
       render: render,

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

@@ -2,7 +2,7 @@
 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';
 const LoaderItem = ({
   depth = 1,
   loadingLabel,
@@ -19,7 +19,7 @@ const LoaderItem = ({
     }
   }, [isCompleting, onComplete, phase]);
   return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
-    indent: `calc(${indentBase} * ${depth})`,
+    indent: `calc(${"var(--ds-space-300, 25px)"} * ${depth})`,
     width: "100%"
   }, /*#__PURE__*/React.createElement(LoaderItemContainer, {
     isRoot: depth === 1

package/dist/es2019/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/es2019/components/internal/overflow-container.js

@@ -1,16 +1,9 @@
+/* overflow-container.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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';
-const 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";
+const overflowContainerStyles = null;
 
 /**
  * __Overflow container__
@@ -18,8 +11,7 @@ const overflowContainerStyles = css({
 const OverflowContainer = ({
   isSingleLine,
   ...props
-}) => jsx("span", _extends({
-  css: isSingleLine && overflowContainerStyles
-  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-}, props));
+}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  className: ax([isSingleLine && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+}));
 export default OverflowContainer;

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

@@ -0,0 +1,8 @@
+._179r1l7n{border-block-end:1px solid var(--ds-border,#ebecf0)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1pfhj39m{margin-block-start:-3px}
+._4cvr1h6o{align-items:center}
+._ahbqf2s7{margin-inline-start:calc(var(--ds-space-300, 25px)*-1)}
+._bozg1ssb{padding-inline-start:50%}
+._kqswstnw{position:absolute}

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

@@ -1,54 +1,31 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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 const indentBase = "var(--ds-space-300, 25px)";
-const treeRowContainerStyles = css({
-  display: 'flex',
-  borderBlockEnd: `1px solid ${`var(--ds-border, ${N30})`}`
-});
+const treeRowContainerStyles = null;
 
 /**
  * __Tree row container__
  */
-export const TreeRowContainer = props => jsx("div", _extends({
-  role: "row",
-  css: treeRowContainerStyles
-  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-}, props));
-const 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(${indentBase} * -1)`
-});
-const 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
-});
+export const TreeRowContainer = props => /*#__PURE__*/React.createElement("div", _extends({
+  role: "row"
+}, props, {
+  className: ax(["_179r1l7n _1e0c1txw"])
+}));
+const commonCellElementStyles = null;
+const commonChevronContainerStyles = null;
 /**
  * __Chevron container__
  *
  * A wrapper container around the expand table tree button.
  */
-export const ChevronContainer = props => jsx("span", _extends({}, props, {
-  css: [commonCellElementStyles, commonChevronContainerStyles]
+export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1pfhj39m"])
 }));
-const loadingItemContainerStyles = css({
-  width: '100%'
-});
-const paddingLeftStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  paddingInlineStart: '50%'
-});
+const loadingItemContainerStyles = null;
+const paddingLeftStyles = null;
 /**
  * __Loader item container__
  *
@@ -57,7 +34,6 @@ const paddingLeftStyles = css({
 export const LoaderItemContainer = ({
   isRoot,
   ...props
-}) => jsx("span", _extends({
-  css: [commonCellElementStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-}, props));
+}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1bsb1osq", isRoot && "_bozg1ssb"])
+}));

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

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

package/dist/es2019/components/row.js

@@ -1,18 +1,12 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* row.tsx generated by @compiled/babel-plugin v0.36.1 */
+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';
-const treeRowClickableStyles = css({
-  cursor: 'pointer'
-});
+const treeRowClickableStyles = null;
 const getExtendedLabel = (cellContent, cellIndex, mainColumnForExpandCollapseLabel) => {
   /**
    * First condition - when we pass data via `items` property in `<TableTree />`
@@ -53,7 +47,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.2.2"
+    packageVersion: "12.1.0"
   });
   const onCollapse = usePlatformLeafEventHandler({
     fn: value => providedOnCollapse && providedOnCollapse(value),
@@ -61,7 +55,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.2.2"
+    packageVersion: "12.1.0"
   });
 
   /**
@@ -100,7 +94,7 @@ function Row({
     let cellContent = cell.props.children || [];
     const extendedLabel = getExtendedLabel(cellContent, cellIndex, mainColumnForExpandCollapseLabel);
     if (isFirstCell && hasChildren) {
-      cellContent = [jsx(Chevron, {
+      cellContent = [/*#__PURE__*/React.createElement(Chevron, {
         key: "chevron",
         expandLabel: expandLabel,
         collapseLabel: collapseLabel,
@@ -118,11 +112,11 @@ function Row({
       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, (cell, index) => renderCell(cell, index))), hasChildren && (isProvidedExpanded !== undefined ? isProvidedExpanded : isExpandedState) && renderChildren && renderChildren());
 }
 

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

@@ -1,41 +1,5 @@
-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 const internalGet = (obj, path, defaultValue = undefined) => {
-  const travel = regexp => String.prototype.split.call(path, regexp).filter(Boolean).reduce((res, key) => res !== null && res !== undefined ? res[key] : res, obj);
-  const 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 const 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
-  const path = !Array.isArray(providedPath) ? providedPath.toString().match(/[^.[\]]+/g) || [] : providedPath;
-
-  // Iterate all of them except the last one
-  const result = path.slice(0, -1).reduce((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, allItems = [], {
   key,
   keysCache,
@@ -65,10 +29,6 @@ function updateChildItems(newitems, allTableItems, itemParent, {
   keysCache,
   operation
 }) {
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  const get = fg('dst-a11y-remove-lodash-from-table-tree') ? internalGet : lodashGet;
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  const set = fg('dst-a11y-remove-lodash-from-table-tree') ? internalSet : lodashSet;
   const newKeysCache = {
     ...keysCache
   };

package/dist/esm/components/cell.js

@@ -4,7 +4,6 @@ var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
 import React from 'react';
 import CommonCell from './internal/common-cell';
 import OverflowContainer from './internal/overflow-container';
-import { indentBase } from './internal/styled';
 import withColumnWidth from './internal/with-column-width';
 var CellComponent = function CellComponent(_ref) {
   var children = _ref.children,
@@ -14,7 +13,7 @@ var CellComponent = function CellComponent(_ref) {
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(CommonCell, _extends({
-    indent: indentLevel ? "calc(".concat(indentBase, " * ").concat(indentLevel, ")") : undefined,
+    indent: indentLevel ? "calc(".concat("var(--ds-space-300, 25px)", " * ", indentLevel, ")") : undefined,
     width: width
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

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

@@ -0,0 +1,3 @@
+._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._syaz1vvm{color:var(--_bbz764)}

package/dist/esm/components/header.js

@@ -1,18 +1,11 @@
-/**
- * @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';
+/* header.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./header.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { N300 } from '@atlaskit/theme/colors';
 import CommonCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
-var headerStyles = css({
-  color: "var(--ds-text-subtle, ".concat(N300, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)"
-});
+var headerStyles = null;
 
 /**
  * This is hard-coded here because our actual <Header /> has no typings
@@ -32,12 +25,15 @@ var HeaderComponent = function HeaderComponent(_ref) {
     role = _ref$role === void 0 ? 'columnheader' : _ref$role;
   // TODO: Determine whether proper `th` elements can be used instead of
   // roles (DSP-11588)
-  return jsx(CommonCell, {
-    css: headerStyles,
+  return /*#__PURE__*/React.createElement(CommonCell, {
     role: role,
     width: width,
     id: id,
-    onClick: onClick
+    onClick: onClick,
+    className: ax(["_11c8dcr7 _syaz1vvm _k48pmoej"]),
+    style: {
+      "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
+    }
   }, children);
 };
 var Header = withColumnWidth(HeaderComponent);

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

@@ -0,0 +1,2 @@
+._179r1avd{border-block-end:var(--_zailfs)}
+._1e0c1txw{display:flex}