@anzusystems/common-admin 2.0.0-rc.5 → 2.0.0-rc.7

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.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.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.map

@@ -1 +1 @@
-{"version":3,"file":"AAnzuUserDatatable.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_createVNode","AAnzuUserFilter","_unref","_isRef","_createSlots","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_createElementVNode","_component_VSpacer","ADatatableOrdering","ADatatableConfigButton","_component_VDataTableServer","ABooleanValue","_Fragment","_createBlock","_component_VChip","_createTextVNode","_toDisplayString","ADatetime","_createCommentVNode","ATableCopyIdButton","_component_VBtn","_withModifiers","ADatatablePagination","ABooleanValue_default","ADatatableConfigButton_default","ADatetime_default","ATableCopyIdButton_default","ADatatableOrdering_default","ADatatablePagination_default","AAnzuUserFilter_default","_hoisted_1","_hoisted_2","FILTER_SLOT_PREFIX","AAnzuUserDatatable_vue_vue_type_script_setup_true_lang_default","PERMISSION_GROUP_ENDPOINT","__expose","__emit","props","__props","emit","useI18n","useAnzuUserListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","useAnzuUserActions","usePermissionConfigActions","useCachedPermissionGroups","useFilterHelpers","anzuUserFilterStorageKey","usePagination","DatatablePaginationKey","pagination","createDatatableColumnsConfig","column","datatableHiddenColumns","ANZU_USER_ENTITY","getList","useDebounceFn","fetchAnzuUserList","anzuUserList","users","addToCachedPermissionGroups","user","fetchCachedPermissionGroups","systemColumnKeys","computed","slots","useSlots","filterSlotNames","name","submitFilterAction","submitFilter","resetFilterAction","resetFilter","onRowClick","item","onMounted","onBeforeUnmount","cancelAnzuUserList","openBlock","createElementBlock","createVNode","unref","columnsHidden","_cache","isRef","$event","createSlots","renderList","withCtx","renderSlot","_ctx","normalizeProps","guardReactiveProps","slotProps","createElementVNode","VSpacer","columnsAll","VDataTableServer","columnsVisible","loadingAnzuUserList","Fragment","createBlock","VChip","role","createTextVNode","toDisplayString","translatePermission","permissionGroupId","getCachedPermissionGroup","createCommentVNode","VBtn","t","withModifiers"],"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":"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"}
+{"version":3,"file":"AAnzuUserDatatable.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_createVNode","AAnzuUserFilter","_unref","_isRef","_createSlots","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_createElementVNode","_component_VSpacer","ADatatableOrdering","ADatatableConfigButton","_component_VDataTableServer","ABooleanValue","_Fragment","_createBlock","_component_VChip","_createTextVNode","_toDisplayString","ADatetime","_createCommentVNode","ATableCopyIdButton","_component_VBtn","_withModifiers","ADatatablePagination","ABooleanValue_default","ADatatableConfigButton_default","ADatetime_default","ATableCopyIdButton_default","ADatatableOrdering_default","ADatatablePagination_default","AAnzuUserFilter_default","_hoisted_1","_hoisted_2","FILTER_SLOT_PREFIX","AAnzuUserDatatable_vue_vue_type_script_setup_true_lang_default","PERMISSION_GROUP_ENDPOINT","__expose","__emit","props","__props","emit","useI18n","useAnzuUserListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","useAnzuUserActions","usePermissionConfigActions","useCachedPermissionGroups","useFilterHelpers","anzuUserFilterStorageKey","usePagination","DatatablePaginationKey","pagination","createDatatableColumnsConfig","column","datatableHiddenColumns","ANZU_USER_ENTITY","getList","useDebounceFn","fetchAnzuUserList","anzuUserList","users","addToCachedPermissionGroups","user","fetchCachedPermissionGroups","systemColumnKeys","computed","slots","useSlots","filterSlotNames","name","submitFilterAction","submitFilter","resetFilterAction","resetFilter","onRowClick","item","onMounted","onBeforeUnmount","cancelAnzuUserList","openBlock","createElementBlock","createVNode","unref","columnsHidden","_cache","isRef","$event","createSlots","renderList","withCtx","renderSlot","_ctx","normalizeProps","guardReactiveProps","slotProps","createElementVNode","VSpacer","columnsAll","VDataTableServer","columnsVisible","loadingAnzuUserList","Fragment","createBlock","VChip","role","createTextVNode","toDisplayString","translatePermission","permissionGroupId","getCachedPermissionGroup","createCommentVNode","VBtn","t","withModifiers"],"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AAnzuUserFilter.js","names":["_sfc_main","AAnzuUserFilter_vue_vue_type_script_setup_true_lang_default","AAnzuUserFilter_default"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport type { AxiosInstance } from 'axios'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport type { FilterStoreIdentifier } from '@/domains/filters/composables/filterFactory'\nimport { FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Both are what switches the bookmark UI on in `AFilterWrapper`, and both have to be there for\n     * it to appear -- bookmarks are stored per user. Left unset, the filter is drawn without them,\n     * which is what admin-inhouse, blog and forum have.\n     */\n    client?: (() => AxiosInstance) | undefined\n    userId?: IntegerIdNullable | undefined\n    /**\n     * What the saved bookmarks are filed under on the server.\n     *\n     * Left unset it is the filter's own `common` / `anzuUser`. cms overrides it with the pair its\n     * old list used, so the bookmarks operators already have keep showing up -- the field names are\n     * the same, and a new key would simply orphan them.\n     */\n    store?: FilterStoreIdentifier | undefined\n  }>(),\n  {\n    client: undefined,\n    userId: undefined,\n    store: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n}>()\n\n/** The column set a bookmark restores along with the filter values. */\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('[AAnzuUserFilter] Incorrect provide/inject config.')\n}\n</script>\n\n<template>\n  <AFilterWrapper\n    v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n    :client=\"client\"\n    :user-id=\"userId\"\n    :store=\"store ?? true\"\n    @submit=\"emit('submit')\"\n    @reset=\"emit('reset')\"\n    @bookmark-load-after=\"emit('submit')\"\n  >\n    <template #search>\n      <AFilterString name=\"email\" />\n    </template>\n    <!--\n      Every other slot straight through, so a system's own field can bring its own widget: the\n      generic renderer draws a plain input, and a permission group or a site is a remote\n      autocomplete that only the app can build.\n    -->\n    <template\n      v-for=\"(_, name) in $slots\"\n      :key=\"name\"\n      #[name]=\"slotProps\"\n    >\n      <slot\n        :name=\"name\"\n        v-bind=\"slotProps ?? {}\"\n      />\n    </template>\n  </AFilterWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AAnzuUserFilter.js","names":["_sfc_main","AAnzuUserFilter_vue_vue_type_script_setup_true_lang_default","AAnzuUserFilter_default"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport type { AxiosInstance } from 'axios'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport type { FilterStoreIdentifier } from '@/domains/filters/composables/filterFactory'\nimport { FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Both are needed to switch on the bookmark UI in `AFilterWrapper`, because\n     * bookmarks are stored per user. Left unset, the filter has no bookmarks.\n     */\n    client?: (() => AxiosInstance) | undefined\n    userId?: IntegerIdNullable | undefined\n    /**\n     * What the saved bookmarks are filed under on the server. Defaults to `common` / `anzuUser`.\n     * cms overrides it with the pair its old list used, so existing\n     * bookmarks keep showing up. A new key would orphan them.\n     */\n    store?: FilterStoreIdentifier | undefined\n  }>(),\n  {\n    client: undefined,\n    userId: undefined,\n    store: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n}>()\n\n/** The column set a bookmark restores along with the filter values. */\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('[AAnzuUserFilter] Incorrect provide/inject config.')\n}\n</script>\n\n<template>\n  <AFilterWrapper\n    v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n    :client=\"client\"\n    :user-id=\"userId\"\n    :store=\"store ?? true\"\n    @submit=\"emit('submit')\"\n    @reset=\"emit('reset')\"\n    @bookmark-load-after=\"emit('submit')\"\n  >\n    <template #search>\n      <AFilterString name=\"email\" />\n    </template>\n    <!--\n      Pass every other slot through, so a system field can bring its own widget.\n      The generic renderer draws a plain input. A permission group or\n      site needs a remote autocomplete that only the app can build.\n    -->\n    <template\n      v-for=\"(_, name) in $slots\"\n      :key=\"name\"\n      #[name]=\"slotProps\"\n    >\n      <slot\n        :name=\"name\"\n        v-bind=\"slotProps ?? {}\"\n      />\n    </template>\n  </AFilterWrapper>\n</template>\n"],"mappings":""}

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

@@ -3,18 +3,15 @@ import { FilterStoreIdentifier } from '../../filters/composables/filterFactory';
 import { IntegerIdNullable } from '../../../shared/types/common';
 type __VLS_Props = {
     /**
-     * Both are what switches the bookmark UI on in `AFilterWrapper`, and both have to be there for
-     * it to appear -- bookmarks are stored per user. Left unset, the filter is drawn without them,
-     * which is what admin-inhouse, blog and forum have.
+     * Both are needed to switch on the bookmark UI in `AFilterWrapper`, because
+     * bookmarks are stored per user. Left unset, the filter has no bookmarks.
      */
     client?: (() => AxiosInstance) | undefined;
     userId?: IntegerIdNullable | undefined;
     /**
-     * What the saved bookmarks are filed under on the server.
-     *
-     * Left unset it is the filter's own `common` / `anzuUser`. cms overrides it with the pair its
-     * old list used, so the bookmarks operators already have keep showing up -- the field names are
-     * the same, and a new key would simply orphan them.
+     * What the saved bookmarks are filed under on the server. Defaults to `common` / `anzuUser`.
+     * cms overrides it with the pair its old list used, so existing
+     * bookmarks keep showing up. A new key would orphan them.
      */
     store?: FilterStoreIdentifier | undefined;
 };
@@ -23,12 +20,14 @@ type __VLS_ModelProps = {
     'datatableHiddenColumns'?: string[] | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_20: string, __VLS_21: {
-    itemConfig: import('../../filters/composables/filterFactory').FilterField;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        [x: string]: ((props: {
+            itemConfig: import('../../filters/composables/filterFactory').FilterField;
+        }) => any) | undefined;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:datatableHiddenColumns": (value: string[] | undefined) => any;
 } & {

package/dist/domains/anzuUser/components/AAnzuUserFilter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AAnzuUserFilter.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createBlock","AFilterWrapper","_createSlots","_withCtx","_createVNode","AFilterString","_renderList","_renderSlot","_normalizeProps","_guardReactiveProps","AFilterString_default","AFilterWrapper_default","AAnzuUserFilter_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","__emit","emit","datatableHiddenColumns","useModel","__props","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","isUndefined","openBlock","createBlock","_cache","$event","createSlots","withCtx","createVNode","renderList","_ctx","renderSlot","name","normalizeProps","guardReactiveProps","slotProps"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport type { AxiosInstance } from 'axios'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport type { FilterStoreIdentifier } from '@/domains/filters/composables/filterFactory'\nimport { FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Both are what switches the bookmark UI on in `AFilterWrapper`, and both have to be there for\n     * it to appear -- bookmarks are stored per user. Left unset, the filter is drawn without them,\n     * which is what admin-inhouse, blog and forum have.\n     */\n    client?: (() => AxiosInstance) | undefined\n    userId?: IntegerIdNullable | undefined\n    /**\n     * What the saved bookmarks are filed under on the server.\n     *\n     * Left unset it is the filter's own `common` / `anzuUser`. cms overrides it with the pair its\n     * old list used, so the bookmarks operators already have keep showing up -- the field names are\n     * the same, and a new key would simply orphan them.\n     */\n    store?: FilterStoreIdentifier | undefined\n  }>(),\n  {\n    client: undefined,\n    userId: undefined,\n    store: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n}>()\n\n/** The column set a bookmark restores along with the filter values. */\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('[AAnzuUserFilter] Incorrect provide/inject config.')\n}\n</script>\n\n<template>\n  <AFilterWrapper\n    v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n    :client=\"client\"\n    :user-id=\"userId\"\n    :store=\"store ?? true\"\n    @submit=\"emit('submit')\"\n    @reset=\"emit('reset')\"\n    @bookmark-load-after=\"emit('submit')\"\n  >\n    <template #search>\n      <AFilterString name=\"email\" />\n    </template>\n    <!--\n      Every other slot straight through, so a system's own field can bring its own widget: the\n      generic renderer draws a plain input, and a permission group or a site is a remote\n      autocomplete that only the app can build.\n    -->\n    <template\n      v-for=\"(_, name) in $slots\"\n      :key=\"name\"\n      #[name]=\"slotProps\"\n    >\n      <slot\n        :name=\"name\"\n        v-bind=\"slotProps ?? {}\"\n      />\n    </template>\n  </AFilterWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmCA,IAAMmB,IAAOD,GAMPE,IAAyBnB,EAAiCqB,GAAC,wBAGhE,GAEKC,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa;EACvC,IAAIC,EAAYL,CAAY,KAAKK,EAAYF,CAAU,GACrD,MAAU,MAAM,oDAAoD;E,kBAKpExB,EAAA,GAAAC,EA2BiBC,GAAA;GA1BP,4BAA0BgB,EAAA;GAAA,mCAAA,AAAAW,EAAA,QAAA,MAAA,EAAsB,QAAAC;GACvD,QAAQV,EAAA;GACR,WAASA,EAAA;GACT,OAAOA,EAAA,SAAK;GACZ,UAAM,AAAAS,EAAA,QAAA,MAAEZ,EAAI,QAAA;GACZ,SAAK,AAAAY,EAAA,QAAA,MAAEZ,EAAI,OAAA;GACX,qBAAmB,AAAAY,EAAA,QAAA,MAAEZ,EAAI,QAAA;;GAEf,QAAMb,QACe,CAA9BC,EAA8BC,GAAA,EAAf,MAAK,QAAO,CAAA,C;;E,IAQPR,EAAAA,EAAAA,SAAZ,GAAG,O;GAEV;GAED,IAAAM,GAFS,MAAS,CAElBI,EAGE2B,EAAA,QAFOE,GAAI5B,EAAAC,EACH8B,KAAS,CAAA,CAAA,CAAA,CAAA,C"}
+{"version":3,"file":"AAnzuUserFilter.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createBlock","AFilterWrapper","_createSlots","_withCtx","_createVNode","AFilterString","_renderList","_renderSlot","_normalizeProps","_guardReactiveProps","AFilterString_default","AFilterWrapper_default","AAnzuUserFilter_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","__emit","emit","datatableHiddenColumns","useModel","__props","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","isUndefined","openBlock","createBlock","_cache","$event","createSlots","withCtx","createVNode","renderList","_ctx","renderSlot","name","normalizeProps","guardReactiveProps","slotProps"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport type { AxiosInstance } from 'axios'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport type { FilterStoreIdentifier } from '@/domains/filters/composables/filterFactory'\nimport { FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Both are needed to switch on the bookmark UI in `AFilterWrapper`, because\n     * bookmarks are stored per user. Left unset, the filter has no bookmarks.\n     */\n    client?: (() => AxiosInstance) | undefined\n    userId?: IntegerIdNullable | undefined\n    /**\n     * What the saved bookmarks are filed under on the server. Defaults to `common` / `anzuUser`.\n     * cms overrides it with the pair its old list used, so existing\n     * bookmarks keep showing up. A new key would orphan them.\n     */\n    store?: FilterStoreIdentifier | undefined\n  }>(),\n  {\n    client: undefined,\n    userId: undefined,\n    store: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n}>()\n\n/** The column set a bookmark restores along with the filter values. */\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('[AAnzuUserFilter] Incorrect provide/inject config.')\n}\n</script>\n\n<template>\n  <AFilterWrapper\n    v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n    :client=\"client\"\n    :user-id=\"userId\"\n    :store=\"store ?? true\"\n    @submit=\"emit('submit')\"\n    @reset=\"emit('reset')\"\n    @bookmark-load-after=\"emit('submit')\"\n  >\n    <template #search>\n      <AFilterString name=\"email\" />\n    </template>\n    <!--\n      Pass every other slot through, so a system field can bring its own widget.\n      The generic renderer draws a plain input. A permission group or\n      site needs a remote autocomplete that only the app can build.\n    -->\n    <template\n      v-for=\"(_, name) in $slots\"\n      :key=\"name\"\n      #[name]=\"slotProps\"\n    >\n      <slot\n        :name=\"name\"\n        v-bind=\"slotProps ?? {}\"\n      />\n    </template>\n  </AFilterWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAgCA,IAAMmB,IAAOD,GAMPE,IAAyBnB,EAAiCqB,GAAC,wBAGhE,GAEKC,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa;EACvC,IAAIC,EAAYL,CAAY,KAAKK,EAAYF,CAAU,GACrD,MAAU,MAAM,oDAAoD;E,kBAKpExB,EAAA,GAAAC,EA2BiBC,GAAA;GA1BP,4BAA0BgB,EAAA;GAAA,mCAAA,AAAAW,EAAA,QAAA,MAAA,EAAsB,QAAAC;GACvD,QAAQV,EAAA;GACR,WAASA,EAAA;GACT,OAAOA,EAAA,SAAK;GACZ,UAAM,AAAAS,EAAA,QAAA,MAAEZ,EAAI,QAAA;GACZ,SAAK,AAAAY,EAAA,QAAA,MAAEZ,EAAI,OAAA;GACX,qBAAmB,AAAAY,EAAA,QAAA,MAAEZ,EAAI,QAAA;;GAEf,QAAMb,QACe,CAA9BC,EAA8BC,GAAA,EAAf,MAAK,QAAO,CAAA,C;;E,IAQPR,EAAAA,EAAAA,SAAZ,GAAG,O;GAEV;GAED,IAAAM,GAFS,MAAS,CAElBI,EAGE2B,EAAA,QAFOE,GAAI5B,EAAAC,EACH8B,KAAS,CAAA,CAAA,CAAA,CAAA,C"}

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

@@ -1 +1 @@
-{"version":3,"file":"AAnzuUserForm.js","names":["_sfc_main","AAnzuUserForm_vue_vue_type_script_setup_true_lang_default","AAnzuUserForm_default"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport AUserEnabledSwitch from '@/domains/anzuUser/components/AUserEnabledSwitch.vue'\nimport AUserMetadataForm from '@/domains/anzuUser/components/AUserMetadataForm.vue'\nimport AAnzuUserRoleAutocomplete from '@/domains/anzuUser/components/AAnzuUserRoleAutocomplete.vue'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionActions } from '@/domains/permission/composables/permissionActions'\nimport APermissionGroupRemoteAutocomplete from '@/domains/permission/group/components/APermissionGroupRemoteAutocomplete.vue'\nimport { PERMISSION_GROUP_ENDPOINT } from '@/domains/permission/group/api/permissionGroupApi'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\n\nconst props = withDefaults(\n  defineProps<{\n    client: AxiosClientFn\n    system: string\n    /**\n     * The permission-group endpoint, which is not the user one.\n     *\n     * There is deliberately no `entity` prop here. `entity` names a *resource*, not a system, and\n     * it is what a server validation failure is filed under -- so the group autocomplete, the role\n     * list and the permission editor each use their own, and passing the user's down would file a\n     * group's error under the user's labels.\n     */\n    permissionGroupEndPoint?: string\n    /**\n     * One component for detail and edit (decision 27). Two parallel components drift: a field\n     * added to the editable one and forgotten in the other is a silent divergence with nothing to\n     * fail.\n     */\n    readonly?: boolean\n    isEdit?: boolean\n    /** From the system's descriptor. */\n    requiredMetadata?: boolean\n    idInput?: boolean\n    randomColor?: boolean\n    enabledNote?: string | undefined\n    metadataNote?: string | undefined\n  }>(),\n  {\n    permissionGroupEndPoint: PERMISSION_GROUP_ENDPOINT,\n    readonly: false,\n    isEdit: false,\n    requiredMetadata: false,\n    idInput: true,\n    randomColor: false,\n    enabledNote: undefined,\n    metadataNote: undefined,\n  }\n)\n\nconst user = defineModel<AnzuUser>('user', { required: true })\n\nconst { t } = useI18n()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { resolvePermissions } = usePermissionActions({\n  client: props.client,\n  system: props.system,\n  endPoint: props.permissionGroupEndPoint,\n})\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\n/**\n * What the account would end up with if saved now: the grants of the groups currently ticked, plus\n * the ones set on the user. Recomputed locally so ticking a group shows its effect without a round\n * trip -- the server's own `resolvedPermissions` describes the record as it was loaded.\n */\nconst resolvedPermissions = computed(() => resolvePermissions(user.value))\n</script>\n\n<template>\n  <ASystemEntityScope\n    system=\"common\"\n    :subject=\"ANZU_USER_ENTITY\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <AUserEnabledSwitch\n          v-model=\"user.enabled\"\n          :readonly=\"readonly\"\n          :note=\"enabledNote\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <AUserMetadataForm\n          v-model:user=\"user\"\n          :required=\"requiredMetadata\"\n          :id-input=\"idInput\"\n          :is-edit=\"isEdit\"\n          :readonly=\"readonly\"\n          :random-color=\"randomColor\"\n          :note=\"metadataNote\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"isEdit && !readonly && $slots.copyPermissions\"\n        cols=\"12\"\n      >\n        <!-- Copying roles and grants from another account. Only cms offers it today. -->\n        <slot name=\"copyPermissions\" />\n      </VCol>\n      <VCol\n        v-if=\"$slots.systemFields\"\n        cols=\"12\"\n      >\n        <!--\n          The system's own fields: autocompletes over that backend's entities, which the library\n          cannot build. The same `readonly` reaches them, so the app swaps its autocompletes for\n          chips inside.\n        -->\n        <slot\n          name=\"systemFields\"\n          :readonly=\"readonly\"\n          :is-edit=\"isEdit\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <AAnzuUserRoleAutocomplete\n          v-model=\"user.roles\"\n          :client=\"client\"\n          :system=\"system\"\n          :readonly=\"readonly\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionGroupRemoteAutocomplete\n          v-model=\"user.permissionGroups\"\n          :client=\"client\"\n          :system=\"system\"\n          :end-point=\"permissionGroupEndPoint\"\n          :label=\"t('common.anzuUser.model.permissionGroups')\"\n          :readonly=\"readonly\"\n          multiple\n          clearable\n        />\n      </VCol>\n      <VCol\n        v-if=\"$slots.actions\"\n        cols=\"12\"\n      >\n        <!-- Impersonation and anything else the app hangs off this form. -->\n        <slot\n          name=\"actions\"\n          :user=\"user\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionEditor\n          v-model=\"user.permissions\"\n          :resolved-permissions=\"resolvedPermissions\"\n          :roles=\"user.roles\"\n          :client=\"client\"\n          :system=\"system\"\n          :readonly=\"readonly\"\n        />\n      </VCol>\n    </VRow>\n  </ASystemEntityScope>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AAnzuUserForm.js","names":["_sfc_main","AAnzuUserForm_vue_vue_type_script_setup_true_lang_default","AAnzuUserForm_default"],"sources":["../../../../src/domains/anzuUser/components/AAnzuUserForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport AUserEnabledSwitch from '@/domains/anzuUser/components/AUserEnabledSwitch.vue'\nimport AUserMetadataForm from '@/domains/anzuUser/components/AUserMetadataForm.vue'\nimport AAnzuUserRoleAutocomplete from '@/domains/anzuUser/components/AAnzuUserRoleAutocomplete.vue'\nimport { ANZU_USER_ENTITY } from '@/domains/anzuUser/api/anzuUserApi'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionActions } from '@/domains/permission/composables/permissionActions'\nimport APermissionGroupRemoteAutocomplete from '@/domains/permission/group/components/APermissionGroupRemoteAutocomplete.vue'\nimport { PERMISSION_GROUP_ENDPOINT } from '@/domains/permission/group/api/permissionGroupApi'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\n\nconst props = withDefaults(\n  defineProps<{\n    client: AxiosClientFn\n    system: string\n    /**\n     * The permission-group endpoint, which is not the user one.\n     * There is deliberately no `entity` prop. `entity` names the resource that server validation\n     * errors are filed under. Passing the user's down would file group errors under user labels.\n     */\n    permissionGroupEndPoint?: string\n    /**\n     * One component for detail and edit (decision 27). Two components drift:\n     * a field added to one and forgotten in the other fails silently.\n     */\n    readonly?: boolean\n    isEdit?: boolean\n    /** From the system's descriptor. */\n    requiredMetadata?: boolean\n    idInput?: boolean\n    randomColor?: boolean\n    enabledNote?: string | undefined\n    metadataNote?: string | undefined\n  }>(),\n  {\n    permissionGroupEndPoint: PERMISSION_GROUP_ENDPOINT,\n    readonly: false,\n    isEdit: false,\n    requiredMetadata: false,\n    idInput: true,\n    randomColor: false,\n    enabledNote: undefined,\n    metadataNote: undefined,\n  }\n)\n\nconst user = defineModel<AnzuUser>('user', { required: true })\n\nconst { t } = useI18n()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { resolvePermissions } = usePermissionActions({\n  client: props.client,\n  system: props.system,\n  endPoint: props.permissionGroupEndPoint,\n})\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\n/**\n * Grants the account would have if saved now: those of the ticked groups plus the user's own.\n * Computed locally so ticking a group shows its effect without a round\n * trip. The server's `resolvedPermissions` reflects the record as loaded.\n */\nconst resolvedPermissions = computed(() => resolvePermissions(user.value))\n</script>\n\n<template>\n  <ASystemEntityScope\n    system=\"common\"\n    :subject=\"ANZU_USER_ENTITY\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <AUserEnabledSwitch\n          v-model=\"user.enabled\"\n          :readonly=\"readonly\"\n          :note=\"enabledNote\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <AUserMetadataForm\n          v-model:user=\"user\"\n          :required=\"requiredMetadata\"\n          :id-input=\"idInput\"\n          :is-edit=\"isEdit\"\n          :readonly=\"readonly\"\n          :random-color=\"randomColor\"\n          :note=\"metadataNote\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"isEdit && !readonly && $slots.copyPermissions\"\n        cols=\"12\"\n      >\n        <!-- Copying roles and grants from another account. Only cms offers it today. -->\n        <slot name=\"copyPermissions\" />\n      </VCol>\n      <VCol\n        v-if=\"$slots.systemFields\"\n        cols=\"12\"\n      >\n        <!--\n          The system's own fields: autocompletes over that backend's entities, which the library\n          cannot build. They get the same `readonly`, so the app can swap autocompletes for chips.\n        -->\n        <slot\n          name=\"systemFields\"\n          :readonly=\"readonly\"\n          :is-edit=\"isEdit\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <AAnzuUserRoleAutocomplete\n          v-model=\"user.roles\"\n          :client=\"client\"\n          :system=\"system\"\n          :readonly=\"readonly\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionGroupRemoteAutocomplete\n          v-model=\"user.permissionGroups\"\n          :client=\"client\"\n          :system=\"system\"\n          :end-point=\"permissionGroupEndPoint\"\n          :label=\"t('common.anzuUser.model.permissionGroups')\"\n          :readonly=\"readonly\"\n          multiple\n          clearable\n        />\n      </VCol>\n      <VCol\n        v-if=\"$slots.actions\"\n        cols=\"12\"\n      >\n        <slot\n          name=\"actions\"\n          :user=\"user\"\n        />\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionEditor\n          v-model=\"user.permissions\"\n          :resolved-permissions=\"resolvedPermissions\"\n          :roles=\"user.roles\"\n          :client=\"client\"\n          :system=\"system\"\n          :readonly=\"readonly\"\n        />\n      </VCol>\n    </VRow>\n  </ASystemEntityScope>\n</template>\n"],"mappings":""}

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

@@ -5,17 +5,13 @@ type __VLS_Props = {
     system: string;
     /**
      * The permission-group endpoint, which is not the user one.
-     *
-     * There is deliberately no `entity` prop here. `entity` names a *resource*, not a system, and
-     * it is what a server validation failure is filed under -- so the group autocomplete, the role
-     * list and the permission editor each use their own, and passing the user's down would file a
-     * group's error under the user's labels.
+     * There is deliberately no `entity` prop. `entity` names the resource that server validation
+     * errors are filed under. Passing the user's down would file group errors under user labels.
      */
     permissionGroupEndPoint?: string;
     /**
-     * One component for detail and edit (decision 27). Two parallel components drift: a field
-     * added to the editable one and forgotten in the other is a silent divergence with nothing to
-     * fail.
+     * One component for detail and edit (decision 27). Two components drift:
+     * a field added to one and forgotten in the other fails silently.
      */
     readonly?: boolean;
     isEdit?: boolean;
@@ -30,19 +26,21 @@ type __VLS_ModelProps = {
     'user': AnzuUser;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_41: {}, __VLS_49: {
-    readonly: boolean;
-    isEdit: boolean;
-}, __VLS_79: {
-    user: AnzuUser;
-};
-type __VLS_Slots = {} & {
-    copyPermissions?: (props: typeof __VLS_41) => any;
-} & {
-    systemFields?: (props: typeof __VLS_49) => any;
-} & {
-    actions?: (props: typeof __VLS_79) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        copyPermissions?: (props: {}) => any;
+    } & {
+        systemFields?: (props: {
+            readonly: boolean;
+            isEdit: boolean;
+        }) => any;
+    } & {
+        actions?: (props: {
+            user: AnzuUser;
+        }) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:user": (value: AnzuUser) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{