@webitel/ui-datalist 1.0.17 → 1.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "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/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>
@@ -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/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')"
       />

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

@@ -0,0 +1,77 @@
+import { sysTypes } from '@webitel/ui-sdk/api/clients/index';
+import { WtTypeExtensionFieldKind } from '@webitel/ui-sdk/enums';
+import { WebitelProtoDataField } from 'webitel-sdk';
+
+import { FilterConfig } from '../../classes/FilterConfig';
+import { CustomFilterOption } from '../../enums/FilterOption';
+import {
+  BaseFilterConfig,
+  FilterConfigBaseParams,
+  IWtSysTypeFilterConfig,
+} from '../../types/FilterConfig';
+import TypeExtensionFilterValueField from './type-extension-filter-value-field.vue';
+import TypeExtensionFilterValuePreview from './type-extension-filter-value-preview.vue';
+
+export interface ITypeExtensionFilterConfig extends BaseFilterConfig {
+  readonly field: WebitelProtoDataField;
+}
+
+class TypeExtensionFilterConfig
+  extends FilterConfig
+  implements ITypeExtensionFilterConfig
+{
+  readonly field: WebitelProtoDataField;
+
+  constructor(
+    { name }: FilterConfigBaseParams,
+    { field }: { field: WebitelProtoDataField },
+  ) {
+    super({
+      name,
+      valueInputComponent: TypeExtensionFilterValueField,
+      valuePreviewComponent: TypeExtensionFilterValuePreview,
+    });
+
+    this.label = field.name;
+    this.field = field;
+  }
+}
+
+class TypeExtensionWtSysTypeFieldFilterConfig
+  extends TypeExtensionFilterConfig
+  implements IWtSysTypeFilterConfig
+{
+  searchRecords(
+    { id: filterValue, ...rest },
+    // {
+    //   filterValue,
+    // }: {
+    //   filterValue: unknown;
+    // },
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    return sysTypes.getLookup({
+      ...rest,
+      ...this.field.lookup,
+      id: filterValue,
+    });
+  }
+}
+
+export type {
+  TypeExtensionFilterConfig,
+  TypeExtensionWtSysTypeFieldFilterConfig,
+};
+
+export const createTypeExtensionFilterConfig = (
+  name: CustomFilterOption,
+  { field }: { field: WebitelProtoDataField },
+) => {
+  switch (field.kind) {
+    case WtTypeExtensionFieldKind.Select:
+      return new TypeExtensionWtSysTypeFieldFilterConfig(name, { field });
+    case WtTypeExtensionFieldKind.Multiselect:
+      return new TypeExtensionWtSysTypeFieldFilterConfig(name, { field });
+    default:
+      return new TypeExtensionFilterConfig(name, { field });
+  }
+};

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

@@ -1,72 +1,11 @@
-import { sysTypes } from '@webitel/ui-sdk/api/clients/index';
-import { WtTypeExtensionFieldKind } from '@webitel/ui-sdk/enums';
-import { WebitelProtoDataField } from 'webitel-sdk';
-
-import { FilterConfig } from '../../classes/FilterConfig';
-import { CustomFilterOption } from '../../enums/FilterOption';
-import {
-  BaseFilterConfig,
-  FilterConfigBaseParams,
-  IWtSysTypeFilterConfig,
-} from '../../types/FilterConfig';
+import { createTypeExtensionFilterConfig } from './filterConfig';
 import TypeExtensionFilterValueField from './type-extension-filter-value-field.vue';
 import TypeExtensionFilterValuePreview from './type-extension-filter-value-preview.vue';
 
-export interface ITypeExtensionFilterConfig extends BaseFilterConfig {
-  readonly field: WebitelProtoDataField;
-}
-
-class TypeExtensionFilterConfig
-  extends FilterConfig
-  implements ITypeExtensionFilterConfig
-{
-  readonly field: WebitelProtoDataField;
-
-  constructor(
-    { name }: FilterConfigBaseParams,
-    { field }: { field: WebitelProtoDataField },
-  ) {
-    super({
-      name,
-      valueInputComponent: TypeExtensionFilterValueField,
-      valuePreviewComponent: TypeExtensionFilterValuePreview,
-    });
-
-    this.label = field.name;
-    this.field = field;
-  }
-}
-
-class TypeExtensionWtSysTypeFieldFilterConfig
-  extends TypeExtensionFilterConfig
-  implements IWtSysTypeFilterConfig
-{
-  searchRecords(
-    { id: filterValue, ...rest },
-    // {
-    //   filterValue,
-    // }: {
-    //   filterValue: unknown;
-    // },
-  ): Promise<{ items: unknown[]; next?: boolean }> {
-    return sysTypes.getLookup({
-      ...rest,
-      ...this.field.lookup,
-      id: filterValue,
-    });
-  }
-}
-
-export const createTypeExtensionFilterConfig = (
-  name: CustomFilterOption,
-  { field }: { field: WebitelProtoDataField },
-) => {
-  switch (field.kind) {
-    case WtTypeExtensionFieldKind.Select:
-      return new TypeExtensionWtSysTypeFieldFilterConfig(name, { field });
-    case WtTypeExtensionFieldKind.Multiselect:
-      return new TypeExtensionWtSysTypeFieldFilterConfig(name, { field });
-    default:
-      return new TypeExtensionFilterConfig(name, { field });
-  }
+export {
+  createTypeExtensionFilterConfig,
+  TypeExtensionFilterValueField,
+  TypeExtensionFilterValuePreview,
 };
+
+export type * from './filterConfig';

package/src/modules/filters/modules/filterConfig/components/case-assignee/filterConfig.ts

@@ -0,0 +1,32 @@
+import { contacts as ContactsAPI } from '@webitel/ui-sdk/api/clients/index';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import CaseAssigneeFilterValueField from './case-assignee-filter-value-field.vue';
+import CaseAssigneeFilterValuePreview from './case-assignee-filter-value-preview.vue';
+
+class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.CaseAssignee;
+  valueInputComponent = CaseAssigneeFilterValueField;
+  valuePreviewComponent = CaseAssigneeFilterValuePreview;
+
+  searchRecords(
+    params: object,
+    { filterValue } = {},
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    const id =
+      params.id?.list /* general logic from dynamic-filter-preview.vue*/ ||
+      params.id /* wt-select options loadings */ ||
+      filterValue?.list; /* newest and coolest, but not implemented on all filters 🥲 */
+
+    return ContactsAPI.getLookup({
+      ...params,
+      id,
+    });
+  }
+}
+
+export type { CaseAssigneeFilterConfig };
+
+export const createCaseAssigneeFilterConfig = (params) =>
+  new CaseAssigneeFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-assignee/index.ts

@@ -1,30 +1,11 @@
-import { contacts as ContactsAPI } from '@webitel/ui-sdk/api/clients/index';
-
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
-import { FilterOption } from '../../enums/FilterOption';
 import CaseAssigneeFilterValueField from './case-assignee-filter-value-field.vue';
 import CaseAssigneeFilterValuePreview from './case-assignee-filter-value-preview.vue';
+import { createCaseAssigneeFilterConfig } from './filterConfig';
 
-class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
-  readonly name = FilterOption.CaseAssignee;
-  valueInputComponent = CaseAssigneeFilterValueField;
-  valuePreviewComponent = CaseAssigneeFilterValuePreview;
-
-  searchRecords(
-    params: object,
-    { filterValue } = {},
-  ): Promise<{ items: unknown[]; next?: boolean }> {
-    const id =
-      params.id?.list /* general logic from dynamic-filter-preview.vue*/ ||
-      params.id /* wt-select options loadings */ ||
-      filterValue?.list; /* newest and coolest, but not implemented on all filters 🥲 */
-
-    return ContactsAPI.getLookup({
-      ...params,
-      id,
-    });
-  }
-}
+export {
+  CaseAssigneeFilterValueField,
+  CaseAssigneeFilterValuePreview,
+  createCaseAssigneeFilterConfig,
+};
 
-export const createCaseAssigneeFilterConfig = () =>
-  new CaseAssigneeFilterConfig();
+export type * from './filterConfig';

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

@@ -0,0 +1,26 @@
+import { WebitelProtoDataField } from 'webitel-sdk';
+import { FilterConfig } from '../../classes/FilterConfig';
+import { CustomFilterOption } from '../../enums/FilterOption';
+import { BaseFilterConfig, FilterConfigBaseParams, IWtSysTypeFilterConfig } from '../../types/FilterConfig';
+export interface ITypeExtensionFilterConfig extends BaseFilterConfig {
+    readonly field: WebitelProtoDataField;
+}
+declare class TypeExtensionFilterConfig extends FilterConfig implements ITypeExtensionFilterConfig {
+    readonly field: WebitelProtoDataField;
+    constructor({ name }: FilterConfigBaseParams, { field }: {
+        field: WebitelProtoDataField;
+    });
+}
+declare class TypeExtensionWtSysTypeFieldFilterConfig extends TypeExtensionFilterConfig implements IWtSysTypeFilterConfig {
+    searchRecords({ id: filterValue, ...rest }: {
+        [x: string]: any;
+        id: any;
+    }): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export type { TypeExtensionFilterConfig, TypeExtensionWtSysTypeFieldFilterConfig, };
+export declare const createTypeExtensionFilterConfig: (name: CustomFilterOption, { field }: {
+    field: WebitelProtoDataField;
+}) => TypeExtensionFilterConfig;

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

@@ -1,17 +1,5 @@
-import { WebitelProtoDataField } from 'webitel-sdk';
-import { FilterConfig } from '../../classes/FilterConfig';
-import { CustomFilterOption } from '../../enums/FilterOption';
-import { BaseFilterConfig, FilterConfigBaseParams } from '../../types/FilterConfig';
-export interface ITypeExtensionFilterConfig extends BaseFilterConfig {
-    readonly field: WebitelProtoDataField;
-}
-declare class TypeExtensionFilterConfig extends FilterConfig implements ITypeExtensionFilterConfig {
-    readonly field: WebitelProtoDataField;
-    constructor({ name }: FilterConfigBaseParams, { field }: {
-        field: WebitelProtoDataField;
-    });
-}
-export declare const createTypeExtensionFilterConfig: (name: CustomFilterOption, { field }: {
-    field: WebitelProtoDataField;
-}) => TypeExtensionFilterConfig;
-export {};
+import { createTypeExtensionFilterConfig } from './filterConfig';
+import TypeExtensionFilterValueField from './type-extension-filter-value-field.vue';
+import TypeExtensionFilterValuePreview from './type-extension-filter-value-preview.vue';
+export { createTypeExtensionFilterConfig, TypeExtensionFilterValueField, TypeExtensionFilterValuePreview, };
+export type * from './filterConfig';

package/types/modules/filters/modules/filterConfig/components/case-assignee/filterConfig.d.ts

@@ -0,0 +1,44 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+declare class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
+    readonly name: "assignee";
+    valueInputComponent: import("vue").DefineComponent<{
+        filterConfig: WtSysTypeFilterConfig;
+    } & {
+        modelValue?: {
+            list: string[];
+            unassigned: boolean;
+        };
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: {
+            list: string[];
+            unassigned: boolean;
+        }) => any;
+        "update:invalid": (args_0: boolean) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        filterConfig: WtSysTypeFilterConfig;
+    } & {
+        modelValue?: {
+            list: string[];
+            unassigned: boolean;
+        };
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: {
+            list: string[];
+            unassigned: boolean;
+        }) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    valuePreviewComponent: import("vue").DefineComponent<{
+        value: import("webitel-sdk").WebitelContactsContact[];
+        filter: import("../../../..").IFilter;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        value: import("webitel-sdk").WebitelContactsContact[];
+        filter: import("../../../..").IFilter;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    searchRecords(params: object, { filterValue }?: {}): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export type { CaseAssigneeFilterConfig };
+export declare const createCaseAssigneeFilterConfig: (params: any) => CaseAssigneeFilterConfig;

package/types/modules/filters/modules/filterConfig/components/case-assignee/index.d.ts

@@ -1,44 +1,5 @@
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
-declare class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
-    readonly name: "assignee";
-    valueInputComponent: import("vue").DefineComponent<{
-        filterConfig: WtSysTypeFilterConfig;
-    } & {
-        modelValue?: {
-            list: string[];
-            unassigned: boolean;
-        };
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: {
-            list: string[];
-            unassigned: boolean;
-        }) => any;
-        "update:invalid": (args_0: boolean) => any;
-    }, string, import("vue").PublicProps, Readonly<{
-        filterConfig: WtSysTypeFilterConfig;
-    } & {
-        modelValue?: {
-            list: string[];
-            unassigned: boolean;
-        };
-    }> & Readonly<{
-        "onUpdate:modelValue"?: (value: {
-            list: string[];
-            unassigned: boolean;
-        }) => any;
-        "onUpdate:invalid"?: (args_0: boolean) => any;
-    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    valuePreviewComponent: import("vue").DefineComponent<{
-        value: import("webitel-sdk").WebitelContactsContact[];
-        filter: import("../../../..").IFilter;
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        value: import("webitel-sdk").WebitelContactsContact[];
-        filter: import("../../../..").IFilter;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    searchRecords(params: object, { filterValue }?: {}): Promise<{
-        items: unknown[];
-        next?: boolean;
-    }>;
-}
-export declare const createCaseAssigneeFilterConfig: () => CaseAssigneeFilterConfig;
-export {};
+import CaseAssigneeFilterValueField from './case-assignee-filter-value-field.vue';
+import CaseAssigneeFilterValuePreview from './case-assignee-filter-value-preview.vue';
+import { createCaseAssigneeFilterConfig } from './filterConfig';
+export { CaseAssigneeFilterValueField, CaseAssigneeFilterValuePreview, createCaseAssigneeFilterConfig, };
+export type * from './filterConfig';

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

@@ -80,47 +80,5 @@ export declare const FilterOptionToPreviewApiSearchMethodMap: Record<FilterOptio
     items: any;
 }>;
 export declare const FilterOptionToFilterConfigCreatorMap: {
-    assignee: () => {
-        readonly name: "assignee";
-        valueInputComponent: import("vue").DefineComponent<{
-            filterConfig: import("..").WtSysTypeFilterConfig;
-        } & {
-            modelValue?: {
-                list: string[];
-                unassigned: boolean;
-            };
-        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: {
-                list: string[];
-                unassigned: boolean;
-            }) => any;
-            "update:invalid": (args_0: boolean) => any;
-        }, string, import("vue").PublicProps, Readonly<{
-            filterConfig: import("..").WtSysTypeFilterConfig;
-        } & {
-            modelValue?: {
-                list: string[];
-                unassigned: boolean;
-            };
-        }> & Readonly<{
-            "onUpdate:modelValue"?: (value: {
-                list: string[];
-                unassigned: boolean;
-            }) => any;
-            "onUpdate:invalid"?: (args_0: boolean) => any;
-        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-        valuePreviewComponent: import("vue").DefineComponent<{
-            value: import("webitel-sdk").WebitelContactsContact[];
-            filter: import("../../..").IFilter;
-        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-            value: import("webitel-sdk").WebitelContactsContact[];
-            filter: import("../../..").IFilter;
-        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-        searchRecords(params: object, { filterValue }?: {}): Promise<{
-            items: unknown[];
-            next?: boolean;
-        }>;
-        label?: ReturnType<import("vue-i18n").MessageResolver> | string;
-        notDeletable: boolean;
-    };
+    assignee: (params: any) => import("./case-assignee").CaseAssigneeFilterConfig;
 };