@atlaskit/renderer 126.8.9 → 126.8.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 126.8.10
+
+### Patch Changes
+
+- [`5f18296b04721`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f18296b04721) -
+  [EDITOR-5051] Fix jsx-props-no-spreading violations in renderer expands
+- Updated dependencies
+
 ## 126.8.9
 
 ### Patch Changes

package/dist/cjs/ui/Expand.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -22,14 +20,15 @@ var _reactIntlNext = require("react-intl-next");
 var _events = require("../analytics/events");
 var _activeHeaderIdProvider = require("./active-header-id-provider");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _excluded = ["expanded"];
+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); }
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-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); }
+
 var titleStyles = (0, _react.css)({
   outline: 'none',
   border: 'none',
@@ -151,32 +150,36 @@ var LazyChildren = /*#__PURE__*/(0, _react2.lazy)(function () {
   });
 });
 var Container = function Container(props) {
-  return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused]
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
+  return (0, _react.jsx)("div", {
+    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused],
+    "data-testid": props['data-testid'],
+    "data-node-type": props['data-node-type'],
+    "data-title": props['data-title'],
+    "data-expanded": props['data-expanded'],
+    "data-local-id": props['data-local-id']
+  }, props.children);
 };
 var TitleContainer = function TitleContainer(props) {
-  var expanded = props.expanded,
-    buttonProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var expanded = props.expanded;
   return (
     // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    (0, _react.jsx)("button", (0, _extends2.default)({
+    (0, _react.jsx)("button", {
       type: "button",
-      css: [titleContainerStyles, expanded && titleContainerStylesExpanded]
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, buttonProps), props.children)
+      css: [titleContainerStyles, expanded && titleContainerStylesExpanded],
+      onClick: props.onClick,
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-expanded": props['aria-expanded'],
+      contentEditable: props.contentEditable
+    }, props.children)
   );
 };
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
-  return (0, _react.jsx)("div", (0, _extends2.default)({
+  return (0, _react.jsx)("div", {
     css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
+  }, props.children);
 };
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
   if (!fireAnalyticsEvent) {

package/dist/cjs/ui/Renderer/index.js

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.8.8";
+var packageVersion = "126.8.9";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/ui/Expand.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -140,34 +139,38 @@ const LazyChildren = /*#__PURE__*/lazy(() => {
   });
 });
 const Container = props => {
-  return jsx("div", _extends({
-    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused]
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
+  return jsx("div", {
+    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused],
+    "data-testid": props['data-testid'],
+    "data-node-type": props['data-node-type'],
+    "data-title": props['data-title'],
+    "data-expanded": props['data-expanded'],
+    "data-local-id": props['data-local-id']
+  }, props.children);
 };
 const TitleContainer = props => {
   const {
-    expanded,
-    ...buttonProps
+    expanded
   } = props;
   return (
     // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    jsx("button", _extends({
+    jsx("button", {
       type: "button",
-      css: [titleContainerStyles, expanded && titleContainerStylesExpanded]
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, buttonProps), props.children)
+      css: [titleContainerStyles, expanded && titleContainerStylesExpanded],
+      onClick: props.onClick,
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-expanded": props['aria-expanded'],
+      contentEditable: props.contentEditable
+    }, props.children)
   );
 };
 TitleContainer.displayName = 'TitleContainerButton';
 const ContentContainer = props => {
-  return jsx("div", _extends({
+  return jsx("div", {
     css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
+  }, props.children);
 };
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
   if (!fireAnalyticsEvent) {

package/dist/es2019/ui/Renderer/index.js

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "126.8.8";
+const packageVersion = "126.8.9";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/Expand.js

@@ -1,7 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["expanded"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -142,32 +139,36 @@ var LazyChildren = /*#__PURE__*/lazy(function () {
   });
 });
 var Container = function Container(props) {
-  return jsx("div", _extends({
-    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused]
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
+  return jsx("div", {
+    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused],
+    "data-testid": props['data-testid'],
+    "data-node-type": props['data-node-type'],
+    "data-title": props['data-title'],
+    "data-expanded": props['data-expanded'],
+    "data-local-id": props['data-local-id']
+  }, props.children);
 };
 var TitleContainer = function TitleContainer(props) {
-  var expanded = props.expanded,
-    buttonProps = _objectWithoutProperties(props, _excluded);
+  var expanded = props.expanded;
   return (
     // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    jsx("button", _extends({
+    jsx("button", {
       type: "button",
-      css: [titleContainerStyles, expanded && titleContainerStylesExpanded]
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, buttonProps), props.children)
+      css: [titleContainerStyles, expanded && titleContainerStylesExpanded],
+      onClick: props.onClick,
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-expanded": props['aria-expanded'],
+      contentEditable: props.contentEditable
+    }, props.children)
   );
 };
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
-  return jsx("div", _extends({
+  return jsx("div", {
     css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
+  }, props.children);
 };
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
   if (!fireAnalyticsEvent) {

package/dist/esm/ui/Renderer/index.js

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.8.8";
+var packageVersion = "126.8.9";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "126.8.9",
+	"version": "126.8.10",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.12.0",
+		"@atlaskit/editor-common": "^111.13.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",