@maropost-ui/liquidsky-ui 0.1.77 → 0.1.79

package/dist/directives/mpTestComponentDefaults.d.ts

@@ -0,0 +1,546 @@
+export type MpTestComponentDefaultEntry = {
+    role: string;
+    id: string;
+};
+export type MpTestComponentDefaultGroup = {
+    /** Static default test ids wired inside the component. */
+    ids: readonly MpTestComponentDefaultEntry[];
+    /**
+     * Optional dynamic id patterns that are part of the component API
+     * (not consumer overrides). Placeholders in `{braces}`.
+     */
+    patterns?: readonly string[];
+};
+/**
+ * Default `data-testid`s shipped by each Liquidsky component (root + built-in actions).
+ *
+ * Agents: read this file (or import `MP_TEST_COMPONENT_DEFAULTS`) when writing selectors.
+ * Do not invent bases. App-level `v-mp-test` overrides are out of scope here.
+ *
+ * Maintain by hand when adding `v-mp-test="MP_TEST_IDS.*"` to a component.
+ */
+export declare const MP_TEST_COMPONENT_DEFAULTS: {
+    readonly AlertModal: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-alert-modal";
+        }];
+    };
+    readonly AppBreadcrumb: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-breadcrumb";
+        }];
+    };
+    readonly AppButton: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-button";
+        }];
+    };
+    readonly AppClipboard: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-clipboard";
+        }];
+    };
+    readonly AppConfirmationDialog: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-confirmation-dialog";
+        }, {
+            readonly role: "cancel";
+            readonly id: "mp-confirmation-dialog-cancel";
+        }, {
+            readonly role: "confirm";
+            readonly id: "mp-confirmation-dialog-confirm";
+        }];
+    };
+    readonly AppDataTable: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-data-table";
+        }, {
+            readonly role: "bulk-actions";
+            readonly id: "mp-data-table-bulk-actions";
+        }, {
+            readonly role: "bulk-actions-list";
+            readonly id: "mp-data-table-bulk-actions-list";
+        }];
+        readonly patterns: readonly ["mp-data-table-th-{header.key}", "mp-data-table-td-{header.key}"];
+    };
+    readonly DataTableFilter: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-data-table-filter";
+        }, {
+            readonly role: "add-filter";
+            readonly id: "mp-data-table-filter-add-filter";
+        }, {
+            readonly role: "add-filter-menu";
+            readonly id: "mp-data-table-filter-add-filter-menu";
+        }];
+    };
+    readonly DataTableLocalSearch: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-data-table-local-search";
+        }];
+    };
+    readonly SavedFilterDialog: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-saved-filter-dialog";
+        }];
+    };
+    readonly AppDatePicker: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-date-picker";
+        }];
+    };
+    readonly AppDialogWrapper: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-dialog";
+        }, {
+            readonly role: "cancel";
+            readonly id: "mp-dialog-cancel";
+        }, {
+            readonly role: "save";
+            readonly id: "mp-dialog-save";
+        }];
+    };
+    readonly AppDrawerWrapper: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-drawer";
+        }];
+    };
+    readonly AppDropdown: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-dropdown";
+        }];
+    };
+    readonly AppExpandableList: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-expandable-list";
+        }, {
+            readonly role: "more";
+            readonly id: "mp-expandable-list-more";
+        }, {
+            readonly role: "more-list";
+            readonly id: "mp-expandable-list-more-list";
+        }];
+    };
+    readonly AppFilterButton: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-filter-button";
+        }, {
+            readonly role: "cancel";
+            readonly id: "mp-filter-button-cancel";
+        }];
+    };
+    readonly AppGridTable: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-grid-table";
+        }, {
+            readonly role: "column-filter";
+            readonly id: "mp-grid-table-column-filter";
+        }, {
+            readonly role: "column-filter-list";
+            readonly id: "mp-grid-table-column-filter-list";
+        }];
+        readonly patterns: readonly ["mp-data-table-th-{header.key}", "mp-data-table-td-{header.key}"];
+    };
+    readonly AppMultiCellValue: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-multi-cell-value";
+        }, {
+            readonly role: "more";
+            readonly id: "mp-multi-cell-value-more";
+        }, {
+            readonly role: "more-list";
+            readonly id: "mp-multi-cell-value-more-list";
+        }];
+    };
+    readonly AppNumber: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-number";
+        }];
+    };
+    readonly AppNumberInput: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-number-input";
+        }];
+    };
+    readonly AppPageTitle: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-page-title";
+        }];
+    };
+    readonly AppPriceDisplay: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-price-display";
+        }];
+    };
+    readonly AppSnackbar: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-snackbar";
+        }];
+    };
+    readonly AppSplitButton: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-split-button";
+        }, {
+            readonly role: "list";
+            readonly id: "mp-split-button-list";
+        }];
+    };
+    readonly AppStepper: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-stepper";
+        }];
+    };
+    readonly AppTableActionMenu: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-table-action-menu";
+        }, {
+            readonly role: "list";
+            readonly id: "mp-table-action-menu-list";
+        }];
+    };
+    readonly AppTooltip: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-tooltip";
+        }];
+    };
+    readonly AppTreeDropdown: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-tree-dropdown";
+        }];
+    };
+    readonly SlVueTreeNext: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-sl-vue-tree-next";
+        }];
+    };
+    readonly TheAccountDropdown: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-account-dropdown";
+        }];
+    };
+    readonly TheAppsDropdown: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-apps-dropdown";
+        }];
+    };
+    readonly TheHeader: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-header";
+        }];
+    };
+    readonly TheNavigation: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-navigation";
+        }];
+    };
+    readonly TheNotificationDrawer: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-notification-drawer";
+        }];
+    };
+    readonly TheNotificationIcon: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-notification-icon";
+        }];
+    };
+    readonly TheOnboardingBanner: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-onboarding-banner";
+        }, {
+            readonly role: "view-all-tasks";
+            readonly id: "mp-button-view-all-tasks";
+        }];
+    };
+    readonly TheOnboardingScreenChecklists: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-onboarding-screen-checklists";
+        }];
+        readonly patterns: readonly ["mp-expansion-panel-{section.value}", "mp-button-open-{item.key}-{deepLinkLabelKebab}", "mp-button-open-{item.key}-setup-guide"];
+    };
+    readonly TheSearchBar: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-search-bar";
+        }];
+    };
+    readonly TheSecondaryNavigation: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-secondary-navigation";
+        }];
+    };
+    readonly TheTimezone: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-timezone";
+        }];
+    };
+    readonly TheUnifiedNavigation: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-unified-navigation";
+        }];
+    };
+    readonly TheUserDropdown: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-user-dropdown";
+        }];
+    };
+    readonly MpVAlert: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-alert";
+        }];
+    };
+    readonly MpVAutocomplete: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-autocomplete";
+        }];
+    };
+    readonly MpVBtn: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-button";
+        }];
+    };
+    readonly MpVBtnToggle: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-btn-toggle";
+        }];
+    };
+    readonly MpVCheckbox: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-checkbox";
+        }];
+    };
+    readonly MpVCheckboxBtn: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-checkbox-btn";
+        }];
+    };
+    readonly MpVChip: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-chip";
+        }];
+    };
+    readonly MpVCombobox: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-combobox";
+        }];
+    };
+    readonly MpVDataTable: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-data-table";
+        }];
+        readonly patterns: readonly ["mp-data-table-th-{header.key}", "mp-data-table-td-{header.key}"];
+    };
+    readonly MpVDataTableServer: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-data-table-server";
+        }];
+        readonly patterns: readonly ["mp-data-table-th-{header.key}", "mp-data-table-td-{header.key}"];
+    };
+    readonly MpVDataTableVirtual: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-data-table-virtual";
+        }];
+        readonly patterns: readonly ["mp-data-table-th-{header.key}", "mp-data-table-td-{header.key}"];
+    };
+    readonly MpVDateInput: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-date-input";
+        }];
+    };
+    readonly MpVDatePicker: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-date-picker";
+        }];
+    };
+    readonly MpVDialog: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-dialog-root";
+        }];
+    };
+    readonly MpVExpansionPanel: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-expansion-panel";
+        }];
+    };
+    readonly MpVExpansionPanels: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-expansion-panels";
+        }];
+    };
+    readonly MpVFileInput: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-file-input";
+        }];
+    };
+    readonly MpVForm: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-form";
+        }];
+    };
+    readonly MpVList: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-list";
+        }];
+    };
+    readonly MpVListItem: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-list-item";
+        }];
+    };
+    readonly MpVMaskInput: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-mask-input";
+        }];
+    };
+    readonly MpVMenu: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-menu";
+        }];
+    };
+    readonly MpVNavigationDrawer: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-drawer";
+        }];
+    };
+    readonly MpVPagination: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-pagination";
+        }];
+    };
+    readonly MpVRadio: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-radio";
+        }];
+    };
+    readonly MpVRadioGroup: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-radio-group";
+        }];
+    };
+    readonly MpVSelect: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-select";
+        }];
+    };
+    readonly MpVSnackbar: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-snackbar";
+        }];
+    };
+    readonly MpVStatusChip: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-status-chip";
+        }];
+    };
+    readonly MpVStepper: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-stepper";
+        }];
+    };
+    readonly MpVSwitch: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-switch";
+        }];
+    };
+    readonly MpVTab: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-tab";
+        }];
+    };
+    readonly MpVTabs: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-tabs";
+        }];
+    };
+    readonly MpVTextarea: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-textarea";
+        }];
+    };
+    readonly MpVTextField: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-text-field";
+        }];
+    };
+    readonly MpVTooltip: {
+        readonly ids: readonly [{
+            readonly role: "root";
+            readonly id: "mp-tooltip";
+        }];
+    };
+};
+export type MpTestComponentName = keyof typeof MP_TEST_COMPONENT_DEFAULTS;

package/dist/directives/mpTestConfig.d.ts

@@ -61,6 +61,36 @@ export declare const MP_TEST_IDS: {
     readonly onboardingBanner: "mp-onboarding-banner";
     readonly onboardingScreenChecklists: "mp-onboarding-screen-checklists";
     readonly button: "mp-button";
+    readonly textField: "mp-text-field";
+    readonly textarea: "mp-textarea";
+    readonly select: "mp-select";
+    readonly autocomplete: "mp-autocomplete";
+    readonly checkbox: "mp-checkbox";
+    readonly checkboxBtn: "mp-checkbox-btn";
+    readonly switch: "mp-switch";
+    readonly radio: "mp-radio";
+    readonly radioGroup: "mp-radio-group";
+    readonly dateInput: "mp-date-input";
+    readonly form: "mp-form";
+    readonly chip: "mp-chip";
+    readonly statusChip: "mp-status-chip";
+    readonly menu: "mp-menu";
+    /** Raw `<v-dialog>` overlay (distinct from AppDialogWrapper `mp-dialog` on the inner form). */
+    readonly dialogRoot: "mp-dialog-root";
+    readonly tabs: "mp-tabs";
+    readonly tab: "mp-tab";
+    readonly combobox: "mp-combobox";
+    readonly fileInput: "mp-file-input";
+    readonly btnToggle: "mp-btn-toggle";
+    readonly list: "mp-list";
+    readonly listItem: "mp-list-item";
+    readonly alert: "mp-alert";
+    readonly expansionPanels: "mp-expansion-panels";
+    readonly expansionPanel: "mp-expansion-panel";
+    readonly pagination: "mp-pagination";
+    readonly dataTableServer: "mp-data-table-server";
+    readonly dataTableVirtual: "mp-data-table-virtual";
+    readonly maskInput: "mp-mask-input";
     readonly appSplitButton: "mp-split-button";
     readonly appSplitButtonList: "mp-split-button-list";
     readonly slVueTreeNext: "mp-sl-vue-tree-next";