@globalbrain/sefirot 4.32.0 → 4.33.0

package/client.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="vite/client" />
 /// <reference types="unplugin-icons/types/vue3" />
+/// <reference path="shared.d.ts" />
 
 // this file contains public types which are exposed to external modules
 
 declare module 'v-calendar' {
-  export * from 'v-calendar/dist/types/src/index.d.ts'
-  export { default } from 'v-calendar/dist/types/src/index.d.ts'
-}
-
-interface NumberConstructor {
-  isFinite(value: unknown): value is number
-  isInteger(value: unknown): value is number
+  export type * from 'v-calendar/dist/types/src/index.d.ts'
+  export type { default } from 'v-calendar/dist/types/src/index.d.ts'
 }

package/config/vite.js

@@ -54,6 +54,7 @@ export const baseConfig = {
       'file-saver',
       'fuse.js',
       'html2canvas',
+      'isomorphic-dompurify',
       'lodash-es',
       'markdown-it',
       'normalize.css',
@@ -74,6 +75,7 @@ export const baseConfig = {
       'dayjs/plugin/relativeTime',
       'dayjs/plugin/timezone',
       'dayjs/plugin/utc',
+      'dompurify',
       'file-saver',
       'isomorphic-dompurify',
       'markdown-it > argparse',

package/lib/components/SButton.vue

@@ -134,11 +134,11 @@ function onClick(): void {
         </span>
       </span>
 
-      <transition name="fade">
+      <Transition name="fade">
         <span v-if="loading" key="loading" class="loader">
           <SSpinner class="loader-icon" />
         </span>
-      </transition>
+      </Transition>
     </component>
   </SFragment>
 </template>

package/lib/components/SSnackbars.vue

@@ -6,9 +6,9 @@ const snackbars = useSnackbars()
 </script>
 
 <template>
-  <transition name="fade">
+  <Transition name="fade">
     <div v-if="snackbars.items.length" class="SSnackbars">
-      <transition-group name="fade-up">
+      <TransitionGroup name="fade-up">
         <div v-for="item in snackbars.items" :key="item.id" class="item">
           <SSnackbar
             :id="item.id"
@@ -17,9 +17,9 @@ const snackbars = useSnackbars()
             :actions="item.actions"
           />
         </div>
-      </transition-group>
+      </TransitionGroup>
     </div>
-  </transition>
+  </Transition>
 </template>
 
 <style lang="postcss" scoped>

package/lib/components/STableColumn.vue

@@ -152,11 +152,11 @@ function stopDialogPositionListener() {
             <IconDotsThree class="icon" />
           </button>
 
-          <transition name="fade">
+          <Transition name="fade">
             <div v-if="isOpen" ref="dialog" class="dialog" :style="{ top, left }">
               <SDropdown :sections="dropdown" />
             </div>
-          </transition>
+          </Transition>
         </div>
 
         <div v-if="resizable" class="grip" @mousedown="grip" />

package/lib/composables/Markdown.ts

@@ -75,24 +75,22 @@ export interface UseMarkdownOptions extends MarkdownItOptions {
 
 const EXTERNAL_URL_RE = /^(?:[a-z]+:|\/\/)/i
 
-if (typeof document !== 'undefined') {
-  DOMPurify.addHook('afterSanitizeAttributes', (node) => {
-    if (node.tagName === 'A') {
-      const target = node.getAttribute('target')
-      if (target && target !== '_blank' && target !== '_self') {
-        node.removeAttribute('target')
-      }
-
-      const href = node.getAttribute('href')
-      if (href && EXTERNAL_URL_RE.test(href)) {
-        node.setAttribute('target', '_blank')
-        node.setAttribute('rel', 'noreferrer')
-      }
-
-      node.classList.add('SMarkdown-link')
+DOMPurify.addHook('afterSanitizeAttributes', (node) => {
+  if (node.tagName === 'A') {
+    const target = node.getAttribute('target')
+    if (target && target !== '_blank' && target !== '_self') {
+      node.removeAttribute('target')
     }
-  })
-}
+
+    const href = node.getAttribute('href')
+    if (href && EXTERNAL_URL_RE.test(href)) {
+      node.setAttribute('target', '_blank')
+      node.setAttribute('rel', 'noreferrer')
+    }
+
+    node.classList.add('SMarkdown-link')
+  }
+})
 
 export function useMarkdown({
   config,

package/lib/validation/validators/maxTotalFileSize.ts

@@ -1,5 +1,5 @@
 export function maxTotalFileSize(value: unknown, size: string): boolean {
-  if (!Array.isArray(value) || value.some((v) => !(v instanceof File))) { return false }
+  if (!Array.isArray(value) || !value.every((v) => v instanceof File)) { return false }
 
   const factor = /gb/i.test(size) ? 1e9 : /mb/i.test(size) ? 1e6 : /kb/i.test(size) ? 1e3 : 1
   const total = value.reduce((total, file) => total + file.size, 0)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
   "type": "module",
-  "version": "4.32.0",
+  "version": "4.33.0",
   "packageManager": "pnpm@10.28.0",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
@@ -21,7 +21,8 @@
   "files": [
     "lib",
     "config",
-    "client.d.ts"
+    "client.d.ts",
+    "shared.d.ts"
   ],
   "scripts": {
     "docs": "pnpm docs:dev",
@@ -55,6 +56,7 @@
     "@vueuse/core": "^12 || ^13 || ^14",
     "body-scroll-lock": "4.0.0-beta.0",
     "dayjs": "^1.11.19",
+    "dompurify": "^3.3.1",
     "fuse.js": "^7.1.0",
     "lodash-es": "^4.17.22",
     "markdown-it": "^14.1.0",
@@ -72,6 +74,7 @@
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.2",
     "@tinyhttp/cookie": "^2.1.1",
+    "@total-typescript/ts-reset": "^0.6.1",
     "@types/d3": "^7.4.3",
     "@types/file-saver": "^2.0.7",
     "@types/qs": "^6.14.0",
@@ -104,6 +107,7 @@
     "@vueuse/core": "^14.1.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "dayjs": "^1.11.19",
+    "dompurify": "^3.3.1",
     "eslint": "^9.39.2",
     "fuse.js": "^7.1.0",
     "happy-dom": "^20.1.0",

package/shared.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="@total-typescript/ts-reset/dom" />
+
+interface NumberConstructor {
+  isFinite(value: unknown): value is number
+  isInteger(value: unknown): value is number
+}