Move type to type/ui

packages/frontend-core/src/components/grid/stores/columns.ts

@@ -1,43 +1,25 @@
 import { derived, get, Readable, Writable, writable } from "svelte/store"
 import { DefaultColumnWidth, GutterWidth } from "../lib/constants"
-import { CalculationType, FieldSchema, FieldType } from "@budibase/types"
+import { UIColumn } from "@budibase/types"
 import { Store as StoreContext } from "."
 
 interface ColumnStore {
-  columns: Writable<Column[]>
+  columns: Writable<UIColumn[]>
 }
 
 interface DerivedColumnStore {
-  tableColumns: Readable<Column[]>
+  tableColumns: Readable<UIColumn[]>
-  displayColumn: Readable<Column | undefined>
+  displayColumn: Readable<UIColumn | undefined>
-  columnLookupMap: Readable<Record<string, Column>>
+  columnLookupMap: Readable<Record<string, UIColumn>>
-  visibleColumns: Readable<Column[]>
+  visibleColumns: Readable<UIColumn[]>
-  scrollableColumns: Readable<Column[]>
+  scrollableColumns: Readable<UIColumn[]>
   hasNonAutoColumn: Readable<boolean>
 }
 
 export type Store = ColumnStore & DerivedColumnStore
 
-type Column = FieldSchema & {
-  label: string
-  readonly: boolean
-  conditions: any
-  related?: {
-    field: string
-    subField: string
-  }
-  primaryDisplay?: boolean
-  schema?: {
-    disabled: boolean
-    type: FieldType
-    readonly: boolean
-    autocolumn: boolean
-  }
-  calculationType: CalculationType
-}
-
 export const createStores = (): ColumnStore => {
-  const columns = writable<Column[]>([])
+  const columns = writable<UIColumn[]>([])
 
   // Enrich columns with metadata about their display position
   const enrichedColumns = derived(columns, $columns => {
@@ -70,7 +52,7 @@ export const deriveStores = (context: StoreContext): DerivedColumnStore => {
 
   // Derive a lookup map for all columns by name
   const columnLookupMap = derived(columns, $columns => {
-    let map: Record<string, Column> = {}
+    let map: Record<string, UIColumn> = {}
     $columns.forEach(column => {
       map[column.name] = column
     })
@@ -136,7 +118,7 @@ export const createActions = (context: StoreContext) => {
   }
 
   // Checks if a column is readonly
-  const isReadonly = (column: Column) => {
+  const isReadonly = (column: UIColumn) => {
     if (!column?.schema) {
       return false
     }
@@ -186,7 +168,7 @@ export const initialise = (context: StoreContext) => {
         .map(field => {
           const fieldSchema = $enrichedSchema[field]
           const oldColumn = $columns?.find(col => col.name === field)
-          const column: Column = {
+          const column: UIColumn = {
             type: fieldSchema.type,
             name: field,
             label: fieldSchema.displayName || field,

packages/types/src/ui/stores/grid/columns.ts

@@ -0,0 +1,19 @@
+import { CalculationType, FieldSchema, FieldType } from "@budibase/types"
+
+export type UIColumn = FieldSchema & {
+  label: string
+  readonly: boolean
+  conditions: any
+  related?: {
+    field: string
+    subField: string
+  }
+  primaryDisplay?: boolean
+  schema?: {
+    disabled: boolean
+    type: FieldType
+    readonly: boolean
+    autocolumn: boolean
+  }
+  calculationType: CalculationType
+}

packages/types/src/ui/stores/grid/index.ts

@@ -0,0 +1 @@
+export * from "./columns"

packages/types/src/ui/stores/index.ts

@@ -1 +1,2 @@
 export * from "./integration"
+export * from "./grid"