@omnitend/dashboard-for-laravel 0.41.2 → 0.42.0

package/resources/js/composables/useForm.ts

@@ -31,6 +31,13 @@ export interface FormState<TData extends Record<string, any>> {
     message: string;
     touched: Record<string, boolean>;
     recentlySuccessful: boolean;
+    /**
+     * Whether the most recent submission succeeded. Unlike
+     * `recentlySuccessful` (which clears itself after 1.5s) this stays true
+     * until the next submission starts, and is false after a failure — the
+     * Inertia `wasSuccessful` semantics. DXForm's saved state reads it.
+     */
+    wasSuccessful: boolean;
     shouldShowMessage: boolean;
 }
 
@@ -172,6 +179,7 @@ export function useForm<TData extends Record<string, any>>(
         message: "",
         touched: {},
         recentlySuccessful: false,
+        wasSuccessful: false,
         shouldShowMessage: false,
     });
 
@@ -263,6 +271,7 @@ export function useForm<TData extends Record<string, any>>(
     ): Promise<TResponse> => {
         inFlightCount += 1;
         state.processing = true;
+        state.wasSuccessful = false;
         if (!options.preserveErrors) clearErrors();
 
         const payloadRaw = (
@@ -326,6 +335,7 @@ export function useForm<TData extends Record<string, any>>(
                         });
 
             state.recentlySuccessful = true;
+            state.wasSuccessful = true;
             if (successTimer !== null) clearTimeout(successTimer);
             successTimer = setTimeout(() => {
                 state.recentlySuccessful = false;
@@ -338,6 +348,7 @@ export function useForm<TData extends Record<string, any>>(
             }
             return data;
         } catch (err) {
+            state.wasSuccessful = false;
             const { errors, message } = errorsFromLaravel(err);
             setErrors(errors);
             setMessage(message);

package/resources/js/composables/useToast.ts

@@ -13,7 +13,7 @@ import type {
 // class, driving Bootstrap's own `--bs-toast-*` variables cleanly. An
 // unrecognised variant (e.g. "primary", "dark", or none) falls through to
 // BVN's default `.text-bg-*` styling unchanged.
-const THEMED_TOAST_VARIANTS = new Set(["success", "danger", "warning", "info"]);
+const THEMED_TOAST_VARIANTS = new Set(["success", "danger", "warning", "info", "pending"]);
 
 function themeToastParam(param: Record<string, unknown>): Record<string, unknown> {
     const variant = param.variant as string | null | undefined;

package/resources/js/index.ts

@@ -10,9 +10,11 @@ export { default as DXForm } from "./components/extended/DXForm.vue";
 export { default as DXField } from "./components/extended/DXField.vue";
 export { default as DXFieldLabel } from "./components/extended/DXFieldLabel.vue";
 export { default as DXModalActions } from "./components/extended/DXModalActions.vue";
+export { default as DXSaveButton } from "./components/extended/DXSaveButton.vue";
 export { default as DXLoading } from "./components/extended/DXLoading.vue";
 export { default as DXSwitch } from "./components/extended/DXSwitch.vue";
 export { default as DXCurrencyInput } from "./components/extended/DXCurrencyInput.vue";
+export { default as DXNumberStepper } from "./components/extended/DXNumberStepper.vue";
 export { default as DXStatCard } from "./components/extended/DXStatCard.vue";
 // Chart components moved to the `@omnitend/dashboard-for-laravel/charts` entry
 // (#142) so chart.js / vue-chartjs stay genuinely optional peers — the main

package/resources/js/types/index.ts

@@ -73,8 +73,9 @@ export type OptionsLoader = (model: any) => Promise<FieldOption[]>;
  * Deliberately excludes `boolean` (which BFormGroup's own `labelCols` prop
  * accepts): Vue's type-based `defineProps` auto-defaults an omitted prop to
  * `false` (not `undefined`) whenever its declared type includes `boolean`,
- * which would silently break the `field.labelCols ?? formLabelCols ?? 3`
- * fallback chain used to resolve this value.
+ * which would silently break the `field.labelCols ?? formLabelCols` fallback
+ * chain used to resolve this value (`undefined` at the end of it means the
+ * default 45% label column, `--dx-form-label-width`).
  */
 export type LabelCols =
     | number
@@ -241,7 +242,8 @@ export interface FieldDefinition {
 
     /**
      * Per-field override of DXForm's `labelCols` prop, for horizontal
-     * layout. Falls back to the form-level `labelCols` when omitted.
+     * layout. Falls back to the form-level `labelCols` when omitted, and to
+     * the default 45% label column (`--dx-form-label-width`) when neither is set.
      */
     labelCols?: LabelCols;
 
@@ -636,3 +638,19 @@ export interface FormTab {
     /** Lazily mount tab content until first activated */
     lazy?: boolean;
 }
+
+/**
+ * The theme's extra colour variant, `pending`: waiting, and the next move is
+ * not yours ("awaiting payment", "sent to printer, not yet confirmed").
+ * theme.scss paints it everywhere a stock variant is painted (badge, soft and
+ * outline button, alert, text, subtle utilities, table row, list-group item,
+ * toast). Registering it on bootstrap-vue-next's `BaseColorVariant` adds it to
+ * every variant union derived from that interface (`ColorVariant`,
+ * `ButtonVariant` incl. `outline-pending`, the `-subtle` and `-emphasis`
+ * forms), so `<DBadge variant="pending">` type-checks.
+ */
+declare module "bootstrap-vue-next" {
+    interface BaseColorVariant {
+        pending: unknown;
+    }
+}