<script lang="ts" setup>
import type { Ref } from 'vue'
import type { TableType } from 'nocodb-sdk'
import type { Row } from '#imports'
import {
  ReloadRowDataHookInj,
  ReloadViewDataHookInj,
  createEventHook,
  inject,
  provide,
  toRef,
  useProvideSmartsheetRowStore,
  useSmartsheetStoreOrThrow,
} from '#imports'

const props = defineProps<{
  row: Row
}>()

const currentRow = toRef(props, 'row')

const { meta } = useSmartsheetStoreOrThrow()

const { isNew, state, syncLTARRefs, clearLTARCell, addLTARRef, cleaMMCell } = useProvideSmartsheetRowStore(meta as Ref<TableType>, currentRow)

const reloadViewDataTrigger = inject(ReloadViewDataHookInj)!

// override reload trigger and use it to reload row
const reloadHook = createEventHook()

reloadHook.on((params) => {
  if (isNew.value) return
  reloadViewDataTrigger?.trigger({
    shouldShowLoading: (params?.shouldShowLoading as boolean) ?? false,
  })
})

provide(ReloadRowDataHookInj, reloadHook)

defineExpose({
  syncLTARRefs,
  clearLTARCell,
  addLTARRef,
  cleaMMCell
})
</script>

<template>
  <slot :state="state" />
</template>
