@atlaskit/renderer 130.6.0 → 130.6.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 130.6.1
+
+### Patch Changes
+
+- [`7e8145e6a7ce6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8145e6a7ce6) -
+  Add ADF-backed code block line number visibility
+- Updated dependencies
+
 ## 130.6.0
 
 ### Minor Changes

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

@@ -29,6 +29,8 @@ function CodeBlock(props) {
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
     codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
+    _props$hideLineNumber = props.hideLineNumbers,
+    hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
     localId = props.localId,
     wrap = props.wrap;
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
@@ -56,6 +58,7 @@ function CodeBlock(props) {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
+    shouldShowLineNumbers: !((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
     hasBidiWarnings: (0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   }));
 }

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

@@ -148,6 +148,8 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   var text = _ref.text,
     _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
     codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT,
+    _ref$hideLineNumbers = _ref.hideLineNumbers,
+    hideLineNumbers = _ref$hideLineNumbers === void 0 ? false : _ref$hideLineNumbers,
     className = _ref.className;
   var textRows = (0, _react.useMemo)(function () {
     return (text !== null && text !== void 0 ? text : '').split('\n');
@@ -175,7 +177,7 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   }, (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
-  }, (0, _react2.jsx)("div", {
+  }, !hideLineNumbers && (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map(function (_, index) {

package/dist/cjs/react/nodes/codeBlock/windowedCodeBlock.js

@@ -53,6 +53,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     _ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
     allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
     codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
+    _ref2$hideLineNumbers = _ref2.hideLineNumbers,
+    hideLineNumbers = _ref2$hideLineNumbers === void 0 ? false : _ref2$hideLineNumbers,
     rootClassName = _ref2.className,
     wrap = _ref2.wrap;
   var _useBidiWarnings = (0, _useBidiWarnings2.useBidiWarnings)({
@@ -66,7 +68,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var memoizedLightWeightCodeBlock = (0, _react2.jsx)(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,
-    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
+    hideLineNumbers: (0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: rootClassName
@@ -94,6 +97,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     codeBidiWarningLabel: warningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
+    shouldShowLineNumbers: !((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
     hasBidiWarnings: (0, _expValEquals.expValEquals)('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   })))) : memoizedLightWeightCodeBlock;
 };

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "130.5.1";
+var packageVersion = "130.6.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -18,6 +18,7 @@ function CodeBlock(props) {
     allowCopyToClipboard = false,
     allowWrapCodeBlock = false,
     codeBidiWarningTooltipEnabled,
+    hideLineNumbers = false,
     localId,
     wrap
   } = props;
@@ -41,6 +42,7 @@ function CodeBlock(props) {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
+    shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
     hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   }));
 }

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

@@ -176,6 +176,7 @@ export const getLightWeightCodeBlockStylesForRootRendererStyleSheet = () => {
 const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
   text,
   codeBidiWarningTooltipEnabled = true,
+  hideLineNumbers = false,
   className
 }, ref) => {
   const textRows = useMemo(() => (text !== null && text !== void 0 ? text : '').split('\n'), [text]);
@@ -203,7 +204,7 @@ const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
-  }, jsx("div", {
+  }, !hideLineNumbers && jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map((_, index) =>

package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js

@@ -24,6 +24,7 @@ const WindowedCodeBlock = ({
   allowCopyToClipboard,
   allowWrapCodeBlock = false,
   codeBidiWarningTooltipEnabled,
+  hideLineNumbers = false,
   className: rootClassName,
   wrap
 }) => {
@@ -40,7 +41,8 @@ const WindowedCodeBlock = ({
   const memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,
-    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
+    hideLineNumbers: expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: rootClassName
@@ -63,6 +65,7 @@ const WindowedCodeBlock = ({
     codeBidiWarningLabel: warningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
+    shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
     hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   })))) : memoizedLightWeightCodeBlock;
 };

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "130.5.1";
+const packageVersion = "130.6.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -20,6 +20,8 @@ function CodeBlock(props) {
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
     codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
+    _props$hideLineNumber = props.hideLineNumbers,
+    hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
     localId = props.localId,
     wrap = props.wrap;
   var codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
@@ -47,6 +49,7 @@ function CodeBlock(props) {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
+    shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
     hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   }));
 }

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

@@ -139,6 +139,8 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var text = _ref.text,
     _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
     codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT,
+    _ref$hideLineNumbers = _ref.hideLineNumbers,
+    hideLineNumbers = _ref$hideLineNumbers === void 0 ? false : _ref$hideLineNumbers,
     className = _ref.className;
   var textRows = useMemo(function () {
     return (text !== null && text !== void 0 ? text : '').split('\n');
@@ -166,7 +168,7 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
-  }, jsx("div", {
+  }, !hideLineNumbers && jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map(function (_, index) {

package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js

@@ -44,6 +44,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     _ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
     allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
     codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
+    _ref2$hideLineNumbers = _ref2.hideLineNumbers,
+    hideLineNumbers = _ref2$hideLineNumbers === void 0 ? false : _ref2$hideLineNumbers,
     rootClassName = _ref2.className,
     wrap = _ref2.wrap;
   var _useBidiWarnings = useBidiWarnings({
@@ -57,7 +59,8 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,
-    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
+    hideLineNumbers: expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: rootClassName
@@ -85,6 +88,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     codeBidiWarningLabel: warningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     shouldWrapLongLines: allowWrapCodeBlock && wrapLongLines,
+    shouldShowLineNumbers: !(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && hideLineNumbers),
     hasBidiWarnings: expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true) ? false : undefined
   })))) : memoizedLightWeightCodeBlock;
 };

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "130.5.1";
+var packageVersion = "130.6.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/react/nodes/codeBlock/codeBlock.d.ts

@@ -10,6 +10,7 @@ export interface Props {
     allowWrapCodeBlock?: boolean;
     className?: string;
     codeBidiWarningTooltipEnabled: boolean;
+    hideLineNumbers?: boolean;
     language: SupportedLanguages;
     localId?: string;
     text: string;

package/dist/types/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -13,5 +13,5 @@ export declare const LightWeightCodeBlockCssClassName: {
  * @deprecated styles are moved to RendererStyleContainer
  */
 export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => SerializedStyles;
-declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled'> & React.RefAttributes<HTMLDivElement>>;
+declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled' | 'hideLineNumbers'> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types/react/nodes/codeBlock/windowedCodeBlock.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { Props as CodeBlockProps } from './codeBlock';
-declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
+declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, hideLineNumbers, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
 export default WindowedCodeBlock;

package/dist/types-ts4.5/react/nodes/codeBlock/codeBlock.d.ts

@@ -10,6 +10,7 @@ export interface Props {
     allowWrapCodeBlock?: boolean;
     className?: string;
     codeBidiWarningTooltipEnabled: boolean;
+    hideLineNumbers?: boolean;
     language: SupportedLanguages;
     localId?: string;
     text: string;

package/dist/types-ts4.5/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -13,5 +13,5 @@ export declare const LightWeightCodeBlockCssClassName: {
  * @deprecated styles are moved to RendererStyleContainer
  */
 export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => SerializedStyles;
-declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled'> & React.RefAttributes<HTMLDivElement>>;
+declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, 'text' | 'className' | 'codeBidiWarningTooltipEnabled' | 'hideLineNumbers'> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types-ts4.5/react/nodes/codeBlock/windowedCodeBlock.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import type { Props as CodeBlockProps } from './codeBlock';
-declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
+declare const WindowedCodeBlock: ({ text, language, allowCopyToClipboard, allowWrapCodeBlock, codeBidiWarningTooltipEnabled, hideLineNumbers, className: rootClassName, wrap, }: CodeBlockProps) => jsx.JSX.Element;
 export default WindowedCodeBlock;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.6.0",
+	"version": "130.6.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
 		"@atlaskit/status": "^4.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^80.2.0",
+		"@atlaskit/tmp-editor-statsig": "^80.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -80,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.30.0",
+		"@atlaskit/editor-common": "^114.32.0",
 		"@atlaskit/link-provider": "^4.4.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",