@atlaskit/renderer 128.4.0 → 128.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/react/nodes/status.js +26 -0
  3. package/dist/cjs/text/nodes/status.js +2 -1
  4. package/dist/cjs/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/react/nodes/status.js +26 -0
  6. package/dist/es2019/text/nodes/status.js +2 -1
  7. package/dist/es2019/ui/Renderer/index.js +1 -1
  8. package/dist/esm/react/nodes/status.js +26 -0
  9. package/dist/esm/text/nodes/status.js +2 -1
  10. package/dist/esm/ui/Renderer/index.js +1 -1
  11. package/dist/types/react/nodes/status.d.ts +1 -0
  12. package/dist/types-ts4.5/react/nodes/status.d.ts +1 -0
  13. package/package.json +10 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 128.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d9e33431d0d37`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9e33431d0d37) -
8
+ [ux] EDITOR-5603 update editor status with team 26 lozenge styles
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 128.4.1
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 128.4.0
4
21
 
5
22
  ### Minor Changes
package/dist/cjs/react/nodes/status.js CHANGED
@@ -13,11 +13,37 @@ var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-contex
13
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
14
  var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
15
15
  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); }
16
+ var ANALYTICS_DATA = {
17
+ userContext: 'document'
18
+ };
16
19
  var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(props) {
17
20
  var text = props.text,
18
21
  color = props.color,
22
+ style = props.style,
19
23
  localId = props.localId;
20
24
  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
25
+ if ((0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
26
+ if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
27
+ return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
28
+ role: 'emphasis'
29
+ }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
30
+ data: ANALYTICS_DATA
31
+ }, /*#__PURE__*/_react.default.createElement(_element.Status, {
32
+ text: style === 'mixedCase' ? text : text.toUpperCase(),
33
+ color: color,
34
+ localId: localId,
35
+ role: undefined
36
+ })));
37
+ }
38
+ return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
39
+ data: ANALYTICS_DATA
40
+ }, /*#__PURE__*/_react.default.createElement(_element.Status, {
41
+ text: style === 'mixedCase' ? text : text.toUpperCase(),
42
+ color: color,
43
+ localId: localId,
44
+ role: undefined
45
+ }));
46
+ }
21
47
  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
22
48
  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
23
49
  role: 'emphasis'
package/dist/cjs/text/nodes/status.js CHANGED
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _utils = require("../../utils");
8
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
8
9
  var status = function status(node, _schema) {
9
- return node.attrs.text ? "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
10
+ 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);
10
11
  };
11
12
  var _default = exports.default = status;
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
71
71
  var TABLE_INFO_TIMEOUT = 10000;
72
72
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
73
73
  var packageName = "@atlaskit/renderer";
74
- var packageVersion = "128.3.9";
74
+ var packageVersion = "128.4.1";
75
75
  var setAsQueryContainerStyles = (0, _react2.css)({
76
76
  containerName: 'ak-renderer-wrapper',
77
77
  containerType: 'inline-size'
package/dist/es2019/react/nodes/status.js CHANGED
@@ -4,13 +4,39 @@ import { Status as AkStatus } from '@atlaskit/status/element';
4
4
  import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
5
5
  import { fg } from '@atlaskit/platform-feature-flags';
6
6
  import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
7
+ const ANALYTICS_DATA = {
8
+ userContext: 'document'
9
+ };
7
10
  export default /*#__PURE__*/memo(function Status(props) {
8
11
  const {
9
12
  text,
10
13
  color,
14
+ style,
11
15
  localId
12
16
  } = props;
13
17
  const inlineAnnotationProps = useInlineAnnotationProps(props);
18
+ if (fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
19
+ if (fg('editor_inline_comments_on_inline_nodes')) {
20
+ return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
21
+ role: 'emphasis'
22
+ }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
23
+ data: ANALYTICS_DATA
24
+ }, /*#__PURE__*/React.createElement(AkStatus, {
25
+ text: style === 'mixedCase' ? text : text.toUpperCase(),
26
+ color: color,
27
+ localId: localId,
28
+ role: undefined
29
+ })));
30
+ }
31
+ return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
32
+ data: ANALYTICS_DATA
33
+ }, /*#__PURE__*/React.createElement(AkStatus, {
34
+ text: style === 'mixedCase' ? text : text.toUpperCase(),
35
+ color: color,
36
+ localId: localId,
37
+ role: undefined
38
+ }));
39
+ }
14
40
  if (fg('editor_inline_comments_on_inline_nodes')) {
15
41
  return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
16
42
  role: 'emphasis'
package/dist/es2019/text/nodes/status.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { getText } from '../../utils';
2
+ import { fg } from '@atlaskit/platform-feature-flags';
2
3
  const status = (node, _schema) => {
3
- return node.attrs.text ? `[ ${node.attrs.text.toUpperCase()} ]` : getText(node);
4
+ 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);
4
5
  };
5
6
  export default status;
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
57
57
  const TABLE_INFO_TIMEOUT = 10000;
58
58
  const RENDER_EVENT_SAMPLE_RATE = 0.2;
59
59
  const packageName = "@atlaskit/renderer";
60
- const packageVersion = "128.3.9";
60
+ const packageVersion = "128.4.1";
61
61
  const setAsQueryContainerStyles = css({
62
62
  containerName: 'ak-renderer-wrapper',
63
63
  containerType: 'inline-size'
package/dist/esm/react/nodes/status.js CHANGED
@@ -4,11 +4,37 @@ import { Status as AkStatus } from '@atlaskit/status/element';
4
4
  import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
5
5
  import { fg } from '@atlaskit/platform-feature-flags';
6
6
  import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
7
+ var ANALYTICS_DATA = {
8
+ userContext: 'document'
9
+ };
7
10
  export default /*#__PURE__*/memo(function Status(props) {
8
11
  var text = props.text,
9
12
  color = props.color,
13
+ style = props.style,
10
14
  localId = props.localId;
11
15
  var inlineAnnotationProps = useInlineAnnotationProps(props);
16
+ if (fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
17
+ if (fg('editor_inline_comments_on_inline_nodes')) {
18
+ return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
19
+ role: 'emphasis'
20
+ }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
21
+ data: ANALYTICS_DATA
22
+ }, /*#__PURE__*/React.createElement(AkStatus, {
23
+ text: style === 'mixedCase' ? text : text.toUpperCase(),
24
+ color: color,
25
+ localId: localId,
26
+ role: undefined
27
+ })));
28
+ }
29
+ return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
30
+ data: ANALYTICS_DATA
31
+ }, /*#__PURE__*/React.createElement(AkStatus, {
32
+ text: style === 'mixedCase' ? text : text.toUpperCase(),
33
+ color: color,
34
+ localId: localId,
35
+ role: undefined
36
+ }));
37
+ }
12
38
  if (fg('editor_inline_comments_on_inline_nodes')) {
13
39
  return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
14
40
  role: 'emphasis'
package/dist/esm/text/nodes/status.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { getText } from '../../utils';
2
+ import { fg } from '@atlaskit/platform-feature-flags';
2
3
  var status = function status(node, _schema) {
3
- return node.attrs.text ? "[ ".concat(node.attrs.text.toUpperCase(), " ]") : getText(node);
4
+ 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);
4
5
  };
5
6
  export default status;
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
62
62
  var TABLE_INFO_TIMEOUT = 10000;
63
63
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "128.3.9";
65
+ var packageVersion = "128.4.1";
66
66
  var setAsQueryContainerStyles = css({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
package/dist/types/react/nodes/status.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { MarkDataAttributes } from '../../ui/annotations/element/useInlineA
4
4
  export interface Props extends MarkDataAttributes {
5
5
  color: Color;
6
6
  localId?: string;
7
+ style?: string;
7
8
  text: string;
8
9
  }
9
10
  declare const _default: React.NamedExoticComponent<Props>;
package/dist/types-ts4.5/react/nodes/status.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { MarkDataAttributes } from '../../ui/annotations/element/useInlineA
4
4
  export interface Props extends MarkDataAttributes {
5
5
  color: Color;
6
6
  localId?: string;
7
+ style?: string;
7
8
  text: string;
8
9
  }
9
10
  declare const _default: React.NamedExoticComponent<Props>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "128.4.0",
3
+ "version": "128.5.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/editor-palette": "^2.1.0",
37
37
  "@atlaskit/editor-prosemirror": "^7.3.0",
38
38
  "@atlaskit/editor-shared-styles": "^3.10.0",
39
- "@atlaskit/editor-smart-link-draggable": "^0.2.0",
39
+ "@atlaskit/editor-smart-link-draggable": "^0.3.0",
40
40
  "@atlaskit/emoji": "^69.10.0",
41
41
  "@atlaskit/feature-gate-js-client": "^5.5.0",
42
42
  "@atlaskit/icon": "^33.1.0",
@@ -54,13 +54,13 @@
54
54
  "@atlaskit/platform-feature-flags": "^1.1.0",
55
55
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
56
56
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
57
- "@atlaskit/react-ufo": "^5.5.0",
57
+ "@atlaskit/react-ufo": "^5.6.0",
58
58
  "@atlaskit/smart-card": "^43.28.0",
59
- "@atlaskit/status": "^3.1.0",
59
+ "@atlaskit/status": "^3.2.0",
60
60
  "@atlaskit/task-decision": "^19.3.0",
61
61
  "@atlaskit/theme": "^22.0.0",
62
- "@atlaskit/tmp-editor-statsig": "^48.0.0",
63
- "@atlaskit/tokens": "^11.3.0",
62
+ "@atlaskit/tmp-editor-statsig": "^48.2.0",
63
+ "@atlaskit/tokens": "^11.4.0",
64
64
  "@atlaskit/tooltip": "^21.0.0",
65
65
  "@atlaskit/visually-hidden": "^3.0.0",
66
66
  "@babel/runtime": "^7.0.0",
@@ -73,7 +73,7 @@
73
73
  "uuid": "^3.1.0"
74
74
  },
75
75
  "peerDependencies": {
76
- "@atlaskit/editor-common": "^112.11.0",
76
+ "@atlaskit/editor-common": "^112.12.0",
77
77
  "@atlaskit/link-provider": "^4.3.0",
78
78
  "@atlaskit/media-core": "^37.0.0",
79
79
  "react": "^18.2.0",
@@ -244,6 +244,9 @@
244
244
  },
245
245
  "platform_editor_media_border_radius_fix": {
246
246
  "type": "boolean"
247
+ },
248
+ "platform-dst-lozenge-tag-badge-visual-uplifts": {
249
+ "type": "boolean"
247
250
  }
248
251
  }
249
252
  }