@atlaskit/editor-plugin-hyperlink 5.4.8 → 5.4.10

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-hyperlink
 
+## 5.4.10
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.4.9
+
+### Patch Changes
+
+- [`286abb4d35eba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/286abb4d35eba) -
+  [ux] [ED-28960] Finish full page primary toolbar migration
+
+  - Align with design update (separator, gap, height, icon size)
+  - Add keyboard shortcut to focus toolbar and arrow key navigation
+  - Address accessibility
+
+- Updated dependencies
+
 ## 5.4.8
 
 ### Patch Changes

package/dist/cjs/ui/toolbar/LinkButton.js

@@ -35,7 +35,8 @@ var LinkButton = exports.LinkButton = function LinkButton(_ref) {
     })
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.LinkIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.link)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.link),
+      size: "small"
     }),
     onClick: onClick,
     testId: 'editor-toolbar__link-button',

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

@@ -8,29 +8,8 @@ exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _LinkButton = require("./toolbar/LinkButton");
-var _LinkSection = require("./toolbar/LinkSection");
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
   var toolbarComponents = [{
-    type: _toolbar.LINKING_SECTION.type,
-    key: _toolbar.LINKING_SECTION.key,
-    parents: [{
-      type: 'toolbar',
-      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.LINKING_SECTION.key]
-    }, {
-      type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.LINKING_SECTION.key]
-    }],
-    component: function component(_ref) {
-      var children = _ref.children,
-        parents = _ref.parents;
-      return /*#__PURE__*/_react.default.createElement(_LinkSection.LinkSection, {
-        parents: parents,
-        api: api
-      }, children);
-    }
-  }, {
     type: _toolbar.LINKING_GROUP.type,
     key: _toolbar.LINKING_GROUP.key,
     parents: [{

package/dist/es2019/ui/toolbar/LinkButton.js

@@ -32,7 +32,8 @@ export const LinkButton = ({
     })
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(LinkIcon, {
-      label: formatMessage(messages.link)
+      label: formatMessage(messages.link),
+      size: "small"
     }),
     onClick: onClick,
     testId: 'editor-toolbar__link-button',

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

@@ -1,30 +1,8 @@
 import React from 'react';
-import { LINKING_BUTTON, LINKING_GROUP, LINKING_GROUP_RANK, LINKING_SECTION, LINKING_SECTION_RANK, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { LINKING_BUTTON, LINKING_GROUP, LINKING_GROUP_RANK, LINKING_SECTION, LINKING_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { LinkButton } from './toolbar/LinkButton';
-import { LinkSection } from './toolbar/LinkSection';
 export const getToolbarComponents = api => {
   const toolbarComponents = [{
-    type: LINKING_SECTION.type,
-    key: LINKING_SECTION.key,
-    parents: [{
-      type: 'toolbar',
-      key: TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: TOOLBAR_RANK[LINKING_SECTION.key]
-    }, {
-      type: 'toolbar',
-      key: TOOLBARS.PRIMARY_TOOLBAR,
-      rank: TOOLBAR_RANK[LINKING_SECTION.key]
-    }],
-    component: ({
-      children,
-      parents
-    }) => {
-      return /*#__PURE__*/React.createElement(LinkSection, {
-        parents: parents,
-        api: api
-      }, children);
-    }
-  }, {
     type: LINKING_GROUP.type,
     key: LINKING_GROUP.key,
     parents: [{

package/dist/esm/ui/toolbar/LinkButton.js

@@ -28,7 +28,8 @@ export var LinkButton = function LinkButton(_ref) {
     })
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(LinkIcon, {
-      label: formatMessage(messages.link)
+      label: formatMessage(messages.link),
+      size: "small"
     }),
     onClick: onClick,
     testId: 'editor-toolbar__link-button',

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

@@ -1,29 +1,8 @@
 import React from 'react';
-import { LINKING_BUTTON, LINKING_GROUP, LINKING_GROUP_RANK, LINKING_SECTION, LINKING_SECTION_RANK, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
+import { LINKING_BUTTON, LINKING_GROUP, LINKING_GROUP_RANK, LINKING_SECTION, LINKING_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { LinkButton } from './toolbar/LinkButton';
-import { LinkSection } from './toolbar/LinkSection';
 export var getToolbarComponents = function getToolbarComponents(api) {
   var toolbarComponents = [{
-    type: LINKING_SECTION.type,
-    key: LINKING_SECTION.key,
-    parents: [{
-      type: 'toolbar',
-      key: TOOLBARS.INLINE_TEXT_TOOLBAR,
-      rank: TOOLBAR_RANK[LINKING_SECTION.key]
-    }, {
-      type: 'toolbar',
-      key: TOOLBARS.PRIMARY_TOOLBAR,
-      rank: TOOLBAR_RANK[LINKING_SECTION.key]
-    }],
-    component: function component(_ref) {
-      var children = _ref.children,
-        parents = _ref.parents;
-      return /*#__PURE__*/React.createElement(LinkSection, {
-        parents: parents,
-        api: api
-      }, children);
-    }
-  }, {
     type: LINKING_GROUP.type,
     key: LINKING_GROUP.key,
     parents: [{

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-hyperlink",
-	"version": "5.4.8",
+	"version": "5.4.10",
 	"description": "Hyperlink plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,20 +40,20 @@
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
 		"@atlaskit/editor-plugin-selection-toolbar": "^4.3.0",
-		"@atlaskit/editor-plugin-toolbar": "^0.3.0",
+		"@atlaskit/editor-plugin-toolbar": "^0.4.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-toolbar": "^0.3.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.4.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"

package/dist/cjs/ui/toolbar/LinkSection.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinkSection = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var shouldShowLinkSection = function shouldShowLinkSection(editMode, toolbar, toolbarDocking) {
-  if (editMode === 'view') {
-    return false;
-  }
-  if ((toolbar === null || toolbar === void 0 ? void 0 : toolbar.key) === _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR && toolbarDocking !== 'top') {
-    return true;
-  }
-  if ((toolbar === null || toolbar === void 0 ? void 0 : toolbar.key) === _toolbar.TOOLBARS.PRIMARY_TOOLBAR && toolbarDocking !== 'none') {
-    return true;
-  }
-  return false;
-};
-var LinkSection = exports.LinkSection = function LinkSection(_ref) {
-  var children = _ref.children,
-    parents = _ref.parents,
-    api = _ref.api;
-  var editMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'editorViewMode.mode');
-  var toolbarDocking = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'userPreferences.preferences.toolbarDockingPosition');
-  var toolbar = parents.find(function (parent) {
-    return parent.type === 'toolbar';
-  });
-  if (!shouldShowLinkSection(editMode, toolbar, toolbarDocking)) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarSection, null, children);
-};

package/dist/es2019/ui/toolbar/LinkSection.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { ToolbarSection } from '@atlaskit/editor-toolbar';
-const shouldShowLinkSection = (editMode, toolbar, toolbarDocking) => {
-  if (editMode === 'view') {
-    return false;
-  }
-  if ((toolbar === null || toolbar === void 0 ? void 0 : toolbar.key) === TOOLBARS.INLINE_TEXT_TOOLBAR && toolbarDocking !== 'top') {
-    return true;
-  }
-  if ((toolbar === null || toolbar === void 0 ? void 0 : toolbar.key) === TOOLBARS.PRIMARY_TOOLBAR && toolbarDocking !== 'none') {
-    return true;
-  }
-  return false;
-};
-export const LinkSection = ({
-  children,
-  parents,
-  api
-}) => {
-  const editMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
-  const toolbarDocking = useSharedPluginStateSelector(api, 'userPreferences.preferences.toolbarDockingPosition');
-  const toolbar = parents.find(parent => parent.type === 'toolbar');
-  if (!shouldShowLinkSection(editMode, toolbar, toolbarDocking)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarSection, null, children);
-};

package/dist/esm/ui/toolbar/LinkSection.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { ToolbarSection } from '@atlaskit/editor-toolbar';
-var shouldShowLinkSection = function shouldShowLinkSection(editMode, toolbar, toolbarDocking) {
-  if (editMode === 'view') {
-    return false;
-  }
-  if ((toolbar === null || toolbar === void 0 ? void 0 : toolbar.key) === TOOLBARS.INLINE_TEXT_TOOLBAR && toolbarDocking !== 'top') {
-    return true;
-  }
-  if ((toolbar === null || toolbar === void 0 ? void 0 : toolbar.key) === TOOLBARS.PRIMARY_TOOLBAR && toolbarDocking !== 'none') {
-    return true;
-  }
-  return false;
-};
-export var LinkSection = function LinkSection(_ref) {
-  var children = _ref.children,
-    parents = _ref.parents,
-    api = _ref.api;
-  var editMode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
-  var toolbarDocking = useSharedPluginStateSelector(api, 'userPreferences.preferences.toolbarDockingPosition');
-  var toolbar = parents.find(function (parent) {
-    return parent.type === 'toolbar';
-  });
-  if (!shouldShowLinkSection(editMode, toolbar, toolbarDocking)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarSection, null, children);
-};

package/dist/types/ui/toolbar/LinkSection.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { HyperlinkPlugin } from '../../hyperlinkPluginType';
-type LinkSectionProps = {
-    children: React.ReactNode;
-    parents: ToolbarComponentTypes;
-    api?: ExtractInjectionAPI<HyperlinkPlugin>;
-};
-export declare const LinkSection: ({ children, parents, api }: LinkSectionProps) => React.JSX.Element | null;
-export {};

package/dist/types-ts4.5/ui/toolbar/LinkSection.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { HyperlinkPlugin } from '../../hyperlinkPluginType';
-type LinkSectionProps = {
-    children: React.ReactNode;
-    parents: ToolbarComponentTypes;
-    api?: ExtractInjectionAPI<HyperlinkPlugin>;
-};
-export declare const LinkSection: ({ children, parents, api }: LinkSectionProps) => React.JSX.Element | null;
-export {};