@atlaskit/renderer 124.3.0 → 124.4.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/renderer
 
+## 124.4.1
+
+### Patch Changes
+
+- [`dbb9e84ab30e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbb9e84ab30e0) -
+  [ux] dense mode emoji icon in panel
+- [`b647f715408c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b647f715408c4) -
+  clean up platform_custom_number_column
+- Updated dependencies
+
+## 124.4.0
+
+### Minor Changes
+
+- [`2a9e8a0692fdc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a9e8a0692fdc) -
+  [NO-ISSUE] Switch from using `cc_editor_ai_content_mode` param `baseFontSize` to having a proper
+  variable we can use for the sizing
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 124.3.0
 
 ### Minor Changes

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

@@ -116,7 +116,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
 
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
-    var calculatedTableContainerWidth = rendererAppearance === 'comment' && (0, _platformFeatureFlags.fg)('platform_custom_number_column') ? sumOfColumns : tableContainerWidth;
+    var calculatedTableContainerWidth = rendererAppearance === 'comment' ? sumOfColumns : tableContainerWidth;
     var scalePercentage = +((calculatedTableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth) / calculatedTableContainerWidth);
     var targetMaxWidth = calculatedTableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth;
     var totalWidthAfterScale = 0;

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

@@ -1501,7 +1501,7 @@ var rendererAnnotationStylesCommentHeightFix = (0, _react.css)({
 // Default: 20px emoji at 16px base font
 // Scaled: 20px * (baseFontSize/16)
 // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
-var denseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
+var denseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
   height: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
   width: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
   maxHeight: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
@@ -1511,6 +1511,9 @@ var denseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".con
     height: '100%',
     objectFit: 'contain'
   }
+}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " .ak-editor-panel .ak-editor-panel__icon"), {
+  height: "var(--ds-space-250, 20px)",
+  width: "var(--ds-space-250, 20px)"
 }));
 var RendererStyleContainer = exports.RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,

package/dist/cjs/ui/Renderer/get-base-font-size.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBaseFontSize = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var getBaseFontSize = exports.getBaseFontSize = function getBaseFontSize(appearance, contentMode) {
   if ((0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test')) {
     if (contentMode === 'dense') {
-      var baseFontSize = (0, _expVal.expVal)('cc_editor_ai_content_mode', 'baseFontSize', 13);
-      return baseFontSize;
+      return _editorSharedStyles.akEditorFullPageDenseFontSize;
     }
   }
   return appearance && appearance !== 'comment' ? _editorSharedStyles.akEditorFullPageDefaultFontSize : 14;

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

@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.2.0";
+var packageVersion = "124.4.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -103,7 +103,7 @@ const renderScaleDownColgroup = props => {
 
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
-    const calculatedTableContainerWidth = rendererAppearance === 'comment' && fg('platform_custom_number_column') ? sumOfColumns : tableContainerWidth;
+    const calculatedTableContainerWidth = rendererAppearance === 'comment' ? sumOfColumns : tableContainerWidth;
     const scalePercentage = +((calculatedTableContainerWidth - akEditorTableNumberColumnWidth) / calculatedTableContainerWidth);
     const targetMaxWidth = calculatedTableContainerWidth - akEditorTableNumberColumnWidth;
     let totalWidthAfterScale = 0;

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

@@ -1914,6 +1914,12 @@ const denseEmojiStyles = css({
       height: '100%',
       objectFit: 'contain'
     }
+  },
+  // Scale panel icon
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  [`.${RendererCssClassName.DOCUMENT} .ak-editor-panel .ak-editor-panel__icon`]: {
+    height: "var(--ds-space-250, 20px)",
+    width: "var(--ds-space-250, 20px)"
   }
 });
 export const RendererStyleContainer = props => {

package/dist/es2019/ui/Renderer/get-base-font-size.js

@@ -1,11 +1,9 @@
-import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const getBaseFontSize = (appearance, contentMode) => {
   if (expValEquals('cc_editor_ai_content_mode', 'variant', 'test')) {
     if (contentMode === 'dense') {
-      const baseFontSize = expVal('cc_editor_ai_content_mode', 'baseFontSize', 13);
-      return baseFontSize;
+      return akEditorFullPageDenseFontSize;
     }
   }
   return appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : 14;

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

@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_WIDTH_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "124.2.0";
+const packageVersion = "124.4.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -110,7 +110,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
 
   // when table resized and number column is enabled, we need to scale down the table in render
   if (forceScaleForNumColumn) {
-    var calculatedTableContainerWidth = rendererAppearance === 'comment' && fg('platform_custom_number_column') ? sumOfColumns : tableContainerWidth;
+    var calculatedTableContainerWidth = rendererAppearance === 'comment' ? sumOfColumns : tableContainerWidth;
     var scalePercentage = +((calculatedTableContainerWidth - akEditorTableNumberColumnWidth) / calculatedTableContainerWidth);
     var targetMaxWidth = calculatedTableContainerWidth - akEditorTableNumberColumnWidth;
     var totalWidthAfterScale = 0;

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

@@ -1494,7 +1494,7 @@ var rendererAnnotationStylesCommentHeightFix = css({
 // Default: 20px emoji at 16px base font
 // Scaled: 20px * (baseFontSize/16)
 // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
-var denseEmojiStyles = css(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
+var denseEmojiStyles = css(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
   height: "calc(".concat(defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, ")"),
   width: "calc(".concat(defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, ")"),
   maxHeight: "calc(".concat(defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, ")"),
@@ -1504,6 +1504,9 @@ var denseEmojiStyles = css(_defineProperty({}, ".".concat(EmojiSharedCssClassNam
     height: '100%',
     objectFit: 'contain'
   }
+}), ".".concat(RendererCssClassName.DOCUMENT, " .ak-editor-panel .ak-editor-panel__icon"), {
+  height: "var(--ds-space-250, 20px)",
+  width: "var(--ds-space-250, 20px)"
 }));
 export var RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,

package/dist/esm/ui/Renderer/get-base-font-size.js

@@ -1,11 +1,9 @@
-import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var getBaseFontSize = function getBaseFontSize(appearance, contentMode) {
   if (expValEquals('cc_editor_ai_content_mode', 'variant', 'test')) {
     if (contentMode === 'dense') {
-      var baseFontSize = expVal('cc_editor_ai_content_mode', 'baseFontSize', 13);
-      return baseFontSize;
+      return akEditorFullPageDenseFontSize;
     }
   }
   return appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : 14;

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

@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.2.0";
+var packageVersion = "124.4.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.3.0",
+	"version": "124.4.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"@atlaskit/editor-json-transformer": "^8.30.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.6.0",
+		"@atlaskit/editor-shared-styles": "^3.7.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.10.0",
+		"@atlaskit/editor-common": "^110.11.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -236,9 +236,6 @@
 		"platform_table_number_column": {
 			"type": "boolean"
 		},
-		"platform_custom_number_column": {
-			"type": "boolean"
-		},
 		"platform_editor_numbered_column_in_include": {
 			"type": "boolean"
 		},