@sveltia/ui 0.22.0 → 0.22.2

package/dist/components/text-editor/text-editor.svelte

@@ -78,6 +78,9 @@
     const originalValue = inputValue;
 
     try {
+      // We should avoid an empty editor; there should be at least one `<p>`, so give it an empty
+      // string if the `value` is `undefined`
+      // @see https://github.com/facebook/lexical/issues/2308
       await convertMarkdownToLexical($editor, inputValue ?? '');
     } catch (ex) {
       $hasConverterError = true;
@@ -87,15 +90,6 @@
     }
   };
 
-  $effect(() => {
-    // We should avoid an empty editor; there should be at least one `<p>`, so give it an empty
-    // string if the `value` is `undefined`
-    // @see https://github.com/facebook/lexical/issues/2308
-    if ($editor?.getEditorState().isEmpty()) {
-      convertMarkdownToLexical($editor, '');
-    }
-  });
-
   $effect(() => {
     void $editor;
 
@@ -103,12 +97,14 @@
 
     // Avoid a cycle dependency & infinite loop
     untrack(() => {
-      if (inputValue !== newValue) {
+      const hasChange = inputValue !== newValue;
+
+      if (hasChange) {
         inputValue = newValue ?? '';
+      }
 
-        if ($useRichText) {
-          convertMarkdown();
-        }
+      if ($useRichText && (hasChange || $editor?.getEditorState().isEmpty())) {
+        convertMarkdown();
       }
     });
   });

package/dist/components/text-field/number-input.svelte

@@ -6,6 +6,7 @@
 -->
 <script>
   import { generateElementId } from '@sveltia/utils/element';
+  import { untrack } from 'svelte';
   import { _ } from 'svelte-i18n';
   import Button from '../button/button.svelte';
   import Icon from '../icon/icon.svelte';
@@ -55,6 +56,16 @@
   const isMin = $derived(typeof min === 'number' && Number(inputValue || 0) <= min);
   const isMax = $derived(typeof max === 'number' && Number(inputValue || 0) >= max);
 
+  $effect(() => {
+    const newInputValue = String(value ?? '');
+
+    untrack(() => {
+      if (inputValue !== newInputValue) {
+        inputValue = newInputValue;
+      }
+    });
+  });
+
   $effect(() => {
     const newValue = inputValue.trim() ? Number(inputValue) : NaN;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.22.0",
+  "version": "0.22.2",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,19 +28,19 @@
     "test:unit": "vitest"
   },
   "dependencies": {
-    "@lexical/code": "^0.21.0",
-    "@lexical/dragon": "^0.21.0",
-    "@lexical/history": "^0.21.0",
-    "@lexical/link": "^0.21.0",
-    "@lexical/list": "^0.21.0",
-    "@lexical/markdown": "^0.21.0",
-    "@lexical/rich-text": "^0.21.0",
-    "@lexical/selection": "^0.21.0",
-    "@lexical/table": "^0.21.0",
-    "@lexical/utils": "^0.21.0",
+    "@lexical/code": "^0.22.0",
+    "@lexical/dragon": "^0.22.0",
+    "@lexical/history": "^0.22.0",
+    "@lexical/link": "^0.22.0",
+    "@lexical/list": "^0.22.0",
+    "@lexical/markdown": "^0.22.0",
+    "@lexical/rich-text": "^0.22.0",
+    "@lexical/selection": "^0.22.0",
+    "@lexical/table": "^0.22.0",
+    "@lexical/utils": "^0.22.0",
     "@sveltia/utils": "^0.6.3",
     "prismjs": "^1.29.0",
-    "lexical": "^0.21.0"
+    "lexical": "^0.22.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@playwright/test": "^1.49.1",
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.14.1",
+    "@sveltejs/kit": "^2.15.0",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "cspell": "^8.17.1",