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

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

@@ -0,0 +1,38 @@
+import { AxiosClientFn } from '../../api/utils/client';
+import { AnzuUser } from '../../../shared/types/AnzuUser';
+export declare const ANZU_USER_ENTITY = "anzuUser";
+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.
+     */
+    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.
+     */
+    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.
+ */
+export declare const useAnzuUserApi: <T extends AnzuUser = AnzuUser>({ client, system, entity, validationSystem, validationEntity, endPoint, }: AnzuUserApiParams) => {
+    useFetchAnzuUserListByIds: () => import('../../api/composables/useApiFetchByIds').UseApiFetchByIdsReturnType<T>;
+    useFetchAnzuUserList: () => import('../../api/composables/useApiFetchList').UseApiFetchListReturnType<T>;
+    useFetchAnzuUser: () => import('../../api/composables/useApiRequest').UseApiRequestReturnType<T, null>;
+    useCreateAnzuUser: () => import('../../api/composables/useApiRequest').UseApiRequestReturnType<T, T>;
+    useUpdateAnzuUser: () => import('../../api/composables/useApiRequest').UseApiRequestReturnType<T, T>;
+    usePatchBaseUser: (patchEndPoint: string) => import('../../api/composables/useApiRequest').UseApiRequestReturnType<T, T>;
+};

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,116 @@
+import { RouteLocationRaw } from 'vue-router';
+import { AxiosInstance } from 'axios';
+import { AxiosClientFn } from '../../api/utils/client';
+import { FilterStoreIdentifier, MakeFilterOption } from '../../filters/composables/filterFactory';
+import { AnzuUser } from '../../../shared/types/AnzuUser';
+import { IntegerIdNullable } from '../../../shared/types/common';
+type __VLS_Props = {
+    client: AxiosClientFn;
+    system: string;
+    entity?: string | undefined;
+    endPoint?: string | undefined;
+    detailRoute: (user: AnzuUser) => RouteLocationRaw;
+    editRoute: (user: AnzuUser) => RouteLocationRaw;
+    /** Already-evaluated ACL of the owning system. */
+    canUpdate?: boolean;
+    /** The permission-group endpoint, which is not the user one. */
+    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.
+     */
+    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.
+     */
+    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>`.
+     */
+    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.
+     */
+    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_base: import('vue').DefineComponent<__VLS_Props, {
+    refresh: import('@vueuse/shared').UseDebounceFnReturn<() => Promise<void>>;
+    resetFilter: () => void;
+    submitFilter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    rowClick: (user: AnzuUser) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRowClick?: ((user: AnzuUser) => any) | undefined;
+}>, {
+    impersonate: (user: AnzuUser) => void;
+    entity: string;
+    endPoint: string;
+    canUpdate: boolean;
+    permissionGroupEndPoint: string;
+    systemColumns: (string | {
+        key: string;
+        title: string;
+    })[];
+    canImpersonate: boolean;
+    filterFields: readonly MakeFilterOption<string>[];
+    filterClient: () => AxiosInstance;
+    filterUserId: IntegerIdNullable;
+    filterStore: FilterStoreIdentifier;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,53 @@
+import { AxiosInstance } from 'axios';
+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.
+     */
+    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.
+     */
+    store?: FilterStoreIdentifier | undefined;
+};
+type __VLS_ModelProps = {
+    /** The column set a bookmark restores along with the filter values. */
+    '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_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:datatableHiddenColumns": (value: string[] | undefined) => any;
+} & {
+    submit: () => any;
+    reset: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:datatableHiddenColumns"?: ((value: string[] | undefined) => any) | undefined;
+}>, {
+    userId: IntegerIdNullable;
+    client: () => AxiosInstance;
+    store: FilterStoreIdentifier;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};