@maropost-ui/liquidsky-ui 0.1.73 → 0.1.74

package/dist/composables/index.d.ts

@@ -9,3 +9,4 @@ export { default as useEmoji } from "./useEmoji";
 export { default as toRefs } from "./toRefs";
 export { default as useUnitConversion } from "./useUnitConversion";
 export { default as useTimezoneTime } from "./useCalculateTime";
+export { default as useMpTestId, resolveMpTestId } from "./useMpTestId";

package/dist/composables/useMpTestId.d.ts

@@ -0,0 +1,17 @@
+import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
+/**
+ * Resolves a test identifier from a component default, optional override, and optional suffix.
+ * Override (`testId`) wins over suffix (`testIdSuffix`).
+ */
+export declare function resolveMpTestId(defaultId: string, testId?: string, testIdSuffix?: string): string;
+/**
+ * @description
+ * Reactive test identifier for `v-mp-test`. Pass a component default plus optional
+ * `testId` (override) and `testIdSuffix` (extend) props.
+ *
+ * @example
+ * ```ts
+ * const mpTestId = useMpTestId(MP_TEST_IDS.button, () => props.testId, () => props.testIdSuffix)
+ * ```
+ */
+export default function useMpTestId(defaultId: string, testId?: MaybeRefOrGetter<string | undefined>, testIdSuffix?: MaybeRefOrGetter<string | undefined>): ComputedRef<string>;

package/dist/directives/MpTest.d.ts

@@ -0,0 +1,23 @@
+import type { ObjectDirective } from 'vue';
+/**
+ * @description
+ * A custom Vue directive (`v-mp-test`) that applies a test identifier to an element
+ * for Playwright (`data-testid`) and Cypress (`data-cy` / `data-test-cy`).
+ * Attribute names are defined once in `mpTestConfig.ts`; changing that list updates every usage.
+ * Prefer `testId` / `testIdSuffix` props on Liquidsky components so defaults can be extended or overridden.
+ *
+ * @example Basic usage in a Vue component:
+ * ```vue
+ * <template>
+ *   <div v-mp-test="'checkout-summary'">Summary</div>
+ *   <AppDataTable />
+ *   <AppDataTable test-id-suffix="inventory" />
+ *   <AppDataTable test-id="inventory-table" />
+ * </template>
+ * ```
+ */
+interface MpTestHTMLElement extends HTMLElement {
+    _vMpTestValue?: string;
+}
+export declare const vMpTest: ObjectDirective<MpTestHTMLElement, unknown>;
+export default vMpTest;

package/dist/directives/index.d.ts

@@ -1,2 +1,4 @@
 export { default as tooltipOverflowCheck } from './TooltipOverflowCheck';
 export { default as Clipboard } from './Clipboard';
+export { default as MpTest, vMpTest } from './MpTest';
+export { MP_TEST_ATTRIBUTES, MP_TEST_IDS } from './mpTestConfig';

package/dist/directives/mpTestConfig.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Test identifier configuration for `v-mp-test`.
+ *
+ * Change or add attribute names here; every `v-mp-test` usage picks them up.
+ * Default component IDs follow `mp-{kebab-name}` (e.g. `mp-data-table`).
+ */
+/** Playwright (`data-testid`) and Cypress (`data-cy` / `data-test-cy`). Add more names as needed. */
+export declare const MP_TEST_ATTRIBUTES: readonly ["data-testid", "data-cy", "data-test-cy"];
+export type MpTestAttribute = (typeof MP_TEST_ATTRIBUTES)[number];
+export declare const MP_TEST_IDS: {
+    readonly breadcrumb: "mp-breadcrumb";
+    readonly clipboard: "mp-clipboard";
+    readonly confirmationDialog: "mp-confirmation-dialog";
+    readonly confirmationDialogCancel: "mp-confirmation-dialog-cancel";
+    readonly confirmationDialogConfirm: "mp-confirmation-dialog-confirm";
+    readonly dataTable: "mp-data-table";
+    readonly dataTableFilter: "mp-data-table-filter";
+    readonly dataTableLocalSearch: "mp-data-table-local-search";
+    readonly savedFilterDialog: "mp-saved-filter-dialog";
+    readonly dialogWrapper: "mp-dialog";
+    readonly dialogCancel: "mp-dialog-cancel";
+    readonly dialogSave: "mp-dialog-save";
+    readonly drawerWrapper: "mp-drawer";
+    readonly dropdown: "mp-dropdown";
+    readonly treeDropdown: "mp-tree-dropdown";
+    readonly expandableList: "mp-expandable-list";
+    readonly filterButton: "mp-filter-button";
+    readonly multiCellValue: "mp-multi-cell-value";
+    readonly numberInput: "mp-number-input";
+    readonly number: "mp-number";
+    readonly pageTitle: "mp-page-title";
+    readonly priceDisplay: "mp-price-display";
+    readonly snackbar: "mp-snackbar";
+    readonly tableActionMenu: "mp-table-action-menu";
+    readonly tooltip: "mp-tooltip";
+    readonly gridTable: "mp-grid-table";
+    readonly accountDropdown: "mp-account-dropdown";
+    readonly appsDropdown: "mp-apps-dropdown";
+    readonly header: "mp-header";
+    readonly navigation: "mp-navigation";
+    readonly notificationDrawer: "mp-notification-drawer";
+    readonly notificationIcon: "mp-notification-icon";
+    readonly searchBar: "mp-search-bar";
+    readonly secondaryNavigation: "mp-secondary-navigation";
+    readonly timezone: "mp-timezone";
+    readonly userDropdown: "mp-user-dropdown";
+    readonly unifiedNavigation: "mp-unified-navigation";
+    readonly alertModal: "mp-alert-modal";
+    readonly onboardingBanner: "mp-onboarding-banner";
+    readonly onboardingScreenChecklists: "mp-onboarding-screen-checklists";
+    readonly button: "mp-button";
+    readonly slVueTreeNext: "mp-sl-vue-tree-next";
+    readonly stepper: "mp-stepper";
+    readonly datePicker: "mp-date-picker";
+};
+export type MpTestIdKey = keyof typeof MP_TEST_IDS;