@atlaskit/editor-plugin-primary-toolbar 1.1.0

package/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  rules: {
+    '@typescript-eslint/no-duplicate-imports': 'error',
+    '@typescript-eslint/no-explicit-any': 'error',
+  },
+};

package/CHANGELOG.md

@@ -0,0 +1 @@
+# @atlaskit/editor-plugin-primary-toolbar

package/LICENSE.md

@@ -0,0 +1,13 @@
+Copyright 2023 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,9 @@
+# EditorPluginPrimaryToolbar
+
+Primary toolbar plugin for @atlaskit/editor-core
+
+## Usage
+
+`import EditorPluginPrimaryToolbar from '@atlaskit/editor-plugin-primary-toolbar';`
+
+Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/editor/editor-plugin-primary-toolbar).

package/dist/cjs/commands.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerComponent = void 0;
+var _pmPlugin = require("./pm-plugin");
+var registerComponent = exports.registerComponent = function registerComponent(_ref) {
+  var name = _ref.name,
+    component = _ref.component;
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    tr.setMeta(_pmPlugin.primaryToolbarPluginKey, {
+      type: _pmPlugin.PrimaryToolbarPluginAction.REGISTER,
+      name: name,
+      component: component
+    });
+    return tr;
+  };
+};

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "primaryToolbarPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.primaryToolbarPlugin;
+  }
+});
+var _plugin = require("./plugin");

package/dist/cjs/plugin.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.primaryToolbarPlugin = void 0;
+var _commands = require("./commands");
+var _pmPlugin = require("./pm-plugin");
+var primaryToolbarPlugin = exports.primaryToolbarPlugin = function primaryToolbarPlugin() {
+  return {
+    name: 'primaryToolbar',
+    commands: {
+      registerComponent: _commands.registerComponent
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'primaryToolbar',
+        plugin: function plugin() {
+          return (0, _pmPlugin.createPlugin)();
+        }
+      }];
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
+      }
+      return _pmPlugin.primaryToolbarPluginKey.getState(editorState);
+    }
+  };
+};

package/dist/cjs/pm-plugin.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.primaryToolbarPluginKey = exports.createPlugin = exports.PrimaryToolbarPluginAction = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _toolbarConfiguration = require("./toolbar-configuration");
+var _separator = _interopRequireDefault(require("./ui/separator"));
+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; }
+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) { (0, _defineProperty2.default)(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; }
+var primaryToolbarPluginKey = exports.primaryToolbarPluginKey = new _state.PluginKey('primaryToolbar');
+var PrimaryToolbarPluginAction = exports.PrimaryToolbarPluginAction = /*#__PURE__*/function (PrimaryToolbarPluginAction) {
+  PrimaryToolbarPluginAction[PrimaryToolbarPluginAction["REGISTER"] = 0] = "REGISTER";
+  return PrimaryToolbarPluginAction;
+}({});
+var createPlugin = exports.createPlugin = function createPlugin() {
+  return new _safePlugin.SafePlugin({
+    key: primaryToolbarPluginKey,
+    state: {
+      init: function init() {
+        var componentRegistry = new Map();
+
+        // Pre-fill registry with the separator component
+        componentRegistry.set('separator', _separator.default);
+        return {
+          componentRegistry: componentRegistry,
+          components: []
+        };
+      },
+      apply: function apply(tr, pluginState) {
+        var _tr$getMeta;
+        var action = (_tr$getMeta = tr.getMeta(primaryToolbarPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
+        switch (action) {
+          case PrimaryToolbarPluginAction.REGISTER:
+            var _tr$getMeta2 = tr.getMeta(primaryToolbarPluginKey),
+              name = _tr$getMeta2.name,
+              component = _tr$getMeta2.component;
+            pluginState.componentRegistry.set(name, component);
+            return _objectSpread(_objectSpread({}, pluginState), {}, {
+              components: (0, _toolbarConfiguration.getToolbarComponents)(pluginState)
+            });
+          default:
+            return pluginState;
+        }
+      }
+    }
+  });
+};

package/dist/cjs/toolbar-configuration.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getToolbarComponents = void 0;
+var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(pluginState) {
+  return toolbarConfiguration.filter(function (toolbarElement) {
+    return typeof toolbarElement.enabled === 'undefined' || toolbarElement.enabled(pluginState.componentRegistry);
+  }).reduce(function (acc, toolbarElement) {
+    if (pluginState.componentRegistry.has(toolbarElement.name)) {
+      var component = pluginState.componentRegistry.get(toolbarElement.name);
+      if (!!component) {
+        acc.push(component);
+      }
+    }
+    return acc;
+  }, []);
+};
+var undoRedoGroup = [{
+  name: 'undoRedoPlugin'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('undoRedoPlugin');
+  }
+}];
+var blockTypeGroup = [{
+  name: 'blockType'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('blockType');
+  }
+}];
+var textFormattingGroup = [{
+  name: 'textFormatting'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('textFormatting');
+  }
+}];
+var alignmentGroup = [{
+  name: 'alignment'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('alignment');
+  }
+}];
+var textColorGroup = [{
+  name: 'textColor'
+}, {
+  name: 'highlight'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('textColor') || componentRegistry.has('highlight');
+  }
+}];
+var toolbarConfiguration = [].concat(undoRedoGroup, blockTypeGroup, textFormattingGroup, alignmentGroup, textColorGroup);

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/separator.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _styles = require("@atlaskit/editor-common/styles");
+/** @jsx jsx */
+var _default = exports.default = function _default() {
+  return (0, _react.jsx)("span", {
+    css: _styles.wrapperStyle
+  }, (0, _react.jsx)("span", {
+    css: _styles.separatorStyles
+  }));
+};

package/dist/es2019/commands.js

@@ -0,0 +1,14 @@
+import { PrimaryToolbarPluginAction, primaryToolbarPluginKey } from './pm-plugin';
+export const registerComponent = ({
+  name,
+  component
+}) => ({
+  tr
+}) => {
+  tr.setMeta(primaryToolbarPluginKey, {
+    type: PrimaryToolbarPluginAction.REGISTER,
+    name,
+    component
+  });
+  return tr;
+};

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { primaryToolbarPlugin } from './plugin';

package/dist/es2019/plugin.js

@@ -0,0 +1,18 @@
+import { registerComponent } from './commands';
+import { createPlugin, primaryToolbarPluginKey } from './pm-plugin';
+export const primaryToolbarPlugin = () => ({
+  name: 'primaryToolbar',
+  commands: {
+    registerComponent
+  },
+  pmPlugins: () => [{
+    name: 'primaryToolbar',
+    plugin: () => createPlugin()
+  }],
+  getSharedState(editorState) {
+    if (!editorState) {
+      return;
+    }
+    return primaryToolbarPluginKey.getState(editorState);
+  }
+});

package/dist/es2019/pm-plugin.js

@@ -0,0 +1,44 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { getToolbarComponents } from './toolbar-configuration';
+import Separator from './ui/separator';
+export const primaryToolbarPluginKey = new PluginKey('primaryToolbar');
+export let PrimaryToolbarPluginAction = /*#__PURE__*/function (PrimaryToolbarPluginAction) {
+  PrimaryToolbarPluginAction[PrimaryToolbarPluginAction["REGISTER"] = 0] = "REGISTER";
+  return PrimaryToolbarPluginAction;
+}({});
+export const createPlugin = () => {
+  return new SafePlugin({
+    key: primaryToolbarPluginKey,
+    state: {
+      init: () => {
+        const componentRegistry = new Map();
+
+        // Pre-fill registry with the separator component
+        componentRegistry.set('separator', Separator);
+        return {
+          componentRegistry,
+          components: []
+        };
+      },
+      apply: (tr, pluginState) => {
+        var _tr$getMeta;
+        const action = (_tr$getMeta = tr.getMeta(primaryToolbarPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
+        switch (action) {
+          case PrimaryToolbarPluginAction.REGISTER:
+            const {
+              name,
+              component
+            } = tr.getMeta(primaryToolbarPluginKey);
+            pluginState.componentRegistry.set(name, component);
+            return {
+              ...pluginState,
+              components: getToolbarComponents(pluginState)
+            };
+          default:
+            return pluginState;
+        }
+      }
+    }
+  });
+};

package/dist/es2019/toolbar-configuration.js

@@ -0,0 +1,42 @@
+export const getToolbarComponents = pluginState => toolbarConfiguration.filter(toolbarElement => typeof toolbarElement.enabled === 'undefined' || toolbarElement.enabled(pluginState.componentRegistry)).reduce((acc, toolbarElement) => {
+  if (pluginState.componentRegistry.has(toolbarElement.name)) {
+    const component = pluginState.componentRegistry.get(toolbarElement.name);
+    if (!!component) {
+      acc.push(component);
+    }
+  }
+  return acc;
+}, []);
+const undoRedoGroup = [{
+  name: 'undoRedoPlugin'
+}, {
+  name: 'separator',
+  enabled: componentRegistry => componentRegistry.has('undoRedoPlugin')
+}];
+const blockTypeGroup = [{
+  name: 'blockType'
+}, {
+  name: 'separator',
+  enabled: componentRegistry => componentRegistry.has('blockType')
+}];
+const textFormattingGroup = [{
+  name: 'textFormatting'
+}, {
+  name: 'separator',
+  enabled: componentRegistry => componentRegistry.has('textFormatting')
+}];
+const alignmentGroup = [{
+  name: 'alignment'
+}, {
+  name: 'separator',
+  enabled: componentRegistry => componentRegistry.has('alignment')
+}];
+const textColorGroup = [{
+  name: 'textColor'
+}, {
+  name: 'highlight'
+}, {
+  name: 'separator',
+  enabled: componentRegistry => componentRegistry.has('textColor') || componentRegistry.has('highlight')
+}];
+const toolbarConfiguration = [...undoRedoGroup, ...blockTypeGroup, ...textFormattingGroup, ...alignmentGroup, ...textColorGroup];

package/dist/es2019/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ui/separator.js

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+export default (() => jsx("span", {
+  css: wrapperStyle
+}, jsx("span", {
+  css: separatorStyles
+})));

package/dist/esm/commands.js

@@ -0,0 +1,14 @@
+import { PrimaryToolbarPluginAction, primaryToolbarPluginKey } from './pm-plugin';
+export var registerComponent = function registerComponent(_ref) {
+  var name = _ref.name,
+    component = _ref.component;
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    tr.setMeta(primaryToolbarPluginKey, {
+      type: PrimaryToolbarPluginAction.REGISTER,
+      name: name,
+      component: component
+    });
+    return tr;
+  };
+};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { primaryToolbarPlugin } from './plugin';

package/dist/esm/plugin.js

@@ -0,0 +1,24 @@
+import { registerComponent } from './commands';
+import { createPlugin, primaryToolbarPluginKey } from './pm-plugin';
+export var primaryToolbarPlugin = function primaryToolbarPlugin() {
+  return {
+    name: 'primaryToolbar',
+    commands: {
+      registerComponent: registerComponent
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'primaryToolbar',
+        plugin: function plugin() {
+          return createPlugin();
+        }
+      }];
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
+      }
+      return primaryToolbarPluginKey.getState(editorState);
+    }
+  };
+};

package/dist/esm/pm-plugin.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+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 { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { getToolbarComponents } from './toolbar-configuration';
+import Separator from './ui/separator';
+export var primaryToolbarPluginKey = new PluginKey('primaryToolbar');
+export var PrimaryToolbarPluginAction = /*#__PURE__*/function (PrimaryToolbarPluginAction) {
+  PrimaryToolbarPluginAction[PrimaryToolbarPluginAction["REGISTER"] = 0] = "REGISTER";
+  return PrimaryToolbarPluginAction;
+}({});
+export var createPlugin = function createPlugin() {
+  return new SafePlugin({
+    key: primaryToolbarPluginKey,
+    state: {
+      init: function init() {
+        var componentRegistry = new Map();
+
+        // Pre-fill registry with the separator component
+        componentRegistry.set('separator', Separator);
+        return {
+          componentRegistry: componentRegistry,
+          components: []
+        };
+      },
+      apply: function apply(tr, pluginState) {
+        var _tr$getMeta;
+        var action = (_tr$getMeta = tr.getMeta(primaryToolbarPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
+        switch (action) {
+          case PrimaryToolbarPluginAction.REGISTER:
+            var _tr$getMeta2 = tr.getMeta(primaryToolbarPluginKey),
+              name = _tr$getMeta2.name,
+              component = _tr$getMeta2.component;
+            pluginState.componentRegistry.set(name, component);
+            return _objectSpread(_objectSpread({}, pluginState), {}, {
+              components: getToolbarComponents(pluginState)
+            });
+          default:
+            return pluginState;
+        }
+      }
+    }
+  });
+};

package/dist/esm/toolbar-configuration.js

@@ -0,0 +1,56 @@
+export var getToolbarComponents = function getToolbarComponents(pluginState) {
+  return toolbarConfiguration.filter(function (toolbarElement) {
+    return typeof toolbarElement.enabled === 'undefined' || toolbarElement.enabled(pluginState.componentRegistry);
+  }).reduce(function (acc, toolbarElement) {
+    if (pluginState.componentRegistry.has(toolbarElement.name)) {
+      var component = pluginState.componentRegistry.get(toolbarElement.name);
+      if (!!component) {
+        acc.push(component);
+      }
+    }
+    return acc;
+  }, []);
+};
+var undoRedoGroup = [{
+  name: 'undoRedoPlugin'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('undoRedoPlugin');
+  }
+}];
+var blockTypeGroup = [{
+  name: 'blockType'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('blockType');
+  }
+}];
+var textFormattingGroup = [{
+  name: 'textFormatting'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('textFormatting');
+  }
+}];
+var alignmentGroup = [{
+  name: 'alignment'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('alignment');
+  }
+}];
+var textColorGroup = [{
+  name: 'textColor'
+}, {
+  name: 'highlight'
+}, {
+  name: 'separator',
+  enabled: function enabled(componentRegistry) {
+    return componentRegistry.has('textColor') || componentRegistry.has('highlight');
+  }
+}];
+var toolbarConfiguration = [].concat(undoRedoGroup, blockTypeGroup, textFormattingGroup, alignmentGroup, textColorGroup);

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/separator.js

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+export default (function () {
+  return jsx("span", {
+    css: wrapperStyle
+  }, jsx("span", {
+    css: separatorStyles
+  }));
+});

package/dist/types/commands.d.ts

@@ -0,0 +1,6 @@
+import type { EditorCommand, ToolbarUIComponentFactory } from '@atlaskit/editor-common/types';
+import type { ToolbarElementNames } from './types';
+export declare const registerComponent: ({ name, component, }: {
+    name: ToolbarElementNames;
+    component: ToolbarUIComponentFactory;
+}) => EditorCommand;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { primaryToolbarPlugin } from './plugin';
+export type { PrimaryToolbarPlugin, PrimaryToolbarPluginState, ToolbarElementNames, } from './types';

package/dist/types/plugin.d.ts

@@ -0,0 +1,2 @@
+import type { PrimaryToolbarPlugin } from './types';
+export declare const primaryToolbarPlugin: PrimaryToolbarPlugin;

package/dist/types/pm-plugin.d.ts

@@ -0,0 +1,8 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PrimaryToolbarPluginState } from './types';
+export declare const primaryToolbarPluginKey: PluginKey<PrimaryToolbarPluginState>;
+export declare enum PrimaryToolbarPluginAction {
+    REGISTER = 0
+}
+export declare const createPlugin: () => SafePlugin<PrimaryToolbarPluginState>;

package/dist/types/toolbar-configuration.d.ts

@@ -0,0 +1,3 @@
+import type { ToolbarUIComponentFactory } from '@atlaskit/editor-common/types';
+import type { PrimaryToolbarPluginState } from './types';
+export declare const getToolbarComponents: (pluginState: PrimaryToolbarPluginState) => ToolbarUIComponentFactory[];

package/dist/types/types.d.ts

@@ -0,0 +1,21 @@
+import type { EditorCommand, NextEditorPlugin, ToolbarUIComponentFactory } from '@atlaskit/editor-common/types';
+export type PrimaryToolbarPlugin = NextEditorPlugin<'primaryToolbar', {
+    sharedState: PrimaryToolbarPluginState | undefined;
+    commands: {
+        registerComponent: ({ name, component, }: {
+            name: ToolbarElementNames;
+            component: ToolbarUIComponentFactory;
+        }) => EditorCommand;
+    };
+}>;
+type ComponentRegistry = Map<string, ToolbarUIComponentFactory>;
+export type ToolbarElementNames = 'separator' | 'undoRedoPlugin' | 'blockType' | 'textFormatting' | 'alignment' | 'textColor' | 'highlight';
+export type ToolbarElementConfig = {
+    name: ToolbarElementNames;
+    enabled?: (componentRegistry: ComponentRegistry) => boolean;
+};
+export type PrimaryToolbarPluginState = {
+    componentRegistry: ComponentRegistry;
+    components: ToolbarUIComponentFactory[];
+};
+export {};

package/dist/types/ui/separator.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+declare const _default: () => jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/commands.d.ts

@@ -0,0 +1,6 @@
+import type { EditorCommand, ToolbarUIComponentFactory } from '@atlaskit/editor-common/types';
+import type { ToolbarElementNames } from './types';
+export declare const registerComponent: ({ name, component, }: {
+    name: ToolbarElementNames;
+    component: ToolbarUIComponentFactory;
+}) => EditorCommand;

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { primaryToolbarPlugin } from './plugin';
+export type { PrimaryToolbarPlugin, PrimaryToolbarPluginState, ToolbarElementNames, } from './types';

package/dist/types-ts4.5/plugin.d.ts

@@ -0,0 +1,2 @@
+import type { PrimaryToolbarPlugin } from './types';
+export declare const primaryToolbarPlugin: PrimaryToolbarPlugin;

package/dist/types-ts4.5/pm-plugin.d.ts

@@ -0,0 +1,8 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PrimaryToolbarPluginState } from './types';
+export declare const primaryToolbarPluginKey: PluginKey<PrimaryToolbarPluginState>;
+export declare enum PrimaryToolbarPluginAction {
+    REGISTER = 0
+}
+export declare const createPlugin: () => SafePlugin<PrimaryToolbarPluginState>;

package/dist/types-ts4.5/toolbar-configuration.d.ts

@@ -0,0 +1,3 @@
+import type { ToolbarUIComponentFactory } from '@atlaskit/editor-common/types';
+import type { PrimaryToolbarPluginState } from './types';
+export declare const getToolbarComponents: (pluginState: PrimaryToolbarPluginState) => ToolbarUIComponentFactory[];

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

@@ -0,0 +1,21 @@
+import type { EditorCommand, NextEditorPlugin, ToolbarUIComponentFactory } from '@atlaskit/editor-common/types';
+export type PrimaryToolbarPlugin = NextEditorPlugin<'primaryToolbar', {
+    sharedState: PrimaryToolbarPluginState | undefined;
+    commands: {
+        registerComponent: ({ name, component, }: {
+            name: ToolbarElementNames;
+            component: ToolbarUIComponentFactory;
+        }) => EditorCommand;
+    };
+}>;
+type ComponentRegistry = Map<string, ToolbarUIComponentFactory>;
+export type ToolbarElementNames = 'separator' | 'undoRedoPlugin' | 'blockType' | 'textFormatting' | 'alignment' | 'textColor' | 'highlight';
+export type ToolbarElementConfig = {
+    name: ToolbarElementNames;
+    enabled?: (componentRegistry: ComponentRegistry) => boolean;
+};
+export type PrimaryToolbarPluginState = {
+    componentRegistry: ComponentRegistry;
+    components: ToolbarUIComponentFactory[];
+};
+export {};

package/dist/types-ts4.5/ui/separator.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+declare const _default: () => jsx.JSX.Element;
+export default _default;

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@atlaskit/editor-plugin-primary-toolbar",
+  "version": "1.1.0",
+  "description": "Primary toolbar plugin for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Core Experiences",
+    "inPublicMirror": false,
+    "releaseModel": "continuous",
+    "website": {
+      "name": "EditorPluginPrimaryToolbar",
+      "category": "Components"
+    },
+    "runReact18": false
+  },
+  "repository": "https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/editor-common": "^81.0.0",
+    "@atlaskit/editor-prosemirror": "4.0.1",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "typescript": "~5.4.2"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}