@webitel/ui-datalist 1.1.79 → 1.1.81

package/Readme.md

@@ -79,6 +79,8 @@ aka "page"/"entity page"/"item card"/"item form" - form card of a single item fr
 import {
     createCardStore, // pinia store factory
     useCardComponent, // all-in-one composable for card component wrapper (opened-*entity*.vue)
+    useNestedCardComponent, // popup / nested-route card with its own store
+    useCardAnyFieldEditedWatcher, // dirty flag for a local draft ref (no card store)
 } from '@webitel/ui-datalist/card';
 ```
 

package/package.json

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

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

@@ -1,5 +1,23 @@
 import { type Ref, ref, watch } from 'vue';
 
+/**
+ * Dirty flag for a local draft `ref`.
+ *
+ * Replacing `value` with a new object resets dirty. Mutating fields
+ * in place sets `isAnyFieldEdited` to `true`.
+ *
+ * Used by `useCardComponent`. Also usable on nested popups that keep
+ * a local draft instead of a card store.
+ *
+ * @example
+ * ```ts
+ * const draft = ref({ name: '' });
+ * const { isAnyFieldEdited } = useCardAnyFieldEditedWatcher({ value: draft });
+ *
+ * draft.value = { name: 'Holiday' }; // reset
+ * draft.value.name = 'NY';           // dirty
+ * ```
+ */
 export const useCardAnyFieldEditedWatcher = ({
 	value,
 }: {

package/src/modules/card/index.ts

@@ -1,3 +1,4 @@
+export * from './composables/useCardAnyFieldEditedWatcher';
 export * from './composables/useCardComponent';
 export * from './composables/useCardListNavigation';
 export * from './composables/useCardTabs';

package/src/modules/filters/components/table-filters-panel.vue

@@ -70,10 +70,10 @@
 </template>
 
 <script lang="ts" setup>
+import type { DataField } from '@webitel/api-services/gen/models';
 import { WtIconAction } from '@webitel/ui-sdk/components';
 import { StoreGeneric } from 'pinia';
 import { computed } from 'vue';
-import { WebitelProtoDataField } from 'webitel-sdk';
 
 import { ApplyPresetAction, SavePresetAction } from '../../filter-presets';
 import { FilterInitParams, IFilter } from '../classes/Filter';
@@ -109,7 +109,7 @@ type Props = {
 	 * Props.filterOptions, because this functionality can be expanded to many
 	 * filter panels
 	 */
-	filterableExtensionFields?: WebitelProtoDataField[];
+	filterableExtensionFields?: DataField[];
 	/**
 	 * @description
 	 * QueryPreset "section" field

package/src/modules/filters/composables/useFilterConfigsToolkit.ts

@@ -1,6 +1,6 @@
+import type { DataField } from '@webitel/api-services/gen/models';
 import { type ComputedRef, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import type { WebitelProtoDataField } from 'webitel-sdk';
 
 import type { FilterName, IFilter } from '../classes/Filter';
 import type { IFiltersManager } from '../classes/FiltersManager';
@@ -44,7 +44,7 @@ export type FilterConfigToolkit = {
 export type FilterConfigToolkitParams = {
 	filterOptions: (FilterOption | BaseFilterConfig)[];
 	filtersManager: IFiltersManager;
-	filterableExtensionFields?: WebitelProtoDataField[];
+	filterableExtensionFields?: DataField[];
 	staticMode?: boolean;
 };
 
@@ -91,7 +91,7 @@ export const useFilterConfigsToolkit = ({
 				 * add filterConfigs for extension fields
 				 */
 				.concat(
-					filterableExtensionFields.map((field: WebitelProtoDataField) => {
+					filterableExtensionFields.map((field: DataField) => {
 						return createTypeExtensionFilterConfig(
 							{
 								name: field.id,

package/src/modules/filters/modules/filterConfig/components/_custom/filterConfig.ts

@@ -1,7 +1,7 @@
+import type { DataField } from '@webitel/api-services/gen/models';
 import { sysTypes } from '@webitel/ui-sdk/api/clients/index';
 import { WtTypeExtensionFieldKind } from '@webitel/ui-sdk/enums';
 import { get } from 'lodash';
-import type { WebitelProtoDataField } from 'webitel-sdk';
 import type {
 	BaseFilterConfig,
 	FilterConfigBaseParams,
@@ -13,7 +13,7 @@ import TypeExtensionFilterValueField from './type-extension-filter-value-field.v
 import TypeExtensionFilterValuePreview from './type-extension-filter-value-preview.vue';
 
 export interface ITypeExtensionFilterConfig extends BaseFilterConfig {
-	readonly field: WebitelProtoDataField;
+	readonly field: DataField;
 	searchRecords?: IWtSysTypeFilterConfig['searchRecords'];
 }
 
@@ -21,14 +21,14 @@ class TypeExtensionFilterConfig
 	extends FilterConfig
 	implements ITypeExtensionFilterConfig
 {
-	readonly field: WebitelProtoDataField;
+	readonly field: DataField;
 
 	constructor(
 		{ name }: FilterConfigBaseParams,
 		{
 			field,
 		}: {
-			field: WebitelProtoDataField;
+			field: DataField;
 		},
 	) {
 		super({
@@ -99,7 +99,7 @@ export const createTypeExtensionFilterConfig = (
 	{
 		field,
 	}: {
-		field: WebitelProtoDataField;
+		field: DataField;
 	},
 ) => {
 	switch (field.kind) {