terrier-engine 4.53.2 → 4.54.0

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "*"
   ],
-  "version": "4.53.2",
+  "version": "4.54.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/Terrier-Tech/terrier-engine"

package/terrier/forms.ts

@@ -133,7 +133,7 @@ export class TerrierFormFields<T extends FormPartData> extends FormFields<T> {
         return new CompoundFieldBuilder(this, parent, key, (this.part as TerrierPart<any>).theme, ...classes)
     }
 
-    fileCompoundField<Key extends KeyOfType<T, File> & string>(parent: PartTag, key: Key, ...classes: string[]): FileCompoundFieldBuilder<T, Key> {
+    fileCompoundField<Key extends KeyOfType<T, File | FileList> & string>(parent: PartTag, key: Key, ...classes: string[]): FileCompoundFieldBuilder<T, Key> {
         return new FileCompoundFieldBuilder(this, parent, key, (this.part as TerrierPart<any>).theme, ...classes)
     }
 
@@ -287,9 +287,9 @@ class CompoundFieldBuilder<T extends Record<string, unknown>, K extends keyof T
     }
 }
 
-class FileCompoundFieldBuilder<T extends Record<string, unknown>, K extends KeyOfType<T, File> & string> extends CompoundFieldBuilder<T, K> {
-    fileInput(attrs?: InputTagAttrs): this {
-        this.formFields.fileInput(this.field, this.key, attrs ?? {})
+class FileCompoundFieldBuilder<T extends Record<string, unknown>, K extends KeyOfType<T, File | FileList> & string> extends CompoundFieldBuilder<T, K> {
+    fileInput(attrs?: InputTagAttrs, serializerType?: FieldConstructor<T[K], HTMLInputElement>): this {
+        this.formFields.fileInput(this.field, this.key, attrs ?? {}, serializerType)
         return this
     }
 }

package/terrier/modals.ts

@@ -39,6 +39,7 @@ export abstract class ModalPart<TState> extends ContentPart<TState> {
             }).emitClick(modalPopKey)
         })
         parent.div('.modal-content', content => {
+            content.class(...this.contentClasses)
             this.renderContent(content)
         })
         const secondaryActions = this.getActions('secondary')

package/terrier/parts/content-part.ts

@@ -14,6 +14,10 @@ export type ActionLevel = keyof PanelActions
  */
 export default abstract class ContentPart<TState> extends TerrierPart<TState> {
 
+    protected get contentClasses(): string[] {
+        return []
+    }
+
     /**
      * All ContentParts must implement this to render their actual content.
      * @param parent

package/terrier/parts/page-part.ts

@@ -135,6 +135,7 @@ export default abstract class PagePart<TState> extends ContentPart<TState> {
             page.div('.lighting')
             page.div('.full-width-page', conatiner => {
                 conatiner.div('.page-content', main => {
+                    main.class(...this.contentClasses)
                     this.renderContent(main)
                     main.div('.page-actions', actions => {
                         this.renderActions(actions, 'secondary', { defaultClass: 'secondary' })

package/terrier/parts/panel-part.ts

@@ -52,10 +52,6 @@ export default abstract class PanelPart<TState> extends ContentPart<TState & { c
         return []
     }
 
-    protected get contentClasses(): string[] {
-        return []
-    }
-
     render(parent: PartTag) {
         const collapsibleConfig = this.state.collapsible
         parent.div('.tt-panel', panel => {