@castlabs/ui 8.2.0 → 8.4.0

package/dist/castlabs-ui.module.d.ts

@@ -75,6 +75,7 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
     loading?: boolean
   ): Promise<any>
   export function clReloadStore (component: any, forced?: any[], optional?: any[], loading?: boolean): Promise<any>
+  export function clSleep (ms: number): Promise<void>
 
   // theme utils
   export function clThemeSetup (): boolean

package/dist/castlabs-ui.module.js

@@ -1,4 +1,4 @@
-/* @castlabs/ui v8.2.0 */
+/* @castlabs/ui v8.4.0 */
 
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -959,9 +959,17 @@ export function clModalShow (id, value) {
     newModal.show()
     setModalDelay(newModal)
 
-    // focus the first auto-focus field in the Modal
+    // focus the first auto-focus field if it exists
     const autofocus = document.querySelector(`#${id} [autofocus]`)
-    if (autofocus) autofocus.focus()
+    if (autofocus) {
+      autofocus.focus()
+    } else {
+      // focus the button if there is only one in the footer
+      const footerButtons = document.querySelectorAll(`#${id} .modal-footer button`)
+      if (footerButtons?.length === 1) {
+        footerButtons[0].focus()
+      }
+    }
   }
 }
 
@@ -1416,7 +1424,7 @@ export function clFormatCardNumber (cardNumber) {
  * @param {String} id Optional form ID to check befor submitting.
  * @return {Promise<any>} The (wrapped) promise that callback() returned.
  */
-export function clSynchronizedSubmit (component, callback, id = component.ID_FORM) {
+export async function clSynchronizedSubmit (component, callback, id = component.ID_FORM) {
   if (id) {
     if (clFormIsValid(id) && !component.submitting) {
       component.submitting = true
@@ -1445,7 +1453,7 @@ export function clSynchronizedSubmit (component, callback, id = component.ID_FOR
  * @param {String} id Mandatory form ID to check befor submitting.
  * @return {Promise<any>} The (wrapped) promise that callback() returned.
  */
-export function clSynchronizedSubmitAsync (component, callback, id = component.ID_FORM) {
+export async function clSynchronizedSubmitAsync (component, callback, id = component.ID_FORM) {
   if (!component.submitting) {
     return clFormIsValidAsync(id).then(success => {
       if (success) {