@webitel/ui-datalist 1.0.16 → 1.0.18

package/package.json

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

package/src/modules/filter-presets/components/_shared/preset-filters-preview.vue

@@ -25,11 +25,11 @@ import type {IFiltersManager} from '../../../filters';
 import DynamicFilterPanelWrapper from '../../../filters/components/dynamic-filter-panel-wrapper.vue';
 import DynamicFilterPreview from '../../../filters/components/preview/dynamic-filter-preview.vue';
 import { useFilterConfigsToolkit } from "../../../filters/composables/useFilterConfigsToolkit";
-import {TFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
 
 const props = defineProps<{
   filtersManager: IFiltersManager;
-  filterConfigs: TFilterConfig[];
+  filterConfigs: AnyFilterConfig[];
 }>();
 
 const { t } = useI18n();

package/src/modules/filter-presets/components/apply-preset/apply-preset-action.vue

@@ -83,7 +83,7 @@ import { computed, inject, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { EnginePresetQuery } from 'webitel-sdk';
 
-import {TFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
 import PresetQueryAPI from '../../api/PresetQuery.ts';
 import PresetPreview from './preset-preview.vue';
 
@@ -93,7 +93,7 @@ const props = defineProps<{
    */
   namespace: string;
   usePresetsStore: Store;
-  filterConfigs: TFilterConfig[];
+  filterConfigs: AnyFilterConfig[];
 }>();
 
 const emit = defineEmits<{

package/src/modules/filter-presets/components/apply-preset/preset-preview.vue

@@ -41,7 +41,7 @@
 
         <wt-icon-action
           v-if="editMode"
-          :disabled="v$.$invalid"
+          :disabled="v$.$invalid || !editing"
           action="save"
           @click.stop="submitEdit"
         />
@@ -58,17 +58,18 @@
             v-if="editMode"
             v-model:model-value="editDraft.name"
             :v="v$.name"
-            @update:model-value="nameAlreadyExistsError = false"
+            @update:model-value="updatePresetName"
           />
 
           <preset-filters-preview
-            :filters-manager="filtersManager"
             :filter-configs="props.filterConfigs"
+            :filters-manager="filtersManager"
           />
 
           <preset-description-field
             v-model:model-value="editDraft.description"
             :preview-mode="!editMode"
+            @update:model-value="editing = true"
           />
         </div>
       </template>
@@ -89,7 +90,7 @@ import { computed, ref } from 'vue';
 import { EnginePresetQuery } from 'webitel-sdk';
 
 import { createFiltersManager } from '../../../filters';
-import {TFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
 import PresetDescriptionField from '../_shared/input-fields/preset-description-field.vue';
 import PresetNameField from '../_shared/input-fields/preset-name-field.vue';
 import PresetFiltersPreview from '../_shared/preset-filters-preview.vue';
@@ -98,7 +99,7 @@ type Props = {
   preset: EnginePresetQuery;
   isSelected: boolean;
   collapsed: boolean;
-  filterConfigs: TFilterConfig[];
+  filterConfigs: AnyFilterConfig[];
 };
 
 const props = defineProps<Props>();
@@ -129,7 +130,7 @@ const filtersManager = computed(() => {
 const editMode = ref(false);
 
 /**
- *  updating request in progress flag
+ *  analogue _durty param in itemInstance
  *  */
 const editing = ref(false);
 
@@ -169,7 +170,6 @@ const startEdit = ({ open: openExpansion }) => {
 };
 
 const clearEdit = () => {
-  editing.value = false;
   editMode.value = false;
 };
 
@@ -191,26 +191,31 @@ const submitEdit = () => {
     onFailure,
   });
 };
+
+const updatePresetName = () => {
+  nameAlreadyExistsError.value = false;
+  editing.value = true;
+};
 </script>
 
 <style lang="scss" scoped>
 .preset-preview-title-wrapper {
   display: flex;
-  gap: var(--spacing-xs);
   min-width: 0;
+  gap: var(--spacing-xs);
 }
 
 .preset-preview-name {
-  flex: 1 1 0;
   overflow: hidden;
-  text-overflow: ellipsis;
+  flex: 1 1 0;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .preset-preview-content {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-xs);
   padding: var(--spacing-xs);
+  gap: var(--spacing-xs);
 }
 </style>

package/src/modules/filter-presets/components/save-preset/save-preset-action.vue

@@ -41,7 +41,7 @@ import {
   createFiltersManager, FilterName,
   IFiltersManager,
 } from '../../../filters';
-import {TFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
 import {
   addPreset,
   getPresetList,
@@ -66,7 +66,7 @@ const props = defineProps<{
    * include in preset only filter values related to filters panel
    */
   filtersIncluded: FilterName[];
-  filterConfigs: TFilterConfig[];
+  filterConfigs: AnyFilterConfig[];
 }>();
 
 const eventBus = inject('$eventBus');

package/src/modules/filter-presets/components/save-preset/save-preset-popup.vue

@@ -57,7 +57,7 @@ import { useI18n } from 'vue-i18n';
 import { EnginePresetQuery } from 'webitel-sdk';
 
 import type { IFiltersManager } from '../../../filters';
-import {TFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../../filters/modules/filterConfig/classes/FilterConfig";
 import PresetDescriptionField from '../_shared/input-fields/preset-description-field.vue';
 import PresetNameField from '../_shared/input-fields/preset-name-field.vue';
 import PresetFiltersPreview from '../_shared/preset-filters-preview.vue';
@@ -74,7 +74,7 @@ const props = defineProps<{
    * is needed here for `.toString()`
    */
   filtersManager: IFiltersManager;
-  filterConfigs: TFilterConfig[];
+  filterConfigs: AnyFilterConfig[];
 }>();
 
 const emit = defineEmits<{

package/src/modules/filters/components/config/dynamic-filter-config-form-value-input.vue

@@ -9,12 +9,12 @@
 </template>
 
 <script setup lang="ts">
-import {TFilterConfig} from "../../modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../modules/filterConfig/classes/FilterConfig";
 
 const filterValue = defineModel<unknown>();
 
 const props = defineProps<{
-  filterConfig: TFilterConfig;
+  filterConfig: AnyFilterConfig;
   label?: string;
 }>();
 

package/src/modules/filters/components/preview/dynamic-filter-preview.vue

@@ -73,7 +73,7 @@ import { computed,ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import {FilterData, IFilter} from "../../classes/Filter";
-import {TFilterConfig} from "../../modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../../modules/filterConfig/classes/FilterConfig";
 import {
   FilterOptionToPreviewApiSearchMethodMap,
 } from '../../modules/filterConfig/components';
@@ -87,7 +87,7 @@ interface Props {
    * @description
    * this filter config
    */
-  filterConfig: TFilterConfig;
+  filterConfig: AnyFilterConfig;
   readonly?: boolean;
 }
 

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

@@ -12,29 +12,30 @@
       />
 
       <dynamic-filter-add-action
-        :show-label="!appliedFilters.length"
         :filter-configs="unAppliedFiltersConfigs"
+        :show-label="!appliedFilters.length"
         @add:filter="emit('filter:add', $event)"
       />
     </template>
 
     <template #actions>
       <apply-preset-action
+        :filter-configs="filterConfigs"
         :namespace="props.presetNamespace"
         :use-presets-store="props.usePresetsStore"
-        :filter-configs="filterConfigs"
         @apply="emit('preset:apply', $event)"
       />
 
       <save-preset-action
         v-if="enablePresets"
-        :namespace="props.presetNamespace"
-        :filters-manager="props.filtersManager"
-        :filters-included="filtersIncluded"
         :filter-configs="filterConfigs"
+        :filters-included="filtersIncluded"
+        :filters-manager="props.filtersManager"
+        :namespace="props.presetNamespace"
       />
 
       <wt-icon-action
+        :disabled="!props.filtersManager.filters.size"
         action="clear"
         @click="emit('filter:reset-all')"
       />
@@ -57,7 +58,7 @@ import { ApplyPresetAction, SavePresetAction } from '../../filter-presets';
 import {FilterData, IFilter} from "../classes/Filter";
 import {IFiltersManager} from "../classes/FiltersManager";
 import {useFilterConfigsToolkit} from "../composables/useFilterConfigsToolkit";
-import {TFilterConfig} from "../modules/filterConfig/classes/FilterConfig";
+import {AnyFilterConfig} from "../modules/filterConfig/classes/FilterConfig";
 import { FilterOption } from '../modules/filterConfig/enums/FilterOption';
 import DynamicFilterAddAction from './dynamic-filter-add-action.vue';
 import DynamicFilterPanelWrapper from './dynamic-filter-panel-wrapper.vue';
@@ -68,7 +69,7 @@ type Props = {
    * @description
    * available filter options to set
    */
-  filterOptions: (FilterOption | TFilterConfig)[];
+  filterOptions: (FilterOption | AnyFilterConfig)[];
   /**
    * @description
    * create local filters manager from snapshot

package/src/modules/filters/modules/filterConfig/classes/FilterConfig.ts

@@ -8,12 +8,14 @@ export interface BaseFilterConfig {
   valueInputComponent: Component;
   valuePreviewComponent: Component;
   label?: ReturnType<MessageResolver> | string;
+  notDeletable?: boolean;
 }
 
 export type FilterConfigBaseParams = {
   name?: FilterName;
   valueInputComponent?: Component;
   valuePreviewComponent?: Component;
+  notDeletable?: boolean;
 };
 
 export interface IWtSysTypeFilterConfig extends BaseFilterConfig {
@@ -39,24 +41,26 @@ export type FilterConfigSearchMethodParams = [
   },
 ];
 
-export type TFilterConfig = IWtSysTypeFilterConfig | BaseFilterConfig;
+export type AnyFilterConfig = IWtSysTypeFilterConfig | BaseFilterConfig;
 
 export class FilterConfig implements BaseFilterConfig {
   name: FilterName;
   valueInputComponent: Component;
   valuePreviewComponent: Component;
   label?: ReturnType<MessageResolver> | string;
-  notDeletable?: boolean;
+  notDeletable: boolean;
 
   constructor({
     name,
     valueInputComponent,
     valuePreviewComponent,
+    notDeletable,
   }: FilterConfigBaseParams = {}) {
     if (name) this.name = name;
     if (valueInputComponent) this.valueInputComponent = valueInputComponent;
     if (valuePreviewComponent)
       this.valuePreviewComponent = valuePreviewComponent;
+    this.notDeletable = !!notDeletable;
   }
 }
 

package/src/modules/filters/modules/filterConfig/classes/createFilterConfig.ts

@@ -9,22 +9,22 @@ import {
   FilterConfigBaseParams,
 } from './FilterConfig';
 
-export const createFilterConfig = ({
-  name,
-}: Partial<FilterConfigBaseParams> &
-  Pick<FilterConfigBaseParams, 'name'>): BaseFilterConfig => {
+export const createFilterConfig = (
+  params: BaseFilterConfigParams &
+    Required<BaseFilterConfig, 'name'> &
+    Record<string, unknown>,
+): BaseFilterConfig => {
+  const { name } = params;
+
   const filterConfigClass = FilterOptionToFilterConfigCreatorMap[name];
 
   if (filterConfigClass) {
-    return filterConfigClass();
+    return filterConfigClass(params);
   }
 
-  /**
-   * @author @dlohvinov
-   * */
   return new FilterConfig({
-    name,
     valueInputComponent: FilterOptionToValueComponentMap[name],
     valuePreviewComponent: FilterOptionToPreviewComponentMap[name],
+    ...params,
   });
 };

package/src/modules/filters/modules/filterConfig/index.ts

@@ -1,4 +1,6 @@
 export type * from './classes/FilterConfig';
+export * from './types/DynamicFilterPreviewComponent';
+export * from './types/FilterConfigDefinition';
 
 import { createFilterConfig } from './classes/createFilterConfig';
 

package/src/modules/filters/modules/filterConfig/types/FilterConfigDefinition.ts

@@ -0,0 +1,4 @@
+import { AnyFilterConfig } from '../classes/FilterConfig';
+import { FilterOption } from '../enums/FilterOption';
+
+export type FilterConfigDefinition = FilterOption | AnyFilterConfig;

package/types/modules/filter-presets/components/_shared/preset-filters-preview.vue.d.ts

@@ -1,8 +1,8 @@
 import type { IFiltersManager } from '../../../filters';
-import { TFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
 type __VLS_Props = {
     filtersManager: IFiltersManager;
-    filterConfigs: TFilterConfig[];
+    filterConfigs: AnyFilterConfig[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filter-presets/components/apply-preset/apply-preset-action.vue.d.ts

@@ -1,12 +1,12 @@
 import { type Store } from 'pinia';
-import { TFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
 type __VLS_Props = {
     /**
      * presets "section" namespace
      */
     namespace: string;
     usePresetsStore: Store;
-    filterConfigs: TFilterConfig[];
+    filterConfigs: AnyFilterConfig[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     apply: (args_0: string) => any;

package/types/modules/filter-presets/components/apply-preset/preset-preview.vue.d.ts

@@ -1,11 +1,11 @@
 import { AxiosError } from 'axios';
 import { EnginePresetQuery } from 'webitel-sdk';
-import { TFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
 type Props = {
     preset: EnginePresetQuery;
     isSelected: boolean;
     collapsed: boolean;
-    filterConfigs: TFilterConfig[];
+    filterConfigs: AnyFilterConfig[];
 };
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "preset:select": (args_0: EnginePresetQuery) => any;

package/types/modules/filter-presets/components/save-preset/save-preset-action.vue.d.ts

@@ -1,5 +1,5 @@
 import { FilterName, IFiltersManager } from '../../../filters';
-import { TFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
 type __VLS_Props = {
     /**
      * @description
@@ -16,7 +16,7 @@ type __VLS_Props = {
      * include in preset only filter values related to filters panel
      */
     filtersIncluded: FilterName[];
-    filterConfigs: TFilterConfig[];
+    filterConfigs: AnyFilterConfig[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filter-presets/components/save-preset/save-preset-popup.vue.d.ts

@@ -1,6 +1,6 @@
 import { EnginePresetQuery } from 'webitel-sdk';
 import type { IFiltersManager } from '../../../filters';
-import { TFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../../filters/modules/filterConfig/classes/FilterConfig";
 export type SubmitConfig = {
     onSuccess?: () => void;
     onFailure?: (err: Error) => void;
@@ -12,7 +12,7 @@ type __VLS_Props = {
      * is needed here for `.toString()`
      */
     filtersManager: IFiltersManager;
-    filterConfigs: TFilterConfig[];
+    filterConfigs: AnyFilterConfig[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (args_0: EnginePresetQuery, args_1?: SubmitConfig) => any;

package/types/modules/filters/components/config/dynamic-filter-config-form-value-input.vue.d.ts

@@ -1,6 +1,6 @@
-import { TFilterConfig } from "../../modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../modules/filterConfig/classes/FilterConfig";
 type __VLS_Props = {
-    filterConfig: TFilterConfig;
+    filterConfig: AnyFilterConfig;
     label?: string;
 };
 type __VLS_PublicProps = __VLS_Props & {

package/types/modules/filters/components/preview/dynamic-filter-preview.vue.d.ts

@@ -1,6 +1,6 @@
 import { WtChip, WtIconBtn, WtLoader, WtTooltip } from '@webitel/ui-sdk/components';
 import { FilterData, IFilter } from "../../classes/Filter";
-import { TFilterConfig } from "../../modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../../modules/filterConfig/classes/FilterConfig";
 import DynamicFilterConfigForm from '../config/dynamic-filter-config-form.vue';
 import DynamicFilterConfigView from '../config/dynamic-filter-config-view.vue';
 import DynamicFilterPreviewInfo from './dynamic-filter-preview-info.vue';
@@ -10,7 +10,7 @@ interface Props {
      * @description
      * this filter config
      */
-    filterConfig: TFilterConfig;
+    filterConfig: AnyFilterConfig;
     readonly?: boolean;
 }
 declare const localValue: import("vue").Ref<any, any>;

package/types/modules/filters/components/table-filters-panel.vue.d.ts

@@ -2,14 +2,14 @@ import { Store } from 'pinia';
 import { WebitelProtoDataField } from "webitel-sdk";
 import { FilterData, IFilter } from "../classes/Filter";
 import { IFiltersManager } from "../classes/FiltersManager";
-import { TFilterConfig } from "../modules/filterConfig/classes/FilterConfig";
+import { AnyFilterConfig } from "../modules/filterConfig/classes/FilterConfig";
 import { FilterOption } from '../modules/filterConfig/enums/FilterOption';
 type Props = {
     /**
      * @description
      * available filter options to set
      */
-    filterOptions: (FilterOption | TFilterConfig)[];
+    filterOptions: (FilterOption | AnyFilterConfig)[];
     /**
      * @description
      * create local filters manager from snapshot

package/types/modules/filters/modules/filterConfig/classes/FilterConfig.d.ts

@@ -6,11 +6,13 @@ export interface BaseFilterConfig {
     valueInputComponent: Component;
     valuePreviewComponent: Component;
     label?: ReturnType<MessageResolver> | string;
+    notDeletable?: boolean;
 }
 export type FilterConfigBaseParams = {
     name?: FilterName;
     valueInputComponent?: Component;
     valuePreviewComponent?: Component;
+    notDeletable?: boolean;
 };
 export interface IWtSysTypeFilterConfig extends BaseFilterConfig {
     searchRecords: (params: FilterConfigSearchMethodParams) => Promise<{
@@ -34,14 +36,14 @@ export type FilterConfigSearchMethodParams = [
         filterConfig: BaseFilterConfig;
     }
 ];
-export type TFilterConfig = IWtSysTypeFilterConfig | BaseFilterConfig;
+export type AnyFilterConfig = IWtSysTypeFilterConfig | BaseFilterConfig;
 export declare class FilterConfig implements BaseFilterConfig {
     name: FilterName;
     valueInputComponent: Component;
     valuePreviewComponent: Component;
     label?: ReturnType<MessageResolver> | string;
-    notDeletable?: boolean;
-    constructor({ name, valueInputComponent, valuePreviewComponent, }?: FilterConfigBaseParams);
+    notDeletable: boolean;
+    constructor({ name, valueInputComponent, valuePreviewComponent, notDeletable, }?: FilterConfigBaseParams);
 }
 /**
  * @author @dlohvinov

package/types/modules/filters/modules/filterConfig/classes/createFilterConfig.d.ts

@@ -1,2 +1,2 @@
-import { BaseFilterConfig, FilterConfigBaseParams } from './FilterConfig';
-export declare const createFilterConfig: ({ name, }: Partial<FilterConfigBaseParams> & Pick<FilterConfigBaseParams, "name">) => BaseFilterConfig;
+import { BaseFilterConfig } from './FilterConfig';
+export declare const createFilterConfig: (params: BaseFilterConfigParams & Required<BaseFilterConfig, "name"> & Record<string, unknown>) => BaseFilterConfig;

package/types/modules/filters/modules/filterConfig/components/index.d.ts

@@ -121,6 +121,6 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
             next?: boolean;
         }>;
         label?: ReturnType<import("vue-i18n").MessageResolver> | string;
-        notDeletable?: boolean;
+        notDeletable: boolean;
     };
 };

package/types/modules/filters/modules/filterConfig/index.d.ts

@@ -1,3 +1,5 @@
 export type * from './classes/FilterConfig';
+export * from './types/DynamicFilterPreviewComponent';
+export * from './types/FilterConfigDefinition';
 import { createFilterConfig } from './classes/createFilterConfig';
 export { createFilterConfig };

package/types/modules/filters/modules/filterConfig/types/FilterConfigDefinition.d.ts

@@ -0,0 +1,3 @@
+import { AnyFilterConfig } from '../classes/FilterConfig';
+import { FilterOption } from '../enums/FilterOption';
+export type FilterConfigDefinition = FilterOption | AnyFilterConfig;