@atlaskit/editor-plugin-quick-insert 16.2.3 → 16.2.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-quick-insert
 
+## 16.2.5
+
+### Patch Changes
+
+- [`bcfe498b206d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcfe498b206d5) -
+  Adopt button and list-item motion tokens behind the use-pressable-motion rollout.
+- Updated dependencies
+
+## 16.2.4
+
+### Patch Changes
+
+- [`25ed290dcc443`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25ed290dcc443) -
+  Add Quick Insert category selection support for slash commands behind the
+  platform_editor_slash_command feature flag.
+- Updated dependencies
+
 ## 16.2.3
 
 ### Patch Changes

package/dist/cjs/app-category-analytics.js

@@ -118,9 +118,9 @@ var calculateQuickInsertItemsAttributes = exports.calculateQuickInsertItemsAttri
     }
   };
   var countItem = function countItem(item) {
-    var _categories$map$filte;
+    var _item$categories, _categories$map$filte;
     countCategoryItem(attributes.allCategories, item);
-    var categories = item.categories;
+    var categories = (_item$categories = item.categories) !== null && _item$categories !== void 0 ? _item$categories : [];
     var normalizedCategories = new Set((_categories$map$filte = categories === null || categories === void 0 ? void 0 : categories.map(function (category) {
       return category.trim().toLowerCase();
     }).filter(Boolean)) !== null && _categories$map$filte !== void 0 ? _categories$map$filte : []);
@@ -145,7 +145,8 @@ var calculateQuickInsertItemsAttributes = exports.calculateQuickInsertItemsAttri
       countCategoryItem(attributes.legacyCategory.uncategorized, item);
     }
     var _iterator2 = _createForOfIteratorHelper((0, _getMenuItemParents.getQuickInsertMenuItemParents)({
-        categories: categories,
+        category: item.category,
+        legacyCategories: item.categories,
         rank: 0
       })),
       _step2;

package/dist/cjs/quickInsertPlugin.js

@@ -14,6 +14,7 @@ var _reactIntl = require("react-intl");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _getActiveQuickInsertCategories = require("@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
@@ -71,8 +72,7 @@ var quickInsertPlugin = exports.quickInsertPlugin = function quickInsertPlugin(_
         disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems,
         prioritySortingFn: options === null || options === void 0 ? void 0 : options.prioritySortingFn,
         itemFilter: function itemFilter(item) {
-          var _item$categories$incl, _item$categories;
-          return (_item$categories$incl = (_item$categories = item.categories) === null || _item$categories === void 0 ? void 0 : _item$categories.includes('AI')) !== null && _item$categories$incl !== void 0 ? _item$categories$incl : false;
+          return (0, _getActiveQuickInsertCategories.getActiveQuickInsertCategories)(item.category, item.categories).includes('AI');
         }
       }, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems);
       return matches[0];

package/dist/cjs/ui/BlockControlQuickInsertButton.compiled.css

@@ -1,5 +1,6 @@
 ._19itglyw{border:none}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
@@ -17,4 +18,5 @@
 ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
 ._ra3xnqa1:focus-visible{outline-style:solid}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/cjs/ui/BlockControlQuickInsertButton.js

@@ -28,7 +28,7 @@ var quickInsertButtonContainerStyles = {
   root: "_1e0c1txw _4t3i9xsi _1bsb9xsi"
 };
 var quickInsertButtonStyles = {
-  root: "_19itglyw _2rko1rr0 _1rjcze3t _18zrze3t _4cvr1h6o _bfhksm61 _vchhusvi _syazazsu _80omtlke _1e0c1txw _4t3i1osq _1bah1h6o _1bsb1osq _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _irr31dpa _1di6fcek"
+  root: "_19itglyw _2rko1rr0 _v564k6bl _1rjcze3t _18zrze3t _4cvr1h6o _bfhksm61 _vchhusvi _syazazsu _80omtlke _1e0c1txw _4t3i1osq _1bah1h6o _1bsb1osq _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _irr31dpa _1ggl5xtf _1di6fcek"
 };
 var createNewLine = function createNewLine(start) {
   return function (_ref) {

package/dist/cjs/ui/getLegacyCompatibleComponents.js

@@ -55,7 +55,8 @@ var getComponentsFromLegacyItems = function getComponentsFromLegacyItems(items,
       type: 'menu-item',
       key: (0, _getProviderMenuItemKey.getQuickInsertProviderMenuItemKey)(identity),
       parents: (0, _getMenuItemParents.getQuickInsertMenuItemParents)({
-        categories: item.categories,
+        category: item.category,
+        legacyCategories: item.categories,
         rank: (_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index
       }),
       component: function component() {

package/dist/cjs/ui/search.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.withLayoutQuickInsertPrioritySorting = exports.getQuickInsertSuggestions = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _getActiveQuickInsertCategories = require("@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories");
 var _utils = require("@atlaskit/editor-common/utils");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var isRegisteredLayoutQuickInsertItem = function isRegisteredLayoutQuickInsertItem(item) {
@@ -70,6 +71,6 @@ var getQuickInsertSuggestions = exports.getQuickInsertSuggestions = function get
     });
   }
   return (0, _quickInsert.find)(((0, _fg.fg)('platform_editor_fix_space_triggering_ai') ? query === null || query === void 0 ? void 0 : query.trimEnd() : query) || '', category === 'all' || !category ? items : items.filter(function (item) {
-    return item.categories && item.categories.includes(category);
+    return (0, _getActiveQuickInsertCategories.getActiveQuickInsertCategories)(item.category, item.categories).includes(category);
   }), prioritySortingFn);
 };

package/dist/es2019/app-category-analytics.js

@@ -111,9 +111,9 @@ export const calculateQuickInsertItemsAttributes = ({
     }
   };
   const countItem = item => {
-    var _categories$map$filte;
+    var _item$categories, _categories$map$filte;
     countCategoryItem(attributes.allCategories, item);
-    const categories = item.categories;
+    const categories = (_item$categories = item.categories) !== null && _item$categories !== void 0 ? _item$categories : [];
     const normalizedCategories = new Set((_categories$map$filte = categories === null || categories === void 0 ? void 0 : categories.map(category => category.trim().toLowerCase()).filter(Boolean)) !== null && _categories$map$filte !== void 0 ? _categories$map$filte : []);
     let hasUnknownCategory = normalizedCategories.size === 0;
     for (const category of normalizedCategories) {
@@ -129,7 +129,8 @@ export const calculateQuickInsertItemsAttributes = ({
     for (const {
       key
     } of getQuickInsertMenuItemParents({
-      categories,
+      category: item.category,
+      legacyCategories: item.categories,
       rank: 0
     })) {
       const categoryKey = sectionCategoryKeys[key];

package/dist/es2019/quickInsertPlugin.js

@@ -3,6 +3,7 @@ import { useIntl } from 'react-intl';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { memoProcessQuickInsertItems } from '@atlaskit/editor-common/quick-insert';
+import { getActiveQuickInsertCategories } from '@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
@@ -60,10 +61,7 @@ export const quickInsertPlugin = ({
         query: '',
         disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems,
         prioritySortingFn: options === null || options === void 0 ? void 0 : options.prioritySortingFn,
-        itemFilter: item => {
-          var _item$categories$incl, _item$categories;
-          return (_item$categories$incl = (_item$categories = item.categories) === null || _item$categories === void 0 ? void 0 : _item$categories.includes('AI')) !== null && _item$categories$incl !== void 0 ? _item$categories$incl : false;
-        }
+        itemFilter: item => getActiveQuickInsertCategories(item.category, item.categories).includes('AI')
       }, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems);
       return matches[0];
     },

package/dist/es2019/ui/BlockControlQuickInsertButton.compiled.css

@@ -1,5 +1,6 @@
 ._19itglyw{border:none}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
@@ -17,4 +18,5 @@
 ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
 ._ra3xnqa1:focus-visible{outline-style:solid}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/es2019/ui/BlockControlQuickInsertButton.js

@@ -19,7 +19,7 @@ const quickInsertButtonContainerStyles = {
   root: "_1e0c1txw _4t3i9xsi _1bsb9xsi"
 };
 const quickInsertButtonStyles = {
-  root: "_19itglyw _2rko1rr0 _1rjcze3t _18zrze3t _4cvr1h6o _bfhksm61 _vchhusvi _syazazsu _80omtlke _1e0c1txw _4t3i1osq _1bah1h6o _1bsb1osq _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _irr31dpa _1di6fcek"
+  root: "_19itglyw _2rko1rr0 _v564k6bl _1rjcze3t _18zrze3t _4cvr1h6o _bfhksm61 _vchhusvi _syazazsu _80omtlke _1e0c1txw _4t3i1osq _1bah1h6o _1bsb1osq _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _irr31dpa _1ggl5xtf _1di6fcek"
 };
 const createNewLine = start => ({
   tr

package/dist/es2019/ui/getLegacyCompatibleComponents.js

@@ -46,7 +46,8 @@ const getComponentsFromLegacyItems = (items, onInsert) => items.map((item, index
     type: 'menu-item',
     key: getQuickInsertProviderMenuItemKey(identity),
     parents: getQuickInsertMenuItemParents({
-      categories: item.categories,
+      category: item.category,
+      legacyCategories: item.categories,
       rank: (_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index
     }),
     component: () => /*#__PURE__*/React.createElement(LegacyQuickInsertProviderMenuItem, {

package/dist/es2019/ui/search.js

@@ -1,4 +1,5 @@
 import { find } from '@atlaskit/editor-common/quick-insert';
+import { getActiveQuickInsertCategories } from '@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories';
 import { dedupe } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 const isRegisteredLayoutQuickInsertItem = item => {
@@ -51,5 +52,5 @@ export const getQuickInsertSuggestions = (searchOptions, lazyDefaultItems = () =
   if (featuredItems) {
     return items.filter(item => item.featured);
   }
-  return find((fg('platform_editor_fix_space_triggering_ai') ? query === null || query === void 0 ? void 0 : query.trimEnd() : query) || '', category === 'all' || !category ? items : items.filter(item => item.categories && item.categories.includes(category)), prioritySortingFn);
+  return find((fg('platform_editor_fix_space_triggering_ai') ? query === null || query === void 0 ? void 0 : query.trimEnd() : query) || '', category === 'all' || !category ? items : items.filter(item => getActiveQuickInsertCategories(item.category, item.categories).includes(category)), prioritySortingFn);
 };

package/dist/esm/app-category-analytics.js

@@ -111,9 +111,9 @@ export var calculateQuickInsertItemsAttributes = function calculateQuickInsertIt
     }
   };
   var countItem = function countItem(item) {
-    var _categories$map$filte;
+    var _item$categories, _categories$map$filte;
     countCategoryItem(attributes.allCategories, item);
-    var categories = item.categories;
+    var categories = (_item$categories = item.categories) !== null && _item$categories !== void 0 ? _item$categories : [];
     var normalizedCategories = new Set((_categories$map$filte = categories === null || categories === void 0 ? void 0 : categories.map(function (category) {
       return category.trim().toLowerCase();
     }).filter(Boolean)) !== null && _categories$map$filte !== void 0 ? _categories$map$filte : []);
@@ -138,7 +138,8 @@ export var calculateQuickInsertItemsAttributes = function calculateQuickInsertIt
       countCategoryItem(attributes.legacyCategory.uncategorized, item);
     }
     var _iterator2 = _createForOfIteratorHelper(getQuickInsertMenuItemParents({
-        categories: categories,
+        category: item.category,
+        legacyCategories: item.categories,
         rank: 0
       })),
       _step2;

package/dist/esm/quickInsertPlugin.js

@@ -9,6 +9,7 @@ import { useIntl } from 'react-intl';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { memoProcessQuickInsertItems } from '@atlaskit/editor-common/quick-insert';
+import { getActiveQuickInsertCategories } from '@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
@@ -64,8 +65,7 @@ export var quickInsertPlugin = function quickInsertPlugin(_ref) {
         disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems,
         prioritySortingFn: options === null || options === void 0 ? void 0 : options.prioritySortingFn,
         itemFilter: function itemFilter(item) {
-          var _item$categories$incl, _item$categories;
-          return (_item$categories$incl = (_item$categories = item.categories) === null || _item$categories === void 0 ? void 0 : _item$categories.includes('AI')) !== null && _item$categories$incl !== void 0 ? _item$categories$incl : false;
+          return getActiveQuickInsertCategories(item.category, item.categories).includes('AI');
         }
       }, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems);
       return matches[0];

package/dist/esm/ui/BlockControlQuickInsertButton.compiled.css

@@ -1,5 +1,6 @@
 ._19itglyw{border:none}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
+._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
@@ -17,4 +18,5 @@
 ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
 ._ra3xnqa1:focus-visible{outline-style:solid}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/esm/ui/BlockControlQuickInsertButton.js

@@ -19,7 +19,7 @@ var quickInsertButtonContainerStyles = {
   root: "_1e0c1txw _4t3i9xsi _1bsb9xsi"
 };
 var quickInsertButtonStyles = {
-  root: "_19itglyw _2rko1rr0 _1rjcze3t _18zrze3t _4cvr1h6o _bfhksm61 _vchhusvi _syazazsu _80omtlke _1e0c1txw _4t3i1osq _1bah1h6o _1bsb1osq _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _irr31dpa _1di6fcek"
+  root: "_19itglyw _2rko1rr0 _v564k6bl _1rjcze3t _18zrze3t _4cvr1h6o _bfhksm61 _vchhusvi _syazazsu _80omtlke _1e0c1txw _4t3i1osq _1bah1h6o _1bsb1osq _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _irr31dpa _1ggl5xtf _1di6fcek"
 };
 var createNewLine = function createNewLine(start) {
   return function (_ref) {

package/dist/esm/ui/getLegacyCompatibleComponents.js

@@ -48,7 +48,8 @@ var getComponentsFromLegacyItems = function getComponentsFromLegacyItems(items,
       type: 'menu-item',
       key: getQuickInsertProviderMenuItemKey(identity),
       parents: getQuickInsertMenuItemParents({
-        categories: item.categories,
+        category: item.category,
+        legacyCategories: item.categories,
         rank: (_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index
       }),
       component: function component() {

package/dist/esm/ui/search.js

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { find } from '@atlaskit/editor-common/quick-insert';
+import { getActiveQuickInsertCategories } from '@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories';
 import { dedupe } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 var isRegisteredLayoutQuickInsertItem = function isRegisteredLayoutQuickInsertItem(item) {
@@ -63,6 +64,6 @@ export var getQuickInsertSuggestions = function getQuickInsertSuggestions(search
     });
   }
   return find((fg('platform_editor_fix_space_triggering_ai') ? query === null || query === void 0 ? void 0 : query.trimEnd() : query) || '', category === 'all' || !category ? items : items.filter(function (item) {
-    return item.categories && item.categories.includes(category);
+    return getActiveQuickInsertCategories(item.category, item.categories).includes(category);
   }), prioritySortingFn);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-quick-insert",
-	"version": "16.2.3",
+	"version": "16.2.5",
 	"description": "Quick insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^171.0.0",
+		"@atlaskit/tmp-editor-statsig": "^172.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -46,7 +46,7 @@
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.10.0",
+		"@atlaskit/editor-common": "^120.11.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -59,42 +59,6 @@
 		"react-intl": "^7.0.0",
 		"wait-for-expect": "^1.2.0"
 	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"code-structure": [
-				"editor-plugin"
-			],
-			"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",
-				"emotion"
-			],
-			"imports": [
-				"import-no-extraneous-disable-for-examples-and-docs"
-			]
-		}
-	},
 	"platform-feature-flags": {
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"