@atlaskit/editor-plugin-toolbar 0.4.3 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-toolbar
 
+## 0.4.5
+
+### Patch Changes
+
+- [`4ef462fecb522`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4ef462fecb522) -
+  [ux] [ED-29003] Register loom component as a dropdown menu item in overflow menu
+- Updated dependencies
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.4.3
 
 ### Patch Changes

package/dist/cjs/ui/OverflowSection.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverflowSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var OverflowSection = exports.OverflowSection = function OverflowSection(_ref) {
+  var children = _ref.children,
+    hasSeparator = _ref.hasSeparator,
+    testId = _ref.testId;
+  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
+    editorAppearance = _useEditorToolbar.editorAppearance;
+  if (editorAppearance === 'full-page') {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarSection, {
+    hasSeparator: hasSeparator,
+    testId: testId
+  }, children);
+};

package/dist/cjs/ui/toolbar-components.js

@@ -8,11 +8,13 @@ exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _consts = require("./consts");
 var _OverflowMenu = require("./OverflowMenu");
+var _OverflowSection = require("./OverflowSection");
 var _Section = require("./Section");
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, disableSelectionToolbar) {
-  return [{
+  var components = [{
     type: 'toolbar',
     key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
     component: function component(_ref) {
@@ -130,4 +132,40 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       rank: _toolbar.TOOLBAR_RANK[_toolbar.PIN_SECTION.key]
     }]
   }];
+  if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true)) {
+    components.push({
+      type: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+      key: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: 'toolbar',
+        key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
+        rank: _toolbar.TOOLBAR_RANK[_toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key]
+      }],
+      component: function component(_ref7) {
+        var children = _ref7.children;
+        return /*#__PURE__*/_react.default.createElement(_OverflowSection.OverflowSection, null, children);
+      }
+    }, {
+      type: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+      key: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+        key: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+        rank: _toolbar.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK[_toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key]
+      }]
+    }, {
+      type: _toolbar.OVERFLOW_MENU_PRIMARY_TOOLBAR.type,
+      key: _toolbar.OVERFLOW_MENU_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+        key: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+        rank: _toolbar.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK[_toolbar.OVERFLOW_MENU_PRIMARY_TOOLBAR.key]
+      }],
+      component: function component(_ref8) {
+        var children = _ref8.children;
+        return /*#__PURE__*/_react.default.createElement(_OverflowMenu.OverflowMenu, null, children);
+      }
+    });
+  }
+  return components;
 };

package/dist/es2019/ui/OverflowSection.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
+import { ToolbarSection } from '@atlaskit/editor-toolbar';
+export const OverflowSection = ({
+  children,
+  hasSeparator,
+  testId
+}) => {
+  const {
+    editorAppearance
+  } = useEditorToolbar();
+  if (editorAppearance === 'full-page') {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarSection, {
+    hasSeparator: hasSeparator,
+    testId: testId
+  }, children);
+};

package/dist/es2019/ui/toolbar-components.js

@@ -1,11 +1,13 @@
 import React from 'react';
-import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_SECTION, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_PRIMARY_TOOLBAR, OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_MENU_PRIMARY_TOOLBAR, OVERFLOW_SECTION, OVERFLOW_SECTION_PRIMARY_TOOLBAR, OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { PrimaryToolbar, Toolbar } from '@atlaskit/editor-toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { SELECTION_TOOLBAR_LABEL } from './consts';
 import { OverflowMenu } from './OverflowMenu';
+import { OverflowSection } from './OverflowSection';
 import { Section } from './Section';
 export const getToolbarComponents = (api, disableSelectionToolbar) => {
-  return [{
+  const components = [{
     type: 'toolbar',
     key: TOOLBARS.INLINE_TEXT_TOOLBAR,
     component: ({
@@ -123,4 +125,42 @@ export const getToolbarComponents = (api, disableSelectionToolbar) => {
       rank: TOOLBAR_RANK[PIN_SECTION.key]
     }]
   }];
+  if (expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true)) {
+    components.push({
+      type: OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+      key: OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: 'toolbar',
+        key: TOOLBARS.PRIMARY_TOOLBAR,
+        rank: TOOLBAR_RANK[OVERFLOW_SECTION_PRIMARY_TOOLBAR.key]
+      }],
+      component: ({
+        children
+      }) => {
+        return /*#__PURE__*/React.createElement(OverflowSection, null, children);
+      }
+    }, {
+      type: OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+      key: OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+        key: OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+        rank: OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK[OVERFLOW_GROUP_PRIMARY_TOOLBAR.key]
+      }]
+    }, {
+      type: OVERFLOW_MENU_PRIMARY_TOOLBAR.type,
+      key: OVERFLOW_MENU_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+        key: OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+        rank: OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK[OVERFLOW_MENU_PRIMARY_TOOLBAR.key]
+      }],
+      component: ({
+        children
+      }) => {
+        return /*#__PURE__*/React.createElement(OverflowMenu, null, children);
+      }
+    });
+  }
+  return components;
 };

package/dist/esm/ui/OverflowSection.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
+import { ToolbarSection } from '@atlaskit/editor-toolbar';
+export var OverflowSection = function OverflowSection(_ref) {
+  var children = _ref.children,
+    hasSeparator = _ref.hasSeparator,
+    testId = _ref.testId;
+  var _useEditorToolbar = useEditorToolbar(),
+    editorAppearance = _useEditorToolbar.editorAppearance;
+  if (editorAppearance === 'full-page') {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarSection, {
+    hasSeparator: hasSeparator,
+    testId: testId
+  }, children);
+};

package/dist/esm/ui/toolbar-components.js

@@ -1,11 +1,13 @@
 import React from 'react';
-import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_SECTION, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_PRIMARY_TOOLBAR, OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_MENU_PRIMARY_TOOLBAR, OVERFLOW_SECTION, OVERFLOW_SECTION_PRIMARY_TOOLBAR, OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_SECTION, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { PrimaryToolbar, Toolbar } from '@atlaskit/editor-toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { SELECTION_TOOLBAR_LABEL } from './consts';
 import { OverflowMenu } from './OverflowMenu';
+import { OverflowSection } from './OverflowSection';
 import { Section } from './Section';
 export var getToolbarComponents = function getToolbarComponents(api, disableSelectionToolbar) {
-  return [{
+  var components = [{
     type: 'toolbar',
     key: TOOLBARS.INLINE_TEXT_TOOLBAR,
     component: function component(_ref) {
@@ -123,4 +125,40 @@ export var getToolbarComponents = function getToolbarComponents(api, disableSele
       rank: TOOLBAR_RANK[PIN_SECTION.key]
     }]
   }];
+  if (expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true)) {
+    components.push({
+      type: OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+      key: OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: 'toolbar',
+        key: TOOLBARS.PRIMARY_TOOLBAR,
+        rank: TOOLBAR_RANK[OVERFLOW_SECTION_PRIMARY_TOOLBAR.key]
+      }],
+      component: function component(_ref7) {
+        var children = _ref7.children;
+        return /*#__PURE__*/React.createElement(OverflowSection, null, children);
+      }
+    }, {
+      type: OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+      key: OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: OVERFLOW_SECTION_PRIMARY_TOOLBAR.type,
+        key: OVERFLOW_SECTION_PRIMARY_TOOLBAR.key,
+        rank: OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK[OVERFLOW_GROUP_PRIMARY_TOOLBAR.key]
+      }]
+    }, {
+      type: OVERFLOW_MENU_PRIMARY_TOOLBAR.type,
+      key: OVERFLOW_MENU_PRIMARY_TOOLBAR.key,
+      parents: [{
+        type: OVERFLOW_GROUP_PRIMARY_TOOLBAR.type,
+        key: OVERFLOW_GROUP_PRIMARY_TOOLBAR.key,
+        rank: OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK[OVERFLOW_MENU_PRIMARY_TOOLBAR.key]
+      }],
+      component: function component(_ref8) {
+        var children = _ref8.children;
+        return /*#__PURE__*/React.createElement(OverflowMenu, null, children);
+      }
+    });
+  }
+  return components;
 };

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const OverflowSection: ({ children, hasSeparator, testId, }: {
+    children: React.ReactNode;
+    hasSeparator?: boolean;
+    testId?: string;
+}) => React.JSX.Element | null;

package/dist/types/ui/SelectionToolbar/index.d.ts

@@ -8,5 +8,5 @@ type SelectionToolbarProps = {
     mountPoint: HTMLElement | undefined;
     disableSelectionToolbarWhenPinned: boolean;
 };
-export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned }: SelectionToolbarProps) => React.JSX.Element | null;
+export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element | null;
 export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const OverflowSection: ({ children, hasSeparator, testId, }: {
+    children: React.ReactNode;
+    hasSeparator?: boolean;
+    testId?: string;
+}) => React.JSX.Element | null;

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

@@ -8,5 +8,5 @@ type SelectionToolbarProps = {
     mountPoint: HTMLElement | undefined;
     disableSelectionToolbarWhenPinned: boolean;
 };
-export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned }: SelectionToolbarProps) => React.JSX.Element | null;
+export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element | null;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar",
-	"version": "0.4.3",
+	"version": "0.4.5",
 	"description": "Toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,9 +27,6 @@
 	},
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
-	"af:exports": {
-		".": "./src/index.ts"
-	},
 	"dependencies": {
 		"@atlaskit/editor-plugin-connectivity": "^3.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
@@ -37,15 +34,15 @@
 		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
 		"@atlaskit/editor-plugin-user-preferences": "^1.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-toolbar": "^0.3.0",
+		"@atlaskit/editor-toolbar": "^0.5.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
-		"@atlaskit/tmp-editor-statsig": "^11.8.0",
+		"@atlaskit/tmp-editor-statsig": "^11.9.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.31.0",
+		"@atlaskit/editor-common": "^107.33.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {