@atlaskit/editor-core 182.0.3 → 182.1.0

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

@@ -5,50 +5,53 @@ import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { IconDivider } from '../quick-insert/assets';
 import inputRulePlugin from './pm-plugins/input-rule';
 import keymapPlugin from './pm-plugins/keymap';
-const rulePlugin = () => ({
-  name: 'rule',
-  nodes() {
-    return [{
-      name: 'rule',
-      node: rule
-    }];
-  },
-  pmPlugins() {
-    return [{
-      name: 'ruleInputRule',
-      plugin: ({
-        schema,
-        featureFlags
-      }) => inputRulePlugin(schema, featureFlags)
-    }, {
-      name: 'ruleKeymap',
-      plugin: () => keymapPlugin()
-    }];
-  },
-  pluginsOptions: {
-    quickInsert: ({
-      formatMessage
-    }) => [{
-      id: 'rule',
-      title: formatMessage(messages.horizontalRule),
-      description: formatMessage(messages.horizontalRuleDescription),
-      keywords: ['horizontal', 'rule', 'line', 'hr'],
-      priority: 1200,
-      keyshortcut: '---',
-      icon: () => /*#__PURE__*/React.createElement(IconDivider, null),
-      action(insert, state) {
-        let tr = insert(state.schema.nodes.rule.createChecked());
-        return addAnalytics(state, tr, {
-          action: ACTION.INSERTED,
-          actionSubject: ACTION_SUBJECT.DOCUMENT,
-          actionSubjectId: ACTION_SUBJECT_ID.DIVIDER,
-          attributes: {
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          },
-          eventType: EVENT_TYPE.TRACK
-        });
-      }
-    }]
-  }
-});
+const rulePlugin = (_, api) => {
+  var _api$dependencies, _api$dependencies$fea;
+  const 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() {
+      return [{
+        name: 'rule',
+        node: rule
+      }];
+    },
+    pmPlugins() {
+      return [{
+        name: 'ruleInputRule',
+        plugin: ({
+          schema
+        }) => inputRulePlugin(schema, featureFlags)
+      }, {
+        name: 'ruleKeymap',
+        plugin: () => keymapPlugin(featureFlags)
+      }];
+    },
+    pluginsOptions: {
+      quickInsert: ({
+        formatMessage
+      }) => [{
+        id: 'rule',
+        title: formatMessage(messages.horizontalRule),
+        description: formatMessage(messages.horizontalRuleDescription),
+        keywords: ['horizontal', 'rule', 'line', 'hr'],
+        priority: 1200,
+        keyshortcut: '---',
+        icon: () => /*#__PURE__*/React.createElement(IconDivider, null),
+        action(insert, state) {
+          let tr = insert(state.schema.nodes.rule.createChecked());
+          return addAnalytics(state, tr, {
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.DOCUMENT,
+            actionSubjectId: ACTION_SUBJECT_ID.DIVIDER,
+            attributes: {
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            },
+            eventType: EVENT_TYPE.TRACK
+          });
+        }
+      }]
+    }
+  };
+};
 export default rulePlugin;

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

@@ -4,8 +4,7 @@ import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules'
 import { safeInsert } from '../../../utils/insert';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
-import { getFeatureFlags } from '../../feature-flags-context';
-export const createHorizontalRule = (state, start, end, inputMethod) => {
+export const createHorizontalRule = (state, featureFlags, start, end, inputMethod) => {
   if (!state.selection.empty) {
     return null;
   }
@@ -15,7 +14,7 @@ export const createHorizontalRule = (state, start, end, inputMethod) => {
   } = state.schema.nodes;
   const {
     newInsertionBehaviour
-  } = getFeatureFlags(state);
+  } = featureFlags;
   if (newInsertionBehaviour) {
     /**
      * This is a workaround to get rid of the typeahead text when using quick insert
@@ -38,20 +37,20 @@ export const createHorizontalRule = (state, start, end, inputMethod) => {
     eventType: EVENT_TYPE.TRACK
   });
 };
-const createHorizontalRuleAutoformat = (state, start, end) => {
+const createHorizontalRuleAutoformat = (state, featureFlags, start, end) => {
   const {
     listItem
   } = state.schema.nodes;
   if (hasParentNodeOfType(listItem)(state.selection)) {
     return null;
   }
-  return createHorizontalRule(state, start, end, INPUT_METHOD.FORMATTING);
+  return createHorizontalRule(state, featureFlags, start, end, INPUT_METHOD.FORMATTING);
 };
 export function inputRulePlugin(schema, featureFlags) {
   const rules = [];
   if (schema.nodes.rule) {
     // '---' and '***' for hr
-    rules.push(createRule(/^(\-\-\-|\*\*\*)$/, (state, _match, start, end) => createHorizontalRuleAutoformat(state, start, end)));
+    rules.push(createRule(/^(\-\-\-|\*\*\*)$/, (state, _match, start, end) => createHorizontalRuleAutoformat(state, featureFlags, start, end)));
 
     // '---' and '***' after shift+enter for hr
     rules.push(createRule(new RegExp(`${leafNodeReplacementCharacter}(\\-\\-\\-|\\*\\*\\*)`), (state, _match, start, end) => {
@@ -61,7 +60,7 @@ export 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/es2019/plugins/rule/pm-plugins/keymap.js

@@ -2,9 +2,9 @@ import { keymap } from 'prosemirror-keymap';
 import * as keymaps from '../../../keymaps';
 import { INPUT_METHOD } from '../../analytics';
 import { insertHorizontalRule } from '../commands';
-export function keymapPlugin() {
+export function keymapPlugin(featureFlags) {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT), list);
+  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT, featureFlags), list);
   keymaps.bindKeymapWithCommand(keymaps.escape.common, () => true, list);
   return keymap(list);
 }

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

@@ -9,49 +9,54 @@ const pluginConfig = textColorConfig => {
   }
   return textColorConfig;
 };
-const textColorPlugin = textColorConfig => ({
-  name: 'textColor',
-  marks() {
-    return [{
-      name: 'textColor',
-      mark: textColor
-    }];
-  },
-  pmPlugins() {
-    return [{
-      name: 'textColor',
-      plugin: ({
-        dispatch
-      }) => createPlugin(dispatch, pluginConfig(textColorConfig))
-    }];
-  },
-  primaryToolbarComponent({
-    editorView,
-    popupsMountPoint,
-    popupsBoundariesElement,
-    popupsScrollableElement,
-    isToolbarReducedSpacing,
-    dispatchAnalyticsEvent,
-    disabled
-  }) {
-    return /*#__PURE__*/React.createElement(WithPluginState, {
-      plugins: {
-        textColor: textColorPluginKey
-      },
-      render: ({
-        textColor
-      }) => /*#__PURE__*/React.createElement(ToolbarTextColor, {
-        pluginState: textColor,
-        isReducedSpacing: isToolbarReducedSpacing,
-        editorView: editorView,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        disabled: disabled
-      })
-    });
-  }
-});
+const textColorPlugin = (textColorConfig, api) => {
+  var _api$dependencies, _api$dependencies$fea;
+  const 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() {
+      return [{
+        name: 'textColor',
+        mark: textColor
+      }];
+    },
+    pmPlugins() {
+      return [{
+        name: 'textColor',
+        plugin: ({
+          dispatch
+        }) => createPlugin(dispatch, pluginConfig(textColorConfig))
+      }];
+    },
+    primaryToolbarComponent({
+      editorView,
+      popupsMountPoint,
+      popupsBoundariesElement,
+      popupsScrollableElement,
+      isToolbarReducedSpacing,
+      dispatchAnalyticsEvent,
+      disabled
+    }) {
+      return /*#__PURE__*/React.createElement(WithPluginState, {
+        plugins: {
+          textColor: textColorPluginKey
+        },
+        render: ({
+          textColor
+        }) => /*#__PURE__*/React.createElement(ToolbarTextColor, {
+          pluginState: textColor,
+          isReducedSpacing: isToolbarReducedSpacing,
+          editorView: editorView,
+          popupsMountPoint: popupsMountPoint,
+          popupsBoundariesElement: popupsBoundariesElement,
+          popupsScrollableElement: popupsScrollableElement,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          disabled: disabled,
+          featureFlags: featureFlags
+        })
+      });
+    }
+  };
+};
 export { textColorPluginKey };
 export default textColorPlugin;

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

@@ -16,7 +16,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../
 import * as commands from '../../commands/change-color';
 import { EditorTextColorIcon } from './icon';
 import { backgroundDisabled, textColorIconBar, textColorIconWrapper } from './styles';
-import { getFeatureFlags } from '../../../feature-flags-context/get-feature-flags';
 const EXPERIMENT_NAME = 'editor.toolbarTextColor.moreColors';
 const EXPERIMENT_GROUP_CONTROL = 'control';
 export const messages = defineMessages({
@@ -143,13 +142,14 @@ export class ToolbarTextColor extends React.Component {
       intl: {
         formatMessage
       },
-      disabled
+      disabled,
+      featureFlags
     } = this.props;
     const labelTextColor = formatMessage(messages.textColor);
     const palette = pluginState.palette;
     const {
       useSomewhatSemanticTextColorNames
-    } = getFeatureFlags(this.props.editorView.state);
+    } = featureFlags;
     let fitWidth;
     if (document.body.clientWidth <= 740) {
       // This was originally hard-coded, but moved here to a const

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

@@ -74,5 +74,15 @@ export const toolbarMessages = 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).'
   }
 });

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

@@ -8,7 +8,6 @@ import { fullPageEditorWrapper } from './StyledComponents';
 import { ContextPanelWidthProvider } from '../../ContextPanel/context';
 import { FullPageContentArea } from './FullPageContentArea';
 import { FullPageToolbar } from './FullPageToolbar';
-import { getFeatureFlags } from '../../../plugins/feature-flags-context';
 export class FullPageEditor extends React.Component {
   // Wrapper container for toolbar and content area
 
@@ -53,6 +52,7 @@ export class FullPageEditor extends React.Component {
     _defineProperty(this, "handleResize", () => {
       this.updateToolbarKeyline();
     });
+    this.featureFlags = props.featureFlags;
     if (props.innerRef) {
       this.wrapperElementRef = props.innerRef;
     }
@@ -65,14 +65,12 @@ export class FullPageEditor extends React.Component {
     this.updateToolbarKeyline.cancel();
   }
   render() {
-    var _props$editorView;
     const {
       props
     } = this;
     const {
       showKeyline
     } = this.state;
-    const featureFlags = (_props$editorView = props.editorView) !== null && _props$editorView !== void 0 && _props$editorView.state ? getFeatureFlags(props.editorView.state) : undefined;
     return jsx(ContextPanelWidthProvider, null, jsx("div", {
       css: fullPageEditorWrapper,
       className: "akEditor",
@@ -96,7 +94,7 @@ export class FullPageEditor extends React.Component {
       primaryToolbarComponents: props.primaryToolbarComponents,
       providerFactory: props.providerFactory,
       showKeyline: showKeyline,
-      featureFlags: featureFlags
+      featureFlags: this.featureFlags
     }), jsx(FullPageContentArea, {
       appearance: props.appearance,
       contentArea: this.contentArea,

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

@@ -1,3 +1,3 @@
-import { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
-export { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages };
+import { ColorPalette, backgroundPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
+export { ColorPalette, backgroundPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages };
 export default ColorPalette;

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

@@ -34,7 +34,8 @@ function ConfigForm({
   onFieldChange,
   parameters,
   submitting,
-  contextIdentifierProvider
+  contextIdentifierProvider,
+  featureFlags
 }) {
   useEffect(() => {
     if (fields) {
@@ -58,7 +59,8 @@ function ConfigForm({
     extensionManifest: extensionManifest,
     onFieldChange: onFieldChange,
     firstVisibleFieldName: firstVisibleFieldName,
-    contextIdentifierProvider: contextIdentifierProvider
+    contextIdentifierProvider: contextIdentifierProvider,
+    featureFlags: featureFlags
   }), /*#__PURE__*/React.createElement("div", {
     style: canSave ? {} : {
       display: 'none'
@@ -325,7 +327,8 @@ class ConfigPanel extends React.Component {
   // memoized to prevent rerender on new parameters
   render() {
     const {
-      extensionManifest
+      extensionManifest,
+      featureFlags
     } = this.props;
     if (!extensionManifest) {
       return /*#__PURE__*/React.createElement(LoadingState, null);
@@ -385,7 +388,8 @@ class ConfigPanel extends 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/es2019/ui/ConfigPanel/ConfigPanelFieldsLoader.js

@@ -71,6 +71,7 @@ export default function FieldsLoader({
   autoSaveReject,
   closeOnEsc,
   showHeader,
+  featureFlags,
   onChange,
   onCancel
 }) {
@@ -93,6 +94,7 @@ export default function FieldsLoader({
     showHeader: showHeader,
     onChange: onChange,
     onCancel: onCancel,
-    errorMessage: errorMessage
+    errorMessage: errorMessage,
+    featureFlags: featureFlags
   }));
 }