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

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

@@ -0,0 +1,35 @@
+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.
+     * This file serves nine backends, so the error context has to name the right one.
+     */
+    system: string;
+    entity?: string;
+    /**
+     * 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: 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>;
+    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,61 @@
+import { useApiFetchByIds as e } from "../../api/composables/useApiFetchByIds.js";
+import { useApiFetchList as t } from "../../api/composables/useApiFetchList.js";
+import { useApiRequest as n } from "../../api/composables/useApiRequest.js";
+// src/domains/anzuUser/api/anzuUserApi.ts
+var r = "anzuUser", i = "/adm/v1/anzu-user", a = ({ client: a, system: o, entity: s = r, validationSystem: c = "common", validationEntity: l = s, endPoint: u = i }) => {
+	let d = {
+		validationSystem: c,
+		validationEntity: l
+	};
+	return {
+		useFetchAnzuUserListByIds: () => e({
+			client: a,
+			system: o,
+			entity: s,
+			...d,
+			urlTemplate: u
+		}),
+		useFetchAnzuUserList: () => t({
+			client: a,
+			system: o,
+			entity: s,
+			...d,
+			urlTemplate: u
+		}),
+		useFetchAnzuUser: () => n({
+			client: a,
+			method: "GET",
+			system: o,
+			entity: s,
+			...d,
+			urlTemplate: u + "/:id"
+		}),
+		useCreateAnzuUser: () => n({
+			client: a,
+			method: "POST",
+			system: o,
+			entity: s,
+			...d,
+			urlTemplate: u
+		}),
+		useUpdateAnzuUser: () => n({
+			client: a,
+			method: "PUT",
+			system: o,
+			entity: s,
+			...d,
+			urlTemplate: u + "/:id"
+		}),
+		usePatchBaseUser: (e) => n({
+			client: a,
+			method: "PATCH",
+			system: o,
+			entity: s,
+			...d,
+			urlTemplate: e
+		})
+	};
+};
+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.\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

@@ -0,0 +1,6 @@
+import e from "./AAnzuUserDatatable.vue_vue_type_script_setup_true_lang.js";
+// src/domains/anzuUser/components/AAnzuUserDatatable.vue
+var t = e;
+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     * 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

@@ -0,0 +1,110 @@
+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 `common.anzuUser.model.*`, which has
+     * no system keys. So a system column passes its title already translated.
+     */
+    systemColumns?: Array<string | {
+        key: string;
+        title: string;
+    }>;
+    /**
+     * 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.
+     * 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 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 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;
+    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,222 @@
+import e from "../../ui/components/ABooleanValue.js";
+import t from "../../filters/datatable/components/ADatatableConfigButton.js";
+import n from "../../ui/datetime/components/ADatetime.js";
+import ee from "../../ui/buttons/table/components/ATableCopyIdButton.js";
+import "../../filters/datatable/utils/datatableColumns.js";
+import te from "../../filters/datatable/components/ADatatableOrdering.js";
+import ne from "../../filters/datatable/components/ADatatablePagination.js";
+import { createDatatableColumnsConfig as r } from "../../filters/datatable/composables/createDatatableColumnsConfig.js";
+import { useFilterHelpers as i } from "../../filters/composables/filterFactory.js";
+import { DatatablePaginationKey as a, FilterConfigKey as o, FilterDataKey as s } from "../../filters/utils/filterInjectionKeys.js";
+import { usePagination as c } from "../../api/composables/pagination.js";
+import l from "./AAnzuUserFilter.js";
+import { useAnzuUserActions as u } from "../composables/anzuUserActions.js";
+import { ANZU_USER_ENTITY as re } from "../api/anzuUserApi.js";
+import { anzuUserFilterStorageKey as ie, useAnzuUserListFilter as ae } from "../filter/anzuUserFilter.js";
+import { usePermissionConfigActions as oe } from "../../permission/config/composables/permissionConfigActions.js";
+import { useCachedPermissionGroups as se } from "../../permission/group/composables/cachedPermissionGroups.js";
+import { PERMISSION_GROUP_ENDPOINT as d } from "../../permission/group/api/permissionGroupApi.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createTextVNode as y, createVNode as b, defineComponent as x, guardReactiveProps as ce, isRef as S, normalizeProps as le, onBeforeUnmount as ue, onMounted as de, openBlock as C, provide as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useSlots as k, watch as A, withCtx as j, withModifiers as M } from "vue";
+import { useI18n as N } from "vue-i18n";
+import { VChip as P } from "vuetify/components/VChip";
+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";
+// 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: d },
+		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(d, { expose: x, emit: H }) {
+		let U = d, fe = H, { t: W } = N(), { filterConfig: G, filterData: K } = ae(U.system, U.filterFields);
+		w(o, G), w(s, K);
+		let { fetchAnzuUserList: pe, cancelAnzuUserList: me, anzuUserList: q, loadingAnzuUserList: he, datatableHiddenColumns: ge } = u({
+			client: U.client,
+			system: U.system,
+			entity: U.entity,
+			endPoint: U.endPoint
+		}), { translatePermission: _e } = oe({
+			client: U.client,
+			system: U.system
+		}), { addToCachedPermissionGroups: ve, fetchCachedPermissionGroups: ye, getCachedPermissionGroup: be } = se({
+			client: U.client,
+			system: U.system,
+			endPoint: U.permissionGroupEndPoint
+		}), { resetFilter: xe, submitFilter: Se, loadStoredFilters: Ce } = i(K, G, { storeFiltersLocalStorage: ie(U.system) }), { pagination: J } = c("id");
+		w(a, J);
+		let { columnsVisible: we, columnsAll: Y, columnsHidden: X } = r([
+			{ key: "id" },
+			{ key: "email" },
+			{ key: "enabled" },
+			{ key: "roles" },
+			{ key: "permissionGroups" },
+			{ key: "permissions" },
+			...U.systemColumns.map((e) => typeof e == "string" ? { key: e } : e),
+			{ key: "createdAt" },
+			{ key: "modifiedAt" }
+		], ge, "common", re, { 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
+		}), (r, i) => (C(), g("div", null, [b(l, {
+			"datatable-hidden-columns": O(X),
+			"onUpdate:datatableHiddenColumns": i[0] ||= (e) => S(X) ? X.value = e : null,
+			client: d.filterClient,
+			"user-id": d.filterUserId,
+			store: d.filterStore,
+			onSubmit: Q,
+			onReset: $
+		}, v({ _: 2 }, [T(De.value, (e) => ({
+			name: `item.${e}`,
+			fn: j((t) => [E(r.$slots, `${V}${e}`, le(ce(t ?? {})))])
+		}))]), 1032, [
+			"datatable-hidden-columns",
+			"client",
+			"user-id",
+			"store"
+		]), _("div", null, [_("div", z, [
+			b(F),
+			b(te, {
+				variant: "id",
+				onSortByChange: Q
+			}),
+			b(t, {
+				"columns-hidden": O(X),
+				"onUpdate:columnsHidden": i[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(r.$slots, "permissionGroups", { ids: e.permissionGroups }, () => [(C(!0), g(f, null, T(e.permissionGroups, (e) => (C(), m(P, {
+				key: e,
+				class: "mr-1 mb-1",
+				size: "small",
+				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"]), r.$slots.createdBy ? (C(), g(f, { key: 0 }, [i[2] ||= _("br", null, null, -1), E(r.$slots, "createdBy", { id: e.createdBy })], 64)) : h("", !0)]),
+			"item.modifiedAt": j(({ item: e }) => [b(n, { "date-time": e.modifiedAt }, null, 8, ["date-time"]), r.$slots.modifiedBy ? (C(), g(f, { key: 0 }, [i[3] ||= _("br", null, null, -1), E(r.$slots, "modifiedBy", { id: e.modifiedBy })], 64)) : h("", !0)]),
+			"item.actions": j(({ item: e }) => [e.id ? (C(), g("div", B, [
+				b(ee, { id: e.id }, null, 8, ["id"]),
+				b(L, {
+					to: d.detailRoute(e),
+					class: "ml-1",
+					icon: "mdi-information-outline",
+					"aria-label": O(W)("common.button.detail"),
+					size: "x-small",
+					variant: "text"
+				}, null, 8, ["to", "aria-label"]),
+				d.canUpdate ? (C(), m(L, {
+					key: 0,
+					to: d.editRoute(e),
+					class: "ml-1",
+					icon: "mdi-pencil",
+					"aria-label": O(W)("common.button.edit"),
+					size: "x-small",
+					variant: "text"
+				}, null, 8, ["to", "aria-label"])) : h("", !0),
+				d.impersonate && d.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) => d.impersonate(e), ["stop"])
+				}, null, 8, [
+					"disabled",
+					"aria-label",
+					"onClick"
+				])) : h("", !0),
+				E(r.$slots, "rowActions", { user: e })
+			])) : h("", !0)]),
+			bottom: j(() => [b(ne, { onChange: O(Z) }, null, 8, ["onChange"])]),
+			_: 2
+		}, [T(Te.value, (e) => ({
+			name: `item.${e}`,
+			fn: j(({ item: t }) => [E(r.$slots, "systemColumns", {
+				column: e,
+				user: t
+			})])
+		}))]), 1032, [
+			"headers",
+			"items",
+			"items-length",
+			"loading"
+		])])]));
+	}
+});
+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     * 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

@@ -0,0 +1,6 @@
+import e from "./AAnzuUserFilter.vue_vue_type_script_setup_true_lang.js";
+// src/domains/anzuUser/components/AAnzuUserFilter.vue
+var t = e;
+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 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

@@ -0,0 +1,52 @@
+import { AxiosInstance } from 'axios';
+import { FilterStoreIdentifier } from '../../filters/composables/filterFactory';
+import { IntegerIdNullable } from '../../../shared/types/common';
+type __VLS_Props = {
+    /**
+     * 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. 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;
+};
+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 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;
+} & {
+    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;
+    };
+};