dazscript-framework 1.0.10 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dazscript-framework",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "author": "Freddy Diaz",
   "license": "MPL-2.0",
   "description": "",

package/src/dialog/builders/dialog-builder.ts

@@ -30,11 +30,17 @@ export class DialogBuilder extends WidgetsBuilder {
     private resize() {
         let dialogWidget = this.context.dialog.getWidget();
         let sizeHint = dialogWidget.minimumSizeHint;
+        let maxHeight = this.properties.maxHeight;
         let height = this.properties.height ?? sizeHint.height;
-        this.context.dialog.minHeight = sizeHint.height;
+        if (maxHeight !== undefined && height > maxHeight) height = maxHeight;
+        this.context.dialog.minHeight = maxHeight !== undefined
+            ? Math.min(sizeHint.height, maxHeight)
+            : sizeHint.height;
         this.context.dialog.height = height;
 
         if (this.properties.width) this.context.dialog.width = this.properties.width;
+        if (this.properties.maxWidth !== undefined) this.context.dialog.maxWidth = this.properties.maxWidth;
+        if (maxHeight !== undefined) this.context.dialog.maxHeight = maxHeight;
 
         if (this.properties.resizable === true) {
             this.context.dialog.sizeGripEnabled = true;

package/src/dialog/builders/groupbox-builder.ts

@@ -13,6 +13,7 @@ export default class GroupBoxBuilder implements IWidgetBuilder<DzGroupBox> {
     private _columns: number = 1
     private _height: number | null = null
     private _minHeight: number | null = null
+    private _maxHeight: number | null = null
 
     constructor(private context: WidgetBuilderContext) {
     }
@@ -73,6 +74,11 @@ export default class GroupBoxBuilder implements IWidgetBuilder<DzGroupBox> {
         return this
     }
 
+    maxHeight(value: number): this {
+        this._maxHeight = value
+        return this
+    }
+
     columns(value: number): this {
         this._columns = value
         return this
@@ -86,6 +92,7 @@ export default class GroupBoxBuilder implements IWidgetBuilder<DzGroupBox> {
         groupBox.columns = this._columns
         if (this._height !== null) groupBox.height = this._height
         if (this._minHeight !== null) groupBox.minHeight = this._minHeight
+        if (this._maxHeight !== null) groupBox.maxHeight = this._maxHeight
 
         this._title?.connect((text) => {
             groupBox.title = text

package/src/dialog/builders/list-view-builder.ts

@@ -19,6 +19,8 @@ export enum ListViewRefreshOptions {
     Filters
 }
 
+type ListViewItemsChangeMode = 'update' | 'rebuild'
+
 export class ListViewBuilder<TItem, TData> implements IWidgetBuilder<DzListView> {
 
     private readonly context: ListViewBuilderContext<TItem, TData>
@@ -44,6 +46,11 @@ export class ListViewBuilder<TItem, TData> implements IWidgetBuilder<DzListView>
         return this
     }
 
+    maxHeight(value: number): this {
+        this.context.maxHeight = value
+        return this
+    }
+
     /**
      * Binds the list rows to a collection of items
      * @param items
@@ -104,6 +111,11 @@ export class ListViewBuilder<TItem, TData> implements IWidgetBuilder<DzListView>
         return this
     }
 
+    rebuildOnItemsChanged(): this {
+        this.context.itemsChangeMode = 'rebuild'
+        return this
+    }
+
     contextMenu(fn: (listView: DzListView, item: DzListViewItem, pos: Point) => DzPopupMenu): this {
         this.context.contextMenu = fn
         return this
@@ -135,9 +147,11 @@ class ListViewBuilderContext<TItem, TData> {
     visible: Observable<boolean> = new Observable(true)
     height: number | null = null
     minHeight: number | null = null
+    maxHeight: number | null = null
     decorated: boolean
     flat: Observable<boolean>
     refreshWhat: ListViewRefreshOptions = ListViewRefreshOptions.All
+    itemsChangeMode: ListViewItemsChangeMode = 'update'
     constructor(public readonly dialogContext: WidgetBuilderContext) { }
 }
 
@@ -193,6 +207,11 @@ class ListViewBindBuilder<TItem, TData> {
         return this
     }
 
+    rebuildOnItemsChanged(): this {
+        this.context.itemsChangeMode = 'rebuild'
+        return this
+    }
+
     contextMenu(fn: (listView: DzListView, item: DzListViewItem, pos: Point) => DzPopupMenu): this {
         this.context.contextMenu = fn
         return this
@@ -228,6 +247,10 @@ const build = <TItem, TData>(context: ListViewBuilderContext<TItem, TData>): DzL
         listView.minHeight = context.minHeight
     }
 
+    if (context.maxHeight !== null) {
+        listView.maxHeight = context.maxHeight
+    }
+
     const buildColumns = (columns: string[]) => {
         clearColumns(listView)
         columns.forEach(column => {
@@ -271,6 +294,7 @@ const build = <TItem, TData>(context: ListViewBuilderContext<TItem, TData>): DzL
         if (!context.text)
             return warn('No text function provided for list builder')
 
+        const previousColumnWidths = context.columns?.value.map((_, index) => listView.columnWidth(index)) ?? []
         listView.clear()
         context.columns?.value.forEach((_, index) => {
             listView.setColumnWidth(index, 0)
@@ -290,6 +314,11 @@ const build = <TItem, TData>(context: ListViewBuilderContext<TItem, TData>): DzL
             context.columns?.value.forEach((_, index) => {
                 listView.setColumnWidth(index, context.columnsWidth!(index, listView.columnWidth(index), listView))
             })
+        } else {
+            context.columns?.value.forEach((_, index) => {
+                const previousWidth = previousColumnWidths[index]
+                if (previousWidth > 0) listView.setColumnWidth(index, previousWidth)
+            })
         }
 
         listView.rootIsDecorated = context.decorated
@@ -320,22 +349,44 @@ const build = <TItem, TData>(context: ListViewBuilderContext<TItem, TData>): DzL
             existingByPath[path] = li
         })
 
+        const itemKey = (item: TreeNode<TItem>) => {
+            const data = context.data?.(item) as any
+            return data?.id ?? item.path
+        }
+
         const incomingPaths: Record<string, boolean> = {}
-        items.forEach((item) => {
-            incomingPaths[item.path] = true
-            const existing = existingByPath[item.path]
+        const markIncoming = (item: TreeNode<TItem>) => {
+            incomingPaths[itemKey(item)] = true
+            item.children.forEach(markIncoming)
+        }
+        items.forEach(markIncoming)
+
+        const updateItem = (item: TreeNode<TItem>, parent: DzListView | DzListViewItem) => {
+            const key = itemKey(item)
+            const existing = existingByPath[key]
             if (existing) {
                 context.text(item).forEach((text, idx) => {
+                    if (idx >= context.columns.value.length) return
                     existing.setText(idx, text ?? '')
                 })
                 const data = context.data?.(item)
                 if (data) setDataItem(existing, data)
+                item.children.forEach((child) => {
+                    updateItem(child, context.flat?.value === true ? listView : existing)
+                })
             } else {
-                buildItem(item, listView)
+                buildItem(item, parent)
             }
-        })
-
-        listView.getItems(DzListView.All).forEach((li) => {
+        }
+        items.forEach((item) => updateItem(item, listView))
+
+        listView.getItems(DzListView.All).sort((left, right) => {
+            const leftData = getDataItem<any>(left)
+            const rightData = getDataItem<any>(right)
+            const leftPath = leftData?.id ?? String(left.id)
+            const rightPath = rightData?.id ?? String(right.id)
+            return rightPath.length - leftPath.length
+        }).forEach((li) => {
             const data = getDataItem<any>(li)
             const path = data?.id ?? String(li.id)
             if (!incomingPaths[path]) listView.deleteItem(li)
@@ -358,7 +409,10 @@ const build = <TItem, TData>(context: ListViewBuilderContext<TItem, TData>): DzL
     listView.setSorting(context.sorting, context.sortAscending)
     buildList(context.items?.value)
     context.items.connect((items) => {
-        updateList(items)
+        if (context.itemsChangeMode === 'rebuild')
+            buildList(items, listView.selectedItem()?.id)
+        else
+            updateList(items)
     })
 
     context.refreshWhen?.connect(() => {

package/src/dialog/builders/tab-builder.ts

@@ -11,6 +11,7 @@ export class TabBuilder implements IWidgetBuilder<DzTabWidget> {
     private currentChanged: (index: number) => void;
     private height_: number | null = null;
     private minHeight_: number | null = null;
+    private maxHeight_: number | null = null;
 
     constructor(private layoutBuilder: LayoutBuilder, private context: TabBuilderContext) {
     }
@@ -32,6 +33,11 @@ export class TabBuilder implements IWidgetBuilder<DzTabWidget> {
         return this
     }
 
+    maxHeight(value: number): this {
+        this.maxHeight_ = value
+        return this
+    }
+
     static create(context: TabBuilderContext): TabBuilder {
         return new TabBuilder(new LayoutBuilder(context.widgetContext), context)
     }
@@ -65,6 +71,7 @@ export class TabBuilder implements IWidgetBuilder<DzTabWidget> {
         return this.context.add((tabWidget) => {
             if (this.height_ !== null) tabWidget.height = this.height_
             if (this.minHeight_ !== null) tabWidget.minHeight = this.minHeight_
+            if (this.maxHeight_ !== null) tabWidget.maxHeight = this.maxHeight_
             let tab = new DzWidget(this.context.widgetContext.dialog)
             tabWidget.addTab(tab, this.titleText)
             this.context.widgetContext.layout.addWidget(tabWidget)

package/src/dialog/builders/widget-builder.ts

@@ -77,6 +77,11 @@ export abstract class WidgetBuilderBase<T extends DzWidget> implements IWidgetBu
         return this
     }
 
+    maxHeight(value: number): this {
+        this.widget.maxHeight = value
+        return this
+    }
+
     build(): T {
         return this.widget
     }
@@ -86,6 +91,7 @@ export interface IWidgetBuilder<T extends DzWidget> {
     visible(value: boolean | Observable<boolean>): this
     height(value: number): this
     minHeight(value: number): this
+    maxHeight(value: number): this
     build(): T
 }
 

package/src/dialog/shared.ts

@@ -4,5 +4,7 @@ export type Direction = 'vertical' | 'horizontal';
 export class DialogProperties {
     width?: number;
     height?: number;
+    maxWidth?: number;
+    maxHeight?: number;
     resizable?: boolean;
 }