@atlaskit/mention 24.2.12 → 24.2.14

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/mention
2
2
 
3
+ ## 24.2.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
8
+ Internal changes to how border radius is applied.
9
+
10
+ ## 24.2.13
11
+
12
+ ### Patch Changes
13
+
14
+ - [`9383d1ef58fe1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9383d1ef58fe1) -
15
+ Cleanup feature gate cc_mention_ssr_placeholder
16
+
3
17
  ## 24.2.12
4
18
 
5
19
  ### Patch Changes
@@ -14,7 +14,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
14
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
15
  var _react = _interopRequireDefault(require("react"));
16
16
  var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
17
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
17
  var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
19
18
  var _PrimitiveMention = _interopRequireDefault(require("./PrimitiveMention"));
20
19
  var _NoAccessTooltip = _interopRequireDefault(require("../NoAccessTooltip"));
@@ -137,7 +136,7 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
137
136
  "data-mention-type": mentionType,
138
137
  "data-mention-tooltip": showTooltip
139
138
  }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
140
- var ssrPlaceholderProp = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? {
139
+ var ssrPlaceholderProp = props.ssrPlaceholderId ? {
141
140
  'data-ssr-placeholder': props.ssrPlaceholderId
142
141
  } : {};
143
142
  return /*#__PURE__*/_react.default.createElement(_ufoExperiences.UfoErrorBoundary, {
@@ -19,5 +19,5 @@ var ScrollableStyle = exports.ScrollableStyle = _styled.default.div({
19
19
  background: "var(--ds-surface, white)",
20
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
21
  maxHeight: _sharedStyles.scrollableMaxHeight,
22
- borderRadius: "var(--ds-border-radius-100, 3px)"
22
+ borderRadius: "var(--ds-radius-small, 3px)"
23
23
  });
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.scrollableMaxHeight = exports.noDialogContainerBoxShadow = exports.noDialogContainerBorderRadius = exports.noDialogContainerBorderColor = exports.mentionListWidth = void 0;
7
7
  var _colors = require("@atlaskit/theme/colors");
8
8
  var noDialogContainerBorderColor = exports.noDialogContainerBorderColor = "var(--ds-border, ".concat(_colors.N40, ")"); // This has not been confirmed by the ADG yet
9
- var noDialogContainerBorderRadius = exports.noDialogContainerBorderRadius = "var(--ds-border-radius-100, 3px)";
9
+ var noDialogContainerBorderRadius = exports.noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
10
10
  var noDialogContainerBoxShadow = exports.noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))"; // Copied from droplist style
11
11
 
12
12
  var scrollableMaxHeight = exports.scrollableMaxHeight = '264px';
@@ -12,7 +12,7 @@ var _types = require("../types");
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
13
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
14
  var packageName = "@atlaskit/mention";
15
- var packageVersion = "24.2.11";
15
+ var packageVersion = "24.2.13";
16
16
  var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
17
17
  var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
18
18
  var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React from 'react';
4
4
  import FocusRing from '@atlaskit/focus-ring';
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  import MessagesIntlProvider from '../MessagesIntlProvider';
7
6
  import PrimitiveMention from './PrimitiveMention';
8
7
  import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -117,7 +116,7 @@ export class MentionInternal extends React.PureComponent {
117
116
  "data-mention-type": mentionType,
118
117
  "data-mention-tooltip": showTooltip
119
118
  }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
120
- const ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
119
+ const ssrPlaceholderProp = props.ssrPlaceholderId ? {
121
120
  'data-ssr-placeholder': props.ssrPlaceholderId
122
121
  } : {};
123
122
  return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
@@ -12,5 +12,5 @@ export const ScrollableStyle = styled.div({
12
12
  background: "var(--ds-surface, white)",
13
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
14
14
  maxHeight: scrollableMaxHeight,
15
- borderRadius: "var(--ds-border-radius-100, 3px)"
15
+ borderRadius: "var(--ds-radius-small, 3px)"
16
16
  });
@@ -1,6 +1,6 @@
1
1
  import { N40 } from '@atlaskit/theme/colors';
2
2
  export const noDialogContainerBorderColor = `var(--ds-border, ${N40})`; // This has not been confirmed by the ADG yet
3
- export const noDialogContainerBorderRadius = "var(--ds-border-radius-100, 3px)";
3
+ export const noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
4
4
  export const noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))"; // Copied from droplist style
5
5
 
6
6
  export const scrollableMaxHeight = '264px';
@@ -2,7 +2,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
2
2
  import { ELEMENTS_CHANNEL } from '../_constants';
3
3
  import { ComponentNames, isSpecialMentionText } from '../types';
4
4
  const packageName = "@atlaskit/mention";
5
- const packageVersion = "24.2.11";
5
+ const packageVersion = "24.2.13";
6
6
  export const SLI_EVENT_TYPE = 'sli';
7
7
  export const SMART_EVENT_TYPE = 'smart';
8
8
  export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {
@@ -9,7 +9,6 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
9
9
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
10
  import React from 'react';
11
11
  import FocusRing from '@atlaskit/focus-ring';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
12
  import MessagesIntlProvider from '../MessagesIntlProvider';
14
13
  import PrimitiveMention from './PrimitiveMention';
15
14
  import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -130,7 +129,7 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
130
129
  "data-mention-type": mentionType,
131
130
  "data-mention-tooltip": showTooltip
132
131
  }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
133
- var ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
132
+ var ssrPlaceholderProp = props.ssrPlaceholderId ? {
134
133
  'data-ssr-placeholder': props.ssrPlaceholderId
135
134
  } : {};
136
135
  return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
@@ -12,5 +12,5 @@ export var ScrollableStyle = styled.div({
12
12
  background: "var(--ds-surface, white)",
13
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
14
14
  maxHeight: scrollableMaxHeight,
15
- borderRadius: "var(--ds-border-radius-100, 3px)"
15
+ borderRadius: "var(--ds-radius-small, 3px)"
16
16
  });
@@ -1,6 +1,6 @@
1
1
  import { N40 } from '@atlaskit/theme/colors';
2
2
  export var noDialogContainerBorderColor = "var(--ds-border, ".concat(N40, ")"); // This has not been confirmed by the ADG yet
3
- export var noDialogContainerBorderRadius = "var(--ds-border-radius-100, 3px)";
3
+ export var noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
4
4
  export var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))"; // Copied from droplist style
5
5
 
6
6
  export var scrollableMaxHeight = '264px';
@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
5
5
  import { ELEMENTS_CHANNEL } from '../_constants';
6
6
  import { ComponentNames, isSpecialMentionText } from '../types';
7
7
  var packageName = "@atlaskit/mention";
8
- var packageVersion = "24.2.11";
8
+ var packageVersion = "24.2.13";
9
9
  export var SLI_EVENT_TYPE = 'sli';
10
10
  export var SMART_EVENT_TYPE = 'smart';
11
11
  export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {
@@ -1,5 +1,5 @@
1
1
  export declare const noDialogContainerBorderColor: "var(--ds-border)";
2
- export declare const noDialogContainerBorderRadius: "var(--ds-border-radius-100)";
2
+ export declare const noDialogContainerBorderRadius: "var(--ds-radius-small)";
3
3
  export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
4
4
  export declare const scrollableMaxHeight = "264px";
5
5
  export declare const mentionListWidth = "340px";
@@ -1,5 +1,5 @@
1
1
  export declare const noDialogContainerBorderColor: "var(--ds-border)";
2
- export declare const noDialogContainerBorderRadius: "var(--ds-border-radius-100)";
2
+ export declare const noDialogContainerBorderRadius: "var(--ds-radius-small)";
3
3
  export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
4
4
  export declare const scrollableMaxHeight = "264px";
5
5
  export declare const mentionListWidth = "340px";
package/package.json CHANGED
@@ -88,9 +88,6 @@
88
88
  "platform-feature-flags": {
89
89
  "team-avatar-in-mention-picker": {
90
90
  "type": "boolean"
91
- },
92
- "cc_mention_ssr_placeholder": {
93
- "type": "boolean"
94
91
  }
95
92
  },
96
93
  "publishConfig": {
@@ -118,5 +115,5 @@
118
115
  ]
119
116
  }
120
117
  },
121
- "version": "24.2.12"
118
+ "version": "24.2.14"
122
119
  }