@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.11

package/dist/domains/anzuUser/api/anzuUserApi.d.ts

@@ -5,28 +5,25 @@ export declare const ANZU_USER_ENDPOINT = "/adm/v1/anzu-user";
 export interface AnzuUserApiParams {
     client: AxiosClientFn;
     /**
-     * Both reach every `useApiRequest` built here. The admins' copies declared `system = 'common'`
-     * and `entity = 'anzuUser'` as file constants, which is why a shared version has to take them:
-     * the same file now serves nine backends, and the error context has to name the right one.
+     * Both reach every `useApiRequest` built here.
+     * This file serves nine backends, so the error context has to name the right one.
      */
     system: string;
     entity?: string;
     /**
-     * i18n scope for a server-side validation failure, which is a different question from which
-     * backend answered. `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys, and
-     * for a component shared by nine backends the labels are always the library's own `common.*` --
-     * `weather.anzuUser.model.email` exists nowhere. Defaults to `common` plus the entity;
-     * contentHub passes its own pair to keep the keys it already has.
+     * i18n scope for server-side validation failures, separate from which backend answered.
+     * `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys. For a component shared by
+     * nine backends the labels are the library's `common.*`; `weather.anzuUser.model.email` does not exist.
+     * Defaults to `common` plus the entity. contentHub passes its own pair to keep its existing keys.
      */
     validationSystem?: string;
     validationEntity?: string;
     endPoint?: string;
 }
 /**
- * Generic in the user type, because the three systems that answer on `/adm/users` return a DTO of
- * their own -- `CmsUserDto`, `DamUserDto`, `ContentHubUserDto` -- each extending `UserDto` with
- * system fields. Losing those in the round trip is exactly what the write invariant forbids: the
- * body of a write is the whole object the preceding GET returned.
+ * Generic in the user type: the systems on `/adm/users` return their own DTO (`CmsUserDto`,
+ * `DamUserDto`, `ContentHubUserDto`) extending `UserDto` with system fields.
+ * Those fields must survive the round trip: a write body is the whole object the preceding GET returned.
  */
 export declare const useAnzuUserApi: <T extends AnzuUser = AnzuUser>({ client, system, entity, validationSystem, validationEntity, endPoint, }: AnzuUserApiParams) => {
     useFetchAnzuUserListByIds: () => import('../../api/composables/useApiFetchByIds').UseApiFetchByIdsReturnType<T>;

package/dist/domains/anzuUser/api/anzuUserApi.js

@@ -1,14 +1,14 @@
-import { useApiRequest as e } from "../../api/composables/useApiRequest.js";
+import { useApiFetchByIds as e } from "../../api/composables/useApiFetchByIds.js";
 import { useApiFetchList as t } from "../../api/composables/useApiFetchList.js";
-import { useApiFetchByIds as n } from "../../api/composables/useApiFetchByIds.js";
-//#region src/domains/anzuUser/api/anzuUserApi.ts
+import { useApiRequest as n } from "../../api/composables/useApiRequest.js";
+// src/domains/anzuUser/api/anzuUserApi.ts
 var r = "anzuUser", i = "/adm/v1/anzu-user", a = ({ client: a, system: o, entity: s = r, validationSystem: c = "common", validationEntity: l = s, endPoint: u = i }) => {
 	let d = {
 		validationSystem: c,
 		validationEntity: l
 	};
 	return {
-		useFetchAnzuUserListByIds: () => n({
+		useFetchAnzuUserListByIds: () => e({
 			client: a,
 			system: o,
 			entity: s,
@@ -22,7 +22,7 @@ var r = "anzuUser", i = "/adm/v1/anzu-user", a = ({ client: a, system: o, entity
 			...d,
 			urlTemplate: u
 		}),
-		useFetchAnzuUser: () => e({
+		useFetchAnzuUser: () => n({
 			client: a,
 			method: "GET",
 			system: o,
@@ -30,7 +30,7 @@ var r = "anzuUser", i = "/adm/v1/anzu-user", a = ({ client: a, system: o, entity
 			...d,
 			urlTemplate: u + "/:id"
 		}),
-		useCreateAnzuUser: () => e({
+		useCreateAnzuUser: () => n({
 			client: a,
 			method: "POST",
 			system: o,
@@ -38,7 +38,7 @@ var r = "anzuUser", i = "/adm/v1/anzu-user", a = ({ client: a, system: o, entity
 			...d,
 			urlTemplate: u
 		}),
-		useUpdateAnzuUser: () => e({
+		useUpdateAnzuUser: () => n({
 			client: a,
 			method: "PUT",
 			system: o,
@@ -46,17 +46,16 @@ var r = "anzuUser", i = "/adm/v1/anzu-user", a = ({ client: a, system: o, entity
 			...d,
 			urlTemplate: u + "/:id"
 		}),
-		usePatchBaseUser: (t) => e({
+		usePatchBaseUser: (e) => n({
 			client: a,
 			method: "PATCH",
 			system: o,
 			entity: s,
 			...d,
-			urlTemplate: t
+			urlTemplate: e
 		})
 	};
 };
-//#endregion
 export { i as ANZU_USER_ENDPOINT, r as ANZU_USER_ENTITY, a as useAnzuUserApi };
 
 //# sourceMappingURL=anzuUserApi.js.map

package/dist/domains/anzuUser/api/anzuUserApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"anzuUserApi.js","names":["ANZU_USER_ENTITY","ANZU_USER_ENDPOINT","useAnzuUserApi","entity","scope","useApiFetchByIds","endPoint","useApiFetchList","useApiRequest","patchEndPoint"],"sources":["../../../../src/domains/anzuUser/api/anzuUserApi.ts"],"sourcesContent":["import type { AxiosClientFn } from '@/domains/api/utils/client'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiRequest } from '@/domains/api/composables/useApiRequest'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\n\nexport const ANZU_USER_ENTITY = 'anzuUser'\nexport const ANZU_USER_ENDPOINT = '/adm/v1/anzu-user'\n\nexport interface AnzuUserApiParams {\n  client: AxiosClientFn\n  /**\n   * Both reach every `useApiRequest` built here. The admins' copies declared `system = 'common'`\n   * and `entity = 'anzuUser'` as file constants, which is why a shared version has to take them:\n   * the same file now serves nine backends, and the error context has to name the right one.\n   */\n  system: string\n  entity?: string\n  /**\n   * i18n scope for a server-side validation failure, which is a different question from which\n   * backend answered. `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys, and\n   * for a component shared by nine backends the labels are always the library's own `common.*` --\n   * `weather.anzuUser.model.email` exists nowhere. Defaults to `common` plus the entity;\n   * contentHub passes its own pair to keep the keys it already has.\n   */\n  validationSystem?: string\n  validationEntity?: string\n  endPoint?: string\n}\n\n/**\n * Generic in the user type, because the three systems that answer on `/adm/users` return a DTO of\n * their own -- `CmsUserDto`, `DamUserDto`, `ContentHubUserDto` -- each extending `UserDto` with\n * system fields. Losing those in the round trip is exactly what the write invariant forbids: the\n * body of a write is the whole object the preceding GET returned.\n */\nexport const useAnzuUserApi = <T extends AnzuUser = AnzuUser>({\n  client,\n  system,\n  entity = ANZU_USER_ENTITY,\n  validationSystem = 'common',\n  validationEntity = entity,\n  endPoint = ANZU_USER_ENDPOINT,\n}: AnzuUserApiParams) => {\n  const scope = { validationSystem, validationEntity }\n  const useFetchAnzuUserListByIds = () =>\n    useApiFetchByIds<T>({ client, system, entity, ...scope, urlTemplate: endPoint })\n\n  const useFetchAnzuUserList = () => useApiFetchList<T>({ client, system, entity, ...scope, urlTemplate: endPoint })\n\n  const useFetchAnzuUser = () =>\n    useApiRequest<T, null>({ client, method: 'GET', system, entity, ...scope, urlTemplate: endPoint + '/:id' })\n\n  const useCreateAnzuUser = () =>\n    useApiRequest<T, T>({ client, method: 'POST', system, entity, ...scope, urlTemplate: endPoint })\n\n  const useUpdateAnzuUser = () =>\n    useApiRequest<T, T>({ client, method: 'PUT', system, entity, ...scope, urlTemplate: endPoint + '/:id' })\n\n  /**\n   * Only cms, dam and contentHub have this, and it is the safe path for metadata: the method\n   * behind it writes e-mail, locale, avatar and person and has no setter for anything else.\n   *\n   * The body is the whole record the preceding read returned -- typed `T`, not `BaseUser`. Two\n   * reasons, and both are the invariant: `BaseUser` has no `locale`, and the method behind this\n   * path calls `setLocale` unconditionally, so a body shaped like `BaseUser` would erase the\n   * interface language of whoever was edited. And `id` has to be in it: `BaseUserDto` declares a\n   * uniqueness constraint on both `id` and `email`, and the validator only excludes the record\n   * itself when the DTO carries a non-empty `id` -- without it the server reports the user's own\n   * e-mail as taken, on every account.\n   */\n  const usePatchBaseUser = (patchEndPoint: string) =>\n    useApiRequest<T, T>({ client, method: 'PATCH', system, entity, ...scope, urlTemplate: patchEndPoint })\n\n  return {\n    useFetchAnzuUserListByIds,\n    useFetchAnzuUserList,\n    useFetchAnzuUser,\n    useCreateAnzuUser,\n    useUpdateAnzuUser,\n    usePatchBaseUser,\n  }\n}\n"],"mappings":";;;;AAMA,IAAaA,IAAmB,YACnBC,IAAqB,qBA6BrBC,KAAiD,EAC5D,WACA,WACA,YAASF,GACT,sBAAmB,UACnB,sBAAmBG,GACnB,cAAWF,QACY;CACvB,IAAMG,IAAQ;EAAE;EAAkB;CAAiB;CA8BnD,OAAO;EACL,iCA7BAC,EAAoB;GAAE;GAAQ;GAAQ;GAAQ,GAAGD;GAAO,aAAaE;EAAS,CAAC;EA8B/E,4BA5BiCC,EAAmB;GAAE;GAAQ;GAAQ;GAAQ,GAAGH;GAAO,aAAaE;EAAS,CAAC;EA6B/G,wBA1BAE,EAAuB;GAAE;GAAQ,QAAQ;GAAO;GAAQ;GAAQ,GAAGJ;GAAO,aAAaE,IAAW;EAAO,CAAC;EA2B1G,yBAxBAE,EAAoB;GAAE;GAAQ,QAAQ;GAAQ;GAAQ;GAAQ,GAAGJ;GAAO,aAAaE;EAAS,CAAC;EAyB/F,yBAtBAE,EAAoB;GAAE;GAAQ,QAAQ;GAAO;GAAQ;GAAQ,GAAGJ;GAAO,aAAaE,IAAW;EAAO,CAAC;EAuBvG,mBATwB,MACxBE,EAAoB;GAAE;GAAQ,QAAQ;GAAS;GAAQ;GAAQ,GAAGJ;GAAO,aAAaK;EAAc,CAAC;CASvG;AACF"}
+{"version":3,"file":"anzuUserApi.js","names":["ANZU_USER_ENTITY","ANZU_USER_ENDPOINT","useAnzuUserApi","entity","scope","useApiFetchByIds","endPoint","useApiFetchList","useApiRequest","patchEndPoint"],"sources":["../../../../src/domains/anzuUser/api/anzuUserApi.ts"],"sourcesContent":["import type { AxiosClientFn } from '@/domains/api/utils/client'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiRequest } from '@/domains/api/composables/useApiRequest'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\n\nexport const ANZU_USER_ENTITY = 'anzuUser'\nexport const ANZU_USER_ENDPOINT = '/adm/v1/anzu-user'\n\nexport interface AnzuUserApiParams {\n  client: AxiosClientFn\n  /**\n   * Both reach every `useApiRequest` built here.\n   * This file serves nine backends, so the error context has to name the right one.\n   */\n  system: string\n  entity?: string\n  /**\n   * i18n scope for server-side validation failures, separate from which backend answered.\n   * `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys. For a component shared by\n   * nine backends the labels are the library's `common.*`; `weather.anzuUser.model.email` does not exist.\n   * Defaults to `common` plus the entity. contentHub passes its own pair to keep its existing keys.\n   */\n  validationSystem?: string\n  validationEntity?: string\n  endPoint?: string\n}\n\n/**\n * Generic in the user type: the systems on `/adm/users` return their own DTO (`CmsUserDto`,\n * `DamUserDto`, `ContentHubUserDto`) extending `UserDto` with system fields.\n * Those fields must survive the round trip: a write body is the whole object the preceding GET returned.\n */\nexport const useAnzuUserApi = <T extends AnzuUser = AnzuUser>({\n  client,\n  system,\n  entity = ANZU_USER_ENTITY,\n  validationSystem = 'common',\n  validationEntity = entity,\n  endPoint = ANZU_USER_ENDPOINT,\n}: AnzuUserApiParams) => {\n  const scope = { validationSystem, validationEntity }\n  const useFetchAnzuUserListByIds = () =>\n    useApiFetchByIds<T>({ client, system, entity, ...scope, urlTemplate: endPoint })\n\n  const useFetchAnzuUserList = () => useApiFetchList<T>({ client, system, entity, ...scope, urlTemplate: endPoint })\n\n  const useFetchAnzuUser = () =>\n    useApiRequest<T, null>({ client, method: 'GET', system, entity, ...scope, urlTemplate: endPoint + '/:id' })\n\n  const useCreateAnzuUser = () =>\n    useApiRequest<T, T>({ client, method: 'POST', system, entity, ...scope, urlTemplate: endPoint })\n\n  const useUpdateAnzuUser = () =>\n    useApiRequest<T, T>({ client, method: 'PUT', system, entity, ...scope, urlTemplate: endPoint + '/:id' })\n\n  /**\n   * Only cms, dam and contentHub have this path. It is the safe path for metadata:\n   * the backend method writes e-mail, locale, avatar and person and nothing else.\n   * The body is the whole record from the preceding read, typed `T`, not `BaseUser`. The method calls `setLocale`\n   * unconditionally, and `BaseUser` has no `locale`, so a `BaseUser` body would erase the user's interface language.\n   * The body must also carry `id`. `BaseUserDto` has a uniqueness constraint on `id` and `email`, and the validator\n   * excludes the record itself only when `id` is set. Without it the server reports the user's own e-mail as taken.\n   */\n  const usePatchBaseUser = (patchEndPoint: string) =>\n    useApiRequest<T, T>({ client, method: 'PATCH', system, entity, ...scope, urlTemplate: patchEndPoint })\n\n  return {\n    useFetchAnzuUserListByIds,\n    useFetchAnzuUserList,\n    useFetchAnzuUser,\n    useCreateAnzuUser,\n    useUpdateAnzuUser,\n    usePatchBaseUser,\n  }\n}\n"],"mappings":";;;;AAMA,IAAaA,IAAmB,YACnBC,IAAqB,qBA0BrBC,KAAiD,EAC5D,WACA,WACA,YAASF,GACT,sBAAmB,UACnB,sBAAmBG,GACnB,cAAWF,QACY;CACvB,IAAMG,IAAQ;EAAE;EAAkB;CAAiB;CA0BnD,OAAO;EACL,iCAzBAC,EAAoB;GAAE;GAAQ;GAAQ;GAAQ,GAAGD;GAAO,aAAaE;EAAS,CAAC;EA0B/E,4BAxBiCC,EAAmB;GAAE;GAAQ;GAAQ;GAAQ,GAAGH;GAAO,aAAaE;EAAS,CAAC;EAyB/G,wBAtBAE,EAAuB;GAAE;GAAQ,QAAQ;GAAO;GAAQ;GAAQ,GAAGJ;GAAO,aAAaE,IAAW;EAAO,CAAC;EAuB1G,yBApBAE,EAAoB;GAAE;GAAQ,QAAQ;GAAQ;GAAQ;GAAQ,GAAGJ;GAAO,aAAaE;EAAS,CAAC;EAqB/F,yBAlBAE,EAAoB;GAAE;GAAQ,QAAQ;GAAO;GAAQ;GAAQ,GAAGJ;GAAO,aAAaE,IAAW;EAAO,CAAC;EAmBvG,mBATwB,MACxBE,EAAoB;GAAE;GAAQ,QAAQ;GAAS;GAAQ;GAAQ,GAAGJ;GAAO,aAAaK;EAAc,CAAC;CASvG;AACF"}

package/dist/domains/anzuUser/components/AAnzuUserDatatable.js

@@ -1,7 +1,6 @@
 import e from "./AAnzuUserDatatable.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/anzuUser/components/AAnzuUserDatatable.vue
+// src/domains/anzuUser/components/AAnzuUserDatatable.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AAnzuUserDatatable.js.map

package/dist/domains/anzuUser/components/AAnzuUserDatatable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AAnzuUserDatatable.js","names":["_sfc_main","AAnzuUserDatatable_vue_vue_type_script_setup_true_lang_default","AAnzuUserDatatable_default"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserDatatable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, provide, useSlots, watch } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport type { AxiosInstance } from 'axios'\nimport { useDebounceFn } from '@vueuse/core'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ADatatableConfigButton from '@/domains/filters/datatable/components/ADatatableConfigButton.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { createDatatableColumnsConfig } from '@/domains/filters/datatable/composables/createDatatableColumnsConfig'\nimport {\n  useFilterHelpers,\n  type FilterStoreIdentifier,\n  type MakeFilterOption,\n} from '@/domains/filters/composables/filterFactory'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport AAnzuUserFilter from '@/domains/anzuUser/components/AAnzuUserFilter.vue'\nimport { useAnzuUserActions } from '@/domains/anzuUser/composables/anzuUserActions'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport { anzuUserFilterStorageKey, useAnzuUserListFilter } from '@/domains/anzuUser/filter/anzuUserFilter'\nimport { usePermissionConfigActions } from '@/domains/permission/config/composables/permissionConfigActions'\nimport { useCachedPermissionGroups } from '@/domains/permission/group/composables/cachedPermissionGroups'\nimport { PERMISSION_GROUP_ENDPOINT } from '@/domains/permission/group/api/permissionGroupApi'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\nimport type { IntegerIdNullable } from '@/shared/types/common'\n\ntype DatatableItem = AnzuUser\n\nconst props = withDefaults(\n  defineProps<{\n    client: AxiosClientFn\n    system: string\n    entity?: string | undefined\n    endPoint?: string | undefined\n    detailRoute: (user: AnzuUser) => RouteLocationRaw\n    editRoute: (user: AnzuUser) => RouteLocationRaw\n    /** Already-evaluated ACL of the owning system. */\n    canUpdate?: boolean\n    /** The permission-group endpoint, which is not the user one. */\n    permissionGroupEndPoint?: string\n    /**\n     * Extra columns the app draws through `#systemColumns`, appended after the shared ones.\n     *\n     * A bare key takes its header from the library's own `common.anzuUser.model.*`, which holds\n     * eight keys and none of any system's -- so a system column passes its title already\n     * translated, out of the namespace that has it.\n     */\n    systemColumns?: Array<string | { key: string; title: string }>\n    /**\n     * Signing in as somebody else, as a switchable feature.\n     *\n     * A callback rather than a path, because there is more than one mechanism: cms posts to\n     * `/adm/users/{id}/impersonate` and gets a JWT with an impersonation claim, blog opens the\n     * public site through `window.open`. Only the cms one reaches a shared component -- blog's\n     * hangs off its product user, which is a different view -- so one prop is enough for now.\n     * Left unset, nothing is drawn.\n     */\n    impersonate?: ((user: AnzuUser) => void) | undefined\n    canImpersonate?: boolean\n    /**\n     * Filter fields this system adds to the shared three.\n     *\n     * A parameter and not part of the shared list, because the same filter is not the same query\n     * everywhere: cms asks for permission groups with `memberOf`, dam with `custom`, and\n     * `allowedSites` exists only in cms. A plain field needs nothing more -- the generic renderer\n     * draws it -- while one that wants a remote autocomplete comes in through `#filter.<name>`.\n     */\n    filterFields?: readonly MakeFilterOption[]\n    /**\n     * Saved filters, which are stored per user, so both are needed for the button to appear. cms\n     * and dam have them on the list this replaces; the other three admins do not.\n     */\n    filterClient?: (() => AxiosInstance) | undefined\n    filterUserId?: IntegerIdNullable | undefined\n    /** Where the filter files its saved bookmarks. */\n    filterStore?: FilterStoreIdentifier | undefined\n  }>(),\n  {\n    entity: undefined,\n    endPoint: undefined,\n    permissionGroupEndPoint: PERMISSION_GROUP_ENDPOINT,\n    canUpdate: false,\n    systemColumns: () => [],\n    impersonate: undefined,\n    canImpersonate: false,\n    filterFields: () => [],\n    filterClient: undefined,\n    filterUserId: undefined,\n    filterStore: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'rowClick', user: AnzuUser): void\n}>()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { t } = useI18n()\nconst { filterConfig, filterData } = useAnzuUserListFilter(props.system, props.filterFields)\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst { fetchAnzuUserList, cancelAnzuUserList, anzuUserList, loadingAnzuUserList, datatableHiddenColumns } =\n  useAnzuUserActions({\n    client: props.client,\n    system: props.system,\n    entity: props.entity,\n    endPoint: props.endPoint,\n  })\n\n// No `entity` here on purpose: this one reads the permission config, which is its own resource.\n// `props.entity` names the user.\nconst { translatePermission } = usePermissionConfigActions({\n  client: props.client,\n  system: props.system,\n})\n\n/**\n * Group titles for the column, resolved against this system's own cache.\n *\n * Drawn here rather than left to a slot: a group is a group in every admin, the library already\n * has the cache -- keyed per system, because id 42 in weather and id 42 in blog are different rows\n * -- and leaving it to the call sites is how the column ends up empty in every one of them. An app\n * that wants its own chip still overrides through the slot.\n */\nconst { addToCachedPermissionGroups, fetchCachedPermissionGroups, getCachedPermissionGroup } =\n  useCachedPermissionGroups({\n    client: props.client,\n    system: props.system,\n    endPoint: props.permissionGroupEndPoint,\n  })\n\nconst { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(filterData, filterConfig, {\n  storeFiltersLocalStorage: anzuUserFilterStorageKey(props.system),\n})\n\nconst { pagination } = usePagination(SORT_BY_ID)\nprovide(DatatablePaginationKey, pagination)\n\nconst { columnsVisible, columnsAll, columnsHidden } = createDatatableColumnsConfig(\n  [\n    { key: 'id' },\n    { key: 'email' },\n    { key: 'enabled' },\n    { key: 'roles' },\n    { key: 'permissionGroups' },\n    { key: 'permissions' },\n    ...props.systemColumns.map((column) => (typeof column === 'string' ? { key: column } : column)),\n    { key: 'createdAt' },\n    { key: 'modifiedAt' },\n  ],\n  datatableHiddenColumns,\n  'common',\n  ANZU_USER_ENTITY,\n  { storeColumnsLocalStorage: `table_common_anzuUser_${props.system}` }\n)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst getList = useDebounceFn(async () => {\n  await fetchAnzuUserList(pagination, filterData, filterConfig)\n})\n\nwatch(anzuUserList, (users) => {\n  users.forEach((user) => addToCachedPermissionGroups(user.permissionGroups))\n  void fetchCachedPermissionGroups()\n})\n\nconst systemColumnKeys = computed(() =>\n  props.systemColumns.map((column) => (typeof column === 'string' ? column : column.key))\n)\n\n// `#filter.allowedSites` here becomes `#item.allowedSites` inside the filter, which is the name\n// `AFilterWrapper` renders a field's own widget under. The prefix is what keeps a field slot apart\n// from this table's own `item.*` columns.\nconst slots = useSlots()\nconst FILTER_SLOT_PREFIX = 'filter.'\nconst filterSlotNames = computed(() =>\n  Object.keys(slots)\n    .filter((name) => name.startsWith(FILTER_SLOT_PREFIX))\n    .map((name) => name.slice(FILTER_SLOT_PREFIX.length))\n)\n\nconst submitFilterAction = () => submitFilter(pagination, getList)\nconst resetFilterAction = () => resetFilter(pagination, getList)\n\nconst onRowClick = (_event: unknown, { item }: { item: DatatableItem }) => {\n  if (item.id) emit('rowClick', item)\n}\n\nonMounted(() => {\n  loadStoredFilters(pagination, getList)\n})\n\nonBeforeUnmount(() => {\n  getList.cancel()\n  cancelAnzuUserList()\n})\n\ndefineExpose({\n  refresh: getList,\n  resetFilter: resetFilterAction,\n  submitFilter: submitFilterAction,\n})\n</script>\n\n<template>\n  <div>\n    <AAnzuUserFilter\n      v-model:datatable-hidden-columns=\"columnsHidden\"\n      :client=\"filterClient\"\n      :user-id=\"filterUserId\"\n      :store=\"filterStore\"\n      @submit=\"submitFilterAction\"\n      @reset=\"resetFilterAction\"\n    >\n      <template\n        v-for=\"name in filterSlotNames\"\n        :key=\"name\"\n        #[`item.${name}`]=\"slotProps\"\n      >\n        <slot\n          :name=\"`${FILTER_SLOT_PREFIX}${name}`\"\n          v-bind=\"slotProps ?? {}\"\n        />\n      </template>\n    </AAnzuUserFilter>\n    <div>\n      <div class=\"d-flex align-center\">\n        <VSpacer />\n        <ADatatableOrdering\n          variant=\"id\"\n          @sort-by-change=\"submitFilterAction\"\n        />\n        <ADatatableConfigButton\n          v-model:columns-hidden=\"columnsHidden\"\n          :columns-all=\"columnsAll\"\n        />\n      </div>\n      <VDataTableServer\n        class=\"a-datatable\"\n        :headers=\"columnsVisible\"\n        :items=\"anzuUserList\"\n        :items-length=\"anzuUserList.length\"\n        :loading=\"loadingAnzuUserList\"\n        item-value=\"id\"\n        @click:row=\"onRowClick\"\n      >\n        <template #item.enabled=\"{ item }: { item: DatatableItem }\">\n          <ABooleanValue\n            chip\n            :value=\"item.enabled\"\n          />\n        </template>\n        <template #item.roles=\"{ item }: { item: DatatableItem }\">\n          <VChip\n            v-for=\"role in item.roles\"\n            :key=\"role\"\n            class=\"mr-1 mb-1\"\n          >\n            {{ translatePermission('roles', role) }}\n          </VChip>\n        </template>\n        <template #item.permissionGroups=\"{ item }: { item: DatatableItem }\">\n          <slot\n            name=\"permissionGroups\"\n            :ids=\"item.permissionGroups\"\n          >\n            <VChip\n              v-for=\"permissionGroupId in item.permissionGroups\"\n              :key=\"permissionGroupId\"\n              class=\"mr-1 mb-1\"\n              size=\"small\"\n              label\n            >\n              {{ getCachedPermissionGroup(permissionGroupId)?.title || permissionGroupId }}\n            </VChip>\n          </slot>\n        </template>\n        <template #item.permissions=\"{ item }: { item: DatatableItem }\">\n          <VChip>{{ Object.keys(item.permissions).length }}</VChip>\n        </template>\n        <template\n          v-for=\"column in systemColumnKeys\"\n          :key=\"column\"\n          #[`item.${column}`]=\"{ item }: { item: DatatableItem }\"\n        >\n          <slot\n            name=\"systemColumns\"\n            :column=\"column\"\n            :user=\"item\"\n          />\n        </template>\n        <template #item.createdAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.createdAt\" />\n          <template v-if=\"$slots.createdBy\">\n            <br />\n            <slot\n              :id=\"item.createdBy\"\n              name=\"createdBy\"\n            />\n          </template>\n        </template>\n        <template #item.modifiedAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.modifiedAt\" />\n          <template v-if=\"$slots.modifiedBy\">\n            <br />\n            <slot\n              :id=\"item.modifiedBy\"\n              name=\"modifiedBy\"\n            />\n          </template>\n        </template>\n        <template #item.actions=\"{ item }: { item: DatatableItem }\">\n          <div\n            v-if=\"item.id\"\n            class=\"d-flex justify-end\"\n          >\n            <ATableCopyIdButton :id=\"item.id\" />\n            <VBtn\n              :to=\"detailRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-information-outline\"\n              :aria-label=\"t('common.button.detail')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n            <VBtn\n              v-if=\"canUpdate\"\n              :to=\"editRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-pencil\"\n              :aria-label=\"t('common.button.edit')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n            <!-- A disabled account cannot sign in, so it cannot be signed in as either. -->\n            <VBtn\n              v-if=\"impersonate && canImpersonate\"\n              :disabled=\"!item.enabled\"\n              class=\"ml-1\"\n              icon=\"mdi-account-switch\"\n              :aria-label=\"t('common.anzuUser.table.impersonate')\"\n              size=\"x-small\"\n              variant=\"text\"\n              data-cy=\"user-impersonate\"\n              @click.stop=\"impersonate(item)\"\n            />\n            <slot\n              name=\"rowActions\"\n              :user=\"item\"\n            />\n          </div>\n        </template>\n        <template #bottom>\n          <ADatatablePagination @change=\"getList\" />\n        </template>\n      </VDataTableServer>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AAnzuUserDatatable.js","names":["_sfc_main","AAnzuUserDatatable_vue_vue_type_script_setup_true_lang_default","AAnzuUserDatatable_default"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserDatatable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, provide, useSlots, watch } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport type { AxiosInstance } from 'axios'\nimport { useDebounceFn } from '@vueuse/core'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ADatatableConfigButton from '@/domains/filters/datatable/components/ADatatableConfigButton.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { createDatatableColumnsConfig } from '@/domains/filters/datatable/composables/createDatatableColumnsConfig'\nimport {\n  useFilterHelpers,\n  type FilterStoreIdentifier,\n  type MakeFilterOption,\n} from '@/domains/filters/composables/filterFactory'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport AAnzuUserFilter from '@/domains/anzuUser/components/AAnzuUserFilter.vue'\nimport { useAnzuUserActions } from '@/domains/anzuUser/composables/anzuUserActions'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport { anzuUserFilterStorageKey, useAnzuUserListFilter } from '@/domains/anzuUser/filter/anzuUserFilter'\nimport { usePermissionConfigActions } from '@/domains/permission/config/composables/permissionConfigActions'\nimport { useCachedPermissionGroups } from '@/domains/permission/group/composables/cachedPermissionGroups'\nimport { PERMISSION_GROUP_ENDPOINT } from '@/domains/permission/group/api/permissionGroupApi'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\nimport type { IntegerIdNullable } from '@/shared/types/common'\n\ntype DatatableItem = AnzuUser\n\nconst props = withDefaults(\n  defineProps<{\n    client: AxiosClientFn\n    system: string\n    entity?: string | undefined\n    endPoint?: string | undefined\n    detailRoute: (user: AnzuUser) => RouteLocationRaw\n    editRoute: (user: AnzuUser) => RouteLocationRaw\n    /** Already-evaluated ACL of the owning system. */\n    canUpdate?: boolean\n    /** The permission-group endpoint, which is not the user one. */\n    permissionGroupEndPoint?: string\n    /**\n     * Extra columns the app draws through `#systemColumns`, appended after the shared ones.\n     * A bare key takes its header from `common.anzuUser.model.*`, which has\n     * no system keys. So a system column passes its title already translated.\n     */\n    systemColumns?: Array<string | { key: string; title: string }>\n    /**\n     * Optional impersonation. Left unset, nothing is drawn.\n     * A callback rather than a path, because the mechanisms differ: cms posts to `/adm/users/{id}/impersonate` and\n     * gets a JWT, blog opens the public site with `window.open`. Only the cms one reaches this shared component.\n     */\n    impersonate?: ((user: AnzuUser) => void) | undefined\n    canImpersonate?: boolean\n    /**\n     * Filter fields this system adds to the shared three.\n     * Not part of the shared list because the same filter is a different query per system:\n     * cms uses `memberOf`, dam uses `custom`, and `allowedSites` exists only in cms.\n     * A plain field is drawn by the generic renderer. A field that\n     * needs a remote autocomplete comes in through `#filter.<name>`.\n     */\n    filterFields?: readonly MakeFilterOption[]\n    /**\n     * Saved filters are stored per user, so both props are needed for the button to appear. Only cms and dam use them.\n     */\n    filterClient?: (() => AxiosInstance) | undefined\n    filterUserId?: IntegerIdNullable | undefined\n    /** Where the filter files its saved bookmarks. */\n    filterStore?: FilterStoreIdentifier | undefined\n  }>(),\n  {\n    entity: undefined,\n    endPoint: undefined,\n    permissionGroupEndPoint: PERMISSION_GROUP_ENDPOINT,\n    canUpdate: false,\n    systemColumns: () => [],\n    impersonate: undefined,\n    canImpersonate: false,\n    filterFields: () => [],\n    filterClient: undefined,\n    filterUserId: undefined,\n    filterStore: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'rowClick', user: AnzuUser): void\n}>()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { t } = useI18n()\nconst { filterConfig, filterData } = useAnzuUserListFilter(props.system, props.filterFields)\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst { fetchAnzuUserList, cancelAnzuUserList, anzuUserList, loadingAnzuUserList, datatableHiddenColumns } =\n  useAnzuUserActions({\n    client: props.client,\n    system: props.system,\n    entity: props.entity,\n    endPoint: props.endPoint,\n  })\n\n// No `entity` here on purpose: this one reads the permission config, which is its own resource.\n// `props.entity` names the user.\nconst { translatePermission } = usePermissionConfigActions({\n  client: props.client,\n  system: props.system,\n})\n\n/**\n * Group titles for the column, resolved against this system's own cache.\n * Drawn here rather than left to a slot, so the column is not left empty in every app.\n * The cache is keyed per system because the same id is a different group in each backend.\n * An app can still override the chip through the slot.\n */\nconst { addToCachedPermissionGroups, fetchCachedPermissionGroups, getCachedPermissionGroup } =\n  useCachedPermissionGroups({\n    client: props.client,\n    system: props.system,\n    endPoint: props.permissionGroupEndPoint,\n  })\n\nconst { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(filterData, filterConfig, {\n  storeFiltersLocalStorage: anzuUserFilterStorageKey(props.system),\n})\n\nconst { pagination } = usePagination(SORT_BY_ID)\nprovide(DatatablePaginationKey, pagination)\n\nconst { columnsVisible, columnsAll, columnsHidden } = createDatatableColumnsConfig(\n  [\n    { key: 'id' },\n    { key: 'email' },\n    { key: 'enabled' },\n    { key: 'roles' },\n    { key: 'permissionGroups' },\n    { key: 'permissions' },\n    ...props.systemColumns.map((column) => (typeof column === 'string' ? { key: column } : column)),\n    { key: 'createdAt' },\n    { key: 'modifiedAt' },\n  ],\n  datatableHiddenColumns,\n  'common',\n  ANZU_USER_ENTITY,\n  { storeColumnsLocalStorage: `table_common_anzuUser_${props.system}` }\n)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst getList = useDebounceFn(async () => {\n  await fetchAnzuUserList(pagination, filterData, filterConfig)\n})\n\nwatch(anzuUserList, (users) => {\n  users.forEach((user) => addToCachedPermissionGroups(user.permissionGroups))\n  void fetchCachedPermissionGroups()\n})\n\nconst systemColumnKeys = computed(() =>\n  props.systemColumns.map((column) => (typeof column === 'string' ? column : column.key))\n)\n\n// `#filter.allowedSites` here becomes `#item.allowedSites` inside the\n// filter. That is the name `AFilterWrapper` renders a field's widget under.\n// The prefix keeps field slots apart from this table's own `item.*` columns.\nconst slots = useSlots()\nconst FILTER_SLOT_PREFIX = 'filter.'\nconst filterSlotNames = computed(() =>\n  Object.keys(slots)\n    .filter((name) => name.startsWith(FILTER_SLOT_PREFIX))\n    .map((name) => name.slice(FILTER_SLOT_PREFIX.length))\n)\n\nconst submitFilterAction = () => submitFilter(pagination, getList)\nconst resetFilterAction = () => resetFilter(pagination, getList)\n\nconst onRowClick = (_event: unknown, { item }: { item: DatatableItem }) => {\n  if (item.id) emit('rowClick', item)\n}\n\nonMounted(() => {\n  loadStoredFilters(pagination, getList)\n})\n\nonBeforeUnmount(() => {\n  getList.cancel()\n  cancelAnzuUserList()\n})\n\ndefineExpose({\n  refresh: getList,\n  resetFilter: resetFilterAction,\n  submitFilter: submitFilterAction,\n})\n</script>\n\n<template>\n  <div>\n    <AAnzuUserFilter\n      v-model:datatable-hidden-columns=\"columnsHidden\"\n      :client=\"filterClient\"\n      :user-id=\"filterUserId\"\n      :store=\"filterStore\"\n      @submit=\"submitFilterAction\"\n      @reset=\"resetFilterAction\"\n    >\n      <template\n        v-for=\"name in filterSlotNames\"\n        :key=\"name\"\n        #[`item.${name}`]=\"slotProps\"\n      >\n        <slot\n          :name=\"`${FILTER_SLOT_PREFIX}${name}`\"\n          v-bind=\"slotProps ?? {}\"\n        />\n      </template>\n    </AAnzuUserFilter>\n    <div>\n      <div class=\"d-flex align-center\">\n        <VSpacer />\n        <ADatatableOrdering\n          variant=\"id\"\n          @sort-by-change=\"submitFilterAction\"\n        />\n        <ADatatableConfigButton\n          v-model:columns-hidden=\"columnsHidden\"\n          :columns-all=\"columnsAll\"\n        />\n      </div>\n      <VDataTableServer\n        class=\"a-datatable\"\n        :headers=\"columnsVisible\"\n        :items=\"anzuUserList\"\n        :items-length=\"anzuUserList.length\"\n        :loading=\"loadingAnzuUserList\"\n        item-value=\"id\"\n        @click:row=\"onRowClick\"\n      >\n        <template #item.enabled=\"{ item }: { item: DatatableItem }\">\n          <ABooleanValue\n            chip\n            :value=\"item.enabled\"\n          />\n        </template>\n        <template #item.roles=\"{ item }: { item: DatatableItem }\">\n          <VChip\n            v-for=\"role in item.roles\"\n            :key=\"role\"\n            class=\"mr-1 mb-1\"\n          >\n            {{ translatePermission('roles', role) }}\n          </VChip>\n        </template>\n        <template #item.permissionGroups=\"{ item }: { item: DatatableItem }\">\n          <slot\n            name=\"permissionGroups\"\n            :ids=\"item.permissionGroups\"\n          >\n            <VChip\n              v-for=\"permissionGroupId in item.permissionGroups\"\n              :key=\"permissionGroupId\"\n              class=\"mr-1 mb-1\"\n              size=\"small\"\n              label\n            >\n              {{ getCachedPermissionGroup(permissionGroupId)?.title || permissionGroupId }}\n            </VChip>\n          </slot>\n        </template>\n        <template #item.permissions=\"{ item }: { item: DatatableItem }\">\n          <VChip>{{ Object.keys(item.permissions).length }}</VChip>\n        </template>\n        <template\n          v-for=\"column in systemColumnKeys\"\n          :key=\"column\"\n          #[`item.${column}`]=\"{ item }: { item: DatatableItem }\"\n        >\n          <slot\n            name=\"systemColumns\"\n            :column=\"column\"\n            :user=\"item\"\n          />\n        </template>\n        <template #item.createdAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.createdAt\" />\n          <template v-if=\"$slots.createdBy\">\n            <br />\n            <slot\n              :id=\"item.createdBy\"\n              name=\"createdBy\"\n            />\n          </template>\n        </template>\n        <template #item.modifiedAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.modifiedAt\" />\n          <template v-if=\"$slots.modifiedBy\">\n            <br />\n            <slot\n              :id=\"item.modifiedBy\"\n              name=\"modifiedBy\"\n            />\n          </template>\n        </template>\n        <template #item.actions=\"{ item }: { item: DatatableItem }\">\n          <div\n            v-if=\"item.id\"\n            class=\"d-flex justify-end\"\n          >\n            <ATableCopyIdButton :id=\"item.id\" />\n            <VBtn\n              :to=\"detailRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-information-outline\"\n              :aria-label=\"t('common.button.detail')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n            <VBtn\n              v-if=\"canUpdate\"\n              :to=\"editRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-pencil\"\n              :aria-label=\"t('common.button.edit')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n            <!-- A disabled account cannot sign in, so it cannot be signed in as either. -->\n            <VBtn\n              v-if=\"impersonate && canImpersonate\"\n              :disabled=\"!item.enabled\"\n              class=\"ml-1\"\n              icon=\"mdi-account-switch\"\n              :aria-label=\"t('common.anzuUser.table.impersonate')\"\n              size=\"x-small\"\n              variant=\"text\"\n              data-cy=\"user-impersonate\"\n              @click.stop=\"impersonate(item)\"\n            />\n            <slot\n              name=\"rowActions\"\n              :user=\"item\"\n            />\n          </div>\n        </template>\n        <template #bottom>\n          <ADatatablePagination @change=\"getList\" />\n        </template>\n      </VDataTableServer>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/anzuUser/components/AAnzuUserDatatable.vue.d.ts

@@ -17,71 +17,65 @@ type __VLS_Props = {
     permissionGroupEndPoint?: string;
     /**
      * Extra columns the app draws through `#systemColumns`, appended after the shared ones.
-     *
-     * A bare key takes its header from the library's own `common.anzuUser.model.*`, which holds
-     * eight keys and none of any system's -- so a system column passes its title already
-     * translated, out of the namespace that has it.
+     * A bare key takes its header from `common.anzuUser.model.*`, which has
+     * no system keys. So a system column passes its title already translated.
      */
     systemColumns?: Array<string | {
         key: string;
         title: string;
     }>;
     /**
-     * Signing in as somebody else, as a switchable feature.
-     *
-     * A callback rather than a path, because there is more than one mechanism: cms posts to
-     * `/adm/users/{id}/impersonate` and gets a JWT with an impersonation claim, blog opens the
-     * public site through `window.open`. Only the cms one reaches a shared component -- blog's
-     * hangs off its product user, which is a different view -- so one prop is enough for now.
-     * Left unset, nothing is drawn.
+     * Optional impersonation. Left unset, nothing is drawn.
+     * A callback rather than a path, because the mechanisms differ: cms posts to `/adm/users/{id}/impersonate` and
+     * gets a JWT, blog opens the public site with `window.open`. Only the cms one reaches this shared component.
      */
     impersonate?: ((user: AnzuUser) => void) | undefined;
     canImpersonate?: boolean;
     /**
      * Filter fields this system adds to the shared three.
-     *
-     * A parameter and not part of the shared list, because the same filter is not the same query
-     * everywhere: cms asks for permission groups with `memberOf`, dam with `custom`, and
-     * `allowedSites` exists only in cms. A plain field needs nothing more -- the generic renderer
-     * draws it -- while one that wants a remote autocomplete comes in through `#filter.<name>`.
+     * Not part of the shared list because the same filter is a different query per system:
+     * cms uses `memberOf`, dam uses `custom`, and `allowedSites` exists only in cms.
+     * A plain field is drawn by the generic renderer. A field that
+     * needs a remote autocomplete comes in through `#filter.<name>`.
      */
     filterFields?: readonly MakeFilterOption[];
     /**
-     * Saved filters, which are stored per user, so both are needed for the button to appear. cms
-     * and dam have them on the list this replaces; the other three admins do not.
+     * Saved filters are stored per user, so both props are needed for the button to appear. Only cms and dam use them.
      */
     filterClient?: (() => AxiosInstance) | undefined;
     filterUserId?: IntegerIdNullable | undefined;
     /** Where the filter files its saved bookmarks. */
     filterStore?: FilterStoreIdentifier | undefined;
 };
-declare var __VLS_13: `filter.${string}`, __VLS_14: {
-    itemConfig: import('../../filters/composables/filterFactory').FilterField;
-}, __VLS_56: {
-    ids: number[];
-}, __VLS_74: {
-    column: string;
-    user: AnzuUser;
-}, __VLS_82: {
-    id: IntegerIdNullable;
-}, __VLS_90: {
-    id: IntegerIdNullable;
-}, __VLS_115: {
-    user: AnzuUser;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
-} & {
-    permissionGroups?: (props: typeof __VLS_56) => any;
-} & {
-    systemColumns?: (props: typeof __VLS_74) => any;
-} & {
-    createdBy?: (props: typeof __VLS_82) => any;
-} & {
-    modifiedBy?: (props: typeof __VLS_90) => any;
-} & {
-    rowActions?: (props: typeof __VLS_115) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        [x: `filter.${string}`]: ((props: {
+            itemConfig: import('../../filters/composables/filterFactory').FilterField;
+        }) => any) | undefined;
+    } & {
+        permissionGroups?: (props: {
+            ids: number[];
+        }) => any;
+    } & {
+        systemColumns?: (props: {
+            column: string;
+            user: AnzuUser;
+        }) => any;
+    } & {
+        createdBy?: (props: {
+            id: IntegerIdNullable;
+        }) => any;
+    } & {
+        modifiedBy?: (props: {
+            id: IntegerIdNullable;
+        }) => any;
+    } & {
+        rowActions?: (props: {
+            user: AnzuUser;
+        }) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     refresh: import('@vueuse/shared').UseDebounceFnReturn<() => Promise<void>>;
     resetFilter: () => void;

package/dist/domains/anzuUser/components/AAnzuUserDatatable.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,21 @@
 import e from "../../ui/components/ABooleanValue.js";
 import t from "../../filters/datatable/components/ADatatableConfigButton.js";
 import n from "../../ui/datetime/components/ADatetime.js";
-import r from "../../ui/buttons/table/components/ATableCopyIdButton.js";
-import { DatatablePaginationKey as i, FilterConfigKey as a, FilterDataKey as ee } from "../../filters/utils/filterInjectionKeys.js";
+import ee from "../../ui/buttons/table/components/ATableCopyIdButton.js";
 import "../../filters/datatable/utils/datatableColumns.js";
-import { useFilterHelpers as te } from "../../filters/composables/filterFactory.js";
-import { usePagination as o } from "../../api/composables/pagination.js";
-import s from "../../filters/datatable/components/ADatatableOrdering.js";
-import c from "../../filters/datatable/components/ADatatablePagination.js";
-import { createDatatableColumnsConfig as l } from "../../filters/datatable/composables/createDatatableColumnsConfig.js";
-import { PERMISSION_GROUP_ENDPOINT as u } from "../../permission/group/api/permissionGroupApi.js";
-import { useCachedPermissionGroups as d } from "../../permission/group/composables/cachedPermissionGroups.js";
-import { usePermissionConfigActions as ne } from "../../permission/config/composables/permissionConfigActions.js";
-import re from "./AAnzuUserFilter.js";
-import { ANZU_USER_ENTITY as ie } from "../api/anzuUserApi.js";
-import { useAnzuUserActions as ae } from "../composables/anzuUserActions.js";
-import { anzuUserFilterStorageKey as oe, useAnzuUserListFilter as se } from "../filter/anzuUserFilter.js";
+import te from "../../filters/datatable/components/ADatatableOrdering.js";
+import ne from "../../filters/datatable/components/ADatatablePagination.js";
+import { createDatatableColumnsConfig as r } from "../../filters/datatable/composables/createDatatableColumnsConfig.js";
+import { useFilterHelpers as i } from "../../filters/composables/filterFactory.js";
+import { DatatablePaginationKey as a, FilterConfigKey as o, FilterDataKey as s } from "../../filters/utils/filterInjectionKeys.js";
+import { usePagination as c } from "../../api/composables/pagination.js";
+import l from "./AAnzuUserFilter.js";
+import { useAnzuUserActions as u } from "../composables/anzuUserActions.js";
+import { ANZU_USER_ENTITY as re } from "../api/anzuUserApi.js";
+import { anzuUserFilterStorageKey as ie, useAnzuUserListFilter as ae } from "../filter/anzuUserFilter.js";
+import { usePermissionConfigActions as oe } from "../../permission/config/composables/permissionConfigActions.js";
+import { useCachedPermissionGroups as se } from "../../permission/group/composables/cachedPermissionGroups.js";
+import { PERMISSION_GROUP_ENDPOINT as d } from "../../permission/group/api/permissionGroupApi.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createTextVNode as y, createVNode as b, defineComponent as x, guardReactiveProps as ce, isRef as S, normalizeProps as le, onBeforeUnmount as ue, onMounted as de, openBlock as C, provide as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useSlots as k, watch as A, withCtx as j, withModifiers as M } from "vue";
 import { useI18n as N } from "vue-i18n";
 import { VChip as P } from "vuetify/components/VChip";
@@ -23,7 +23,7 @@ import { VSpacer as F } from "vuetify/components/VGrid";
 import { useDebounceFn as I } from "@vueuse/core";
 import { VBtn as L } from "vuetify/components/VBtn";
 import { VDataTableServer as R } from "vuetify/components/VDataTable";
-//#region src/domains/anzuUser/components/AAnzuUserDatatable.vue?vue&type=script&setup=true&lang.ts
+// src/domains/anzuUser/components/AAnzuUserDatatable.vue?vue&type=script&setup=true&lang.ts
 var z = { class: "d-flex align-center" }, B = {
 	key: 0,
 	class: "d-flex justify-end"
@@ -40,7 +40,7 @@ var z = { class: "d-flex align-center" }, B = {
 			type: Boolean,
 			default: !1
 		},
-		permissionGroupEndPoint: { default: u },
+		permissionGroupEndPoint: { default: d },
 		systemColumns: { default: () => [] },
 		impersonate: {
 			type: Function,
@@ -59,24 +59,24 @@ var z = { class: "d-flex align-center" }, B = {
 		filterStore: { default: void 0 }
 	},
 	emits: ["rowClick"],
-	setup(u, { expose: x, emit: H }) {
-		let U = u, fe = H, { t: W } = N(), { filterConfig: G, filterData: K } = se(U.system, U.filterFields);
-		w(a, G), w(ee, K);
-		let { fetchAnzuUserList: pe, cancelAnzuUserList: me, anzuUserList: q, loadingAnzuUserList: he, datatableHiddenColumns: ge } = ae({
+	setup(d, { expose: x, emit: H }) {
+		let U = d, fe = H, { t: W } = N(), { filterConfig: G, filterData: K } = ae(U.system, U.filterFields);
+		w(o, G), w(s, K);
+		let { fetchAnzuUserList: pe, cancelAnzuUserList: me, anzuUserList: q, loadingAnzuUserList: he, datatableHiddenColumns: ge } = u({
 			client: U.client,
 			system: U.system,
 			entity: U.entity,
 			endPoint: U.endPoint
-		}), { translatePermission: _e } = ne({
+		}), { translatePermission: _e } = oe({
 			client: U.client,
 			system: U.system
-		}), { addToCachedPermissionGroups: ve, fetchCachedPermissionGroups: ye, getCachedPermissionGroup: be } = d({
+		}), { addToCachedPermissionGroups: ve, fetchCachedPermissionGroups: ye, getCachedPermissionGroup: be } = se({
 			client: U.client,
 			system: U.system,
 			endPoint: U.permissionGroupEndPoint
-		}), { resetFilter: xe, submitFilter: Se, loadStoredFilters: Ce } = te(K, G, { storeFiltersLocalStorage: oe(U.system) }), { pagination: J } = o("id");
-		w(i, J);
-		let { columnsVisible: we, columnsAll: Y, columnsHidden: X } = l([
+		}), { resetFilter: xe, submitFilter: Se, loadStoredFilters: Ce } = i(K, G, { storeFiltersLocalStorage: ie(U.system) }), { pagination: J } = c("id");
+		w(a, J);
+		let { columnsVisible: we, columnsAll: Y, columnsHidden: X } = r([
 			{ key: "id" },
 			{ key: "email" },
 			{ key: "enabled" },
@@ -86,7 +86,7 @@ var z = { class: "d-flex align-center" }, B = {
 			...U.systemColumns.map((e) => typeof e == "string" ? { key: e } : e),
 			{ key: "createdAt" },
 			{ key: "modifiedAt" }
-		], ge, "common", ie, { storeColumnsLocalStorage: `table_common_anzuUser_${U.system}` }), Z = I(async () => {
+		], ge, "common", re, { storeColumnsLocalStorage: `table_common_anzuUser_${U.system}` }), Z = I(async () => {
 			await pe(J, K, G);
 		});
 		A(q, (e) => {
@@ -103,17 +103,17 @@ var z = { class: "d-flex align-center" }, B = {
 			refresh: Z,
 			resetFilter: $,
 			submitFilter: Q
-		}), (i, a) => (C(), g("div", null, [b(re, {
+		}), (r, i) => (C(), g("div", null, [b(l, {
 			"datatable-hidden-columns": O(X),
-			"onUpdate:datatableHiddenColumns": a[0] ||= (e) => S(X) ? X.value = e : null,
-			client: u.filterClient,
-			"user-id": u.filterUserId,
-			store: u.filterStore,
+			"onUpdate:datatableHiddenColumns": i[0] ||= (e) => S(X) ? X.value = e : null,
+			client: d.filterClient,
+			"user-id": d.filterUserId,
+			store: d.filterStore,
 			onSubmit: Q,
 			onReset: $
 		}, v({ _: 2 }, [T(De.value, (e) => ({
 			name: `item.${e}`,
-			fn: j((t) => [E(i.$slots, `${V}${e}`, le(ce(t ?? {})))])
+			fn: j((t) => [E(r.$slots, `${V}${e}`, le(ce(t ?? {})))])
 		}))]), 1032, [
 			"datatable-hidden-columns",
 			"client",
@@ -121,13 +121,13 @@ var z = { class: "d-flex align-center" }, B = {
 			"store"
 		]), _("div", null, [_("div", z, [
 			b(F),
-			b(s, {
+			b(te, {
 				variant: "id",
 				onSortByChange: Q
 			}),
 			b(t, {
 				"columns-hidden": O(X),
-				"onUpdate:columnsHidden": a[1] ||= (e) => S(X) ? X.value = e : null,
+				"onUpdate:columnsHidden": i[1] ||= (e) => S(X) ? X.value = e : null,
 				"columns-all": O(Y)
 			}, null, 8, ["columns-hidden", "columns-all"])
 		]), b(R, {
@@ -150,7 +150,7 @@ var z = { class: "d-flex align-center" }, B = {
 				default: j(() => [y(D(O(_e)("roles", e)), 1)]),
 				_: 2
 			}, 1024))), 128))]),
-			"item.permissionGroups": j(({ item: e }) => [E(i.$slots, "permissionGroups", { ids: e.permissionGroups }, () => [(C(!0), g(f, null, T(e.permissionGroups, (e) => (C(), m(P, {
+			"item.permissionGroups": j(({ item: e }) => [E(r.$slots, "permissionGroups", { ids: e.permissionGroups }, () => [(C(!0), g(f, null, T(e.permissionGroups, (e) => (C(), m(P, {
 				key: e,
 				class: "mr-1 mb-1",
 				size: "small",
@@ -163,28 +163,28 @@ var z = { class: "d-flex align-center" }, B = {
 				default: j(() => [y(D(Object.keys(e.permissions).length), 1)]),
 				_: 2
 			}, 1024)]),
-			"item.createdAt": j(({ item: e }) => [b(n, { "date-time": e.createdAt }, null, 8, ["date-time"]), i.$slots.createdBy ? (C(), g(f, { key: 0 }, [a[2] ||= _("br", null, null, -1), E(i.$slots, "createdBy", { id: e.createdBy })], 64)) : h("", !0)]),
-			"item.modifiedAt": j(({ item: e }) => [b(n, { "date-time": e.modifiedAt }, null, 8, ["date-time"]), i.$slots.modifiedBy ? (C(), g(f, { key: 0 }, [a[3] ||= _("br", null, null, -1), E(i.$slots, "modifiedBy", { id: e.modifiedBy })], 64)) : h("", !0)]),
+			"item.createdAt": j(({ item: e }) => [b(n, { "date-time": e.createdAt }, null, 8, ["date-time"]), r.$slots.createdBy ? (C(), g(f, { key: 0 }, [i[2] ||= _("br", null, null, -1), E(r.$slots, "createdBy", { id: e.createdBy })], 64)) : h("", !0)]),
+			"item.modifiedAt": j(({ item: e }) => [b(n, { "date-time": e.modifiedAt }, null, 8, ["date-time"]), r.$slots.modifiedBy ? (C(), g(f, { key: 0 }, [i[3] ||= _("br", null, null, -1), E(r.$slots, "modifiedBy", { id: e.modifiedBy })], 64)) : h("", !0)]),
 			"item.actions": j(({ item: e }) => [e.id ? (C(), g("div", B, [
-				b(r, { id: e.id }, null, 8, ["id"]),
+				b(ee, { id: e.id }, null, 8, ["id"]),
 				b(L, {
-					to: u.detailRoute(e),
+					to: d.detailRoute(e),
 					class: "ml-1",
 					icon: "mdi-information-outline",
 					"aria-label": O(W)("common.button.detail"),
 					size: "x-small",
 					variant: "text"
 				}, null, 8, ["to", "aria-label"]),
-				u.canUpdate ? (C(), m(L, {
+				d.canUpdate ? (C(), m(L, {
 					key: 0,
-					to: u.editRoute(e),
+					to: d.editRoute(e),
 					class: "ml-1",
 					icon: "mdi-pencil",
 					"aria-label": O(W)("common.button.edit"),
 					size: "x-small",
 					variant: "text"
 				}, null, 8, ["to", "aria-label"])) : h("", !0),
-				u.impersonate && u.canImpersonate ? (C(), m(L, {
+				d.impersonate && d.canImpersonate ? (C(), m(L, {
 					key: 1,
 					disabled: !e.enabled,
 					class: "ml-1",
@@ -193,19 +193,19 @@ var z = { class: "d-flex align-center" }, B = {
 					size: "x-small",
 					variant: "text",
 					"data-cy": "user-impersonate",
-					onClick: M((t) => u.impersonate(e), ["stop"])
+					onClick: M((t) => d.impersonate(e), ["stop"])
 				}, null, 8, [
 					"disabled",
 					"aria-label",
 					"onClick"
 				])) : h("", !0),
-				E(i.$slots, "rowActions", { user: e })
+				E(r.$slots, "rowActions", { user: e })
 			])) : h("", !0)]),
-			bottom: j(() => [b(c, { onChange: O(Z) }, null, 8, ["onChange"])]),
+			bottom: j(() => [b(ne, { onChange: O(Z) }, null, 8, ["onChange"])]),
 			_: 2
 		}, [T(Te.value, (e) => ({
 			name: `item.${e}`,
-			fn: j(({ item: t }) => [E(i.$slots, "systemColumns", {
+			fn: j(({ item: t }) => [E(r.$slots, "systemColumns", {
 				column: e,
 				user: t
 			})])
@@ -217,7 +217,6 @@ var z = { class: "d-flex align-center" }, B = {
 		])])]));
 	}
 });
-//#endregion
 export { H as default };
 
 //# sourceMappingURL=AAnzuUserDatatable.vue_vue_type_script_setup_true_lang.js.map