@atlaskit/editor-plugin-quick-insert 10.4.6 → 10.4.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-quick-insert
 
+## 10.4.7
+
+### Patch Changes
+
+- [`cf6977530a136`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf6977530a136) -
+  Support fullwidth slash ／ (U+FF0F) as a quick insert trigger for Japanese/CJK keyboard users.
+  Japanese keyboards produce the fullwidth slash when pressing the / key, which previously did not
+  open the quick insert menu. The fix adds a `customRegex` to the quick-insert typeahead handler
+  that matches both ASCII slash `/` and fullwidth slash `／`, and extends the trigger cleanup logic
+  in `openTypeAheadAtCursor` to handle `customRegex` alternatives.
+- Updated dependencies
+
 ## 10.4.6
 
 ### Patch Changes

package/dist/cjs/quickInsertPlugin.js

@@ -38,6 +38,8 @@ var quickInsertPlugin = exports.quickInsertPlugin = function quickInsertPlugin(_
   var typeAhead = {
     id: _typeAhead.TypeAheadAvailableNodes.QUICK_INSERT,
     trigger: '/',
+    // Support fullwidth slash (U+FF0F) used by Japanese/CJK keyboards (e.g. typing / on a Japanese keyboard layout)
+    customRegex: (0, _expValEquals.expValEquals)('platform_editor_wide_slash_trigger', 'isEnabled', true) ? '\\(?([/／])' : undefined,
     headless: options === null || options === void 0 ? void 0 : options.headless,
     getItems: function getItems(_ref2) {
       var query = _ref2.query,
@@ -322,39 +324,39 @@ function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispat
     view: function view(editorView) {
       var providerHandler = /*#__PURE__*/function () {
         var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_name, providerPromise) {
-          var provider, providedItems;
-          return _regenerator.default.wrap(function _callee$(_context) {
+          var provider, providedItems, _t;
+          return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 if (!providerPromise) {
-                  _context.next = 14;
+                  _context.next = 5;
                   break;
                 }
                 _context.prev = 1;
-                _context.next = 4;
+                _context.next = 2;
                 return providerPromise;
-              case 4:
+              case 2:
                 provider = _context.sent;
-                _context.next = 7;
+                _context.next = 3;
                 return provider.getItems();
-              case 7:
+              case 3:
                 providedItems = _context.sent;
                 setProviderState({
                   provider: provider,
                   providedItems: providedItems
                 })(editorView.state, editorView.dispatch);
-                _context.next = 14;
+                _context.next = 5;
                 break;
-              case 11:
-                _context.prev = 11;
-                _context.t0 = _context["catch"](1);
+              case 4:
+                _context.prev = 4;
+                _t = _context["catch"](1);
                 // eslint-disable-next-line no-console
-                console.error('Error getting items from quick insert provider', _context.t0);
-              case 14:
+                console.error('Error getting items from quick insert provider', _t);
+              case 5:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[1, 11]]);
+          }, _callee, null, [[1, 4]]);
         }));
         return function providerHandler(_x, _x2) {
           return _ref13.apply(this, arguments);

package/dist/es2019/quickInsertPlugin.js

@@ -26,6 +26,8 @@ export const quickInsertPlugin = ({
   const typeAhead = {
     id: TypeAheadAvailableNodes.QUICK_INSERT,
     trigger: '/',
+    // Support fullwidth slash (U+FF0F) used by Japanese/CJK keyboards (e.g. typing / on a Japanese keyboard layout)
+    customRegex: expValEquals('platform_editor_wide_slash_trigger', 'isEnabled', true) ? '\\(?([/／])' : undefined,
     headless: options === null || options === void 0 ? void 0 : options.headless,
     getItems({
       query,

package/dist/esm/quickInsertPlugin.js

@@ -31,6 +31,8 @@ export var quickInsertPlugin = function quickInsertPlugin(_ref) {
   var typeAhead = {
     id: TypeAheadAvailableNodes.QUICK_INSERT,
     trigger: '/',
+    // Support fullwidth slash (U+FF0F) used by Japanese/CJK keyboards (e.g. typing / on a Japanese keyboard layout)
+    customRegex: expValEquals('platform_editor_wide_slash_trigger', 'isEnabled', true) ? '\\(?([/／])' : undefined,
     headless: options === null || options === void 0 ? void 0 : options.headless,
     getItems: function getItems(_ref2) {
       var query = _ref2.query,
@@ -315,39 +317,39 @@ function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispat
     view: function view(editorView) {
       var providerHandler = /*#__PURE__*/function () {
         var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, providerPromise) {
-          var provider, providedItems;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+          var provider, providedItems, _t;
+          return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 if (!providerPromise) {
-                  _context.next = 14;
+                  _context.next = 5;
                   break;
                 }
                 _context.prev = 1;
-                _context.next = 4;
+                _context.next = 2;
                 return providerPromise;
-              case 4:
+              case 2:
                 provider = _context.sent;
-                _context.next = 7;
+                _context.next = 3;
                 return provider.getItems();
-              case 7:
+              case 3:
                 providedItems = _context.sent;
                 setProviderState({
                   provider: provider,
                   providedItems: providedItems
                 })(editorView.state, editorView.dispatch);
-                _context.next = 14;
+                _context.next = 5;
                 break;
-              case 11:
-                _context.prev = 11;
-                _context.t0 = _context["catch"](1);
+              case 4:
+                _context.prev = 4;
+                _t = _context["catch"](1);
                 // eslint-disable-next-line no-console
-                console.error('Error getting items from quick insert provider', _context.t0);
-              case 14:
+                console.error('Error getting items from quick insert provider', _t);
+              case 5:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[1, 11]]);
+          }, _callee, null, [[1, 4]]);
         }));
         return function providerHandler(_x, _x2) {
           return _ref13.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-quick-insert",
-	"version": "10.4.6",
+	"version": "10.4.7",
 	"description": "Quick insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,18 +33,18 @@
 		"@atlaskit/editor-plugin-analytics": "^10.1.0",
 		"@atlaskit/editor-plugin-connectivity": "^10.1.0",
 		"@atlaskit/editor-plugin-metrics": "^11.1.0",
-		"@atlaskit/editor-plugin-type-ahead": "^10.2.0",
+		"@atlaskit/editor-plugin-type-ahead": "^10.3.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/modal-dialog": "^15.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^84.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/tmp-editor-statsig": "^84.3.0",
+		"@atlaskit/tokens": "^13.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.47.0",
+		"@atlaskit/editor-common": "^114.50.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"