Function useIsVisible

packages/toggle/src/react/toggleIndexAtom.ts:57–73

(elementId: string)

// In order minimize re-renders, we subscribe to both separately, but only re-render unnecessarily when opening or closing a toggle,
//   which is less frequent than changing the editor's children.
export const useIsVisible = (elementId: string) => {
  const openIds = usePluginOption(TogglePlugin, 'openIds')!;
  const isVisibleAtom = useMemo(
    () =>
      atom((get) => {
        const toggleIndex = get(toggleIndexAtom);
        const enclosedInToggleIds = toggleIndex.get(elementId) || [];

        return enclosedInToggleIds.every((enclosedId) =>
          openIds.has(enclosedId)
        );
      }),
    [elementId, openIds]
  );

  return useStoreAtomValue(usePlateStore(), isVisibleAtom);
};

export const toggleIndexAtom: Atom<Map<string, string[]>> = atom((get) =>
  buildToggleIndex(get(editorAtom).editor.children as TIndentElement[])