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

package/dist/domains/filters/datatable/composables/createDatatableColumnsConfig.js

@@ -0,0 +1,68 @@
+import { DATETIME_AUTO_LABEL_TRACKING as e } from "../utils/datatableColumns.js";
+import { commonI18n as t } from "../../../../plugins/i18n.js";
+import { isArray as n, isBoolean as r, isObject as i, isString as a, isUndefined as o } from "../../../../shared/utils/common.js";
+import { computed as s, onMounted as c, watch as l } from "vue";
+// src/domains/filters/datatable/composables/createDatatableColumnsConfig.ts
+var u = {
+	key: "",
+	title: void 0,
+	sortable: !1,
+	fixed: !1
+}, d = {
+	storeColumnsLocalStorage: !0,
+	disableActions: !1,
+	customI18n: void 0,
+	showExpand: !1
+};
+function f(f, p, m, h, g = {}) {
+	let _ = {
+		...d,
+		...g
+	}, v = _.customI18n ?? t(), { t: y } = v.global || v, b;
+	a(_.storeColumnsLocalStorage) ? b = _.storeColumnsLocalStorage : r(_.storeColumnsLocalStorage) && !0 === _.storeColumnsLocalStorage && (b = "table_" + m + "_" + h);
+	let x = f.map((t) => {
+		let n = {
+			...u,
+			...t
+		};
+		return o(n.title) && (n.title = o(n.title) && e.includes(n.key) ? y("common.model.tracking." + n.key) : o(n.title) && m && h ? y(m + "." + h + ".model." + n.key) : ""), n;
+	}), S = s(() => {
+		let e = [];
+		return _.showExpand && e.push({
+			key: "data-table-expand",
+			sortable: !1
+		}), x.forEach((t) => {
+			p.value.includes(t.key) || e.push(t);
+		}), _.disableActions || e.push({
+			key: "actions",
+			sortable: !1,
+			fixed: "end"
+		}), e;
+	}), C = () => {
+		if (!b || !localStorage) return;
+		let e = localStorage.getItem(b);
+		if (!e) return;
+		let t;
+		try {
+			t = JSON.parse(e);
+		} catch {
+			localStorage.removeItem(b);
+			return;
+		}
+		i(t) && n(t.hidden) && (p.value = t.hidden);
+	}, w = (e) => {
+		b && localStorage && localStorage.setItem(b, JSON.stringify({ hidden: e }));
+	};
+	return c(() => {
+		C();
+	}), l(p, (e) => {
+		w(e);
+	}), {
+		columnsAll: x,
+		columnsVisible: S,
+		columnsHidden: p
+	};
+}
+export { f as createDatatableColumnsConfig };
+
+//# sourceMappingURL=createDatatableColumnsConfig.js.map

package/dist/domains/filters/datatable/composables/createDatatableColumnsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDatatableColumnsConfig.js","names":["defaultColumn","DatatableColumnsConfigMoreOptionsDefault","createDatatableColumnsConfig","options","moreOptions","localI18n","commonI18n","storeKey","isString","isBoolean","system","subject","columnsAll","config","obj","item","isUndefined","DATETIME_AUTO_LABEL_TRACKING","t","columnsVisible","computed","columns","columnsHidden","column","loadStoredColumns","stored","storedData","isObject","isArray","storeColumns","onMounted","watch","newValue"],"sources":["../../../../../src/domains/filters/datatable/composables/createDatatableColumnsConfig.ts"],"sourcesContent":["import {\n  type ColumnConfig,\n  type ColumnInternalValues,\n  DATETIME_AUTO_LABEL_TRACKING,\n  type StoredData,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { commonI18n } from '@/plugins/i18n'\nimport { isArray, isBoolean, isObject, isString, isUndefined } from '@/shared/utils/common'\n\nconst defaultColumn: ColumnInternalValues = {\n  key: '',\n  title: undefined,\n  sortable: false,\n  fixed: false,\n}\n\ninterface DatatableColumnsConfigMoreOptions {\n  storeColumnsLocalStorage: string | boolean // false to disable, string to override store key\n  disableActions: boolean\n  customI18n: any\n  showExpand: boolean\n}\n\nconst DatatableColumnsConfigMoreOptionsDefault = {\n  storeColumnsLocalStorage: true,\n  disableActions: false,\n  customI18n: undefined,\n  showExpand: false,\n}\n\nexport function createDatatableColumnsConfig(\n  config: ColumnConfig[],\n  columnsHidden: Ref<Array<string>>,\n  system: string,\n  subject: string,\n  moreOptions: Partial<DatatableColumnsConfigMoreOptions> = {}\n) {\n  const options = { ...DatatableColumnsConfigMoreOptionsDefault, ...moreOptions }\n  const localI18n = options.customI18n ?? commonI18n()\n  const { t } = localI18n.global || localI18n\n\n  let storeKey: undefined | string = undefined\n  if (isString(options.storeColumnsLocalStorage)) {\n    storeKey = options.storeColumnsLocalStorage\n  } else if (isBoolean(options.storeColumnsLocalStorage) && true === options.storeColumnsLocalStorage) {\n    storeKey = 'table_' + system + '_' + subject\n  }\n\n  const columnsAll = config.map((item) => {\n    const obj = { ...defaultColumn, ...item }\n    if (!isUndefined(obj.title)) {\n      // do not modify\n    } else if (isUndefined(obj.title) && DATETIME_AUTO_LABEL_TRACKING.includes(obj.key)) {\n      obj.title = t('common.model.tracking.' + obj.key)\n    } else if (isUndefined(obj.title) && system && subject) {\n      obj.title = t(system + '.' + subject + '.model.' + obj.key)\n    } else {\n      obj.title = ''\n    }\n    return obj\n  })\n\n  const columnsVisible = computed(() => {\n    const columns: any = []\n    if (options.showExpand) columns.push({ key: 'data-table-expand', sortable: false })\n    columnsAll.forEach((column) => {\n      if (!columnsHidden.value.includes(column.key)) {\n        columns.push(column)\n      }\n    })\n    if (!options.disableActions) columns.push({ key: 'actions', sortable: false, fixed: 'end' })\n    return columns\n  })\n\n  const loadStoredColumns = () => {\n    if (!storeKey || !localStorage) return\n    const stored = localStorage.getItem(storeKey)\n    if (!stored) return\n    // A corrupted entry would otherwise throw inside onMounted and take the whole table with it.\n    let storedData: StoredData\n    try {\n      storedData = JSON.parse(stored) as StoredData\n    } catch {\n      localStorage.removeItem(storeKey)\n      return\n    }\n    if (!isObject(storedData)) return\n    if (!isArray(storedData.hidden)) return\n    columnsHidden.value = storedData.hidden as string[]\n  }\n\n  const storeColumns = (columns: string[]) => {\n    if (!storeKey || !localStorage) return\n    localStorage.setItem(storeKey, JSON.stringify({ hidden: columns }))\n  }\n\n  onMounted(() => {\n    loadStoredColumns()\n  })\n\n  watch(columnsHidden, (newValue) => {\n    storeColumns(newValue)\n  })\n\n  return {\n    columnsAll,\n    columnsVisible,\n    columnsHidden,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAMA,IAAsC;CAC1C,KAAK;CACL,OAAO,KAAA;CACP,UAAU;CACV,OAAO;AACT,GASMC,IAA2C;CAC/C,0BAA0B;CAC1B,gBAAgB;CAChB,YAAY,KAAA;CACZ,YAAY;AACd;AAEA,SAAgBC,EACd,GACA,GACA,GACA,GACA,IAA0D,CAAC,GAC3D;CACA,IAAMC,IAAU;EAAE,GAAGF;EAA0C,GAAGG;CAAY,GACxEC,IAAYF,EAAQ,cAAcG,EAAW,GAC7C,EAAE,SAAMD,EAAU,UAAUA,GAE9BE;CACJ,AAAIC,EAASL,EAAQ,wBAAwB,IAC3C,IAAWA,EAAQ,2BACVM,EAAUN,EAAQ,wBAAwB,KAAK,OAASA,EAAQ,6BACzE,IAAW,WAAWO,IAAS,MAAMC;CAGvC,IAAMC,IAAaC,EAAO,KAAK,MAAS;EACtC,IAAMC,IAAM;GAAE,GAAGd;GAAe,GAAGe;EAAK;EAUxC,OATKC,EAAYF,EAAI,KAAK,MAEnB,AAKLA,EAAI,QALKE,EAAYF,EAAI,KAAK,KAAKG,EAA6B,SAASH,EAAI,GAAG,IACpEI,EAAE,2BAA2BJ,EAAI,GAAG,IACvCE,EAAYF,EAAI,KAAK,KAAKJ,KAAUC,IACjCO,EAAER,IAAS,MAAMC,IAAU,YAAYG,EAAI,GAAG,IAE9C,KAEPA;CACT,CAAC,GAEKK,IAAiBC,QAAe;EACpC,IAAMC,IAAe,CAAC;EAQtB,OAPIlB,EAAQ,cAAYkB,EAAQ,KAAK;GAAE,KAAK;GAAqB,UAAU;EAAM,CAAC,GAClFT,EAAW,SAAS,MAAW;GAC7B,AAAKU,EAAc,MAAM,SAASC,EAAO,GAAG,KAC1CF,EAAQ,KAAKE,CAAM;EAEvB,CAAC,GACIpB,EAAQ,kBAAgBkB,EAAQ,KAAK;GAAE,KAAK;GAAW,UAAU;GAAO,OAAO;EAAM,CAAC,GACpFA;CACT,CAAC,GAEKG,UAA0B;EAC9B,IAAI,CAACjB,KAAY,CAAC,cAAc;EAChC,IAAMkB,IAAS,aAAa,QAAQlB,CAAQ;EAC5C,IAAI,CAACkB,GAAQ;EAEb,IAAIC;EACJ,IAAI;GACF,IAAa,KAAK,MAAMD,CAAM;EAChC,QAAQ;GACN,aAAa,WAAWlB,CAAQ;GAChC;EACF;EACA,AAAKoB,EAASD,CAAU,KACnBE,EAAQF,EAAW,MAAM,MAC9B,EAAc,QAAQA,EAAW;CACnC,GAEMG,KAAgB,MAAsB;EAC1C,AAAKtB,KAAa,gBAClB,aAAa,QAAQA,GAAU,KAAK,UAAU,EAAE,QAAQc,EAAQ,CAAC,CAAC;CACpE;CAUA,OARAS,QAAgB;EACd,EAAkB;CACpB,CAAC,GAEDC,EAAMT,IAAgB,MAAa;EACjC,EAAaU,CAAQ;CACvB,CAAC,GAEM;EACL;EACA;EACA;CACF;AACF"}

package/dist/domains/filters/datatable/utils/datatable.d.ts

@@ -0,0 +1 @@
+export declare const datatableSlotName: (columnName: string, prefix?: string) => string;

package/dist/domains/filters/datatable/utils/datatable.js

@@ -0,0 +1,5 @@
+// src/domains/filters/datatable/utils/datatable.ts
+var e = (e, t = "item") => t + "." + e;
+export { e as datatableSlotName };
+
+//# sourceMappingURL=datatable.js.map

package/dist/domains/filters/datatable/utils/datatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.js","names":["datatableSlotName","prefix","columnName"],"sources":["../../../../../src/domains/filters/datatable/utils/datatable.ts"],"sourcesContent":["export const datatableSlotName = (columnName: string, prefix = 'item') => {\n  return prefix + '.' + columnName\n}\n"],"mappings":";AAAA,IAAaA,KAAqB,GAAoB,IAAS,WACtDC,IAAS,MAAMC"}

package/dist/domains/filters/datatable/utils/datatableColumns.d.ts

@@ -0,0 +1,33 @@
+import { SortOrderType } from '../../../api/types/SortOrder';
+export declare const DATETIME_AUTO_LABEL_TRACKING: string[];
+export declare const SORT_BY_SCORE = "_score";
+export declare const SORT_BY_ID = "id";
+export declare const SORT_BY_SCORE_DATE = "score_date";
+export declare const SORT_BY_SCORE_BEST = "score_best";
+export type DatatableSortBy = {
+    key: string;
+    order: SortOrderType;
+} | null | undefined;
+export type DatatableOrderingOption = {
+    id: number;
+    titleT: string;
+    sortBy?: DatatableSortBy;
+    customData?: any;
+};
+export type DatatableOrderingOptions = Array<DatatableOrderingOption>;
+export type ColumnConfig = {
+    key: string;
+    title?: string;
+    sortable?: boolean;
+    fixed?: boolean;
+    maxWidth?: number;
+};
+export type ColumnInternalValues = {
+    key: string;
+    title?: string;
+    sortable: boolean;
+    fixed: boolean;
+};
+export type StoredData = {
+    hidden?: string[];
+};

package/dist/domains/filters/datatable/utils/datatableColumns.js

@@ -0,0 +1,5 @@
+// src/domains/filters/datatable/utils/datatableColumns.ts
+var e = ["createdAt", "modifiedAt"], t = "_score", n = "id", r = "score_date", i = "score_best";
+export { e as DATETIME_AUTO_LABEL_TRACKING, n as SORT_BY_ID, t as SORT_BY_SCORE, i as SORT_BY_SCORE_BEST, r as SORT_BY_SCORE_DATE };
+
+//# sourceMappingURL=datatableColumns.js.map

package/dist/domains/filters/datatable/utils/datatableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatableColumns.js","names":["DATETIME_AUTO_LABEL_TRACKING","SORT_BY_SCORE","SORT_BY_ID","SORT_BY_SCORE_DATE","SORT_BY_SCORE_BEST"],"sources":["../../../../../src/domains/filters/datatable/utils/datatableColumns.ts"],"sourcesContent":["import type { SortOrderType } from '@/domains/api/types/SortOrder'\n\nexport const DATETIME_AUTO_LABEL_TRACKING = ['createdAt', 'modifiedAt']\n\nexport const SORT_BY_SCORE = '_score'\nexport const SORT_BY_ID = 'id'\nexport const SORT_BY_SCORE_DATE = 'score_date'\nexport const SORT_BY_SCORE_BEST = 'score_best'\n\nexport type DatatableSortBy =\n  | {\n      key: string\n      order: SortOrderType\n    }\n  | null\n  | undefined\n\nexport type DatatableOrderingOption = {\n  id: number\n  titleT: string\n  sortBy?: DatatableSortBy\n  customData?: any\n}\n\nexport type DatatableOrderingOptions = Array<DatatableOrderingOption>\n\nexport type ColumnConfig = {\n  key: string\n  title?: string\n  sortable?: boolean\n  fixed?: boolean\n  maxWidth?: number\n}\n\nexport type ColumnInternalValues = {\n  key: string\n  title?: string\n  sortable: boolean\n  fixed: boolean\n}\n\nexport type StoredData = {\n  hidden?: string[]\n}\n"],"mappings":";AAEA,IAAaA,IAA+B,CAAC,aAAa,YAAY,GAEzDC,IAAgB,UAChBC,IAAa,MACbC,IAAqB,cACrBC,IAAqB"}

package/dist/domains/filters/utils/filterInjectionKeys.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey, Ref } from 'vue';
+import { FilterConfig, FilterData } from '../composables/filterFactory';
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+import { Pagination } from '../../api/composables/pagination';
+export declare const FilterDataKey: InjectionKey<FilterData>;
+export declare const FilterConfigKey: InjectionKey<FilterConfig>;
+export declare const FilterInnerDataKey: InjectionKey<FilterData>;
+export declare const FilterInnerConfigKey: InjectionKey<FilterConfig>;
+export declare const FilterSubmitResetCounterKey: InjectionKey<Ref<number>>;
+export declare const FilterSelectedKey: InjectionKey<Ref<Map<string, ValueObjectOption<string | number>[]>>>;
+export declare const DatatablePaginationKey: InjectionKey<Ref<Pagination>>;
+export declare const SubjectSelectCloseSidebarKey: InjectionKey<() => void>;
+export declare const DatatablePageStoreKey: InjectionKey<string>;

package/dist/domains/filters/utils/filterInjectionKeys.js

@@ -0,0 +1,5 @@
+// src/domains/filters/utils/filterInjectionKeys.ts
+var e = Symbol.for("anzu:FilterDataKey"), t = Symbol.for("anzu:FilterConfigKey"), n = Symbol.for("anzu:FilterInnerDataKey"), r = Symbol.for("anzu:FilterInnerConfigKey"), i = Symbol.for("anzu:FilterSubmitResetCounterKey"), a = Symbol.for("anzu:FilterSelectedKey"), o = Symbol.for("anzu:DatatablePaginationKey"), s = Symbol.for("anzu:SubjectSelectCloseSidebarKey"), c = Symbol.for("anzu:DatatablePageStoreKey");
+export { c as DatatablePageStoreKey, o as DatatablePaginationKey, t as FilterConfigKey, e as FilterDataKey, r as FilterInnerConfigKey, n as FilterInnerDataKey, a as FilterSelectedKey, i as FilterSubmitResetCounterKey, s as SubjectSelectCloseSidebarKey };
+
+//# sourceMappingURL=filterInjectionKeys.js.map

package/dist/domains/filters/utils/filterInjectionKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterInjectionKeys.js","names":["FilterDataKey","FilterConfigKey","FilterInnerDataKey","FilterInnerConfigKey","FilterSubmitResetCounterKey","FilterSelectedKey","DatatablePaginationKey","SubjectSelectCloseSidebarKey","DatatablePageStoreKey"],"sources":["../../../../src/domains/filters/utils/filterInjectionKeys.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nexport const FilterDataKey: InjectionKey<FilterData> = Symbol.for('anzu:FilterDataKey')\nexport const FilterConfigKey: InjectionKey<FilterConfig> = Symbol.for('anzu:FilterConfigKey')\n\nexport const FilterInnerDataKey: InjectionKey<FilterData> = Symbol.for('anzu:FilterInnerDataKey')\nexport const FilterInnerConfigKey: InjectionKey<FilterConfig> = Symbol.for('anzu:FilterInnerConfigKey')\n\nexport const FilterSubmitResetCounterKey: InjectionKey<Ref<number>> = Symbol.for('anzu:FilterSubmitResetCounterKey')\nexport const FilterSelectedKey: InjectionKey<Ref<Map<string, ValueObjectOption<string | number>[]>>> =\n  Symbol.for('anzu:FilterSelectedKey')\n\nexport const DatatablePaginationKey: InjectionKey<Ref<Pagination>> = Symbol.for('anzu:DatatablePaginationKey')\n\nexport const SubjectSelectCloseSidebarKey: InjectionKey<() => void> = Symbol.for('anzu:SubjectSelectCloseSidebarKey')\n\n// Key for a datatable's remembered page. `useFilterHelpers` provides it so\n// `ADatatablePagination` writes under the key `loadStoredFilters` reads.\n// Several tables can share one system/subject (cms has seven for\n// `cms/article`). They differ by overriding `storeFiltersLocalStorage`.\nexport const DatatablePageStoreKey: InjectionKey<string> = Symbol.for('anzu:DatatablePageStoreKey')\n"],"mappings":";AAKA,IAAaA,IAA0C,OAAO,IAAI,oBAAoB,GACzEC,IAA8C,OAAO,IAAI,sBAAsB,GAE/EC,IAA+C,OAAO,IAAI,yBAAyB,GACnFC,IAAmD,OAAO,IAAI,2BAA2B,GAEzFC,IAAyD,OAAO,IAAI,kCAAkC,GACtGC,IACX,OAAO,IAAI,wBAAwB,GAExBC,IAAwD,OAAO,IAAI,6BAA6B,GAEhGC,IAAyD,OAAO,IAAI,mCAAmC,GAMvGC,IAA8C,OAAO,IAAI,4BAA4B"}

package/dist/domains/form/components/AFormDatetimePicker.js

@@ -0,0 +1,6 @@
+import e from "./AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js";
+// src/domains/form/components/AFormDatetimePicker.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AFormDatetimePicker.js.map

package/dist/domains/form/components/AFormDatetimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormDatetimePicker.js","names":["_sfc_main","AFormDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFormDatetimePicker_default"],"sources":["../../../../src/domains/form/components/AFormDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport type { DatetimePickerType } from '@/shared/utils/datetimePickerValue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    type?: DatetimePickerType\n    label?: string\n    errorMessage?: string\n    required?: boolean\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    collab: undefined,\n    disabled: undefined,\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | undefined): void\n  (e: 'click:append', data: string | number | null | undefined): void\n  (e: 'blur', data: string | number | null | undefined): void\n  (e: 'focus', data: string | number | null | undefined): void\n}>()\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', newValue)\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst isOpened = ref(false)\nconst isFocused = ref(false)\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event.\n  // Releasing the lock now would send the previous value, and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValueComputed\"\n    :type=\"type\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :label=\"labelComputed\"\n    :clearable=\"clearable\"\n    v-bind=\"$attrs\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @open=\"onOpen\"\n    @close=\"onClose\"\n  >\n    <template #append-inner>\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n  </ADatetimePicker>\n</template>\n"],"mappings":""}

package/dist/domains/form/components/AFormDatetimePicker.vue.d.ts

@@ -0,0 +1,59 @@
+import { AFormFieldValidation } from '../../../shared/types/Validation';
+import { DatetimeUTCNullable, IntegerIdNullable } from '../../../shared/types/common';
+import { CollabComponentConfig } from '../../collab/types/Collab';
+import { DatetimePickerType } from '../../../shared/utils/datetimePickerValue';
+type __VLS_Props = {
+    modelValue: DatetimeUTCNullable | undefined;
+    type?: DatetimePickerType;
+    label?: string;
+    errorMessage?: string;
+    required?: boolean;
+    v?: AFormFieldValidation | null;
+    dataCy?: string;
+    clearable?: boolean;
+    collab?: CollabComponentConfig;
+    disabled?: boolean;
+    readonly?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        locked?: (props: {
+            userId: IntegerIdNullable;
+        }) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: DatetimeUTCNullable | undefined) => any;
+    blur: (data: string | number | null | undefined) => any;
+    focus: (data: string | number | null | undefined) => any;
+    "click:append": (data: string | number | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: DatetimeUTCNullable | undefined) => any) | undefined;
+    onBlur?: ((data: string | number | null | undefined) => any) | undefined;
+    onFocus?: ((data: string | number | null | undefined) => any) | undefined;
+    "onClick:append"?: ((data: string | number | null | undefined) => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../collab/types/Collab').CollabRoom;
+        field: import('../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../lib').CollabCachedUsersMap;
+    };
+    disabled: boolean;
+    type: DatetimePickerType;
+    label: string;
+    required: boolean;
+    dataCy: string;
+    clearable: boolean;
+    errorMessage: string;
+    v: AFormFieldValidation | null;
+    readonly: boolean;
+}, {}, {}, {}, 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/form/components/AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,117 @@
+import { SubjectScopeKey as e, SystemScopeKey as t } from "../../../shared/injectionKeys.js";
+import { isDefined as n, isUndefined as r } from "../../../shared/utils/common.js";
+import { stringSplitOnFirstOccurrence as i } from "../../../shared/utils/string.js";
+import { useCollabField as a } from "../../collab/composables/collabField.js";
+import o from "../../collab/components/ACollabLockedByUser.js";
+import { useCommonAdminCollabOptions as s } from "../../collab/composables/commonAdminCollabOptions.js";
+import c from "../../ui/datetime/components/ADatetimePicker.js";
+import { computed as l, createBlock as u, createCommentVNode as d, defineComponent as f, inject as p, mergeProps as m, nextTick as h, openBlock as g, ref as _, renderSlot as v, unref as y, watch as b, withCtx as x } from "vue";
+import { useI18n as S } from "vue-i18n";
+// src/domains/form/components/AFormDatetimePicker.vue?vue&type=script&setup=true&lang.ts
+var C = /*@__PURE__*/ f({
+	__name: "AFormDatetimePicker",
+	props: {
+		modelValue: {},
+		type: { default: "datetime" },
+		label: { default: void 0 },
+		errorMessage: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		v: { default: null },
+		dataCy: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		collab: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"click:append",
+		"blur",
+		"focus"
+	],
+	setup(f, { emit: C }) {
+		let w = f, T = C, E = l({
+			get() {
+				return w.modelValue;
+			},
+			set(e) {
+				T("update:modelValue", e);
+			}
+		}), { collabOptions: D } = s(), O = _((e) => {}), k = _((e) => {}), A = _(() => {}), j = _(null);
+		if (D.value.enabled && n(w.collab)) {
+			let { releaseCollabFieldLock: e, changeCollabFieldData: t, acquireCollabFieldLock: n, lockedByUser: r } = a(w.collab.room, w.collab.field, !1, !0);
+			O.value = e, k.value = t, A.value = n, b(r, (e) => {
+				j.value = e;
+			}, { immediate: !0 });
+		}
+		let M = _(!1), N = _(!1), P = () => {
+			M.value = !0, A.value();
+		}, F = () => {
+			M.value = !1, h(() => {
+				O.value(w.modelValue);
+			});
+		}, { t: I } = S(), L = p(t, void 0), R = p(e, void 0), z = () => {
+			w.v?.$touch(), h(() => {
+				N.value = !1, T("blur", r(w.modelValue) ? null : w.modelValue), M.value === !1 && O.value(w.modelValue);
+			});
+		}, B = () => {
+			N.value = !0, T("focus", w.modelValue), A.value();
+		}, V = l(() => n(w.errorMessage) ? [w.errorMessage] : w.v?.$errors?.length ? [w.v.$errors.map((e) => y(e.$message)).join(" ")] : []), H = l(() => {
+			if (n(w.label)) return w.label;
+			if (r(L) || r(R) || r(w.v?.$path)) return "";
+			let { end: e } = i(w.v?.$path, ".");
+			return I(L + "." + R + ".model." + e);
+		}), U = l(() => n(w.required) ? w.required : (w.v?.required)?.$params?.type === "required"), W = l(() => n(w.disabled) ? w.disabled : !!j.value);
+		return b(E, (e, t) => {
+			e !== t && D.value.enabled && (N.value || M.value) && k.value(e);
+		}), (e, t) => (g(), u(c, m({
+			modelValue: E.value,
+			"onUpdate:modelValue": t[0] ||= (e) => E.value = e,
+			type: f.type,
+			"data-cy": f.dataCy,
+			"error-messages": V.value,
+			required: U.value,
+			disabled: W.value,
+			readonly: f.readonly,
+			label: H.value,
+			clearable: f.clearable
+		}, e.$attrs, {
+			onBlur: z,
+			onFocus: B,
+			onOpen: P,
+			onClose: F
+		}), {
+			"append-inner": x(() => [v(e.$slots, "locked", { userId: j.value }, () => [f.collab ? (g(), u(o, {
+				key: 0,
+				id: j.value,
+				users: f.collab.cachedUsers
+			}, null, 8, ["id", "users"])) : d("", !0)])]),
+			_: 3
+		}, 16, [
+			"modelValue",
+			"type",
+			"data-cy",
+			"error-messages",
+			"required",
+			"disabled",
+			"readonly",
+			"label",
+			"clearable"
+		]));
+	}
+});
+export { C as default };
+
+//# sourceMappingURL=AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/form/components/AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","ADatetimePicker","_mergeProps","_withCtx","_renderSlot","ACollabLockedByUser","_createCommentVNode","ACollabLockedByUser_default","ADatetimePicker_default","AFormDatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","modelValueComputed","computed","newValue","useCommonAdminCollabOptions","releaseFieldLock","ref","changeFieldData","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","changeCollabFieldData","acquireCollabFieldLock","watch","lockedByUser","isOpened","isFocused","onOpen","onClose","nextTick","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","onBlur","isUndefined","onFocus","errorMessageComputed","unref","item","labelComputed","path","stringSplitOnFirstOccurrence","t","requiredComputed","disabledComputed","oldValue","openBlock","createBlock","mergeProps","_cache","$event","_ctx","withCtx","renderSlot","createCommentVNode"],"sources":["../../../../src/domains/form/components/AFormDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport type { DatetimePickerType } from '@/shared/utils/datetimePickerValue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    type?: DatetimePickerType\n    label?: string\n    errorMessage?: string\n    required?: boolean\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    collab: undefined,\n    disabled: undefined,\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | undefined): void\n  (e: 'click:append', data: string | number | null | undefined): void\n  (e: 'blur', data: string | number | null | undefined): void\n  (e: 'focus', data: string | number | null | undefined): void\n}>()\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', newValue)\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst isOpened = ref(false)\nconst isFocused = ref(false)\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event.\n  // Releasing the lock now would send the previous value, and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValueComputed\"\n    :type=\"type\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :label=\"labelComputed\"\n    :clearable=\"clearable\"\n    v-bind=\"$attrs\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @open=\"onOpen\"\n    @close=\"onClose\"\n  >\n    <template #append-inner>\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n  </ADatetimePicker>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMa,IAAQC,GA2BRC,IAAOH,GAOPI,IAAqBC,EAAS;GAClC,MAAM;IACJ,OAAOJ,EAAM;GACf;GACA,IAAI,GAA2C;IAC7C,EAAK,qBAAqBK,CAAQ;GACpC;EACF,CAAC,GAGK,EAAE,qBAAkBC,EAA4B,GAEhDC,IAAmBC,GAAK,MAA0B,CAAC,CAAC,GAEpDC,IAAkBD,GAAK,MAA0B,CAAC,CAAC,GACnDE,IAAmBF,QAAU,CAAC,CAAC,GAC/BG,IAAoBH,EAAuB,IAAI;EAErD,IAAII,EAAc,MAAM,WAAWC,EAAUb,EAAM,MAAM,GAAG;GAC1D,IAAM,EAAE,2BAAwB,0BAAuB,2BAAwB,oBAAiBc,EAC9Fd,EAAM,OAAO,MACbA,EAAM,OAAO,OACb,IACA,EACF;GAIA,AAHA,EAAiB,QAAQe,GACzB,EAAgB,QAAQC,GACxB,EAAiB,QAAQC,GACzBC,EACEC,IACC,MAAa;IACZ,EAAkB,QAAQd;GAC5B,GACA,EAAE,WAAW,GAAK,CACpB;EACF;EAEA,IAAMe,IAAWZ,EAAI,EAAK,GACpBa,IAAYb,EAAI,EAAK,GAErBc,UAAe;GAEnB,AADA,EAAS,QAAQ,IACjBZ,EAAiB,MAAM;EACzB,GAEMa,UAAgB;GAGpB,AAFA,EAAS,QAAQ,IAEjBC,QAAe;IACb,EAAiB,MAAMxB,EAAM,UAAU;GACzC,CAAC;EACH,GAEM,EAAE,SAAMyB,EAAQ,GAEhBC,IAASC,EAA2BC,GAAgB,KAAA,CAAS,GAC7DC,IAAUF,EAA2BG,GAAiB,KAAA,CAAS,GAE/DC,UAAe;GAInB,AAHA/B,EAAM,GAAG,OAAO,GAGhBwB,QAAe;IAGb,AAFA,EAAU,QAAQ,IAClBtB,EAAK,QAAQ8B,EAAYhC,EAAM,UAAU,IAAI,OAAOA,EAAM,UAAU,GAChEoB,EAAS,UAAU,MAAOb,EAAiB,MAAMP,EAAM,UAAU;GACvE,CAAC;EACH,GAEMiC,UAAgB;GAGpB,AAFA,EAAU,QAAQ,IAClB/B,EAAK,SAASF,EAAM,UAAU,GAC9BU,EAAiB,MAAM;EACzB,GAEMwB,IAAuB9B,QACvBS,EAAUb,EAAM,YAAY,IAAU,CAACA,EAAM,YAAY,IACzDA,EAAM,GAAG,SAAS,SAAe,CAACA,EAAM,EAAE,QAAQ,KAAK,MAASmC,EAAMC,EAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAC5F,CAAC,CACT,GAEKC,IAAgBjC,QAAe;GACnC,IAAIS,EAAUb,EAAM,KAAK,GAAG,OAAOA,EAAM;GACzC,IAAIgC,EAAYN,CAAM,KAAKM,EAAYH,CAAO,KAAKG,EAAYhC,EAAM,GAAG,KAAK,GAAG,OAAO;GACvF,IAAM,EAAE,KAAKsC,MAASC,EAA6BvC,EAAM,GAAG,OAAO,GAAG;GACtE,OAAOwC,EAAEd,IAAS,MAAMG,IAAU,YAAYS,CAAI;EACpD,CAAC,GAEKG,IAAmBrC,QACnBS,EAAUb,EAAM,QAAQ,IAAUA,EAAM,YACvCA,EAAM,GAAG,SAAA,EAA0D,SAAS,SAAS,UAE3F,GAEK0C,IAAmBtC,QACnBS,EAAUb,EAAM,QAAQ,IAAUA,EAAM,WACrC,CAAC,CAACW,EAAkB,KAC5B;E,OAEDO,EAAMf,IAAqB,GAAU,MAAa;GAChD,AAAIE,MAAasC,KACb/B,EAAc,MAAM,YAAYS,EAAU,SAASD,EAAS,UAC9DX,EAAgB,MAAMJ,CAAQ;EAElC,CAAC,I,UAICjB,EAAA,GAAAC,EA4BkBC,GA5BlBC,EA4BkB;GA3BP,YAAAY,EAAA;GAAA,uBAAA,AAAA4C,EAAA,QAAA,MAAA,EAAkB,QAAAC;GAC1B,MAAM/C,EAAA;GACN,WAASA,EAAA;GACT,kBAAgBiC,EAAA;GAChB,UAAUO,EAAA;GACV,UAAUC,EAAA;GACV,UAAUzC,EAAA;GACV,OAAOoC,EAAA;GACP,WAAWpC,EAAA;EACJd,GAAAA,EAAAA,QAAM;GACP;GACC;GACD;GACC;;GAEG,gBAAYK,QAUd,CATPC,EASOwD,EAAA,QAAA,UAAA,EAPJ,QAAStC,EAAA,MAAiB,SAOtB,CAJGV,EAAA,UADRb,EAAA,GAAAC,EAIEK,GAAA;;IAFC,IAAIiB,EAAA;IACJ,OAAOV,EAAA,OAAO"}

package/dist/domains/form/components/AFormFlagDatetimePicker.js

@@ -0,0 +1,6 @@
+import e from "./AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js";
+// src/domains/form/components/AFormFlagDatetimePicker.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AFormFlagDatetimePicker.js.map

package/dist/domains/form/components/AFormFlagDatetimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormFlagDatetimePicker.js","names":["_sfc_main","AFormFlagDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFormFlagDatetimePicker_default"],"sources":["../../../../src/domains/form/components/AFormFlagDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isFunction, isNull, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport { dateTimeNow } from '@/shared/utils/datetime'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    label?: string\n    errorMessage?: string\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    defaultActivationValue?: DatetimeUTCNullable | 'now' | (() => DatetimeUTCNullable)\n    collab?: CollabComponentConfig\n    disabled?: boolean\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    defaultActivationValue: 'now',\n    collab: undefined,\n    disabled: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | undefined): void\n  (e: 'click:append', data: string | number | null): void\n  (e: 'blur', data: string | number | null): void\n}>()\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', newValue)\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst checkboxModel = ref(false)\nconst isFocused = ref(false)\nconst isOpened = ref(false)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event.\n  // Releasing the lock now would send the previous value, and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  acquireFieldLock.value()\n}\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst errorMessageComputed = computed(() => {\n  if (!isUndefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nwatch(\n  modelValueComputed,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isNull(newValue) || isUndefined(newValue)) {\n      checkboxModel.value = false\n      return\n    }\n    checkboxModel.value = true\n  },\n  { immediate: true }\n)\n\n/**\n * @param oldValue state before click\n */\nconst onCheckboxClick = (oldValue: boolean) => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    if (isFocused.value === false) releaseFieldLock.value(props.modelValue)\n  }, 500)\n  if (oldValue) {\n    modelValueComputed.value = null\n    return\n  }\n  if (props.defaultActivationValue === 'now') {\n    modelValueComputed.value = dateTimeNow()\n    return\n  }\n  if (isFunction(props.defaultActivationValue)) {\n    modelValueComputed.value = props.defaultActivationValue()\n    return\n  }\n  modelValueComputed.value = props.defaultActivationValue\n}\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <div class=\"d-flex justify-space-between\">\n    <VCheckboxBtn\n      v-model=\"checkboxModel\"\n      :label=\"labelComputed\"\n      :disabled=\"disabledComputed\"\n      @click.stop=\"onCheckboxClick(checkboxModel)\"\n    />\n    <div style=\"opacity: 0.5\">\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </div>\n  </div>\n  <VExpandTransition>\n    <div v-show=\"checkboxModel\">\n      <ADatetimePicker\n        v-model=\"modelValueComputed\"\n        :data-cy=\"dataCy\"\n        :error-messages=\"errorMessageComputed\"\n        :clearable=\"clearable\"\n        :disabled=\"disabledComputed\"\n        @focus=\"onFocus\"\n        @blur=\"onBlur\"\n        @open=\"onOpen\"\n        @close=\"onClose\"\n      >\n        <template #append-inner />\n      </ADatetimePicker>\n    </div>\n  </VExpandTransition>\n</template>\n"],"mappings":""}

package/dist/domains/form/components/AFormFlagDatetimePicker.vue.d.ts

@@ -0,0 +1,52 @@
+import { AFormFieldValidation } from '../../../shared/types/Validation';
+import { DatetimeUTCNullable, IntegerIdNullable } from '../../../shared/types/common';
+import { CollabComponentConfig } from '../../collab/types/Collab';
+type __VLS_Props = {
+    modelValue: DatetimeUTCNullable | undefined;
+    label?: string;
+    errorMessage?: string;
+    v?: AFormFieldValidation | null;
+    dataCy?: string;
+    clearable?: boolean;
+    defaultActivationValue?: DatetimeUTCNullable | 'now' | (() => DatetimeUTCNullable);
+    collab?: CollabComponentConfig;
+    disabled?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        locked?: (props: {
+            userId: IntegerIdNullable;
+        }) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: DatetimeUTCNullable | undefined) => any;
+    blur: (data: string | number | null) => any;
+    "click:append": (data: string | number | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: DatetimeUTCNullable | undefined) => any) | undefined;
+    onBlur?: ((data: string | number | null) => any) | undefined;
+    "onClick:append"?: ((data: string | number | null) => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../collab/types/Collab').CollabRoom;
+        field: import('../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../lib').CollabCachedUsersMap;
+    };
+    disabled: boolean;
+    label: string;
+    dataCy: string;
+    clearable: boolean;
+    errorMessage: string;
+    v: AFormFieldValidation | null;
+    defaultActivationValue: DatetimeUTCNullable | (() => DatetimeUTCNullable);
+}, {}, {}, {}, 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/form/components/AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,130 @@
+import { SubjectScopeKey as e, SystemScopeKey as t } from "../../../shared/injectionKeys.js";
+import { isDefined as n, isFunction as r, isNull as i, isUndefined as a } from "../../../shared/utils/common.js";
+import { stringSplitOnFirstOccurrence as o } from "../../../shared/utils/string.js";
+import { dateTimeNow as s } from "../../../shared/utils/datetime.js";
+import c from "../../collab/components/ACollabLockedByUser.js";
+import { useCollabField as l } from "../../collab/composables/collabField.js";
+import { useCommonAdminCollabOptions as u } from "../../collab/composables/commonAdminCollabOptions.js";
+import d from "../../ui/datetime/components/ADatetimePicker.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, inject as b, nextTick as x, openBlock as S, ref as C, renderSlot as w, unref as T, vShow as E, watch as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
+import { useI18n as ee } from "vue-i18n";
+import { VCheckboxBtn as j } from "vuetify/components/VCheckbox";
+import { VExpandTransition as M } from "vuetify/components/transitions";
+// src/domains/form/components/AFormFlagDatetimePicker.vue?vue&type=script&setup=true&lang.ts
+var N = { class: "d-flex justify-space-between" }, P = { style: { opacity: "0.5" } }, F = /*@__PURE__*/ y({
+	__name: "AFormFlagDatetimePicker",
+	props: {
+		modelValue: {},
+		label: { default: void 0 },
+		errorMessage: { default: void 0 },
+		v: { default: null },
+		dataCy: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		defaultActivationValue: {
+			type: [
+				String,
+				null,
+				Function
+			],
+			default: "now"
+		},
+		collab: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"click:append",
+		"blur"
+	],
+	setup(y, { emit: F }) {
+		let I = y, L = F, R = p({
+			get() {
+				return I.modelValue;
+			},
+			set(e) {
+				L("update:modelValue", e);
+			}
+		}), { collabOptions: z } = u(), B = C((e) => {}), V = C((e) => {}), H = C(() => {}), U = C(null);
+		if (z.value.enabled && n(I.collab)) {
+			let { releaseCollabFieldLock: e, changeCollabFieldData: t, acquireCollabFieldLock: n, lockedByUser: r } = l(I.collab.room, I.collab.field, !1, !0);
+			B.value = e, V.value = t, H.value = n, D(r, (e) => {
+				U.value = e;
+			}, { immediate: !0 });
+		}
+		let { t: W } = ee(), G = b(t, void 0), K = b(e, void 0), q = C(!1), J = C(!1), Y = C(!1), X = () => {
+			I.v?.$touch(), x(() => {
+				J.value = !1, L("blur", a(I.modelValue) ? null : I.modelValue), Y.value === !1 && B.value(I.modelValue);
+			});
+		}, Z = () => {
+			J.value = !0, H.value();
+		}, Q = () => {
+			Y.value = !0, H.value();
+		}, te = () => {
+			Y.value = !1, x(() => {
+				B.value(I.modelValue);
+			});
+		}, ne = p(() => a(I.errorMessage) ? I.v?.$errors?.length ? [I.v.$errors.map((e) => T(e.$message)).join(" ")] : [] : [I.errorMessage]), re = p(() => {
+			if (n(I.label)) return I.label;
+			if (a(G) || a(K) || a(I.v?.$path)) return "";
+			let { end: e } = o(I.v?.$path, ".");
+			return W(G + "." + K + ".model." + e);
+		});
+		D(R, (e, t) => {
+			e !== t && (i(e) || a(e) ? q.value = !1 : q.value = !0);
+		}, { immediate: !0 });
+		let ie = (e) => {
+			H.value(), setTimeout(() => {
+				J.value === !1 && B.value(I.modelValue);
+			}, 500), e ? R.value = null : I.defaultActivationValue === "now" ? R.value = s() : r(I.defaultActivationValue) ? R.value = I.defaultActivationValue() : R.value = I.defaultActivationValue;
+		}, $ = p(() => n(I.disabled) ? I.disabled : !!U.value);
+		return D(R, (e, t) => {
+			e !== t && z.value.enabled && (J.value || Y.value) && V.value(e);
+		}), (e, t) => (S(), g(f, null, [_("div", N, [v(j, {
+			modelValue: q.value,
+			"onUpdate:modelValue": t[0] ||= (e) => q.value = e,
+			label: re.value,
+			disabled: $.value,
+			onClick: t[1] ||= A((e) => ie(q.value), ["stop"])
+		}, null, 8, [
+			"modelValue",
+			"label",
+			"disabled"
+		]), _("div", P, [w(e.$slots, "locked", { userId: U.value }, () => [y.collab ? (S(), m(c, {
+			key: 0,
+			id: U.value,
+			users: y.collab.cachedUsers
+		}, null, 8, ["id", "users"])) : h("", !0)])])]), v(M, null, {
+			default: O(() => [k(_("div", null, [v(d, {
+				modelValue: R.value,
+				"onUpdate:modelValue": t[2] ||= (e) => R.value = e,
+				"data-cy": y.dataCy,
+				"error-messages": ne.value,
+				clearable: y.clearable,
+				disabled: $.value,
+				onFocus: Z,
+				onBlur: X,
+				onOpen: Q,
+				onClose: te
+			}, {
+				"append-inner": O(() => [...t[3] ||= []]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"data-cy",
+				"error-messages",
+				"clearable",
+				"disabled"
+			])], 512), [[E, q.value]])]),
+			_: 1
+		})], 64));
+	}
+});
+export { F as default };
+
+//# sourceMappingURL=AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js.map