[@mantine/tiptap] Add option to configure initial state of external l…

…ink control (#4373)
mantinedev · Jun 18, 2023 · 3001cc4 · 3001cc4
1 parent be75cda
commit 3001cc4
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/mantine-tiptap/src/controls/LinkControl/LinkControl.tsx b/src/mantine-tiptap/src/controls/LinkControl/LinkControl.tsx
@@ -24,21 +24,23 @@ export interface RichTextEditorLinkControlProps extends Partial<RichTextEditorCo
 
   /** Determines whether external link control tooltip should be disabled */
   disableTooltips?: boolean;
+
+  /** Initial state for determining if the link should be an external link */
+  initialExternal?: boolean;
 }
 
 const LinkIcon: RichTextEditorControlBaseProps['icon'] = ({ size, ...others }) => (
   <IconLink size={size} stroke={1.5} {...others} />
 );
 
-const defaultProps: Partial<RichTextEditorLinkControlProps> = {};
+const defaultProps: Partial<RichTextEditorLinkControlProps> = {
+  initialExternal: false,
+};
 
 export const LinkControl = forwardRef<HTMLButtonElement, RichTextEditorLinkControlProps>(
   (props, ref) => {
-    const { icon, popoverProps, disableTooltips, ...others } = useComponentDefaultProps(
-      'RichTextEditorLinkControl',
-      defaultProps,
-      props
-    );
+    const { icon, popoverProps, disableTooltips, initialExternal, ...others } =
+      useComponentDefaultProps('RichTextEditorLinkControl', defaultProps, props);
 
     const { editor, labels, classNames, styles, unstyled, variant } = useRichTextEditorContext();
     const { classes } = useStyles(null, {
@@ -50,7 +52,7 @@ export const LinkControl = forwardRef<HTMLButtonElement, RichTextEditorLinkContr
     });
 
     const [url, setUrl] = useInputState('');
-    const [external, setExternal] = useState(false);
+    const [external, setExternal] = useState(initialExternal);
     const [opened, { open, close }] = useDisclosure(false);
 
     const handleOpen = () => {
@@ -63,7 +65,7 @@ export const LinkControl = forwardRef<HTMLButtonElement, RichTextEditorLinkContr
     const handleClose = () => {
       close();
       setUrl('');
-      setExternal(false);
+      setExternal(initialExternal);
     };
 
     const setLink = () => {