@crystallize/design-system 1.5.0 → 1.7.0

package/src/rich-text-editor/context/SharedAutocompleteContext.tsx

@@ -1,60 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { createContext, ReactNode, useContext, useEffect, useMemo, useState } from 'react';
-
-type Suggestion = null | string;
-type CallbackFn = (newSuggestion: Suggestion) => void;
-type SubscribeFn = (callbackFn: CallbackFn) => () => void;
-type PublishFn = (newSuggestion: Suggestion) => void;
-type ContextShape = [SubscribeFn, PublishFn];
-type HookShape = [suggestion: Suggestion, setSuggestion: PublishFn];
-
-const Context: React.Context<ContextShape> = createContext([
-  _cb => () => {
-    return;
-  },
-  (_newSuggestion: Suggestion) => {
-    return;
-  },
-]);
-
-export const SharedAutocompleteContext = ({ children }: { children: ReactNode }): JSX.Element => {
-  const context: ContextShape = useMemo(() => {
-    let suggestion: Suggestion | null = null;
-    const listeners: Set<CallbackFn> = new Set();
-    return [
-      (cb: (newSuggestion: Suggestion) => void) => {
-        cb(suggestion);
-        listeners.add(cb);
-        return () => {
-          listeners.delete(cb);
-        };
-      },
-      (newSuggestion: Suggestion) => {
-        suggestion = newSuggestion;
-        for (const listener of listeners) {
-          listener(newSuggestion);
-        }
-      },
-    ];
-  }, []);
-  return <Context.Provider value={context}>{children}</Context.Provider>;
-};
-
-export const useSharedAutocompleteContext = (): HookShape => {
-  const [subscribe, publish]: ContextShape = useContext(Context);
-  const [suggestion, setSuggestion] = useState<Suggestion>(null);
-  useEffect(() => {
-    return subscribe((newSuggestion: Suggestion) => {
-      setSuggestion(newSuggestion);
-    });
-  }, [subscribe]);
-  return [suggestion, publish];
-};

package/src/rich-text-editor/nodes/AutocompleteNode.tsx

@@ -1,96 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import type { Spread } from 'lexical';
-
-import { DecoratorNode, EditorConfig, NodeKey, SerializedLexicalNode } from 'lexical';
-import * as React from 'react';
-
-import { useSharedAutocompleteContext } from '../context/SharedAutocompleteContext';
-import { uuid as UUID } from '../plugins/AutocompletePlugin';
-
-declare global {
-  interface Navigator {
-    userAgentData?: {
-      mobile: boolean;
-    };
-  }
-}
-
-export type SerializedAutocompleteNode = Spread<
-  {
-    type: 'autocomplete';
-    version: 1;
-    uuid: string;
-  },
-  SerializedLexicalNode
->;
-
-export class AutocompleteNode extends DecoratorNode<JSX.Element | null> {
-  // TODO add comment
-  __uuid: string;
-
-  static clone(node: AutocompleteNode): AutocompleteNode {
-    return new AutocompleteNode(node.__key);
-  }
-
-  static getType(): 'autocomplete' {
-    return 'autocomplete';
-  }
-
-  static importJSON(serializedNode: SerializedAutocompleteNode): AutocompleteNode {
-    const node = $createAutocompleteNode(serializedNode.uuid);
-    return node;
-  }
-
-  exportJSON(): SerializedAutocompleteNode {
-    return {
-      ...super.exportJSON(),
-      type: 'autocomplete',
-      uuid: this.__uuid,
-      version: 1,
-    };
-  }
-
-  constructor(uuid: string, key?: NodeKey) {
-    super(key);
-    this.__uuid = uuid;
-  }
-
-  updateDOM(prevNode: unknown, dom: HTMLElement, config: EditorConfig): boolean {
-    return false;
-  }
-
-  createDOM(config: EditorConfig): HTMLElement {
-    return document.createElement('span');
-  }
-
-  decorate(): JSX.Element | null {
-    if (this.__uuid !== UUID) {
-      return null;
-    }
-    return <AutocompleteComponent />;
-  }
-}
-
-export function $createAutocompleteNode(uuid: string): AutocompleteNode {
-  return new AutocompleteNode(uuid);
-}
-
-function AutocompleteComponent(): JSX.Element {
-  const [suggestion] = useSharedAutocompleteContext();
-  const userAgentData = window.navigator.userAgentData;
-  const isMobile =
-    userAgentData !== undefined ? userAgentData.mobile : window.innerWidth <= 800 && window.innerHeight <= 600;
-  // TODO Move to theme
-  return (
-    <span style={{ color: '#ccc' }} spellCheck="false">
-      {suggestion} {isMobile ? '(SWIPE \u2B95)' : '(TAB)'}
-    </span>
-  );
-}