clean up async js functions

packages/forms/resources/js/components/file-upload.js

@@ -98,7 +98,7 @@ export default function fileUploadFormComponent({
 
         editor: {},
 
-        init: async function () {
+        async init() {
             FilePond.setOptions(locales[locale] ?? locales['en'])
 
             this.pond = FilePond.create(this.$refs.input, {
@@ -363,7 +363,7 @@ export default function fileUploadFormComponent({
             )
         },
 
-        getUploadedFiles: async function () {
+        async getUploadedFiles() {
             const uploadedFiles = await getUploadedFilesUsing()
 
             this.fileKeyIndex = uploadedFiles ?? {}
@@ -377,7 +377,7 @@ export default function fileUploadFormComponent({
                 }, {})
         },
 
-        getFiles: async function () {
+        async getFiles() {
             await this.getUploadedFiles()
 
             let files = []

packages/forms/resources/js/components/markdown-editor.js

@@ -101,7 +101,7 @@ export default function markdownEditorFormComponent({
 
         state,
 
-        init: async function () {
+        async init() {
             if (this.$root._editor) {
                 this.$root._editor.toTextArea()
                 this.$root._editor = null

packages/forms/resources/js/components/rich-editor.js

@@ -35,7 +35,7 @@ export default function richEditorFormComponent({
 
         editorUpdatedAt: Date.now(),
 
-        init: async function () {
+        async init() {
             editor = new Editor({
                 editable: !isDisabled,
                 element: this.$refs.editor,

packages/forms/resources/js/components/select.js

@@ -39,7 +39,7 @@ export default function selectFormComponent({
 
         state,
 
-        init: async function () {
+        async init() {
             this.select = new Choices(this.$refs.input, {
                 allowHTML: isHtmlAllowed,
                 duplicateItemsAllowed: false,
@@ -165,7 +165,7 @@ export default function selectFormComponent({
             this.select = null
         },
 
-        refreshChoices: async function (config = {}) {
+        async refreshChoices(config = {}) {
             const choices = await this.getChoices(config)
 
             if (!this.select) {
@@ -198,7 +198,7 @@ export default function selectFormComponent({
             this.select.setChoices(choices, 'value', 'label', true)
         },
 
-        getChoices: async function (config = {}) {
+        async getChoices(config = {}) {
             const existingOptions = await this.getExistingOptions(config)
 
             this.isEmpty = existingOptions.length === 0
@@ -208,7 +208,7 @@ export default function selectFormComponent({
             )
         },
 
-        getExistingOptions: async function ({ search, withInitialOptions }) {
+        async getExistingOptions({ search, withInitialOptions }) {
             if (withInitialOptions) {
                 return options
             }
@@ -267,7 +267,7 @@ export default function selectFormComponent({
             return state?.toString()
         },
 
-        getMissingOptions: async function (existingOptions) {
+        async getMissingOptions(existingOptions) {
             let state = this.formatState(this.state)
 
             if ([null, undefined, '', [], {}].includes(state)) {

packages/schemas/dist/components/wizard.js

@@ -1 +1 @@
-function o({isSkippable:s,isStepPersistedInQueryString:i,key:n,startStep:r,stepQueryStringKey:h}){return{step:null,init(){this.$watch("step",()=>this.updateQueryString()),this.step=this.getSteps().at(r-1),this.autofocusFields()},requestNextStep:async function(){await this.$wire.callSchemaComponentMethod(n,"nextStep",{currentStepIndex:this.getStepIndex(this.step)})},goToNextStep(){let t=this.getStepIndex(this.step)+1;t>=this.getSteps().length||(this.step=this.getSteps()[t],this.autofocusFields(),this.scroll())},goToPreviousStep(){let t=this.getStepIndex(this.step)-1;t<0||(this.step=this.getSteps()[t],this.autofocusFields(),this.scroll())},scroll(){this.$nextTick(()=>{this.$refs.header.children[this.getStepIndex(this.step)].scrollIntoView({behavior:"smooth",block:"start"})})},autofocusFields(){this.$nextTick(()=>this.$refs[`step-${this.step}`].querySelector("[autofocus]")?.focus())},getStepIndex(t){let e=this.getSteps().findIndex(p=>p===t);return e===-1?0:e},getSteps(){return JSON.parse(this.$refs.stepsData.value)},isFirstStep(){return this.getStepIndex(this.step)<=0},isLastStep(){return this.getStepIndex(this.step)+1>=this.getSteps().length},isStepAccessible(t){return s||this.getStepIndex(this.step)>this.getStepIndex(t)},updateQueryString(){if(!i)return;let t=new URL(window.location.href);t.searchParams.set(h,this.step),history.replaceState(null,document.title,t.toString())}}}export{o as default};
+function o({isSkippable:s,isStepPersistedInQueryString:i,key:r,startStep:h,stepQueryStringKey:n}){return{step:null,init(){this.$watch("step",()=>this.updateQueryString()),this.step=this.getSteps().at(h-1),this.autofocusFields()},async requestNextStep(){await this.$wire.callSchemaComponentMethod(r,"nextStep",{currentStepIndex:this.getStepIndex(this.step)})},goToNextStep(){let t=this.getStepIndex(this.step)+1;t>=this.getSteps().length||(this.step=this.getSteps()[t],this.autofocusFields(),this.scroll())},goToPreviousStep(){let t=this.getStepIndex(this.step)-1;t<0||(this.step=this.getSteps()[t],this.autofocusFields(),this.scroll())},scroll(){this.$nextTick(()=>{this.$refs.header.children[this.getStepIndex(this.step)].scrollIntoView({behavior:"smooth",block:"start"})})},autofocusFields(){this.$nextTick(()=>this.$refs[`step-${this.step}`].querySelector("[autofocus]")?.focus())},getStepIndex(t){let e=this.getSteps().findIndex(p=>p===t);return e===-1?0:e},getSteps(){return JSON.parse(this.$refs.stepsData.value)},isFirstStep(){return this.getStepIndex(this.step)<=0},isLastStep(){return this.getStepIndex(this.step)+1>=this.getSteps().length},isStepAccessible(t){return s||this.getStepIndex(this.step)>this.getStepIndex(t)},updateQueryString(){if(!i)return;let t=new URL(window.location.href);t.searchParams.set(n,this.step),history.replaceState(null,document.title,t.toString())}}}export{o as default};

packages/schemas/resources/js/components/wizard.js

@@ -16,7 +16,7 @@ export default function wizardSchemaComponent({
             this.autofocusFields()
         },
 
-        requestNextStep: async function () {
+        async requestNextStep() {
             await this.$wire.callSchemaComponentMethod(key, 'nextStep', {
                 currentStepIndex: this.getStepIndex(this.step),
             })

packages/tables/dist/index.js

@@ -1 +1 @@
-(()=>{var h=({canSelectMultipleRecords:l,canTrackDeselectedRecords:a,currentSelectionLivewireProperty:i,$wire:t})=>({checkboxClickController:null,collapsedGroups:[],isLoading:!1,selectedRecords:new Set,deselectedRecords:new Set,isTrackingDeselectedRecords:!1,shouldCheckUniqueSelection:!0,lastCheckedRecord:null,livewireId:null,entangledSelectedRecords:i?t.$entangle(i):null,init(){this.livewireId=this.$root.closest("[wire\\:id]").attributes["wire:id"].value,t.$on("deselectAllTableRecords",()=>this.deselectAllRecords()),i&&(l?this.selectedRecords=new Set(this.entangledSelectedRecords):this.selectedRecords=new Set(this.entangledSelectedRecords?[this.entangledSelectedRecords]:[])),this.$nextTick(()=>this.watchForCheckboxClicks()),Livewire.hook("element.init",({component:e})=>{e.id===this.livewireId&&this.watchForCheckboxClicks()})},mountAction(...e){t.set("isTrackingDeselectedTableRecords",this.isTrackingDeselectedRecords,!1),t.set("selectedTableRecords",[...this.selectedRecords],!1),t.set("deselectedTableRecords",[...this.deselectedRecords],!1),t.mountAction(...e)},toggleSelectRecordsOnPage(){let e=this.getRecordsOnPage();if(this.areRecordsSelected(e)){this.deselectRecords(e);return}this.selectRecords(e)},toggleSelectRecordsInGroup:async function(e){if(this.isLoading=!0,this.areRecordsSelected(this.getRecordsInGroupOnPage(e))){this.deselectRecords(await t.getGroupedSelectableTableRecordKeys(e));return}this.selectRecords(await t.getGroupedSelectableTableRecordKeys(e)),this.isLoading=!1},getRecordsInGroupOnPage(e){let s=[];for(let c of this.$root?.getElementsByClassName("fi-ta-record-checkbox")??[])c.dataset.group===e&&s.push(c.value);return s},getSelectedRecordsCount(){return this.isTrackingDeselectedRecords?(this.$refs.allSelectableRecordsCount?.value??this.deselectedRecords.size)-this.deselectedRecords.size:this.selectedRecords.size},getRecordsOnPage(){let e=[];for(let s of this.$root?.getElementsByClassName("fi-ta-record-checkbox")??[])e.push(s.value);return e},selectRecords(e){l||(this.deselectAllRecords(),e=e.slice(0,1));for(let s of e)if(!this.isRecordSelected(s)){if(this.isTrackingDeselectedRecords){this.deselectedRecords.delete(s);continue}this.selectedRecords.add(s)}this.updatedSelectedRecords()},deselectRecords(e){for(let s of e){if(this.isTrackingDeselectedRecords){this.deselectedRecords.add(s);continue}this.selectedRecords.delete(s)}this.updatedSelectedRecords()},updatedSelectedRecords(){if(l){this.entangledSelectedRecords=[...this.selectedRecords];return}this.entangledSelectedRecords=[...this.selectedRecords][0]??null},toggleSelectedRecord(e){if(this.isRecordSelected(e)){this.deselectRecords([e]);return}this.selectRecords([e])},selectAllRecords:async function(){if(!a){this.isLoading=!0,this.selectedRecords=new Set(await t.getAllSelectableTableRecordKeys()),this.updatedSelectedRecords(),this.isLoading=!1;return}this.isTrackingDeselectedRecords=!0,this.selectedRecords=new Set,this.deselectedRecords=new Set,this.updatedSelectedRecords()},deselectAllRecords(){this.isTrackingDeselectedRecords=!1,this.selectedRecords=new Set,this.deselectedRecords=new Set,this.updatedSelectedRecords()},isRecordSelected(e){return this.isTrackingDeselectedRecords?!this.deselectedRecords.has(e):this.selectedRecords.has(e)},areRecordsSelected(e){return e.every(s=>this.isRecordSelected(s))},toggleCollapseGroup(e){if(this.isGroupCollapsed(e)){this.collapsedGroups.splice(this.collapsedGroups.indexOf(e),1);return}this.collapsedGroups.push(e)},isGroupCollapsed(e){return this.collapsedGroups.includes(e)},resetCollapsedGroups(){this.collapsedGroups=[]},watchForCheckboxClicks(){this.checkboxClickController&&this.checkboxClickController.abort(),this.checkboxClickController=new AbortController;let{signal:e}=this.checkboxClickController;this.$root?.addEventListener("click",s=>s.target?.matches(".fi-ta-record-checkbox")&&this.handleCheckboxClick(s,s.target),{signal:e})},handleCheckboxClick(e,s){if(!this.lastChecked){this.lastChecked=s;return}if(e.shiftKey){let c=Array.from(this.$root?.getElementsByClassName("fi-ta-record-checkbox")??[]);if(!c.includes(this.lastChecked)){this.lastChecked=s;return}let n=c.indexOf(this.lastChecked),R=c.indexOf(s),r=[n,R].sort((d,u)=>d-u),o=[];for(let d=r[0];d<=r[1];d++)c[d].checked=s.checked,o.push(c[d].value);s.checked?this.selectRecords(o):this.deselectRecords(o)}this.lastChecked=s}});document.addEventListener("alpine:init",()=>{window.Alpine.data("filamentTable",h)});})();
+(()=>{var h=({canSelectMultipleRecords:l,canTrackDeselectedRecords:a,currentSelectionLivewireProperty:i,$wire:t})=>({checkboxClickController:null,collapsedGroups:[],isLoading:!1,selectedRecords:new Set,deselectedRecords:new Set,isTrackingDeselectedRecords:!1,shouldCheckUniqueSelection:!0,lastCheckedRecord:null,livewireId:null,entangledSelectedRecords:i?t.$entangle(i):null,init(){this.livewireId=this.$root.closest("[wire\\:id]").attributes["wire:id"].value,t.$on("deselectAllTableRecords",()=>this.deselectAllRecords()),i&&(l?this.selectedRecords=new Set(this.entangledSelectedRecords):this.selectedRecords=new Set(this.entangledSelectedRecords?[this.entangledSelectedRecords]:[])),this.$nextTick(()=>this.watchForCheckboxClicks()),Livewire.hook("element.init",({component:e})=>{e.id===this.livewireId&&this.watchForCheckboxClicks()})},mountAction(...e){t.set("isTrackingDeselectedTableRecords",this.isTrackingDeselectedRecords,!1),t.set("selectedTableRecords",[...this.selectedRecords],!1),t.set("deselectedTableRecords",[...this.deselectedRecords],!1),t.mountAction(...e)},toggleSelectRecordsOnPage(){let e=this.getRecordsOnPage();if(this.areRecordsSelected(e)){this.deselectRecords(e);return}this.selectRecords(e)},async toggleSelectRecordsInGroup(e){if(this.isLoading=!0,this.areRecordsSelected(this.getRecordsInGroupOnPage(e))){this.deselectRecords(await t.getGroupedSelectableTableRecordKeys(e));return}this.selectRecords(await t.getGroupedSelectableTableRecordKeys(e)),this.isLoading=!1},getRecordsInGroupOnPage(e){let s=[];for(let c of this.$root?.getElementsByClassName("fi-ta-record-checkbox")??[])c.dataset.group===e&&s.push(c.value);return s},getSelectedRecordsCount(){return this.isTrackingDeselectedRecords?(this.$refs.allSelectableRecordsCount?.value??this.deselectedRecords.size)-this.deselectedRecords.size:this.selectedRecords.size},getRecordsOnPage(){let e=[];for(let s of this.$root?.getElementsByClassName("fi-ta-record-checkbox")??[])e.push(s.value);return e},selectRecords(e){l||(this.deselectAllRecords(),e=e.slice(0,1));for(let s of e)if(!this.isRecordSelected(s)){if(this.isTrackingDeselectedRecords){this.deselectedRecords.delete(s);continue}this.selectedRecords.add(s)}this.updatedSelectedRecords()},deselectRecords(e){for(let s of e){if(this.isTrackingDeselectedRecords){this.deselectedRecords.add(s);continue}this.selectedRecords.delete(s)}this.updatedSelectedRecords()},updatedSelectedRecords(){if(l){this.entangledSelectedRecords=[...this.selectedRecords];return}this.entangledSelectedRecords=[...this.selectedRecords][0]??null},toggleSelectedRecord(e){if(this.isRecordSelected(e)){this.deselectRecords([e]);return}this.selectRecords([e])},async selectAllRecords(){if(!a){this.isLoading=!0,this.selectedRecords=new Set(await t.getAllSelectableTableRecordKeys()),this.updatedSelectedRecords(),this.isLoading=!1;return}this.isTrackingDeselectedRecords=!0,this.selectedRecords=new Set,this.deselectedRecords=new Set,this.updatedSelectedRecords()},deselectAllRecords(){this.isTrackingDeselectedRecords=!1,this.selectedRecords=new Set,this.deselectedRecords=new Set,this.updatedSelectedRecords()},isRecordSelected(e){return this.isTrackingDeselectedRecords?!this.deselectedRecords.has(e):this.selectedRecords.has(e)},areRecordsSelected(e){return e.every(s=>this.isRecordSelected(s))},toggleCollapseGroup(e){if(this.isGroupCollapsed(e)){this.collapsedGroups.splice(this.collapsedGroups.indexOf(e),1);return}this.collapsedGroups.push(e)},isGroupCollapsed(e){return this.collapsedGroups.includes(e)},resetCollapsedGroups(){this.collapsedGroups=[]},watchForCheckboxClicks(){this.checkboxClickController&&this.checkboxClickController.abort(),this.checkboxClickController=new AbortController;let{signal:e}=this.checkboxClickController;this.$root?.addEventListener("click",s=>s.target?.matches(".fi-ta-record-checkbox")&&this.handleCheckboxClick(s,s.target),{signal:e})},handleCheckboxClick(e,s){if(!this.lastChecked){this.lastChecked=s;return}if(e.shiftKey){let c=Array.from(this.$root?.getElementsByClassName("fi-ta-record-checkbox")??[]);if(!c.includes(this.lastChecked)){this.lastChecked=s;return}let n=c.indexOf(this.lastChecked),R=c.indexOf(s),r=[n,R].sort((d,u)=>d-u),o=[];for(let d=r[0];d<=r[1];d++)c[d].checked=s.checked,o.push(c[d].value);s.checked?this.selectRecords(o):this.deselectRecords(o)}this.lastChecked=s}});document.addEventListener("alpine:init",()=>{window.Alpine.data("filamentTable",h)});})();

packages/tables/resources/js/components/table.js

@@ -77,7 +77,7 @@ export default ({
         this.selectRecords(keys)
     },
 
-    toggleSelectRecordsInGroup: async function (group) {
+    async toggleSelectRecordsInGroup(group) {
         this.isLoading = true
 
         if (this.areRecordsSelected(this.getRecordsInGroupOnPage(group))) {
@@ -192,7 +192,7 @@ export default ({
         this.selectRecords([key])
     },
 
-    selectAllRecords: async function () {
+    async selectAllRecords() {
         if (!canTrackDeselectedRecords) {
             this.isLoading = true