@globalbrain/sefirot 4.54.0 → 4.55.0

package/lib/blocks/lens/Rule.ts

@@ -21,6 +21,7 @@ export type Rule =
   | AfterRule
   | AfterOrEqualRule
   | FileExtensionRule
+  | MimeTypesRule
   | MaxFileSizeRule
   | EachRule
 
@@ -122,6 +123,11 @@ export interface FileExtensionRule {
   extensions: string[]
 }
 
+export interface MimeTypesRule {
+  type: 'mime_types'
+  mimeTypes: string[]
+}
+
 export interface MaxFileSizeRule {
   type: 'max_file_size'
   size: string

package/lib/blocks/lens/validation/RuleMapper.ts

@@ -13,6 +13,7 @@ import {
   maxFileSize,
   maxLength,
   maxValue,
+  mimeTypes,
   minLength,
   minValue,
   negativeInteger,
@@ -130,6 +131,8 @@ function mapRule(rule: Exclude<Rule, EachRule>): ValidationRuleWithParams | null
       return afterOrEqual(resolveDate(rule.date))
     case 'file_extension':
       return fileExtension(rule.extensions)
+    case 'mime_types':
+      return mimeTypes(rule.mimeTypes)
     case 'max_file_size':
       return maxFileSize(rule.size)
     default: {

package/lib/validation/rules/index.ts

@@ -12,6 +12,7 @@ export { maxFileSize } from './maxFileSize'
 export { maxLength } from './maxLength'
 export { maxTotalFileSize } from './maxTotalFileSize'
 export { maxValue } from './maxValue'
+export { mimeTypes } from './mimeTypes'
 export { minLength } from './minLength'
 export { minValue } from './minValue'
 export { month } from './month'

package/lib/validation/rules/mimeTypes.ts

@@ -0,0 +1,15 @@
+import { createRule } from '../Rule'
+import { mimeTypes as baseMimeTypes } from '../validators/mimeTypes'
+
+export const message = {
+  en: 'The file type is invalid.',
+  ja: 'ファイル形式が正しくありません。'
+}
+
+export function mimeTypes(patterns: string[], msg?: string) {
+  return createRule({
+    message: ({ lang }) => msg ?? message[lang],
+    optional: true,
+    validation: (value) => baseMimeTypes(value, patterns)
+  })
+}

package/lib/validation/validators/index.ts

@@ -12,6 +12,7 @@ export * from './maxFileSize'
 export * from './maxLength'
 export * from './maxTotalFileSize'
 export * from './maxValue'
+export * from './mimeTypes'
 export * from './minLength'
 export * from './minValue'
 export * from './month'

package/lib/validation/validators/mimeTypes.ts

@@ -0,0 +1,19 @@
+export function mimeTypes(value: unknown, patterns: string[]): boolean {
+  if (!(value instanceof File)) { return false }
+
+  // The browser doesn't always report a type (e.g. some drag-and-drop or
+  // clipboard sources); defer to the server's content-based check in that case
+  // rather than rejecting a possibly-valid file outright.
+  if (value.type === '') { return true }
+
+  const type = value.type.toLowerCase()
+
+  return patterns.some((pattern) => {
+    const p = pattern.toLowerCase()
+
+    // A `type/*` wildcard (e.g. `image/*`) matches any subtype of that
+    // top-level type, mirroring the HTML accept attribute and Laravel's
+    // `mimetypes` rule.
+    return p.endsWith('/*') ? type.startsWith(p.slice(0, -1)) : type === p
+  })
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "4.54.0",
+  "version": "4.55.0",
   "description": "Vue Components for Global Brain Design System.",
   "keywords": [
     "components",