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

package/dist/domains/filters/bookmarks/components/AFilterBookmarkButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,77 @@
+import { eventClickBlur as e } from "../../../../shared/utils/event.js";
+import t from "./FilterBookmarkDialog.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, useModel as m, withCtx as h, withModifiers as g } from "vue";
+import { useI18n as _ } from "vue-i18n";
+import { VIcon as v } from "vuetify/components/VIcon";
+import { VTooltip as y } from "vuetify/components/VTooltip";
+import { VBtn as b } from "vuetify/components/VBtn";
+//#region src/domains/filters/bookmarks/components/AFilterBookmarkButton.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ c({
+	__name: "AFilterBookmarkButton",
+	props: /*@__PURE__*/ l({
+		client: {},
+		system: {},
+		subject: {},
+		user: {},
+		tooltipT: { default: "common.button.bookmarkFilter" },
+		buttonClass: { default: "ml-2" },
+		dataCy: { default: "filter-bookmark" },
+		datatableHiddenColumns: { default: void 0 },
+		datatableSortBy: { default: void 0 }
+	}, {
+		dialog: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		},
+		dialogModifiers: {}
+	}),
+	emits: ["update:dialog"],
+	setup(c) {
+		let l = m(c, "dialog"), x = (t) => {
+			e(t), l.value = !0;
+		}, { t: S } = _();
+		return (e, m) => (d(), a(n, null, [s(b, {
+			class: u([c.buttonClass, "text-medium-emphasis px-2"]),
+			"aria-label": p(S)(c.tooltipT),
+			"data-cy": c.dataCy,
+			"min-width": "36px",
+			variant: "flat",
+			onClick: g(x, ["stop"])
+		}, {
+			default: h(() => [s(v, {
+				color: "grey-darken-1",
+				icon: "mdi-bookmark-outline"
+			}), s(y, {
+				activator: "parent",
+				location: "bottom"
+			}, {
+				default: h(() => [o(f(p(S)(c.tooltipT)), 1)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, [
+			"class",
+			"aria-label",
+			"data-cy"
+		]), l.value ? (d(), r(t, {
+			key: 0,
+			client: c.client,
+			system: c.system,
+			user: c.user,
+			subject: c.subject,
+			"datatable-hidden-columns": c.datatableHiddenColumns,
+			onClose: m[0] ||= (e) => l.value = !1
+		}, null, 8, [
+			"client",
+			"system",
+			"user",
+			"subject",
+			"datatable-hidden-columns"
+		])) : i("", !0)], 64));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=AFilterBookmarkButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/bookmarks/components/AFilterBookmarkButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterBookmarkButton.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VBtn","_normalizeClass","_unref","_withModifiers","_withCtx","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createBlock","FilterBookmarkDialog","_createCommentVNode","FilterBookmarkDialog_default","AFilterBookmarkButton_vue_vue_type_script_setup_true_lang_default","\"dialog\"","\"dialogModifiers\"","dialog","useModel","__props","onClick","eventClickBlur","event","useI18n","openBlock","createElementBlock","Fragment","createVNode","VBtn","normalizeClass","unref","t","withModifiers","withCtx","VIcon","VTooltip","createTextVNode","toDisplayString","createBlock","_cache","createCommentVNode"],"sources":["../../../../../src/domains/filters/bookmarks/components/AFilterBookmarkButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { eventClickBlur } from '@/shared/utils/event'\nimport { useI18n } from 'vue-i18n'\nimport FilterBookmarkDialog from '@/domains/filters/bookmarks/components/FilterBookmarkDialog.vue'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\n\nwithDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    tooltipT?: string\n    buttonClass?: string\n    dataCy?: string\n    datatableHiddenColumns?: string[] | undefined\n    datatableSortBy?: DatatableSortBy\n  }>(),\n  {\n    tooltipT: 'common.button.bookmarkFilter',\n    buttonClass: 'ml-2',\n    dataCy: 'filter-bookmark',\n    datatableHiddenColumns: undefined,\n    datatableSortBy: undefined,\n  }\n)\n\nconst dialog = defineModel<boolean>('dialog', { default: false, required: false })\n\nconst onClick = (event: Event) => {\n  eventClickBlur(event)\n  dialog.value = true\n}\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <VBtn\n    :class=\"buttonClass\"\n    :aria-label=\"t(tooltipT)\"\n    :data-cy=\"dataCy\"\n    class=\"text-medium-emphasis px-2\"\n    min-width=\"36px\"\n    variant=\"flat\"\n    @click.stop=\"onClick\"\n  >\n    <VIcon\n      color=\"grey-darken-1\"\n      icon=\"mdi-bookmark-outline\"\n    />\n    <VTooltip\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t(tooltipT) }}\n    </VTooltip>\n  </VBtn>\n  <FilterBookmarkDialog\n    v-if=\"dialog\"\n    :client=\"client\"\n    :system=\"system\"\n    :user=\"user\"\n    :subject=\"subject\"\n    :datatable-hidden-columns=\"datatableHiddenColumns\"\n    @close=\"dialog = false\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,IAAMqB,IAASrB,EAAoBuB,GAAC,QAA6C,GAE3EC,KAAW,MAAiB;GAEhC,AADAC,EAAeC,CAAK,GACpB,EAAO,QAAQ;EACjB,GAEM,EAAE,SAAMC,EAAQ;E,mCAIpBvB,EAmBOC,GAAA;GAlBJ,OAAKC,EAAA,CAAEiB,EAAA,aAGF,2BAA2B,CAAA;GAFhC,cAAYhB,EAAA4B,CAAA,CAAC,CAACZ,EAAA,QAAQ;GACtB,WAASA,EAAA;GAEV,aAAU;GACV,SAAQ;GACP,SAAKf,EAAOgB,GAAO,CAAA,MAAA,CAAA;;GAEpB,SAAAf,QAGE,CAHFL,EAGEM,GAAA;IAFA,OAAM;IACN,MAAK;G,IAEPN,EAKWO,GAAA;IAJT,WAAU;IACV,UAAS;;IAET,SAAAF,QAAiB,CAAdG,EAAAC,EAAAN,EAAA4B,CAAA,CAAC,CAACZ,EAAA,QAAQ,CAAA,GAAA,CAAA,C;;;;;;;;E,IAITF,EAAA,SADRpB,EAAA,GAAAa,EAQEC,GAAA;;GANC,QAAQQ,EAAA;GACR,QAAQA,EAAA;GACR,MAAMA,EAAA;GACN,SAASA,EAAA;GACT,4BAA0BA,EAAA;GAC1B,SAAK,AAAAoB,EAAA,QAAA,MAAE,EAAA,QAAM"}

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.js

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

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBookmarkDialog.js","names":["_sfc_main","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","FilterBookmarkDialog_default"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, so it had no model of its own -- and the guard\n// needs one to watch. Closing now runs through here: `requestClose` lets the guard ask first,\n// `forceClose` is for the paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline when it is created, so it waits for the first fetch. After\n// that it stays mounted whatever happens -- it is the only thing registering this tab's pending\n// work with the guard, and a reload that swapped it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component itself arrives with the first visit to the manage tab (see `loadListEditor`),\n// on its own track: the bookmark fetch above can succeed while the chunk fails, and the other way round.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar's X and the escape key reach this without going past\n  // anything the write phase disables, and closing here would ask the user whether to discard work\n  // that is already on its way to the server -- then write it anyway, whatever they answered.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor owns opening a row, saving it and cancelling out of it, so the rename no longer needs\n// its own held copy, its own vuelidate instance or its own confirm/cancel buttons. What is left is\n// the rule itself, which drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, which is how every other list editor in this codebase is used: the\n// editor holds the data and the form's button persists it. A per-row PUT looked tidier and was not\n// -- re-baselining the one saved row meant reloading the list, and the reload took the pending\n// reorder and any other open row's typed text with it.\n// A delete answered with \"not found\" says the row is already gone, which is what this was asking\n// for. That is how an attempt whose answer never made it back looks the second time around: without\n// reading it this way, every retry would stop on the same row and the dialog could never finish.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is being refreshed: the order this would send is the one on screen, and the\n  // answer already on its way is about to replace it. The button is disabled for the same reason --\n  // this is the half of it that does not depend on anyone looking at the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order -- which is taken from `itemsManage`, and the\n    // deleted rows have already left it.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Out of the cache in the same breath: the filter bar is already on screen reading it, and a\n      // save that fails further down never gets to the refresh that would have done this.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // That row is gone for good. Dropping its pending deletion here is what makes a second press\n      // of the save button safe after a later call in this batch failed: the renames it resends are\n      // the same PUT with the same result, but a DELETE resent against a row that is already gone\n      // would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // Deleting every row leaves nothing to order, and an empty list is not an order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end: this is also what refreshes the store the filter bar reads its names from,\n    // and what the editor re-baselines against.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // Nothing is refetched here and nothing is rolled back. What was written already looks the way\n    // it looks on the server -- a deleted row is gone from both, a renamed one carries the new name\n    // in both -- and what was not written is still the user's to correct and send again. Refetching\n    // would take that unsent work with it without asking, which is the one thing this dialog must\n    // not do. The store is told its copy is behind instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest position in use, not after the number of rows. The manage tab renumbers\n    // only the rows it sends, so a deletion saved there leaves a gap, and counting rows from then\n    // on would put this bookmark on a position another one already holds.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close: with work pending on the other tab the guard\n    // asks, and \"stay\" would otherwise leave this bookmark's name in the field for a second click\n    // to create it again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark is a decision about THIS tab. It says\n    // nothing about a reorder left pending on the other one, so the guard still gets to ask.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on the list being non-empty: deleting every row empties it while leaving the\n    // deletions themselves pending, and this button is the only thing that sends them.\n    saveManage()\n  }\n}\n\n// Entering the manage tab starts a fetch, and the tabs can be switched faster than one comes back,\n// so two can be in flight at once. Only the newest one is allowed to land: without this an older\n// answer could overtake a newer one and put the list back to what it was two switches ago.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // Counted, not a flag: an older fetch answering must not report the tab as settled while a newer\n  // one is still out, or the editor takes edits again in the gap between the two.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` is this request's own answer that it failed; the store's `error` flag is shared with\n    // every other fetch it serves, this dialog's bookmark count among them.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // The same question as on the way out of the try: an answer that a newer one has overtaken does\n    // not get to put the tab into an error state or raise an alert over it.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// The fetched rows are handed to the editor rather than left to reach it through `v-model`: that\n// way round is a render away, and a commit that ran before the rows arrived would pin the baseline\n// to the list from before the fetch -- every difference the fetch brought would then read as the\n// user's own unsaved edit. The editor is still to mount on the first load; it takes its own\n// baseline from `itemsManage` when it does.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it -- a bookmark just added on the other tab is the near case -- but\n  // never over work the user has not saved: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Asked again on the way back: the fetch takes long enough for the user to have started dragging\n  // in the meantime, and applying it then would be the same loss, just later.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!-- `persistent` while a write is out: the escape key and a click outside go straight to the\n       model, past everything the write phase disables. -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!-- `v-show`, not `v-if`: the guard sees this tab's pending work only through the section\n             the editor registers, so unmounting it on a glance at the other tab would leave the\n             dialog able to close on a dragged order without asking. The spinner is the editor's own\n             `loading` for the same reason -- swapping it out on every reload would do the same. -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Nothing ever loaded: the editor's own empty state would claim there are no bookmarks,\n               which is not what a failed fetch found out. -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Mounted once the first fetch has settled -- empty or not, so an empty list gets the\n               editor's own empty state rather than a blank tab -- and never unmounted after that. -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!-- Nothing in here takes input while a write is out: the change set was read when the\n             button was pressed, so anything typed after that would not be in it, and the close that\n             follows a successful save would take it with it. -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Not while the list is being refreshed: the order this would send is the one on screen,\n             which the answer on its way is about to replace. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.vue.d.ts

@@ -0,0 +1,18 @@
+import { AxiosInstance } from 'axios';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    client: () => AxiosInstance;
+    system: string;
+    subject: string;
+    user: IntegerId;
+    datatableHiddenColumns?: string[] | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    datatableHiddenColumns: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,331 @@
+import e from "../../../ui/components/ARow.js";
+import { cloneDeep as t, isUndefined as n } from "../../../../shared/utils/common.js";
+import r from "../../../form/components/AFormTextField.js";
+import ee from "../../../ui/components/ADialogToolbar.js";
+import "../../../../shared/statusCodes.js";
+import { hasAnzuApiValidationErrorSpecific as i, isAnzuApiValidationError as a } from "../../../../shared/error/AnzuApiValidationError.js";
+import { isAnzuApiAxiosError as te } from "../../../../shared/error/AnzuApiAxiosError.js";
+import { useAlerts as ne } from "../../../system/composables/alerts.js";
+import { useValidate as re } from "../../../../shared/validators/vuelidate/useValidate.js";
+import o from "../../../form/components/AFormSwitch.js";
+import { DatatablePaginationKey as ie, FilterConfigKey as ae, FilterDataKey as oe } from "../../utils/filterInjectionKeys.js";
+import { useFilterHelpers as se } from "../../composables/filterFactory.js";
+import { UserAdminConfigLayoutType as s, UserAdminConfigType as ce } from "../types/UserAdminConfig.js";
+import { useFilterBookmarkStore as le } from "../store/bookmarksStore.js";
+import { useUserAdminConfigApi as ue } from "../api/userAdminConfigApi.js";
+import { loadListEditor as de } from "../../../listEditor/utils/listEditorLoader.js";
+import { useUserAdminConfigFactory as fe } from "../factory/UserAdminConfigFactory.js";
+import pe from "../../../unsavedGuard/components/AUnsavedConfirmDialog.js";
+import { useUnsavedChangesGuard as me } from "../../../unsavedGuard/composables/useUnsavedChangesGuard.js";
+import { Fragment as he, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as ge, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, openBlock as h, ref as g, resolveComponent as _e, resolveDynamicComponent as ve, shallowRef as ye, toDisplayString as _, unref as v, useTemplateRef as be, vShow as xe, watch as y, withCtx as b, withDirectives as Se, withModifiers as x } from "vue";
+import { useI18n as Ce } from "vue-i18n";
+import { VSpacer as we } from "vuetify/components/VGrid";
+import { VProgressCircular as S } from "vuetify/components/VProgressCircular";
+import { VCard as Te, VCardActions as Ee, VCardText as De } from "vuetify/components/VCard";
+import { VDialog as Oe } from "vuetify/components/VDialog";
+import ke from "@vuelidate/core";
+import { VTab as C, VTabs as Ae } from "vuetify/components/VTabs";
+//#region src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue?vue&type=script&setup=true&lang.ts
+var je = {
+	key: 0,
+	class: "w-100 pt-4"
+}, Me = { class: "w-100 pt-4" }, Ne = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center"
+}, Pe = {
+	key: 2,
+	class: "d-flex w-100 align-center justify-space-between"
+}, Fe = { class: "text-error" }, Ie = {
+	key: 3,
+	class: "d-flex w-100 align-center justify-center"
+}, w = 100, Le = /*@__PURE__*/ p({
+	__name: "FilterBookmarkDialog",
+	props: {
+		client: {},
+		system: {},
+		subject: {},
+		user: {},
+		datatableHiddenColumns: { default: void 0 }
+	},
+	emits: ["close"],
+	setup(p, { emit: Le }) {
+		let T = p, Re = Le, ze = m(ae), E = m(oe), D = m(ie);
+		if (n(D) || n(ze) || n(E)) throw Error("Incorrect provide/inject config.");
+		let O = g(!0), k = g(!1), A = g(!1), j = ye(), M = g(!1), N = !1, P = async () => {
+			if (!(j.value || N)) {
+				N = !0, M.value = !1;
+				try {
+					j.value = await de();
+				} catch {
+					M.value = !0;
+				} finally {
+					N = !1;
+				}
+			}
+		}, F = me({
+			sources: [],
+			guardDialogModel: O,
+			guardRoute: !1,
+			guardWindowUnload: !1
+		});
+		y(O, (e) => {
+			e || Re("close");
+		});
+		let I = () => {
+			V.value || (O.value = !1);
+		}, Be = () => {
+			F.acknowledge(), O.value = !1;
+		}, L = g("add"), R = g(""), z = g(!1), B = g(!1), V = g(!1), H = g(!1), U = g(!1), W = g([]), Ve = (e) => !!e.customName && e.customName.length <= w, { required: He, maxLength: Ue } = re(), We = { customName: {
+			required: He,
+			maxLength: Ue(w)
+		} }, G = ke(We, { customName: R }, { $stopPropagation: !0 }), K = le(), { createUserAdminConfig: Ge, useFetchUserAdminConfigList: Ke, updateUserAdminConfigPositions: qe, deleteUserAdminConfig: Je, updateUserAdminConfig: Ye } = ue(T.client, T.system), { t: q } = Ce(), { showErrorsDefault: J, showUnknownError: Xe, showValidationError: Ze, showWarningT: Qe } = ne(), { createDefaultUserAdminConfig: $e } = fe(), Y = be("editor"), et = (e) => te(e) && e.cause.response?.status === 404, tt = async () => {
+			if (!H.value && Y.value?.validateAll()) {
+				V.value = !0;
+				try {
+					let e = Y.value.getChanges();
+					for (let t of e.deleted) {
+						try {
+							await Je(t.id);
+						} catch (e) {
+							if (!et(e)) throw e;
+						}
+						K.removeOne(Z(), t.id), Y.value.restoreDeleted(t.id);
+					}
+					for (let n of e.updated) await Ye(n.id, t(n));
+					W.value.length > 0 && await qe(W.value.map((e) => e.id)), ot(await at()), Be();
+				} catch (e) {
+					J(e), K.markStale(Z());
+				} finally {
+					V.value = !1;
+				}
+			}
+		}, { serializeFilters: nt } = se(E, ze), X = T.system + "_" + T.subject, Z = () => K.generateKey(s.Desktop, X), rt = async () => {
+			V.value = !0, U.value = !1;
+			let e = $e(T.system);
+			e.user = T.user, e.configType = ce.FilterBookmark, e.layoutType = s.Desktop, e.systemResource = X, e.customName = R.value, e.data = {
+				filter: nt(E, D, !1),
+				datatableHiddenColumns: z.value && T.datatableHiddenColumns ? T.datatableHiddenColumns : void 0,
+				sortBy: B.value && D.value.sortBy ? D.value.sortBy : void 0
+			};
+			try {
+				let { count: t, maxPosition: n } = await K.fetchBookmarkStats({
+					user: T.user,
+					layoutType: s.Desktop,
+					systemResource: X
+				}, Ke);
+				if (t >= 8) {
+					U.value = !0, V.value = !1;
+					return;
+				}
+				e.position = n + 1;
+				let r = await Ge(e);
+				K.addOne(Z(), r), R.value = "", G.value.$reset(), V.value = !1, I();
+			} catch (e) {
+				if (a(e) && i(e, "error_field_not_unique", "cms.userAdminConfig.model.systemResource")) {
+					Qe("common.filter.bookmark.nameUniqueError");
+					return;
+				}
+				J(e);
+			} finally {
+				V.value = !1;
+			}
+		}, it = () => {
+			if (L.value === "add") {
+				if (G.value.$touch(), G.value.$invalid) {
+					Ze();
+					return;
+				}
+				rt();
+			} else L.value === "manage" && tt();
+		}, Q = 0, $ = 0, at = async () => {
+			let e = ++Q;
+			$++, H.value = !0, A.value = !1;
+			try {
+				let t = await K.getBookmarks({
+					user: T.user,
+					layoutType: s.Desktop,
+					systemResource: X
+				}, Ke, !0);
+				return e === Q ? t === null ? (A.value = !0, Xe(), null) : t : null;
+			} catch (t) {
+				return e === Q && (A.value = !0, J(t)), null;
+			} finally {
+				$--, H.value = $ > 0;
+			}
+		}, ot = (e) => {
+			e && (W.value = e, k.value = !0, Y.value?.commit(e));
+		};
+		return y(L, async () => {
+			if (U.value = !1, L.value !== "manage" || (P(), Y.value?.hasUnsaved)) return;
+			let e = await at();
+			Y.value?.hasUnsaved || ot(e);
+		}), (t, n) => {
+			let i = _e("ABtnTertiary"), a = _e("ABtnPrimary");
+			return h(), u(he, null, [f(Oe, {
+				modelValue: O.value,
+				"onUpdate:modelValue": n[5] ||= (e) => O.value = e,
+				persistent: V.value,
+				width: 500
+			}, {
+				default: b(() => [f(Te, null, {
+					default: b(() => [
+						f(ee, { onCancel: I }, {
+							default: b(() => [d(_(v(q)("common.filter.bookmark.title")), 1)]),
+							_: 1
+						}),
+						f(De, { class: "pt-0" }, {
+							default: b(() => [
+								f(Ae, {
+									modelValue: L.value,
+									"onUpdate:modelValue": n[0] ||= (e) => L.value = e,
+									"fixed-tabs": ""
+								}, {
+									default: b(() => [f(C, {
+										value: "add",
+										disabled: V.value
+									}, {
+										default: b(() => [d(_(v(q)("common.filter.bookmark.add")), 1)]),
+										_: 1
+									}, 8, ["disabled"]), f(C, {
+										value: "manage",
+										disabled: V.value
+									}, {
+										default: b(() => [d(_(v(q)("common.filter.bookmark.manage")), 1)]),
+										_: 1
+									}, 8, ["disabled"])]),
+									_: 1
+								}, 8, ["modelValue"]),
+								L.value === "add" ? (h(), u("div", je, [
+									f(e, { title: v(q)("common.filter.bookmark.infoSave") }, null, 8, ["title"]),
+									U.value ? (h(), c(e, {
+										key: 0,
+										class: "text-error",
+										title: v(q)("common.filter.bookmark.errorMax")
+									}, null, 8, ["title"])) : l("", !0),
+									f(e, null, {
+										default: b(() => [f(r, {
+											modelValue: R.value,
+											"onUpdate:modelValue": n[1] ||= (e) => R.value = e,
+											label: v(q)("common.filter.bookmark.name"),
+											required: "",
+											disabled: V.value,
+											v: v(G).customName
+										}, null, 8, [
+											"modelValue",
+											"label",
+											"disabled",
+											"v"
+										])]),
+										_: 1
+									}),
+									f(e, null, {
+										default: b(() => [f(o, {
+											modelValue: z.value,
+											"onUpdate:modelValue": n[2] ||= (e) => z.value = e,
+											disabled: V.value,
+											label: v(q)("common.filter.bookmark.storeTableColumns")
+										}, null, 8, [
+											"modelValue",
+											"disabled",
+											"label"
+										])]),
+										_: 1
+									}),
+									f(e, null, {
+										default: b(() => [f(o, {
+											modelValue: B.value,
+											"onUpdate:modelValue": n[3] ||= (e) => B.value = e,
+											disabled: V.value,
+											label: v(q)("common.filter.bookmark.storeTableOrder")
+										}, null, 8, [
+											"modelValue",
+											"disabled",
+											"label"
+										])]),
+										_: 1
+									})
+								])) : l("", !0),
+								Se(ge("div", Me, [!k.value && !A.value ? (h(), u("div", Ne, [f(S, { indeterminate: "" })])) : k.value ? M.value ? (h(), u("div", Pe, [ge("span", Fe, _(v(q)("common.alert.unknownError")), 1), f(i, {
+									"data-cy": "button-retry-editor",
+									onClick: x(P, ["stop"])
+								}, {
+									default: b(() => [d(_(v(q)("common.button.retry")), 1)]),
+									_: 1
+								})])) : j.value ? (h(), c(ve(j.value), {
+									key: 4,
+									ref_key: "editor",
+									ref: Y,
+									modelValue: W.value,
+									"onUpdate:modelValue": n[4] ||= (e) => W.value = e,
+									position: !1,
+									loading: H.value || V.value,
+									"compact-field": "customName",
+									validate: Ve,
+									"show-add-button": !1,
+									"unsaved-section-label": v(q)("common.filter.bookmark.unsavedSection")
+								}, {
+									item: b(({ raw: e, actions: t }) => [f(r, {
+										"model-value": e.customName,
+										"hide-details": "auto",
+										"onUpdate:modelValue": (n) => t.update({
+											...e,
+											customName: String(n ?? "")
+										})
+									}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+									_: 1
+								}, 8, [
+									"modelValue",
+									"loading",
+									"unsaved-section-label"
+								])) : (h(), u("div", Ie, [f(S, { indeterminate: "" })])) : (h(), c(e, {
+									key: 1,
+									class: "text-error",
+									title: v(q)("common.alert.unknownError")
+								}, null, 8, ["title"]))], 512), [[xe, L.value === "manage"]])
+							]),
+							_: 1
+						}),
+						f(Ee, null, {
+							default: b(() => [
+								f(we),
+								f(i, {
+									"data-cy": "button-cancel",
+									disabled: V.value,
+									onClick: x(I, ["stop"])
+								}, {
+									default: b(() => [d(_(v(q)("common.button.cancel")), 1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								f(a, {
+									"data-cy": "button-confirm",
+									disabled: L.value === "manage" && (H.value || !j.value),
+									loading: V.value,
+									onClick: x(it, ["stop"])
+								}, {
+									default: b(() => [d(_(L.value === "add" ? v(q)("common.button.add") : v(q)("common.filter.bookmark.saveBookmarkOrder")), 1)]),
+									_: 1
+								}, 8, ["disabled", "loading"])
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue", "persistent"]), f(pe, {
+				modelValue: v(F).promptOpen.value,
+				"onUpdate:modelValue": n[6] ||= (e) => v(F).promptOpen.value = e,
+				"dirty-labels": v(F).dirtyLabels.value,
+				onResolve: v(F).resolvePrompt
+			}, null, 8, [
+				"modelValue",
+				"dirty-labels",
+				"onResolve"
+			])], 64);
+		};
+	}
+});
+//#endregion
+export { Le as default };
+
+//# sourceMappingURL=FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VDialog","_withCtx","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","_component_VCardText","_component_VTabs","_component_VTab","ARow","_createBlock","_createCommentVNode","AFormTextField","AFormSwitch","_withDirectives","_createElementVNode","_component_VProgressCircular","_withModifiers","_resolveDynamicComponent","_vShow","_component_VCardActions","_component_VSpacer","AUnsavedConfirmDialog","ARow_default","AFormTextField_default","ADialogToolbar_default","AFormSwitch_default","AUnsavedConfirmDialog_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","MAX_BOOKMARK_NAME_LENGTH","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","pagination","DatatablePaginationKey","isUndefined","isOpen","ref","manageLoaded","loadFailed","listEditor","shallowRef","editorLoadFailed","editorLoading","loadEditor","loadListEditor","guard","useUnsavedChangesGuard","open","requestClose","saveButtonLoading","forceClose","activeTab","customName","storeDatatableHiddenColumns","storeDatatableOrder","listLoading","errorCount","itemsManage","validateBookmarkName","item","useValidate","rulesCreate","maxLength","vCreate$","filterBookmarkStore","useFilterBookmarkStore","useUserAdminConfigApi","useI18n","useAlerts","useUserAdminConfigFactory","editor","useTemplateRef","isAlreadyGone","isAnzuApiAxiosError","saveManage","changes","deleteUserAdminConfig","bookmarkCacheKey","updateUserAdminConfig","cloneDeep","updateUserAdminConfigPositions","applyItems","fetchItems","showErrorsDefault","useFilterHelpers","systemResource","UserAdminConfigLayoutType","addBookmark","config","createDefaultUserAdminConfig","UserAdminConfigType","serializeFilters","useFetchUserAdminConfigList","count","maxPosition","res","createUserAdminConfig","isAnzuApiValidationError","hasAnzuApiValidationErrorSpecific","onConfirm","fetchGeneration","fetchesInFlight","generation","items","showUnknownError","e","watch","_component_ABtnTertiary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createVNode","VDialog","_cache","$event","withCtx","VCard","createTextVNode","toDisplayString","unref","t","VCardText","VTabs","VTab","createBlock","createCommentVNode","withDirectives","createElementVNode","VProgressCircular","withModifiers","resolveDynamicComponent","raw","actions","vShow","VCardActions","VSpacer"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, so it had no model of its own -- and the guard\n// needs one to watch. Closing now runs through here: `requestClose` lets the guard ask first,\n// `forceClose` is for the paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline when it is created, so it waits for the first fetch. After\n// that it stays mounted whatever happens -- it is the only thing registering this tab's pending\n// work with the guard, and a reload that swapped it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component itself arrives with the first visit to the manage tab (see `loadListEditor`),\n// on its own track: the bookmark fetch above can succeed while the chunk fails, and the other way round.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar's X and the escape key reach this without going past\n  // anything the write phase disables, and closing here would ask the user whether to discard work\n  // that is already on its way to the server -- then write it anyway, whatever they answered.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor owns opening a row, saving it and cancelling out of it, so the rename no longer needs\n// its own held copy, its own vuelidate instance or its own confirm/cancel buttons. What is left is\n// the rule itself, which drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, which is how every other list editor in this codebase is used: the\n// editor holds the data and the form's button persists it. A per-row PUT looked tidier and was not\n// -- re-baselining the one saved row meant reloading the list, and the reload took the pending\n// reorder and any other open row's typed text with it.\n// A delete answered with \"not found\" says the row is already gone, which is what this was asking\n// for. That is how an attempt whose answer never made it back looks the second time around: without\n// reading it this way, every retry would stop on the same row and the dialog could never finish.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is being refreshed: the order this would send is the one on screen, and the\n  // answer already on its way is about to replace it. The button is disabled for the same reason --\n  // this is the half of it that does not depend on anyone looking at the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order -- which is taken from `itemsManage`, and the\n    // deleted rows have already left it.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Out of the cache in the same breath: the filter bar is already on screen reading it, and a\n      // save that fails further down never gets to the refresh that would have done this.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // That row is gone for good. Dropping its pending deletion here is what makes a second press\n      // of the save button safe after a later call in this batch failed: the renames it resends are\n      // the same PUT with the same result, but a DELETE resent against a row that is already gone\n      // would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // Deleting every row leaves nothing to order, and an empty list is not an order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end: this is also what refreshes the store the filter bar reads its names from,\n    // and what the editor re-baselines against.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // Nothing is refetched here and nothing is rolled back. What was written already looks the way\n    // it looks on the server -- a deleted row is gone from both, a renamed one carries the new name\n    // in both -- and what was not written is still the user's to correct and send again. Refetching\n    // would take that unsent work with it without asking, which is the one thing this dialog must\n    // not do. The store is told its copy is behind instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest position in use, not after the number of rows. The manage tab renumbers\n    // only the rows it sends, so a deletion saved there leaves a gap, and counting rows from then\n    // on would put this bookmark on a position another one already holds.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close: with work pending on the other tab the guard\n    // asks, and \"stay\" would otherwise leave this bookmark's name in the field for a second click\n    // to create it again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark is a decision about THIS tab. It says\n    // nothing about a reorder left pending on the other one, so the guard still gets to ask.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on the list being non-empty: deleting every row empties it while leaving the\n    // deletions themselves pending, and this button is the only thing that sends them.\n    saveManage()\n  }\n}\n\n// Entering the manage tab starts a fetch, and the tabs can be switched faster than one comes back,\n// so two can be in flight at once. Only the newest one is allowed to land: without this an older\n// answer could overtake a newer one and put the list back to what it was two switches ago.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // Counted, not a flag: an older fetch answering must not report the tab as settled while a newer\n  // one is still out, or the editor takes edits again in the gap between the two.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` is this request's own answer that it failed; the store's `error` flag is shared with\n    // every other fetch it serves, this dialog's bookmark count among them.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // The same question as on the way out of the try: an answer that a newer one has overtaken does\n    // not get to put the tab into an error state or raise an alert over it.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// The fetched rows are handed to the editor rather than left to reach it through `v-model`: that\n// way round is a render away, and a commit that ran before the rows arrived would pin the baseline\n// to the list from before the fetch -- every difference the fetch brought would then read as the\n// user's own unsaved edit. The editor is still to mount on the first load; it takes its own\n// baseline from `itemsManage` when it does.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it -- a bookmark just added on the other tab is the near case -- but\n  // never over work the user has not saved: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Asked again on the way back: the fetch takes long enough for the user to have started dragging\n  // in the meantime, and applying it then would be the same loss, just later.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!-- `persistent` while a write is out: the escape key and a click outside go straight to the\n       model, past everything the write phase disables. -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!-- `v-show`, not `v-if`: the guard sees this tab's pending work only through the section\n             the editor registers, so unmounting it on a glance at the other tab would leave the\n             dialog able to close on a dragged order without asking. The spinner is the editor's own\n             `loading` for the same reason -- swapping it out on every reload would do the same. -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Nothing ever loaded: the editor's own empty state would claim there are no bookmarks,\n               which is not what a failed fetch found out. -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Mounted once the first fetch has settled -- empty or not, so an empty list gets the\n               editor's own empty state rather than a blank tab -- and never unmounted after that. -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!-- Nothing in here takes input while a write is out: the change set was read when the\n             button was pressed, so anything typed after that would not be in it, and the close that\n             follows a successful save would take it with it. -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Not while the list is being refreshed: the order this would send is the one on screen,\n             which the answer on its way is about to replace. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/domains/filters/bookmarks/components/FilterBookmarks.js

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

package/dist/domains/filters/bookmarks/components/FilterBookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBookmarks.js","names":["_sfc_main","FilterBookmarks_vue_vue_type_script_setup_true_lang_default","FilterBookmarks_default"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarks.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, inject, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'\nimport { useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport type { AxiosInstance } from 'axios'\nimport {\n  type UserAdminConfig,\n  type UserAdminConfigDataFilterBookmark,\n  UserAdminConfigLayoutType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useResizeObserver, watchThrottled } from '@vueuse/core'\nimport { cloneDeep, isDefined, isNull, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  DatatablePaginationKey,\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { type FilterData, useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { stringToBooleanExact, stringToNumber } from '@/shared/utils/string'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    userId: IntegerId\n    system: string\n    subject: string\n  }>(),\n  {}\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst { t } = useI18n()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: true,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst loading = ref(false)\nconst toolbarRef = useTemplateRef('toolbar')\nconst toolbarWidth = ref(300)\nconst visibleItemsCount = ref(1000)\n\nconst filterBookmarkStore = useFilterBookmarkStore()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { useFetchUserAdminConfigList } = useUserAdminConfigApi(props.client, props.system)\n\nconst systemResource = props.system + '_' + props.subject\n\nconst loadBookmarks = async (force = false) => {\n  loading.value = true\n  await filterBookmarkStore.getBookmarks(\n    {\n      user: props.userId,\n      layoutType: UserAdminConfigLayoutType.Desktop,\n      systemResource: systemResource,\n    },\n    useFetchUserAdminConfigList,\n    force\n  )\n  loading.value = false\n}\n\nconst { deserializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst onItemClick = (item: UserAdminConfig) => {\n  const config = item.data as UserAdminConfigDataFilterBookmark\n  if (isDefined(config.datatableHiddenColumns) && isDefined(datatableHiddenColumns.value)) {\n    datatableHiddenColumns.value = config.datatableHiddenColumns\n  }\n  if (isDefined(config.sortBy)) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: { key: config.sortBy!.key, order: config.sortBy!.order },\n    }\n  }\n  const deserialized = deserializeFilters(config.filter)\n  if (isNull(deserialized)) return\n  for (const filterName in filterData) {\n    const key = filterName as keyof FilterData\n    let value = deserialized.filters[key]\n    if (isUndefined(value) && filterConfig.fields[key]?.clearable) {\n      filterData[key] = cloneDeep(filterConfig.fields[key].default)\n      filterSelected.value.delete(key)\n      continue\n    }\n    if (isString(value)) {\n      const tryConvertNumber = stringToNumber(value)\n      // Only a canonical number: '0905' or '007' are codes and stay strings, as in the url hash.\n      if (!isNull(tryConvertNumber) && String(tryConvertNumber) === value) {\n        value = tryConvertNumber\n      } else {\n        // If not a number, try to convert to boolean\n        const tryConvertBoolean = stringToBooleanExact(value)\n        if (!isNull(tryConvertBoolean)) {\n          value = tryConvertBoolean\n        }\n      }\n    }\n    filterData[key] = value\n  }\n  emit('submit')\n}\n\nconst THREE_DOTS_WIDTH = 32\n\nconst calculateVisible = async (totalWidth: number) => {\n  const container = toolbarRef.value\n  if (isNull(container)) return\n  visibleItemsCount.value = 1000\n  await nextTick()\n  let cumulativeWidth = 0\n  let visible = 0\n  for (let i = 0; i < container.children.length; i++) {\n    const child = container.children[i] as HTMLElement\n    const childWidth = child.offsetWidth\n    cumulativeWidth += childWidth\n    if (cumulativeWidth >= totalWidth - THREE_DOTS_WIDTH) {\n      break\n    }\n    visible++\n  }\n  visibleItemsCount.value = visible\n}\n\nuseResizeObserver(toolbarRef, (entries) => {\n  if (entries[0]) {\n    toolbarWidth.value = entries[0].contentRect.width\n  }\n})\n\nwatchThrottled(\n  toolbarWidth,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    calculateVisible(newValue)\n  },\n  { throttle: 1000 }\n)\n\nconst items = computed(() => {\n  const key = filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n  const result = filterBookmarkStore.bookmarks.get(key)\n  return result?.items ?? []\n})\n\nconst itemsComputed = computed(() => {\n  const visible = visibleItemsCount.value\n  return {\n    visible: items.value.slice(0, visible),\n    hidden: items.value.slice(visible),\n  }\n})\n\nwatch([loading, () => items.value.length], ([newLoading]) => {\n  if (newLoading === true || isNull(toolbarRef.value)) return\n  toolbarWidth.value = toolbarRef.value.clientWidth\n  nextTick(() => {\n    calculateVisible(toolbarWidth.value)\n  })\n})\n\nonMounted(() => {\n  loadBookmarks()\n})\n</script>\n\n<template>\n  <div\n    ref=\"toolbar\"\n    :key=\"items.length\"\n    class=\"w-100 d-flex overflow-hidden align-center mb-1\"\n  >\n    <div v-if=\"loading\" />\n    <template v-else>\n      <div\n        v-for=\"item in itemsComputed.visible\"\n        :key=\"item.id\"\n        class=\"white-space-nowrap\"\n      >\n        <VBtn\n          variant=\"text\"\n          prepend-icon=\"mdi-bookmark-outline\"\n          size=\"small\"\n          class=\"mr-1 mb-1 bg-grey-lighten-4 text-grey-darken-3\"\n          @click=\"onItemClick(item)\"\n        >\n          {{ item.customName }}\n        </VBtn>\n      </div>\n      <VMenu\n        v-if=\"itemsComputed.hidden.length > 0\"\n        location=\"bottom\"\n      >\n        <template #activator=\"{ props: activatorProps }\">\n          <VBtn\n            icon=\"mdi-menu-down\"\n            :aria-label=\"t('common.filter.bookmark.more')\"\n            size=\"x-small\"\n            :width=\"28\"\n            :height=\"28\"\n            v-bind=\"activatorProps\"\n          />\n        </template>\n        <VList density=\"compact\">\n          <VListItem\n            v-for=\"item in itemsComputed.hidden\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle>{{ item.customName }}</VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/filters/bookmarks/components/FilterBookmarks.vue.d.ts

@@ -0,0 +1,22 @@
+import { AxiosInstance } from 'axios';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    client: () => AxiosInstance;
+    userId: IntegerId;
+    system: string;
+    subject: string;
+};
+type __VLS_ModelProps = {
+    'datatableHiddenColumns': string[] | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:datatableHiddenColumns": (value: string[] | undefined) => any;
+} & {
+    submit: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    "onUpdate:datatableHiddenColumns"?: ((value: string[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;