@globalbrain/sefirot 4.35.0 → 4.35.2

package/lib/blocks/lens/fields/ContentField.ts

@@ -8,19 +8,19 @@ import { type FilterInput } from '../filter-inputs/FilterInput'
 import { Field } from './Field'
 
 export class ContentField extends Field<ContentFieldData> {
-  tableCell(_v: any, _r: any): TableCell {
+  override tableCell(_v: any, _r: any): TableCell {
     return { type: 'empty' }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     return {}
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return null
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     return this.defineFormInputComponent((_props, _ctx) => {
       return () => h(SMarkdown, {
         content: this.ctx.lang === 'ja' ? this.data.bodyJa : this.data.bodyEn

package/lib/blocks/lens/fields/DateField.ts

@@ -9,7 +9,7 @@ import { TextFilterInput } from '../filter-inputs/TextFilterInput'
 import { Field } from './Field'
 
 export class DateField extends Field<DateFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'day',
       value: v ? day(v) : null,
@@ -17,7 +17,7 @@ export class DateField extends Field<DateFieldData> {
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const text = new TextFilterInput()
 
     return {
@@ -26,13 +26,13 @@ export class DateField extends Field<DateFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => {
       return value ? day(value).format('YYYY-MM-DD') : ''
     })
   }
 
-  inputToPayload(value: any): any {
+  override inputToPayload(value: any): any {
     if (value === null) {
       return null
     }
@@ -40,7 +40,7 @@ export class DateField extends Field<DateFieldData> {
     return value.format('YYYY-MM-DD')
   }
 
-  payloadToInput(value: any): any {
+  override payloadToInput(value: any): any {
     if (value === null) {
       return null
     }
@@ -48,7 +48,7 @@ export class DateField extends Field<DateFieldData> {
     return day(value)
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     return this.defineFormInputComponent((props, { emit }) => {
       return () => h(SInputDate, {
         'size': 'md',

package/lib/blocks/lens/fields/DatetimeField.ts

@@ -7,14 +7,14 @@ import { TextFilterInput } from '../filter-inputs/TextFilterInput'
 import { Field } from './Field'
 
 export class DatetimeField extends Field<DatetimeFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'day',
       value: v ? day(v) : null
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const text = new TextFilterInput()
 
     return {
@@ -23,13 +23,13 @@ export class DatetimeField extends Field<DatetimeFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => {
       return value ? day(value).format('YYYY-MM-DD') : ''
     })
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     throw new Error('Not implemented.')
   }
 }

package/lib/blocks/lens/fields/FileUploadField.ts

@@ -16,18 +16,18 @@ export class FileUploadField extends Field<FileUploadFieldData> {
     this.downloader = downloader
   }
 
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'text',
       value: v
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     return {}
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => {
       if (value === null) {
         return null
@@ -41,11 +41,11 @@ export class FileUploadField extends Field<FileUploadFieldData> {
     })
   }
 
-  inputEmptyValue(): any {
+  override inputEmptyValue(): any {
     return []
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     return this.defineFormInputComponent((props, { emit }) => {
       return () => h(SInputFileUpload, {
         'size': 'mini',

package/lib/blocks/lens/fields/IdField.ts

@@ -6,7 +6,7 @@ import { NumberFilterInput } from '../filter-inputs/NumberFilterInput'
 import { Field } from './Field'
 
 export class IdField extends Field<IdFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'text',
       value: v.display,
@@ -15,7 +15,7 @@ export class IdField extends Field<IdFieldData> {
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const number = new NumberFilterInput()
 
     return {
@@ -24,11 +24,11 @@ export class IdField extends Field<IdFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     throw new Error('Not implemented.')
   }
 
-  formInputComponent() {
+  override formInputComponent() {
     throw new Error('Not implemented.')
   }
 }

package/lib/blocks/lens/fields/LinkField.ts

@@ -9,7 +9,7 @@ import { TextFilterInput } from '../filter-inputs/TextFilterInput'
 import { Field } from './Field'
 
 export class LinkField extends Field<LinkFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'text',
       value: v,
@@ -18,7 +18,7 @@ export class LinkField extends Field<LinkFieldData> {
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const text = new TextFilterInput()
 
     return {
@@ -27,7 +27,7 @@ export class LinkField extends Field<LinkFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => {
       return h(SLink, { href: value }, () => value)
     }, {
@@ -35,7 +35,7 @@ export class LinkField extends Field<LinkFieldData> {
     })
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     return this.defineFormInputComponent((props, { emit }) => {
       return () => h(SInputText, {
         'size': 'md',

package/lib/blocks/lens/fields/NumberField.ts

@@ -6,14 +6,14 @@ import { NumberFilterInput } from '../filter-inputs/NumberFilterInput'
 import { Field } from './Field'
 
 export class NumberField extends Field<NumberFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'number',
       value: v
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const number = new NumberFilterInput()
 
     return {
@@ -22,11 +22,11 @@ export class NumberField extends Field<NumberFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     throw new Error('Not implemented.')
   }
 
-  formInputComponent() {
+  override formInputComponent() {
     throw new Error('Not implemented.')
   }
 }

package/lib/blocks/lens/fields/RelatedManyField.ts

@@ -14,7 +14,7 @@ export class RelatedManyField extends Field<RelatedManyFieldData> {
     this.fetcher = fetcher
   }
 
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'pills',
       pills: v.map((item: any) => ({
@@ -24,7 +24,7 @@ export class RelatedManyField extends Field<RelatedManyFieldData> {
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const method = this.data.resourceEndpointMethod
     const url = this.data.resourceEndpointPath
     const key = this.data.resourceEndpointDataKey
@@ -52,11 +52,11 @@ export class RelatedManyField extends Field<RelatedManyFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     throw new Error('Not implemented.')
   }
 
-  formInputComponent() {
+  override formInputComponent() {
     throw new Error('Not implemented.')
   }
 }

package/lib/blocks/lens/fields/SelectField.ts

@@ -30,7 +30,7 @@ export class SelectField extends Field<SelectFieldData> {
     }
   }
 
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     if (v === null) {
       return { type: 'text', value: null }
     }
@@ -70,7 +70,7 @@ export class SelectField extends Field<SelectFieldData> {
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const options = this.data.options.map((o) => ({
       label: this.labelForOption(o),
       value: o.value
@@ -86,7 +86,7 @@ export class SelectField extends Field<SelectFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => {
       if (value === null) {
         return null
@@ -124,11 +124,11 @@ export class SelectField extends Field<SelectFieldData> {
     return this.optionsForValues(value).map((o) => this.labelForOption(o)).join(', ')
   }
 
-  inputEmptyValue(): any {
+  override inputEmptyValue(): any {
     return this.data.multiple ? [] : null
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     switch (this.data.inputAs) {
       case 'dropdown':
         return this.defineDropdownInputComponent()

package/lib/blocks/lens/fields/SlackMessageField.ts

@@ -7,7 +7,7 @@ import { type FilterInput } from '../filter-inputs/FilterInput'
 import { Field } from './Field'
 
 export class SlackMessageField extends Field<SlackMessageFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'text',
       value: v,
@@ -16,11 +16,11 @@ export class SlackMessageField extends Field<SlackMessageFieldData> {
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     return {}
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => {
       return h(SLink, { href: value }, () => value)
     }, {
@@ -28,7 +28,7 @@ export class SlackMessageField extends Field<SlackMessageFieldData> {
     })
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     throw new Error('Not implemented.')
   }
 }

package/lib/blocks/lens/fields/TextField.ts

@@ -8,14 +8,14 @@ import { TextFilterInput } from '../filter-inputs/TextFilterInput'
 import { Field } from './Field'
 
 export class TextField extends Field<TextFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'text',
       value: v
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const text = new TextFilterInput()
 
     return {
@@ -24,11 +24,11 @@ export class TextField extends Field<TextFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => value)
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     return this.defineFormInputComponent((props, { emit }) => {
       return () => h(SInputText, {
         'size': 'md',

package/lib/blocks/lens/fields/TextareaField.ts

@@ -8,14 +8,14 @@ import { TextFilterInput } from '../filter-inputs/TextFilterInput'
 import { Field } from './Field'
 
 export class TextareaField extends Field<TextareaFieldData> {
-  tableCell(v: any, _r: any): TableCell {
+  override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'text',
       value: v
     }
   }
 
-  availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
+  override availableFilters(): Partial<Record<FilterOperator, FilterInput>> {
     const text = new TextFilterInput()
 
     return {
@@ -24,13 +24,13 @@ export class TextareaField extends Field<TextareaFieldData> {
     }
   }
 
-  dataListItemComponent(): any {
+  override dataListItemComponent(): any {
     return this.defineDataListItemComponent((value) => value, {
       preWrap: true
     })
   }
 
-  formInputComponent(): any {
+  override formInputComponent(): any {
     return this.defineFormInputComponent((props, { emit }) => {
       return () => h(SInputTextarea, {
         'size': 'md',

package/lib/components/STable.vue

@@ -599,7 +599,6 @@ function onResizeEnd(data: { columnName: string; finalWidth: string }) {
                       :cell="getCell(key, item.index)"
                       :value="recordsWithSummary[item.index][key]"
                       :record="recordsWithSummary[item.index]"
-                      :records="unref(options.records)!"
                     >
                       <template v-if="key === '__select' && !isSummary(item.index)">
                         <SInputCheckbox
@@ -695,6 +694,7 @@ function onResizeEnd(data: { columnName: string; finalWidth: string }) {
   width: 100%;
   min-width: 100%;
   overflow-x: auto;
+  overscroll-behavior: none;
 }
 
 .container.head {

package/package.json

@@ -1,22 +1,28 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "4.35.0",
+  "version": "4.35.2",
   "description": "Vue Components for Global Brain Design System.",
   "keywords": [
-    "vue",
-    "vue3",
     "components",
     "design-system",
+    "globalbrain",
     "ui-library",
-    "globalbrain"
+    "vue",
+    "vue3"
   ],
   "homepage": "https://sefirot.globalbrains.com/",
+  "license": "MIT",
+  "author": "Kia Ishii <ka.ishii@globalbrains.com>",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/globalbrain/sefirot.git"
   },
-  "license": "MIT",
-  "author": "Kia Ishii <ka.ishii@globalbrains.com>",
+  "files": [
+    "lib",
+    "config",
+    "client.d.ts",
+    "shared.d.ts"
+  ],
   "type": "module",
   "exports": {
     "./client": "./client.d.ts",
@@ -30,12 +36,6 @@
     },
     "./*": "./*"
   },
-  "files": [
-    "lib",
-    "config",
-    "client.d.ts",
-    "shared.d.ts"
-  ],
   "scripts": {
     "docs": "pnpm docs:dev",
     "docs:dev": "vitepress dev docs --port 4011",
@@ -55,36 +55,11 @@
     "test:fail": "pnpm run type && pnpm run lint:fail && pnpm run coverage",
     "release": "release-it"
   },
-  "peerDependencies": {
-    "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/ri": "^1.2.7",
-    "@popperjs/core": "^2.11.8",
-    "@types/body-scroll-lock": "^3.1.2",
-    "@types/lodash-es": "^4.17.12",
-    "@types/markdown-it": "^14.1.2",
-    "@vue/reactivity": "^3.5.27",
-    "@vuelidate/core": "^2.0.3",
-    "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^12 || ^13 || ^14",
-    "body-scroll-lock": "4.0.0-beta.0",
-    "dayjs": "^1.11.19",
-    "fuse.js": "^7.1.0",
-    "lodash-es": "^4.17.22",
-    "markdown-it": "^14.1.0",
-    "normalize.css": "^8.0.1",
-    "pinia": "^3.0.4",
-    "postcss": "^8.5.6",
-    "postcss-nested": "^7.0.2",
-    "v-calendar": "3.0.1",
-    "vue": "^3.5.27",
-    "vue-draggable-plus": "^0.6.0",
-    "vue-router": "^4.6.4"
-  },
   "dependencies": {
-    "@sentry/browser": "^10.35.0",
-    "@sentry/vue": "^10.35.0",
+    "@sentry/browser": "^10.39.0",
+    "@sentry/vue": "^10.39.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
-    "@tinyhttp/content-disposition": "^2.2.2",
+    "@tinyhttp/content-disposition": "^2.2.4",
     "@tinyhttp/cookie": "^2.1.1",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/d3": "^7.4.3",
@@ -94,54 +69,79 @@
     "dompurify": "^3.3.1",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
-    "jsdom": "^27.4.0",
+    "jsdom": "^28.1.0",
     "magic-string": "^0.30.21",
     "ofetch": "^1.5.1",
-    "qs": "^6.14.1",
+    "qs": "^6.15.0",
     "unplugin-icons": "^23.0.1"
   },
   "devDependencies": {
-    "@globalbrain/eslint-config": "^2.1.0",
-    "@histoire/plugin-vue": "0.16.5",
+    "@globalbrain/eslint-config": "^3.0.1",
+    "@histoire/plugin-vue": "1.0.0-beta.1",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/ri": "^1.2.7",
+    "@iconify-json/ri": "^1.2.10",
     "@popperjs/core": "^2.11.8",
-    "@release-it/conventional-changelog": "^10.0.4",
+    "@release-it/conventional-changelog": "^10.0.5",
     "@types/body-scroll-lock": "^3.1.2",
     "@types/jsdom": "^27.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.2",
-    "@types/node": "^25.0.9",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vue/reactivity": "^3.5.27",
+    "@types/node": "^25.3.0",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vue/reactivity": "^3.5.28",
     "@vue/test-utils": "^2.4.6",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^14.1.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "dayjs": "^1.11.19",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.3",
     "fuse.js": "^7.1.0",
-    "happy-dom": "^20.3.3",
-    "histoire": "0.16.5",
-    "lodash-es": "^4.17.22",
-    "markdown-it": "^14.1.0",
+    "happy-dom": "^20.7.0",
+    "histoire": "1.0.0-beta.1",
+    "lodash-es": "^4.17.23",
+    "markdown-it": "^14.1.1",
     "normalize.css": "^8.0.1",
     "pinia": "^3.0.4",
     "postcss": "^8.5.6",
     "postcss-nested": "^7.0.2",
     "punycode": "^2.3.1",
-    "release-it": "^19.2.3",
+    "release-it": "^19.2.4",
     "typescript": "~5.9.3",
     "v-calendar": "3.0.1",
-    "vite": "^6.4.1",
-    "vitepress": "^2.0.0-alpha.15",
-    "vitest": "^3.2.4",
-    "vue": "^3.5.27",
-    "vue-draggable-plus": "^0.6.0",
-    "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.2"
+    "vite": "^7.3.1",
+    "vitepress": "^2.0.0-alpha.16",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.28",
+    "vue-draggable-plus": "^0.6.1",
+    "vue-router": "^5.0.3",
+    "vue-tsc": "^3.2.5"
+  },
+  "peerDependencies": {
+    "@iconify-json/ph": "^1.2.2",
+    "@iconify-json/ri": "^1.2.10",
+    "@popperjs/core": "^2.11.8",
+    "@types/body-scroll-lock": "^3.1.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/markdown-it": "^14.1.2",
+    "@vue/reactivity": "^3.5.28",
+    "@vuelidate/core": "^2.0.3",
+    "@vuelidate/validators": "^2.0.4",
+    "@vueuse/core": "^12 || ^13 || ^14",
+    "body-scroll-lock": "4.0.0-beta.0",
+    "dayjs": "^1.11.19",
+    "fuse.js": "^7.1.0",
+    "lodash-es": "^4.17.23",
+    "markdown-it": "^14.1.1",
+    "normalize.css": "^8.0.1",
+    "pinia": "^3.0.4",
+    "postcss": "^8.5.6",
+    "postcss-nested": "^7.0.2",
+    "v-calendar": "3.0.1",
+    "vue": "^3.5.28",
+    "vue-draggable-plus": "^0.6.1",
+    "vue-router": "^4 || ^5"
   },
-  "packageManager": "pnpm@10.28.1"
+  "packageManager": "pnpm@10.30.1"
 }