@mittwald/flow-react-components 1.3.0-next.23 → 1.3.0-next.25

package/dist/js/packages/components/src/components/MarkdownEditor/lib/useFileUpload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUpload.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/lib/useFileUpload.ts"],"sourcesContent":["import {\n  type DragEvent as ReactDragEvent,\n  type DragEventHandler,\n  type RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { matchesAccept } from \"@/lib/files/acceptedFiles\";\nimport {\n  insertAtCaret,\n  type MarkdownEditorUpload,\n  removePlaceholder,\n  replacePlaceholder,\n  uploadedFileMarkdown,\n  uploadPlaceholder,\n  type ValueEdit,\n} from \"@/components/MarkdownEditor/lib/fileUpload\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\n\n/** The files of a paste or a drop that `accept` covers. */\nconst acceptedFrom = (files: FileList | null | undefined, accept?: string) =>\n  Array.from(files ?? []).filter((file) => matchesAccept(file, accept));\n\n/** @internal */\nexport type MarkdownEditorFileUploadHandler = (\n  file: File,\n) => Promise<MarkdownEditorUpload>;\n\ninterface Options {\n  /** Which file types to take, as an `accept` attribute value. */\n  accept?: string;\n  /** Uploads one file. Uploading is off entirely while this is undefined. */\n  uploadFile?: MarkdownEditorFileUploadHandler;\n  /** Turns dropping, pasting and the toolbar button off. */\n  isDisabled?: boolean;\n  value: string;\n  onChange: (value: string) => void;\n  textAreaRef: RefObject<HTMLTextAreaElement | null>;\n}\n\ninterface DropProps {\n  onDragEnter?: DragEventHandler;\n  onDragOver?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: DragEventHandler;\n}\n\ninterface FileUpload {\n  /** Drop handling for the editor's root element. */\n  dropProps: DropProps;\n  /** Whether a drag is currently over the editor. */\n  isDropTarget: boolean;\n  /**\n   * Uploads the files the toolbar button picked. `undefined` while uploading is\n   * off.\n   */\n  uploadFiles?: (files: File[]) => void;\n}\n\n/**\n * Drop, paste and toolbar uploads for the `MarkdownEditor`: a placeholder\n * comment goes to the cursor right away and is replaced by a markdown link once\n * the consumer's upload resolves.\n *\n * @internal\n */\nexport const useFileUpload = (options: Options): FileUpload => {\n  const { accept, uploadFile, isDisabled, value, onChange, textAreaRef } =\n    options;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n\n  const isEnabled = !!uploadFile && !isDisabled;\n\n  /*\n   * An upload resolves long after the drop, and the editor has kept taking\n   * input in the meantime. The textarea's own value is the only one that is\n   * current by then — the `value` prop is a render old whenever two uploads\n   * resolve in the same tick.\n   */\n  const valueRef = useRef(value);\n  useEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  const readValue = () => textAreaRef.current?.value ?? valueRef.current;\n\n  /*\n   * A textarea keeps its `selectionStart` after losing focus, so the caret is\n   * still readable once the attachment button has taken the focus away. What it\n   * cannot tell apart is a caret at position 0 from one that was never placed —\n   * both read 0, and appending is the better answer for the second.\n   */\n  const wasFocusedRef = useRef(false);\n  useEffect(() => {\n    const textArea = textAreaRef.current;\n\n    if (!textArea) {\n      return;\n    }\n\n    const rememberFocus = () => {\n      wasFocusedRef.current = true;\n    };\n\n    textArea.addEventListener(\"focus\", rememberFocus);\n    return () => textArea.removeEventListener(\"focus\", rememberFocus);\n  }, [textAreaRef]);\n\n  const readSelection = () => {\n    const textArea = textAreaRef.current;\n    const fallback = readValue().length;\n    return {\n      start: textArea?.selectionStart ?? fallback,\n      end: textArea?.selectionEnd ?? fallback,\n    };\n  };\n\n  const applyEdit = (edit: ValueEdit) => {\n    valueRef.current = edit.value;\n\n    const textArea = textAreaRef.current;\n    if (textArea) {\n      /*\n       * Written before the re-render so an upload resolving in the same tick\n       * reads this one's result, and the selection restored after it, once\n       * React has rendered the controlled value.\n       */\n      textArea.value = edit.value;\n      requestAnimationFrame(() => {\n        textArea.setSelectionRange(edit.selectionStart, edit.selectionEnd);\n      });\n    }\n\n    onChange(edit.value);\n  };\n\n  const runUpload = async (\n    upload: MarkdownEditorFileUploadHandler,\n    file: File,\n    placeholder: string,\n  ) => {\n    announce(\n      stringFormatter.format(\"upload.pending\", { name: file.name }),\n      \"polite\",\n    );\n\n    try {\n      const result = await upload(file);\n      const selection = readSelection();\n      const edit = replacePlaceholder(\n        readValue(),\n        placeholder,\n        uploadedFileMarkdown(file, result),\n        selection.start,\n        selection.end,\n      );\n\n      if (edit) {\n        applyEdit(edit);\n      }\n\n      announce(\n        stringFormatter.format(\"upload.succeeded\", { name: file.name }),\n        \"polite\",\n      );\n    } catch {\n      const selection = readSelection();\n      const edit = removePlaceholder(\n        readValue(),\n        placeholder,\n        selection.start,\n        selection.end,\n      );\n\n      if (edit) {\n        applyEdit(edit);\n      }\n\n      announce(\n        stringFormatter.format(\"upload.failed\", { name: file.name }),\n        \"assertive\",\n      );\n    }\n  };\n\n  const uploadFiles = (files: File[]) => {\n    if (!uploadFile || files.length === 0) {\n      return;\n    }\n\n    const textArea = textAreaRef.current;\n    const caret =\n      textArea && wasFocusedRef.current\n        ? textArea.selectionStart\n        : readValue().length;\n\n    const uploads = files.map((file) => ({\n      file,\n      placeholder: uploadPlaceholder(file.name),\n    }));\n\n    applyEdit(\n      insertAtCaret(\n        readValue(),\n        uploads.map((upload) => upload.placeholder).join(\"\\n\"),\n        caret,\n      ),\n    );\n    textArea?.focus();\n\n    for (const upload of uploads) {\n      void runUpload(uploadFile, upload.file, upload.placeholder);\n    }\n  };\n\n  const uploadFilesRef = useRef(uploadFiles);\n  uploadFilesRef.current = uploadFiles;\n\n  /*\n   * The paste listener is attached imperatively rather than through react-aria's\n   * `useClipboard`, which calls `preventDefault` on every paste it sees and\n   * would take plain text pasting with it.\n   */\n  useEffect(() => {\n    const textArea = textAreaRef.current;\n\n    if (!textArea || !isEnabled) {\n      return;\n    }\n\n    const handlePaste = (event: ClipboardEvent) => {\n      const files = acceptedFrom(event.clipboardData?.files, accept);\n\n      if (files.length === 0) {\n        return;\n      }\n\n      event.preventDefault();\n      uploadFilesRef.current(files);\n    };\n\n    textArea.addEventListener(\"paste\", handlePaste);\n    return () => textArea.removeEventListener(\"paste\", handlePaste);\n  }, [isEnabled, accept, textAreaRef]);\n\n  /*\n   * Native handlers rather than react-aria's `useDrop`: that one claims every\n   * drag it sees — its `onDrop` calls `preventDefault` and `stopPropagation`\n   * unconditionally — which is right for a dedicated drop surface like\n   * `FileDropZone`, but here it would swallow a plain text drag into the\n   * textarea. A drag is claimed only when it carries files, and\n   * `dataTransfer.types` is the only place that says so: the public\n   * `DragTypes` of `getDropOperation` offers just `has(type)`, which cannot\n   * express it — the wildcard type is always true, and WebKit reports every\n   * file drag as an unknown type that answers true to anything.\n   */\n  const dragHasFiles = (event: ReactDragEvent) =>\n    event.dataTransfer.types.includes(\"Files\");\n\n  /*\n   * `dragenter` and `dragleave` fire again for every child the pointer\n   * crosses, so the highlight follows their balance rather than the last one.\n   */\n  const dragDepth = useRef(0);\n  const [isDropTarget, setIsDropTarget] = useState(false);\n\n  const endDrag = () => {\n    dragDepth.current = 0;\n    setIsDropTarget(false);\n  };\n\n  const dropProps: DropProps = isEnabled\n    ? {\n        onDragEnter: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          event.preventDefault();\n          dragDepth.current += 1;\n          setIsDropTarget(true);\n        },\n        onDragOver: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          // Without this the browser refuses the drop and opens the file instead.\n          event.preventDefault();\n          event.dataTransfer.dropEffect = \"copy\";\n        },\n        onDragLeave: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          dragDepth.current = Math.max(0, dragDepth.current - 1);\n          if (dragDepth.current === 0) {\n            setIsDropTarget(false);\n          }\n        },\n        onDrop: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          event.preventDefault();\n          endDrag();\n          uploadFilesRef.current(\n            acceptedFrom(event.dataTransfer.files, accept),\n          );\n        },\n      }\n    : {};\n\n  return {\n    dropProps,\n    isDropTarget,\n    uploadFiles: uploadFile ? uploadFiles : undefined,\n  };\n};\n"],"mappings":"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"}

package/dist/types/components/CopyButton/CopyButton.d.ts

@@ -3,6 +3,11 @@ import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 export interface CopyButtonProps extends Omit<ButtonProps, "onPress" | "aria-label" | "render">, FlowComponentProps<HTMLButtonElement> {
     /** The text to copy. */
     text?: string;
+    /**
+     * Called with the copied text once it has been written to the clipboard. Not
+     * called when copying fails.
+     */
+    onCopy?: (text: string) => void;
 }
 /** @flr-generate all */
 export declare const CopyButton: import('react').FunctionComponent<CopyButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/types/components/MarkdownEditor/MarkdownEditor.d.ts

@@ -1,13 +1,33 @@
 import { ComponentType } from 'react';
 import { MarkdownProps } from '../Markdown';
 import { TextAreaProps } from '../TextArea';
+import { MarkdownEditorUpload } from './lib/fileUpload';
 export type MarkdownEditorMode = "editor" | "preview";
+export type { MarkdownEditorUpload };
 export interface MarkdownEditorProps extends TextAreaProps, Pick<MarkdownProps, "headingOffset"> {
     /**
      * Allows replacing the markdown preview renderer implementation. Defaults to
      * the internal `Markdown` component.
      */
     markdownComponent?: ComponentType<MarkdownProps>;
+    /**
+     * Uploads a file the user dropped onto the editor, pasted into it or picked
+     * with its attachment button. A placeholder comment sits at the cursor while
+     * the returned promise is pending: resolving replaces it with markdown
+     * linking to the file — an image embed for an image — and rejecting takes it
+     * back out. Without this prop the editor takes no files at all.
+     *
+     * Named without an `on` prefix on purpose: the remote generator turns an
+     * `on*` prop into a fire-and-forget event, and this one has to hand a result
+     * back.
+     */
+    uploadFile?: (file: File) => Promise<MarkdownEditorUpload>;
+    /**
+     * Which file types the editor takes, as the `accept` attribute of a file
+     * input: a comma separated list of MIME types (`image/png`), MIME wildcards
+     * (`image/*`) and file extensions (`.png`). Defaults to every type.
+     */
+    accept?: string;
 }
 /** @flr-generate all */
 export declare const MarkdownEditor: import('react').FunctionComponent<MarkdownEditorProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/MarkdownEditor/components/AttachmentButton.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/MarkdownEditor/components/Toolbar.d.ts

@@ -1,11 +1,20 @@
 import { FC } from 'react';
-import { ToolBarButtonProps } from './ToolbarButton';
 import { ModeButtonProps } from './ModeButton';
 import { ButtonProps } from '../../Button';
+import { InsertType } from '../lib/modifyValueByType';
 interface ToolbarProps extends Pick<ButtonProps, "isDisabled"> {
     currentMode: ModeButtonProps["currentMode"];
     onModeChange: ModeButtonProps["onChange"];
-    onToolPressed: ToolBarButtonProps["onPress"];
+    onToolPressed: (type: InsertType) => void;
+    /** Which file types the attachment button offers. */
+    accept?: string;
+    /** Renders the attachment button when set. */
+    onFilesSelected?: (files: File[]) => void;
+    /**
+     * Disables the attachment button, which a read-only editor takes no files
+     * for.
+     */
+    isReadOnly?: boolean;
 }
 export declare const Toolbar: FC<ToolbarProps>;
 export {};

package/dist/types/components/MarkdownEditor/components/ToolbarButton.d.ts

@@ -1,8 +1,14 @@
 import { FC } from 'react';
 import { InsertType } from '../lib/modifyValueByType';
 import { ButtonProps } from '../../Button';
+/**
+ * What a toolbar button is: every markdown syntax it inserts, plus the one tool
+ * that does something else. The name is also the `toolbar.<type>` locale key of
+ * the button's label.
+ */
+export type ToolbarButtonType = InsertType | "attachment";
 export interface ToolBarButtonProps extends Pick<ButtonProps, "isDisabled" | "children"> {
-    type: InsertType;
-    onPress?: (type: InsertType) => void;
+    type: ToolbarButtonType;
+    onPress?: () => void;
 }
 export declare const ToolbarButton: FC<ToolBarButtonProps>;

package/dist/types/components/MarkdownEditor/index.d.ts

@@ -1,2 +1,2 @@
-export { type MarkdownEditorProps, MarkdownEditor } from './MarkdownEditor';
+export { type MarkdownEditorProps, type MarkdownEditorUpload, MarkdownEditor, } from './MarkdownEditor';
 export { default } from './MarkdownEditor';

package/dist/types/components/MarkdownEditor/lib/fileUpload.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The result of uploading a file dropped into, pasted into or selected in a
+ * `MarkdownEditor`.
+ */
+export interface MarkdownEditorUpload {
+    /** The URL the uploaded file is available at. */
+    url: string;
+    /**
+     * The link text of the inserted markdown — the alt text for an image.
+     * Defaults to the name of the uploaded file.
+     */
+    name?: string;
+}
+/** A new editor value together with where the cursor ends up in it. */
+export interface ValueEdit {
+    value: string;
+    selectionStart: number;
+    selectionEnd: number;
+}

package/dist/types/components/MarkdownEditor/lib/useFileUpload.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.3.0-next.23",
+  "version": "1.3.0-next.25",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -83,9 +83,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.3.0-next.23",
+    "@mittwald/flow-icons": "^1.3.0-next.25",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.3.0-next.23",
+    "@mittwald/react-tunnel": "^1.3.0-next.25",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -138,12 +138,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.3.0-next.23",
-    "@mittwald/flow-design-tokens": "1.3.0-next.23",
-    "@mittwald/flow-icons-base": "1.3.0-next.23",
+    "@mittwald/flow-core": "1.3.0-next.25",
+    "@mittwald/flow-design-tokens": "1.3.0-next.25",
+    "@mittwald/flow-icons-base": "1.3.0-next.25",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.3.0-next.23",
+    "@mittwald/typescript-config": "1.3.0-next.25",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -195,7 +195,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.3.0-next.23",
+    "@mittwald/flow-icons-pro": "1.3.0-next.25",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -219,5 +219,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "b84c26db5a41b973c9a130728764b42312bee16d"
+  "gitHead": "ee347a2ee20ea60a68bb33cdfdcf6b2fb244c30d"
 }