import { ViewTypes } from 'nocodb-sdk' import type { FilterType, KanbanType, SortType, TableType, ViewType } from 'nocodb-sdk' import type { Ref } from 'vue' import { computed, ref, storeToRefs, unref, useBase, useEventBus, useFieldQuery, useInjectionState, useNuxtApp } from '#imports' import type { SmartsheetStoreEvents } from '#imports' const [useProvideSmartsheetStore, useSmartsheetStore] = useInjectionState( ( // _view is deprecated, we use viewsStore instead _view: Ref, meta: Ref, shared = false, initialSorts?: Ref, initialFilters?: Ref, ) => { const { $api } = useNuxtApp() const { activeView: view, activeNestedFilters, activeSorts } = storeToRefs(useViewsStore()) const baseStore = useBase() const { sqlUis } = storeToRefs(baseStore) const sqlUi = ref( (meta.value as TableType)?.source_id ? sqlUis.value[(meta.value as TableType).source_id!] : Object.values(sqlUis.value)[0], ) const { search } = useFieldQuery() const eventBus = useEventBus(Symbol('SmartsheetStore')) const isLocked = computed(() => view.value?.lock_type === 'locked') const isPkAvail = computed(() => (meta.value as TableType)?.columns?.some((c) => c.pk)) const isGrid = computed(() => view.value?.type === ViewTypes.GRID) const isForm = computed(() => view.value?.type === ViewTypes.FORM) const isGallery = computed(() => view.value?.type === ViewTypes.GALLERY) const isKanban = computed(() => view.value?.type === ViewTypes.KANBAN) const isMap = computed(() => view.value?.type === ViewTypes.MAP) const isSharedForm = computed(() => isForm.value && shared) const xWhere = computed(() => { let where const col = (meta.value as TableType)?.columns?.find(({ id }) => id === search.value.field) || (meta.value as TableType)?.columns?.find((v) => v.pv) if (!col) return if (!search.value.query.trim()) return if (['text', 'string'].includes(sqlUi.value.getAbstractType(col)) && col.dt !== 'bigint') { where = `(${col.title},like,%${search.value.query.trim()}%)` } else { where = `(${col.title},eq,${search.value.query.trim()})` } return where }) const isSqlView = computed(() => (meta.value as TableType)?.type === 'view') const sorts = ref(unref(initialSorts) ?? []) const nestedFilters = ref(unref(initialFilters) ?? []) watch( sorts, () => { activeSorts.value = sorts.value }, { immediate: true, }, ) watch( nestedFilters, () => { activeNestedFilters.value = nestedFilters.value }, { immediate: true, }, ) return { view, meta, isLocked, $api, xWhere, isPkAvail, isForm, isGrid, isGallery, isKanban, isMap, isSharedForm, sorts, nestedFilters, isSqlView, eventBus, sqlUi, } }, 'smartsheet-store', ) export { useProvideSmartsheetStore } export function useSmartsheetStoreOrThrow() { const state = useSmartsheetStore() if (!state) throw new Error('Please call `useProvideSmartsheetStore` on the appropriate parent component') return state }