@globalbrain/sefirot 2.5.1 → 2.6.0

package/lib/components/STableFooter.vue

@@ -6,9 +6,9 @@ import { format } from '../support/Num'
 import SIcon from './SIcon.vue'
 
 const props = defineProps<{
-  total?: number
-  page?: number
-  perPage?: number
+  total?: number | null
+  page?: number | null
+  perPage?: number | null
   borderless?: boolean
   onPrev?(): void
   onNext?(): void

package/lib/components/STableHeader.vue

@@ -2,7 +2,7 @@
 import { format } from '../support/Num'
 
 defineProps<{
-  total?: number
+  total?: number | null
   reset?: boolean
   borderless?: boolean
   onReset?(): void

package/lib/composables/Data.ts

@@ -1,7 +1,7 @@
 import { watchOnce } from '@vueuse/core'
 import cloneDeep from 'lodash-es/cloneDeep'
 import { WatchSource, reactive } from 'vue'
-import { isObject } from '../support/Utils'
+import { isNullish, isObject } from '../support/Utils'
 
 export interface Data<T extends Record<string, any>> {
   state: T
@@ -25,7 +25,7 @@ export interface UseDataInputUtils {
   def<T>(
     value: any,
     source: WatchSource<T>,
-    cb: (value: Exclude<T, undefined>) => void
+    cb: (value: Exclude<T, null | undefined>) => void
   ): Def<T>
 }
 
@@ -81,11 +81,14 @@ function createState<T extends Record<string, any>>(
 }
 
 function handleDefs<T extends Record<string, any>>(
-  defs: [string, Def][], state: T
+  defs: [string, Def][],
+  state: T
 ): void {
   defs.forEach(([key, def]) => {
     watchOnce(def.source, (value: any) => {
-      (state as any)[key] = def.cb(value)
+      if (!isNullish(value)) {
+        (state as any)[key] = def.cb(value)
+      }
     })
   })
 }
@@ -93,7 +96,7 @@ function handleDefs<T extends Record<string, any>>(
 function def<T>(
   value: any,
   source: WatchSource<T>,
-  cb: (value: Exclude<T, undefined>) => void
+  cb: (value: Exclude<T, null | undefined>) => void
 ): Def {
   return {
     __isDef: true,

package/lib/composables/Table.ts

@@ -5,10 +5,10 @@ import { DropdownSection } from './Dropdown'
 export interface Table {
   orders: string[]
   columns: TableColumns
-  records?: Record<string, any>[]
-  total?: number
-  page?: number
-  perPage?: number
+  records?: Record<string, any>[] | null
+  total?: number | null
+  page?: number | null
+  perPage?: number | null
   reset?: boolean
   borderless?: boolean
   loading?: boolean
@@ -93,10 +93,10 @@ export interface TableCellAvatarsOption {
 export interface UseTableOptions {
   orders: string[]
   columns: TableColumns
-  records?: MaybeRef<Record<string, any>[] | undefined>
-  total?: MaybeRef<number | undefined>
-  page?: MaybeRef<number | undefined>
-  perPage?: MaybeRef<number | undefined>
+  records?: MaybeRef<Record<string, any>[] | null | undefined>
+  total?: MaybeRef<number | null | undefined>
+  page?: MaybeRef<number | null | undefined>
+  perPage?: MaybeRef<number | null | undefined>
   reset?: MaybeRef<boolean | undefined>
   borderless?: boolean
   loading?: MaybeRef<boolean | undefined>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "2.5.1",
+  "version": "2.6.0",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
   "license": "MIT",
@@ -52,8 +52,8 @@
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^18.8.0",
     "@vitejs/plugin-vue": "^3.1.2",
-    "@vitest/coverage-c8": "^0.23.4",
-    "@vue/test-utils": "^2.1.0",
+    "@vitest/coverage-c8": "^0.25.1",
+    "@vue/test-utils": "^2.2.1",
     "@vuelidate/core": "^2.0.0",
     "@vuelidate/validators": "^2.0.0",
     "@vueuse/core": "^9.3.0",
@@ -78,7 +78,7 @@
     "v-calendar": "3.0.0-alpha.8",
     "vite": "^3.1.4",
     "vitepress": "1.0.0-alpha.19",
-    "vitest": "^0.23.4",
+    "vitest": "^0.25.1",
     "vue": "^3.2.40",
     "vue-router": "^4.1.5",
     "vue-tsc": "^1.0.8"