@atlaskit/emoji 69.8.3 → 69.8.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/emoji
 
+## 69.8.5
+
+### Patch Changes
+
+- [`89f064b9cae39`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89f064b9cae39) -
+  [ux] [EDITOR-2917] scale emoji placeholders in the renderer
+- Updated dependencies
+
+## 69.8.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 69.8.3
 
 ### Patch Changes

package/dist/cjs/components/common/EmojiPlaceholder.js

@@ -9,6 +9,7 @@ exports.emojiPlaceholderTestId = exports.default = void 0;
 require("./EmojiPlaceholder.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _constants = require("../../util/constants");
 var _styles = require("./styles");
 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); }
@@ -37,7 +38,11 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
   }
   var width = scaledWidth || size;
   var height = scaledHeight || size;
-  var style = {
+  var style = (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? {
+    fill: 'f7f7f7',
+    minWidth: "".concat(_constants.defaultDenseEmojiHeight, "px"),
+    minHeight: "".concat(_constants.defaultDenseEmojiHeight, "px")
+  } : {
     fill: 'f7f7f7',
     minWidth: "".concat(width, "px"),
     width: "".concat(width, "px"),

package/dist/cjs/util/analytics/analytics.js

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.8.2"
+      packageVersion: "0.0.0-development"
     }, attributes)
   };
 };

package/dist/es2019/components/common/EmojiPlaceholder.js

@@ -2,7 +2,8 @@
 import "./EmojiPlaceholder.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defaultEmojiHeight } from '../../util/constants';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { defaultEmojiHeight, defaultDenseEmojiHeight } from '../../util/constants';
 import { placeholder } from './styles';
 const placeholderContainer = null;
 export const emojiPlaceholderTestId = shortName => `emoji-placeholder-${shortName}`;
@@ -27,7 +28,11 @@ const EmojiPlaceholder = props => {
   }
   const width = scaledWidth || size;
   const height = scaledHeight || size;
-  const style = {
+  const style = expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? {
+    fill: 'f7f7f7',
+    minWidth: `${defaultDenseEmojiHeight}px`,
+    minHeight: `${defaultDenseEmojiHeight}px`
+  } : {
     fill: 'f7f7f7',
     minWidth: `${width}px`,
     width: `${width}px`,

package/dist/es2019/util/analytics/analytics.js

@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "69.8.2",
+    packageVersion: "0.0.0-development",
     ...attributes
   }
 });

package/dist/esm/components/common/EmojiPlaceholder.js

@@ -2,7 +2,8 @@
 import "./EmojiPlaceholder.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defaultEmojiHeight } from '../../util/constants';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { defaultEmojiHeight, defaultDenseEmojiHeight } from '../../util/constants';
 import { placeholder } from './styles';
 var placeholderContainer = null;
 export var emojiPlaceholderTestId = function emojiPlaceholderTestId(shortName) {
@@ -29,7 +30,11 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
   }
   var width = scaledWidth || size;
   var height = scaledHeight || size;
-  var style = {
+  var style = expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? {
+    fill: 'f7f7f7',
+    minWidth: "".concat(defaultDenseEmojiHeight, "px"),
+    minHeight: "".concat(defaultDenseEmojiHeight, "px")
+  } : {
     fill: 'f7f7f7',
     minWidth: "".concat(width, "px"),
     width: "".concat(width, "px"),

package/dist/esm/util/analytics/analytics.js

@@ -13,7 +13,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.8.2"
+      packageVersion: "0.0.0-development"
     }, attributes)
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.8.3",
+	"version": "69.8.5",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,13 +44,13 @@
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/primitives": "^16.3.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.42.0",
-		"@atlaskit/tokens": "^8.3.0",
+		"@atlaskit/tmp-editor-statsig": "^14.1.0",
+		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",