@anzusystems/common-admin 1.49.0 → 2.0.0-rc.10

package/dist/domains/permission/group/factory/PermissionGroupFactory.d.ts

@@ -0,0 +1,4 @@
+import { PermissionGroup } from '../types/PermissionGroup';
+export declare function usePermissionGroupFactory(): {
+    createPermissionGroup: () => PermissionGroup;
+};

package/dist/domains/permission/group/factory/PermissionGroupFactory.js

@@ -0,0 +1,19 @@
+import { dateTimeNow as e } from "../../../../shared/utils/datetime.js";
+// src/domains/permission/group/factory/PermissionGroupFactory.ts
+function t() {
+	return { createPermissionGroup: () => ({
+		id: 0,
+		title: "",
+		description: "",
+		permissions: {},
+		createdBy: 0,
+		modifiedBy: 0,
+		createdAt: e(),
+		modifiedAt: e(),
+		_resourceName: "permissionGroup",
+		_system: ""
+	}) };
+}
+export { t as usePermissionGroupFactory };
+
+//# sourceMappingURL=PermissionGroupFactory.js.map

package/dist/domains/permission/group/factory/PermissionGroupFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionGroupFactory.js","names":["usePermissionGroupFactory","dateTimeNow"],"sources":["../../../../../src/domains/permission/group/factory/PermissionGroupFactory.ts"],"sourcesContent":["import { dateTimeNow } from '@/shared/utils/datetime'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\nexport function usePermissionGroupFactory() {\n  const createPermissionGroup = (): PermissionGroup => {\n    return {\n      id: 0,\n      title: '',\n      description: '',\n      permissions: {},\n      createdBy: 0,\n      modifiedBy: 0,\n      createdAt: dateTimeNow(),\n      modifiedAt: dateTimeNow(),\n      _resourceName: 'permissionGroup',\n      _system: '',\n    }\n  }\n\n  return {\n    createPermissionGroup,\n  }\n}\n"],"mappings":";;AAGA,SAAgBA,IAA4B;CAgB1C,OAAO,EACL,8BAfO;EACL,IAAI;EACJ,OAAO;EACP,aAAa;EACb,aAAa,CAAC;EACd,WAAW;EACX,YAAY;EACZ,WAAWC,EAAY;EACvB,YAAYA,EAAY;EACxB,eAAe;EACf,SAAS;CACX,GAKF;AACF"}

package/dist/domains/permission/group/filter/permissionGroupFilter.d.ts

@@ -0,0 +1,43 @@
+import { FilterConfig, FilterData } from '../../../filters/composables/filterFactory';
+declare const permissionGroupListFields: ({
+    name: "id";
+    default: null;
+    type: "integer";
+    variant?: undefined;
+    render?: undefined;
+} | {
+    name: "title";
+    variant: "startsWith";
+    default: null;
+    type: "string";
+    render: {
+        skip: true;
+    };
+})[];
+type ListFields = typeof permissionGroupListFields;
+/**
+ * Local-storage key for the list filter. Named so it does not collide with the replaced
+ * per-admin views' `tableFilter_common_permissionGroup` key while both are in use.
+ */
+export declare const permissionGroupFilterStorageKey: (system: string) => string;
+export declare function usePermissionGroupListFilter(system: string): {
+    filterConfig: FilterConfig<ListFields>;
+    filterData: FilterData<ListFields>;
+};
+export declare function usePermissionGroupInnerFilter(): {
+    filterConfig: FilterConfig<{
+        name: "title";
+        variant: "startsWith";
+        default: null;
+        type: "string";
+    }[]>;
+    filterData: FilterData<{
+        name: "title";
+        variant: "startsWith";
+        default: null;
+        type: "string";
+    }[]>;
+};
+/** Test seam; the list stores are module state. */
+export declare const resetPermissionGroupListFilters: () => void;
+export {};

package/dist/domains/permission/group/filter/permissionGroupFilter.js

@@ -0,0 +1,44 @@
+import { createFilter as e, createFilterStore as t } from "../../../filters/composables/filterFactory.js";
+import { PERMISSION_GROUP_ENTITY as n } from "../api/permissionGroupApi.js";
+// src/domains/permission/group/filter/permissionGroupFilter.ts
+var r = [{
+	name: "id",
+	default: null,
+	type: "integer"
+}, {
+	name: "title",
+	variant: "startsWith",
+	default: null,
+	type: "string",
+	render: { skip: !0 }
+}], i = /* @__PURE__ */ new Map(), a = (e) => `commonPermissionGroup_${e}`;
+function o(a) {
+	let o = i.get(a);
+	o || (o = t(r), i.set(a, o));
+	let { filterConfig: s, filterData: c } = e(r, o, {
+		system: "common",
+		subject: n
+	});
+	return {
+		filterConfig: s,
+		filterData: c
+	};
+}
+function s() {
+	let r = [{
+		name: "title",
+		variant: "startsWith",
+		default: null,
+		type: "string"
+	}], { filterConfig: i, filterData: a } = e(r, t(r), {
+		system: "common",
+		subject: n
+	});
+	return {
+		filterConfig: i,
+		filterData: a
+	};
+}
+export { a as permissionGroupFilterStorageKey, s as usePermissionGroupInnerFilter, o as usePermissionGroupListFilter };
+
+//# sourceMappingURL=permissionGroupFilter.js.map

package/dist/domains/permission/group/filter/permissionGroupFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissionGroupFilter.js","names":["permissionGroupListFields","listStores","permissionGroupFilterStorageKey","system","usePermissionGroupListFilter","store","createFilterStore","createFilter","PERMISSION_GROUP_ENTITY","usePermissionGroupInnerFilter","innerFields"],"sources":["../../../../../src/domains/permission/group/filter/permissionGroupFilter.ts"],"sourcesContent":["import {\n  createFilter,\n  createFilterStore,\n  type FilterConfig,\n  type FilterData,\n  type MakeFilterOption,\n} from '@/domains/filters/composables/filterFactory'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\n\nconst permissionGroupListFields = [\n  { name: 'id' as const, default: null, type: 'integer' },\n  { name: 'title' as const, variant: 'startsWith', default: null, type: 'string', render: { skip: true } },\n] satisfies readonly MakeFilterOption[]\n\ntype ListFields = typeof permissionGroupListFields\n\n/**\n * One filter store per system. admin-inhouse has four backends, and a shared\n * store would carry a title typed under `weather` into the `brick` list.\n */\nconst listStores = new Map<string, FilterData<ListFields>>()\n\n/**\n * Local-storage key for the list filter. Named so it does not collide with the replaced\n * per-admin views' `tableFilter_common_permissionGroup` key while both are in use.\n */\nexport const permissionGroupFilterStorageKey = (system: string) => `commonPermissionGroup_${system}`\n\nexport function usePermissionGroupListFilter(system: string): {\n  filterConfig: FilterConfig<ListFields>\n  filterData: FilterData<ListFields>\n} {\n  let store = listStores.get(system)\n  if (!store) {\n    store = createFilterStore(permissionGroupListFields)\n    listStores.set(system, store)\n  }\n\n  // `system: 'common'` is the translation namespace, not the backend.\n  // Labels live in `common.permissionGroup.filter.*` for every backend.\n  // The backend identity keys the store above.\n  const { filterConfig, filterData } = createFilter(permissionGroupListFields, store, {\n    system: 'common',\n    subject: PERMISSION_GROUP_ENTITY,\n  })\n\n  return { filterConfig, filterData }\n}\n\nexport function usePermissionGroupInnerFilter() {\n  // `title` is the autocomplete's `filter-by-field`. Built per call and never\n  // registered: two autocompletes on a page must not type into each other.\n  const innerFields = [\n    { name: 'title' as const, variant: 'startsWith', default: null, type: 'string' },\n  ] satisfies readonly MakeFilterOption[]\n\n  const { filterConfig, filterData } = createFilter(innerFields, createFilterStore(innerFields), {\n    system: 'common',\n    subject: PERMISSION_GROUP_ENTITY,\n  })\n\n  return { filterConfig, filterData }\n}\n\n/** Test seam; the list stores are module state. */\nexport const resetPermissionGroupListFilters = () => {\n  listStores.clear()\n}\n"],"mappings":";;;AASA,IAAMA,IAA4B,CAChC;CAAE,MAAM;CAAe,SAAS;CAAM,MAAM;AAAU,GACtD;CAAE,MAAM;CAAkB,SAAS;CAAc,SAAS;CAAM,MAAM;CAAU,QAAQ,EAAE,MAAM,GAAK;AAAE,CACzG,GAQMC,oBAAa,IAAI,IAAoC,GAM9CC,KAAmC,MAAmB,yBAAyBC;AAE5F,SAAgBC,EAA6B,GAG3C;CACA,IAAIC,IAAQJ,EAAW,IAAIE,CAAM;CACjC,AAAKE,MACH,IAAQC,EAAkBN,CAAyB,GACnDC,EAAW,IAAIE,GAAQE,CAAK;CAM9B,IAAM,EAAE,iBAAc,kBAAeE,EAAaP,GAA2BK,GAAO;EAClF,QAAQ;EACR,SAASG;CACX,CAAC;CAED,OAAO;EAAE;EAAc;CAAW;AACpC;AAEA,SAAgBC,IAAgC;CAG9C,IAAMC,IAAc,CAClB;EAAE,MAAM;EAAkB,SAAS;EAAc,SAAS;EAAM,MAAM;CAAS,CACjF,GAEM,EAAE,iBAAc,kBAAeH,EAAaG,GAAaJ,EAAkBI,CAAW,GAAG;EAC7F,QAAQ;EACR,SAASF;CACX,CAAC;CAED,OAAO;EAAE;EAAc;CAAW;AACpC"}

package/dist/domains/permission/group/store/permissionGroupStore.d.ts

@@ -0,0 +1,35 @@
+import { PermissionGroup } from '../types/PermissionGroup';
+/**
+ * A single open group, not a map keyed by system. One system is one route
+ * and one view, and there is no cross-system permission group view.
+ * Unlike the config store, which cross-system user pages query for several systems at once.
+ */
+export declare const usePermissionGroupOneStore: import('pinia').SetupStoreDefinition<"commonAdminPermissionGroupOneStore", {
+    permissionGroup: import('vue').Ref<{
+        description: string;
+        _system: string;
+        _resourceName: "permissionGroup";
+        id: import('../../../../lib').IntegerId;
+        title: string;
+        permissions: import('../../../../lib').Permissions;
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+    }, PermissionGroup | {
+        description: string;
+        _system: string;
+        _resourceName: "permissionGroup";
+        id: import('../../../../lib').IntegerId;
+        title: string;
+        permissions: import('../../../../lib').Permissions;
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+    }>;
+    loadingPermissionGroup: import('vue').Ref<boolean, boolean>;
+    setPermissionGroup: (newPermissionGroup: PermissionGroup) => void;
+    setLoadingPermissionGroup: (loading: boolean) => void;
+    reset: () => void;
+}>;

package/dist/domains/permission/group/store/permissionGroupStore.js

@@ -0,0 +1,26 @@
+import { usePermissionGroupFactory as e } from "../factory/PermissionGroupFactory.js";
+import { ref as t } from "vue";
+import { defineStore as n } from "pinia";
+// src/domains/permission/group/store/permissionGroupStore.ts
+var r = n("commonAdminPermissionGroupOneStore", () => {
+	let { createPermissionGroup: n } = e(), r = t(n()), i = t(!1);
+	function a(e) {
+		r.value = e;
+	}
+	function o(e) {
+		i.value = e;
+	}
+	function s() {
+		r.value = n(), i.value = !1;
+	}
+	return {
+		permissionGroup: r,
+		loadingPermissionGroup: i,
+		setPermissionGroup: a,
+		setLoadingPermissionGroup: o,
+		reset: s
+	};
+});
+export { r as usePermissionGroupOneStore };
+
+//# sourceMappingURL=permissionGroupStore.js.map

package/dist/domains/permission/group/store/permissionGroupStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissionGroupStore.js","names":["usePermissionGroupOneStore","defineStore","usePermissionGroupFactory","permissionGroup","ref","createPermissionGroup","loadingPermissionGroup","setPermissionGroup","newPermissionGroup","setLoadingPermissionGroup","loading","reset"],"sources":["../../../../../src/domains/permission/group/store/permissionGroupStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { usePermissionGroupFactory } from '@/domains/permission/group/factory/PermissionGroupFactory'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\n/**\n * A single open group, not a map keyed by system. One system is one route\n * and one view, and there is no cross-system permission group view.\n * Unlike the config store, which cross-system user pages query for several systems at once.\n */\nexport const usePermissionGroupOneStore = defineStore('commonAdminPermissionGroupOneStore', () => {\n  const { createPermissionGroup } = usePermissionGroupFactory()\n\n  const permissionGroup = ref<PermissionGroup>(createPermissionGroup())\n  const loadingPermissionGroup = ref(false)\n\n  function setPermissionGroup(newPermissionGroup: PermissionGroup) {\n    permissionGroup.value = newPermissionGroup\n  }\n\n  function setLoadingPermissionGroup(loading: boolean) {\n    loadingPermissionGroup.value = loading\n  }\n\n  function reset() {\n    permissionGroup.value = createPermissionGroup()\n    loadingPermissionGroup.value = false\n  }\n\n  return {\n    permissionGroup,\n    loadingPermissionGroup,\n    setPermissionGroup,\n    setLoadingPermissionGroup,\n    reset,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(usePermissionGroupOneStore, import.meta.hot))\n}\n"],"mappings":";;;;AAUA,IAAaA,IAA6BC,EAAY,4CAA4C;CAChG,IAAM,EAAE,6BAA0BC,EAA0B,GAEtDC,IAAkBC,EAAqBC,EAAsB,CAAC,GAC9DC,IAAyBF,EAAI,EAAK;CAExC,SAASG,EAAmB,GAAqC;EAC/D,EAAgB,QAAQC;CAC1B;CAEA,SAASC,EAA0B,GAAkB;EACnD,EAAuB,QAAQC;CACjC;CAEA,SAASC,IAAQ;EAEf,AADA,EAAgB,QAAQN,EAAsB,GAC9C,EAAuB,QAAQ;CACjC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/domains/permission/group/types/PermissionGroup.d.ts

@@ -0,0 +1,13 @@
+import { IntegerId } from '../../../../shared/types/common';
+import { Permissions } from '../../../auth/types/Permission';
+import { AnzuUserAndTimeTrackingAware } from '../../../../shared/types/AnzuUserAndTimeTrackingAware';
+export interface PermissionGroupMinimal {
+    id: IntegerId;
+    title: string;
+    permissions: Permissions;
+}
+export interface PermissionGroup extends PermissionGroupMinimal, AnzuUserAndTimeTrackingAware {
+    description: string;
+    _system: string;
+    _resourceName: 'permissionGroup';
+}

package/dist/domains/permission/valueObject/GrantOrigin.d.ts

@@ -0,0 +1,25 @@
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+export declare const GrantOrigin: {
+    readonly Role: "role";
+    readonly Group: "group";
+    readonly User: "user";
+    readonly Default: "default";
+};
+export type GrantOriginType = (typeof GrantOrigin)[keyof typeof GrantOrigin];
+export declare const GrantOriginDefault: "default";
+export declare function useGrantOrigin(): {
+    grantOriginOptions: import('vue').Ref<{
+        value: GrantOriginType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[], ValueObjectOption<GrantOriginType>[] | {
+        value: GrantOriginType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[]>;
+    getGrantOriginOption: (value: GrantOriginType) => ValueObjectOption<GrantOriginType>;
+};

package/dist/domains/permission/valueObject/GrantOrigin.js

@@ -0,0 +1,36 @@
+import { ref as e } from "vue";
+import { useI18n as t } from "vue-i18n";
+// src/domains/permission/valueObject/GrantOrigin.ts
+var n = {
+	Role: "role",
+	Group: "group",
+	User: "user",
+	Default: "default"
+}, r = n.Default;
+function i() {
+	let { t: i } = t(), a = e([
+		{
+			value: n.Role,
+			title: i("common.permission.grantOrigin.role")
+		},
+		{
+			value: n.Group,
+			title: i("common.permission.grantOrigin.group")
+		},
+		{
+			value: n.User,
+			title: i("common.permission.grantOrigin.user")
+		},
+		{
+			value: r,
+			title: i("common.permission.grantOrigin.defaultGrant")
+		}
+	]);
+	return {
+		grantOriginOptions: a,
+		getGrantOriginOption: (e) => a.value.find((t) => t.value === e)
+	};
+}
+export { n as GrantOrigin, r as GrantOriginDefault, i as useGrantOrigin };
+
+//# sourceMappingURL=GrantOrigin.js.map

package/dist/domains/permission/valueObject/GrantOrigin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantOrigin.js","names":["GrantOrigin","GrantOriginDefault","useGrantOrigin","useI18n","grantOriginOptions","ref","t","item","value"],"sources":["../../../../src/domains/permission/valueObject/GrantOrigin.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { useI18n } from 'vue-i18n'\n\nexport const GrantOrigin = {\n  Role: 'role',\n  Group: 'group',\n  User: 'user',\n  Default: 'default',\n} as const\nexport type GrantOriginType = (typeof GrantOrigin)[keyof typeof GrantOrigin]\nexport const GrantOriginDefault = GrantOrigin.Default\n\nexport function useGrantOrigin() {\n  const { t } = useI18n()\n\n  const grantOriginOptions = ref<ValueObjectOption<GrantOriginType>[]>([\n    {\n      value: GrantOrigin.Role,\n      title: t('common.permission.grantOrigin.role'),\n    },\n    {\n      value: GrantOrigin.Group,\n      title: t('common.permission.grantOrigin.group'),\n    },\n    {\n      value: GrantOrigin.User,\n      title: t('common.permission.grantOrigin.user'),\n    },\n    {\n      value: GrantOriginDefault,\n      title: t('common.permission.grantOrigin.defaultGrant'),\n    },\n  ])\n\n  const getGrantOriginOption = (value: GrantOriginType): ValueObjectOption<GrantOriginType> => {\n    return grantOriginOptions.value.find((item) => item.value === value) as ValueObjectOption<GrantOriginType>\n  }\n\n  return {\n    grantOriginOptions,\n    getGrantOriginOption,\n  }\n}\n"],"mappings":";;;AAIA,IAAaA,IAAc;CACzB,MAAM;CACN,OAAO;CACP,MAAM;CACN,SAAS;AACX,GAEaC,IAAqBD,EAAY;AAE9C,SAAgBE,IAAiB;CAC/B,IAAM,EAAE,SAAMC,EAAQ,GAEhBC,IAAqBC,EAA0C;EACnE;GACE,OAAOL,EAAY;GACnB,OAAOM,EAAE,oCAAoC;EAC/C;EACA;GACE,OAAON,EAAY;GACnB,OAAOM,EAAE,qCAAqC;EAChD;EACA;GACE,OAAON,EAAY;GACnB,OAAOM,EAAE,oCAAoC;EAC/C;EACA;GACE,OAAOL;GACP,OAAOK,EAAE,4CAA4C;EACvD;CACF,CAAC;CAMD,OAAO;EACL;EACA,uBAN4B,MACrBF,EAAmB,MAAM,MAAM,MAASG,EAAK,UAAUC,CAAK;CAMrE;AACF"}

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.js

@@ -0,0 +1,6 @@
+import e from "./AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js";
+// src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AFilterRemoteAutocomplete.js.map

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterRemoteAutocomplete.js","names":["_sfc_main","AFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","AFilterRemoteAutocomplete_default"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isArray, isBoolean, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type FilterConfig, type FilterData, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterInnerConfigKey,\n  FilterInnerDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { type Pagination, usePagination } from '@/domains/api/composables/pagination'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\ntype ModelValueType = T | T[] | null | undefined\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    fetchItems: (\n      pagination: Ref<Pagination>,\n      filterData: FilterData,\n      filterConfig: FilterConfig\n    ) => Promise<ValueObjectOption<T>[]>\n    fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n    filterByField: string\n    filterSortBy?: DatatableSortBy\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n    placeholder?: string | undefined\n  }>(),\n  {\n    filterSortBy: null,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n    placeholder: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterInnerConfig) ||\n  isUndefined(filterInnerData)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst filterByFieldProp = props.filterByField\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst filterSortByProp = props.filterSortBy\n\nif (isUndefined(filterInnerConfig.fields[filterByFieldProp]) || isUndefined(filterInnerData[filterByFieldProp])) {\n  throw new Error(\n    `[${componentName}] Incorrect filter inner config. ` +\n      `FilterByField is '${filterByFieldProp}' and available options are ${Object.keys(filterInnerData).join(', ')}.`\n  )\n}\n\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst selected = ref<any>([])\nconst search = ref('')\nconst isFocused = ref(false)\nconst modelValueAutocomplete = ref<ValueObjectOption<T> | ValueObjectOption<T>[] | null>(null)\nconst apiRequestCounter = ref(0)\n\nconst { t } = useI18n()\n\nconst onBlur = () => {\n  isFocused.value = false\n}\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\n\nconst fetchedItems = ref<ValueObjectOption<T>[]>([])\nconst selectedItemsCache = ref<ValueObjectOption<T>[]>([])\nconst isFirstLoad = ref(true)\nconst prefetchCompleted = ref(false)\n\nconst allItems = computed<ValueObjectOption<T>[]>(() => {\n  const itemsMap = new Map<T, ValueObjectOption<T>>()\n  const addToMap = (items: ValueObjectOption<T>[]) => {\n    items.forEach((item) => {\n      itemsMap.set(item.value, {\n        value: item.value,\n        title: item.title,\n        subtitle: item.subtitle,\n      } as ValueObjectOption<T>)\n    })\n  }\n\n  addToMap(selectedItemsCache.value as ValueObjectOption<T>[])\n  addToMap(fetchedItems.value as ValueObjectOption<T>[])\n\n  return Array.from(itemsMap.values())\n})\n\n// Counts running requests (by ids, search, prefetch). The spinner stays on until the last one ends.\n// A single flag let a read by ids hide the spinner of a search still running, and the reverse.\nconst requestsRunning = ref(0)\nconst loading = computed(() => requestsRunning.value > 0)\n\nlet byIdsCounter = 0\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  selected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\n  updateFilterSelected(selected.value)\n}\n\nconst updateSelected = (value: T[] | T) => {\n  const findItem = (id: T): ValueObjectOption<T> =>\n    allItems.value.find((obj) => obj.value === id) ?? ({ title: `${id}`, value: id } as ValueObjectOption<T>)\n  return isArray(value) ? value.map(findItem) : findItem(value)\n}\n\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    try {\n      const res = await props.fetchItemsByIds(idsArray)\n      if (requestId !== byIdsCounter) return selectedItemsCache.value\n      selectedItemsCache.value = res\n      const selectedNewValue = updateSelected(ids)\n      selected.value = selectedNewValue\n      modelValueAutocomplete.value = selectedNewValue\n      updateFilterSelected(selected.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return selectedItemsCache.value\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst { showErrorsDefault } = useAlerts()\n\nconst apiSearch = async (query: string, requestCounter: number) => {\n  requestsRunning.value++\n  filterInnerData[filterByFieldProp] = query\n  try {\n    const res = await props.fetchItems(pagination, filterInnerData, filterInnerConfig)\n    if (requestCounter === apiRequestCounter.value) fetchedItems.value = res\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryAutoFetch = async (mode: 'focus' | 'hover' | 'mounted') => {\n  if (props.prefetch === false || props.prefetch !== mode) return\n  if (loading.value) return\n  if (prefetchCompleted.value) return\n\n  requestsRunning.value++\n  try {\n    const res = await props.fetchItems(pagination, filterInnerData, filterInnerConfig)\n    if (apiRequestCounter.value === 0) {\n      fetchedItems.value = res\n    }\n    prefetchCompleted.value = true\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst onFocus = async () => {\n  isFocused.value = true\n  await tryAutoFetch('focus')\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover')\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!filterConfigCurrent.value.multiple && selectedItemsCache.value[0]) {\n    return selectedItemsCache.value[0].title\n  }\n  return undefined\n})\n\n// Clearing the field first emits a `null` search. Reading its length threw when the field had no focus.\nconst onSearchUpdate = (query: string | null) => {\n  const text = query ?? ''\n  if (!filterConfigCurrent.value.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\nconst { clearOne } = useFilterClearHelpers()\n\n/** The value of the filter its watcher (below) saw last. */\nlet watchedValue: unknown\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\n// Clearing empties the filter in one step, so the filter watcher\n// fetches once for an empty search and keeps only the newest answer.\n// A single-value filter cleared onto its own default does not\n// change, so its watcher does nothing. Its item is restored here.\n// A clear that ends on a default value fetches the empty search here\n// through the counter, because the watcher only fetches for an empty value.\nconst onClickClear = () => {\n  clearField()\n  const value = filterData[props.name]\n  if (isEmpty(value)) return\n  if (value === watchedValue) loadListItems(value as T[] | T)\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nwatchDebounced(\n  search,\n  (newValue: string | null, oldValue: string | null) => {\n    const query = newValue ?? ''\n    if (query === (oldValue ?? '')) return\n    if (query.length > 0 && query.length < props.minSearchChars) return\n    if (query.length === 0 && props.prefetch === false) {\n      fetchedItems.value = []\n      return\n    }\n    apiRequestCounter.value++\n    apiSearch(query, apiRequestCounter.value)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nconst checkFirstLoad = async () => {\n  await tryAutoFetch('mounted')\n}\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst noDataText = computed(() => {\n  if (loading.value) {\n    return '$vuetify.loading'\n  }\n  if (fetchedItems.value.length === 0 && search.value.length < props.minSearchChars) {\n    return isUndefined(props.minSearchText)\n      ? t('common.filter.filterMinChars', { min: props.minSearchChars })\n      : props.minSearchText\n  }\n  return undefined\n})\n\nconst onSelectedUpdate = (newValue: any) => {\n  filterConfig.touched = true\n  let final: null | string | number | string[] | number[] = null\n  if (isArray(newValue)) {\n    final = newValue.map((item: any) => item.value) as string[] | number[]\n  } else if (!isNull(newValue)) {\n    final = newValue.value\n  }\n  filterData[props.name] = final\n  emit('change')\n}\n\n// Closing a chip (`closable-chips`) removes its value from the filter, like unticking it in the list.\n// A single-value filter is cleared like the field's clear, since the chip slot draws its value as a chip too.\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (!isArray(selected.value)) {\n    selected.value = null\n    onSelectedUpdate(null)\n    onClickClear()\n    return\n  }\n  selected.value = (selected.value as ValueObjectOption<T>[]).filter((item) => item.value !== closedItem.value)\n  onSelectedUpdate(selected.value)\n}\n\nconst updateFilterSelected = (\n  newValue: ValueObjectOption<string | number> | ValueObjectOption<string | number>[] | null\n) => {\n  filterSelected.value.delete(props.name)\n  if ((isArray(newValue) && newValue.length === 0) || isNull(newValue)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((item) => ({ title: item.title, value: item.value }))\n    )\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: newValue.title, value: newValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  async (newValueFilterData, oldValueFilterData) => {\n    watchedValue = newValueFilterData\n    if (newValueFilterData === oldValueFilterData || isBoolean(newValueFilterData)) return\n    const newValue = newValueFilterData as ModelValueType\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await checkFirstLoad()\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      if (!isUndefined(oldValueFilterData)) {\n        apiRequestCounter.value++\n        await apiSearch('', apiRequestCounter.value)\n      }\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"selected\"\n    :items=\"allItems\"\n    no-filter\n    :placeholder=\"placeholderComputed\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :label=\"label\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :loading=\"loading\"\n    hide-details\n    return-object\n    autocomplete=\"off\"\n    :no-data-text=\"noDataText\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onSelectedUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\n    <template\n      v-if=\"loading\"\n      #no-data\n    >\n      <VListItem :title=\"t('$vuetify.loading')\" />\n    </template>\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        :title=\"internalItem.raw.title\"\n        :subtitle=\"internalItem.raw.subtitle\"\n      />\n    </template>\n    <template #chip=\"{ props: chipProps, internalItem }\">\n      <VChip\n        :closable=\"chipProps.closable as boolean\"\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        :text=\"`${internalItem.title} (${internalItem.raw.subtitle})`\"\n        :disabled=\"internalItem.props.disabled\"\n        @click:close=\"onChipCloseClick(internalItem.raw)\"\n      >\n        {{ internalItem.raw.title }}\n        <span\n          v-if=\"internalItem.raw.subtitle\"\n          class=\"font-italic pl-1\"\n        >\n          ({{ internalItem.raw.subtitle }})\n        </span>\n      </VChip>\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":""}

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue.d.ts

@@ -0,0 +1,35 @@
+import { Ref } from 'vue';
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+import { FilterConfig, FilterData } from '../../filters/composables/filterFactory';
+import { DatatableSortBy } from '../../filters/datatable/utils/datatableColumns';
+import { Pagination } from '../../api/composables/pagination';
+declare const __VLS_export: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+        name: string;
+        fetchItems: (pagination: Ref<Pagination>, filterData: FilterData, filterConfig: FilterConfig) => Promise<ValueObjectOption<T>[]>;
+        fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>;
+        filterByField: string;
+        filterSortBy?: DatatableSortBy;
+        prefetch?: "hover" | "focus" | "mounted" | false;
+        minSearchChars?: number;
+        minSearchText?: string | undefined;
+        placeholder?: string | undefined;
+    } & {
+        onChange?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (e: "change") => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,204 @@
+import { isArray as e, isBoolean as t, isEmpty as n, isNull as r, isUndefined as i } from "../../../shared/utils/common.js";
+import { useFilterClearHelpers as a } from "../../filters/composables/filterFactory.js";
+import { FilterConfigKey as ee, FilterDataKey as te, FilterInnerConfigKey as ne, FilterInnerDataKey as re, FilterSelectedKey as ie, FilterSubmitResetCounterKey as ae } from "../../filters/utils/filterInjectionKeys.js";
+import { usePagination as oe } from "../../api/composables/pagination.js";
+import { useAlerts as o } from "../../system/composables/alerts.js";
+import { computed as s, createBlock as se, createCommentVNode as ce, createElementBlock as le, createSlots as ue, createTextVNode as de, createVNode as c, defineComponent as l, getCurrentInstance as u, inject as d, mergeProps as fe, openBlock as f, ref as p, toDisplayString as m, unref as pe, watch as me, withCtx as h } from "vue";
+import { useI18n as he } from "vue-i18n";
+import { VChip as g } from "vuetify/components/VChip";
+import { watchDebounced as _ } from "@vueuse/core";
+import { VListItem as v } from "vuetify/components/VList";
+import { VAutocomplete as ge } from "vuetify/components/VAutocomplete";
+// src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
+var _e = {
+	key: 0,
+	class: "font-italic pl-1"
+}, ve = 300, y = /*@__PURE__*/ l({
+	__name: "AFilterRemoteAutocomplete",
+	props: {
+		name: {},
+		fetchItems: {},
+		fetchItemsByIds: {},
+		filterByField: {},
+		filterSortBy: { default: null },
+		prefetch: {
+			type: [String, Boolean],
+			default: !1
+		},
+		minSearchChars: { default: 2 },
+		minSearchText: { default: void 0 },
+		placeholder: { default: void 0 }
+	},
+	emits: ["change"],
+	setup(l, { emit: y }) {
+		let b = l, ye = y, be = d(ae), x = d(ie), S = d(ee), C = d(te), w = d(ne), T = d(re), E = u()?.type.__name;
+		if (i(be) || i(x) || i(C) || i(S) || i(S.fields[b.name]) || i(w) || i(T)) throw Error(`[${E}] Incorrect provide/inject config.`);
+		let D = b.filterByField, O = b.filterSortBy;
+		if (i(w.fields[D]) || i(T[D])) throw Error(`[${E}] Incorrect filter inner config. FilterByField is '${D}' and available options are ${Object.keys(T).join(", ")}.`);
+		let k = s(() => S.fields[b.name]), A = p([]), j = p(""), M = p(!1), N = p(null), P = p(0), { t: F } = he(), I = () => {
+			M.value = !1;
+		}, xe = s(() => k.value.titleT ? F(k.value.titleT) : void 0), { pagination: L } = oe(r(O) ? null : O.key, O?.order), R = p([]), z = p([]), B = p(!0), V = p(!1), H = s(() => {
+			let e = /* @__PURE__ */ new Map(), t = (t) => {
+				t.forEach((t) => {
+					e.set(t.value, {
+						value: t.value,
+						title: t.title,
+						subtitle: t.subtitle
+					});
+				});
+			};
+			return t(z.value), t(R.value), Array.from(e.values());
+		}), U = p(0), W = s(() => U.value > 0), G = 0, Se = (t) => {
+			G++, z.value = [], A.value = e(t) ? [] : null, N.value = e(t) ? [] : null, $(A.value);
+		}, Ce = (t) => {
+			let n = (e) => H.value.find((t) => t.value === e) ?? {
+				title: `${e}`,
+				value: e
+			};
+			return e(t) ? t.map(n) : n(t);
+		}, K = async (t) => {
+			let n = ++G;
+			U.value++;
+			try {
+				let r = e(t) ? t : [t];
+				try {
+					let e = await b.fetchItemsByIds(r);
+					if (n !== G) return z.value;
+					z.value = e;
+					let i = Ce(t);
+					A.value = i, N.value = i, $(A.value);
+				} catch (e) {
+					q(e);
+				}
+				return z.value;
+			} finally {
+				U.value--;
+			}
+		}, { showErrorsDefault: q } = o(), J = async (e, t) => {
+			U.value++, T[D] = e;
+			try {
+				let e = await b.fetchItems(L, T, w);
+				t === P.value && (R.value = e);
+			} catch (e) {
+				q(e);
+			} finally {
+				U.value--;
+			}
+		}, Y = async (e) => {
+			if (b.prefetch !== !1 && b.prefetch === e && !W.value && !V.value) {
+				U.value++;
+				try {
+					let e = await b.fetchItems(L, T, w);
+					P.value === 0 && (R.value = e), V.value = !0;
+				} catch (e) {
+					q(e);
+				} finally {
+					U.value--;
+				}
+			}
+		}, we = async () => {
+			M.value = !0, await Y("focus");
+		}, Te = async () => {
+			await Y("hover");
+		}, Ee = s(() => {
+			if (!k.value.multiple && z.value[0]) return z.value[0].title;
+		}), De = (e) => {
+			let t = e ?? "";
+			(k.value.multiple || M.value || t.length !== 0) && Ee.value !== t && (j.value = t);
+		}, { clearOne: Oe } = a(), X, ke = () => {
+			Oe(b.name, C, S), x.value.delete(b.name);
+		}, Z = () => {
+			ke();
+			let e = C[b.name];
+			n(e) || (e === X && K(e), P.value++, J("", P.value));
+		};
+		_(j, (e, t) => {
+			let n = e ?? "";
+			n !== (t ?? "") && (n.length > 0 && n.length < b.minSearchChars || (n.length === 0 && b.prefetch === !1 ? R.value = [] : (P.value++, J(n, P.value))));
+		}, { debounce: ve });
+		let Ae = async () => {
+			await Y("mounted");
+		}, je = s(() => i(b.placeholder) ? k.value.variant === "startsWith" ? F("common.model.filterPlaceholder.startsWith") : k.value.variant === "eq" ? F("common.model.filterPlaceholder.eq") : k.value.variant === "search" ? F("common.model.filterPlaceholder.contains") : "" : b.placeholder), Me = s(() => {
+			if (W.value) return "$vuetify.loading";
+			if (R.value.length === 0 && j.value.length < b.minSearchChars) return i(b.minSearchText) ? F("common.filter.filterMinChars", { min: b.minSearchChars }) : b.minSearchText;
+		}), Q = (t) => {
+			S.touched = !0;
+			let n = null;
+			e(t) ? n = t.map((e) => e.value) : r(t) || (n = t.value), C[b.name] = n, ye("change");
+		}, Ne = (t) => {
+			e(A.value) ? (A.value = A.value.filter((e) => e.value !== t.value), Q(A.value)) : (A.value = null, Q(null), Z());
+		}, $ = (t) => {
+			x.value.delete(b.name), e(t) && t.length === 0 || r(t) ? x.value.delete(b.name) : e(t) ? x.value.set(b.name, t.map((e) => ({
+				title: e.title,
+				value: e.value
+			}))) : x.value.set(b.name, [{
+				title: t.title,
+				value: t.value
+			}]);
+		};
+		return me(() => C[b.name], async (e, r) => {
+			if (X = e, e === r || t(e)) return;
+			let a = e;
+			B.value && (B.value = !1, await Ae()), n(a) ? (Se(a), i(r) || (P.value++, await J("", P.value))) : await K(a);
+		}, { immediate: !0 }), (e, t) => (f(), se(ge, {
+			modelValue: A.value,
+			"onUpdate:modelValue": [t[0] ||= (e) => A.value = e, Q],
+			items: H.value,
+			"no-filter": "",
+			placeholder: je.value,
+			multiple: k.value.multiple,
+			clearable: !k.value.mandatory,
+			label: xe.value,
+			chips: k.value.multiple,
+			loading: W.value,
+			"hide-details": "",
+			"return-object": "",
+			autocomplete: "off",
+			"no-data-text": Me.value,
+			"onUpdate:search": De,
+			onBlur: I,
+			onFocus: we,
+			onMouseenter: Te,
+			"onClick:clear": Z
+		}, ue({
+			item: h(({ props: e, internalItem: t }) => [c(v, fe(e, {
+				title: t.raw.title,
+				subtitle: t.raw.subtitle
+			}), null, 16, ["title", "subtitle"])]),
+			chip: h(({ props: e, internalItem: t }) => [c(g, {
+				closable: e.closable,
+				"close-label": "common.button.remove",
+				size: "small",
+				text: `${t.title} (${t.raw.subtitle})`,
+				disabled: t.props.disabled,
+				"onClick:close": (e) => Ne(t.raw)
+			}, {
+				default: h(() => [de(m(t.raw.title) + " ", 1), t.raw.subtitle ? (f(), le("span", _e, " (" + m(t.raw.subtitle) + ") ", 1)) : ce("", !0)]),
+				_: 2
+			}, 1032, [
+				"closable",
+				"text",
+				"disabled",
+				"onClick:close"
+			])]),
+			_: 2
+		}, [W.value ? {
+			name: "no-data",
+			fn: h(() => [c(v, { title: pe(F)("$vuetify.loading") }, null, 8, ["title"])]),
+			key: "0"
+		} : void 0]), 1032, [
+			"modelValue",
+			"items",
+			"placeholder",
+			"multiple",
+			"clearable",
+			"label",
+			"chips",
+			"loading",
+			"no-data-text"
+		]));
+	}
+});
+export { y as default };
+
+//# sourceMappingURL=AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VAutocomplete","_createSlots","_withCtx","_createVNode","_component_VListItem","_mergeProps","_component_VChip","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_unref","_hoisted_1","SEARCH_DEBOUNCE_MS","AFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","filterInnerConfig","FilterInnerConfigKey","filterInnerData","FilterInnerDataKey","componentName","getCurrentInstance","isUndefined","filterByFieldProp","filterSortByProp","filterConfigCurrent","computed","selected","ref","search","isFocused","modelValueAutocomplete","apiRequestCounter","useI18n","onBlur","label","t","usePagination","isNull","fetchedItems","selectedItemsCache","isFirstLoad","prefetchCompleted","allItems","itemsMap","addToMap","item","requestsRunning","loading","byIdsCounter","resetToEmptyState","isArray","value","updateFilterSelected","updateSelected","findItem","obj","id","loadListItems","requestId","idsArray","ids","res","selectedNewValue","useAlerts","apiSearch","query","pagination","requestCounter","error","tryAutoFetch","mode","onFocus","onMouseEnter","singleItemSelectedTitle","onSearchUpdate","text","useFilterClearHelpers","watchedValue","clearField","clearOne","onClickClear","isEmpty","newValue","oldValue","checkFirstLoad","placeholderComputed","noDataText","onSelectedUpdate","final","onChipCloseClick","closedItem","watch","newValueFilterData","oldValueFilterData","isBoolean","openBlock","createBlock","VAutocomplete","_cache","$event","createSlots","withCtx","itemProps","createVNode","VListItem","mergeProps","internalItem","chipProps","VChip","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","unref"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isArray, isBoolean, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type FilterConfig, type FilterData, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterInnerConfigKey,\n  FilterInnerDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { type Pagination, usePagination } from '@/domains/api/composables/pagination'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\ntype ModelValueType = T | T[] | null | undefined\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    fetchItems: (\n      pagination: Ref<Pagination>,\n      filterData: FilterData,\n      filterConfig: FilterConfig\n    ) => Promise<ValueObjectOption<T>[]>\n    fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n    filterByField: string\n    filterSortBy?: DatatableSortBy\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n    placeholder?: string | undefined\n  }>(),\n  {\n    filterSortBy: null,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n    placeholder: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterInnerConfig) ||\n  isUndefined(filterInnerData)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst filterByFieldProp = props.filterByField\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst filterSortByProp = props.filterSortBy\n\nif (isUndefined(filterInnerConfig.fields[filterByFieldProp]) || isUndefined(filterInnerData[filterByFieldProp])) {\n  throw new Error(\n    `[${componentName}] Incorrect filter inner config. ` +\n      `FilterByField is '${filterByFieldProp}' and available options are ${Object.keys(filterInnerData).join(', ')}.`\n  )\n}\n\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst selected = ref<any>([])\nconst search = ref('')\nconst isFocused = ref(false)\nconst modelValueAutocomplete = ref<ValueObjectOption<T> | ValueObjectOption<T>[] | null>(null)\nconst apiRequestCounter = ref(0)\n\nconst { t } = useI18n()\n\nconst onBlur = () => {\n  isFocused.value = false\n}\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\n\nconst fetchedItems = ref<ValueObjectOption<T>[]>([])\nconst selectedItemsCache = ref<ValueObjectOption<T>[]>([])\nconst isFirstLoad = ref(true)\nconst prefetchCompleted = ref(false)\n\nconst allItems = computed<ValueObjectOption<T>[]>(() => {\n  const itemsMap = new Map<T, ValueObjectOption<T>>()\n  const addToMap = (items: ValueObjectOption<T>[]) => {\n    items.forEach((item) => {\n      itemsMap.set(item.value, {\n        value: item.value,\n        title: item.title,\n        subtitle: item.subtitle,\n      } as ValueObjectOption<T>)\n    })\n  }\n\n  addToMap(selectedItemsCache.value as ValueObjectOption<T>[])\n  addToMap(fetchedItems.value as ValueObjectOption<T>[])\n\n  return Array.from(itemsMap.values())\n})\n\n// Counts running requests (by ids, search, prefetch). The spinner stays on until the last one ends.\n// A single flag let a read by ids hide the spinner of a search still running, and the reverse.\nconst requestsRunning = ref(0)\nconst loading = computed(() => requestsRunning.value > 0)\n\nlet byIdsCounter = 0\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  selected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\n  updateFilterSelected(selected.value)\n}\n\nconst updateSelected = (value: T[] | T) => {\n  const findItem = (id: T): ValueObjectOption<T> =>\n    allItems.value.find((obj) => obj.value === id) ?? ({ title: `${id}`, value: id } as ValueObjectOption<T>)\n  return isArray(value) ? value.map(findItem) : findItem(value)\n}\n\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    try {\n      const res = await props.fetchItemsByIds(idsArray)\n      if (requestId !== byIdsCounter) return selectedItemsCache.value\n      selectedItemsCache.value = res\n      const selectedNewValue = updateSelected(ids)\n      selected.value = selectedNewValue\n      modelValueAutocomplete.value = selectedNewValue\n      updateFilterSelected(selected.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return selectedItemsCache.value\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst { showErrorsDefault } = useAlerts()\n\nconst apiSearch = async (query: string, requestCounter: number) => {\n  requestsRunning.value++\n  filterInnerData[filterByFieldProp] = query\n  try {\n    const res = await props.fetchItems(pagination, filterInnerData, filterInnerConfig)\n    if (requestCounter === apiRequestCounter.value) fetchedItems.value = res\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryAutoFetch = async (mode: 'focus' | 'hover' | 'mounted') => {\n  if (props.prefetch === false || props.prefetch !== mode) return\n  if (loading.value) return\n  if (prefetchCompleted.value) return\n\n  requestsRunning.value++\n  try {\n    const res = await props.fetchItems(pagination, filterInnerData, filterInnerConfig)\n    if (apiRequestCounter.value === 0) {\n      fetchedItems.value = res\n    }\n    prefetchCompleted.value = true\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst onFocus = async () => {\n  isFocused.value = true\n  await tryAutoFetch('focus')\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover')\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!filterConfigCurrent.value.multiple && selectedItemsCache.value[0]) {\n    return selectedItemsCache.value[0].title\n  }\n  return undefined\n})\n\n// Clearing the field first emits a `null` search. Reading its length threw when the field had no focus.\nconst onSearchUpdate = (query: string | null) => {\n  const text = query ?? ''\n  if (!filterConfigCurrent.value.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\nconst { clearOne } = useFilterClearHelpers()\n\n/** The value of the filter its watcher (below) saw last. */\nlet watchedValue: unknown\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\n// Clearing empties the filter in one step, so the filter watcher\n// fetches once for an empty search and keeps only the newest answer.\n// A single-value filter cleared onto its own default does not\n// change, so its watcher does nothing. Its item is restored here.\n// A clear that ends on a default value fetches the empty search here\n// through the counter, because the watcher only fetches for an empty value.\nconst onClickClear = () => {\n  clearField()\n  const value = filterData[props.name]\n  if (isEmpty(value)) return\n  if (value === watchedValue) loadListItems(value as T[] | T)\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nwatchDebounced(\n  search,\n  (newValue: string | null, oldValue: string | null) => {\n    const query = newValue ?? ''\n    if (query === (oldValue ?? '')) return\n    if (query.length > 0 && query.length < props.minSearchChars) return\n    if (query.length === 0 && props.prefetch === false) {\n      fetchedItems.value = []\n      return\n    }\n    apiRequestCounter.value++\n    apiSearch(query, apiRequestCounter.value)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nconst checkFirstLoad = async () => {\n  await tryAutoFetch('mounted')\n}\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst noDataText = computed(() => {\n  if (loading.value) {\n    return '$vuetify.loading'\n  }\n  if (fetchedItems.value.length === 0 && search.value.length < props.minSearchChars) {\n    return isUndefined(props.minSearchText)\n      ? t('common.filter.filterMinChars', { min: props.minSearchChars })\n      : props.minSearchText\n  }\n  return undefined\n})\n\nconst onSelectedUpdate = (newValue: any) => {\n  filterConfig.touched = true\n  let final: null | string | number | string[] | number[] = null\n  if (isArray(newValue)) {\n    final = newValue.map((item: any) => item.value) as string[] | number[]\n  } else if (!isNull(newValue)) {\n    final = newValue.value\n  }\n  filterData[props.name] = final\n  emit('change')\n}\n\n// Closing a chip (`closable-chips`) removes its value from the filter, like unticking it in the list.\n// A single-value filter is cleared like the field's clear, since the chip slot draws its value as a chip too.\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (!isArray(selected.value)) {\n    selected.value = null\n    onSelectedUpdate(null)\n    onClickClear()\n    return\n  }\n  selected.value = (selected.value as ValueObjectOption<T>[]).filter((item) => item.value !== closedItem.value)\n  onSelectedUpdate(selected.value)\n}\n\nconst updateFilterSelected = (\n  newValue: ValueObjectOption<string | number> | ValueObjectOption<string | number>[] | null\n) => {\n  filterSelected.value.delete(props.name)\n  if ((isArray(newValue) && newValue.length === 0) || isNull(newValue)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((item) => ({ title: item.title, value: item.value }))\n    )\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: newValue.title, value: newValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  async (newValueFilterData, oldValueFilterData) => {\n    watchedValue = newValueFilterData\n    if (newValueFilterData === oldValueFilterData || isBoolean(newValueFilterData)) return\n    const newValue = newValueFilterData as ModelValueType\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await checkFirstLoad()\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      if (!isUndefined(oldValueFilterData)) {\n        apiRequestCounter.value++\n        await apiSearch('', apiRequestCounter.value)\n      }\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"selected\"\n    :items=\"allItems\"\n    no-filter\n    :placeholder=\"placeholderComputed\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :label=\"label\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :loading=\"loading\"\n    hide-details\n    return-object\n    autocomplete=\"off\"\n    :no-data-text=\"noDataText\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onSelectedUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\n    <template\n      v-if=\"loading\"\n      #no-data\n    >\n      <VListItem :title=\"t('$vuetify.loading')\" />\n    </template>\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        :title=\"internalItem.raw.title\"\n        :subtitle=\"internalItem.raw.subtitle\"\n      />\n    </template>\n    <template #chip=\"{ props: chipProps, internalItem }\">\n      <VChip\n        :closable=\"chipProps.closable as boolean\"\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        :text=\"`${internalItem.title} (${internalItem.raw.subtitle})`\"\n        :disabled=\"internalItem.props.disabled\"\n        @click:close=\"onChipCloseClick(internalItem.raw)\"\n      >\n        {{ internalItem.raw.title }}\n        <span\n          v-if=\"internalItem.raw.subtitle\"\n          class=\"font-italic pl-1\"\n        >\n          ({{ internalItem.raw.subtitle }})\n        </span>\n      </VChip>\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":"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"}

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.js

@@ -0,0 +1,6 @@
+import e from "./AFilterRemoteAutocompleteWithMinimal.vue_vue_type_script_setup_true_lang.js";
+// src/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AFilterRemoteAutocompleteWithMinimal.js.map