@webitel/ui-datalist 26.8.28 → 26.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "26.8.28",
+	"version": "26.10.1",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"build:types": "vue-tsc -b tsconfig.build.json",
@@ -39,9 +39,9 @@
 		"@vuelidate/core": "^2.0.3",
 		"@vuelidate/validators": "^2.0.4",
 		"@vueuse/core": "^14.0",
-		"@webitel/api-services": "~26.8",
-		"@webitel/styleguide": "~26.8",
-		"@webitel/ui-sdk": "~26.8",
+		"@webitel/api-services": "~26.10",
+		"@webitel/styleguide": "~26.10",
+		"@webitel/ui-sdk": "~26.10",
 		"axios": "^1.15.2",
 		"date-fns": "^4",
 		"lodash-es": "^4.17.21",

package/src/modules/card/composables/__tests__/useCardValidation.spec.ts

@@ -6,6 +6,7 @@ import {
 	caseCloseFieldsChecks,
 	caseSchema,
 	queueSchema,
+	resourceSchema,
 } from '@webitel/api-services/validations';
 import { describe, expect, it } from 'vitest';
 import { effectScope, nextTick, ref } from 'vue';
@@ -134,3 +135,34 @@ describe('card validation of the close reason on a new final case', () => {
 		expect(r$.$fields.closeResult.$error).toBe(true);
 	});
 });
+
+/**
+ * [Claude] A required lookup cleared by the select becomes `{}`. regle builds a
+ * nested status for it, so the required issue has to land on `id` — otherwise
+ * the field shows no error and save stays enabled.
+ *
+ * [WTEL-10632](https://webitel.atlassian.net/browse/WTEL-10632)
+ */
+describe('card validation of a cleared required lookup', () => {
+	it('reports a cleared resource gateway on the field', async () => {
+		const state = ref({
+			...getDefaultsFromZodSchema(resourceSchema, {}),
+			name: 'a resource',
+			gateway: {},
+		});
+		const scope = effectScope(true);
+		// biome-ignore lint/suspicious/noExplicitAny: regle's inferred state type
+		let r$: any;
+
+		scope.run(() => {
+			({ r$ } = useRegleSchema(state, resourceSchema as never));
+		});
+
+		const result = await r$.$validate();
+
+		expect(result.valid).toBe(false);
+		expect(r$.$error).toBe(true);
+		expect(r$.$fields.gateway.$error).toBe(true);
+		expect(r$.$fields.gateway.$errors.id).toHaveLength(1);
+	});
+});

package/src/modules/card/composables/useCardComponent.ts

@@ -1,7 +1,14 @@
 import type { RegleSchema } from '@regle/schemas';
 import { refDebounced } from '@vueuse/core';
 import { type StoreDefinition, storeToRefs } from 'pinia';
-import { onUnmounted, type Ref, watch } from 'vue';
+import {
+	computed,
+	type MaybeRefOrGetter,
+	onUnmounted,
+	type Ref,
+	toValue,
+	watch,
+} from 'vue';
 
 import { useCardAnyFieldEditedWatcher } from './useCardAnyFieldEditedWatcher';
 import { useCardIsNew } from './useCardIsNew';
@@ -21,6 +28,7 @@ export const useCardComponent = <
 	useCardStore,
 	onLoadErrorHandler,
 	manualSetup = false,
+	hasSaveAccess,
 }: {
 	useCardStore: StoreDefinition;
 	onLoadErrorHandler?: (err: unknown) => void;
@@ -32,6 +40,13 @@ export const useCardComponent = <
 	 * @default false
 	 */
 	manualSetup?: boolean;
+	/**
+	 * [Claude] Save access from the app's access control, folded into
+	 * `disabledSave`. Omitted means access is granted.
+	 *
+	 * @default true
+	 */
+	hasSaveAccess?: MaybeRefOrGetter<boolean>;
 }) => {
 	const cardStore = useCardStore();
 
@@ -71,6 +86,13 @@ export const useCardComponent = <
 		isAnyFieldEdited,
 	});
 
+	const disabledSave = computed<boolean>(
+		() =>
+			!(toValue(hasSaveAccess) ?? true) ||
+			!isAnyFieldEdited.value ||
+			hasValidationErrors.value,
+	);
+
 	const { save } = useCardSaveAction<CardEntity>({
 		validate, // fixme: type
 		saveItem,
@@ -106,6 +128,7 @@ export const useCardComponent = <
 		saveText,
 		hasValidationErrors,
 		isAnyFieldEdited,
+		disabledSave,
 		validationFields,
 
 		// actions

package/src/modules/card/composables/useNestedCardComponent.ts

@@ -33,16 +33,19 @@ export const useNestedCardComponent = <
 	onLoadErrorHandler,
 	routeParamName,
 	parentId,
+	hasSaveAccess,
 }: {
 	useCardStore: StoreDefinition;
 	onLoadErrorHandler?: (err: unknown) => void;
 	routeParamName: string;
 	parentId?: MaybeRefOrGetter<CardParentId>;
+	hasSaveAccess?: MaybeRefOrGetter<boolean>;
 }) => {
 	const cardSetup = useCardComponent<CardEntity>({
 		useCardStore,
 		onLoadErrorHandler,
 		manualSetup: true,
+		hasSaveAccess,
 	});
 
 	const cardStore = useCardStore();