@atlaskit/editor-core 182.0.2 → 182.1.0

package/dist/cjs/plugins/media/index.js

@@ -35,7 +35,11 @@ var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
 var _mediaNodeView = require("./nodeviews/mediaNodeView");
 var _mediaInline = require("./nodeviews/mediaInline");
 var _mediaSingle2 = require("./utils/media-single");
-var mediaPlugin = function mediaPlugin(options) {
+var mediaPlugin = function mediaPlugin() {
+  var _api$dependencies, _api$dependencies$fea;
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var api = arguments.length > 1 ? arguments[1] : undefined;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'media',
     nodes: function nodes() {
@@ -44,9 +48,9 @@ var mediaPlugin = function mediaPlugin(options) {
         allowMediaGroup = _ref$allowMediaGroup === void 0 ? true : _ref$allowMediaGroup,
         _ref$allowMediaSingle = _ref.allowMediaSingle,
         allowMediaSingle = _ref$allowMediaSingle === void 0 ? false : _ref$allowMediaSingle,
-        featureFlags = _ref.featureFlags;
-      var captions = (0, _mediaCommon.getMediaFeatureFlag)('captions', featureFlags);
-      var allowMediaInline = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', featureFlags);
+        mediaFeatureFlags = _ref.featureFlags;
+      var captions = (0, _mediaCommon.getMediaFeatureFlag)('captions', mediaFeatureFlags);
+      var allowMediaInline = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaFeatureFlags);
       var mediaSingleNode = captions ? _adfSchema.mediaSingleWithCaption : _adfSchema.mediaSingle;
       return [{
         name: 'mediaGroup',
@@ -100,7 +104,7 @@ var mediaPlugin = function mediaPlugin(options) {
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
             allowResizing: !!(options && options.allowResizing)
-          }, reactContext, getIntl, dispatch, options);
+          }, reactContext, getIntl, dispatch, options, featureFlags.newInsertionBehaviour);
         }
       }, {
         name: 'mediaKeymap',

package/dist/cjs/plugins/media/nodeviews/mediaNodeView/media.js

@@ -15,6 +15,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("@atlaskit/editor-common/utils");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
 var _mediaCard = require("@atlaskit/media-card");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _react = _interopRequireWildcard(require("react"));
@@ -209,6 +211,10 @@ var MediaNode = /*#__PURE__*/function (_Component) {
         onContextMenu: this.selectMediaSingle,
         borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         selected: selected
+      }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+        data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
+          border: !!borderMark
+        })
       }, /*#__PURE__*/_react.default.createElement(_mediaCard.Card, {
         mediaClientConfig: mediaClientConfig,
         resizeMode: "stretchy-fit",
@@ -225,7 +231,7 @@ var MediaNode = /*#__PURE__*/function (_Component) {
         featureFlags: mediaOptions && mediaOptions.featureFlags,
         contextId: contextId,
         alt: alt
-      }));
+      })));
     }
   }]);
   return MediaNode;

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -69,7 +69,7 @@ var MEDIA_RESOLVED_STATES = ['ready', 'error', 'cancelled'];
 var MediaPluginStateImplementation = /*#__PURE__*/function () {
   // @ts-ignore: private is OK
 
-  function MediaPluginStateImplementation(_state, options, mediaOptions, _dispatch) {
+  function MediaPluginStateImplementation(_state, options, mediaOptions, newInsertionBehaviour, _dispatch) {
     var _this = this;
     (0, _classCallCheck2.default)(this, MediaPluginStateImplementation);
     (0, _defineProperty2.default)(this, "allowsUploads", false);
@@ -237,7 +237,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
         });
       }
       if ((0, _mediaSingle.isMediaSingle)(state.schema, mediaStateWithContext.fileMimeType)) {
-        (0, _mediaSingle.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert);
+        (0, _mediaSingle.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour);
       } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _document.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils2.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
         (0, _mediaFiles.insertMediaInlineNode)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
@@ -436,6 +436,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     this.options = options;
     this.mediaOptions = mediaOptions;
+    this.newInsertionBehaviour = newInsertionBehaviour;
     this.dispatch = _dispatch;
     this.waitForMediaUpload = options.waitForMediaUpload === undefined ? true : options.waitForMediaUpload;
     var nodes = _state.schema.nodes;
@@ -608,13 +609,13 @@ var getMediaPluginState = function getMediaPluginState(state) {
   return _pluginKey.stateKey.getState(state);
 };
 exports.getMediaPluginState = getMediaPluginState;
-var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions) {
+var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions, newInsertionBehaviour) {
   var intl = getIntl();
   var dropPlaceholder = createDropPlaceholder(intl, mediaOptions && mediaOptions.allowDropzoneDropLine);
   return new _safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
-        return new MediaPluginStateImplementation(state, options, mediaOptions, dispatch);
+        return new MediaPluginStateImplementation(state, options, mediaOptions, newInsertionBehaviour, dispatch);
       },
       apply: function apply(tr, pluginState) {
         // remap editing media single position if we're in collab

package/dist/cjs/plugins/media/utils/media-single.js

@@ -18,7 +18,6 @@ var _mediaCommon = require("../utils/media-common");
 var _slice = require("../../../utils/slice");
 var _analytics = require("../../analytics");
 var _insert = require("../../../utils/insert");
-var _featureFlagsContext = require("../../feature-flags-context");
 var _isImage = require("./is-image");
 var _position = require("../../../utils/prosemirror/position");
 var _mediaCommon2 = require("@atlaskit/media-common");
@@ -90,7 +89,7 @@ var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inp
   return insertNodesWithOptionalParagraph(nodes, analyticsAttributes)(state, dispatch);
 };
 exports.insertMediaAsMediaSingle = insertMediaAsMediaSingle;
-var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert) {
+var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour) {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -117,8 +116,6 @@ var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inp
       inputMethod: inputMethod
     })(state, dispatch);
   } else {
-    var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state),
-      newInsertionBehaviour = _getFeatureFlags.newInsertionBehaviour;
     var tr = null;
     if (newInsertionBehaviour) {
       tr = (0, _insert.safeInsert)(node, state.selection.from)(state.tr);

package/dist/cjs/plugins/panel/pm-plugins/keymaps.js

@@ -50,7 +50,8 @@ function keymapPlugin() {
       var isParentNodeAPanel = parentNodeType === panel;
 
       // Stops merging panels when deleting empty paragraph in between
-      if (isPreviousNodeAPanel && !isParentNodeAPanel || isInsideAnEmptyNode(selection, panel, state.schema) || isInsideAnEmptyNode(selection, blockquote, state.schema)) {
+      // Stops merging blockquotes with panels when deleting from start of blockquote
+      if (isPreviousNodeAPanel && !isParentNodeAPanel || isInsideAnEmptyNode(selection, panel, state.schema) || (0, _prosemirrorUtils.hasParentNodeOfType)(blockquote)(selection)) {
         var content = $from.node($from.depth).content;
         var insertPos = previousPos.pos;
         deleteCurrentItem($from, tr).insert(insertPos, content);

package/dist/cjs/plugins/paste/handlers.js

@@ -126,7 +126,7 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       // This maintains both the selection (destination) and the slice (paste content).
       (0, _prosemirrorUtils.safeInsert)(transformedSlice.content)(tr).scrollIntoView();
     }
-    (0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD);
+    (0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD, _analytics.ACTION.PASTED);
     if (dispatch) {
       dispatch(tr);
     }
@@ -384,7 +384,7 @@ function handlePastePreservingMarks(slice) {
     // special case for plainTextSlice & linkMark: merge into existing link
     if (isPlainTextSlice && linkMark.isInSet(selectionMarks) && selectionMarks.length === 1) {
       var tr = (0, _prosemirrorHistory.closeHistory)(state.tr).replaceSelectionWith(slice.content.firstChild.firstChild, true).setStoredMarks(selectionMarks).scrollIntoView();
-      (0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD);
+      (0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD, _analytics.ACTION.PASTED);
       if (dispatch) {
         dispatch(tr);
       }
@@ -396,7 +396,7 @@ function handlePastePreservingMarks(slice) {
     if ((0, _util.hasOnlyNodesOfType)(bulletList, hardBreak, heading, listItem, paragraph, text, emoji, mention, orderedList)(slice)) {
       var transformedSlice = (0, _util.applyTextMarksToSlice)(schema, selectionMarks)(slice);
       var _tr2 = (0, _prosemirrorHistory.closeHistory)(state.tr).replaceSelection(transformedSlice).setStoredMarks(selectionMarks).scrollIntoView();
-      (0, _doc.queueCardsFromChangedTr)(state, _tr2, _analytics.INPUT_METHOD.CLIPBOARD);
+      (0, _doc.queueCardsFromChangedTr)(state, _tr2, _analytics.INPUT_METHOD.CLIPBOARD, _analytics.ACTION.PASTED);
       if (dispatch) {
         dispatch(_tr2);
       }
@@ -614,7 +614,7 @@ function handleMarkdown(markdownSlice, from, to) {
       tr.replaceSelection(markdownSlice);
     }
     tr.setSelection(_prosemirrorState.TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
-    (0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD);
+    (0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD, _analytics.ACTION.PASTED);
     if (dispatch) {
       dispatch(tr.scrollIntoView());
     }
@@ -838,7 +838,7 @@ function handleRichText(slice) {
 
     // queue link cards, ignoring any errors
     if (dispatch) {
-      dispatch((0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD));
+      dispatch((0, _doc.queueCardsFromChangedTr)(state, tr, _analytics.INPUT_METHOD.CLIPBOARD, _analytics.ACTION.PASTED));
     }
     return true;
   };

package/dist/cjs/plugins/paste/index.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _main = require("./pm-plugins/main");
-var pastePlugin = function pastePlugin(_ref) {
+var pastePlugin = function pastePlugin(_ref, api) {
+  var _api$dependencies, _api$dependencies$fea;
   var cardOptions = _ref.cardOptions,
     sanitizePrivateContent = _ref.sanitizePrivateContent;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'paste',
     pmPlugins: function pmPlugins() {
@@ -18,7 +20,7 @@ var pastePlugin = function pastePlugin(_ref) {
             providerFactory = _ref2.providerFactory,
             dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
             dispatch = _ref2.dispatch;
-          return (0, _main.createPlugin)(schema, dispatchAnalyticsEvent, dispatch, cardOptions, sanitizePrivateContent, providerFactory);
+          return (0, _main.createPlugin)(schema, dispatchAnalyticsEvent, dispatch, featureFlags, cardOptions, sanitizePrivateContent, providerFactory);
         }
       }];
     }

package/dist/cjs/plugins/paste/pm-plugins/main.js

@@ -23,6 +23,7 @@ var _prosemirrorModel = require("prosemirror-model");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _editorMarkdownTransformer = require("@atlaskit/editor-markdown-transformer");
+var _card = require("@atlaskit/editor-common/card");
 var _slice = require("../../../utils/slice");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var clipboard = _interopRequireWildcard(require("../../../utils/clipboard"));
@@ -48,12 +49,10 @@ var _tinyMCE = require("../util/tinyMCE");
 var _utils9 = require("@atlaskit/editor-tables/utils");
 var _step = require("../../../utils/step");
 var _pluginFactory = require("./plugin-factory");
-var _featureFlagsContext = require("../../feature-flags-context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-_analytics.sendPasteAnalyticsEvent;
-function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, sanitizePrivateContent, providerFactory) {
+function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, cardOptions, sanitizePrivateContent, providerFactory) {
   var atlassianMarkDownParser = new _editorMarkdownTransformer.MarkdownTransformer(schema, _md.md);
   function getMarkdownSlice(text, openStart, openEnd) {
     var textInput = text;
@@ -220,6 +219,10 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, san
           if (!isPastingTextInsidePlaceholderText && !isPastingTable) {
             tr.setMeta(_betterTypeHistory.pluginKey, true);
           }
+          (0, _card.addLinkMetadata)(view.state.selection, tr, {
+            action: isPlainText ? _analytics2.ACTION.PASTED_AS_PLAIN : _analytics2.ACTION.PASTED,
+            inputMethod: _analytics2.INPUT_METHOD.CLIPBOARD
+          });
           view.dispatch(tr);
         };
         slice = (0, _handlers.handleParagraphBlockMarks)(state, slice);
@@ -375,7 +378,6 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, san
           if ((0, _analytics.handlePasteIntoCaptionWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
             return true;
           }
-          var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(state);
           if ((0, _analytics.handlePastePanelOrDecisionIntoListWithAnalytics)(view, event, slice)(state, dispatch)) {
             return true;
           }

package/dist/cjs/plugins/rule/commands.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insertHorizontalRule = void 0;
 var _inputRule = require("./pm-plugins/input-rule");
-var insertHorizontalRule = function insertHorizontalRule(inputMethod) {
+var insertHorizontalRule = function insertHorizontalRule(inputMethod, featureFlags) {
   return function (state, dispatch) {
-    var tr = (0, _inputRule.createHorizontalRule)(state, state.selection.from, state.selection.to, inputMethod);
+    var tr = (0, _inputRule.createHorizontalRule)(state, featureFlags, state.selection.from, state.selection.to, inputMethod);
     if (tr) {
       if (dispatch) {
         dispatch(tr);

package/dist/cjs/plugins/rule/index.js

@@ -12,7 +12,9 @@ var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
 var _assets = require("../quick-insert/assets");
 var _inputRule = _interopRequireDefault(require("./pm-plugins/input-rule"));
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
-var rulePlugin = function rulePlugin() {
+var rulePlugin = function rulePlugin(_, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'rule',
     nodes: function nodes() {
@@ -25,14 +27,13 @@ var rulePlugin = function rulePlugin() {
       return [{
         name: 'ruleInputRule',
         plugin: function plugin(_ref) {
-          var schema = _ref.schema,
-            featureFlags = _ref.featureFlags;
+          var schema = _ref.schema;
           return (0, _inputRule.default)(schema, featureFlags);
         }
       }, {
         name: 'ruleKeymap',
         plugin: function plugin() {
-          return (0, _keymap.default)();
+          return (0, _keymap.default)(featureFlags);
         }
       }];
     },

package/dist/cjs/plugins/rule/pm-plugins/input-rule.js

@@ -11,15 +11,13 @@ var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 var _insert = require("../../../utils/insert");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _analytics = require("../../analytics");
-var _featureFlagsContext = require("../../feature-flags-context");
-var createHorizontalRule = function createHorizontalRule(state, start, end, inputMethod) {
+var createHorizontalRule = function createHorizontalRule(state, featureFlags, start, end, inputMethod) {
   if (!state.selection.empty) {
     return null;
   }
   var tr = null;
   var rule = state.schema.nodes.rule;
-  var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state),
-    newInsertionBehaviour = _getFeatureFlags.newInsertionBehaviour;
+  var newInsertionBehaviour = featureFlags.newInsertionBehaviour;
   if (newInsertionBehaviour) {
     /**
      * This is a workaround to get rid of the typeahead text when using quick insert
@@ -43,19 +41,19 @@ var createHorizontalRule = function createHorizontalRule(state, start, end, inpu
   });
 };
 exports.createHorizontalRule = createHorizontalRule;
-var createHorizontalRuleAutoformat = function createHorizontalRuleAutoformat(state, start, end) {
+var createHorizontalRuleAutoformat = function createHorizontalRuleAutoformat(state, featureFlags, start, end) {
   var listItem = state.schema.nodes.listItem;
   if ((0, _prosemirrorUtils.hasParentNodeOfType)(listItem)(state.selection)) {
     return null;
   }
-  return createHorizontalRule(state, start, end, _analytics.INPUT_METHOD.FORMATTING);
+  return createHorizontalRule(state, featureFlags, start, end, _analytics.INPUT_METHOD.FORMATTING);
 };
 function inputRulePlugin(schema, featureFlags) {
   var rules = [];
   if (schema.nodes.rule) {
     // '---' and '***' for hr
     rules.push((0, _inputRules.createRule)(/^(\-\-\-|\*\*\*)$/, function (state, _match, start, end) {
-      return createHorizontalRuleAutoformat(state, start, end);
+      return createHorizontalRuleAutoformat(state, featureFlags, start, end);
     }));
 
     // '---' and '***' after shift+enter for hr
@@ -64,7 +62,7 @@ function inputRulePlugin(schema, featureFlags) {
       if (state.doc.resolve(start).nodeAfter.type !== hardBreak) {
         return null;
       }
-      return createHorizontalRuleAutoformat(state, start, end);
+      return createHorizontalRuleAutoformat(state, featureFlags, start, end);
     }));
   }
   if (rules.length !== 0) {

package/dist/cjs/plugins/rule/pm-plugins/keymap.js

@@ -12,9 +12,9 @@ var _analytics = require("../../analytics");
 var _commands = require("../commands");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function keymapPlugin() {
+function keymapPlugin(featureFlags) {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, (0, _commands.insertHorizontalRule)(_analytics.INPUT_METHOD.SHORTCUT), list);
+  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, (0, _commands.insertHorizontalRule)(_analytics.INPUT_METHOD.SHORTCUT, featureFlags), list);
   keymaps.bindKeymapWithCommand(keymaps.escape.common, function () {
     return true;
   }, list);

package/dist/cjs/plugins/text-color/index.js

@@ -22,7 +22,9 @@ var pluginConfig = function pluginConfig(textColorConfig) {
   }
   return textColorConfig;
 };
-var textColorPlugin = function textColorPlugin(textColorConfig) {
+var textColorPlugin = function textColorPlugin(textColorConfig, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'textColor',
     marks: function marks() {
@@ -62,7 +64,8 @@ var textColorPlugin = function textColorPlugin(textColorConfig) {
             popupsBoundariesElement: popupsBoundariesElement,
             popupsScrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            disabled: disabled
+            disabled: disabled,
+            featureFlags: featureFlags
           });
         }
       });

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -29,7 +29,6 @@ var _analytics = require("../../../analytics");
 var commands = _interopRequireWildcard(require("../../commands/change-color"));
 var _icon = require("./icon");
 var _styles2 = require("./styles");
-var _getFeatureFlags2 = require("../../../feature-flags-context/get-feature-flags");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -168,11 +167,11 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         isReducedSpacing = _this$props.isReducedSpacing,
         pluginState = _this$props.pluginState,
         formatMessage = _this$props.intl.formatMessage,
-        disabled = _this$props.disabled;
+        disabled = _this$props.disabled,
+        featureFlags = _this$props.featureFlags;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-      var _getFeatureFlags = (0, _getFeatureFlags2.getFeatureFlags)(this.props.editorView.state),
-        useSomewhatSemanticTextColorNames = _getFeatureFlags.useSomewhatSemanticTextColorNames;
+      var useSomewhatSemanticTextColorNames = featureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const

package/dist/cjs/plugins/text-formatting/ui/Toolbar/toolbar-messages.js

@@ -80,6 +80,16 @@ var toolbarMessages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.text.formatting.off',
     defaultMessage: 'Text formatting Off',
     description: 'Reports that text formatting has been turned off'
+  },
+  navigateToEditorToolbar: {
+    id: 'fabric.editor.navigate.toolbar.editor',
+    defaultMessage: 'Navigate to editor toolbar',
+    description: 'Navigate to the main editor toolbar.'
+  },
+  navigateToFloatingToolbar: {
+    id: 'fabric.editor.navigate.toolbar.floating',
+    defaultMessage: 'Navigate to floating toolbar',
+    description: 'Navigate to a floating toolbar for relevant nodes (e.g. tables or panels).'
   }
 });
 exports.toolbarMessages = toolbarMessages;

package/dist/cjs/ui/Appearance/FullPage/FullPage.js

@@ -20,7 +20,6 @@ var _StyledComponents = require("./StyledComponents");
 var _context = require("../../ContextPanel/context");
 var _FullPageContentArea = require("./FullPageContentArea");
 var _FullPageToolbar = require("./FullPageToolbar");
-var _featureFlagsContext = require("../../../plugins/feature-flags-context");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var FullPageEditor = /*#__PURE__*/function (_React$Component) {
@@ -69,6 +68,7 @@ var FullPageEditor = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function () {
       _this.updateToolbarKeyline();
     });
+    _this.featureFlags = props.featureFlags;
     if (props.innerRef) {
       _this.wrapperElementRef = props.innerRef;
     }
@@ -88,10 +88,8 @@ var FullPageEditor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _props$editorView;
       var props = this.props;
       var showKeyline = this.state.showKeyline;
-      var featureFlags = (_props$editorView = props.editorView) !== null && _props$editorView !== void 0 && _props$editorView.state ? (0, _featureFlagsContext.getFeatureFlags)(props.editorView.state) : undefined;
       return (0, _react2.jsx)(_context.ContextPanelWidthProvider, null, (0, _react2.jsx)("div", {
         css: _StyledComponents.fullPageEditorWrapper,
         className: "akEditor",
@@ -115,7 +113,7 @@ var FullPageEditor = /*#__PURE__*/function (_React$Component) {
         primaryToolbarComponents: props.primaryToolbarComponents,
         providerFactory: props.providerFactory,
         showKeyline: showKeyline,
-        featureFlags: featureFlags
+        featureFlags: this.featureFlags
       }), (0, _react2.jsx)(_FullPageContentArea.FullPageContentArea, {
         appearance: props.appearance,
         contentArea: this.contentArea,

package/dist/cjs/ui/ColorPalette/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "backgroundPaletteTooltipMessages", {
     return _uiColor.backgroundPaletteTooltipMessages;
   }
 });
+Object.defineProperty(exports, "chartsColorPaletteTooltipMessages", {
+  enumerable: true,
+  get: function get() {
+    return _uiColor.chartsColorPaletteTooltipMessages;
+  }
+});
 exports.default = void 0;
 Object.defineProperty(exports, "textPaletteTooltipMessages", {
   enumerable: true,

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

@@ -53,7 +53,8 @@ function ConfigForm(_ref) {
     onFieldChange = _ref.onFieldChange,
     parameters = _ref.parameters,
     submitting = _ref.submitting,
-    contextIdentifierProvider = _ref.contextIdentifierProvider;
+    contextIdentifierProvider = _ref.contextIdentifierProvider,
+    featureFlags = _ref.featureFlags;
   (0, _react.useEffect)(function () {
     if (fields) {
       var firstDuplicateField = (0, _transformers.findDuplicateFields)(fields);
@@ -76,7 +77,8 @@ function ConfigForm(_ref) {
     extensionManifest: extensionManifest,
     onFieldChange: onFieldChange,
     firstVisibleFieldName: firstVisibleFieldName,
-    contextIdentifierProvider: contextIdentifierProvider
+    contextIdentifierProvider: contextIdentifierProvider,
+    featureFlags: featureFlags
   }), /*#__PURE__*/_react.default.createElement("div", {
     style: canSave ? {} : {
       display: 'none'
@@ -391,16 +393,18 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var extensionManifest = this.props.extensionManifest;
+      var _this$props6 = this.props,
+        extensionManifest = _this$props6.extensionManifest,
+        featureFlags = _this$props6.featureFlags;
       if (!extensionManifest) {
         return /*#__PURE__*/_react.default.createElement(_LoadingState.default, null);
       }
-      var _this$props6 = this.props,
-        autoSave = _this$props6.autoSave,
-        errorMessage = _this$props6.errorMessage,
-        fields = _this$props6.fields,
-        isLoading = _this$props6.isLoading,
-        onCancel = _this$props6.onCancel;
+      var _this$props7 = this.props,
+        autoSave = _this$props7.autoSave,
+        errorMessage = _this$props7.errorMessage,
+        fields = _this$props7.fields,
+        isLoading = _this$props7.isLoading,
+        onCancel = _this$props7.onCancel;
       var _this$state = this.state,
         currentParameters = _this$state.currentParameters,
         hasParsedParameters = _this$state.hasParsedParameters,
@@ -445,7 +449,8 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
                 onFieldChange: onFieldChange,
                 parameters: currentParameters,
                 submitting: submitting,
-                contextIdentifierProvider: extension === null || extension === void 0 ? void 0 : extension.contextIdentifierProvider
+                contextIdentifierProvider: extension === null || extension === void 0 ? void 0 : extension.contextIdentifierProvider,
+                featureFlags: featureFlags
               }));
             }
           }));

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

@@ -85,6 +85,7 @@ function FieldsLoader(_ref) {
     autoSaveReject = _ref.autoSaveReject,
     closeOnEsc = _ref.closeOnEsc,
     showHeader = _ref.showHeader,
+    featureFlags = _ref.featureFlags,
     onChange = _ref.onChange,
     onCancel = _ref.onCancel;
   var _useStateFromPromise = (0, _useStateFromPromise3.useStateFromPromise)(function () {
@@ -114,7 +115,8 @@ function FieldsLoader(_ref) {
       showHeader: showHeader,
       onChange: onChange,
       onCancel: onCancel,
-      errorMessage: errorMessage
+      errorMessage: errorMessage,
+      featureFlags: featureFlags
     });
   });
 }