frappe-ui 0.0.21 → 0.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.0.21",
+  "version": "0.0.24",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.js",
   "scripts": {

package/src/components/LoadingText.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex items-center text-base text-gray-500">
-    <LoadingIndicator /> {{ text }}
+    <LoadingIndicator class="w-3 h-3 mr-2 -ml-1" /> {{ text }}
   </div>
 </template>
 <script>

package/src/components/TextEditor/Menu.vue

@@ -23,10 +23,17 @@
 
     <Dialog :options="{ title: 'Set Link' }" v-model="setLinkDialog.show">
       <template #body-content>
-        <Input type="text" label="URL" v-model="setLinkDialog.url" />
+        <Input
+          type="text"
+          label="URL"
+          v-model="setLinkDialog.url"
+          @keydown.enter="(e) => setLink(e.target.value)"
+        />
       </template>
       <template #actions>
-        <Button appearance="primary" @click="setLink"> Save </Button>
+        <Button appearance="primary" @click="setLink(setLinkDialog.url)">
+          Save
+        </Button>
       </template>
     </Dialog>
   </div>
@@ -54,9 +61,9 @@ export default {
         button.action(this.editor)
       }
     },
-    setLink() {
+    setLink(url) {
       // empty
-      if (this.setLinkDialog.url === '') {
+      if (url === '') {
         this.editor.chain().focus().extendMarkRange('link').unsetLink().run()
       } else {
         // update link
@@ -64,7 +71,7 @@ export default {
           .chain()
           .focus()
           .extendMarkRange('link')
-          .setLink({ href: this.setLinkDialog.url })
+          .setLink({ href: url })
           .run()
       }
 

package/src/components/TextEditor/TextEditor.vue

@@ -71,6 +71,7 @@ export default {
     'bubbleMenu',
     'floatingMenu',
     'extensions',
+    'starterkitOptions',
   ],
   emits: ['change'],
   expose: ['editor'],
@@ -92,7 +93,7 @@ export default {
   },
   mounted() {
     this.editor = new Editor({
-      content: this.content || '<p></p>',
+      content: this.content || null,
       editorProps: {
         attributes: {
           class: ['prose prose-sm prose-p:my-1', this.editorClass].join(' '),
@@ -100,7 +101,9 @@ export default {
       },
       editable: this.editable,
       extensions: [
-        StarterKit,
+        StarterKit.configure({
+          ...this.starterkitOptions,
+        }),
         Image,
         Link,
         Placeholder.configure({

package/src/components/Toast.vue

@@ -13,10 +13,10 @@
           class="p-4 bg-white border rounded-lg shadow-md min-w-[15rem] max-w-[40rem]"
         >
           <div class="flex items-start">
-            <div class="grid w-5 h-5 place-items-center">
+            <div v-if="icon" class="grid w-5 h-5 mr-3 place-items-center">
               <FeatherIcon :name="icon" :class="['w-5 h-5', iconClasses]" />
             </div>
-            <div class="ml-3">
+            <div>
               <slot>
                 <p class="text-base font-medium text-gray-900">
                   {{ title }}

package/src/utils/resources.js

@@ -165,7 +165,9 @@ export function createDocumentResource(options, vm) {
     },
     onSuccess(data) {
       out.doc = transform(data)
+      options.setValue?.onSuccess?.call(vm, data)
     },
+    onError: options.setValue?.onError,
   }
 
   let out = reactive({
@@ -206,7 +208,9 @@ export function createDocumentResource(options, vm) {
         },
         onSuccess() {
           out.doc = null
+          options.delete?.onSuccess?.call(vm, data)
         },
+        onError: options.delete?.onError,
       },
       vm
     ),
@@ -300,8 +304,9 @@ function createListResource(options, vm, getResource) {
         },
         onSuccess(data) {
           out.data = transform(data)
-          options.onSuccess && options.onSuccess.call(vm, out.data)
+          options.onSuccess?.call(vm, out.data)
         },
+        onError: options.onError,
       },
       vm
     ),
@@ -316,9 +321,11 @@ function createListResource(options, vm, getResource) {
             },
           }
         },
-        onSuccess() {
+        onSuccess(data) {
           out.list.fetch()
+          options.insert?.onSuccess?.call(vm, data)
         },
+        onError: options.insert?.onError,
       },
       vm
     ),
@@ -333,9 +340,11 @@ function createListResource(options, vm, getResource) {
             fieldname: values,
           }
         },
-        onSuccess() {
+        onSuccess(data) {
           out.list.fetch()
+          options.setValue?.onSuccess?.call(vm, data)
         },
+        onError: options.setValue?.onError,
       },
       vm
     ),
@@ -348,9 +357,11 @@ function createListResource(options, vm, getResource) {
             name,
           }
         },
-        onSuccess() {
+        onSuccess(data) {
           out.list.fetch()
+          options.delete?.onSuccess?.call(vm, data)
         },
+        onError: options.delete?.onError,
       },
       vm
     ),