laif-ds 1.1.4 → 1.2.0

package/dist/CHANGELOG.md

@@ -5,6 +5,19 @@ All notable technical changes to the laif-ds core will be documented in this fil
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [laif-ds@1.2.0]
+
+### 🚀 Added
+
+- **AppEditor**: Pasting plain text containing Markdown now converts it into formatted content (headings, links, code blocks, etc.), matching the formatting already applied to `defaultValue`; plain text without Markdown, HTML, and Lexical clipboard pastes keep their previous behavior
+
+## [laif-ds@1.1.5]
+
+### 🚀 Added
+
+- **FilePreview**: Added a `loading` prop that replaces the thumbnail with a same-size spinner, sets `aria-busy`, and disables container activation and the action menu, while keeping the inline remove button active so an in-progress upload can still be cancelled
+- **FilePreview**: Image thumbnails now show a spinner until the image has loaded, then fade in
+
 ## [laif-ds@1.1.4]
 
 ### 🚀 Added

package/dist/_virtual/prism-cpp.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-cpp.js";
+r();

package/dist/_virtual/prism-cpp2.js

@@ -0,0 +1,5 @@
+"use client";
+var p = {};
+export {
+  p as __exports
+};

package/dist/_virtual/prism-java.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-java.js";
+r();

package/dist/_virtual/prism-java2.js

@@ -0,0 +1,5 @@
+"use client";
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/prism-python.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-python.js";
+r();

package/dist/_virtual/prism-python2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/prism-rust.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-rust.js";
+r();

package/dist/_virtual/prism-rust2.js

@@ -0,0 +1,5 @@
+"use client";
+var s = {};
+export {
+  s as __exports
+};

package/dist/_virtual/prism-typescript.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-typescript.js";
+r();

package/dist/_virtual/prism-typescript2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/prism.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/prism.js";
+r();

package/dist/_virtual/prism2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/agent-docs/adoption-report.json

@@ -1,12 +1,12 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-20T20:53:04.357Z",
+  "generatedAt": "2026-10-26T17:03:35.397Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.4"
+    "version": "1.2.0"
   },
   "summary": {
-    "scannedFiles": 504,
+    "scannedFiles": 505,
     "deprecatedComponentsCount": 5,
     "deprecatedComponentsUsedCount": 3,
     "componentsWithoutExamplesCount": 5,
@@ -489,8 +489,9 @@
       },
       {
         "className": "text-muted-foreground text-sm",
-        "occurrences": 28,
+        "occurrences": 29,
         "files": [
+          "src/components/stories/app-editor.stories.tsx",
           "src/components/stories/app-form.stories.tsx",
           "src/components/stories/app-stepper.stories.tsx",
           "src/components/stories/app-time-picker.stories.tsx",
@@ -520,20 +521,12 @@
           "src/components/ui/secure-pdf-viewer.tsx"
         ]
       },
-      {
-        "className": "bg-muted rounded-md p-4",
-        "occurrences": 20,
-        "files": [
-          "src/components/stories/card.stories.tsx",
-          "src/components/stories/data-table-no-utils-example.stories.tsx",
-          "src/components/stories/data-table-utils-example.stories.tsx"
-        ]
-      },
       {
         "className": "flex items-center justify-between",
-        "occurrences": 19,
+        "occurrences": 20,
         "files": [
           "src/components/stories/app-card.stories.tsx",
+          "src/components/stories/app-editor.stories.tsx",
           "src/components/stories/data-table-utils-example.stories.tsx",
           "src/components/stories/sidebar.stories.tsx",
           "src/components/stories/switch.stories.tsx",
@@ -543,6 +536,15 @@
           "src/components/ui/tables/data-cross-table/editable-input.tsx"
         ]
       },
+      {
+        "className": "bg-muted rounded-md p-4",
+        "occurrences": 20,
+        "files": [
+          "src/components/stories/card.stories.tsx",
+          "src/components/stories/data-table-no-utils-example.stories.tsx",
+          "src/components/stories/data-table-utils-example.stories.tsx"
+        ]
+      },
       {
         "className": "mb-2 text-lg font-medium",
         "occurrences": 19,
@@ -647,6 +649,16 @@
           "src/components/stories/tabs.stories.tsx"
         ]
       },
+      {
+        "className": "flex flex-wrap gap-2",
+        "occurrences": 8,
+        "files": [
+          "src/components/stories/app-card.stories.tsx",
+          "src/components/stories/app-data-grid-filtri-custom.stories.tsx",
+          "src/components/stories/file-preview.stories.tsx",
+          "src/components/stories/toaster.stories.tsx"
+        ]
+      },
       {
         "className": "text-muted-foreground text-xs",
         "occurrences": 8,
@@ -711,16 +723,6 @@
           "src/components/ui/weekly-calendar/appointment-card.tsx"
         ]
       },
-      {
-        "className": "flex flex-wrap gap-2",
-        "occurrences": 6,
-        "files": [
-          "src/components/stories/app-card.stories.tsx",
-          "src/components/stories/app-data-grid-filtri-custom.stories.tsx",
-          "src/components/stories/file-preview.stories.tsx",
-          "src/components/stories/toaster.stories.tsx"
-        ]
-      },
       {
         "className": "text-lg font-semibold",
         "occurrences": 6,

package/dist/agent-docs/components/AppEditor.md

@@ -60,6 +60,10 @@ type MentionItem = {
 - **Editing**: Autosave via `onValueChange`. Keyboard navigation and selection per Lexical defaults.
 - **Markdown Features**: Full support for headings, lists, quotes, links, inline code, bold, italic, strikethrough, and custom underline syntax.
 - **Links**: `[text](url)` in `defaultValue` renders as a link and is emitted back unchanged; links pasted as HTML are kept as links. Enable the `link` toolbar for a user-facing button; to insert a link programmatically (e.g. a "quick insert" action outside the editor) call `ref.current.insertLink(url, text)`. Give the triggering button `onMouseDown={(e) => e.preventDefault()}` so the editor keeps its caret.
+- **Paste from Markdown** (when `onlyMarkdown=true`): pasting **plain text that contains Markdown** (headings, `**bold**`, `*italic*`, `` `code` ``, bulleted/numbered lists, quotes, fenced code, `[links](url)`, `<u>underline</u>`) converts it with the same transformers as `defaultValue` — formatted nodes, no leftover markers, no empty paragraphs from blank lines. A single line pasted mid-paragraph merges inline. Everything else keeps the default Lexical paste:
+  - plain text with no Markdown construct (look-alikes such as `5 * 3`, `file_name_v2`, `#hashtag` are not treated as Markdown);
+  - any clipboard carrying `text/html` (web pages, Word, Outlook) or Lexical's own format — even when its plain-text flavour looks like Markdown. Copying Markdown source from an editor that also writes HTML (e.g. VS Code) therefore pastes as-is.
+  - The paste is a single undo step.
 - **Mentions** (opt-in via `mentions`):
   - `mentions` is either a ready `MentionItem[]` or a **loader function** `() => MentionItem[] | Promise<MentionItem[]>`. The loader is called **once, the first time the menu opens**, so a large list is never preloaded on mount; while it resolves the menu shows a `Loading…` row, and on failure a `Couldn't load mentions` row (re-opening the menu retries). The resolved list is then filtered client-side like the array form.
   - With the **loader form**, `meta.mentions` cannot reconcile against a synchronous source list, so its emitted items carry `id`/`label`/`value` from the chip but **not `sublabel`** (which is menu-only metadata). The array form preserves `sublabel`.

package/dist/agent-docs/components/FilePreview.md

@@ -18,6 +18,7 @@ Compact file chip with name, format/size info, optional remove button, and optio
 | `onDownload`     | `(url: string) => void \| Promise<void>`                                             | `undefined`  | Called when user clicks Download from the action menu.                                                          |
 | `showActionMenu` | `boolean`                                                                            | `false`      | Show overflow menu (Preview/Download/Delete if provided).                                                       |
 | `showThumbnail`  | `boolean`                                                                            | `true`       | Controls whether a thumbnail/text preview is rendered when available.                                           |
+| `loading`        | `boolean`                                                                            | `false`      | Shows a spinner in place of the thumbnail; disables container click and the action menu (e.g. uploads).         |
 | `variant`        | `"default" \| "outline" \| "ghost"`                                                  | `"default"`  | Visual style of the chip container.                                                                             |
 | `size`           | `"default" \| "sm"`                                                                  | `"default"`  | Visual size of the chip container and its internal elements.                                                    |
 | `className`      | `string`                                                                             | `""`         | Additional classes for the wrapper.                                                                             |
@@ -42,6 +43,11 @@ Compact file chip with name, format/size info, optional remove button, and optio
 - **Thumbnails**:
   - Images: if `showThumbnail` is `false`, an icon is shown instead of the image.
   - Text: if `showThumbnail` is `false` (or a preview can't be extracted), an icon is shown instead of the text snippet.
+- **Loading**:
+  - `loading` replaces the thumbnail with a spinner of the same size (the chip does not change size) and sets `aria-busy` on the container.
+  - While loading, container click/keyboard activation and the action menu trigger are disabled; the inline remove button stays active, so removing the file can cancel an upload.
+  - Image thumbnails show the same spinner automatically until the image has loaded, then fade the image in; if it fails to load, the format icon is shown.
+  - When `onClick`, `onPreview` or the inline `onRemove` return a Promise, the chip shows the same loading state until it settles and ignores repeated activations; the remove button is disabled meanwhile. Action-menu items keep their own per-item spinner.
 
 ---
 
@@ -110,6 +116,24 @@ export function WithMenu() {
 }
 ```
 
+### Upload in Progress
+
+```tsx
+import { FilePreview } from "laif-ds";
+
+export function UploadingPreview({
+  file,
+  isUploading,
+  onCancel,
+}: {
+  file: File;
+  isUploading: boolean;
+  onCancel: () => void;
+}) {
+  return <FilePreview file={file} loading={isUploading} onRemove={onCancel} />;
+}
+```
+
 ### With Custom Click Handler
 
 ```tsx

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-10-20T20:53:03.846Z",
+  "generatedAt": "2026-10-26T17:03:34.845Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.4"
+    "version": "1.2.0"
   },
   "stats": {
     "documentedComponentCount": 97,
@@ -3280,6 +3280,7 @@
           "Image",
           "With Remove Button",
           "With Action Menu",
+          "Upload in Progress",
           "With Custom Click Handler"
         ],
         "controlledPattern": "not-specified",
@@ -3287,17 +3288,20 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 11,
+          "totalProps": 12,
           "requiredPropsCount": 0,
-          "typedPropsCount": 11,
-          "describedPropsCount": 11
+          "typedPropsCount": 12,
+          "describedPropsCount": 12
         },
         "accessibility": {
           "hasCoverage": true
         },
         "states": {
-          "coveredStates": [],
-          "coveredStateCount": 0
+          "coveredStates": [
+            "disabled",
+            "loading"
+          ],
+          "coveredStateCount": 2
         }
       },
       "aiReadiness": {
@@ -6552,5 +6556,5 @@
       ]
     }
   ],
-  "checksum": "34fc8ab2b8cfb6421c8b1c4cfbe8a792ee0a1bc846c62fc266a58d4b3a158fc2"
+  "checksum": "0ae7e68a8339e77f0a232184ea036347a3ae7c383c803d1c7215951e7eaadd49"
 }

package/dist/components/editor/plugins/paste-markdown-plugin.js

@@ -0,0 +1,75 @@
+"use client";
+import { $generateNodesFromMarkdownString as f } from "../../../node_modules/@lexical/markdown/dist/LexicalMarkdown.prod.js";
+import { useLexicalComposerContext as c } from "../../../node_modules/@lexical/react/dist/LexicalComposerContext.prod.js";
+import { PASTE_COMMAND as _, $isRangeSelection as l, $getSelection as m, PASTE_TAG as d, COMMAND_PRIORITY_LOW as p } from "../../../node_modules/lexical/dist/Lexical.prod.js";
+import { useEffect as S } from "react";
+const w = [
+  /^#{1,6}\s+\S/m,
+  // # heading
+  /^\s*[-*+]\s+\S/m,
+  // - bulleted list
+  /^\s*\d+[.)]\s+\S/m,
+  // 1. numbered list
+  /^>\s?\S/m,
+  // > quote
+  /^```/m,
+  // fenced code block
+  /\*\*[^*\s](?:[^*\n]*[^*\s])?\*\*/,
+  // **bold**
+  /(^|[^\w])__[^_\s](?:[^_\n]*[^_\s])?__(?!\w)/m,
+  // __bold__
+  /(^|[^\w*])\*[^*\s](?:[^*\n]*[^*\s])?\*(?![\w*])/m,
+  // *italic*
+  /(^|[^\w])_[^_\s](?:[^_\n]*[^_\s])?_(?!\w)/m,
+  // _italic_
+  /~~[^~\s](?:[^~\n]*[^~\s])?~~/,
+  // ~~strikethrough~~
+  /`[^`\n]+`/,
+  // `inline code`
+  /\[[^\]\n]+\]\([^)\s]+\)/,
+  // [link](url)
+  /<u>[^<\n]+<\/u>/
+  // <u>underline</u> (AppEditor's extended syntax)
+];
+function g(e) {
+  return w.some((t) => t.test(e));
+}
+function k({
+  transformers: e,
+  preprocess: t
+}) {
+  const [n] = c();
+  return S(
+    () => n.registerCommand(
+      _,
+      (r) => {
+        if (!(r instanceof ClipboardEvent)) return !1;
+        const o = r.clipboardData;
+        if (!o) return !1;
+        const a = Array.from(o.types);
+        if (a.includes("text/html") || a.includes("application/x-lexical-editor"))
+          return !1;
+        const s = o.getData("text/plain");
+        return !s || !g(s) || !l(m()) ? !1 : (r.preventDefault(), n.update(
+          () => {
+            const i = m();
+            if (!l(i)) return;
+            const u = t ? t(s) : s;
+            i.insertNodes(
+              f(u, e)
+            );
+          },
+          // Same tag as Lexical's own paste: its own undo entry.
+          { tag: d }
+        ), !0);
+      },
+      // Above RichTextPlugin's COMMAND_PRIORITY_EDITOR, so it runs first.
+      p
+    ),
+    [n, e, t]
+  ), null;
+}
+export {
+  k as PasteMarkdownPlugin,
+  g as looksLikeMarkdown
+};