@flozy/editor 1.0.0 → 1.0.6

package/src/components/Editor/RemoteCursorOverlay/Overlay.js

@@ -1,78 +0,0 @@
-import React, { useRef } from "react";
-import { useRemoteCursorOverlayPositions } from "@slate-yjs/react";
-
-function Caret({ caretPosition, data }) {
-  const caretStyle = {
-    ...caretPosition,
-    background: data?.color || "#d33d3db5",
-  };
-
-  const labelStyle = {
-    transform: "translateY(-100%)",
-    background: data?.color || "#d33d3db5",
-  };
-
-  return (
-    <div style={{ ...caretStyle, position: "absolute", width: "0.5px" }}>
-      <div
-        style={{
-          position: "absolute",
-          color: "#FFF",
-          whiteSpace: "nowrap",
-          top: 0,
-          ...labelStyle,
-        }}
-      >
-        {data?.name}
-      </div>
-    </div>
-  );
-}
-
-function RemoteSelection({ data, selectionRects, caretPosition }) {
-  if (!data) {
-    return null;
-  }
-
-  const selectionStyle = {
-    backgroundColor: data.color,
-  };
-
-  return (
-    <React.Fragment>
-      {selectionRects.map((position, i) => (
-        <div
-          style={{
-            ...selectionStyle,
-            ...position,
-            position: "absolute",
-            pointerEvents: "none",
-          }}
-          // eslint-disable-next-line react/no-array-index-key
-          key={i}
-        />
-      ))}
-      {caretPosition && <Caret caretPosition={caretPosition} data={data} />}
-    </React.Fragment>
-  );
-}
-
-export function RemoteCursorOverlay({ className, children }) {
-  const containerRef = useRef(null);
-  const [cursors] = useRemoteCursorOverlayPositions({
-    containerRef,
-  });
-
-  return (
-    <div
-      className={`${className}`}
-      style={{ position: "relative" }}
-      ref={containerRef}
-    >
-      {children}
-      {cursors.map((cursor) => (
-        <RemoteSelection key={cursor.clientId} {...cursor} />
-      ))}
-    </div>
-  );
-}

package/src/components/Editor/Toolbar/Toolbar.jsx

@@ -1,167 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { useSlate } from "slate-react";
-import Button from "../common/Button";
-import Icon from "../common/Icon";
-import {
-  toggleBlock,
-  toggleMark,
-  isMarkActive,
-  addMarkData,
-  isBlockActive,
-  activeMark,
-} from "../utils/SlateUtilityFunctions.js";
-import useFormat from "../utils/customHooks/useFormat.js";
-import defaultToolbarGroups from "./toolbarGroups.js";
-import "./styles.css";
-import ColorPicker from "../Elements/Color Picker/ColorPicker";
-import LinkButton from "../Elements/Link/LinkButton";
-import Embed from "../Elements/Embed/Embed";
-import TableSelector from "../Elements/Table/TableSelector";
-import EquationButton from "../Elements/Equation/EquationButton";
-import Id from "../Elements/ID/Id";
-import TableContextMenu from "../Elements/TableContextMenu/TableContextMenu";
-import CodeToTextButton from "../Elements/CodeToText/CodeToTextButton";
-import HtmlContextMenu from "../Elements/CodeToText/HtmlContextMenu";
-import GridButton from "../Elements/Grid/GridButton";
-import NewLineButton from "../Elements/NewLine/NewLineButton";
-
-const Toolbar = (props) => {
-  const { handleCodeToText } = props;
-  const editor = useSlate();
-  const isTable = useFormat(editor, "table");
-  const [toolbarGroups, setToolbarGroups] = useState(defaultToolbarGroups);
-
-  useEffect(() => {
-    // Filter out the groups which are not allowed to be inserted when a table is in focus.
-    let filteredGroups = [...defaultToolbarGroups];
-    if (isTable) {
-      filteredGroups = toolbarGroups.map((grp) =>
-        grp.filter(
-          (element) =>
-            //groups that are not supported inside the table
-            !["codeToText"].includes(element.type)
-        )
-      );
-      filteredGroups = filteredGroups.filter((elem) => elem.length);
-    }
-    setToolbarGroups(filteredGroups);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isTable]);
-
-  const BlockButton = ({ format }) => {
-    return (
-      <Button
-        active={isBlockActive(editor, format)}
-        format={format}
-        onMouseDown={(e) => {
-          e.preventDefault();
-          toggleBlock(editor, format);
-        }}
-      >
-        <Icon icon={format} />
-      </Button>
-    );
-  };
-  const MarkButton = ({ format }) => {
-    return (
-      <Button
-        active={isMarkActive(editor, format)}
-        format={format}
-        onMouseDown={(e) => {
-          e.preventDefault();
-          toggleMark(editor, format);
-        }}
-      >
-        <Icon icon={format} />
-      </Button>
-    );
-  };
-  const Dropdown = ({ format, options }) => {
-    return (
-      <select
-        value={activeMark(editor, format)}
-        onChange={(e) => changeMarkData(e, format)}
-      >
-        {options.map((item, index) => (
-          <option key={index} value={item.value}>
-            {item.text}
-          </option>
-        ))}
-      </select>
-    );
-  };
-  const changeMarkData = (event, format) => {
-    event.preventDefault();
-    const value = event.target.value;
-    addMarkData(editor, { format, value });
-  };
-
-  return (
-    <div className="toolbar">
-      {toolbarGroups.map((group, index) => (
-        <span key={index} className="toolbar-grp">
-          {group.map((element, gi) => {
-            switch (element.type) {
-              case "block":
-                return <BlockButton key={element.id} {...element} />;
-              case "mark":
-                return <MarkButton key={element.id} {...element} />;
-              case "dropdown":
-                return <Dropdown key={element.id} {...element} />;
-              case "link":
-                return (
-                  <LinkButton
-                    key={element.id}
-                    active={isBlockActive(editor, "link")}
-                    editor={editor}
-                  />
-                );
-              case "embed":
-                return (
-                  <Embed
-                    key={element.id}
-                    format={element.format}
-                    editor={editor}
-                  />
-                );
-              case "color-picker":
-                return (
-                  <ColorPicker
-                    key={element.id}
-                    activeMark={activeMark}
-                    format={element.format}
-                    editor={editor}
-                  />
-                );
-              case "table":
-                return <TableSelector key={element.id} editor={editor} />;
-              case "id":
-                return <Id key={`gi_id_${gi}`} editor={editor} />;
-              case "equation":
-                return (
-                  <EquationButton key={`gi_equation_${gi}`} editor={editor} />
-                );
-              case "codeToText":
-                return (
-                  <CodeToTextButton
-                    key={`gi_codeToText_${gi}`}
-                    handleButtonClick={handleCodeToText}
-                  />
-                );
-              case "grid":
-                return <GridButton key={element.id} editor={editor} />;
-              case "newLine":
-                return <NewLineButton key={element.id} editor={editor} />;
-              default:
-                return null;
-            }
-          })}
-        </span>
-      ))}
-      <TableContextMenu editor={editor} />
-      <HtmlContextMenu editor={editor} handleCodeToText={handleCodeToText} />
-    </div>
-  );
-};
-
-export default Toolbar;

package/src/components/Editor/Toolbar/styles.css

@@ -1,28 +0,0 @@
-.toolbar{
-    border-radius: 10px;
-background: #ffffff;
-box-shadow:  -8px 8px 13px #ededed,
-             8px -8px 13px #ffffff;
-    margin:4px 0;
-    display:flex;
-    flex-wrap:wrap;
-    align-items:center;
-    padding: 15px 10px;
-    row-gap: 15px;
-    position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  z-index: 2;
-}
-.toolbar-grp>*{
-    margin-right: 10px;
-    cursor: pointer;
-}
-.toolbar-grp{
-    margin:0 10px;
-}
-select{
-    height: 30px;
-    border: none;
-    width: 6.9rem;
-}

package/src/components/Editor/Toolbar/toolbarGroups.js

@@ -1,167 +0,0 @@
-const toolbarGroups = [
-  [
-    {
-      id: 1,
-      format: "fontFamily",
-      type: "dropdown",
-      options: [
-        { text: "Sans Serif", value: "sans" },
-        { text: "Serif", value: "serif" },
-        { text: "MonoSpace", value: "monospace" },
-      ],
-    },
-    {
-      id: 2,
-      format: "fontSize",
-      type: "dropdown",
-      options: [
-        { text: "Small", value: "small" },
-        { text: "Normal", value: "normal" },
-        { text: "Medium", value: "medium" },
-        { text: "Huge", value: "huge" },
-      ],
-    },
-  ],
-  [
-    {
-      id: 3,
-      format: "bold",
-      type: "mark",
-    },
-    {
-      id: 4,
-      format: "italic",
-      type: "mark",
-    },
-    {
-      id: 5,
-      format: "underline",
-      type: "mark",
-    },
-    {
-      id: 6,
-      format: "strikethrough",
-      type: "mark",
-    },
-  ],
-  [
-    {
-      id: 7,
-      format: "color",
-      type: "color-picker",
-    },
-    {
-      id: 8,
-      format: "bgColor",
-      type: "color-picker",
-    },
-  ],
-  [
-    {
-      id: 9,
-      format: "superscript",
-      type: "mark",
-    },
-    {
-      id: 10,
-      format: "subscript",
-      type: "mark",
-    },
-  ],
-  [
-    {
-      id: 11,
-      format: "headingOne",
-      type: "block",
-    },
-    {
-      id: 12,
-      format: "headingTwo",
-      type: "block",
-    },
-    {
-      id: 13,
-      format: "headingThree",
-      type: "block",
-    },
-    {
-      id: 14,
-      format: "blockquote",
-      type: "block",
-    },
-  ],
-  [
-    {
-      id: 15,
-      format: "orderedList",
-      type: "block",
-    },
-    {
-      id: 16,
-      format: "unorderedList",
-      type: "block",
-    },
-  ],
-  [
-    {
-      id: 17,
-      format: "alignLeft",
-      type: "block",
-    },
-    {
-      id: 18,
-      format: "alignCenter",
-      type: "block",
-    },
-    {
-      id: 19,
-      format: "alignRight",
-      type: "block",
-    },
-  ],
-  [
-    {
-      id: 20,
-      format: "link",
-      type: "link",
-    },
-    {
-      id: 21,
-      format: "image",
-      type: "embed",
-    },
-    {
-      id: 22,
-      format: "video",
-      type: "embed",
-    },
-    {
-      id: 23,
-      type: "table",
-    },
-  ],
-  [
-    {
-      id: 25,
-      type: "id",
-    },
-    {
-      id: 26,
-      type: "equation",
-    },
-    {
-      id: 27,
-      type: "codeToText",
-    },
-    {
-      id: 28,
-      type: "grid",
-    },
-    {
-      id: 29,
-      type: "newLine",
-    },
-  ],
-];
-
-export default toolbarGroups;

package/src/components/Editor/Toolbar/toolbarIcons/align-center.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="align-center" class="svg-inline--fa fa-align-center fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM108.1 96h231.81A12.09 12.09 0 0 0 352 83.9V44.09A12.09 12.09 0 0 0 339.91 32H108.1A12.09 12.09 0 0 0 96 44.09V83.9A12.1 12.1 0 0 0 108.1 96zm231.81 256A12.09 12.09 0 0 0 352 339.9v-39.81A12.09 12.09 0 0 0 339.91 288H108.1A12.09 12.09 0 0 0 96 300.09v39.81a12.1 12.1 0 0 0 12.1 12.1z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/align-left.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="align-left" class="svg-inline--fa fa-align-left fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/align-right.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="align-right" class="svg-inline--fa fa-align-right fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 224h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm416 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm3.17-384H172.83A12.82 12.82 0 0 0 160 44.83v38.34A12.82 12.82 0 0 0 172.83 96h262.34A12.82 12.82 0 0 0 448 83.17V44.83A12.82 12.82 0 0 0 435.17 32zm0 256H172.83A12.82 12.82 0 0 0 160 300.83v38.34A12.82 12.82 0 0 0 172.83 352h262.34A12.82 12.82 0 0 0 448 339.17v-38.34A12.82 12.82 0 0 0 435.17 288z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/blockquote.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="quote-right" class="svg-inline--fa fa-quote-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/fontColor.svg

@@ -1,4 +0,0 @@
-<svg width="634" height="461" viewBox="0 0 634 461" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M59.2793 8.77344H55.7051L54.9023 11H53.7422L57 2.46875H57.9844L61.248 11H60.0938L59.2793 8.77344ZM56.0449 7.84766H58.9453L57.4922 3.85742L56.0449 7.84766Z" fill="black"/>
-<line x1="54" y1="12.5" x2="61" y2="12.5" stroke="black"/>
-</svg>

package/src/components/Editor/Toolbar/toolbarIcons/headingOne.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1" viewBox="0 0 16 16">
-  <path d="M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13h1.244z"/>
-</svg>

package/src/components/Editor/Toolbar/toolbarIcons/headingTwo.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h2" viewBox="0 0 16 16">
-  <path d="M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049h1.223z"/>
-</svg>

package/src/components/Editor/Toolbar/toolbarIcons/link.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/orderedList.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="list-ol" class="svg-inline--fa fa-list-ol fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M61.77 401l17.5-20.15a19.92 19.92 0 0 0 5.07-14.19v-3.31C84.34 356 80.5 352 73 352H16a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h22.83a157.41 157.41 0 0 0-11 12.31l-5.61 7c-4 5.07-5.25 10.13-2.8 14.88l1.05 1.93c3 5.76 6.29 7.88 12.25 7.88h4.73c10.33 0 15.94 2.44 15.94 9.09 0 4.72-4.2 8.22-14.36 8.22a41.54 41.54 0 0 1-15.47-3.12c-6.49-3.88-11.74-3.5-15.6 3.12l-5.59 9.31c-3.72 6.13-3.19 11.72 2.63 15.94 7.71 4.69 20.38 9.44 37 9.44 34.16 0 48.5-22.75 48.5-44.12-.03-14.38-9.12-29.76-28.73-34.88zM496 224H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM16 160h64a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8H64V40a8 8 0 0 0-8-8H32a8 8 0 0 0-7.14 4.42l-8 16A8 8 0 0 0 24 64h8v64H16a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8zm-3.91 160H80a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8H41.32c3.29-10.29 48.34-18.68 48.34-56.44 0-29.06-25-39.56-44.47-39.56-21.36 0-33.8 10-40.46 18.75-4.37 5.59-3 10.84 2.8 15.37l8.58 6.88c5.61 4.56 11 2.47 16.12-2.44a13.44 13.44 0 0 1 9.46-3.84c3.33 0 9.28 1.56 9.28 8.75C51 248.19 0 257.31 0 304.59v4C0 316 5.08 320 12.09 320z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/subscript.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="subscript" class="svg-inline--fa fa-subscript fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M496 448h-16V304a16 16 0 0 0-16-16h-48a16 16 0 0 0-14.29 8.83l-16 32A16 16 0 0 0 400 352h16v96h-16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM336 64h-67a16 16 0 0 0-13.14 6.87l-79.9 115-79.9-115A16 16 0 0 0 83 64H16A16 16 0 0 0 0 80v48a16 16 0 0 0 16 16h33.48l77.81 112-77.81 112H16a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h67a16 16 0 0 0 13.14-6.87l79.9-115 79.9 115A16 16 0 0 0 269 448h67a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16h-33.48l-77.81-112 77.81-112H336a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/superscript.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="superscript" class="svg-inline--fa fa-superscript fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M496 160h-16V16a16 16 0 0 0-16-16h-48a16 16 0 0 0-14.29 8.83l-16 32A16 16 0 0 0 400 64h16v96h-16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM336 64h-67a16 16 0 0 0-13.14 6.87l-79.9 115-79.9-115A16 16 0 0 0 83 64H16A16 16 0 0 0 0 80v48a16 16 0 0 0 16 16h33.48l77.81 112-77.81 112H16a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h67a16 16 0 0 0 13.14-6.87l79.9-115 79.9 115A16 16 0 0 0 269 448h67a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16h-33.48l-77.81-112 77.81-112H336a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16z"></path></svg>

package/src/components/Editor/Toolbar/toolbarIcons/unorderedList.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="list-ul" class="svg-inline--fa fa-list-ul fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M48 48a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm448 16H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"></path></svg>

package/src/components/Editor/YjsProvider.js

@@ -1,11 +0,0 @@
-import * as Y from "yjs";
-import { WebsocketProvider } from "y-websocket";
-const YJS_SOCKET_URL = "ws://localhost:8080";
-
-function YjsProvider(roomName) {
-  const doc = new Y.Doc();
-  const provider = new WebsocketProvider(YJS_SOCKET_URL, roomName, doc);
-  return provider;
-}
-
-export default YjsProvider;

package/src/components/Editor/common/Button.jsx

@@ -1,12 +0,0 @@
-import React from 'react'
-
-const Button =(props)=>{
-    const {children,format,active, ...rest} = props
-    return(
-        <button  className={active?'btnActive':''} title={format}  {...rest} style={{width:'30px',height:'20px',margin:'0 2px'}}>
-            {children}
-        </button>
-    )
-}
-
-export default Button;

package/src/components/Editor/common/Icon.jsx

@@ -1,82 +0,0 @@
-import React from "react";
-import {
-  MdFormatBold,
-  MdFormatItalic,
-  MdStrikethroughS,
-  MdFormatUnderlined,
-  MdFormatQuote,
-  MdFormatAlignLeft,
-  MdFormatAlignCenter,
-  MdFormatAlignRight,
-  MdFormatListNumbered,
-  MdFormatListBulleted,
-  MdInsertLink,
-  MdVideoLibrary,
-  MdImage,
-  MdAdd,
-  MdArrowForward,
-} from "react-icons/md";
-import {
-  BsTypeH1,
-  BsTypeH2,
-  BsTypeH3,
-  BsCameraVideoFill,
-} from "react-icons/bs";
-import { FaSuperscript, FaSubscript } from "react-icons/fa";
-import {
-  AiFillEdit,
-  AiOutlineTable,
-  AiOutlineInsertRowBelow,
-  AiOutlineInsertRowRight,
-  AiOutlineDelete,
-  AiFillTag,
-  AiOutlineUpload,
-  AiOutlineArrowsAlt,
-  AiOutlineInsertRowAbove,
-  AiOutlineInsertRowLeft,
-  AiFillHtml5,
-} from "react-icons/ai";
-import { SiLatex } from "react-icons/si";
-const iconList = {
-  bold: <MdFormatBold size={20} />,
-  italic: <MdFormatItalic size={20} />,
-  strikethrough: <MdStrikethroughS size={20} />,
-  underline: <MdFormatUnderlined size={20} />,
-  headingOne: <BsTypeH1 size={20} />,
-  headingTwo: <BsTypeH2 size={20} />,
-  headingThree: <BsTypeH3 size={20} />,
-
-  blockquote: <MdFormatQuote size={20} />,
-  superscript: <FaSuperscript size={15} />,
-  subscript: <FaSubscript size={15} />,
-  alignLeft: <MdFormatAlignLeft size={20} />,
-  alignCenter: <MdFormatAlignCenter size={20} />,
-  alignRight: <MdFormatAlignRight size={20} />,
-  orderedList: <MdFormatListNumbered size={20} />,
-  unorderedList: <MdFormatListBulleted size={20} />,
-  link: <MdInsertLink size={20} />,
-  image: <MdImage size={20} />,
-  video: <MdVideoLibrary size={20} />,
-  add: <MdAdd size={20} />,
-  table: <AiOutlineTable size={20} />,
-  insertRowBelow: <AiOutlineInsertRowBelow size={25} />,
-  insertColumnRight: <AiOutlineInsertRowRight size={25} />,
-  insertColumnLeft: <AiOutlineInsertRowLeft size={25} />,
-  insertRowAbove: <AiOutlineInsertRowAbove size={25} />,
-  trashCan: <AiOutlineDelete size={25} />,
-  addId: <AiFillTag size={20} />,
-  upload: <AiOutlineUpload size={20} />,
-  equation: <SiLatex size={20} />,
-  resize: <AiOutlineArrowsAlt size={20} />,
-  videoPlayer: <BsCameraVideoFill size={20} />,
-  insertHtml: <AiFillHtml5 size={20} />,
-  arrowRight: <MdArrowForward size={35} />,
-  pen: <AiFillEdit size={20} />,
-};
-
-const Icon = (props) => {
-  const { icon } = props;
-  return iconList[icon];
-};
-
-export default Icon;

package/src/components/Editor/common/MentionsPopup.jsx

@@ -1,56 +0,0 @@
-import React, { useRef, useEffect } from "react";
-import { Transforms } from "slate";
-import { ReactEditor } from "slate-react";
-import { insertMention } from "../utils/mentions";
-
-const MentionsPopup = (props) => {
-  const { editor, index, target, chars, mentions, setMentions } = props;
-  const ref = useRef(null);
-
-  useEffect(() => {
-    if (target && chars.length > 0) {
-      const el = ref.current;
-      const domRange = ReactEditor.toDOMRange(editor, target);
-      const rect = domRange.getBoundingClientRect();
-      el.style.top = `${rect.top + window.scrollY + 24}px`;
-      el.style.left = `${rect.left + window.scrollX}px`;
-    }
-  }, [chars.length, editor, index, target]);
-
-  return target && chars.length > 0 ? (
-    <div
-      ref={ref}
-      style={{
-        top: "-9999px",
-        left: "-9999px",
-        position: "absolute",
-        zIndex: 1,
-        padding: "3px",
-        background: "white",
-        borderRadius: "4px",
-        boxShadow: "0 1px 5px rgba(0,0,0,.2)",
-      }}
-      data-cy="mentions-portal"
-    >
-      {chars.map((char, i) => (
-        <div
-          key={char}
-          onClick={() => {
-            Transforms.select(editor, target);
-            insertMention(editor, char);
-            setMentions({ ...mentions, target: null });
-          }}
-          style={{
-            padding: "1px 3px",
-            borderRadius: "3px",
-            background: i === index ? "#B4D5FF" : "transparent",
-          }}
-        >
-          {char}
-        </div>
-      ))}
-    </div>
-  ) : null;
-};
-
-export default MentionsPopup;