@atlaskit/editor-plugin-text-color 0.1.0

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

@@ -0,0 +1,53 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+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 '../../types';
+export declare const messages: {
+    textColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export interface State {
+    isOpen: boolean;
+    isOpenedByKeyboard: boolean;
+}
+export interface Props {
+    pluginState: TextColorPluginState;
+    editorView: EditorView;
+    popupsMountPoint?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    isReducedSpacing?: boolean;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    disabled?: boolean;
+    pluginInjectionApi: ExtractInjectionAPI<TextColorPlugin> | undefined;
+}
+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 onOpenChange;
+    private changeTextColor;
+    private toggleOpen;
+    private onKeyDown;
+    private handleOpenChange;
+    private hide;
+    private hideonEsc;
+    private getSelectedColor;
+    private getCommonAnalyticsAttributes;
+    private buildAnalyticsPalette;
+    private buildAnalyticsSelectColor;
+    private dispatchAnalyticsEvent;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/ui/ToolbarTextColor/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const textColorIconWrapper: import("@emotion/react").SerializedStyles;
+export declare const textColorIconBar: import("@emotion/react").SerializedStyles;
+export declare const backgroundDisabled: import("@emotion/react").SerializedStyles;

package/dist/types/utils/color.d.ts

@@ -0,0 +1,6 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const DEFAULT_COLOR: {
+    color: string;
+    label: string;
+};
+export declare const getActiveColor: (state: EditorState) => string | null;

package/dist/types/utils/disabled.d.ts

@@ -0,0 +1,2 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const getDisabledState: (state: EditorState) => boolean;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import type { TextColorPluginState } from './pm-plugins/main';
+import { pluginKey as textColorPluginKey } from './pm-plugins/main';
+import type { TextColorPlugin } from './types';
+export declare const textColorPlugin: TextColorPlugin;
+export { textColorPluginKey };
+export type { TextColorPluginState };

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

@@ -0,0 +1,25 @@
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { PaletteColor } from '@atlaskit/editor-common/ui-color';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export { DEFAULT_COLOR } from '../utils/color';
+export type TextColorPluginState = {
+    palette: Array<PaletteColor>;
+    defaultColor: string;
+    disabled?: boolean;
+    color: string | null;
+};
+type TextColorDefaultColor = {
+    color: string;
+    label: string;
+};
+export interface TextColorPluginConfig {
+    defaultColor?: TextColorDefaultColor;
+}
+export declare enum ACTIONS {
+    RESET_COLOR = 0,
+    SET_COLOR = 1,
+    DISABLE = 2
+}
+export declare const pluginKey: PluginKey<TextColorPluginState>;
+export declare function createPlugin(dispatch: Dispatch, pluginConfig?: TextColorPluginConfig): SafePlugin;

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

@@ -0,0 +1,16 @@
+import type { Command, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { TextColorPluginConfig, TextColorPluginState } from './pm-plugins/main';
+type Config = TextColorPluginConfig | boolean;
+export type TextColorPluginDependencies = [
+    OptionalPlugin<AnalyticsPlugin>
+];
+export type TextColorPlugin = NextEditorPlugin<'textColor', {
+    pluginConfiguration: Config | undefined;
+    dependencies: TextColorPluginDependencies;
+    actions: {
+        changeColor: (color: string) => Command;
+    };
+    sharedState: TextColorPluginState | undefined;
+}>;
+export {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const EditorTextColorIcon: () => JSX.Element;

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

@@ -0,0 +1,53 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+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 '../../types';
+export declare const messages: {
+    textColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export interface State {
+    isOpen: boolean;
+    isOpenedByKeyboard: boolean;
+}
+export interface Props {
+    pluginState: TextColorPluginState;
+    editorView: EditorView;
+    popupsMountPoint?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    isReducedSpacing?: boolean;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    disabled?: boolean;
+    pluginInjectionApi: ExtractInjectionAPI<TextColorPlugin> | undefined;
+}
+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 onOpenChange;
+    private changeTextColor;
+    private toggleOpen;
+    private onKeyDown;
+    private handleOpenChange;
+    private hide;
+    private hideonEsc;
+    private getSelectedColor;
+    private getCommonAnalyticsAttributes;
+    private buildAnalyticsPalette;
+    private buildAnalyticsSelectColor;
+    private dispatchAnalyticsEvent;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export declare const textColorIconWrapper: import("@emotion/react").SerializedStyles;
+export declare const textColorIconBar: import("@emotion/react").SerializedStyles;
+export declare const backgroundDisabled: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,6 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const DEFAULT_COLOR: {
+    color: string;
+    label: string;
+};
+export declare const getActiveColor: (state: EditorState) => string | null;

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

@@ -0,0 +1,2 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const getDisabledState: (state: EditorState) => boolean;

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@atlaskit/editor-plugin-text-color",
+  "version": "0.1.0",
+  "description": "Text color plugin for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Lego",
+    "inPublicMirror": false,
+    "releaseModel": "continuous"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/adf-schema": "^32.0.0",
+    "@atlaskit/editor-common": "^76.14.0",
+    "@atlaskit/editor-palette": "1.5.1",
+    "@atlaskit/editor-plugin-analytics": "^0.2.0",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/editor-shared-styles": "^2.8.0",
+    "@atlaskit/editor-tables": "^2.3.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.28.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
+  },
+  "devDependencies": {
+    "@af/visual-regression": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "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": [
+        "static",
+        "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/report.api.md

@@ -0,0 +1,82 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/editor-plugin-text-color"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { PaletteColor } from '@atlaskit/editor-common/ui-color';
+
+// @public (undocumented)
+type Config = TextColorPluginConfig | boolean;
+
+// @public (undocumented)
+type TextColorDefaultColor = {
+  color: string;
+  label: string;
+};
+
+// @public (undocumented)
+export type TextColorPlugin = NextEditorPlugin<
+  'textColor',
+  {
+    pluginConfiguration: Config | undefined;
+    dependencies: TextColorPluginDependencies;
+    actions: {
+      changeColor: (color: string) => Command;
+    };
+    sharedState: TextColorPluginState | undefined;
+  }
+>;
+
+// @public (undocumented)
+export const textColorPlugin: TextColorPlugin;
+
+// @public (undocumented)
+export interface TextColorPluginConfig {
+  // (undocumented)
+  defaultColor?: TextColorDefaultColor;
+}
+
+// @public (undocumented)
+type TextColorPluginDependencies = [OptionalPlugin<AnalyticsPlugin>];
+
+// @public (undocumented)
+export type TextColorPluginState = {
+  palette: Array<PaletteColor>;
+  defaultColor: string;
+  disabled?: boolean;
+  color: null | string;
+};
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,54 @@
+## API Report File for "@atlaskit/editor-plugin-text-color"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { PaletteColor } from '@atlaskit/editor-common/ui-color';
+
+// @public (undocumented)
+type Config = TextColorPluginConfig | boolean;
+
+// @public (undocumented)
+type TextColorDefaultColor = {
+    color: string;
+    label: string;
+};
+
+// @public (undocumented)
+export type TextColorPlugin = NextEditorPlugin<'textColor', {
+    pluginConfiguration: Config | undefined;
+    dependencies: TextColorPluginDependencies;
+    actions: {
+        changeColor: (color: string) => Command;
+    };
+    sharedState: TextColorPluginState | undefined;
+}>;
+
+// @public (undocumented)
+export const textColorPlugin: TextColorPlugin;
+
+// @public (undocumented)
+export interface TextColorPluginConfig {
+    // (undocumented)
+    defaultColor?: TextColorDefaultColor;
+}
+
+// @public (undocumented)
+type TextColorPluginDependencies = [OptionalPlugin<AnalyticsPlugin>];
+
+// @public (undocumented)
+export type TextColorPluginState = {
+    palette: Array<PaletteColor>;
+    defaultColor: string;
+    disabled?: boolean;
+    color: null | string;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```