mgv-backoffice 1.40.0 → 1.42.0

package/README.md

@@ -348,9 +348,9 @@ Animated loading spinner — a neutral ring with a coloured leading arc.
 | Prop    | Type                                                                       | Default  | Description                                                  |
 |---------|----------------------------------------------------------------------------|----------|-------------------------------------------------------------|
 | `size`  | `'sm' \| 'md' \| 'lg' \| 'xl'`                                              | `'sm'`   | Diameter + ring thickness — 16 / 24 / 32 / 48px.            |
-| `color` | `'blue' \| 'emerald' \| 'sky' \| 'indigo' \| 'teal' \| 'purple' \| 'red' \| 'amber'` | `'blue'` | Colour of the spinning arc. The track stays neutral gray.   |
+| `color` | `'blue' \| 'emerald' \| 'sky' \| 'indigo' \| 'teal' \| 'purple' \| 'red' \| 'amber'` | `'emerald'` | Colour of the spinning arc. The track stays neutral gray.   |
 
-With no props it renders the original 16px blue spinner, so existing call sites are unaffected.
+With no props it renders a 16px emerald spinner. For page loaders use `size="xl"` centered, e.g. `<div class="flex justify-center py-12"><BaseSpinner size="xl" /></div>`.
 
 **Example:**
 
@@ -901,6 +901,24 @@ interface NavSection {
 
 ---
 
+### BaseSidebarUser
+
+Signed-in user block for the `BaseSidebar` `footer` slot: initials avatar,
+name and email (a link to the profile page when `to` is set) and a Logout
+button that emits `logout`.
+
+**Props:** `name` (required), `email`, `to` (profile route), `showLogout` (`true`),
+`logoutLabel` (`'Logout'`), `profileLabel` (`'View profile'`, tooltip).
+**Emits:** `logout`.
+
+```vue
+<BaseSidebar :sections="nav">
+  <template #footer>
+    <BaseSidebarUser :name="me.username" :email="me.email" :to="{ name: 'Profile' }" @logout="logOut" />
+  </template>
+</BaseSidebar>
+```
+
 ### BaseNotificationPanel
 
 Left-anchored notification drawer (teleported to `<body>`, slides in from
@@ -1834,6 +1852,19 @@ title, big value) for any value — counts, labels, pre-formatted numbers.
 </BaseStatCard>
 ```
 
+### BaseCheckbox
+
+Rounded checkbox, emerald when checked (works with or without a forms plugin).
+`v-model` is the boolean; `change` fires with the new value; attrs (`id`, `name`)
+go to the `<input>`.
+
+**Props:** `modelValue`, `label`, `disabled`. **Slots:** `default` (rich label).
+**Emits:** `update:modelValue(value)`, `change(value)`.
+
+```vue
+<BaseCheckbox v-model="remember" id="remember" label="Remember me" />
+```
+
 ### BaseToggle
 
 On/off switch (`role="switch"`). `v-model` is the boolean; `change` fires after
@@ -1867,8 +1898,7 @@ content and an optional footer.
 
 ### BaseBooleanBadge
 
-Yes/no pill for boolean columns: green check when true, neutral cross when
-false (so `false` reads as a state, not an error).
+Yes/no pill for boolean columns: green check when true, red cross when false.
 
 **Props:** `value` (`boolean | null`), `trueLabel` (`'Yes'`), `falseLabel` (`'No'`).
 

package/dist/components/BaseCheckbox.vue.d.ts

@@ -0,0 +1,28 @@
+interface Props {
+    modelValue?: boolean;
+    label?: string;
+    disabled?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BaseSelect.vue.d.ts

@@ -4,12 +4,10 @@ interface Props {
     size?: 'sm' | 'md';
     /** Full-width (w-full). Set false for inline selects. */
     block?: boolean;
+    /** Render underscores in option text as spaces (BLUE_SKY → BLUE SKY). Values are untouched. */
+    humanize?: boolean;
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -17,12 +15,7 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     size: "sm" | "md";
     block: boolean;
     modelValue: string | null;
+    humanize: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/BaseSidebarUser.vue.d.ts

@@ -0,0 +1,23 @@
+import { RouteLocationRaw } from 'vue-router';
+interface Props {
+    name: string;
+    email?: string;
+    /** Profile route; makes the name/email block a link. */
+    to?: RouteLocationRaw;
+    showLogout?: boolean;
+    logoutLabel?: string;
+    profileLabel?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    logout: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+}>, {
+    email: string;
+    to: RouteLocationRaw;
+    showLogout: boolean;
+    logoutLabel: string;
+    profileLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.d.ts

@@ -52,6 +52,8 @@ export { default as BaseCard } from './components/BaseCard.vue';
 export { default as BaseField } from './components/BaseField.vue';
 export { default as BaseStatCard } from './components/BaseStatCard.vue';
 export { default as BaseToggle } from './components/BaseToggle.vue';
+export { default as BaseCheckbox } from './components/BaseCheckbox.vue';
+export { default as BaseSidebarUser } from './components/BaseSidebarUser.vue';
 export { default as BaseAuthLayout } from './components/BaseAuthLayout.vue';
 export { default as BaseBooleanBadge } from './components/BaseBooleanBadge.vue';
 export { default as BaseDetailList } from './components/BaseDetailList.vue';
@@ -102,5 +104,6 @@ export { sanitizeHtml, isSafeHref } from './utils/sanitizeHtml';
 export { fmtNumber, fmtDate, fmtDateTime, fmtDateTimeMs, fmtDateShort, fmtCalendarDate, fmtCalendarDateTime, fmtMsAsSeconds, fmtBytes, fmtPrice, fmtPct, fmtUsd, fmtDuration, formatJson, stringifyValue, } from './utils/format';
 export { isValidAbsoluteUrl, isValidJson, isValidXml, isValidBase64, } from './utils/validate';
 export { buildSpecParams, firstInvalidNumericSpec } from './utils/specForm';
+export { humanizeEnum, humanizeTextVNodes } from './utils/humanize';
 export { computePnL } from './utils/pnl';
 export type { PnL, PnLInputs } from './utils/pnl';