@atlaskit/renderer 120.1.6 → 120.1.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 120.1.7
+
+### Patch Changes
+
+- [#184123](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/184123)
+  [`3b9f5e54172a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b9f5e54172a8) -
+  [COMPLEXIT-273] Clean up feature gate cc_complexit_reduce_portal_rerenders
+
 ## 120.1.6
 
 ### Patch Changes

package/afm-townsquare/tsconfig.json

@@ -0,0 +1,129 @@
+{
+	"extends": "../../../../tsconfig.entry-points.townsquare.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../townsquare/tsDist/@atlaskit__renderer/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../adf-utils/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../analytics/analytics-listeners/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../analytics/analytics-namespaced-context/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../analytics/analytics-next/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/code/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-json-transformer/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-palette/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-shared-styles/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-tables/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/emoji/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/link/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../linking-platform/link-datasource/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-card/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-client/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-client-react/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-common/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-filmstrip/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-ui/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-viewer/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../react-ufo/atlaskit/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../linking-platform/smart-card/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/status/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/task-decision/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../tmp-editor-statsig/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/visually-hidden/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../editor-common/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../linking-platform/link-provider/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-core/afm-townsquare/tsconfig.json"
+		}
+	]
+}

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

@@ -11,6 +11,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _lists = require("../utils/lists");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function OrderedList(props) {
   var _props$content;
   var extraProps = {};
@@ -18,7 +19,7 @@ function OrderedList(props) {
     order: props.order,
     itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   });
-  if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
+  if (itemCounterDigitsSize && itemCounterDigitsSize > ((0, _platformFeatureFlags.fg)('platform_editor_ol_padding_fix') ? 1 : 2)) {
     extraProps.style = (0, _styles.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {

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

@@ -4,20 +4,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePortal = exports.PortalContext = void 0;
+exports.PortalContext = void 0;
+exports.usePortal = usePortal;
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 PortalContext = exports.PortalContext = /*#__PURE__*/_react.default.createContext(undefined);
-var usePortal = exports.usePortal = function usePortal() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    portalFromProps = _ref.portal;
+function usePortal(props) {
   var portalFromContext = (0, _react.useContext)(PortalContext);
-  if (portalFromProps) {
-    return portalFromProps;
-  }
-  if ((0, _platformFeatureFlags.fg)('cc_complexit_reduce_portal_rerenders')) {
-    return portalFromContext;
-  }
-  return undefined;
-};
+  return (props === null || props === void 0 ? void 0 : props.portal) || portalFromContext;
+}

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

@@ -62,7 +62,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.1.5";
+var packageVersion = "120.1.6";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -460,23 +460,18 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
   }
 };
 var RendererFunctionalComponentMemoized = /*#__PURE__*/_react.default.memo(RendererFunctionalComponent);
-var RendererFunctionalComponentWithPortalContext = function RendererFunctionalComponentWithPortalContext(props) {
+var RendererFunctionalComponentWithPortalContext = /*#__PURE__*/_react.default.memo(function (props) {
+  // If nodeComponents are provided, we don't remove portal from props and use context instead,
+  // because we can't guarantee compatibility with existing Atlaskit Renderer consumers.
+  if (props.nodeComponents) {
+    return /*#__PURE__*/_react.default.createElement(RendererFunctionalComponentMemoized, props);
+  }
   var portal = props.portal,
     propsWithoutPortal = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _react2.jsx)(_PortalContext.PortalContext.Provider, {
     value: portal
-  }, (0, _react2.jsx)(RendererFunctionalComponent, propsWithoutPortal));
-};
-var RendererFunctionalComponentWithPortalContextMemoized = /*#__PURE__*/_react.default.memo(RendererFunctionalComponentWithPortalContext);
-var getRendererComponent = function getRendererComponent(nodeComponents) {
-  // If nodeComponents are provided, for now we don't want to remove portal from props
-  // and use context instead because at this time we cannot guarantee that existing
-  // consumers of Atlaskit Renderer will update to use the new portal context.
-  if (!Boolean(nodeComponents) && (0, _platformFeatureFlags.fg)('cc_complexit_reduce_portal_rerenders')) {
-    return RendererFunctionalComponentWithPortalContextMemoized;
-  }
-  return RendererFunctionalComponentMemoized;
-};
+  }, /*#__PURE__*/_react.default.createElement(RendererFunctionalComponent, propsWithoutPortal));
+});
 
 /**
  *
@@ -497,8 +492,7 @@ function Renderer(props) {
       allowNestedTables: allowNestedTables
     };
   }, [allowNestedTables]);
-  var RendererComponent = getRendererComponent(props.nodeComponents);
-  return (0, _react2.jsx)(RendererComponent
+  return (0, _react2.jsx)(RendererFunctionalComponentWithPortalContext
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {

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

@@ -4,6 +4,7 @@ import { orderedListSelector } from '@atlaskit/adf-schema';
 import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function OrderedList(props) {
   var _props$content;
   const extraProps = {};
@@ -11,7 +12,7 @@ export default function OrderedList(props) {
     order: props.order,
     itemsCount: props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   });
-  if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
+  if (itemCounterDigitsSize && itemCounterDigitsSize > (fg('platform_editor_ol_padding_fix') ? 1 : 2)) {
     extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {

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

@@ -1,15 +1,6 @@
 import React, { useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const PortalContext = /*#__PURE__*/React.createContext(undefined);
-export const usePortal = ({
-  portal: portalFromProps
-} = {}) => {
+export function usePortal(props) {
   const portalFromContext = useContext(PortalContext);
-  if (portalFromProps) {
-    return portalFromProps;
-  }
-  if (fg('cc_complexit_reduce_portal_rerenders')) {
-    return portalFromContext;
-  }
-  return undefined;
-};
+  return (props === null || props === void 0 ? void 0 : props.portal) || portalFromContext;
+}

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

@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "120.1.5";
+const packageVersion = "120.1.6";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -443,25 +443,20 @@ export const RendererFunctionalComponent = props => {
   }
 };
 const RendererFunctionalComponentMemoized = /*#__PURE__*/React.memo(RendererFunctionalComponent);
-const RendererFunctionalComponentWithPortalContext = props => {
+const RendererFunctionalComponentWithPortalContext = /*#__PURE__*/React.memo(props => {
+  // If nodeComponents are provided, we don't remove portal from props and use context instead,
+  // because we can't guarantee compatibility with existing Atlaskit Renderer consumers.
+  if (props.nodeComponents) {
+    return /*#__PURE__*/React.createElement(RendererFunctionalComponentMemoized, props);
+  }
   const {
     portal,
     ...propsWithoutPortal
   } = props;
   return jsx(PortalContext.Provider, {
     value: portal
-  }, jsx(RendererFunctionalComponent, propsWithoutPortal));
-};
-const RendererFunctionalComponentWithPortalContextMemoized = /*#__PURE__*/React.memo(RendererFunctionalComponentWithPortalContext);
-const getRendererComponent = nodeComponents => {
-  // If nodeComponents are provided, for now we don't want to remove portal from props
-  // and use context instead because at this time we cannot guarantee that existing
-  // consumers of Atlaskit Renderer will update to use the new portal context.
-  if (!Boolean(nodeComponents) && fg('cc_complexit_reduce_portal_rerenders')) {
-    return RendererFunctionalComponentWithPortalContextMemoized;
-  }
-  return RendererFunctionalComponentMemoized;
-};
+  }, /*#__PURE__*/React.createElement(RendererFunctionalComponent, propsWithoutPortal));
+});
 
 /**
  *
@@ -483,8 +478,7 @@ export function Renderer(props) {
   const validationOverrides = useMemo(() => ({
     allowNestedTables
   }), [allowNestedTables]);
-  const RendererComponent = getRendererComponent(props.nodeComponents);
-  return jsx(RendererComponent
+  return jsx(RendererFunctionalComponentWithPortalContext
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

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

@@ -4,6 +4,7 @@ import { orderedListSelector } from '@atlaskit/adf-schema';
 import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function OrderedList(props) {
   var _props$content;
   var extraProps = {};
@@ -11,7 +12,7 @@ export default function OrderedList(props) {
     order: props.order,
     itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   });
-  if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
+  if (itemCounterDigitsSize && itemCounterDigitsSize > (fg('platform_editor_ol_padding_fix') ? 1 : 2)) {
     extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {

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

@@ -1,15 +1,6 @@
 import React, { useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var PortalContext = /*#__PURE__*/React.createContext(undefined);
-export var usePortal = function usePortal() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    portalFromProps = _ref.portal;
+export function usePortal(props) {
   var portalFromContext = useContext(PortalContext);
-  if (portalFromProps) {
-    return portalFromProps;
-  }
-  if (fg('cc_complexit_reduce_portal_rerenders')) {
-    return portalFromContext;
-  }
-  return undefined;
-};
+  return (props === null || props === void 0 ? void 0 : props.portal) || portalFromContext;
+}

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

@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.1.5";
+var packageVersion = "120.1.6";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -451,23 +451,18 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
   }
 };
 var RendererFunctionalComponentMemoized = /*#__PURE__*/React.memo(RendererFunctionalComponent);
-var RendererFunctionalComponentWithPortalContext = function RendererFunctionalComponentWithPortalContext(props) {
+var RendererFunctionalComponentWithPortalContext = /*#__PURE__*/React.memo(function (props) {
+  // If nodeComponents are provided, we don't remove portal from props and use context instead,
+  // because we can't guarantee compatibility with existing Atlaskit Renderer consumers.
+  if (props.nodeComponents) {
+    return /*#__PURE__*/React.createElement(RendererFunctionalComponentMemoized, props);
+  }
   var portal = props.portal,
     propsWithoutPortal = _objectWithoutProperties(props, _excluded);
   return jsx(PortalContext.Provider, {
     value: portal
-  }, jsx(RendererFunctionalComponent, propsWithoutPortal));
-};
-var RendererFunctionalComponentWithPortalContextMemoized = /*#__PURE__*/React.memo(RendererFunctionalComponentWithPortalContext);
-var getRendererComponent = function getRendererComponent(nodeComponents) {
-  // If nodeComponents are provided, for now we don't want to remove portal from props
-  // and use context instead because at this time we cannot guarantee that existing
-  // consumers of Atlaskit Renderer will update to use the new portal context.
-  if (!Boolean(nodeComponents) && fg('cc_complexit_reduce_portal_rerenders')) {
-    return RendererFunctionalComponentWithPortalContextMemoized;
-  }
-  return RendererFunctionalComponentMemoized;
-};
+  }, /*#__PURE__*/React.createElement(RendererFunctionalComponent, propsWithoutPortal));
+});
 
 /**
  *
@@ -488,8 +483,7 @@ export function Renderer(props) {
       allowNestedTables: allowNestedTables
     };
   }, [allowNestedTables]);
-  var RendererComponent = getRendererComponent(props.nodeComponents);
-  return jsx(RendererComponent
+  return jsx(RendererFunctionalComponentWithPortalContext
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

package/dist/types/ui/Renderer/PortalContext.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
 import type { RendererProps } from '../renderer-props';
 export declare const PortalContext: React.Context<HTMLElement | undefined>;
-export declare const usePortal: ({ portal: portalFromProps, }?: {
-    portal?: RendererProps['portal'];
-}) => HTMLElement | undefined;
+export declare function usePortal(props?: Pick<RendererProps, 'portal'>): HTMLElement | undefined;

package/dist/types-ts4.5/ui/Renderer/PortalContext.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
 import type { RendererProps } from '../renderer-props';
 export declare const PortalContext: React.Context<HTMLElement | undefined>;
-export declare const usePortal: ({ portal: portalFromProps, }?: {
-    portal?: RendererProps['portal'];
-}) => HTMLElement | undefined;
+export declare function usePortal(props?: Pick<RendererProps, 'portal'>): HTMLElement | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "120.1.6",
+	"version": "120.1.7",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,11 +33,11 @@
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.4.0",
+		"@atlaskit/editor-shared-styles": "^3.5.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^27.3.0",
+		"@atlaskit/icon": "^27.4.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.13.0",
 		"@atlaskit/media-card": "^79.4.0",
@@ -50,11 +50,11 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^4.0.0",
-		"@atlaskit/smart-card": "^40.2.0",
+		"@atlaskit/smart-card": "^40.4.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.7.0",
+		"@atlaskit/tmp-editor-statsig": "^9.8.0",
 		"@atlaskit/tokens": "^5.5.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -82,7 +82,7 @@
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/link-provider": "^3.4.0",
 		"@atlaskit/link-test-helpers": "^8.2.0",
-		"@atlaskit/linking-common": "^9.1.0",
+		"@atlaskit/linking-common": "^9.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^37.0.0",
@@ -142,9 +142,6 @@
 		"platform_fix_nested_num_column_scaling": {
 			"type": "boolean"
 		},
-		"cc_complexit_reduce_portal_rerenders": {
-			"type": "boolean"
-		},
 		"cc_complexit_fe_reduce_rerender_2": {
 			"type": "boolean"
 		},
@@ -273,6 +270,9 @@
 		},
 		"platform_custom_number_column": {
 			"type": "boolean"
+		},
+		"platform_editor_ol_padding_fix": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {