@maropost-ui/liquidsky-ui 0.1.73 → 0.1.74

package/dist/types/AlertModalProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 export type AlertModalPosition = 'center' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 export interface GenericModalState {
     title: string;
@@ -19,7 +20,7 @@ export interface GenericModalState {
     onConfirm?: () => void;
     onCancel?: () => void;
 }
-export interface AlertModalProps {
+export interface AlertModalProps extends MpTestIdProps {
     state: GenericModalState;
     show: boolean;
 }

package/dist/types/AppClipboardProps.d.ts

@@ -1,4 +1,5 @@
-export interface AppClipboardProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface AppClipboardProps extends MpTestIdProps {
     value: string;
     disabled?: boolean;
     copyLabel?: string;

package/dist/types/AppConfirmationDialogProps.d.ts

@@ -1,4 +1,5 @@
-export interface AppConfirmationDialogProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface AppConfirmationDialogProps extends MpTestIdProps {
     /** dialog title */
     title: string;
     /** dialog subtitle */

package/dist/types/AppDataTableProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 /**
  * @file types/index.ts
  * @description Generic types for AppDataTable component
@@ -45,7 +46,7 @@ export interface BulkAction {
     disabled?: boolean;
     attrs?: Record<string, any>;
 }
-export interface DataTableProps {
+export interface DataTableProps extends MpTestIdProps {
     service?: DataTableService | null;
     gridView?: boolean;
     disabledRouteParams?: boolean;

package/dist/types/AppDialogWrapperProps.d.ts

@@ -1,4 +1,5 @@
-export interface AppDialogWrapperProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface AppDialogWrapperProps extends MpTestIdProps {
     title?: string;
     subtitle?: string;
     isLoading?: boolean;

package/dist/types/AppDrawerWrapperProps.d.ts

@@ -1,4 +1,5 @@
-export interface AppDrawerWrapperProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface AppDrawerWrapperProps extends MpTestIdProps {
     title?: string;
     showDivider?: boolean;
     width?: number;

package/dist/types/AppDropdownProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 export interface DataFetcherConfig {
     q?: string;
     limit: number;
@@ -44,7 +45,7 @@ export interface AppDropdownService<T = any> {
     };
 }
 export type DataFetcher<T = any> = (config: DataFetcherConfig) => Promise<DataFetcherResponse<T>>;
-export interface AppDropdownProps<T = any> {
+export interface AppDropdownProps<T = any> extends MpTestIdProps {
     dataFetcher?: DataFetcher<T>;
     loadItemById?: number[];
     service?: AppDropdownService<T>;

package/dist/types/AppMultiCellValueProps.d.ts

@@ -1,4 +1,5 @@
-export interface AppMultiCellValueProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface AppMultiCellValueProps extends MpTestIdProps {
     list: any[];
     itemKey: string;
 }

package/dist/types/AppSnackbarProps.d.ts

@@ -1,4 +1,5 @@
-export interface AppSnackbarProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface AppSnackbarProps extends MpTestIdProps {
     type?: 'info' | 'success' | 'error' | 'warning';
     title?: string;
     message?: string;

package/dist/types/AppStepperProps.d.ts

@@ -1,4 +1,5 @@
 import { Component } from "vue";
+import type { MpTestIdProps } from './MpTestIdProps';
 export type TInternalStepItem = {
     name: string;
     order: number;
@@ -20,7 +21,7 @@ export type TStepItem = Pick<TInternalStepItem, "id" | "name" | "order" | "label
 export type TPropStepperItem = TStepItem & {
     title?: string;
 };
-export interface AppStepperProps {
+export interface AppStepperProps extends MpTestIdProps {
     stepperHeaderClass?: string;
     steps: TPropStepperItem[];
     setComponentRef?: (el: unknown, refName: string) => void;

package/dist/types/AppTableActionMenuProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 export interface Action {
     /** icon e.g. "mdi-arrow-up" */
     icon?: string;
@@ -15,7 +16,7 @@ export interface Action {
         }) => void;
     };
 }
-export interface AppTableActionMenuProps {
+export interface AppTableActionMenuProps extends MpTestIdProps {
     /** actions e.g. [{ title: "Action Item 1", icon: "mdi-arrow-up", on: { click: (item,index) => clickHandler(item,index) } }] */
     actions: Action[];
     /** item e.g. { id: 1, name: "Item 1" } */

package/dist/types/AppsDropdownProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 export interface MaroPostApp {
     /** App identifier */
     id: string;
@@ -20,7 +21,7 @@ export interface MaroPostApp {
      */
     [key: string]: any;
 }
-export interface AppsDropdownProps {
+export interface AppsDropdownProps extends MpTestIdProps {
     /** Account/user identifier */
     getAccountId: string | number | null;
     /** Apps configuration */

package/dist/types/MpTestIdProps.d.ts

@@ -0,0 +1,6 @@
+export interface MpTestIdProps {
+    /** Full override, e.g. "inventory-table" */
+    testId?: string;
+    /** Extend default, e.g. "inventory" → "mp-data-table-inventory" */
+    testIdSuffix?: string;
+}

package/dist/types/NotificationIconProps.d.ts

@@ -1,4 +1,5 @@
-export interface NotificationIconProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface NotificationIconProps extends MpTestIdProps {
     /** Count/Badge props */
     count?: number | null;
     /** Max count to display on the badge */

package/dist/types/SearchBarProps.d.ts

@@ -1,4 +1,5 @@
-export interface SearchBarProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface SearchBarProps extends MpTestIdProps {
     /** Controls visibility of the search bar. Auto-detects from route meta if not provided */
     show?: boolean;
     /** v-model binding for the search input value */

package/dist/types/SlVueTreeNextProps.d.ts

@@ -1,4 +1,5 @@
 import { ComputedRef, Ref } from 'vue';
+import type { MpTestIdProps } from './MpTestIdProps';
 export declare enum MultiSelectKey {
     CTRL = "ctrlKey",
     META = "metaKey"
@@ -35,7 +36,7 @@ export interface VueData<T> {
     rootCursorPosition: CursorPosition<T>;
     rootDraggingNode: TreeNode<T>;
 }
-export interface SlVueTreeProps<T> {
+export interface SlVueTreeProps<T> extends MpTestIdProps {
     modelValue?: NodeModel<T>[];
     edgeSize?: number;
     allowMultiselect?: boolean;

package/dist/types/TheNavigationProps.d.ts

@@ -1,4 +1,5 @@
 import { type RouteLocationRaw } from 'vue-router';
+import type { MpTestIdProps } from './MpTestIdProps';
 type Link = {
     title: string;
     to?: RouteLocationRaw;
@@ -16,7 +17,7 @@ export type NavigationItem = Link & {
     icon?: string;
     submenu?: NavigationLink[];
 };
-export interface TheNavigationProps {
+export interface TheNavigationProps extends MpTestIdProps {
     rail?: boolean;
     /** Backwards compatibility alias for v-model */
     isNavigationRail?: boolean;

package/dist/types/TheNotificationDrawerProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 export interface NotificationItem {
     /** Unique identifier for the notification */
     id: string | number;
@@ -16,7 +17,7 @@ export interface NotificationItem {
     /** Progress value from 0 to 100 - required when showProgress is true */
     progress?: number;
 }
-export interface TheNotificationDrawerProps {
+export interface TheNotificationDrawerProps extends MpTestIdProps {
     /** Title of the notification drawer */
     title?: string;
     /** Array of notification items to display. Each item should have id, message, and optional properties for styling and actions.*/

package/dist/types/TheOnboardingScreenChecklistsProps.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 export interface DeepLink {
     label: string;
     disabled?: boolean;
@@ -31,7 +32,7 @@ export interface StatusUpdatedChecklistItem {
     deepLinks: DeepLink[];
     status: "not_started" | "in_progress" | "completed";
 }
-export interface Props {
+export interface Props extends MpTestIdProps {
     checklists: ChecklistSection[];
     checkListsStatus: Record<string, "not_started" | "in_progress" | "completed">;
     uniqueKey: string;

package/dist/types/TheTimezoneProps.d.ts

@@ -1,4 +1,5 @@
-export interface TheTimezoneProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface TheTimezoneProps extends MpTestIdProps {
     /** URL route to preferences page where timezone can be changed */
     routeToPreferences: string;
     /**

package/dist/types/TheUserDropdownProps.d.ts

@@ -1,4 +1,5 @@
-export interface TheUserDropdownProps {
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface TheUserDropdownProps extends MpTestIdProps {
     /** Items to display in the dropdown */
     items: any[];
     /** Username to display in the dropdown */

package/dist/types/UnifiedNavigationProps.d.ts

@@ -1,5 +1,6 @@
 import type { RouteLocationRaw } from "vue-router";
-export interface UnifiedNavigationProps {
+import type { MpTestIdProps } from "./MpTestIdProps";
+export interface UnifiedNavigationProps extends MpTestIdProps {
     collapsed?: boolean;
     navBlocks: [UnifiedNavigationItem[]];
     accountId: string;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./router";
+export * from './MpTestIdProps';
 export * from './TheNotificationDrawerProps';
 export * from './TheTimezoneProps';
 export * from './AlertModalProps';

package/dist/types/router.d.ts

@@ -1,3 +1,4 @@
+import type { MpTestIdProps } from './MpTestIdProps';
 /**
  * Custom route meta type definitions
  */
@@ -17,7 +18,7 @@ export interface BreadcrumbItem {
     exact?: boolean;
     href?: string;
 }
-export interface AppBreadcrumbProps {
+export interface AppBreadcrumbProps extends MpTestIdProps {
     breadcrumbClass?: string;
     /** Any vuetify breadcrumbs props will be passed to v-breadcrumbs via v-bind */
     breadcrumbProps?: any;

package/dist/vuetify.d.ts

@@ -33,6 +33,8 @@ export declare const themes: {
             'light-fog-gray': string;
             'light-silver': string;
             'creamy-amber': string;
+            'steel-slate': string;
+            'ash-gray': string;
         };
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maropost-ui/liquidsky-ui",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "description": "Shared UI components, composables, and utils for Vue + Vuetify",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.ts",