@maropost-ui/liquidsky-ui 0.1.77 → 0.1.80

package/dist/types/AlertModalProps.d.ts

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

package/dist/types/AppClipboardProps.d.ts

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

package/dist/types/AppConfirmationDialogProps.d.ts

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

package/dist/types/AppDataTableProps.d.ts

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

package/dist/types/AppDialogWrapperProps.d.ts

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

package/dist/types/AppDrawerWrapperProps.d.ts

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

package/dist/types/AppDropdownProps.d.ts

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

package/dist/types/AppMultiCellValueProps.d.ts

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

package/dist/types/AppSnackbarProps.d.ts

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

package/dist/types/AppSplitButtonProps.d.ts

@@ -1,12 +1,11 @@
 import type { Anchor } from 'vuetify';
-import type { MpTestIdProps } from './MpTestIdProps';
 export interface TSplitButtonMenuOption {
     title: string;
     disabled?: boolean;
     icon?: string;
     onClick: () => void;
 }
-export interface TAppSplitButtonProps extends MpTestIdProps {
+export interface TAppSplitButtonProps {
     label: string;
     options: TSplitButtonMenuOption[];
     prependIcon?: string;

package/dist/types/AppStepperProps.d.ts

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

package/dist/types/AppTableActionMenuProps.d.ts

@@ -1,4 +1,3 @@
-import type { MpTestIdProps } from './MpTestIdProps';
 export interface Action {
     /** icon e.g. "mdi-arrow-up" */
     icon?: string;
@@ -16,7 +15,7 @@ export interface Action {
         }) => void;
     };
 }
-export interface AppTableActionMenuProps extends MpTestIdProps {
+export interface AppTableActionMenuProps {
     /** 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,4 +1,3 @@
-import type { MpTestIdProps } from './MpTestIdProps';
 export interface MaroPostApp {
     /** App identifier */
     id: string;
@@ -21,7 +20,7 @@ export interface MaroPostApp {
      */
     [key: string]: any;
 }
-export interface AppsDropdownProps extends MpTestIdProps {
+export interface AppsDropdownProps {
     /** Account/user identifier */
     getAccountId: string | number | null;
     /** Apps configuration */

package/dist/types/MpTestIdProps.d.ts

@@ -1,6 +1,10 @@
+/**
+ * @deprecated Components do not accept testId props.
+ * Use `v-mp-test` with a string id or `{ id?, prefix?, suffix? }`.
+ */
 export interface MpTestIdProps {
-    /** Full override, e.g. "inventory-table" */
+    /** @deprecated */
     testId?: string;
-    /** Extend default, e.g. "inventory" → "mp-data-table-inventory" */
+    /** @deprecated */
     testIdSuffix?: string;
 }

package/dist/types/NotificationIconProps.d.ts

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

package/dist/types/SearchBarProps.d.ts

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

package/dist/types/TheNavigationProps.d.ts

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

package/dist/types/TheNotificationDrawerProps.d.ts

@@ -1,4 +1,3 @@
-import type { MpTestIdProps } from './MpTestIdProps';
 export interface NotificationItem {
     /** Unique identifier for the notification */
     id: string | number;
@@ -17,7 +16,7 @@ export interface NotificationItem {
     /** Progress value from 0 to 100 - required when showProgress is true */
     progress?: number;
 }
-export interface TheNotificationDrawerProps extends MpTestIdProps {
+export interface TheNotificationDrawerProps {
     /** 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,4 +1,3 @@
-import type { MpTestIdProps } from './MpTestIdProps';
 export interface DeepLink {
     label: string;
     disabled?: boolean;
@@ -32,7 +31,7 @@ export interface StatusUpdatedChecklistItem {
     deepLinks: DeepLink[];
     status: "not_started" | "in_progress" | "completed";
 }
-export interface Props extends MpTestIdProps {
+export interface Props {
     checklists: ChecklistSection[];
     checkListsStatus: Record<string, "not_started" | "in_progress" | "completed">;
     uniqueKey: string;

package/dist/types/TheTimezoneProps.d.ts

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

package/dist/types/TheUserDropdownProps.d.ts

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

package/dist/types/UnifiedNavigationProps.d.ts

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

package/dist/types/router.d.ts

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

package/dist/utils/index.d.ts

@@ -3,3 +3,4 @@ export * from './commonFunctions';
 export * from './deduplicateObjects';
 export * from './deepMerge';
 export * from './numberUtils';
+export * from './mpTestAttrs';

package/dist/utils/mpTestAttrs.d.ts

@@ -0,0 +1,22 @@
+import { MP_TEST_ATTRIBUTES } from '../directives/mpTestConfig';
+export type MpTestAttrRecord = Record<(typeof MP_TEST_ATTRIBUTES)[number], string>;
+/** Build Playwright/Cypress attrs for a resolved test id. */
+export declare function mpTestAttrs(id: string): MpTestAttrRecord;
+/** Normalize Vuetify reserved column keys for stable test ids. */
+export declare function normalizeColumnKey(key: string): string;
+export declare function dataTableThId(key: string): string;
+export declare function dataTableTdId(key: string): string;
+type PropsObject = Record<string, unknown>;
+type PropsFn = (data: unknown) => PropsObject;
+type HeaderLike = {
+    key?: string;
+    headerProps?: PropsObject | PropsFn;
+    cellProps?: PropsObject | PropsFn;
+    [key: string]: unknown;
+};
+/**
+ * Inject `headerProps` / `cellProps` test attrs from each column `key`.
+ * Ids: `mp-data-table-th-{key}` / `mp-data-table-td-{key}`.
+ */
+export declare function withTableColumnMpTestHeaders<T extends HeaderLike>(headers: T[]): T[];
+export {};

package/package.json

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