@squiz/formatted-text-editor 1.12.0-alpha.9 → 1.12.1-alpha.0

package/tests/select.tsx

@@ -0,0 +1,16 @@
+import { fireEvent } from '@testing-library/react';
+
+export const select = (element: Element, optionText: string) => {
+  fireEvent.click(element);
+
+  const menuItems = element.parentElement ? Array.from(element.parentElement.querySelectorAll('li')) : [];
+  const itemToSelect = Array.from(menuItems).find((item) => item.textContent === optionText);
+
+  if (menuItems.length === 0) {
+    throw new Error('Cannot find menu items for select field.');
+  } else if (!itemToSelect) {
+    throw new Error(`Cannot find option with text ${optionText} in select field.`);
+  }
+
+  fireEvent.click(itemToSelect);
+};

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "experimentalDecorators": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "declaration": true,
+    "outDir": "./lib"
+  },
+  "files": ["src/index.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  root: 'demo',
+  build: {
+    outDir: 'build/demo',
+  },
+  plugins: [
+    react({
+      babel: {
+        parserOpts: {
+          plugins: ['decorators-legacy'],
+        },
+      },
+    }),
+  ],
+});

package/lib/EditorToolbar/EditorToolbar.d.ts

@@ -1,7 +0,0 @@
-import { RemirrorManager } from 'remirror';
-type EditorToolbarProps = {
-    manager: RemirrorManager<any>;
-    isPopover?: boolean;
-};
-export declare const EditorToolbar: ({ manager, isPopover }: EditorToolbarProps) => JSX.Element;
-export {};

package/lib/EditorToolbar/EditorToolbar.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Toolbar, FloatingToolbar } from '@remirror/react-components';
-import ItalicButton from './Tools/Italic/ItalicButton';
-import UnderlineButton from './Tools/Underline/UnderlineButton';
-import BoldButton from './Tools/Bold/BoldButton';
-import TextAlignButtons from './Tools/TextAlign/TextAlignButtons';
-// The editor main toolbar
-export const EditorToolbar = ({ manager, isPopover }) => {
-    const extensionNames = {};
-    manager.extensions.forEach((extension) => {
-        extensionNames[extension.name] = true;
-    });
-    return (React.createElement(React.Fragment, null, !isPopover ? (React.createElement(Toolbar, { className: "remirror-toolbar editor-toolbar" },
-        extensionNames.bold && React.createElement(BoldButton, null),
-        extensionNames.italic && React.createElement(ItalicButton, null),
-        extensionNames.underline && React.createElement(UnderlineButton, null),
-        extensionNames.nodeFormatting && React.createElement(TextAlignButtons, null))) : (React.createElement(FloatingToolbar, { className: "remirror-floating-popover" },
-        extensionNames.bold && React.createElement(BoldButton, null),
-        extensionNames.italic && React.createElement(ItalicButton, null),
-        extensionNames.underline && React.createElement(UnderlineButton, null)))));
-};