mgv-backoffice 1.36.0 → 1.36.2

package/src/index.ts

@@ -1,138 +1,138 @@
-import './style.css'
-
-// Components — existing
-export { default as BaseAlert } from './components/BaseAlert.vue'
-export { default as BaseBadge } from './components/BaseBadge.vue'
-export { default as BaseBreadcrumb } from './components/BaseBreadcrumb.vue'
-export { default as BaseButton } from './components/BaseButton.vue'
-export { default as BaseLine } from './components/BaseLine.vue'
-export { default as BaseLogo } from './components/BaseLogo.vue'
-export { default as BaseModal } from './components/BaseModal.vue'
-export { default as BaseRow } from './components/BaseRow.vue'
-export { default as BaseSpinner } from './components/BaseSpinner.vue'
-export { default as BaseToast } from './components/BaseToast.vue'
-export { default as ColoredSquares } from './components/ColoredSquares.vue'
-export { default as EarningsCard } from './components/EarningsCard.vue'
-export { default as EuroAmount } from './components/EuroAmount.vue'
-export { default as Pagination } from './components/Pagination.vue'
-export { default as TrendArrow } from './components/TrendArrow.vue'
-
-// Components — extracted from WireMate (Tier 1 + Tier 2)
-export { default as BaseModalShell } from './components/BaseModalShell.vue'
-export { default as BaseCollapsibleSection } from './components/BaseCollapsibleSection.vue'
-export { default as BaseConfirmModal } from './components/BaseConfirmModal.vue'
-export { default as BaseTextInputModal } from './components/BaseTextInputModal.vue'
-export { default as BaseNotFoundPage } from './components/BaseNotFoundPage.vue'
-export { default as BaseSidebar } from './components/BaseSidebar.vue'
-export { default as BaseEntityPickerModal } from './components/BaseEntityPickerModal.vue'
-export { default as BaseAppLayout } from './components/BaseAppLayout.vue'
-export { default as BasePageHeader } from './components/BasePageHeader.vue'
-export { default as BaseToolbarButton } from './components/BaseToolbarButton.vue'
-export { default as BaseActionButton } from './components/BaseActionButton.vue'
-export { default as BaseCopyButton } from './components/BaseCopyButton.vue'
-export { default as BaseGoogleSignInButton } from './components/BaseGoogleSignInButton.vue'
-export { default as BaseLoginForm } from './components/BaseLoginForm.vue'
-export { default as BaseNotificationPanel } from './components/BaseNotificationPanel.vue'
-export { default as BaseChipButton } from './components/BaseChipButton.vue'
-export { default as BaseRemoveButton } from './components/BaseRemoveButton.vue'
-export { default as BaseStatusPill } from './components/BaseStatusPill.vue'
-export { default as BaseFileDropzone } from './components/BaseFileDropzone.vue'
-export { default as BaseCodeBlock } from './components/BaseCodeBlock.vue'
-
-// Components — extracted from TradeAutomation
-export { default as BaseInput } from './components/BaseInput.vue'
-export { default as BaseSelect } from './components/BaseSelect.vue'
-export { default as BaseDropdown } from './components/BaseDropdown.vue'
-export { default as BaseSegmentedControl } from './components/BaseSegmentedControl.vue'
-export { default as BaseTable } from './components/BaseTable.vue'
-export { default as BaseSpecFields } from './components/BaseSpecFields.vue'
-export { default as BaseStatBreakdown } from './components/BaseStatBreakdown.vue'
-export { default as BaseFilterChip } from './components/BaseFilterChip.vue'
-export { default as BaseCredentialsForm } from './components/BaseCredentialsForm.vue'
-export { default as BasePillPickerModal } from './components/BasePillPickerModal.vue'
-export { default as BaseBarDistribution } from './components/BaseBarDistribution.vue'
-export type { CredentialsView, CredentialsUpdate } from './components/BaseCredentialsForm.vue'
-
-// Composables
-export { useTheme, initTheme } from './composables/useTheme'
-export type { UseThemeOptions } from './composables/useTheme'
-export { useThemeClasses } from './composables/useThemeClasses'
-export type { ThemeClasses } from './composables/useThemeClasses'
-export { useEscapeKey } from './composables/useEscapeKey'
-export { useDebouncedRef } from './composables/useDebounce'
-export { useToast } from './composables/useToast'
-export { useMobileSidebar } from './composables/useMobileSidebar'
-export { useSidebarCollapse } from './composables/useSidebarCollapse'
-export type { UseSidebarCollapseOptions } from './composables/useSidebarCollapse'
-export { useNotifications } from './composables/useNotifications'
-export { useQueryParamSync } from './composables/useQueryParamSync'
-export { useFieldClasses } from './composables/useFieldClasses'
-export type { FieldClasses } from './composables/useFieldClasses'
-export { usePolling } from './composables/usePolling'
-export type { UsePollingOptions } from './composables/usePolling'
-
-// Enums
-export { AlertEnum } from './enums/AlertEnum'
-export { BaseBadgeEnum } from './enums/BaseBadgeEnum'
-export { BaseButtonEnum } from './enums/BaseButtonEnum'
-export { BaseButtonSizeEnum } from './enums/BaseButtonSizeEnum'
-export { BaseLogoEnum, BaseLoginEnum } from './enums/BaseLogoEnum'
-export { BaseModalEnum } from './enums/BaseModalEnum'
-export { BaseToastEnum } from './enums/BaseToastEnum'
-export { ColorsEnums } from './enums/ColorsEnums'
-export { LineEnum } from './enums/LineEnum'
-export { PositioningEnum } from './enums/PositioningEnum'
-
-// Types
-export type { BreadCrumb } from './components/BaseBreadcrumb.vue'
-export type { NavItem, NavSection } from './types/sidebar'
-export type { EntityPickerItem } from './types/entityPicker'
-export type { LoginCredentials } from './types/auth'
-export type { NotificationItem } from './types/notification'
-export type { SegmentedOption } from './types/segmented'
-export type { DropdownOption } from './types/dropdown'
-export type { TableColumn } from './types/table'
-export type { SpecField, SpecFieldType, SpecFieldValue } from './types/specField'
-export type { StatBreakdownItem } from './types/statBreakdown'
-export type { PillPickerItem } from './types/pillPicker'
-export type { DistributionBar } from './types/distribution'
-
-// Utils
-export { getBaseColor, getBaseColorOf } from './utils/util'
-export {
-  methodBadgeSolid,
-  methodBadgeBright,
-  methodBadgeTinted,
-  statusBadgeSolid,
-  statusBadgeTinted,
-  statusBadgeSoft,
-} from './utils/httpColors'
-export { rowKeyMissing, rowValueMissing } from './utils/kvRows'
-export type { KeyValueRowLike } from './utils/kvRows'
-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 { computePnL } from './utils/pnl'
-export type { PnL, PnLInputs } from './utils/pnl'
+import './style.css'
+
+// Components — existing
+export { default as BaseAlert } from './components/BaseAlert.vue'
+export { default as BaseBadge } from './components/BaseBadge.vue'
+export { default as BaseBreadcrumb } from './components/BaseBreadcrumb.vue'
+export { default as BaseButton } from './components/BaseButton.vue'
+export { default as BaseLine } from './components/BaseLine.vue'
+export { default as BaseLogo } from './components/BaseLogo.vue'
+export { default as BaseModal } from './components/BaseModal.vue'
+export { default as BaseRow } from './components/BaseRow.vue'
+export { default as BaseSpinner } from './components/BaseSpinner.vue'
+export { default as BaseToast } from './components/BaseToast.vue'
+export { default as ColoredSquares } from './components/ColoredSquares.vue'
+export { default as EarningsCard } from './components/EarningsCard.vue'
+export { default as EuroAmount } from './components/EuroAmount.vue'
+export { default as Pagination } from './components/Pagination.vue'
+export { default as TrendArrow } from './components/TrendArrow.vue'
+
+// Components — extracted from WireMate (Tier 1 + Tier 2)
+export { default as BaseModalShell } from './components/BaseModalShell.vue'
+export { default as BaseCollapsibleSection } from './components/BaseCollapsibleSection.vue'
+export { default as BaseConfirmModal } from './components/BaseConfirmModal.vue'
+export { default as BaseTextInputModal } from './components/BaseTextInputModal.vue'
+export { default as BaseNotFoundPage } from './components/BaseNotFoundPage.vue'
+export { default as BaseSidebar } from './components/BaseSidebar.vue'
+export { default as BaseEntityPickerModal } from './components/BaseEntityPickerModal.vue'
+export { default as BaseAppLayout } from './components/BaseAppLayout.vue'
+export { default as BasePageHeader } from './components/BasePageHeader.vue'
+export { default as BaseToolbarButton } from './components/BaseToolbarButton.vue'
+export { default as BaseActionButton } from './components/BaseActionButton.vue'
+export { default as BaseCopyButton } from './components/BaseCopyButton.vue'
+export { default as BaseGoogleSignInButton } from './components/BaseGoogleSignInButton.vue'
+export { default as BaseLoginForm } from './components/BaseLoginForm.vue'
+export { default as BaseNotificationPanel } from './components/BaseNotificationPanel.vue'
+export { default as BaseChipButton } from './components/BaseChipButton.vue'
+export { default as BaseRemoveButton } from './components/BaseRemoveButton.vue'
+export { default as BaseStatusPill } from './components/BaseStatusPill.vue'
+export { default as BaseFileDropzone } from './components/BaseFileDropzone.vue'
+export { default as BaseCodeBlock } from './components/BaseCodeBlock.vue'
+
+// Components — extracted from TradeAutomation
+export { default as BaseInput } from './components/BaseInput.vue'
+export { default as BaseSelect } from './components/BaseSelect.vue'
+export { default as BaseDropdown } from './components/BaseDropdown.vue'
+export { default as BaseSegmentedControl } from './components/BaseSegmentedControl.vue'
+export { default as BaseTable } from './components/BaseTable.vue'
+export { default as BaseSpecFields } from './components/BaseSpecFields.vue'
+export { default as BaseStatBreakdown } from './components/BaseStatBreakdown.vue'
+export { default as BaseFilterChip } from './components/BaseFilterChip.vue'
+export { default as BaseCredentialsForm } from './components/BaseCredentialsForm.vue'
+export { default as BasePillPickerModal } from './components/BasePillPickerModal.vue'
+export { default as BaseBarDistribution } from './components/BaseBarDistribution.vue'
+export type { CredentialsView, CredentialsUpdate } from './components/BaseCredentialsForm.vue'
+
+// Composables
+export { useTheme, initTheme } from './composables/useTheme'
+export type { UseThemeOptions } from './composables/useTheme'
+export { useThemeClasses } from './composables/useThemeClasses'
+export type { ThemeClasses } from './composables/useThemeClasses'
+export { useEscapeKey } from './composables/useEscapeKey'
+export { useDebouncedRef } from './composables/useDebounce'
+export { useToast } from './composables/useToast'
+export { useMobileSidebar } from './composables/useMobileSidebar'
+export { useSidebarCollapse } from './composables/useSidebarCollapse'
+export type { UseSidebarCollapseOptions } from './composables/useSidebarCollapse'
+export { useNotifications } from './composables/useNotifications'
+export { useQueryParamSync } from './composables/useQueryParamSync'
+export { useFieldClasses } from './composables/useFieldClasses'
+export type { FieldClasses } from './composables/useFieldClasses'
+export { usePolling } from './composables/usePolling'
+export type { UsePollingOptions } from './composables/usePolling'
+
+// Enums
+export { AlertEnum } from './enums/AlertEnum'
+export { BaseBadgeEnum } from './enums/BaseBadgeEnum'
+export { BaseButtonEnum } from './enums/BaseButtonEnum'
+export { BaseButtonSizeEnum } from './enums/BaseButtonSizeEnum'
+export { BaseLogoEnum, BaseLoginEnum } from './enums/BaseLogoEnum'
+export { BaseModalEnum } from './enums/BaseModalEnum'
+export { BaseToastEnum } from './enums/BaseToastEnum'
+export { ColorsEnums } from './enums/ColorsEnums'
+export { LineEnum } from './enums/LineEnum'
+export { PositioningEnum } from './enums/PositioningEnum'
+
+// Types
+export type { BreadCrumb } from './components/BaseBreadcrumb.vue'
+export type { NavItem, NavSection } from './types/sidebar'
+export type { EntityPickerItem } from './types/entityPicker'
+export type { LoginCredentials } from './types/auth'
+export type { NotificationItem } from './types/notification'
+export type { SegmentedOption } from './types/segmented'
+export type { DropdownOption } from './types/dropdown'
+export type { TableColumn } from './types/table'
+export type { SpecField, SpecFieldType, SpecFieldValue } from './types/specField'
+export type { StatBreakdownItem } from './types/statBreakdown'
+export type { PillPickerItem } from './types/pillPicker'
+export type { DistributionBar } from './types/distribution'
+
+// Utils
+export { getBaseColor, getBaseColorOf } from './utils/util'
+export {
+  methodBadgeSolid,
+  methodBadgeBright,
+  methodBadgeTinted,
+  statusBadgeSolid,
+  statusBadgeTinted,
+  statusBadgeSoft,
+} from './utils/httpColors'
+export { rowKeyMissing, rowValueMissing } from './utils/kvRows'
+export type { KeyValueRowLike } from './utils/kvRows'
+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 { computePnL } from './utils/pnl'
+export type { PnL, PnLInputs } from './utils/pnl'

package/src/style.css

@@ -1,32 +1,32 @@
-/* Brand typography, shipped by the library so every consumer renders the same:
-   Fira Sans for UI text, Fira Code for numerals/data. External @import (kept
-   first — CSS ignores @import after any other rule); consumers should add
-   <link rel="preconnect"> hints for fonts.googleapis.com / fonts.gstatic.com
-   in their index.html for faster first paint. */
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
-
-@import "tailwindcss";
-
-/* Register the fonts as the Tailwind theme defaults. The compiled stylesheet
-   re-declares theme variables in its :root, so in consumers that import this
-   file after their own `@import "tailwindcss"` these values win the cascade
-   for font-sans/font-mono utilities AND the body rule below. */
-@theme {
-  --font-sans: 'Fira Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
-  --font-mono: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-}
-
-/* Compile `dark:` variants against the `.dark` class that useTheme()/initTheme()
-   toggle on <html> — NOT the OS-level prefers-color-scheme media query
-   (Tailwind v4's default). Both consumers (TradeAutomation, WireMate) switch
-   themes with the class toggle, so media-gated dark rules leak the dark skin
-   into the light theme for users whose OS prefers dark.
-   Use a specificity-bearing selector (:is, not :where) so dark: utilities win
-   over plain base utilities like bg-slate-50 on a cascade tie. */
-@custom-variant dark (&:is(.dark, .dark *));
-
-/* Apply the brand font app-wide. Plain body rule (not preflight-dependent) so
-   it also styles consumers whose own Tailwind preflight came earlier. */
-body {
-  font-family: var(--font-sans);
-}
+/* Brand typography, shipped by the library so every consumer renders the same:
+   Fira Sans for UI text, Fira Code for numerals/data. External @import (kept
+   first — CSS ignores @import after any other rule); consumers should add
+   <link rel="preconnect"> hints for fonts.googleapis.com / fonts.gstatic.com
+   in their index.html for faster first paint. */
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
+
+@import "tailwindcss";
+
+/* Register the fonts as the Tailwind theme defaults. The compiled stylesheet
+   re-declares theme variables in its :root, so in consumers that import this
+   file after their own `@import "tailwindcss"` these values win the cascade
+   for font-sans/font-mono utilities AND the body rule below. */
+@theme {
+  --font-sans: 'Fira Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+/* Compile `dark:` variants against the `.dark` class that useTheme()/initTheme()
+   toggle on <html> — NOT the OS-level prefers-color-scheme media query
+   (Tailwind v4's default). Both consumers (TradeAutomation, WireMate) switch
+   themes with the class toggle, so media-gated dark rules leak the dark skin
+   into the light theme for users whose OS prefers dark.
+   Use a specificity-bearing selector (:is, not :where) so dark: utilities win
+   over plain base utilities like bg-slate-50 on a cascade tie. */
+@custom-variant dark (&:is(.dark, .dark *));
+
+/* Apply the brand font app-wide. Plain body rule (not preflight-dependent) so
+   it also styles consumers whose own Tailwind preflight came earlier. */
+body {
+  font-family: var(--font-sans);
+}

package/src/types/distribution.ts

@@ -1,7 +1,7 @@
-/** One bar of a BaseBarDistribution chart. */
-export interface DistributionBar {
-  /** Value rendered under the bar (already formatted for display). */
-  label: string
-  /** Occurrences of this value — drives the bar height. */
-  count: number
-}
+/** One bar of a BaseBarDistribution chart. */
+export interface DistributionBar {
+  /** Value rendered under the bar (already formatted for display). */
+  label: string
+  /** Occurrences of this value — drives the bar height. */
+  count: number
+}

package/src/types/pillPicker.ts

@@ -1,14 +1,14 @@
-/**
- * One clickable pill in a BasePillPickerModal.
- *
- * `id` must be unique (it keys the pill and identifies the pick),
- * `label` is what the pill shows and what the free-text filter matches,
- * `group` assigns the pill to one of the modal's segmented-filter groups,
- * `title` becomes the pill's tooltip.
- */
-export interface PillPickerItem {
-  id: string
-  label: string
-  group?: string
-  title?: string
-}
+/**
+ * One clickable pill in a BasePillPickerModal.
+ *
+ * `id` must be unique (it keys the pill and identifies the pick),
+ * `label` is what the pill shows and what the free-text filter matches,
+ * `group` assigns the pill to one of the modal's segmented-filter groups,
+ * `title` becomes the pill's tooltip.
+ */
+export interface PillPickerItem {
+  id: string
+  label: string
+  group?: string
+  title?: string
+}

package/src/types/specField.ts

@@ -1,30 +1,30 @@
-/** Which input a BaseSpecFields entry renders. */
-export type SpecFieldType = 'decimal' | 'integer' | 'boolean' | 'select'
-
-/**
- * One field of a spec-driven form: the field's key in the value map, its
- * label, which input to render, and optional validation/rendering hints.
- * Members are loose (`| null` allowed) so backend-described catalogues can be
- * passed straight through without mapping.
- */
-export interface SpecField {
-  key: string
-  label: string
-  type: SpecFieldType
-  /**
-   * Default value the form seeds the field with. `null` marks the field as
-   * OPTIONAL for `firstInvalidNumericSpec` (blank = "knob disabled").
-   */
-  default?: SpecFieldValue | null
-  /** Choices for `type: 'select'`. */
-  options?: string[] | null
-  /** Step for numeric inputs; defaults to 1 (integer) / 0.01 (decimal). */
-  step?: number | null
-  /** Minimum for numeric inputs. */
-  min?: number | null
-  /** Help text rendered under the field. */
-  help?: string | null
-}
-
-/** A field's current value in the owner's form state. */
-export type SpecFieldValue = number | boolean | string
+/** Which input a BaseSpecFields entry renders. */
+export type SpecFieldType = 'decimal' | 'integer' | 'boolean' | 'select'
+
+/**
+ * One field of a spec-driven form: the field's key in the value map, its
+ * label, which input to render, and optional validation/rendering hints.
+ * Members are loose (`| null` allowed) so backend-described catalogues can be
+ * passed straight through without mapping.
+ */
+export interface SpecField {
+  key: string
+  label: string
+  type: SpecFieldType
+  /**
+   * Default value the form seeds the field with. `null` marks the field as
+   * OPTIONAL for `firstInvalidNumericSpec` (blank = "knob disabled").
+   */
+  default?: SpecFieldValue | null
+  /** Choices for `type: 'select'`. */
+  options?: string[] | null
+  /** Step for numeric inputs; defaults to 1 (integer) / 0.01 (decimal). */
+  step?: number | null
+  /** Minimum for numeric inputs. */
+  min?: number | null
+  /** Help text rendered under the field. */
+  help?: string | null
+}
+
+/** A field's current value in the owner's form state. */
+export type SpecFieldValue = number | boolean | string

package/src/types/statBreakdown.ts

@@ -1,6 +1,6 @@
-export interface StatBreakdownItem {
-  /** Row label rendered on the left (e.g. a venue or category name). */
-  label: string
-  /** Numeric value; null/undefined renders as an em-dash rather than 0. */
-  value: number | null | undefined
-}
+export interface StatBreakdownItem {
+  /** Row label rendered on the left (e.g. a venue or category name). */
+  label: string
+  /** Numeric value; null/undefined renders as an em-dash rather than 0. */
+  value: number | null | undefined
+}