@webitel/ui-datalist 1.0.18 → 1.0.20

package/package.json

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

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

@@ -0,0 +1,99 @@
+import { sysTypes } from '@webitel/ui-sdk/api/clients/index';
+import { WtTypeExtensionFieldKind } from '@webitel/ui-sdk/enums';
+import get from 'lodash/get';
+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
+{
+  async searchRecords(
+    { id: filterValue, ...rest },
+    // {
+    //   filterValue,
+    // }: {
+    //   filterValue: unknown;
+    // },
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    const { items, ...restResponse } = await sysTypes.getLookup({
+      ...rest,
+      ...this.field.lookup,
+      id: filterValue,
+    });
+
+    /**
+     * @author @dlohvinov
+     *
+     * [WTEL-6787](https://webitel.atlassian.net/browse/WTEL-6787)
+     *
+     * name from display is get here instead of wt-select props because it's
+     * much simplier than configuring wt-select, but still this code is still
+     * isolated enough.
+     *
+     * for instance, contacts:
+     * display=name.common_name
+     * objects=[{ name: { common_name: 'str' } }]
+     */
+    return {
+      items: items.map((item) => ({
+        ...item,
+        name: get(item, this.field.lookup.display),
+      })),
+      ...restResponse,
+    };
+  }
+}
+
+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;
 };