@atlaskit/renderer 124.17.2 → 124.17.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.17.4
+
+### Patch Changes
+
+- [`840338033507a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/840338033507a) -
+  Migrating custom icons behind feature flag.
+
+## 124.17.3
+
+### Patch Changes
+
+- [`582b3b46480e1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/582b3b46480e1) -
+  NO-ISSUE Flipped false evaluations of editor_tinymce_full_width_mode from false to !true to
+  prevent them from evaluating as a null value
+- Updated dependencies
+
 ## 124.17.2
 
 ### Patch Changes

package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analyticsContext = _interopRequireDefault(require("../../../../analytics/analyticsContext"));
 var _enums = require("../../../../analytics/enums");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -52,7 +54,9 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "wrap-code ".concat(wrapLongLines ? 'clicked' : ''),
-      iconBefore: (0, _react.jsx)(_icon.default, {
+      iconBefore: (0, _platformFeatureFlags.fg)('platform-custom-icon-migration') ? (0, _react.jsx)(_textWrap.default, {
+        label: ""
+      }) : (0, _react.jsx)(_icon.default, {
         glyph: WrapIcon,
         label: ""
       }),

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

@@ -69,7 +69,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_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.17.3";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -783,9 +783,7 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
   var innerRef = props.innerRef || localRef;
 
   // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
-  if (props.appearance === 'max' &&
-  // @ts-expect-error - false is not allowed as an expected value
-  (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', false)) {
+  if (props.appearance === 'max' && !(0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true)) {
     props.appearance = 'full-width';
   }
   if (!allowAnnotations) {

package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -5,12 +5,14 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
 import Button from '@atlaskit/button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import Icon from '@atlaskit/icon';
 import Tooltip from '@atlaskit/tooltip';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
+import { fg } from '@atlaskit/platform-feature-flags';
 const WrapIcon = () => {
   return jsx("svg", {
     width: "24",
@@ -45,7 +47,9 @@ const CodeBlockWrapButton = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: `wrap-code ${wrapLongLines ? 'clicked' : ''}`,
-    iconBefore: jsx(Icon, {
+    iconBefore: fg('platform-custom-icon-migration') ? jsx(TextWrapIcon, {
+      label: ""
+    }) : jsx(Icon, {
       glyph: WrapIcon,
       label: ""
     }),

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

@@ -55,7 +55,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_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.17.3";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -770,9 +770,7 @@ const RendererWithAnnotationSelection = props => {
   const innerRef = props.innerRef || localRef;
 
   // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
-  if (props.appearance === 'max' &&
-  // @ts-expect-error - false is not allowed as an expected value
-  expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
+  if (props.appearance === 'max' && !expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) {
     props.appearance = 'full-width';
   }
   if (!allowAnnotations) {

package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -5,12 +5,14 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
 import Button from '@atlaskit/button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import Icon from '@atlaskit/icon';
 import Tooltip from '@atlaskit/tooltip';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
+import { fg } from '@atlaskit/platform-feature-flags';
 var WrapIcon = function WrapIcon() {
   return jsx("svg", {
     width: "24",
@@ -44,7 +46,9 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "wrap-code ".concat(wrapLongLines ? 'clicked' : ''),
-      iconBefore: jsx(Icon, {
+      iconBefore: fg('platform-custom-icon-migration') ? jsx(TextWrapIcon, {
+        label: ""
+      }) : jsx(Icon, {
         glyph: WrapIcon,
         label: ""
       }),

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

@@ -60,7 +60,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_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.17.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -774,9 +774,7 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
   var innerRef = props.innerRef || localRef;
 
   // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
-  if (props.appearance === 'max' &&
-  // @ts-expect-error - false is not allowed as an expected value
-  expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
+  if (props.appearance === 'max' && !expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) {
     props.appearance = 'full-width';
   }
   if (!allowAnnotations) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.17.2",
+	"version": "124.17.4",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -248,6 +248,9 @@
 		},
 		"jfp-magma-ssr-iv-editor-codeblock": {
 			"type": "boolean"
+		},
+		"platform-custom-icon-migration": {
+			"type": "boolean"
 		}
 	}
 }