@webitel/ui-datalist 1.1.45 → 1.1.47

package/src/modules/filters/modules/filterConfig/components/case-status/case-status-filter-value-field.vue

@@ -4,7 +4,7 @@
       :show-clear="false"
       :label="t('cases.status')"
       :search-method="caseStatusesSearchMethod"
-      :v="v$.model.selection"
+      :v="vSelection"
       :model-value="model?.selection"
       data-key="id"
       option-value="id"
@@ -17,7 +17,7 @@
       :disabled="!model.selection"
       :label="t('webitelUI.filters.filterValue')"
       :search-method="getConditionList"
-      :v="v$.model.conditions"
+      :v="vConditions"
       v-model:model-value="model.conditions"
       data-key="id"
       option-value="id"
@@ -66,7 +66,9 @@ const initModel = () => {
 };
 onMounted(() => initModel());
 
-const v$ = useVuelidate(
+const v$ = useVuelidate<{
+	model: ModelValue;
+}>(
 	computed(() => ({
 		model: {
 			selection: {
@@ -87,6 +89,17 @@ const v$ = useVuelidate(
 
 v$.value.$touch();
 
+const vSelection = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.selection;
+});
+const vConditions = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.conditions;
+});
+
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,

package/src/modules/filters/modules/filterConfig/components/case-status/case-status-filter-value-preview.vue

@@ -3,12 +3,12 @@
 </template>
 
 <script lang="ts" setup>
-import type { WebitelcasesStatus } from 'webitel-sdk';
+import type { WebitelCasesStatus } from 'webitel-sdk';
 
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-	value: WebitelcasesStatus[];
+	value: WebitelCasesStatus[];
 }>();
 </script>
 

package/src/modules/filters/modules/filterConfig/components/contact-group/contact-group-filter-value-field.vue

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="labelValue"
     :search-method="props.filterConfig.searchRecords"
-    :v="!disableValidation && v$?.model?.list"
+    :v="!disableValidation && vList"
     :model-value="model?.list"
     data-key="id"
     option-value="id"
@@ -13,7 +13,7 @@
     v-if="!props.filterConfig?.hideUnassigned"
     :label="t('reusable.showUnassigned')"
     :selected="model?.unassigned"
-    :v="!disableValidation && v$?.model?.unassigned"
+    :v="!disableValidation && vUnassigned"
     @update:selected="model.unassigned = $event"
   />
 </template>
@@ -34,8 +34,8 @@ const props = defineProps<{
 }>();
 
 type ModelValue = {
-	list: string[];
-	unassigned: boolean;
+	list?: string[];
+	unassigned?: boolean | null;
 };
 
 const model = defineModel<ModelValue>();
@@ -61,7 +61,9 @@ const changeListValue = (event) => {
 		list: event,
 	};
 };
-const v$ = useVuelidate(
+const v$ = useVuelidate<{
+	model: ModelValue;
+}>(
 	computed(() => ({
 		model: {
 			list: {
@@ -69,7 +71,7 @@ const v$ = useVuelidate(
 			},
 			unassigned: {
 				required: requiredIf(
-					() => props.filterConfig?.hideUnassigned && !model.value.list.length,
+					() => props.filterConfig?.hideUnassigned && !model.value.list?.length,
 				),
 			},
 		},
@@ -82,6 +84,17 @@ const v$ = useVuelidate(
 	},
 );
 
+const vList = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.list;
+});
+const vUnassigned = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.unassigned;
+});
+
 const initModel = () => {
 	if (!model.value) {
 		model.value = {

package/src/modules/filters/modules/filterConfig/components/contact-group/contact-group-filter-value-preview.vue

@@ -5,20 +5,24 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { WebitelContactsContact } from 'webitel-sdk';
 
 import { IFilter } from '../../../../classes/Filter';
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-	value: WebitelContactsContact[];
+	value: Array<{
+		id?: string | number;
+		name?: string;
+	}>;
 	filter: IFilter;
 }>();
 
 const { t } = useI18n();
 
 const rawValue = computed(() => {
-	return props.filter.value;
+	return props.filter.value as {
+		unassigned?: boolean;
+	};
 });
 
 const shownValue = computed(() => {

package/src/modules/filters/modules/filterConfig/components/contact-group/index.ts

@@ -1,6 +1,9 @@
 import { contactGroups } from '@webitel/ui-sdk/api/clients/index';
 
 import {
+	type FilterConfigBaseParams,
+	type FilterConfigSearchFilterContext,
+	type FilterConfigSearchRequestParams,
 	type IWtSysTypeFilterConfig,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
@@ -15,7 +18,7 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 	hideUnassigned?: boolean;
 
 	constructor(
-		params: {
+		params: FilterConfigBaseParams & {
 			hideUnassigned?: boolean;
 		} = {},
 	) {
@@ -26,8 +29,8 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 	}
 
 	searchRecords(
-		params: object,
-		{ filterValue } = {},
+		params: FilterConfigSearchRequestParams,
+		{ filterValue }: FilterConfigSearchFilterContext = {},
 	): Promise<{
 		items: unknown[];
 		next?: boolean;

package/src/modules/filters/modules/filterConfig/components/contact-label/index.ts

@@ -1,6 +1,10 @@
 import { labels as contactLabels } from '@webitel/ui-sdk/api/clients/index';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigSearchFilterContext,
+	type FilterConfigSearchRequestParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
 import { FilterOption } from '../../enums/FilterOption';
 import ContactLabelFilterValueField from './contact-label-filter-value-field.vue';
 import ContactLabelFilterValuePreview from './contact-label-filter-value-preview.vue';
@@ -11,8 +15,13 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 	valuePreviewComponent = ContactLabelFilterValuePreview;
 
 	searchRecords(
-		params: object,
-		{ filterValue } = {},
+		params: FilterConfigSearchRequestParams,
+		{
+			filterValue,
+		}: Omit<FilterConfigSearchFilterContext, 'filterValue'> & {
+			/* label filter stores the selected labels list itself */
+			filterValue?: unknown[];
+		} = {},
 	): Promise<{
 		items: unknown[];
 		next?: boolean;
@@ -22,9 +31,9 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 		//   For label preview component no need to call the API, so we return filterValue back to the searchRecords method and display it
 
 		if (filterValue)
-			return {
+			return Promise.resolve({
 				items: filterValue,
-			};
+			});
 
 		return contactLabels.getLookup(params);
 	}

package/src/modules/filters/modules/filterConfig/components/has-attachment/has-attachment-filter-value-field.vue

@@ -13,7 +13,7 @@ import { computed, watch } from 'vue';
 
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
 
-const model = defineModel<string>();
+const model = defineModel<boolean | null>();
 
 const v$ = useVuelidate(
 	computed(() => ({

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

@@ -1,6 +1,7 @@
 import type { Component } from 'vue';
 
-import { FilterOption, type FilterOptionName } from '../enums/FilterOption';
+import type { FilterConfigSearchMethodParams } from '../classes/FilterConfig';
+import { FilterOption } from '../enums/FilterOption';
 import DateTimeOptionsFilterValueField from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-field.vue';
 import DateTimeOptionsFilterValuePreview from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-preview.vue';
 import AgentFilter from './agent/agent-filter-value-field.vue';
@@ -222,60 +223,59 @@ export {
 	VariableFilterPreview,
 };
 
-export const FilterOptionToValueComponentMap: Record<
-	FilterOptionName,
-	Component
-> = {
-	[FilterOption.Agent]: AgentFilter,
-	[FilterOption.AgentStatus]: AgentStatusFilter,
-	[FilterOption.UtilizationProgress]: UtilizationProgressFilter,
-	[FilterOption.Skill]: SkillFilter,
-	[FilterOption.Region]: RegionFilter,
-	[FilterOption.Auditor]: AuditorFilter,
-	[FilterOption.Supervisor]: SupervisorFilter,
-	[FilterOption.AmdResult]: AmdResultFilter,
-	[FilterOption.Contact]: ContactFilter,
-	[FilterOption.CallDirection]: CallDirectionFilterValueField,
-	[FilterOption.Rated]: HasRatingFilterValueField,
-	[FilterOption.Gateway]: GatewayFilter,
-	[FilterOption.Grantee]: GranteeFilter,
-	[FilterOption.HangupCause]: HangupCauseFilterValueField,
-	[FilterOption.Queue]: QueueFilter,
-	[FilterOption.QueueType]: QueueTypeFilter,
-	[FilterOption.QueuePeriod]: QueuePeriodFilter,
-	[FilterOption.RatedBy]: RatedByFilter,
-	[FilterOption.HasFile]: HasFileFilter,
-	[FilterOption.Score]: ScoreFilter,
-	[FilterOption.Tag]: TagFilter,
-	[FilterOption.TalkDuration]: TalkDurationFilter,
-	[FilterOption.Team]: TeamFilter,
-	[FilterOption.TotalDuration]: TotalDurationFilter,
-	[FilterOption.HasTranscription]: HasTranscriptionFilter,
-	[FilterOption.HasUser]: HasUserFilter,
-	[FilterOption.User]: UserFilter,
-	[FilterOption.Variable]: VariableFilter,
-	[FilterOption.CreatedAt]: DateTimeOptionsFilterValueField,
-	[FilterOption.CaseStatus]: CaseStatusFilterValueField,
-	[FilterOption.CaseSource]: CaseSourceFilterValueField,
-	[FilterOption.CaseService]: CaseServiceFilterValueField,
-	[FilterOption.CaseAuthor]: CaseAuthorFilterValueField,
-	[FilterOption.CaseReporter]: CaseReporterFilterValueField,
-	[FilterOption.CaseImpacted]: CaseImpactedFilterValueField,
-	[FilterOption.CasePriority]: CasePriorityFilterValueField,
-	[FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValueField,
-	[FilterOption.Rating]: RatingFromToFilter,
-	[FilterOption.CaseSla]: CaseSlaFilterValueField,
-	[FilterOption.CaseSlaCondition]: CaseSlaConditionFilterValueField,
-	[FilterOption.CaseReactionTime]: CaseReactionTimeFilterValueField,
-	[FilterOption.CaseResolutionTime]: CaseResolutionTimeFilterValueField,
-	[FilterOption.CaseActualReactionTime]: CaseActualReactionTimeFilterValueField,
-	[FilterOption.CaseActualResolutionTime]:
-		CaseActualResolutionTimeFilterValueField,
-	[FilterOption.HasAttachment]: HasAttachmentFilter,
-};
+export const FilterOptionToValueComponentMap: Record<FilterOption, Component> =
+	{
+		[FilterOption.Agent]: AgentFilter,
+		[FilterOption.AgentStatus]: AgentStatusFilter,
+		[FilterOption.UtilizationProgress]: UtilizationProgressFilter,
+		[FilterOption.Skill]: SkillFilter,
+		[FilterOption.Region]: RegionFilter,
+		[FilterOption.Auditor]: AuditorFilter,
+		[FilterOption.Supervisor]: SupervisorFilter,
+		[FilterOption.AmdResult]: AmdResultFilter,
+		[FilterOption.Contact]: ContactFilter,
+		[FilterOption.CallDirection]: CallDirectionFilterValueField,
+		[FilterOption.Rated]: HasRatingFilterValueField,
+		[FilterOption.Gateway]: GatewayFilter,
+		[FilterOption.Grantee]: GranteeFilter,
+		[FilterOption.HangupCause]: HangupCauseFilterValueField,
+		[FilterOption.Queue]: QueueFilter,
+		[FilterOption.QueueType]: QueueTypeFilter,
+		[FilterOption.QueuePeriod]: QueuePeriodFilter,
+		[FilterOption.RatedBy]: RatedByFilter,
+		[FilterOption.HasFile]: HasFileFilter,
+		[FilterOption.Score]: ScoreFilter,
+		[FilterOption.Tag]: TagFilter,
+		[FilterOption.TalkDuration]: TalkDurationFilter,
+		[FilterOption.Team]: TeamFilter,
+		[FilterOption.TotalDuration]: TotalDurationFilter,
+		[FilterOption.HasTranscription]: HasTranscriptionFilter,
+		[FilterOption.HasUser]: HasUserFilter,
+		[FilterOption.User]: UserFilter,
+		[FilterOption.Variable]: VariableFilter,
+		[FilterOption.CreatedAt]: DateTimeOptionsFilterValueField,
+		[FilterOption.CaseStatus]: CaseStatusFilterValueField,
+		[FilterOption.CaseSource]: CaseSourceFilterValueField,
+		[FilterOption.CaseService]: CaseServiceFilterValueField,
+		[FilterOption.CaseAuthor]: CaseAuthorFilterValueField,
+		[FilterOption.CaseReporter]: CaseReporterFilterValueField,
+		[FilterOption.CaseImpacted]: CaseImpactedFilterValueField,
+		[FilterOption.CasePriority]: CasePriorityFilterValueField,
+		[FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValueField,
+		[FilterOption.Rating]: RatingFromToFilter,
+		[FilterOption.CaseSla]: CaseSlaFilterValueField,
+		[FilterOption.CaseSlaCondition]: CaseSlaConditionFilterValueField,
+		[FilterOption.CaseReactionTime]: CaseReactionTimeFilterValueField,
+		[FilterOption.CaseResolutionTime]: CaseResolutionTimeFilterValueField,
+		[FilterOption.CaseActualReactionTime]:
+			CaseActualReactionTimeFilterValueField,
+		[FilterOption.CaseActualResolutionTime]:
+			CaseActualResolutionTimeFilterValueField,
+		[FilterOption.HasAttachment]: HasAttachmentFilter,
+	};
 
 export const FilterOptionToPreviewComponentMap: Record<
-	FilterOptionName,
+	FilterOption,
 	Component
 > = {
 	[FilterOption.CreatedAt]: DateTimeOptionsFilterValuePreview,
@@ -328,10 +328,11 @@ export const FilterOptionToPreviewComponentMap: Record<
 };
 
 export const FilterOptionToPreviewApiSearchMethodMap: Record<
-	FilterOptionName,
-	(unknown) => {
-		items;
-	}
+	FilterOption,
+	(...params: FilterConfigSearchMethodParams) => Promise<{
+		items: unknown[];
+		next?: boolean;
+	}>
 > = {
 	[FilterOption.Agent]: agentSearchMethod,
 	[FilterOption.Gateway]: gatewaySearchMethod,

package/src/modules/filters/modules/filterConfig/components/rating/rating-from-to-filter-value-field.vue

@@ -4,7 +4,7 @@
       v-if="model"
       :label="`${t('reusable.from')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
-      :v="v$.model?.from"
+      :v="vFrom"
       :model-value="model.from"
       class="rating-from-to-filter-value-field__input"
       @update:model-value="handleInput('from', $event)"
@@ -14,7 +14,7 @@
       v-if="model"
       :label="`${t('reusable.to')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
-      :v="v$.model?.to"
+      :v="vTo"
       :model-value="model.to"
       class="rating-from-to-filter-value-field__input"
       @update:model-value="handleInput('to', $event)"
@@ -48,7 +48,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
-const v$ = useVuelidate(
+const v$ = useVuelidate<{
+	model: ModelValue;
+}>(
 	computed(() => ({
 		model: {
 			from: {
@@ -73,6 +75,17 @@ const v$ = useVuelidate(
 );
 v$.value.$touch();
 
+const vFrom = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.from;
+});
+const vTo = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.to;
+});
+
 const handleInput = (key: keyof ModelValue, value: number) => {
 	const newValue = {
 		...model.value,

package/src/modules/filters/modules/filterConfig/components/rating/rating-from-to-filter-value-preview.vue

@@ -22,7 +22,10 @@
 import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
-	value: number[];
+	value: {
+		from: number | null;
+		to: number | null;
+	};
 }>();
 
 const { t } = useI18n();

package/src/modules/filters/modules/filterConfig/components/score/score-from-to-filter-value-field.vue

@@ -5,7 +5,7 @@
       :model-value="model.from"
       :max="props.numberMax"
       :min="0"
-      :v="v$.model?.from"
+      :v="vFrom"
       :label="`${t('reusable.from')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
@@ -18,7 +18,7 @@
       :model-value="model.to"
       :max="props.numberMax"
       :min="0"
-      :v="v$.model?.to"
+      :v="vTo"
       :label="`${t('reusable.to')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
@@ -63,7 +63,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
-const v$ = useVuelidate(
+const v$ = useVuelidate<{
+	model: ModelValue;
+}>(
 	computed(() => ({
 		model: {
 			from: {
@@ -83,6 +85,17 @@ const v$ = useVuelidate(
 );
 v$.value.$touch();
 
+const vFrom = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.from;
+});
+const vTo = computed(() => {
+	const modelValidation = v$.value.model;
+	if (!modelValidation) return undefined;
+	return modelValidation.to;
+});
+
 const handleInput = (key: keyof ModelValue, value: number) => {
 	const newValue = {
 		...model.value,

package/src/modules/filters/modules/filterConfig/components/score/score-from-to-filter-value-preview.vue

@@ -22,7 +22,10 @@
 import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
-	value: number[];
+	value: {
+		from: number | null;
+		to: number | null;
+	};
 }>();
 
 const { t } = useI18n();

package/src/modules/filters/modules/filterConfig/components/tag/tag-filter-value-preview.vue

@@ -24,7 +24,7 @@ const { t } = useI18n();
 const tags = computed(() => {
 	const tagLocaleMap = CallHistoryTagFilterOptions.reduce(
 		(acc, option) => {
-			acc[option.value] = option.locale;
+			acc[String(option.value)] = option.locale;
 			return acc;
 		},
 		{} as Record<string, string>,

package/src/modules/filters/modules/filterConfig/components/utilization-progress/utilization-progress-filter-value-preview.vue

@@ -11,7 +11,9 @@
 
 <script lang="ts" setup>
 const props = defineProps<{
-	value: number[];
+	value: {
+		name?: string;
+	}[];
 }>();
 </script>
 

package/src/modules/filters/modules/filterConfig/composables/useQueueTypeOptions.ts

@@ -5,11 +5,11 @@ import { useI18n } from 'vue-i18n';
 export function useQueueTypeOptions() {
 	const { t } = useI18n();
 
-	const mapQueueTypeToLabel = (value: string) =>
+	const mapQueueTypeToLabel = (value: string | number) =>
 		t(`objects.queue.type.${value}`);
 
 	const options = computed(() =>
-		Object.entries(QueueType).map(([key, value]) => ({
+		Object.entries(QueueType).map(([, value]) => ({
 			value,
 			label: mapQueueTypeToLabel(value),
 		})),

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

@@ -1,8 +1,8 @@
 import type { IFilter } from '../../../classes/Filter';
-import type { TFilterConfig } from './FilterConfig';
+import type { AnyFilterConfig } from '../classes/FilterConfig';
 
 export type DynamicFilterPreviewComponentProps = {
 	value: unknown;
-	filterConfig: TFilterConfig;
+	filterConfig: AnyFilterConfig;
 	filter: IFilter;
 };

package/src/modules/headers/createTableHeadersStore.ts

@@ -1,4 +1,3 @@
-import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
 import { sortToQueryAdapter } from '@webitel/ui-sdk/scripts';
 import { SortSymbols } from '@webitel/ui-sdk/scripts/sortQueryAdapters';
 import { computed, nextTick, ref } from 'vue';
@@ -6,10 +5,14 @@ import { computed, nextTick, ref } from 'vue';
 import { createDatalistStore } from '../_shared/createDatalistStore';
 import { PersistedStorageType } from '../persist/PersistedStorage.types';
 import { usePersistedStorage } from '../persist/usePersistedStorage';
-import type { useTableStoreConfig } from '../types/tableStore.types';
+import type { Identifiable } from '../types/createDatalistStore.types';
+import type {
+	DatalistTableHeader,
+	useTableStoreConfig,
+} from '../types/tableStore.types';
 
 interface TableHeadersStoreBodyParams {
-	rawHeaders: WtTableHeader[];
+	rawHeaders: DatalistTableHeader[];
 	id: string;
 }
 
@@ -17,7 +20,7 @@ export const tableHeadersStoreBody = ({
 	rawHeaders,
 	id,
 }: TableHeadersStoreBodyParams) => {
-	const headers = ref<WtTableHeader[]>(rawHeaders);
+	const headers = ref<DatalistTableHeader[]>(rawHeaders);
 	const isReorderingColumn = ref(false);
 
 	const shownHeaders = computed(() => {
@@ -104,7 +107,7 @@ export const tableHeadersStoreBody = ({
 		const fieldsSet = new Set(fields);
 		const mainFieldNames = new Set(headers.value.map((header) => header.field));
 
-		const mainHeaders = headers.value.map((header: WtTableHeader) => ({
+		const mainHeaders = headers.value.map((header: DatalistTableHeader) => ({
 			...header,
 			show: fieldsSet.has(header.field),
 		}));
@@ -311,7 +314,7 @@ export const tableHeadersStoreBody = ({
 	};
 };
 
-export const createTableHeadersStore = <Entity>(
+export const createTableHeadersStore = <Entity extends Identifiable>(
 	namespace: string,
 	config: useTableStoreConfig<Entity>,
 	{ headers: rawHeaders },

package/src/modules/pagination/createTablePaginationStore.ts

@@ -2,6 +2,7 @@ import { ref } from 'vue';
 
 import { createDatalistStore } from '../_shared/createDatalistStore';
 import { usePersistedStorage } from '../persist/usePersistedStorage';
+import type { Identifiable } from '../types/createDatalistStore.types';
 import type { useTableStoreConfig } from '../types/tableStore.types';
 
 export const tablePaginationStoreBody = () => {
@@ -63,7 +64,7 @@ export const tablePaginationStoreBody = () => {
 	};
 };
 
-export const createTablePaginationStore = <Entity>(
+export const createTablePaginationStore = <Entity extends Identifiable>(
 	namespace: string,
 	config: useTableStoreConfig<Entity>,
 ) => {

package/src/modules/table/createTableStore.store.ts

@@ -9,18 +9,14 @@ import {
 import { createTableFiltersStore } from '../filters/createTableFiltersStore';
 import { createTableHeadersStore } from '../headers/createTableHeadersStore';
 import { createTablePaginationStore } from '../pagination/createTablePaginationStore';
+import type { Identifiable } from '../types/createDatalistStore.types';
 import type {
 	LoadDataListOptions,
 	PatchItemPropertyParams,
 	useTableStoreConfig,
 } from '../types/tableStore.types';
 
-export const tableStoreBody = <
-	Entity extends {
-		id: string;
-		etag?: string;
-	},
->(
+export const tableStoreBody = <Entity extends Identifiable>(
 	namespace: string,
 	config: useTableStoreConfig<Entity>,
 ) => {
@@ -360,12 +356,7 @@ export const tableStoreBody = <
 	};
 };
 
-export const createTableStore = <
-	Entity extends {
-		id: string;
-		etag?: string;
-	},
->(
+export const createTableStore = <Entity extends Identifiable>(
 	namespace: string,
 	config: useTableStoreConfig<Entity>,
 ) => {

package/src/modules/types/createDatalistStore.types.ts

@@ -9,7 +9,7 @@ import type { useTableStoreConfig } from './tableStore.types';
 export type Patch = Record<string, unknown> | Ref<unknown>;
 
 export type Identifiable = {
-	id: string;
+	id?: string | number;
 	etag?: string;
 };