@webitel/ui-datalist 26.8.20 → 26.8.21

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "26.8.20",
+	"version": "26.8.21",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"build:types": "vue-tsc -b tsconfig.build.json",

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

@@ -51,6 +51,34 @@ describe('card validation of a root-level required rule', () => {
 		expect(calendarErrors).toHaveLength(1);
 	});
 
+	it.each([
+		QueueType.OUTBOUND_IVR_QUEUE,
+		QueueType.OUTBOUND_JOB_QUEUE,
+	])('reports a cleared calendar and schema of queue type %s on the fields', async (type) => {
+		const state = ref({
+			...getQueueDefaults(type),
+			name: 'a queue',
+			calendar: {},
+			schema: {},
+		});
+		const scope = effectScope(true);
+		// biome-ignore lint/suspicious/noExplicitAny: regle's inferred state type
+		let r$: any;
+
+		scope.run(() => {
+			({ r$ } = useRegleSchema(state, queueSchema as never));
+		});
+
+		const result = await r$.$validate();
+
+		expect(result.valid).toBe(false);
+		expect(r$.$error).toBe(true);
+		expect(r$.$fields.calendar.$error).toBe(true);
+		expect(r$.$fields.calendar.$errors.id).toHaveLength(1);
+		expect(r$.$fields.schema.$error).toBe(true);
+		expect(r$.$fields.schema.$errors.id).toHaveLength(1);
+	});
+
 	it('accepts the same draft once the calendar is filled', async () => {
 		const { valid, rootError } = await validateDraft({
 			...getQueueDefaults(QueueType.PREVIEW_DIALER),

package/src/modules/filters/components/config/static-view/__tests__/static-filter-field.spec.ts

@@ -168,10 +168,35 @@ describe('StaticFilterField', () => {
 
 	/* static mode used to force hideLabel on every value field, which left
 	   select-based filters (has-option-filter-value-field) with no visible
-	   label at all — the value field itself now decides whether to show one */
-	it('does not force hideLabel on its value field', () => {
-		const wrapper = mountField(deletableConfig, filtersManager);
+	   label at all — with showFilterName the value field itself decides whether to show one */
+	it('does not force hideLabel on its value field when showFilterName is set', () => {
+		const filterConfig = createFilterConfig({
+			name: FilterOption.Tag,
+			showFilterName: true,
+			valueInputComponent: StubInput,
+		});
+		filterConfig.label = 'Tags';
+
+		const wrapper = mountField(filterConfig, filtersManager);
+
+		expect(wrapper.findComponent(StubInput).props('hideLabel')).toBe(false);
+		expect(wrapper.findComponent(StubInput).attributes('placeholder')).not.toBe(
+			'Tags',
+		);
+	});
+
+	it('hides the label and shows the filter name as placeholder without showFilterName', () => {
+		const filterConfig = createFilterConfig({
+			name: FilterOption.Tag,
+			valueInputComponent: StubInput,
+		});
+		filterConfig.label = 'Tags';
+
+		const wrapper = mountField(filterConfig, filtersManager);
 
-		expect(wrapper.findComponent(StubInput).props('hideLabel')).toBeUndefined();
+		expect(wrapper.findComponent(StubInput).props('hideLabel')).toBe(true);
+		expect(wrapper.findComponent(StubInput).attributes('placeholder')).toBe(
+			'Tags',
+		);
 	});
 });

package/src/modules/filters/components/config/static-view/static-filter-field.vue

@@ -10,6 +10,8 @@
       :disable-default-value="true"
       :disable-validation="true /*for static filters validation is not needed (different presentation with dynamic filters)*/"
       :filter-config="filterConfig"
+      :hide-label="!filterConfig.showFilterName"
+      :placeholder="!filterConfig.showFilterName && filterConfig.label"
       :static-view="true"
       :model-value="filterValue"
       @update:model-value="onValueChange"