@atlaskit/renderer 109.12.3 → 109.12.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 109.12.5
+
+### Patch Changes
+
+- [#86429](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86429) [`f7ed11720c73`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f7ed11720c73) - ED-22675: removes redundant attribute from editor html button, adds gemini error log pattern
+- [#86724](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86724) [`718a9aa2424d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/718a9aa2424d) - [ED-22607] Remove references to maxFrames for multi bodied extensions and bump adf-schema from 35.7.0 to 35.8.0
+
+## 109.12.4
+
+### Patch Changes
+
+- [#85294](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85294) [`be63992e342e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be63992e342e) - Fixes bug regarding datasources not expanding to full width in renderer
+
 ## 109.12.3
 
 ### Patch Changes

package/dist/cjs/react/nodes/blockCard.js

@@ -22,11 +22,10 @@ var _utils2 = require("@atlaskit/editor-common/utils");
 
 var datasourceContainerStyle = (0, _react2.css)({
   borderRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-});
-var parentContainerStyle = (0, _react2.css)({
-  display: 'flex',
-  justifyContent: 'center'
+  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginLeft: '50%',
+  transform: 'translateX(-50%)'
 });
 function BlockCard(props) {
   var url = props.url,
@@ -104,8 +103,6 @@ function BlockCard(props) {
       }, cardProps), (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         return (0, _react2.jsx)("div", {
-          css: parentContainerStyle
-        }, (0, _react2.jsx)("div", {
           css: datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           style: {
@@ -118,7 +115,7 @@ function BlockCard(props) {
           columnCustomSizes: columnCustomSizes,
           wrappedColumnKeys: wrappedColumnKeys && wrappedColumnKeys.length > 0 ? wrappedColumnKeys : undefined,
           url: url
-        })));
+        }));
       })));
     }
     return (0, _react2.jsx)(_inlineCard.default, {

package/dist/cjs/ui/Expand.js

@@ -7,6 +7,7 @@ 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
@@ -22,6 +23,7 @@ var _reactIntlNext = require("react-intl-next");
 var _events = require("../analytics/events");
 var _utils = require("../utils");
 var _activeHeaderIdProvider = require("./active-header-id-provider");
+var _excluded = ["expanded"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -43,10 +45,12 @@ var TitleContainer = function TitleContainer(props) {
   var styles = function styles() {
     return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    padding: ", ";\n    padding-bottom: ", ";\n  "])), _ui.sharedExpandStyles.titleContainerStyles(), "var(--ds-space-100, 8px)", paddingBottom);
   };
+  var expanded = props.expanded,
+    buttonProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _react.jsx)("button", (0, _extends2.default)({
     type: "button",
     css: styles
-  }, props), props.children);
+  }, buttonProps), props.children);
 };
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
@@ -103,6 +107,7 @@ function Expand(_ref) {
     return setFocused(false);
   }, []);
   return (0, _react.jsx)(Container, {
+    "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
     "data-title": title,
     "data-expanded": expanded,

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

@@ -55,7 +55,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.12.3";
+var packageVersion = "109.12.5";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/nodes/blockCard.js

@@ -14,11 +14,10 @@ import { N40 } from '@atlaskit/theme/colors';
 import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
 const datasourceContainerStyle = css({
   borderRadius: `${"var(--ds-border-radius-200, 8px)"}`,
-  border: `1px solid ${`var(--ds-border, ${N40})`}`
-});
-const parentContainerStyle = css({
-  display: 'flex',
-  justifyContent: 'center'
+  border: `1px solid ${`var(--ds-border, ${N40})`}`,
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginLeft: '50%',
+  transform: 'translateX(-50%)'
 });
 export default function BlockCard(props) {
   const {
@@ -90,8 +89,6 @@ export default function BlockCard(props) {
       }, cardProps), jsx(WidthConsumer, null, ({
         width
       }) => jsx("div", {
-        css: parentContainerStyle
-      }, jsx("div", {
         css: datasourceContainerStyle,
         "data-testid": "renderer-datasource-table",
         style: {
@@ -104,7 +101,7 @@ export default function BlockCard(props) {
         columnCustomSizes: columnCustomSizes,
         wrappedColumnKeys: wrappedColumnKeys && wrappedColumnKeys.length > 0 ? wrappedColumnKeys : undefined,
         url: url
-      }))))));
+      })))));
     }
     return jsx(InlineCard, {
       data: data,

package/dist/es2019/ui/Expand.js

@@ -45,10 +45,14 @@ const TitleContainer = props => {
     padding: ${"var(--ds-space-100, 8px)"};
     padding-bottom: ${paddingBottom};
   `;
+  const {
+    expanded,
+    ...buttonProps
+  } = props;
   return jsx("button", _extends({
     type: "button",
     css: styles
-  }, props), props.children);
+  }, buttonProps), props.children);
 };
 TitleContainer.displayName = 'TitleContainerButton';
 const ContentContainer = props => {
@@ -98,6 +102,7 @@ function Expand({
   const handleFocus = useCallback(() => setFocused(true), []);
   const handleBlur = useCallback(() => setFocused(false), []);
   return jsx(Container, {
+    "data-testid": `expand-container-${nodeType}-${id}`,
     "data-node-type": nodeType,
     "data-title": title,
     "data-expanded": expanded,

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

@@ -36,7 +36,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.12.3";
+const packageVersion = "109.12.5";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/nodes/blockCard.js

@@ -14,11 +14,10 @@ import { N40 } from '@atlaskit/theme/colors';
 import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
 var datasourceContainerStyle = css({
   borderRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
-});
-var parentContainerStyle = css({
-  display: 'flex',
-  justifyContent: 'center'
+  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginLeft: '50%',
+  transform: 'translateX(-50%)'
 });
 export default function BlockCard(props) {
   var url = props.url,
@@ -96,8 +95,6 @@ export default function BlockCard(props) {
       }, cardProps), jsx(WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         return jsx("div", {
-          css: parentContainerStyle
-        }, jsx("div", {
           css: datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           style: {
@@ -110,7 +107,7 @@ export default function BlockCard(props) {
           columnCustomSizes: columnCustomSizes,
           wrappedColumnKeys: wrappedColumnKeys && wrappedColumnKeys.length > 0 ? wrappedColumnKeys : undefined,
           url: url
-        })));
+        }));
       })));
     }
     return jsx(InlineCard, {

package/dist/esm/ui/Expand.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["expanded"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
@@ -33,10 +35,12 @@ var TitleContainer = function TitleContainer(props) {
   var styles = function styles() {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n    padding: ", ";\n    padding-bottom: ", ";\n  "])), sharedExpandStyles.titleContainerStyles(), "var(--ds-space-100, 8px)", paddingBottom);
   };
+  var expanded = props.expanded,
+    buttonProps = _objectWithoutProperties(props, _excluded);
   return jsx("button", _extends({
     type: "button",
     css: styles
-  }, props), props.children);
+  }, buttonProps), props.children);
 };
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
@@ -93,6 +97,7 @@ function Expand(_ref) {
     return setFocused(false);
   }, []);
   return jsx(Container, {
+    "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
     "data-title": title,
     "data-expanded": expanded,

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

@@ -46,7 +46,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.12.3";
+var packageVersion = "109.12.5";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.12.3",
+  "version": "109.12.5",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
     "runReact18": true
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.7.0",
+    "@atlaskit/adf-schema": "^35.8.0",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/analytics-namespaced-context": "^6.9.0",