@nexdom/uimed-vue 1.0.0-beta.2 → 1.0.0

package/dist/components.d.ts

@@ -1,9 +1,20 @@
-//#region src/components/root.vue.d.ts
+//#region src/components/root/types.d.ts
+/**
+ * Props exposed by the {@link Root} component.
+ */
+type RootProps = {
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion
+//#region src/components/root/root.vue.d.ts
 /**
  * Root component to be placed at the top of the component tree.
  */
 declare const _default$1: typeof __VLS_export$1;
-declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RootProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -49,6 +60,10 @@ type BtnProps = {
    * @default false
    */
   loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
 };
 //#endregion
 //#region src/components/btn/btn.vue.d.ts
@@ -65,10 +80,10 @@ type BtnProps = {
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/btn | Guia do Btn}
  */
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<BtnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
-  click: () => any;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<BtnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+  click: (event: MouseEvent) => any;
 }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<BtnProps> & Readonly<{
-  onClick?: (() => any) | undefined;
+  onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components.js

@@ -1,16 +1,21 @@
 import { computed, createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
 import { VApp, VBtn } from "vuetify/components";
 //#endregion
-//#region src/components/root.vue
+//#region src/components/root/root.vue
 var root_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "root",
+	props: { dataTestid: {
+		type: String,
+		required: false
+	} },
 	setup(__props) {
+		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VApp), null, {
+			return openBlock(), createBlock(unref(VApp), { "data-testid": props.dataTestid }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			});
+			}, 8, ["data-testid"]);
 		};
 	}
 });
@@ -27,10 +32,19 @@ const btnVariantToVuetifyVariant = {
 	ghost: "outlined"
 };
 /**
+* Resolves a {@link BtnVariant} to its Vuetify `VBtn` `variant` value,
+* defaulting to `primary`'s mapping when `variant` is `undefined` or not a
+* key of {@link btnVariantToVuetifyVariant} (e.g. a value that bypassed
+* {@link BtnVariant}'s type check at the call site).
+*/
+function resolveBtnVariant(variant) {
+	return btnVariantToVuetifyVariant[variant] ?? btnVariantToVuetifyVariant.primary;
+}
+/**
 * Maps {@link BtnColor} to the underlying Vuetify `VBtn` `color` value.
 * Vuetify types `color` as a bare `string` (it accepts any theme color or
 * CSS color), so this only guarantees every {@link BtnColor} has a mapped
-* value — not that the value is itself a valid Vuetify theme color.
+* value, not that the value is itself a valid Vuetify theme color.
 */
 const btnColorToVuetifyColor = {
 	primary: "primary",
@@ -40,6 +54,15 @@ const btnColorToVuetifyColor = {
 	caution: "warning",
 	danger: "error"
 };
+/**
+* Resolves a {@link BtnColor} to its Vuetify `VBtn` `color` value,
+* defaulting to `primary`'s mapping when `color` is `undefined` or not a key
+* of {@link btnColorToVuetifyColor} (e.g. a value that bypassed
+* {@link BtnColor}'s type check at the call site).
+*/
+function resolveBtnColor(color) {
+	return btnColorToVuetifyColor[color] ?? btnColorToVuetifyColor.primary;
+}
 //#endregion
 //#region src/components/btn/btn.vue
 var btn_default = /* @__PURE__ */ defineComponent({
@@ -48,36 +71,42 @@ var btn_default = /* @__PURE__ */ defineComponent({
 	props: {
 		variant: {
 			type: String,
-			required: false,
-			default: "primary"
+			required: false
 		},
 		color: {
 			type: String,
-			required: false,
-			default: "primary"
+			required: false
 		},
 		disabled: {
 			type: Boolean,
-			required: false,
-			default: false
+			required: false
 		},
 		loading: {
 			type: Boolean,
-			required: false,
-			default: false
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
 		}
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
-		const vuetifyVariant = computed(() => btnVariantToVuetifyVariant[__props.variant]);
-		const vuetifyColor = computed(() => btnColorToVuetifyColor[__props.color]);
+		const props = __props;
+		const emit = __emit;
+		const vuetifyVariant = computed(() => resolveBtnVariant(props.variant));
+		const vuetifyColor = computed(() => resolveBtnColor(props.color));
+		function onClick(event) {
+			emit("click", event);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VBtn), {
 				variant: vuetifyVariant.value,
 				color: vuetifyColor.value,
-				disabled: __props.disabled,
-				loading: __props.loading,
-				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+				disabled: props.disabled,
+				loading: props.loading,
+				"data-testid": props.dataTestid,
+				onClick
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -85,7 +114,8 @@ var btn_default = /* @__PURE__ */ defineComponent({
 				"variant",
 				"color",
 				"disabled",
-				"loading"
+				"loading",
+				"data-testid"
 			]);
 		};
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
@@ -37,13 +37,16 @@
     "build": "vp pack",
     "dev": "vp pack --watch",
     "test": "vp test",
+    "test:mutations": "stryker run",
+    "test:e2e": "vpx playwright test",
     "check": "vp check",
     "prepublishOnly": "vpr build",
     "prepare": "vp config",
     "depcruise": "depcruise src --output-type err-long",
     "depcruise:graph": "depcruise src --output-type dot| dot -T svg > dependencygraph.svg",
     "depcruise:graph:no-tests": "depcruise src --exclude \"__tests__\"  --output-type dot | dot -T svg > dependencygraph.no-tests.svg",
-    "docs:dev": "vitepress dev docs --host --port 5173 --strictPort"
+    "docs:dev": "vitepress dev docs --host --port 4173 --strictPort",
+    "postinstall": "playwright install --with-deps chromium"
   },
   "devDependencies": {
     "@commitlint/cli": "^21.2.1",
@@ -51,6 +54,8 @@
     "@fontsource/roboto": "^5.3.0",
     "@mdi/font": "^7.4.47",
     "@playwright/test": "^1.62.1",
+    "@stryker-mutator/core": "^10.0.0",
+    "@stryker-mutator/vitest-runner": "^10.0.0",
     "@types/node": "^26.1.2",
     "@typescript/native-preview": "7.0.0-dev.20260707.2",
     "@vitejs/plugin-vue": "^6.0.8",