@atlaskit/editor-plugin-insert-block 8.0.0 → 8.1.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 8.1.1
+
+### Patch Changes
+
+- [`c4d291905a6e1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4d291905a6e1) -
+  Add new types for common plugin configuration, use for insert block plugin and add new config to
+  textColorPlugin to hide the text color toolbar
+- Updated dependencies
+
+## 8.1.0
+
+### Minor Changes
+
+- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
+  Clean up and removal of the `platform-visual-refresh-icons` feature flag.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.0.0
 
 ### Patch Changes

package/dist/cjs/ui/ToolbarInsertBlock/dropdown-button.js

@@ -10,7 +10,7 @@ var _react2 = require("@emotion/react");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _styles = require("./styles");
 /**
  * @jsxRuntime classic

package/dist/cjs/ui/ToolbarInsertBlock/index.js

@@ -729,12 +729,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
       return (0, _react2.jsx)("span", {
         css:
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-        (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-        _styles.buttonGroupStyle :
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-        _styles.buttonGroupStyleBeforeVisualRefresh
+        _styles.buttonGroupStyle
       }, toolbarButtons.map(function (btn) {
         return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
           item: btn,

package/dist/cjs/ui/ToolbarInsertBlock/item.js

@@ -14,6 +14,7 @@ var _fieldText = _interopRequireDefault(require("@atlaskit/icon-lab/core/field-t
 var _lozenge = _interopRequireDefault(require("@atlaskit/icon-lab/core/lozenge"));
 var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _decision = _interopRequireDefault(require("@atlaskit/icon/core/decision"));
 var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
@@ -22,7 +23,6 @@ var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
 var _layoutTwoColumns = _interopRequireDefault(require("@atlaskit/icon/core/layout-two-columns"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _mention = _interopRequireDefault(require("@atlaskit/icon/core/mention"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
 var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));

package/dist/es2019/ui/ToolbarInsertBlock/dropdown-button.js

@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import AddIcon from '@atlaskit/icon/core/add';
-import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { triggerWrapper } from './styles';
 const DropDownButtonIcon = /*#__PURE__*/React.memo(props =>
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

package/dist/es2019/ui/ToolbarInsertBlock/index.js

@@ -12,7 +12,7 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+import { buttonGroupStyle, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { Popup, TableSelectorPopup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
@@ -771,12 +771,8 @@ export class ToolbarInsertBlock extends React.PureComponent {
     }
     return jsx("span", {
       css:
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-      fg('platform-visual-refresh-icons') ?
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      buttonGroupStyle :
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-      buttonGroupStyleBeforeVisualRefresh
+      buttonGroupStyle
     }, toolbarButtons.map(btn => {
       return jsx(ToolbarButton, {
         item: btn,

package/dist/es2019/ui/ToolbarInsertBlock/item.js

@@ -13,6 +13,7 @@ import FieldTextIcon from '@atlaskit/icon-lab/core/field-text';
 import LozengeIcon from '@atlaskit/icon-lab/core/lozenge';
 import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ExpandNodeIcon from '@atlaskit/icon/core/chevron-right';
 import DecisionIcon from '@atlaskit/icon/core/decision';
 import EmojiIcon from '@atlaskit/icon/core/emoji';
@@ -21,7 +22,6 @@ import ImageIcon from '@atlaskit/icon/core/image';
 import LayoutTwoColumnsIcon from '@atlaskit/icon/core/layout-two-columns';
 import LinkIcon from '@atlaskit/icon/core/link';
 import MentionIcon from '@atlaskit/icon/core/mention';
-import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
 import HorizontalRuleIcon from '@atlaskit/icon/core/minus';
 import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';

package/dist/esm/ui/ToolbarInsertBlock/dropdown-button.js

@@ -9,7 +9,7 @@ import { jsx } from '@emotion/react';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import AddIcon from '@atlaskit/icon/core/add';
-import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { triggerWrapper } from './styles';
 var DropDownButtonIcon = /*#__PURE__*/React.memo(function (props) {
   return (

package/dist/esm/ui/ToolbarInsertBlock/index.js

@@ -27,7 +27,7 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+import { buttonGroupStyle, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { Popup, TableSelectorPopup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
@@ -723,12 +723,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
       return jsx("span", {
         css:
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-        fg('platform-visual-refresh-icons') ?
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-        buttonGroupStyle :
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-        buttonGroupStyleBeforeVisualRefresh
+        buttonGroupStyle
       }, toolbarButtons.map(function (btn) {
         return jsx(ToolbarButton, {
           item: btn,

package/dist/esm/ui/ToolbarInsertBlock/item.js

@@ -13,6 +13,7 @@ import FieldTextIcon from '@atlaskit/icon-lab/core/field-text';
 import LozengeIcon from '@atlaskit/icon-lab/core/lozenge';
 import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ExpandNodeIcon from '@atlaskit/icon/core/chevron-right';
 import DecisionIcon from '@atlaskit/icon/core/decision';
 import EmojiIcon from '@atlaskit/icon/core/emoji';
@@ -21,7 +22,6 @@ import ImageIcon from '@atlaskit/icon/core/image';
 import LayoutTwoColumnsIcon from '@atlaskit/icon/core/layout-two-columns';
 import LinkIcon from '@atlaskit/icon/core/link';
 import MentionIcon from '@atlaskit/icon/core/mention';
-import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
 import HorizontalRuleIcon from '@atlaskit/icon/core/minus';
 import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';

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

@@ -1,3 +1,4 @@
+import type { PluginToolbarComponentConfig } from '@atlaskit/editor-common/toolbar';
 import type { EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
@@ -26,7 +27,6 @@ import type { TablePlugin } from '@atlaskit/editor-plugin-table';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
-import type { Breakpoint } from '@atlaskit/editor-toolbar';
 export type InsertBlockPluginDependencies = [
     TypeAheadPlugin,
     OptionalPlugin<TablePlugin>,
@@ -56,20 +56,10 @@ export type InsertBlockPluginDependencies = [
     OptionalPlugin<ConnectivityPlugin>,
     OptionalPlugin<ToolbarPlugin>
 ];
-export interface ToolbarGroupConfig {
-    enabled?: boolean;
-    showAt?: Breakpoint;
-}
-export interface ToolbarInsertBlockButtonsConfig {
-    codeBlock?: ToolbarGroupConfig;
-    emoji?: ToolbarGroupConfig;
-    insert?: ToolbarGroupConfig;
-    layout?: ToolbarGroupConfig;
-    media?: ToolbarGroupConfig;
-    mention?: ToolbarGroupConfig;
-    table?: ToolbarGroupConfig;
-    taskList?: ToolbarGroupConfig;
-}
+type PluginToolbarComponentsConfig<T extends string> = {
+    [componentName in T]?: PluginToolbarComponentConfig;
+};
+export type ToolbarInsertBlockButtonsConfig = PluginToolbarComponentsConfig<'codeBlock' | 'emoji' | 'insert' | 'layout' | 'media' | 'mention' | 'table' | 'taskList'>;
 export interface InsertBlockPluginOptions {
     allowExpand?: boolean;
     allowTables?: boolean;
@@ -112,3 +102,4 @@ export type InsertBlockOptions = InsertBlockPluginOptions;
 export interface InsertBlockPluginState {
     showElementBrowser: boolean;
 }
+export {};

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

@@ -1,3 +1,4 @@
+import type { PluginToolbarComponentConfig } from '@atlaskit/editor-common/toolbar';
 import type { EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
@@ -26,7 +27,6 @@ import type { TablePlugin } from '@atlaskit/editor-plugin-table';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
-import type { Breakpoint } from '@atlaskit/editor-toolbar';
 export type InsertBlockPluginDependencies = [
     TypeAheadPlugin,
     OptionalPlugin<TablePlugin>,
@@ -56,20 +56,10 @@ export type InsertBlockPluginDependencies = [
     OptionalPlugin<ConnectivityPlugin>,
     OptionalPlugin<ToolbarPlugin>
 ];
-export interface ToolbarGroupConfig {
-    enabled?: boolean;
-    showAt?: Breakpoint;
-}
-export interface ToolbarInsertBlockButtonsConfig {
-    codeBlock?: ToolbarGroupConfig;
-    emoji?: ToolbarGroupConfig;
-    insert?: ToolbarGroupConfig;
-    layout?: ToolbarGroupConfig;
-    media?: ToolbarGroupConfig;
-    mention?: ToolbarGroupConfig;
-    table?: ToolbarGroupConfig;
-    taskList?: ToolbarGroupConfig;
-}
+type PluginToolbarComponentsConfig<T extends string> = {
+    [componentName in T]?: PluginToolbarComponentConfig;
+};
+export type ToolbarInsertBlockButtonsConfig = PluginToolbarComponentsConfig<'codeBlock' | 'emoji' | 'insert' | 'layout' | 'media' | 'mention' | 'table' | 'taskList'>;
 export interface InsertBlockPluginOptions {
     allowExpand?: boolean;
     allowTables?: boolean;
@@ -112,3 +102,4 @@ export type InsertBlockOptions = InsertBlockPluginOptions;
 export interface InsertBlockPluginState {
     showElementBrowser: boolean;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "8.0.0",
+	"version": "8.1.1",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,14 +34,14 @@
 		"@atlaskit/editor-plugin-code-block": "^9.0.0",
 		"@atlaskit/editor-plugin-connectivity": "^7.0.0",
 		"@atlaskit/editor-plugin-date": "^9.0.0",
-		"@atlaskit/editor-plugin-emoji": "^8.0.0",
+		"@atlaskit/editor-plugin-emoji": "^8.1.0",
 		"@atlaskit/editor-plugin-expand": "^8.0.0",
 		"@atlaskit/editor-plugin-extension": "^10.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^6.0.0",
 		"@atlaskit/editor-plugin-hyperlink": "^9.0.0",
 		"@atlaskit/editor-plugin-image-upload": "^7.0.0",
 		"@atlaskit/editor-plugin-layout": "^7.0.0",
-		"@atlaskit/editor-plugin-media": "^9.0.0",
+		"@atlaskit/editor-plugin-media": "^9.3.0",
 		"@atlaskit/editor-plugin-media-insert": "^16.0.0",
 		"@atlaskit/editor-plugin-mentions": "^9.0.0",
 		"@atlaskit/editor-plugin-metrics": "^8.0.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/editor-plugin-quick-insert": "^7.0.0",
 		"@atlaskit/editor-plugin-rule": "^7.0.0",
 		"@atlaskit/editor-plugin-status": "^8.0.0",
-		"@atlaskit/editor-plugin-table": "^16.0.0",
+		"@atlaskit/editor-plugin-table": "^16.1.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^10.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^4.0.0",
 		"@atlaskit/editor-plugin-type-ahead": "^7.0.0",
@@ -60,12 +60,12 @@
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.9.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/icon-lab": "^5.13.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.3.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.8.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -74,7 +74,7 @@
 		"react-virtualized": "^9.22.6"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.0.0",
+		"@atlaskit/editor-common": "^111.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"