@atlaskit/renderer 128.4.1 → 128.5.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/renderer
 
+## 128.5.0
+
+### Minor Changes
+
+- [`d9e33431d0d37`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9e33431d0d37) -
+  [ux] EDITOR-5603 update editor status with team 26 lozenge styles
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 128.4.1
 
 ### Patch Changes

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

@@ -13,11 +13,37 @@ var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-contex
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 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 ANALYTICS_DATA = {
+  userContext: 'document'
+};
 var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(props) {
   var text = props.text,
     color = props.color,
+    style = props.style,
     localId = props.localId;
   var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
+  if ((0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+    if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+      return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
+        role: 'emphasis'
+      }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+        data: ANALYTICS_DATA
+      }, /*#__PURE__*/_react.default.createElement(_element.Status, {
+        text: style === 'mixedCase' ? text : text.toUpperCase(),
+        color: color,
+        localId: localId,
+        role: undefined
+      })));
+    }
+    return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+      data: ANALYTICS_DATA
+    }, /*#__PURE__*/_react.default.createElement(_element.Status, {
+      text: style === 'mixedCase' ? text : text.toUpperCase(),
+      color: color,
+      localId: localId,
+      role: undefined
+    }));
+  }
   if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
       role: 'emphasis'

package/dist/cjs/text/nodes/status.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("../../utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var status = function status(node, _schema) {
-  return node.attrs.text ? "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
+  return node.attrs.text ? node.attrs.style === 'mixedCase' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
 };
 var _default = exports.default = status;

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 = "128.4.0";
+var packageVersion = "128.4.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -4,13 +4,39 @@ import { Status as AkStatus } from '@atlaskit/status/element';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
+const ANALYTICS_DATA = {
+  userContext: 'document'
+};
 export default /*#__PURE__*/memo(function Status(props) {
   const {
     text,
     color,
+    style,
     localId
   } = props;
   const inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
+      return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
+        role: 'emphasis'
+      }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+        data: ANALYTICS_DATA
+      }, /*#__PURE__*/React.createElement(AkStatus, {
+        text: style === 'mixedCase' ? text : text.toUpperCase(),
+        color: color,
+        localId: localId,
+        role: undefined
+      })));
+    }
+    return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+      data: ANALYTICS_DATA
+    }, /*#__PURE__*/React.createElement(AkStatus, {
+      text: style === 'mixedCase' ? text : text.toUpperCase(),
+      color: color,
+      localId: localId,
+      role: undefined
+    }));
+  }
   if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
       role: 'emphasis'

package/dist/es2019/text/nodes/status.js

@@ -1,5 +1,6 @@
 import { getText } from '../../utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 const status = (node, _schema) => {
-  return node.attrs.text ? `[ ${node.attrs.text.toUpperCase()} ]` : getText(node);
+  return node.attrs.text ? node.attrs.style === 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? `[ ${node.attrs.text} ]` : `[ ${node.attrs.text.toUpperCase()} ]` : getText(node);
 };
 export default status;

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 = "128.4.0";
+const packageVersion = "128.4.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -4,11 +4,37 @@ import { Status as AkStatus } from '@atlaskit/status/element';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
+var ANALYTICS_DATA = {
+  userContext: 'document'
+};
 export default /*#__PURE__*/memo(function Status(props) {
   var text = props.text,
     color = props.color,
+    style = props.style,
     localId = props.localId;
   var inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
+      return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
+        role: 'emphasis'
+      }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+        data: ANALYTICS_DATA
+      }, /*#__PURE__*/React.createElement(AkStatus, {
+        text: style === 'mixedCase' ? text : text.toUpperCase(),
+        color: color,
+        localId: localId,
+        role: undefined
+      })));
+    }
+    return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+      data: ANALYTICS_DATA
+    }, /*#__PURE__*/React.createElement(AkStatus, {
+      text: style === 'mixedCase' ? text : text.toUpperCase(),
+      color: color,
+      localId: localId,
+      role: undefined
+    }));
+  }
   if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
       role: 'emphasis'

package/dist/esm/text/nodes/status.js

@@ -1,5 +1,6 @@
 import { getText } from '../../utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 var status = function status(node, _schema) {
-  return node.attrs.text ? "[ ".concat(node.attrs.text.toUpperCase(), " ]") : getText(node);
+  return node.attrs.text ? node.attrs.style === 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : getText(node);
 };
 export default status;

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 = "128.4.0";
+var packageVersion = "128.4.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -4,6 +4,7 @@ import type { MarkDataAttributes } from '../../ui/annotations/element/useInlineA
 export interface Props extends MarkDataAttributes {
     color: Color;
     localId?: string;
+    style?: string;
     text: string;
 }
 declare const _default: React.NamedExoticComponent<Props>;

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

@@ -4,6 +4,7 @@ import type { MarkDataAttributes } from '../../ui/annotations/element/useInlineA
 export interface Props extends MarkDataAttributes {
     color: Color;
     localId?: string;
+    style?: string;
     text: string;
 }
 declare const _default: React.NamedExoticComponent<Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "128.4.1",
+	"version": "128.5.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,10 +56,10 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/react-ufo": "^5.6.0",
 		"@atlaskit/smart-card": "^43.28.0",
-		"@atlaskit/status": "^3.1.0",
+		"@atlaskit/status": "^3.2.0",
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^48.1.0",
+		"@atlaskit/tmp-editor-statsig": "^48.2.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -73,7 +73,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.11.0",
+		"@atlaskit/editor-common": "^112.12.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -244,6 +244,9 @@
 		},
 		"platform_editor_media_border_radius_fix": {
 			"type": "boolean"
+		},
+		"platform-dst-lozenge-tag-badge-visual-uplifts": {
+			"type": "boolean"
 		}
 	}
 }