frappe-ui 0.1.50 → 0.1.52

package/package.json

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

package/readme.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://github.com/frappe/frappe-ui">
-    <img src="./docs/public/frappe-ui-logo.svg" width="250" />
+    <img src="./frappe-ui.svg" width="250" />
   </a>
 </p>
 <h1 style="font-size: 24px" align="center">Rapidly build modern frontends for Frappe apps</h1>
@@ -56,7 +56,7 @@ Now, you can import needed components and start using it:
 
 ```html
 <template>
-  <Button>Click me</Button>
+  <button>Click me</button>
 </template>
 <script>
   import { Button } from 'frappe-ui'

package/src/components/FileUploader.vue

@@ -51,7 +51,11 @@ export default {
     },
   },
   methods: {
-    openFileSelector() {
+    openFileSelector(type) {
+      if (type) {
+        // change inputs filetype to accept the type of file you want to upload
+        this.$refs['input'].accept = type
+      }
       this.$refs['input'].click()
     },
     async onFileAdd(e) {

package/src/components/Tooltip/Tooltip.story.vue

@@ -4,6 +4,7 @@ import Tooltip from './Tooltip.vue'
 import Button from '../Button.vue'
 
 const placement = ref('top')
+const disabled = ref(true)
 </script>
 <template>
   <Story :layout="{ type: 'grid', width: '300px' }">
@@ -16,6 +17,16 @@ const placement = ref('top')
         <Button theme="red">Delete</Button>
       </Tooltip>
     </Variant>
+    <Variant title="disabled">
+      <Tooltip
+        text="disabled tooltip"
+        :disabled="disabled"
+        :hover-delay="1"
+        :placement="placement"
+      >
+        <Button theme="red">Delete</Button>
+      </Tooltip>
+    </Variant>
     <Variant title="with slot">
       <Tooltip arrow-class="fill-white" :placement="placement">
         <template #body>

package/src/components/Tooltip/Tooltip.vue

@@ -21,12 +21,14 @@ const props = withDefaults(
     hoverDelay?: number
     placement?: TooltipContentProps['side']
     arrowClass?: HTMLAttributes['class']
+    disabled?: boolean
   }>(),
   {
     text: '',
     placement: 'top',
     hoverDelay: 0.5,
     arrowClass: 'fill-gray-900',
+    disabled: false,
   }
 )
 
@@ -34,7 +36,8 @@ const delayDuration = computed(() => props.hoverDelay * 1000)
 </script>
 
 <template>
-  <TooltipProvider :delayDuration="delayDuration">
+  <slot v-if="disabled" />
+  <TooltipProvider v-else :delayDuration="delayDuration">
     <TooltipRoot>
       <TooltipTrigger as-child>
         <slot />
@@ -44,6 +47,7 @@ const delayDuration = computed(() => props.hoverDelay * 1000)
           v-if="props.text || $slots.body"
           :side="props.placement"
           :side-offset="4"
+          class="z-10"
         >
           <slot name="body">
             <div

package/src/utils/pageMeta.js

@@ -1,7 +1,7 @@
 import { watch } from 'vue'
 
 let faviconRef = document.querySelector('link[rel="icon"]')
-let defaultFavIcon = faviconRef.href
+let defaultFavIcon = faviconRef?.href
 
 export function usePageMeta(fn) {
   watch(