@atlaskit/editor-common 111.11.9 → 111.11.11

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 111.11.11
+
+### Patch Changes
+
+- [`ab4e4e442ad49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab4e4e442ad49) -
+  [ux] [EDITOR-3694] Add loading state to bodiedSyncBlock for when saving new block to BE
+
+## 111.11.10
+
+### Patch Changes
+
+- [`7ba3979b92b42`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ba3979b92b42) -
+  Remove platform_synced_block_dogfooding feature gate
+- Updated dependencies
+
 ## 111.11.9
 
 ### Patch Changes

package/dist/cjs/messages/syncBlock.js

@@ -355,5 +355,15 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     id: 'fabric.editor.cannotPasteSyncedBlockAction',
     defaultMessage: 'Learn more',
     description: 'Action in flag which appears when a synced block cannot be pasted to learn more'
+  },
+  cannotCreateSyncBlockTitle: {
+    id: 'fabric.editor.cannotCreateSyncBlockTitle',
+    defaultMessage: 'Unable to create synced block',
+    description: 'Title in flag which appears when a synced block cannot be created'
+  },
+  CannotCreateSyncBlockDescription: {
+    id: 'fabric.editor.cannotCreateSyncBlockDescription',
+    defaultMessage: 'An error occurred while trying to create this synced block. ',
+    description: 'Description in flag which appears when a synced block cannot be created'
   }
 });

package/dist/cjs/styles/shared/sync-block.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.viewModeClassName = exports.disabledClassName = exports.SyncBlockStateCssClassName = exports.SyncBlockSharedCssClassName = exports.SyncBlockRendererDataAttributeName = exports.SyncBlockLabelSharedCssClassName = exports.BodiedSyncBlockSharedCssClassName = void 0;
+exports.viewModeClassName = exports.disabledClassName = exports.creationLoadingClassName = exports.SyncBlockStateCssClassName = exports.SyncBlockSharedCssClassName = exports.SyncBlockRendererDataAttributeName = exports.SyncBlockLabelSharedCssClassName = exports.BodiedSyncBlockSharedCssClassName = void 0;
 var prefix = 'ak-editor-sync-block';
 var SyncBlockSharedCssClassName = exports.SyncBlockSharedCssClassName = {
   prefix: prefix,
@@ -25,7 +25,9 @@ var SyncBlockLabelSharedCssClassName = exports.SyncBlockLabelSharedCssClassName
 };
 var disabledClassName = exports.disabledClassName = 'disabled';
 var viewModeClassName = exports.viewModeClassName = 'view-mode';
+var creationLoadingClassName = exports.creationLoadingClassName = 'creation-loading';
 var SyncBlockStateCssClassName = exports.SyncBlockStateCssClassName = {
   disabledClassName: disabledClassName,
-  viewModeClassName: viewModeClassName
+  viewModeClassName: viewModeClassName,
+  creationLoadingClassName: creationLoadingClassName
 };

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -107,7 +107,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     className: className,
     ref: function ref(buttonElement) {
       setSpotlightReferenceElement(buttonElement);
-      if (forwardedRef && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+      if (forwardedRef && (0, _experiments.editorExperiment)('platform_synced_block', true)) {
         if (typeof forwardedRef === 'function') {
           forwardedRef(buttonElement);
         } else if ((0, _typeof2.default)(forwardedRef) === 'object') {
@@ -163,5 +163,5 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
   }, spotlightConfig.spotlightCardOptions)));
 };
 var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
-  return (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding');
+  return (0, _experiments.editorExperiment)('platform_synced_block', true);
 }, /*#__PURE__*/(0, _react.forwardRef)(FloatingToolbarButton), FloatingToolbarButton);

package/dist/cjs/utils/rich-media-utils.js

@@ -10,7 +10,6 @@ exports.shouldAddDefaultWrappedWidth = exports.nonWrappedLayouts = exports.isRic
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _grid = require("../ui/MediaSingle/grid");
 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; }
@@ -30,7 +29,7 @@ var isRichMediaInsideOfBlockNode = exports.isRichMediaInsideOfBlockNode = functi
     nestedExpand = _view$state$schema$no.nestedExpand,
     layoutColumn = _view$state$schema$no.layoutColumn,
     bodiedSyncBlock = _view$state$schema$no.bodiedSyncBlock;
-  if ((0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+  if ((0, _experiments.editorExperiment)('platform_synced_block', true)) {
     return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn, bodiedSyncBlock]);
   }
   return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);

package/dist/es2019/messages/syncBlock.js

@@ -349,5 +349,15 @@ export const syncBlockMessages = defineMessages({
     id: 'fabric.editor.cannotPasteSyncedBlockAction',
     defaultMessage: 'Learn more',
     description: 'Action in flag which appears when a synced block cannot be pasted to learn more'
+  },
+  cannotCreateSyncBlockTitle: {
+    id: 'fabric.editor.cannotCreateSyncBlockTitle',
+    defaultMessage: 'Unable to create synced block',
+    description: 'Title in flag which appears when a synced block cannot be created'
+  },
+  CannotCreateSyncBlockDescription: {
+    id: 'fabric.editor.cannotCreateSyncBlockDescription',
+    defaultMessage: 'An error occurred while trying to create this synced block. ',
+    description: 'Description in flag which appears when a synced block cannot be created'
   }
 });

package/dist/es2019/styles/shared/sync-block.js

@@ -19,7 +19,9 @@ export const SyncBlockLabelSharedCssClassName = {
 };
 export const disabledClassName = 'disabled';
 export const viewModeClassName = 'view-mode';
+export const creationLoadingClassName = 'creation-loading';
 export const SyncBlockStateCssClassName = {
   disabledClassName,
-  viewModeClassName
+  viewModeClassName,
+  creationLoadingClassName
 };

package/dist/es2019/ui/FloatingToolbar/Button.js

@@ -85,7 +85,7 @@ const FloatingToolbarButton = ({
     className: className,
     ref: buttonElement => {
       setSpotlightReferenceElement(buttonElement);
-      if (forwardedRef && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_dogfooding')) {
+      if (forwardedRef && editorExperiment('platform_synced_block', true)) {
         if (typeof forwardedRef === 'function') {
           forwardedRef(buttonElement);
         } else if (typeof forwardedRef === 'object') {
@@ -147,4 +147,4 @@ const FloatingToolbarButton = ({
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, spotlightConfig.spotlightCardOptions)));
 };
-export default componentWithCondition(() => editorExperiment('platform_synced_block', true) && fg('platform_synced_block_dogfooding'), /*#__PURE__*/forwardRef(FloatingToolbarButton), FloatingToolbarButton);
+export default componentWithCondition(() => editorExperiment('platform_synced_block', true), /*#__PURE__*/forwardRef(FloatingToolbarButton), FloatingToolbarButton);

package/dist/es2019/utils/rich-media-utils.js

@@ -1,6 +1,5 @@
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { calcPxFromColumns, wrappedLayouts } from '../ui/MediaSingle/grid';
 export const shouldAddDefaultWrappedWidth = (layout, width, lineLength) => {
@@ -19,7 +18,7 @@ export const isRichMediaInsideOfBlockNode = (view, pos) => {
     layoutColumn,
     bodiedSyncBlock
   } = view.state.schema.nodes;
-  if (editorExperiment('platform_synced_block', true) && fg('platform_synced_block_dogfooding')) {
+  if (editorExperiment('platform_synced_block', true)) {
     return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn, bodiedSyncBlock]);
   }
   return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);

package/dist/esm/messages/syncBlock.js

@@ -349,5 +349,15 @@ export var syncBlockMessages = defineMessages({
     id: 'fabric.editor.cannotPasteSyncedBlockAction',
     defaultMessage: 'Learn more',
     description: 'Action in flag which appears when a synced block cannot be pasted to learn more'
+  },
+  cannotCreateSyncBlockTitle: {
+    id: 'fabric.editor.cannotCreateSyncBlockTitle',
+    defaultMessage: 'Unable to create synced block',
+    description: 'Title in flag which appears when a synced block cannot be created'
+  },
+  CannotCreateSyncBlockDescription: {
+    id: 'fabric.editor.cannotCreateSyncBlockDescription',
+    defaultMessage: 'An error occurred while trying to create this synced block. ',
+    description: 'Description in flag which appears when a synced block cannot be created'
   }
 });

package/dist/esm/styles/shared/sync-block.js

@@ -19,7 +19,9 @@ export var SyncBlockLabelSharedCssClassName = {
 };
 export var disabledClassName = 'disabled';
 export var viewModeClassName = 'view-mode';
+export var creationLoadingClassName = 'creation-loading';
 export var SyncBlockStateCssClassName = {
   disabledClassName: disabledClassName,
-  viewModeClassName: viewModeClassName
+  viewModeClassName: viewModeClassName,
+  creationLoadingClassName: creationLoadingClassName
 };

package/dist/esm/ui/FloatingToolbar/Button.js

@@ -98,7 +98,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     className: className,
     ref: function ref(buttonElement) {
       setSpotlightReferenceElement(buttonElement);
-      if (forwardedRef && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_dogfooding')) {
+      if (forwardedRef && editorExperiment('platform_synced_block', true)) {
         if (typeof forwardedRef === 'function') {
           forwardedRef(buttonElement);
         } else if (_typeof(forwardedRef) === 'object') {
@@ -154,5 +154,5 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
   }, spotlightConfig.spotlightCardOptions)));
 };
 export default componentWithCondition(function () {
-  return editorExperiment('platform_synced_block', true) && fg('platform_synced_block_dogfooding');
+  return editorExperiment('platform_synced_block', true);
 }, /*#__PURE__*/forwardRef(FloatingToolbarButton), FloatingToolbarButton);

package/dist/esm/utils/rich-media-utils.js

@@ -3,7 +3,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { calcPxFromColumns, wrappedLayouts } from '../ui/MediaSingle/grid';
 export var shouldAddDefaultWrappedWidth = function shouldAddDefaultWrappedWidth(layout, width, lineLength) {
@@ -21,7 +20,7 @@ export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(
     nestedExpand = _view$state$schema$no.nestedExpand,
     layoutColumn = _view$state$schema$no.layoutColumn,
     bodiedSyncBlock = _view$state$schema$no.bodiedSyncBlock;
-  if (editorExperiment('platform_synced_block', true) && fg('platform_synced_block_dogfooding')) {
+  if (editorExperiment('platform_synced_block', true)) {
     return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn, bodiedSyncBlock]);
   }
   return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);

package/dist/types/messages/syncBlock.d.ts

@@ -349,4 +349,14 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    cannotCreateSyncBlockTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    CannotCreateSyncBlockDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/styles/shared/sync-block.d.ts

@@ -16,7 +16,9 @@ export declare const SyncBlockLabelSharedCssClassName: {
 };
 export declare const disabledClassName = "disabled";
 export declare const viewModeClassName = "view-mode";
+export declare const creationLoadingClassName = "creation-loading";
 export declare const SyncBlockStateCssClassName: {
     disabledClassName: string;
     viewModeClassName: string;
+    creationLoadingClassName: string;
 };

package/dist/types-ts4.5/messages/syncBlock.d.ts

@@ -349,4 +349,14 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    cannotCreateSyncBlockTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    CannotCreateSyncBlockDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/styles/shared/sync-block.d.ts

@@ -16,7 +16,9 @@ export declare const SyncBlockLabelSharedCssClassName: {
 };
 export declare const disabledClassName = "disabled";
 export declare const viewModeClassName = "view-mode";
+export declare const creationLoadingClassName = "creation-loading";
 export declare const SyncBlockStateCssClassName: {
     disabledClassName: string;
     viewModeClassName: string;
+    creationLoadingClassName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.11.9",
+	"version": "111.11.11",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^22.0.0",
+		"@atlaskit/tmp-editor-statsig": "^22.1.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -250,9 +250,6 @@
 		"platform_editor_transform_invalid_media_width": {
 			"type": "boolean"
 		},
-		"platform_synced_block_dogfooding": {
-			"type": "boolean"
-		},
 		"platform_editor_sentry_breadcrumbs": {
 			"type": "boolean"
 		},