@atlaskit/editor-plugin-text-color 11.1.3 → 11.2.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-text-color
 
+## 11.2.0
+
+### Minor Changes
+
+- [`b26d59f2d7dbf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b26d59f2d7dbf) -
+  [ux] [EDITOR-7589] combine text color highlight color behind experiment
+
+### Patch Changes
+
+- [`3a59e88cfd890`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a59e88cfd890) -
+  [ux] [EDITOR-7589] update icon colors for highlight color palette and toolbar icon
+- Updated dependencies
+
+## 11.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.1.3
 
 ### Patch Changes

package/dist/cjs/editor-commands/toggle-color.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toggleColor = void 0;
 var _mark = require("@atlaskit/editor-common/mark");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _main = require("../pm-plugins/main");
 var _constants = require("../pm-plugins/utils/constants");
 var _disabled = require("../pm-plugins/utils/disabled");
@@ -19,14 +20,16 @@ var toggleColor = exports.toggleColor = function toggleColor(color) {
       });
       return tr;
     }
-    _constants.overrideMarks.forEach(function (mark) {
-      var marks = tr.doc.type.schema.marks;
-      if (marks[mark]) {
-        (0, _mark.removeMark)(marks[mark])({
-          tr: tr
-        });
-      }
-    });
+    if (!(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+      _constants.overrideMarks.forEach(function (mark) {
+        var marks = tr.doc.type.schema.marks;
+        if (marks[mark]) {
+          (0, _mark.removeMark)(marks[mark])({
+            tr: tr
+          });
+        }
+      });
+    }
     (0, _mark.toggleMark)(textColor, {
       color: color
     })({

package/dist/cjs/pm-plugins/commands/toggle-color.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toggleColor = void 0;
 var _mark = require("@atlaskit/editor-common/mark");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _main = require("../main");
 var _constants = require("../utils/constants");
 var _disabled = require("../utils/disabled");
@@ -22,14 +23,16 @@ var toggleColor = exports.toggleColor = function toggleColor(color) {
       return false;
     }
     if (dispatch) {
-      _constants.overrideMarks.forEach(function (mark) {
-        var marks = tr.doc.type.schema.marks;
-        if (marks[mark]) {
-          (0, _mark.removeMark)(marks[mark])({
-            tr: tr
-          });
-        }
-      });
+      if (!(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+        _constants.overrideMarks.forEach(function (mark) {
+          var marks = tr.doc.type.schema.marks;
+          if (marks[mark]) {
+            (0, _mark.removeMark)(marks[mark])({
+              tr: tr
+            });
+          }
+        });
+      }
       (0, _mark.toggleMark)(textColor, {
         color: color
       })({

package/dist/cjs/ui/TextColorHighlightMenu.js

@@ -10,6 +10,7 @@ var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
+var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
@@ -17,6 +18,12 @@ var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var getIconColor = function getIconColor(textColor, defaultColor, highlightColor) {
+  if ((0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    if (!textColor || textColor === defaultColor && defaultColor) {
+      return "var(--ds-text, #292A2E)";
+    }
+    return (0, _editorPalette.hexToEditorTextPaletteColor)(textColor) || "var(--ds-text, #292A2E)";
+  }
   if (highlightColor || !textColor || textColor === defaultColor && defaultColor) {
     return "var(--ds-text, #292A2E)";
   }
@@ -111,6 +118,35 @@ var TextColorHighlightMenu = exports.TextColorHighlightMenu = function TextColor
     };
   }, [setIsPaletteOpen, isPaletteOpen]);
   var iconColor = getIconColor(textColor, defaultColor, highlightColor);
+  if ((0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenuProvider, {
+      isOpen: isPaletteOpen,
+      setIsOpen: setIsPaletteOpen
+    }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
+      iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarColorSwatch, {
+        highlightColor: getHighlightColorIcon(highlightColor)
+      }, /*#__PURE__*/_react.default.createElement(_editorToolbar.TextColorIcon, {
+        label: formatMessage(_messages.textColorMessages.textColorTooltip),
+        iconColor: iconColor,
+        shouldRecommendSmallIcon: true,
+        size: 'small',
+        isDisabled: isDisabled,
+        spacing: 'compact'
+      })),
+      isDisabled: isDisabled,
+      testId: "text-color-highlight-menu",
+      hasSectionMargin: false,
+      tooltipComponent: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
+        content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+          description: formatMessage(isHighlightPluginExisted ? _messages.textColorMessages.textColorHighlightTooltip : _messages.textColorMessages.textColorTooltip),
+          keymap: _keymaps.toggleHighlightPalette
+        })
+      })
+    }, /*#__PURE__*/_react.default.createElement(_uiColor.SelectedTextColorProvider, {
+      textColor: textColor,
+      defaultColor: defaultColor
+    }, children)));
+  }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenuProvider, {
     isOpen: isPaletteOpen,
     setIsOpen: setIsPaletteOpen

package/dist/es2019/editor-commands/toggle-color.js

@@ -1,4 +1,5 @@
 import { removeMark, toggleMark } from '@atlaskit/editor-common/mark';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTIONS, pluginKey } from '../pm-plugins/main';
 import { overrideMarks } from '../pm-plugins/utils/constants';
 import { getDisabledStateNew } from '../pm-plugins/utils/disabled';
@@ -15,16 +16,18 @@ export const toggleColor = color => ({
     });
     return tr;
   }
-  overrideMarks.forEach(mark => {
-    const {
-      marks
-    } = tr.doc.type.schema;
-    if (marks[mark]) {
-      removeMark(marks[mark])({
-        tr
-      });
-    }
-  });
+  if (!expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    overrideMarks.forEach(mark => {
+      const {
+        marks
+      } = tr.doc.type.schema;
+      if (marks[mark]) {
+        removeMark(marks[mark])({
+          tr
+        });
+      }
+    });
+  }
   toggleMark(textColor, {
     color
   })({

package/dist/es2019/pm-plugins/commands/toggle-color.js

@@ -1,4 +1,5 @@
 import { removeMark, toggleMark } from '@atlaskit/editor-common/mark';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTIONS, pluginKey } from '../main';
 import { overrideMarks } from '../utils/constants';
 import { getDisabledState } from '../utils/disabled';
@@ -17,16 +18,18 @@ export const toggleColor = color => (state, dispatch) => {
     return false;
   }
   if (dispatch) {
-    overrideMarks.forEach(mark => {
-      const {
-        marks
-      } = tr.doc.type.schema;
-      if (marks[mark]) {
-        removeMark(marks[mark])({
-          tr
-        });
-      }
-    });
+    if (!expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+      overrideMarks.forEach(mark => {
+        const {
+          marks
+        } = tr.doc.type.schema;
+        if (marks[mark]) {
+          removeMark(marks[mark])({
+            tr
+          });
+        }
+      });
+    }
     toggleMark(textColor, {
       color
     })({

package/dist/es2019/ui/TextColorHighlightMenu.js

@@ -3,12 +3,19 @@ import { useIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleHighlightPalette, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { textColorMessages as messages } from '@atlaskit/editor-common/messages';
+import { SelectedTextColorProvider } from '@atlaskit/editor-common/ui-color';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { hexToEditorTextPaletteColor, hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { TextColorIcon, ToolbarColorSwatch, ToolbarDropdownMenu, ToolbarDropdownMenuProvider, ToolbarTooltip, useToolbarUI } from '@atlaskit/editor-toolbar';
 import { conditionalHooksFactory } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const getIconColor = (textColor, defaultColor, highlightColor) => {
+  if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    if (!textColor || textColor === defaultColor && defaultColor) {
+      return "var(--ds-text, #292A2E)";
+    }
+    return hexToEditorTextPaletteColor(textColor) || "var(--ds-text, #292A2E)";
+  }
   if (highlightColor || !textColor || textColor === defaultColor && defaultColor) {
     return "var(--ds-text, #292A2E)";
   }
@@ -106,6 +113,35 @@ export const TextColorHighlightMenu = ({
     };
   }, [setIsPaletteOpen, isPaletteOpen]);
   const iconColor = getIconColor(textColor, defaultColor, highlightColor);
+  if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, {
+      isOpen: isPaletteOpen,
+      setIsOpen: setIsPaletteOpen
+    }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
+      iconBefore: /*#__PURE__*/React.createElement(ToolbarColorSwatch, {
+        highlightColor: getHighlightColorIcon(highlightColor)
+      }, /*#__PURE__*/React.createElement(TextColorIcon, {
+        label: formatMessage(messages.textColorTooltip),
+        iconColor: iconColor,
+        shouldRecommendSmallIcon: true,
+        size: 'small',
+        isDisabled: isDisabled,
+        spacing: 'compact'
+      })),
+      isDisabled: isDisabled,
+      testId: "text-color-highlight-menu",
+      hasSectionMargin: false,
+      tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
+        content: /*#__PURE__*/React.createElement(ToolTipContent, {
+          description: formatMessage(isHighlightPluginExisted ? messages.textColorHighlightTooltip : messages.textColorTooltip),
+          keymap: toggleHighlightPalette
+        })
+      })
+    }, /*#__PURE__*/React.createElement(SelectedTextColorProvider, {
+      textColor: textColor,
+      defaultColor: defaultColor
+    }, children)));
+  }
   return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, {
     isOpen: isPaletteOpen,
     setIsOpen: setIsPaletteOpen

package/dist/esm/editor-commands/toggle-color.js

@@ -1,4 +1,5 @@
 import { removeMark, toggleMark } from '@atlaskit/editor-common/mark';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTIONS, pluginKey } from '../pm-plugins/main';
 import { overrideMarks } from '../pm-plugins/utils/constants';
 import { getDisabledStateNew } from '../pm-plugins/utils/disabled';
@@ -13,14 +14,16 @@ export var toggleColor = function toggleColor(color) {
       });
       return tr;
     }
-    overrideMarks.forEach(function (mark) {
-      var marks = tr.doc.type.schema.marks;
-      if (marks[mark]) {
-        removeMark(marks[mark])({
-          tr: tr
-        });
-      }
-    });
+    if (!expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+      overrideMarks.forEach(function (mark) {
+        var marks = tr.doc.type.schema.marks;
+        if (marks[mark]) {
+          removeMark(marks[mark])({
+            tr: tr
+          });
+        }
+      });
+    }
     toggleMark(textColor, {
       color: color
     })({

package/dist/esm/pm-plugins/commands/toggle-color.js

@@ -1,4 +1,5 @@
 import { removeMark, toggleMark } from '@atlaskit/editor-common/mark';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTIONS, pluginKey } from '../main';
 import { overrideMarks } from '../utils/constants';
 import { getDisabledState } from '../utils/disabled';
@@ -16,14 +17,16 @@ export var toggleColor = function toggleColor(color) {
       return false;
     }
     if (dispatch) {
-      overrideMarks.forEach(function (mark) {
-        var marks = tr.doc.type.schema.marks;
-        if (marks[mark]) {
-          removeMark(marks[mark])({
-            tr: tr
-          });
-        }
-      });
+      if (!expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+        overrideMarks.forEach(function (mark) {
+          var marks = tr.doc.type.schema.marks;
+          if (marks[mark]) {
+            removeMark(marks[mark])({
+              tr: tr
+            });
+          }
+        });
+      }
       toggleMark(textColor, {
         color: color
       })({

package/dist/esm/ui/TextColorHighlightMenu.js

@@ -3,12 +3,19 @@ import { useIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleHighlightPalette, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { textColorMessages as messages } from '@atlaskit/editor-common/messages';
+import { SelectedTextColorProvider } from '@atlaskit/editor-common/ui-color';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { hexToEditorTextPaletteColor, hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { TextColorIcon, ToolbarColorSwatch, ToolbarDropdownMenu, ToolbarDropdownMenuProvider, ToolbarTooltip, useToolbarUI } from '@atlaskit/editor-toolbar';
 import { conditionalHooksFactory } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var getIconColor = function getIconColor(textColor, defaultColor, highlightColor) {
+  if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    if (!textColor || textColor === defaultColor && defaultColor) {
+      return "var(--ds-text, #292A2E)";
+    }
+    return hexToEditorTextPaletteColor(textColor) || "var(--ds-text, #292A2E)";
+  }
   if (highlightColor || !textColor || textColor === defaultColor && defaultColor) {
     return "var(--ds-text, #292A2E)";
   }
@@ -103,6 +110,35 @@ export var TextColorHighlightMenu = function TextColorHighlightMenu(_ref) {
     };
   }, [setIsPaletteOpen, isPaletteOpen]);
   var iconColor = getIconColor(textColor, defaultColor, highlightColor);
+  if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, {
+      isOpen: isPaletteOpen,
+      setIsOpen: setIsPaletteOpen
+    }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
+      iconBefore: /*#__PURE__*/React.createElement(ToolbarColorSwatch, {
+        highlightColor: getHighlightColorIcon(highlightColor)
+      }, /*#__PURE__*/React.createElement(TextColorIcon, {
+        label: formatMessage(messages.textColorTooltip),
+        iconColor: iconColor,
+        shouldRecommendSmallIcon: true,
+        size: 'small',
+        isDisabled: isDisabled,
+        spacing: 'compact'
+      })),
+      isDisabled: isDisabled,
+      testId: "text-color-highlight-menu",
+      hasSectionMargin: false,
+      tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
+        content: /*#__PURE__*/React.createElement(ToolTipContent, {
+          description: formatMessage(isHighlightPluginExisted ? messages.textColorHighlightTooltip : messages.textColorTooltip),
+          keymap: toggleHighlightPalette
+        })
+      })
+    }, /*#__PURE__*/React.createElement(SelectedTextColorProvider, {
+      textColor: textColor,
+      defaultColor: defaultColor
+    }, children)));
+  }
   return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, {
     isOpen: isPaletteOpen,
     setIsOpen: setIsPaletteOpen

package/main/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/main.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/main.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/main.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-color",
-	"version": "11.1.3",
+	"version": "11.2.0",
 	"description": "Text color plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-palette": "^2.2.0",
 		"@atlaskit/editor-plugin-analytics": "^11.0.0",
-		"@atlaskit/editor-plugin-highlight": "^11.0.0",
+		"@atlaskit/editor-plugin-highlight": "^11.1.0",
 		"@atlaskit/editor-plugin-interaction": "^20.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^12.0.0",
 		"@atlaskit/editor-plugin-selection-toolbar": "^12.0.0",
@@ -49,13 +49,13 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^115.16.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"

package/text-color-plugin/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/text-color-plugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/text-color-plugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/text-color-plugin.d.ts"
 }

package/text-color-plugin-type/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/text-color-plugin-type.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/text-color-plugin-type.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/text-color-plugin-type.d.ts"
 }

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/dist/types-ts4.5/editor-commands/change-color.d.ts

@@ -1,4 +0,0 @@
-import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { TextColorPlugin } from '../textColorPluginType';
-import type { TextColorInputMethod } from '../types';
-export declare const changeColor: (color: string, api: ExtractInjectionAPI<TextColorPlugin> | undefined, inputMethod?: TextColorInputMethod) => EditorCommand;

package/dist/types-ts4.5/editor-commands/palette.d.ts

@@ -1,4 +0,0 @@
-import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { TextColorPlugin } from '../textColorPluginType';
-export declare const togglePalette: (api: ExtractInjectionAPI<TextColorPlugin> | undefined) => EditorCommand;
-export declare const setPalette: (isPaletteOpen: boolean) => EditorCommand;

package/dist/types-ts4.5/editor-commands/remove-color.d.ts

@@ -1,2 +0,0 @@
-import type { EditorCommand } from '@atlaskit/editor-common/types';
-export declare const removeColor: EditorCommand;

package/dist/types-ts4.5/editor-commands/toggle-color.d.ts

@@ -1,2 +0,0 @@
-import type { EditorCommand } from '@atlaskit/editor-common/types';
-export declare const toggleColor: (color: string) => EditorCommand;

package/dist/types-ts4.5/entry-points/main.d.ts

@@ -1 +0,0 @@
-export type { TextColorPluginState, TextColorPluginConfig } from '../pm-plugins/main';

package/dist/types-ts4.5/entry-points/text-color-plugin-type.d.ts

@@ -1 +0,0 @@
-export type { TextColorPlugin, TextColorPluginOptions, Dependencies } from '../textColorPluginType';

package/dist/types-ts4.5/entry-points/text-color-plugin.d.ts

@@ -1 +0,0 @@
-export { textColorPlugin } from '../textColorPlugin';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +0,0 @@
-export type { TextColorInputMethod } from '../types/index';

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

@@ -1,4 +0,0 @@
-export { textColorPlugin } from './textColorPlugin';
-export type { TextColorPlugin, TextColorPluginOptions, Dependencies } from './textColorPluginType';
-export type { TextColorInputMethod } from './types';
-export type { TextColorPluginState, TextColorPluginConfig } from './pm-plugins/main';

package/dist/types-ts4.5/pm-plugins/commands/change-color.d.ts

@@ -1,4 +0,0 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
-import type { TextColorInputMethod } from '../../types';
-export declare const changeColor: (color: string, editorAnalyticsApi: EditorAnalyticsAPI | undefined, inputMethod?: TextColorInputMethod) => Command;

package/dist/types-ts4.5/pm-plugins/commands/remove-color.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from '@atlaskit/editor-common/types';
-export declare const removeColor: () => Command;

package/dist/types-ts4.5/pm-plugins/commands/toggle-color.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from '@atlaskit/editor-common/types';
-export declare const toggleColor: (color: string) => Command;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -1,6 +0,0 @@
-import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { TextColorPlugin } from '../textColorPluginType';
-export declare function keymapPlugin({ api }: {
-    api: ExtractInjectionAPI<TextColorPlugin> | undefined;
-}): SafePlugin;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,40 +0,0 @@
-import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { PluginToolbarComponentConfig } from '@atlaskit/editor-common/toolbar';
-import type { PaletteColor } from '@atlaskit/editor-common/ui-color';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export type TextColorPluginState = {
-    color: string | null;
-    defaultColor: string;
-    disabled?: boolean;
-    isPaletteOpen?: boolean;
-    palette: Array<PaletteColor>;
-};
-type TextColorDefaultColor = {
-    color: string;
-    label: string;
-};
-export interface TextColorPluginConfig {
-    defaultColor?: TextColorDefaultColor;
-    /**
-     * Optional configuration to control this plugin's toolbar components.
-     * @default { enabled: true }
-     * @example
-     * To hide toolbar component, set `enabled` to `false`.
-     * ```ts
-     * toolbarConfig: {
-     *   enabled: false,
-     * },
-     * ```
-     */
-    toolbarConfig?: Exclude<PluginToolbarComponentConfig, 'showAt'>;
-}
-export declare enum ACTIONS {
-    RESET_COLOR = 0,
-    SET_COLOR = 1,
-    DISABLE = 2,
-    SET_PALETTE = 3
-}
-export declare const pluginKey: PluginKey<TextColorPluginState>;
-export declare function createPlugin(dispatch: Dispatch, pluginConfig?: TextColorPluginConfig): SafePlugin;
-export {};

package/dist/types-ts4.5/pm-plugins/utils/color.d.ts

@@ -1,6 +0,0 @@
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-/**
- * Use getDisabledStateNew instead and pass in `tr`
- */
-export declare const getActiveColor: (state: EditorState) => string | null;
-export declare const getActiveColorNew: (tr: Transaction) => string | null;

package/dist/types-ts4.5/pm-plugins/utils/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const overrideMarks: string[];
-export declare const DEFAULT_COLOR: {
-    color: string;
-    label: string;
-};

package/dist/types-ts4.5/pm-plugins/utils/disabled.d.ts

@@ -1,6 +0,0 @@
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-/**
- * Use getDisabledStateNew instead and pass in `tr`
- */
-export declare const getDisabledState: (state: EditorState) => boolean;
-export declare const getDisabledStateNew: (tr: Transaction) => boolean;

package/dist/types-ts4.5/pm-plugins/utils/inputType.d.ts

@@ -1,3 +0,0 @@
-import type { TextColorInputMethod } from '../../types';
-import { ToolbarType } from '../../types';
-export declare const getInputMethod: (toolbarType: ToolbarType) => TextColorInputMethod;

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

@@ -1,2 +0,0 @@
-import type { TextColorPlugin } from './textColorPluginType';
-export declare const textColorPlugin: TextColorPlugin;

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

@@ -1,32 +0,0 @@
-import type { Command, EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { HighlightPlugin } from '@atlaskit/editor-plugin-highlight';
-import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
-import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
-import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
-import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
-import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
-import type { TextColorPluginConfig, TextColorPluginState } from './pm-plugins/main';
-import type { TextColorInputMethod } from './types';
-export type TextColorPluginOptions = TextColorPluginConfig | boolean;
-export type Dependencies = [
-    OptionalPlugin<AnalyticsPlugin>,
-    OptionalPlugin<PrimaryToolbarPlugin>,
-    OptionalPlugin<SelectionToolbarPlugin>,
-    OptionalPlugin<ToolbarPlugin>,
-    OptionalPlugin<UserPreferencesPlugin>,
-    OptionalPlugin<HighlightPlugin>,
-    OptionalPlugin<InteractionPlugin>
-];
-export type TextColorPlugin = NextEditorPlugin<'textColor', {
-    actions: {
-        changeColor: (color: string, inputMethod?: TextColorInputMethod) => Command;
-    };
-    commands: {
-        changeColor: (color: string, inputMethod?: TextColorInputMethod) => EditorCommand;
-        setPalette: (isPaletteOpen: boolean) => EditorCommand;
-    };
-    dependencies: Dependencies;
-    pluginConfiguration: TextColorPluginOptions | undefined;
-    sharedState: TextColorPluginState | undefined;
-}>;

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

@@ -1,6 +0,0 @@
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-export type TextColorInputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB;
-export declare enum ToolbarType {
-    PRIMARY = "primaryToolbar",
-    FLOATING = "floatingToolbar"
-}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { TextColorPlugin } from '../textColorPluginType';
-interface FloatingToolbarComponentProps {
-    api: ExtractInjectionAPI<TextColorPlugin> | undefined;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    editorView: EditorView;
-}
-export declare const FloatingToolbarComponent: ({ api, editorView, dispatchAnalyticsEvent, }: FloatingToolbarComponentProps) => React.JSX.Element | null;
-export {};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { TextColorPlugin } from '../textColorPluginType';
-interface PrimaryToolbarComponentProps {
-    api: ExtractInjectionAPI<TextColorPlugin> | undefined;
-    disabled: boolean;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    editorView: EditorView;
-    isReducedSpacing: boolean;
-    popupsBoundariesElement?: HTMLElement;
-    popupsMountPoint?: HTMLElement;
-    popupsScrollableElement?: HTMLElement;
-}
-export declare const PrimaryToolbarComponent: ({ api, isReducedSpacing, editorView, popupsMountPoint, popupsScrollableElement, popupsBoundariesElement, dispatchAnalyticsEvent, disabled, }: PrimaryToolbarComponentProps) => React.JSX.Element | null;
-export {};

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

@@ -1,9 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { TextColorPlugin } from '../textColorPluginType';
-type RemoveColorMenuItemButtonProps = {
-    api?: ExtractInjectionAPI<TextColorPlugin>;
-    parents: ToolbarComponentTypes;
-};
-export declare const RemoveColorMenuItem: ({ api, parents, }: RemoveColorMenuItemButtonProps) => JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { TextColorPlugin } from '../textColorPluginType';
-interface TextColorHighlightMenuProps {
-    api: ExtractInjectionAPI<TextColorPlugin> | undefined;
-    children: React.ReactNode;
-}
-export declare const TextColorHighlightMenu: ({ children, api, }: TextColorHighlightMenuProps) => React.JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { TextColorPlugin } from '../textColorPluginType';
-interface TextColorMenuItemProps {
-    api: ExtractInjectionAPI<TextColorPlugin> | undefined;
-    parents: ToolbarComponentTypes;
-}
-export declare function TextColorMenuItem({ api, parents }: TextColorMenuItemProps): React.JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
-type TextMenuSectionProps = {
-    children: React.ReactNode;
-} & CommonComponentProps;
-export declare const TextMenuSection: ({ children, parents }: TextMenuSectionProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/ToolbarTextColor/icon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const EditorTextColorIcon: () => React.JSX.Element;

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

@@ -1,48 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
-import type { DispatchAnalyticsEvent, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { TextColorPluginState } from '../../pm-plugins/main';
-import type { TextColorPlugin } from '../../textColorPluginType';
-import { ToolbarType } from '../../types';
-export interface State {
-    isOpen: boolean;
-    isOpenedByKeyboard: boolean;
-}
-export interface Props {
-    disabled?: boolean;
-    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
-    editorView: EditorView;
-    isReducedSpacing?: boolean;
-    pluginInjectionApi: ExtractInjectionAPI<TextColorPlugin> | undefined;
-    pluginState: TextColorPluginState;
-    popupsBoundariesElement?: HTMLElement;
-    popupsMountPoint?: HTMLElement;
-    popupsScrollableElement?: HTMLElement;
-    toolbarType: ToolbarType;
-}
-export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
-    state: State;
-    private toolbarItemRef;
-    changeColor: (color: string, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => boolean;
-    render(): jsx.JSX.Element;
-    private changeTextColor;
-    private toggleOpen;
-    private onKeyDown;
-    private handleOpenChange;
-    private hide;
-    private hideonEsc;
-    private getSelectedColor;
-    private buildAnalyticsPalette;
-    private dispatchAnalyticsEvent;
-}
-declare const _default_1: React.FC<WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
-};
-export default _default_1;

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

@@ -1,4 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
-import type { TextColorPlugin } from '../textColorPluginType';
-export declare const getToolbarComponents: (api: ExtractInjectionAPI<TextColorPlugin> | undefined) => RegisterComponent[];