Nova 5 support

composer.json

@@ -3,7 +3,7 @@
     "description": "A Laravel Nova tool to give you ability to put tooltip in fields in every where and in menu item",
     "keywords": [
         "laravel",
-        "nova","nova-4","tooltip","Fields","Menu","menu item","item"
+        "nova","nova-5","tooltip","Fields","Menu","menu item","item"
     ],
     "homepage": "https://badinansoft.com",
     "authors": [
@@ -16,8 +16,12 @@
     ],
     "license": "MIT",
     "require": {
-        "php": "^7.3|^8.0",
-        "laravel/nova": "^4.26.5"
+        "php": "^8.1",
+        "illuminate/support": "^10.0|^11.0|^12.0"
+    },
+    "require-dev": {
+        "laravel/nova": "^5.0",
+        "laravel/nova-devtool": "^1.7"
     },
     "autoload": {
         "psr-4": {
@@ -36,4 +40,4 @@
     },
     "minimum-stability": "dev",
     "prefer-stable": true
-}
+}

dist/js/tool.js.LICENSE.txt

@@ -1,14 +1,5 @@
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <http://feross.org>
- * @license  MIT
- */
-
 /*!
  * vuex v4.1.0
  * (c) 2022 Evan You
  * @license MIT
  */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */

dist/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/js/tool.js": "/js/tool.js"
+    "/js/tool.js": "/js/tool.js?id=c3bab389c58cec733a3893b5d5ef42d5"
 }

package.json

@@ -5,19 +5,10 @@
     "development": "mix",
     "watch": "mix watch",
     "watch-poll": "mix watch -- --watch-options-poll=1000",
-    "hot": "mix watch --hot",
     "prod": "npm run production",
-    "production": "mix --production",
-    "nova:install": "npm --prefix='../../vendor/laravel/nova' ci"
+    "production": "mix --production"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.2.22",
-    "laravel-mix": "^6.0.41",
-    "laravel-nova": "^1.12.3",
-    "postcss": "^8.3.11",
-    "vue-loader": "^16.8.3",
-    "vuex": "^4.1.0",
-    "axios": "^1.1.3"
-  },
-  "dependencies": {}
+    "laravel-nova-devtool": "file:vendor/laravel/nova-devtool"
+  }
 }

resources/js/components/DefaultField.vue

@@ -22,10 +22,10 @@
             </template>
 
             <Icon
-                :solid="true"
-                type="question-mark-circle"
-                class="cursor-pointer text-gray-400 dark:text-gray-500"
-            />
+              name="question-mark-circle"
+              type="mini"
+              class="cursor-pointer text-gray-400 dark:text-gray-500"
+          />
 
           </Tooltip>
 
@@ -60,8 +60,13 @@
 
 <script>
 import { HandlesValidationErrors, mapProps } from 'laravel-nova'
+import { Tooltip, Icon } from 'laravel-nova-ui'
 
 export default {
+  components: {
+    Tooltip,
+    Icon,
+  },
   mixins: [HandlesValidationErrors],
 
   props: {

resources/js/components/MenuItem.vue

@@ -30,8 +30,8 @@
                 </template>
 
                 <Icon
-                    :solid="true"
-                    type="question-mark-circle"
+                    name="question-mark-circle"
+                    type="mini"
                     class="cursor-pointer text-gray-400 dark:text-gray-500"
                 />
 
@@ -47,8 +47,13 @@ import isNull from 'lodash/isNull'
 import omitBy from 'lodash/omitBy'
 import pickBy from 'lodash/pickBy'
 import {mapGetters, mapMutations} from 'vuex'
+import { Tooltip, Icon } from 'laravel-nova-ui'
 
 export default {
+    components: {
+        Tooltip,
+        Icon,
+    },
     props: {
         item: {
             type: Object,

resources/js/components/PanelItem.vue

@@ -5,8 +5,8 @@
   >
     <div class="md:w-1/4 md:py-3">
       <slot>
-        <h4 class="font-bold md:font-normal">
-          <span>{{ label }}
+        <h4 class="flex items-center font-bold md:font-normal">
+          <span>{{ label }}</span>
 
           <Tooltip :triggers="['click']" v-if="tooltip!==''" class="inline ml-4">
 
@@ -15,14 +15,12 @@
             </template>
 
             <Icon
-                :solid="true"
-                type="question-mark-circle"
-                class="cursor-pointer text-gray-400 dark:text-gray-500"
+             name="question-mark-circle"
+              type="mini"
+              class="cursor-pointer text-gray-400 dark:text-gray-500"
             />
-
           </Tooltip>
 
-          </span>
         </h4>
       </slot>
     </div>
@@ -56,10 +54,16 @@
 
 <script>
 import { CopiesToClipboard, FieldValue } from 'laravel-nova'
+import { Tooltip, Icon } from 'laravel-nova-ui'
 
 export default {
   mixins: [CopiesToClipboard, FieldValue],
 
+  components: {
+    Tooltip,
+    Icon,
+  },
+
   props: {
     index: {
       type: Number,

resources/js/components/ResourceTableHeader.vue

@@ -35,9 +35,9 @@
           </template>
 
           <Icon
-              :solid="true"
-              type="question-mark-circle"
-              class="cursor-pointer text-gray-400 dark:text-gray-500"
+            name="question-mark-circle"
+            type="mini"
+            class="cursor-pointer text-gray-400 dark:text-gray-500"
           />
 
         </Tooltip>
@@ -69,9 +69,15 @@
 </template>
 
 <script>
+import { Tooltip, Icon } from 'laravel-nova-ui'
+
 export default {
   name: 'ResourceTableHeader',
 
+  components: {
+    Tooltip,
+    Icon,
+  },
   emits: ['order', 'reset-order-by'],
 
   props: {

webpack.mix.js

@@ -1,9 +1,11 @@
-let mix = require('laravel-mix')
+let mix = require("laravel-mix");
+let NovaExtension = require("laravel-nova-devtool");
 
-require('./nova.mix')
+mix.extend("nova", new NovaExtension());
 
 mix
-  .setPublicPath('dist')
-  .js('resources/js/tool.js', 'js')
+  .setPublicPath("dist")
+  .js("resources/js/tool.js", "js")
   .vue({ version: 3 })
-  .nova('badinansoft/tooltip')
+  .nova("badinansoft/nova-tooltip")
+  .version();