@atlaskit/renderer 114.10.0 → 114.10.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 114.10.2
+
+### Patch Changes
+
+- [#145086](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/145086)
+  [`974da2c11753a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/974da2c11753a) -
+  Reduced dependency list of analytics callback in renderer
+- Updated dependencies
+
+## 114.10.1
+
+### Patch Changes
+
+- [#142223](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142223)
+  [`af7ab9622fe12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af7ab9622fe12) -
+  [ux] ED-27387 fix table sticky header positioning in embedded confluence
+- Updated dependencies
+
 ## 114.10.0
 
 ### Minor Changes

package/dist/cjs/react/nodes/table/sticky.js

@@ -14,6 +14,7 @@ var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _table = require("./table");
 var _injectProps = require("../../utils/inject-props");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
@@ -134,7 +135,7 @@ var FixedTableDivNew = function FixedTableDivNew(props) {
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: "".concat(wrapperWidth, "px"),
-      top: top ? "".concat(top, "px") : undefined
+      top: (0, _platformFeatureFlags.fg)('sticky_header_in_embedded_confluence_fix') ? typeof top === 'number' ? "".concat(top, "px") : undefined : top ? "".concat(top, "px") : undefined
     }
   }), props.children);
 };

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

@@ -67,7 +67,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 = "114.10.0";
+var packageVersion = "114.10.2";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -582,6 +582,7 @@ var handleWrapperOnClick = function handleWrapperOnClick(event, props, mouseDown
   }
 };
 var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
+  var createAnalyticsEvent = props.createAnalyticsEvent;
   var mouseDownSelection = (0, _react.useRef)(undefined);
   var providerFactory = (0, _react.useMemo)(function () {
     return props.dataProviders || new _providerFactory.ProviderFactory();
@@ -595,13 +596,22 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       };
     };
   }, []);
-  var _fireAnalyticsEvent = (0, _react.useCallback)(function (event) {
+  var fireAnalyticsEventOld = (0, _react.useCallback)(function (event) {
     var createAnalyticsEvent = props.createAnalyticsEvent;
     if (createAnalyticsEvent) {
       var channel = _types.FabricChannel.editor;
       createAnalyticsEvent(event).fire(channel);
     }
   }, [props]);
+  var fireAnalyticsEventNew = (0, _react.useCallback)(function (event) {
+    if (createAnalyticsEvent) {
+      var channel = _types.FabricChannel.editor;
+      createAnalyticsEvent(event).fire(channel);
+    }
+  }, [createAnalyticsEvent]);
+  var _fireAnalyticsEvent = (0, _experiments.editorExperiment)('platform_renderer_fix_analytics_memo_callback', true, {
+    exposure: true
+  }) ? fireAnalyticsEventNew : fireAnalyticsEventOld;
   var deriveSerializerProps = (0, _react.useCallback)(function (props) {
     var stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
     var annotationProvider = props.annotationProvider;

package/dist/es2019/react/nodes/table/sticky.js

@@ -11,6 +11,7 @@ import { css, jsx } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
@@ -148,7 +149,7 @@ const FixedTableDivNew = props => {
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: `${wrapperWidth}px`,
-      top: top ? `${top}px` : undefined
+      top: fg('sticky_header_in_embedded_confluence_fix') ? typeof top === 'number' ? `${top}px` : undefined : top ? `${top}px` : undefined
     }
   }), props.children);
 };

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

@@ -48,7 +48,7 @@ import { removeEmptySpaceAroundContent } from './rendererHelper';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "114.10.0";
+const packageVersion = "114.10.2";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -560,6 +560,9 @@ const handleWrapperOnClick = (event, props, mouseDownSelection) => {
   }
 };
 const RendererFunctionalComponent = props => {
+  const {
+    createAnalyticsEvent
+  } = props;
   const mouseDownSelection = useRef(undefined);
   const providerFactory = useMemo(() => props.dataProviders || new ProviderFactory(), [props.dataProviders]);
   const createRendererContext = useMemo(() => (featureFlags, isTopLevelRenderer) => {
@@ -569,7 +572,7 @@ const RendererFunctionalComponent = props => {
       isTopLevelRenderer: isTopLevelRenderer === undefined
     };
   }, []);
-  const fireAnalyticsEvent = useCallback(event => {
+  const fireAnalyticsEventOld = useCallback(event => {
     const {
       createAnalyticsEvent
     } = props;
@@ -578,6 +581,15 @@ const RendererFunctionalComponent = props => {
       createAnalyticsEvent(event).fire(channel);
     }
   }, [props]);
+  const fireAnalyticsEventNew = useCallback(event => {
+    if (createAnalyticsEvent) {
+      const channel = FabricChannel.editor;
+      createAnalyticsEvent(event).fire(channel);
+    }
+  }, [createAnalyticsEvent]);
+  const fireAnalyticsEvent = editorExperiment('platform_renderer_fix_analytics_memo_callback', true, {
+    exposure: true
+  }) ? fireAnalyticsEventNew : fireAnalyticsEventOld;
   const deriveSerializerProps = useCallback(props => {
     const stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
     const {

package/dist/esm/react/nodes/table/sticky.js

@@ -14,6 +14,7 @@ import { css, jsx } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
@@ -125,7 +126,7 @@ var FixedTableDivNew = function FixedTableDivNew(props) {
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: "".concat(wrapperWidth, "px"),
-      top: top ? "".concat(top, "px") : undefined
+      top: fg('sticky_header_in_embedded_confluence_fix') ? typeof top === 'number' ? "".concat(top, "px") : undefined : top ? "".concat(top, "px") : undefined
     }
   }), props.children);
 };

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

@@ -57,7 +57,7 @@ import { removeEmptySpaceAroundContent } from './rendererHelper';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "114.10.0";
+var packageVersion = "114.10.2";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -572,6 +572,7 @@ var handleWrapperOnClick = function handleWrapperOnClick(event, props, mouseDown
   }
 };
 var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
+  var createAnalyticsEvent = props.createAnalyticsEvent;
   var mouseDownSelection = useRef(undefined);
   var providerFactory = useMemo(function () {
     return props.dataProviders || new ProviderFactory();
@@ -585,13 +586,22 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       };
     };
   }, []);
-  var _fireAnalyticsEvent = useCallback(function (event) {
+  var fireAnalyticsEventOld = useCallback(function (event) {
     var createAnalyticsEvent = props.createAnalyticsEvent;
     if (createAnalyticsEvent) {
       var channel = FabricChannel.editor;
       createAnalyticsEvent(event).fire(channel);
     }
   }, [props]);
+  var fireAnalyticsEventNew = useCallback(function (event) {
+    if (createAnalyticsEvent) {
+      var channel = FabricChannel.editor;
+      createAnalyticsEvent(event).fire(channel);
+    }
+  }, [createAnalyticsEvent]);
+  var _fireAnalyticsEvent = editorExperiment('platform_renderer_fix_analytics_memo_callback', true, {
+    exposure: true
+  }) ? fireAnalyticsEventNew : fireAnalyticsEventOld;
   var deriveSerializerProps = useCallback(function (props) {
     var stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
     var annotationProvider = props.annotationProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "114.10.0",
+	"version": "114.10.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/code": "^17.0.0",
-		"@atlaskit/editor-common": "^103.14.0",
+		"@atlaskit/editor-common": "^103.15.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/emoji": "^69.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.2.0",
 		"@atlaskit/icon": "^25.6.0",
-		"@atlaskit/link-datasource": "^4.5.0",
+		"@atlaskit/link-datasource": "^4.6.0",
 		"@atlaskit/media-card": "^79.2.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
@@ -50,11 +50,11 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",
 		"@atlaskit/react-ufo": "^3.6.0",
-		"@atlaskit/smart-card": "^36.8.0",
+		"@atlaskit/smart-card": "^36.9.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.13.0",
+		"@atlaskit/tmp-editor-statsig": "^4.14.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -221,6 +221,9 @@
 		},
 		"confluence_frontend_fix_extension_draft_annotation": {
 			"type": "boolean"
+		},
+		"sticky_header_in_embedded_confluence_fix": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {