chore: support minimum version v5.1.4

composer.json

@@ -14,7 +14,7 @@
     ],
     "require": {
         "php": "^8.1",
-        "laravel/nova": "^5.0.6"
+        "laravel/nova": "^5.1.4"
     },
     "require-dev": {
         "laravel/nova-devtool": "^1.1",

resources/js/composables/usePanelVisibility.js

@@ -0,0 +1,47 @@
+import { reactive, ref, watch } from 'vue'
+
+export function usePanelVisibility(
+  panel = { attribute: 'default', fields: [] },
+  emitter = null
+) {
+  const visibleFieldsForPanel = {}
+  const visibleFieldsCount = ref(0)
+
+  panel.fields.forEach(field => {
+    visibleFieldsForPanel[field.attribute] = field.visible
+  })
+
+  const handleFieldShown = field => {
+    visibleFieldsForPanel[field] = true
+
+    if (emitter !== null) {
+      emitter('field-shown', field)
+    }
+
+    syncVisibleFieldsCount(visibleFieldsForPanel)
+  }
+
+  const handleFieldHidden = field => {
+    visibleFieldsForPanel[field] = false
+
+    if (emitter !== null) {
+      emitter('field-shown', field)
+    }
+
+    syncVisibleFieldsCount(visibleFieldsForPanel)
+  }
+
+  const syncVisibleFieldsCount = fields => {
+    visibleFieldsCount.value = Object.values(fields).filter(
+      visible => visible === true
+    ).length
+  }
+
+  syncVisibleFieldsCount(visibleFieldsForPanel)
+
+  return {
+    handleFieldShown,
+    handleFieldHidden,
+    visibleFieldsCount,
+  }
+}

resources/js/mixins/Collapsable.js

@@ -1,10 +1,17 @@
 export default {
+  props: {
+    collapsable: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
   data: () => ({ collapsed: false }),
 
   created() {
     const value = localStorage.getItem(this.localStorageKey)
 
-    if (value !== 'undefined') {
+    if (value !== 'undefined' && this.collapsable === true) {
       this.collapsed = JSON.parse(value) ?? this.collapsedByDefault
     }
   },

resources/js/mixins/HandlesFieldPreviews.js

@@ -0,0 +1,54 @@
+import { mapProps } from './propTypes'
+import filled from '../util/filled'
+
+export default {
+  props: mapProps([
+    'field',
+    'resourceName',
+    'resourceId',
+    'viaResource',
+    'viaResourceId',
+    'viaRelationship',
+    'relatedResourceName',
+    'relatedResourceId',
+    'mode',
+  ]),
+
+  methods: {
+    async fetchPreviewContent(value) {
+      Nova.$progress.start()
+
+      let editMode = this.resourceId == null ? 'create' : 'update'
+      let endpoint =
+        this.resourceId == null
+          ? `/nova-api/${this.resourceName}/field/${this.field.attribute}/preview`
+          : `/nova-api/${this.resourceName}/${this.resourceId}/field/${this.field.attribute}/preview`
+
+      if (filled(this.relatedResourceName)) {
+        editMode = this.relatedResourceId == null ? 'attach' : 'update-attached'
+
+        endpoint = `${endpoint}/${this.relatedResourceName}`
+      }
+
+      const {
+        data: { preview },
+      } = await Nova.request().post(
+        endpoint,
+        { value },
+        {
+          params: {
+            editing: true,
+            editMode: editMode,
+            viaResource: this.viaResource,
+            viaResourceId: this.viaResourceId,
+            viaRelationship: this.viaRelationship,
+          },
+        }
+      )
+
+      Nova.$progress.done()
+
+      return preview
+    },
+  },
+}

resources/js/mixins/HandlesPanelVisibility.js

@@ -1,31 +1,29 @@
+import { usePanelVisibility } from '../composables/usePanelVisibility'
+
 export default {
   emits: ['field-shown', 'field-hidden'],
 
   data: () => ({
-    visibleFieldsForPanel: {},
+    visibleFieldsForPanel: null,
   }),
 
   created() {
-    this.panel.fields.forEach(field => {
-      this.visibleFieldsForPanel[field.attribute] = field.visible
-    })
+    this.visibleFieldsForPanel = usePanelVisibility(this.panel, this.$emit)
   },
 
   methods: {
     /**
      * @param {string} field
      */
     handleFieldShown(field) {
-      this.visibleFieldsForPanel[field] = true
-      this.$emit('field-shown', field)
+      this.visibleFieldsForPanel.handleFieldShown(field)
     },
 
     /**
      * @param {string} field
      */
     handleFieldHidden(field) {
-      this.visibleFieldsForPanel[field] = false
-      this.$emit('field-hidden', field)
+      this.visibleFieldsForPanel.handleFieldHidden(field)
     },
   },
 
@@ -34,9 +32,7 @@ export default {
      * @returns {number}
      */
     visibleFieldsCount() {
-      return Object.values(this.visibleFieldsForPanel).filter(
-        visible => visible === true
-      ).length
+      return this.visibleFieldsForPanel.visibleFieldsCount
     },
   },
 }

resources/js/mixins/HandlesValidationErrors.js

@@ -1,8 +1,10 @@
+import { mapProps } from './propTypes'
 import { Errors } from '../util/FormValidation'
 
 export default {
   props: {
     errors: { default: () => new Errors() },
+    ...mapProps(['field']),
   },
 
   inject: { index: { default: null }, viaParent: { default: null } },

resources/js/mixins/IndexConcerns.js

@@ -213,12 +213,9 @@ export default {
     },
 
     /**
-<<<<<<< HEAD
-     * Update the resource selection status.
-     *
-     * @param {object} resource
-=======
      * Deselect all selections
+     *
+     * @param {Event} e
      */
     deselectAllResources(e) {
       if (e) {
@@ -232,7 +229,8 @@ export default {
 
     /*
      * Update the resource selection status
->>>>>>> 5.0
+     *
+     * @param {object} resource
      */
     updateSelectionStatus(resource) {
       if (!includes(this.selectedResources, resource)) {

resources/js/mixins/InteractsWithQueryString.js

@@ -18,7 +18,7 @@ export default {
               url: nextUrl,
               // clearHistory: page.clearHistory,
               encryptHistory: page.encryptHistory,
-              reserveScroll: true,
+              preserveScroll: true,
               preserveState: true,
             })
           }

resources/js/mixins/index.js

@@ -16,6 +16,7 @@ export { default as MetricBehavior } from './MetricBehavior'
 export { default as FormEvents } from './FormEvents'
 export { default as FormField } from './FormField'
 export { default as HandlesFieldAttachments } from './HandlesFieldAttachments'
+export { default as HandlesFieldPreviews } from './HandlesFieldPreviews'
 export { default as HandlesValidationErrors } from './HandlesValidationErrors'
 export { default as LoadsResources } from './LoadsResources'
 export { default as TogglesTrashed } from './TogglesTrashed'

resources/js/mixins/packages.js

@@ -5,6 +5,7 @@ export {
 } from './CopiesToClipboard'
 export { default as PreventsFormAbandonment } from './PreventsFormAbandonment'
 export { default as PreventsModalAbandonment } from './PreventsModalAbandonment'
+export { default as BehavesAsPanel } from './BehavesAsPanel'
 export { default as DependentFormField } from './DependentFormField'
 export { default as HandlesFormRequest } from './HandlesFormRequest'
 export { default as HandlesUploads } from './HandlesUploads'
@@ -15,6 +16,7 @@ export { default as FieldValue } from './FieldValue'
 export { default as FormEvents } from './FormEvents'
 export { default as FormField } from './FormField'
 export { default as HandlesFieldAttachments } from './HandlesFieldAttachments'
+export { default as HandlesFieldPreviews } from './HandlesFieldPreviews'
 export { default as HandlesValidationErrors } from './HandlesValidationErrors'
 export { default as HasCards } from './HasCards'
 export { default as HandlesPanelVisibility } from './HandlesPanelVisibility'

resources/js/views/Attach.vue

@@ -70,6 +70,7 @@
                 :options="availableResources"
                 :debounce="field.debounce"
                 trackBy="value"
+                :autocomplete="field.autocomplete"
                 class="w-full"
                 :dusk="`${field.resourceName}-search-input`"
               >

resources/js/views/Lens.vue

@@ -36,7 +36,7 @@
       />
 
       <div class="inline-flex items-center gap-2 ml-auto">
-        <custom-index-toolbar
+        <custom-lens-toolbar
           v-if="!viaResource"
           :resource-name="resourceName"
           :via-resource="viaResource"