@sparrowengg/twigs-editor-react 0.0.1

package/dist/es/components/base-dropdown/index.js

@@ -0,0 +1,173 @@
+import { jsx } from 'react/jsx-runtime';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { LexicalTypeaheadMenuPlugin, MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+import { useState, useEffect, useMemo, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { styled } from '../../react-components/dist/es/stitches.config.js';
+import { Button } from '../../react-components/dist/es/button/button.js';
+import { Box } from '../../react-components/dist/es/box/box.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+class TypeaheadOption extends MenuOption {
+  constructor(data) {
+    super(data.value);
+    __publicField(this, "data");
+    this.data = data;
+  }
+}
+const TypeaheadMenuItem = ({
+  index,
+  isSelected,
+  onClick,
+  onMouseEnter,
+  option,
+  renderMenuItemContent
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref: option.setRefElement,
+      role: "option",
+      color: isSelected ? "default" : "bright",
+      "aria-selected": isSelected,
+      id: `typeahead-item-${index}`,
+      onMouseEnter,
+      onClick,
+      size: "md",
+      css: {
+        width: "100%",
+        justifyContent: "flex-start"
+      },
+      children: renderMenuItemContent ? renderMenuItemContent({
+        index,
+        isSelected,
+        option
+      }) : /* @__PURE__ */ jsx(Box, { as: "span", className: "text", children: option.data.label })
+    },
+    option.key
+  );
+};
+const StyledUl = styled("ul", {
+  width: "260px",
+  padding: "$4",
+  borderRadius: "$md",
+  backgroundColor: "$white900",
+  position: "relative",
+  zIndex: 1e3,
+  boxShadow: "rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px"
+});
+const defaultMenuRender = ({
+  selectOptionAndCleanUp,
+  setHighlightedIndex,
+  renderMenuItemContent,
+  anchorElementRef,
+  menuOptions,
+  selectedIndex,
+  css
+}) => {
+  if (anchorElementRef.current && menuOptions.length) {
+    return createPortal(
+      /* @__PURE__ */ jsx("div", { className: "typeahead-popover dropdown-menu", children: /* @__PURE__ */ jsx(StyledUl, { css, children: menuOptions.map((option, i) => /* @__PURE__ */ jsx(
+        TypeaheadMenuItem,
+        {
+          index: i,
+          isSelected: selectedIndex === i,
+          onClick: () => {
+            setHighlightedIndex(i);
+            selectOptionAndCleanUp(option);
+          },
+          onMouseEnter: () => {
+            setHighlightedIndex(i);
+          },
+          option,
+          renderMenuItemContent
+        },
+        option.key
+      )) }) }),
+      anchorElementRef.current
+    );
+  }
+  return null;
+};
+const EditorLookupDropdownBase = ({
+  triggerFunction,
+  getResults,
+  $createNode,
+  renderMenu,
+  onMenuItemSelect,
+  renderMenuItemContent,
+  suggestionsListLength = 5,
+  css
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [queryString, setQueryString] = useState(null);
+  const [results, setResults] = useState([]);
+  useEffect(() => {
+    (async () => {
+      const res = await getResults(queryString);
+      setResults(res || []);
+    })();
+  }, [queryString, getResults]);
+  const menuOptions = useMemo(
+    () => results.map((result) => new TypeaheadOption(result)).slice(0, suggestionsListLength),
+    [results, suggestionsListLength]
+  );
+  const onSelectOption = useCallback(
+    (selectedOption, nodeToReplace, closeMenu) => {
+      editor.update(() => {
+        if (onMenuItemSelect) {
+          const result = onMenuItemSelect(selectedOption, closeMenu);
+          if (result) {
+            return;
+          }
+        }
+        if (!$createNode) return;
+        const node = $createNode(selectedOption);
+        if (nodeToReplace) {
+          nodeToReplace.replace(node);
+        }
+        node.select();
+        closeMenu();
+      });
+    },
+    [editor, $createNode]
+  );
+  const menuRenderFn = useCallback(
+    (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => {
+      if (renderMenu) {
+        return renderMenu({
+          menuOptions,
+          selectedIndex,
+          anchorElementRef,
+          setHighlightedIndex,
+          selectOptionAndCleanUp
+        });
+      }
+      return defaultMenuRender({
+        menuOptions,
+        selectedIndex,
+        anchorElementRef,
+        setHighlightedIndex,
+        renderMenuItemContent,
+        selectOptionAndCleanUp,
+        css
+      });
+    },
+    [menuOptions, renderMenu, renderMenuItemContent, css]
+  );
+  return /* @__PURE__ */ jsx(
+    LexicalTypeaheadMenuPlugin,
+    {
+      onQueryChange: setQueryString,
+      onSelectOption,
+      triggerFn: triggerFunction,
+      options: menuOptions,
+      menuRenderFn
+    }
+  );
+};
+
+export { EditorLookupDropdownBase };
+//# sourceMappingURL=index.js.map

package/dist/es/components/base-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/base-dropdown/index.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  LexicalTypeaheadMenuPlugin,\n  MenuOption,\n  MenuTextMatch\n} from '@lexical/react/LexicalTypeaheadMenuPlugin';\nimport {\n  Box, Button, config, styled\n} from '@sparrowengg/twigs-react';\nimport { CSS } from '@stitches/react';\nimport { LexicalEditor, TextNode } from 'lexical';\nimport React, {\n  ReactNode,\n  ReactPortal,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nexport type TypeaheadMenuData = {\n  value: string;\n  label: string;\n  [x: string]: unknown;\n};\n\ntype RenderMenuItemContentProps = {\n  index: number;\n  isSelected: boolean;\n  option: TypeaheadOption;\n};\n\nclass TypeaheadOption extends MenuOption {\n  data: TypeaheadMenuData;\n\n  constructor(data: TypeaheadMenuData) {\n    super(data.value);\n    this.data = data;\n  }\n}\n\nconst TypeaheadMenuItem = ({\n  index,\n  isSelected,\n  onClick,\n  onMouseEnter,\n  option,\n  renderMenuItemContent\n}: {\n  index: number;\n  isSelected: boolean;\n  onClick: () => void;\n  onMouseEnter: () => void;\n  option: TypeaheadOption;\n  renderMenuItemContent?: (props: RenderMenuItemContentProps) => ReactNode;\n}) => {\n  return (\n    <Button\n      key={option.key}\n      ref={option.setRefElement}\n      role=\"option\"\n      color={isSelected ? 'default' : 'bright'}\n      aria-selected={isSelected}\n      id={`typeahead-item-${index}`}\n      onMouseEnter={onMouseEnter}\n      onClick={onClick}\n      size=\"md\"\n      css={{\n        width: '100%',\n        justifyContent: 'flex-start'\n      }}\n    >\n      {renderMenuItemContent ? (\n        renderMenuItemContent({\n          index,\n          isSelected,\n          option\n        })\n      ) : (\n        <Box as=\"span\" className=\"text\">\n          {option.data.label}\n        </Box>\n      )}\n    </Button>\n  );\n};\n\nconst StyledUl = styled('ul', {\n  width: '260px',\n  padding: '$4',\n  borderRadius: '$md',\n  backgroundColor: '$white900',\n  position: 'relative',\n  zIndex: 1000,\n  boxShadow: 'rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px'\n});\n\nexport type EditorLookupDropdownBaseProps = {\n  triggerFunction: (text: string) => MenuTextMatch | null;\n  getResults: (\n    text: string | null\n  ) => Promise<TypeaheadMenuData[]> | TypeaheadMenuData[];\n  $createNode?: (data: TypeaheadOption) => TextNode;\n  suggestionsListLength?: number;\n  renderMenu?: (args: {\n    anchorElementRef: React.MutableRefObject<HTMLElement | null>;\n    selectedIndex: number | null;\n    selectOptionAndCleanUp: (option: TypeaheadOption) => void;\n    setHighlightedIndex: (index: number) => void;\n    menuOptions: TypeaheadOption[];\n  }) => ReactPortal | React.JSX.Element | null;\n  renderMenuItemContent?: (props: RenderMenuItemContentProps) => ReactNode;\n  onMenuItemSelect?: (\n    option: TypeaheadOption,\n    closeMenu?: () => void\n  ) => void | boolean;\n  css?: CSS<typeof config>;\n};\n\nconst defaultMenuRender = ({\n  selectOptionAndCleanUp,\n  setHighlightedIndex,\n  renderMenuItemContent,\n  anchorElementRef,\n  menuOptions,\n  selectedIndex,\n  css\n}: {\n  anchorElementRef: React.MutableRefObject<HTMLElement | null>;\n  selectOptionAndCleanUp: (option: TypeaheadOption) => void;\n  setHighlightedIndex: (index: number) => void;\n  selectedIndex: number | null;\n  menuOptions: TypeaheadOption[];\n  editor: LexicalEditor;\n  renderMenuItemContent?: EditorLookupDropdownBaseProps['renderMenuItemContent'];\n  css?: CSS<typeof config>;\n}) => {\n  if (anchorElementRef.current && menuOptions.length) {\n    return createPortal(\n      <div className=\"typeahead-popover dropdown-menu\">\n        <StyledUl css={css}>\n          {menuOptions.map((option, i: number) => (\n            <TypeaheadMenuItem\n              index={i}\n              isSelected={selectedIndex === i}\n              onClick={() => {\n                setHighlightedIndex(i);\n                selectOptionAndCleanUp(option);\n              }}\n              onMouseEnter={() => {\n                setHighlightedIndex(i);\n              }}\n              key={option.key}\n              option={option}\n              renderMenuItemContent={renderMenuItemContent}\n            />\n          ))}\n        </StyledUl>\n      </div>,\n      anchorElementRef.current\n    );\n  }\n\n  return null;\n};\n\nexport const EditorLookupDropdownBase = ({\n  triggerFunction,\n  getResults,\n  $createNode,\n  renderMenu,\n  onMenuItemSelect,\n  renderMenuItemContent,\n  suggestionsListLength = 5,\n  css\n}: EditorLookupDropdownBaseProps) => {\n  const [editor] = useLexicalComposerContext();\n\n  const [queryString, setQueryString] = useState<string | null>(null);\n\n  const [results, setResults] = useState<TypeaheadMenuData[]>([]);\n\n  useEffect(() => {\n    (async () => {\n      const res = await getResults(queryString);\n      setResults(res || []);\n    })();\n  }, [queryString, getResults]);\n\n  const menuOptions = useMemo(\n    () => results\n      .map((result) => new TypeaheadOption(result))\n      .slice(0, suggestionsListLength),\n    [results, suggestionsListLength]\n  );\n\n  const onSelectOption = useCallback(\n    (\n      selectedOption: TypeaheadOption,\n      nodeToReplace: TextNode | null,\n      closeMenu: () => void\n    ) => {\n      editor.update(() => {\n        if (onMenuItemSelect) {\n          const result = onMenuItemSelect(selectedOption, closeMenu);\n          if (result) {\n            return;\n          }\n        }\n\n        if (!$createNode) return;\n\n        const node = $createNode(selectedOption);\n        if (nodeToReplace) {\n          nodeToReplace.replace(node);\n        }\n        node.select();\n        closeMenu();\n      });\n    },\n    [editor, $createNode]\n  );\n\n  const menuRenderFn = useCallback(\n    (\n      anchorElementRef: React.MutableRefObject<HTMLElement | null>,\n      { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }\n    ) => {\n      if (renderMenu) {\n        return renderMenu({\n          menuOptions,\n          selectedIndex,\n          anchorElementRef,\n          setHighlightedIndex,\n          selectOptionAndCleanUp\n        });\n      }\n\n      return defaultMenuRender({\n        editor,\n        menuOptions,\n        selectedIndex,\n        anchorElementRef,\n        setHighlightedIndex,\n        renderMenuItemContent,\n        selectOptionAndCleanUp,\n        css\n      });\n    },\n    [menuOptions, renderMenu, renderMenuItemContent, css]\n  );\n\n  return (\n    <LexicalTypeaheadMenuPlugin<TypeaheadOption>\n      onQueryChange={setQueryString}\n      onSelectOption={onSelectOption}\n      triggerFn={triggerFunction}\n      options={menuOptions}\n      menuRenderFn={menuRenderFn}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAiCA,MAAM,wBAAwB,UAAW,CAAA;AAAA,EAGvC,YAAY,IAAyB,EAAA;AACnC,IAAA,KAAA,CAAM,KAAK,KAAK,CAAA;AAHlB,IAAA,aAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAIE,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AAEhB;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAOM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAEC,KAAK,MAAO,CAAA,aAAA;AAAA,MACZ,IAAK,EAAA,QAAA;AAAA,MACL,KAAA,EAAO,aAAa,SAAY,GAAA,QAAA;AAAA,MAChC,eAAe,EAAA,UAAA;AAAA,MACf,EAAA,EAAI,kBAAkB,KAAK,CAAA,CAAA;AAAA,MAC3B,YAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAK,EAAA,IAAA;AAAA,MACL,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,cAAgB,EAAA;AAAA,OAClB;AAAA,MAEC,kCACC,qBAAsB,CAAA;AAAA,QACpB,KAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACD,CAED,mBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAG,QAAO,SAAU,EAAA,MAAA,EACtB,QAAO,EAAA,MAAA,CAAA,IAAA,CAAK,KACf,EAAA;AAAA,KAAA;AAAA,IAvBG,MAAO,CAAA;AAAA,GAyBd;AAEJ,CAAA;AAEA,MAAM,QAAA,GAAW,OAAO,IAAM,EAAA;AAAA,EAC5B,KAAO,EAAA,OAAA;AAAA,EACP,OAAS,EAAA,IAAA;AAAA,EACT,YAAc,EAAA,KAAA;AAAA,EACd,eAAiB,EAAA,WAAA;AAAA,EACjB,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,GAAA;AAAA,EACR,SAAW,EAAA;AACb,CAAC,CAAA;AAwBD,MAAM,oBAAoB,CAAC;AAAA,EACzB,sBAAA;AAAA,EACA,mBAAA;AAAA,EACA,qBAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CASM,KAAA;AACJ,EAAI,IAAA,gBAAA,CAAiB,OAAW,IAAA,WAAA,CAAY,MAAQ,EAAA;AAClD,IAAO,OAAA,YAAA;AAAA,sBACL,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iCACb,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EACP,QAAY,EAAA,WAAA,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,CACxB,qBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,CAAA;AAAA,UACP,YAAY,aAAkB,KAAA,CAAA;AAAA,UAC9B,SAAS,MAAM;AACb,YAAA,mBAAA,CAAoB,CAAC,CAAA;AACrB,YAAA,sBAAA,CAAuB,MAAM,CAAA;AAAA,WAC/B;AAAA,UACA,cAAc,MAAM;AAClB,YAAA,mBAAA,CAAoB,CAAC,CAAA;AAAA,WACvB;AAAA,UAEA,MAAA;AAAA,UACA;AAAA,SAAA;AAAA,QAFK,MAAO,CAAA;AAAA,OAIf,GACH,CACF,EAAA,CAAA;AAAA,MACA,gBAAiB,CAAA;AAAA,KACnB;AAAA;AAGF,EAAO,OAAA,IAAA;AACT,CAAA;AAEO,MAAM,2BAA2B,CAAC;AAAA,EACvC,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAwB,GAAA,CAAA;AAAA,EACxB;AACF,CAAqC,KAAA;AACnC,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAE3C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,IAAI,CAAA;AAElE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAA8B,EAAE,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,CAAC,YAAY;AACX,MAAM,MAAA,GAAA,GAAM,MAAM,UAAA,CAAW,WAAW,CAAA;AACxC,MAAW,UAAA,CAAA,GAAA,IAAO,EAAE,CAAA;AAAA,KACnB,GAAA;AAAA,GACF,EAAA,CAAC,WAAa,EAAA,UAAU,CAAC,CAAA;AAE5B,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MAAM,OAAA,CACH,GAAI,CAAA,CAAC,MAAW,KAAA,IAAI,eAAgB,CAAA,MAAM,CAAC,CAAA,CAC3C,KAAM,CAAA,CAAA,EAAG,qBAAqB,CAAA;AAAA,IACjC,CAAC,SAAS,qBAAqB;AAAA,GACjC;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CACE,cACA,EAAA,aAAA,EACA,SACG,KAAA;AACH,MAAA,MAAA,CAAO,OAAO,MAAM;AAClB,QAAA,IAAI,gBAAkB,EAAA;AACpB,UAAM,MAAA,MAAA,GAAS,gBAAiB,CAAA,cAAA,EAAgB,SAAS,CAAA;AACzD,UAAA,IAAI,MAAQ,EAAA;AACV,YAAA;AAAA;AACF;AAGF,QAAA,IAAI,CAAC,WAAa,EAAA;AAElB,QAAM,MAAA,IAAA,GAAO,YAAY,cAAc,CAAA;AACvC,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,aAAA,CAAc,QAAQ,IAAI,CAAA;AAAA;AAE5B,QAAA,IAAA,CAAK,MAAO,EAAA;AACZ,QAAU,SAAA,EAAA;AAAA,OACX,CAAA;AAAA,KACH;AAAA,IACA,CAAC,QAAQ,WAAW;AAAA,GACtB;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CACE,gBACA,EAAA,EAAE,aAAe,EAAA,sBAAA,EAAwB,qBACtC,KAAA;AACH,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,OAAO,UAAW,CAAA;AAAA,UAChB,WAAA;AAAA,UACA,aAAA;AAAA,UACA,gBAAA;AAAA,UACA,mBAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA;AAGH,MAAA,OAAO,iBAAkB,CAAA;AAAA,QAEvB,WAAA;AAAA,QACA,aAAA;AAAA,QACA,gBAAA;AAAA,QACA,mBAAA;AAAA,QACA,qBAAA;AAAA,QACA,sBAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,WAAA,EAAa,UAAY,EAAA,qBAAA,EAAuB,GAAG;AAAA,GACtD;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,0BAAA;AAAA,IAAA;AAAA,MACC,aAAe,EAAA,cAAA;AAAA,MACf,cAAA;AAAA,MACA,SAAW,EAAA,eAAA;AAAA,MACX,OAAS,EAAA,WAAA;AAAA,MACT;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/es/components/dialog-link-editor/index.js

@@ -0,0 +1,289 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { $isLinkNode, TOGGLE_LINK_COMMAND, $isAutoLinkNode } from '@lexical/link';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister, $findMatchingParent } from '@lexical/utils';
+import { ADD_BLANK_LINK } from '../../utils/commands.js';
+import { SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, CLICK_COMMAND, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_HIGH, KEY_ESCAPE_COMMAND, $isTextNode } from 'lexical';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import isURL from '../../react-editor/node_modules/validator/es/lib/isURL.js';
+import { getSelectedNode } from '../../utils/get-selected-node.js';
+import { setFloatingElemPositionForLinkEditor } from '../../utils/set-floating-elem-position-for-link-editor.js';
+import { LinkEditorDialog } from './link-editor-dialog.js';
+import { LinkTooltip } from './link-tooltip.js';
+
+function useDialogLinkEditorToolbar(editor, anchorElem, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const [linkUrl, setLinkUrl] = useState("");
+  const [linkText, setLinkText] = useState("");
+  const [isLink, setIsLink] = useState(false);
+  const [lastSelection, setLastSelection] = useState(null);
+  const [isLinkEditMode, setIsLinkEditMode] = useState(false);
+  const [isUpdate, setIsUpdate] = useState(false);
+  const [errors, setErrors] = useState({
+    text: false,
+    url: false
+  });
+  const isNewLink = useRef(false);
+  const containerRef = useRef(null);
+  const containerElem = containerRef.current;
+  useEffect(() => {
+    function updateToolbar() {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        const node = getSelectedNode(selection);
+        const linkParent = $findMatchingParent(node, $isLinkNode);
+        const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);
+        if (linkParent !== null && autoLinkParent === null) {
+          setIsLink(true);
+        } else {
+          setIsLink(false);
+        }
+      }
+    }
+    return mergeRegister(
+      editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          updateToolbar();
+        });
+      }),
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND,
+        () => {
+          updateToolbar();
+          return false;
+        },
+        COMMAND_PRIORITY_CRITICAL
+      ),
+      editor.registerCommand(
+        CLICK_COMMAND,
+        (payload) => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            const node = getSelectedNode(selection);
+            const linkNode = $findMatchingParent(node, $isLinkNode);
+            if ($isLinkNode(linkNode)) {
+              const url = linkNode.getURL();
+              setLinkUrl(url);
+              setLinkText(linkNode.getTextContent());
+            }
+            if ($isLinkNode(linkNode) && (payload.metaKey || payload.ctrlKey)) {
+              window.open(linkNode.getURL(), "_blank");
+              return true;
+            }
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      )
+    );
+  }, [editor]);
+  const updateLinkEditor = useCallback(() => {
+    const selection = $getSelection();
+    if ($isRangeSelection(selection)) {
+      const node = getSelectedNode(selection);
+      const parent = node.getParent();
+      if ($isLinkNode(parent)) {
+        setLinkText(parent.getTextContent().trim());
+        setLinkUrl(parent.getURL());
+      } else if ($isLinkNode(node)) {
+        setLinkText(node.getTextContent().trim());
+        setLinkUrl(node.getURL());
+      } else {
+        setLinkText("");
+        setLinkUrl("");
+      }
+    }
+    const nativeSelection = window.getSelection();
+    const { activeElement } = document;
+    const rootElement = editor.getRootElement();
+    if (selection !== null && nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode) && editor.isEditable()) {
+      setTimeout(() => {
+        var _a2, _b2;
+        const domRect = (_b2 = (_a2 = nativeSelection.focusNode) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.getBoundingClientRect();
+        if (domRect && anchorElem && containerRef.current) {
+          setFloatingElemPositionForLinkEditor(
+            domRect,
+            containerRef.current,
+            anchorElem,
+            10
+          );
+        }
+      }, 10);
+      setLastSelection(selection);
+    } else if (!activeElement || activeElement.className !== "link-input") {
+      setTimeout(() => {
+        if (rootElement !== null && anchorElem && containerElem) {
+          setFloatingElemPositionForLinkEditor(null, containerElem, anchorElem);
+        }
+      }, 10);
+      setLastSelection(null);
+      setLinkUrl("");
+    }
+    return true;
+  }, [anchorElem, editor, setIsLinkEditMode]);
+  useEffect(() => {
+    if (!isLinkEditMode) {
+      isNewLink.current = false;
+    }
+  }, [isLinkEditMode]);
+  useEffect(() => {
+    return mergeRegister(
+      editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          updateLinkEditor();
+        });
+      }),
+      editor.registerCommand(
+        ADD_BLANK_LINK,
+        () => {
+          setTimeout(() => {
+            setIsLinkEditMode(true);
+          }, 40);
+          isNewLink.current = true;
+          return false;
+        },
+        COMMAND_PRIORITY_HIGH
+      ),
+      editor.registerCommand(
+        TOGGLE_LINK_COMMAND,
+        (payload) => {
+          if (typeof payload === "string" || (payload == null ? void 0 : payload.url)) {
+            setTimeout(() => {
+              setIsLinkEditMode(true);
+            }, 40);
+            isNewLink.current = true;
+          } else {
+            setIsLinkEditMode(false);
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_HIGH
+      ),
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND,
+        () => {
+          updateLinkEditor();
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_ESCAPE_COMMAND,
+        () => {
+          if (isLink) {
+            setIsLink(false);
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_HIGH
+      )
+    );
+  }, [editor, updateLinkEditor, setIsLink, isLink]);
+  useEffect(() => {
+    editor.getEditorState().read(() => {
+      updateLinkEditor();
+    });
+  }, [editor, updateLinkEditor]);
+  const handleLinkSubmission = ({
+    text,
+    url
+  }) => {
+    var _a2, _b2, _c2;
+    if (lastSelection !== null) {
+      const isValidUrl = isURL(url);
+      const isValidText = text.trim().length > 0;
+      if (isValidUrl && isValidText) {
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+          url,
+          rel: (_a2 = options == null ? void 0 : options.anchorOptions) == null ? void 0 : _a2.rel,
+          target: (_b2 = options == null ? void 0 : options.anchorOptions) == null ? void 0 : _b2.target,
+          title: (_c2 = options == null ? void 0 : options.anchorOptions) == null ? void 0 : _c2.title
+        });
+        editor.update(() => {
+          if ($isRangeSelection(lastSelection)) {
+            const textNode = getSelectedNode(lastSelection);
+            if ($isTextNode(textNode)) {
+              textNode.setTextContent(text);
+            }
+          }
+        });
+        setErrors({
+          text: false,
+          url: false
+        });
+        setTimeout(() => {
+          setIsLink(false);
+          setIsLinkEditMode(false);
+        }, 50);
+      } else {
+        setErrors({
+          text: !isValidText,
+          url: !isValidUrl
+        });
+      }
+    }
+  };
+  if (!anchorElem) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isLink && !isLinkEditMode && /* @__PURE__ */ jsx(
+      LinkTooltip,
+      {
+        anchorElem,
+        containerRef,
+        handleDelete: () => {
+          if (lastSelection !== null) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+          }
+        },
+        handleEdit: () => {
+          setIsLinkEditMode(true);
+          setIsUpdate(true);
+        },
+        linkUrl,
+        https: ((_a = options == null ? void 0 : options.anchorOptions) == null ? void 0 : _a.https) || false
+      }
+    ),
+    isLinkEditMode && /* @__PURE__ */ jsx(
+      LinkEditorDialog,
+      {
+        handleLinkSubmission,
+        linkText,
+        linkUrl,
+        open: isLink && isLinkEditMode,
+        closeModal: () => {
+          setIsLink(false);
+          setIsLinkEditMode(false);
+          if (isNewLink.current) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+          }
+        },
+        isUpdate,
+        setIsLinkEditMode,
+        textLabel: ((_b = options == null ? void 0 : options.dialogProps) == null ? void 0 : _b.textLabel) || "Link text",
+        urlLabel: ((_c = options == null ? void 0 : options.dialogProps) == null ? void 0 : _c.urlLabel) || "Link URL",
+        removeLink: () => {
+          if (lastSelection !== null) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+          }
+        },
+        errors,
+        saveLabel: ((_d = options == null ? void 0 : options.dialogProps) == null ? void 0 : _d.saveLabel) || "Save",
+        cancelLabel: ((_e = options == null ? void 0 : options.dialogProps) == null ? void 0 : _e.cancelLabel) || "Cancel",
+        updateLabel: ((_f = options == null ? void 0 : options.dialogProps) == null ? void 0 : _f.updateLabel) || "Update",
+        title: ((_g = options == null ? void 0 : options.dialogProps) == null ? void 0 : _g.title) || "Add Link",
+        errorLabels: (_h = options == null ? void 0 : options.dialogProps) == null ? void 0 : _h.errorLabels
+      }
+    )
+  ] });
+}
+function DialogLinkEditor({
+  anchorElem = document.body,
+  options
+}) {
+  const [editor] = useLexicalComposerContext();
+  return useDialogLinkEditorToolbar(editor, anchorElem, options);
+}
+
+export { DialogLinkEditor };
+//# sourceMappingURL=index.js.map

package/dist/es/components/dialog-link-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dialog-link-editor/index.tsx"],"sourcesContent":["import {\n  $isAutoLinkNode,\n  $isLinkNode,\n  TOGGLE_LINK_COMMAND\n} from '@lexical/link';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils';\nimport { ADD_BLANK_LINK } from '@src/utils/commands';\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n  BaseSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_CRITICAL,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  KEY_ESCAPE_COMMAND,\n  LexicalEditor,\n  NodeSelection,\n  RangeSelection,\n  SELECTION_CHANGE_COMMAND\n} from 'lexical';\nimport {\n  useCallback, useEffect, useRef, useState\n} from 'react';\nimport isURL from 'validator/es/lib/isURL';\nimport { getSelectedNode } from '@src/utils/get-selected-node';\nimport { setFloatingElemPositionForLinkEditor } from '@src/utils/set-floating-elem-position-for-link-editor';\nimport { LinkEditorDialog } from './link-editor-dialog';\nimport { LinkTooltip } from './link-tooltip';\n\nfunction useDialogLinkEditorToolbar(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement | null,\n  options?: DialogLinkEditorOptions\n) {\n  const [linkUrl, setLinkUrl] = useState('');\n  const [linkText, setLinkText] = useState('');\n  const [isLink, setIsLink] = useState(false);\n  const [lastSelection, setLastSelection] = useState<\n    RangeSelection | NodeSelection | BaseSelection | null\n  >(null);\n  const [isLinkEditMode, setIsLinkEditMode] = useState(false);\n  const [isUpdate, setIsUpdate] = useState(false);\n  const [errors, setErrors] = useState({\n    text: false,\n    url: false\n  });\n\n  const isNewLink = useRef(false);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const containerElem = containerRef.current;\n\n  useEffect(() => {\n    function updateToolbar() {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const node = getSelectedNode(selection);\n        const linkParent = $findMatchingParent(node, $isLinkNode);\n        const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n        if (linkParent !== null && autoLinkParent === null) {\n          setIsLink(true);\n        } else {\n          setIsLink(false);\n        }\n      }\n    }\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          updateToolbar();\n        });\n      }),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          updateToolbar();\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL\n      ),\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (payload) => {\n          const selection = $getSelection();\n          if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const linkNode = $findMatchingParent(node, $isLinkNode);\n            if ($isLinkNode(linkNode)) {\n              const url = linkNode.getURL();\n              setLinkUrl(url);\n              setLinkText(linkNode.getTextContent());\n            }\n            if ($isLinkNode(linkNode) && (payload.metaKey || payload.ctrlKey)) {\n              window.open(linkNode.getURL(), '_blank');\n              return true;\n            }\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_LOW\n      )\n    );\n  }, [editor]);\n\n  const updateLinkEditor = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const node = getSelectedNode(selection);\n      const parent = node.getParent();\n      if ($isLinkNode(parent)) {\n        setLinkText(parent.getTextContent().trim());\n        setLinkUrl(parent.getURL());\n      } else if ($isLinkNode(node)) {\n        setLinkText(node.getTextContent().trim());\n        setLinkUrl(node.getURL());\n      } else {\n        setLinkText('');\n        setLinkUrl('');\n      }\n    }\n\n    const nativeSelection = window.getSelection();\n    const { activeElement } = document;\n\n    const rootElement = editor.getRootElement();\n\n    if (\n      selection !== null\n      && nativeSelection !== null\n      && rootElement !== null\n      && rootElement.contains(nativeSelection.anchorNode)\n      && editor.isEditable()\n    ) {\n      setTimeout(() => {\n        const domRect: DOMRect | undefined = nativeSelection.focusNode?.parentElement?.getBoundingClientRect();\n        if (domRect && anchorElem && containerRef.current) {\n          setFloatingElemPositionForLinkEditor(\n            domRect,\n            containerRef.current,\n            anchorElem,\n            10\n          );\n        }\n      }, 10);\n      setLastSelection(selection);\n    } else if (!activeElement || activeElement.className !== 'link-input') {\n      setTimeout(() => {\n        if (rootElement !== null && anchorElem && containerElem) {\n          setFloatingElemPositionForLinkEditor(null, containerElem, anchorElem);\n        }\n      }, 10);\n      setLastSelection(null);\n      setLinkUrl('');\n    }\n\n    // eslint-disable-next-line consistent-return\n    return true;\n  }, [anchorElem, editor, setIsLinkEditMode]);\n\n  useEffect(() => {\n    if (!isLinkEditMode) {\n      isNewLink.current = false;\n    }\n  }, [isLinkEditMode]);\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          updateLinkEditor();\n        });\n      }),\n\n      editor.registerCommand(\n        ADD_BLANK_LINK,\n        () => {\n          setTimeout(() => {\n            setIsLinkEditMode(true);\n          }, 40);\n          isNewLink.current = true;\n          return false;\n        },\n        COMMAND_PRIORITY_HIGH\n      ),\n\n      editor.registerCommand(\n        TOGGLE_LINK_COMMAND,\n        (payload: string | { url: string } | null) => {\n          if (typeof payload === 'string' || payload?.url) {\n            setTimeout(() => {\n              setIsLinkEditMode(true);\n            }, 40);\n            isNewLink.current = true;\n          } else {\n            setIsLinkEditMode(false);\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_HIGH\n      ),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          updateLinkEditor();\n          return true;\n        },\n        COMMAND_PRIORITY_LOW\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          if (isLink) {\n            setIsLink(false);\n            return true;\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_HIGH\n      )\n    );\n  }, [editor, updateLinkEditor, setIsLink, isLink]);\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      updateLinkEditor();\n    });\n  }, [editor, updateLinkEditor]);\n\n  const handleLinkSubmission = ({\n    text,\n    url\n  }: {\n    text: string;\n    url: string;\n  }) => {\n    if (lastSelection !== null) {\n      const isValidUrl = isURL(url);\n      const isValidText = text.trim().length > 0;\n\n      if (isValidUrl && isValidText) {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n          url,\n          rel: options?.anchorOptions?.rel,\n          target: options?.anchorOptions?.target,\n          title: options?.anchorOptions?.title\n        });\n        editor.update(() => {\n          if ($isRangeSelection(lastSelection)) {\n            const textNode = getSelectedNode(lastSelection);\n            if ($isTextNode(textNode)) {\n              textNode.setTextContent(text);\n            }\n          }\n        });\n        setErrors({\n          text: false,\n          url: false\n        });\n        setTimeout(() => {\n          setIsLink(false);\n          setIsLinkEditMode(false);\n        }, 50);\n      } else {\n        setErrors({\n          text: !isValidText,\n          url: !isValidUrl\n        });\n      }\n    }\n  };\n\n  if (!anchorElem) return null;\n\n  return (\n    <>\n      {isLink && !isLinkEditMode && (\n        <LinkTooltip\n          anchorElem={anchorElem}\n          containerRef={containerRef}\n          handleDelete={() => {\n            if (lastSelection !== null) {\n              editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n            }\n          }}\n          handleEdit={() => {\n            setIsLinkEditMode(true);\n            setIsUpdate(true);\n          }}\n          linkUrl={linkUrl}\n          https={options?.anchorOptions?.https || false}\n        />\n      )}\n      {isLinkEditMode && (\n        <LinkEditorDialog\n          handleLinkSubmission={handleLinkSubmission}\n          linkText={linkText}\n          linkUrl={linkUrl}\n          open={isLink && isLinkEditMode}\n          closeModal={() => {\n            setIsLink(false);\n            setIsLinkEditMode(false);\n            if (isNewLink.current) {\n              editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n            }\n          }}\n          isUpdate={isUpdate}\n          setIsLinkEditMode={setIsLinkEditMode}\n          textLabel={options?.dialogProps?.textLabel || 'Link text'}\n          urlLabel={options?.dialogProps?.urlLabel || 'Link URL'}\n          removeLink={() => {\n            if (lastSelection !== null) {\n              editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n            }\n          }}\n          errors={errors}\n          saveLabel={options?.dialogProps?.saveLabel || 'Save'}\n          cancelLabel={options?.dialogProps?.cancelLabel || 'Cancel'}\n          updateLabel={options?.dialogProps?.updateLabel || 'Update'}\n          title={options?.dialogProps?.title || 'Add Link'}\n          errorLabels={options?.dialogProps?.errorLabels}\n        />\n      )}\n    </>\n  );\n}\n\nexport type DialogLinkEditorOptions = {\n  dialogProps?: {\n    textLabel?: string;\n    urlLabel?: string;\n    saveLabel?: string;\n    cancelLabel?: string;\n    updateLabel?: string;\n    title?: string;\n    errorLabels?: {\n      text?: string;\n      url?: string;\n    };\n  };\n  anchorOptions?: {\n    rel?: string;\n    target?: string;\n    title?: string;\n    https?: boolean;\n  };\n};\n\nexport function DialogLinkEditor({\n  anchorElem = document.body,\n  options\n}: {\n  anchorElem?: HTMLElement | null;\n  options?: DialogLinkEditorOptions;\n}) {\n  const [editor] = useLexicalComposerContext();\n  return useDialogLinkEditorToolbar(editor, anchorElem, options);\n}\n"],"names":["_a","_b","_c"],"mappings":"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"}