@atlaskit/editor-toolbar 1.0.9 → 1.0.10

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-toolbar
 
+## 1.0.10
+
+### Patch Changes
+
+- [`bb13ee29107b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb13ee29107b7) -
+  Editor-6656: Fix TypeError: .at() is not a function in ToolbarButtonGroup by replacing
+  Array.prototype.at() calls
+- Updated dependencies
+
 ## 1.0.9
 
 ### Patch Changes

package/dist/cjs/ui/ToolbarButtonGroup.js

@@ -10,6 +10,7 @@ require("./ToolbarButtonGroup.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -24,8 +25,10 @@ var styles = {
 var ToolbarButtonGroup = exports.ToolbarButtonGroup = function ToolbarButtonGroup(_ref) {
   var children = _ref.children;
   var items = _react.Children.toArray(children);
-  var FirstChild = items.at(0);
-  var LastChild = items.at(-1);
+  //  The .at() method is a relatively newer JavaScript API (ES2022) that isn't supported in older browsers
+  //  Using items[i] is more compatible with older browsers.
+  var FirstChild = (0, _platformFeatureFlags.fg)('platform_editor_fix_t_at_is_not_a_function') ? items[0] : items.at(0);
+  var LastChild = (0, _platformFeatureFlags.fg)('platform_editor_fix_t_at_is_not_a_function') ? items[items.length - 1] : items.at(-1);
   var middleChildren = items.slice(1, -1);
   return /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: (0, _expValEquals.expValEquals)('platform_editor_toolbar_split_button_ui', 'isEnabled', true) ? styles.containerNew : styles.container,

package/dist/es2019/ui/ToolbarButtonGroup.js

@@ -3,6 +3,7 @@ import "./ToolbarButtonGroup.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Children, Fragment } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const styles = {
@@ -17,8 +18,10 @@ export const ToolbarButtonGroup = ({
   children
 }) => {
   const items = Children.toArray(children);
-  const FirstChild = items.at(0);
-  const LastChild = items.at(-1);
+  //  The .at() method is a relatively newer JavaScript API (ES2022) that isn't supported in older browsers
+  //  Using items[i] is more compatible with older browsers.
+  const FirstChild = fg('platform_editor_fix_t_at_is_not_a_function') ? items[0] : items.at(0);
+  const LastChild = fg('platform_editor_fix_t_at_is_not_a_function') ? items[items.length - 1] : items.at(-1);
   const middleChildren = items.slice(1, -1);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: expValEquals('platform_editor_toolbar_split_button_ui', 'isEnabled', true) ? styles.containerNew : styles.container,

package/dist/esm/ui/ToolbarButtonGroup.js

@@ -3,6 +3,7 @@ import "./ToolbarButtonGroup.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Children, Fragment } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var styles = {
@@ -16,8 +17,10 @@ var styles = {
 export var ToolbarButtonGroup = function ToolbarButtonGroup(_ref) {
   var children = _ref.children;
   var items = Children.toArray(children);
-  var FirstChild = items.at(0);
-  var LastChild = items.at(-1);
+  //  The .at() method is a relatively newer JavaScript API (ES2022) that isn't supported in older browsers
+  //  Using items[i] is more compatible with older browsers.
+  var FirstChild = fg('platform_editor_fix_t_at_is_not_a_function') ? items[0] : items.at(0);
+  var LastChild = fg('platform_editor_fix_t_at_is_not_a_function') ? items[items.length - 1] : items.at(-1);
   var middleChildren = items.slice(1, -1);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: expValEquals('platform_editor_toolbar_split_button_ui', 'isEnabled', true) ? styles.containerNew : styles.container,

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "1.0.9",
+	"version": "1.0.10",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"react-compiler": {
@@ -37,7 +37,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.17.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^70.2.0",
+		"@atlaskit/tmp-editor-statsig": "^70.4.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@babel/runtime": "^7.0.0",
@@ -92,6 +92,9 @@
 	"platform-feature-flags": {
 		"platform_editor_block_menu_v2_patch_2": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_t_at_is_not_a_function": {
+			"type": "boolean"
 		}
 	}
 }