@atlaskit/editor-plugin-extension 5.2.4 → 5.2.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-extension
 
+## 5.2.5
+
+### Patch Changes
+
+- [#142352](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142352)
+  [`05903fde6d94d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05903fde6d94d) -
+  Internal change to use Compiled variant of `@atlaskit/primitives`.
+- Updated dependencies
+
 ## 5.2.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/utils.js

@@ -48,11 +48,9 @@ var getSelectedDomElement = exports.getSelectedDomElement = function getSelected
   var isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
   return (
     // Content extension can be nested in bodied-extension, the following check is necessary for that case
-    (isContentExtension ?
-    // Search down
-    selectedExtensionDomNode.querySelector('.extension-container') :
-    // Try searching up and then down
-    (0, _utils.closestElement)(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
+    (isContentExtension // Search down
+    ? selectedExtensionDomNode.querySelector('.extension-container') // Try searching up and then down
+    : (0, _utils.closestElement)(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
   );
 };
 var getDataConsumerMark = exports.getDataConsumerMark = function getDataConsumerMark(newNode) {

package/dist/cjs/ui/ConfigPanel/FieldMessages.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _form = require("@atlaskit/form");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _types = require("./types");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -43,14 +43,14 @@ function makeMarkup(fragment, key) {
         key: key
       }, children);
     case 'STRONG':
-      return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         as: "strong",
         color: "color.text.subtlest",
         size: "UNSAFE_small",
         key: key
       }, children);
     case 'EM':
-      return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         as: "em",
         color: "color.text.subtlest",
         size: "UNSAFE_small",

package/dist/cjs/ui/ConfigPanel/Fields/Boolean.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _checkbox = require("@atlaskit/checkbox");
 var _form = require("@atlaskit/form");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _types = require("../types");
@@ -122,7 +122,7 @@ function Toggle(_ref3) {
       css: toggleLabelStyles,
       id: id,
       htmlFor: id
-    }, label, isRequired ? (0, _react2.jsx)(_primitives.Text, {
+    }, label, isRequired ? (0, _react2.jsx)(_compiled.Text, {
       color: "color.text.danger",
       "aria-hidden": "true"
     }, "*") : null), (0, _react2.jsx)(_toggle.default

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _form = require("@atlaskit/form");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../utils");
 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; }
@@ -395,7 +395,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
       css: colorPickerWrapperStyles
     }, (0, _react2.jsx)("label", {
       css: colorPickerLabelStyles
-    }, label, isRequired && (0, _react2.jsx)(_primitives.Text, {
+    }, label, isRequired && (0, _react2.jsx)(_compiled.Text, {
       color: "color.text.danger",
       "aria-hidden": "true"
     }, "*")), (0, _react2.jsx)(ColorPicker, {

package/dist/cjs/ui/ConfigPanel/FormErrorBoundary.js

@@ -18,7 +18,7 @@ var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -130,9 +130,9 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
         title: intl.formatMessage(_extensions.configPanelMessages.errorBoundaryTitle),
         appearance: "error"
-      }, /*#__PURE__*/_react.default.createElement(_primitives.Stack, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         as: "p"
-      }, /*#__PURE__*/_react.default.createElement("i", null, error.message)), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      }, /*#__PURE__*/_react.default.createElement("i", null, error.message)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         as: "p"
       }, intl.formatMessage(_extensions.configPanelMessages.errorBoundaryNote))));
     }

package/dist/cjs/ui/useConfigPanelPluginHook.js

@@ -16,7 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _commands = require("../editor-commands/commands");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _utils = require("../pm-plugins/utils");
@@ -203,7 +203,7 @@ var getContextPanelBodyComponent = exports.getContextPanelBodyComponent = functi
     nodeKey = _getExtensionKeyAndNo4[1];
   var configParams = processParametersBefore ? processParametersBefore(parameters || {}) : parameters;
   return function () {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       padding: "space.200"
     }, /*#__PURE__*/_react.default.createElement(_SaveIndicator.SaveIndicator, {
       duration: 5000,

package/dist/es2019/pm-plugins/utils.js

@@ -43,11 +43,9 @@ export const getSelectedDomElement = (schema, domAtPos, selectedExtensionNode) =
   const isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
   return (
     // Content extension can be nested in bodied-extension, the following check is necessary for that case
-    (isContentExtension ?
-    // Search down
-    selectedExtensionDomNode.querySelector('.extension-container') :
-    // Try searching up and then down
-    closestElement(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
+    (isContentExtension // Search down
+    ? selectedExtensionDomNode.querySelector('.extension-container') // Try searching up and then down
+    : closestElement(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
   );
 };
 export const getDataConsumerMark = newNode => {

package/dist/es2019/ui/ConfigPanel/FieldMessages.js

@@ -2,7 +2,7 @@ import React, { Fragment, useMemo } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { ErrorMessage, HelperMessage } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { FieldTypeError, ValidationError } from './types';
 
 // sidestep XSS issues

package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js

@@ -9,7 +9,7 @@ import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
 import { Field } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import AKToggle from '@atlaskit/toggle';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
 import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
 import { Field } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
 

package/dist/es2019/ui/ConfigPanel/FormErrorBoundary.js

@@ -4,7 +4,7 @@ import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, editorAnalyticsChannel, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Stack, Text } from '@atlaskit/primitives';
+import { Stack, Text } from '@atlaskit/primitives/compiled';
 import SectionMessage from '@atlaskit/section-message';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class FormErrorBoundaryInner extends React.Component {

package/dist/es2019/ui/useConfigPanelPluginHook.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { clearEditingContext, forceAutoSave } from '../editor-commands/commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getSelectedExtension } from '../pm-plugins/utils';

package/dist/esm/pm-plugins/utils.js

@@ -42,11 +42,9 @@ export var getSelectedDomElement = function getSelectedDomElement(schema, domAtP
   var isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
   return (
     // Content extension can be nested in bodied-extension, the following check is necessary for that case
-    (isContentExtension ?
-    // Search down
-    selectedExtensionDomNode.querySelector('.extension-container') :
-    // Try searching up and then down
-    closestElement(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
+    (isContentExtension // Search down
+    ? selectedExtensionDomNode.querySelector('.extension-container') // Try searching up and then down
+    : closestElement(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
   );
 };
 export var getDataConsumerMark = function getDataConsumerMark(newNode) {

package/dist/esm/ui/ConfigPanel/FieldMessages.js

@@ -2,7 +2,7 @@ import React, { Fragment, useMemo } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { ErrorMessage, HelperMessage } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { FieldTypeError, ValidationError } from './types';
 
 // sidestep XSS issues

package/dist/esm/ui/ConfigPanel/Fields/Boolean.js

@@ -12,7 +12,7 @@ import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
 import { Field } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import AKToggle from '@atlaskit/toggle';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -12,7 +12,7 @@ import { css, jsx } from '@emotion/react';
 import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
 import { Field } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
 

package/dist/esm/ui/ConfigPanel/FormErrorBoundary.js

@@ -13,7 +13,7 @@ import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, editorAnalyticsChannel, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Stack, Text } from '@atlaskit/primitives';
+import { Stack, Text } from '@atlaskit/primitives/compiled';
 import SectionMessage from '@atlaskit/section-message';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {

package/dist/esm/ui/useConfigPanelPluginHook.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
 import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { clearEditingContext, forceAutoSave } from '../editor-commands/commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getSelectedExtension } from '../pm-plugins/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "5.2.4",
+	"version": "5.2.5",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/checkbox": "^17.0.0",
 		"@atlaskit/datetime-picker": "^17.0.0",
-		"@atlaskit/editor-common": "^103.4.0",
+		"@atlaskit/editor-common": "^103.12.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-context-identifier": "^2.1.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/empty-state": "^9.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/radio": "^8.0.0",
@@ -58,9 +58,9 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.6.0",
+		"@atlaskit/tmp-editor-statsig": "^4.12.0",
 		"@atlaskit/toggle": "^15.0.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",