@atlaskit/table-tree 11.1.1 → 11.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/table-tree
 
+## 11.2.0
+
+### Minor Changes
+
+- [#129233](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129233)
+  [`6cb13640c156e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6cb13640c156e) -
+  We are testing removing lodash import in favor of local code behind a feature flag. If this fix is
+  successful it will be available in a later release.
+
+## 11.1.2
+
+### Patch Changes
+
+- [#125706](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/125706)
+  [`66e0493b5224b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/66e0493b5224b) -
+  Update dependencies and remove unused internal exports.
+
 ## 11.1.1
 
 ### Patch Changes

package/dist/cjs/components/row.js

@@ -69,7 +69,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.1.1"
+    packageVersion: "11.2.0"
   });
   var onCollapse = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: function fn(value) {
@@ -79,7 +79,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.1.1"
+    packageVersion: "11.2.0"
   });
 
   /**

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

@@ -4,15 +4,56 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.internalSet = exports.internalGet = 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,
@@ -40,6 +81,10 @@ 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) {
@@ -47,8 +92,8 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   }
   var parentLocation = newKeysCache[parentCacheKey];
   var allItemsCopy = (0, _toConsumableArray2.default)(allTableItems);
-  var objectToChange = (0, _get.default)(allItemsCopy, parentLocation);
-  var baseChildrenOfObjectToChange = operation === 'UPDATE' ? [] : (0, _get.default)(objectToChange, 'children', []);
+  var objectToChange = get(allItemsCopy, parentLocation);
+  var baseChildrenOfObjectToChange = operation === 'UPDATE' ? [] : get(objectToChange, 'children', []);
   objectToChange.children = baseChildrenOfObjectToChange.concat(newitems);
 
   // Update cache
@@ -57,7 +102,7 @@ function updateChildItems(newitems, allTableItems, itemParent, _ref2) {
   });
   return {
     keysCache: newKeysCache,
-    items: (0, _set.default)(allItemsCopy, parentLocation, objectToChange)
+    items: set(allItemsCopy, parentLocation, objectToChange)
   };
 }
 

package/dist/es2019/components/row.js

@@ -53,7 +53,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.1.1"
+    packageVersion: "11.2.0"
   });
   const onCollapse = usePlatformLeafEventHandler({
     fn: value => providedOnCollapse && providedOnCollapse(value),
@@ -61,7 +61,7 @@ function Row({
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.1.1"
+    packageVersion: "11.2.0"
   });
 
   /**

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

@@ -1,5 +1,41 @@
-import get from 'lodash/get';
-import set from 'lodash/set';
+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;
+};
 function updateRootItems(rootItems, allItems = [], {
   key,
   keysCache,
@@ -29,6 +65,10 @@ 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/row.js

@@ -58,7 +58,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.1.1"
+    packageVersion: "11.2.0"
   });
   var onCollapse = usePlatformLeafEventHandler({
     fn: function fn(value) {
@@ -68,7 +68,7 @@ function Row(_ref) {
     actionSubject: 'tableTree',
     componentName: 'row',
     packageName: "@atlaskit/table-tree",
-    packageVersion: "11.1.1"
+    packageVersion: "11.2.0"
   });
 
   /**

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

@@ -4,8 +4,49 @@ 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 get from 'lodash/get';
-import set from 'lodash/set';
+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;
+};
 function updateRootItems(rootItems) {
   var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var _ref = arguments.length > 2 ? arguments[2] : undefined,
@@ -33,6 +74,10 @@ 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

@@ -4,7 +4,7 @@
  */
 import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
-export interface HeadersProps {
+interface HeadersProps {
     children: ReactElement | ReactElement[];
 }
 /**

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

@@ -1,6 +1,6 @@
 import React, { type ReactElement } from 'react';
 import { type RowProps } from '../row';
-export interface ItemsProps<Item> {
+interface ItemsProps<Item> {
     depth?: number;
     items?: Item[] | null;
     loadingLabel?: string;

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

@@ -1,3 +1,5 @@
+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.
@@ -20,6 +22,6 @@ export default class TableTreeDataHelper<T extends any = 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[];
+    updateItems(items: T[], allItems?: T[], parentItem?: T | null): any;
+    appendItems(items: T[], allItems?: T[], parentItem?: T | null): any;
 }

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

@@ -4,7 +4,7 @@
  */
 import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
-export interface HeadersProps {
+interface HeadersProps {
     children: ReactElement | ReactElement[];
 }
 /**

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

@@ -1,6 +1,6 @@
 import React, { type ReactElement } from 'react';
 import { type RowProps } from '../row';
-export interface ItemsProps<Item> {
+interface ItemsProps<Item> {
     depth?: number;
     items?: Item[] | null;
     loadingLabel?: string;

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

@@ -1,3 +1,5 @@
+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.
@@ -20,6 +22,6 @@ export default class TableTreeDataHelper<T extends any = 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[];
+    updateItems(items: T[], allItems?: T[], parentItem?: T | null): any;
+    appendItems(items: T[], allItems?: T[], parentItem?: T | null): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "11.1.1",
+	"version": "11.2.0",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,9 +29,10 @@
 		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/icon": "^25.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.4.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21"
@@ -43,18 +44,18 @@
 		"@af/accessibility-testing": "^2.0.0",
 		"@af/integration-testing": "^0.5.0",
 		"@af/visual-regression": "^1.3.0",
+		"@atlaskit/docs": "^10.0.0",
+		"@atlaskit/empty-state": "^9.0.0",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/link": "^3.0.0",
+		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/section-message": "^8.2.0",
+		"@atlaskit/select": "^20.0.0",
 		"@atlaskit/ssr": "^0.4.0",
-		"@atlaskit/visual-regression": "^0.10.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
-		"@emotion/styled": "^11.0.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/react-redux": "^5.0.0",
-		"exenv": "^1.2.2",
-		"react-dom": "^18.2.0",
-		"react-redux": "^5.1.2",
-		"redux": "^3.7.2",
-		"redux-thunk": "^2.3.0"
+		"react-dom": "^18.2.0"
 	},
 	"keywords": [
 		"atlaskit",
@@ -92,5 +93,10 @@
 	"homepage": "https://atlassian.design/components/table-tree/",
 	"af:exports": {
 		".": "./src/index.tsx"
+	},
+	"platform-feature-flags": {
+		"dst-a11y-remove-lodash-from-table-tree": {
+			"type": "boolean"
+		}
 	}
 }