@framesquared/ui 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -888,15 +888,15 @@ type ElbowType = 'line' | 'empty' | 'end' | 'end-plus' | 'tee' | 'tee-plus';
 interface EditorConfig {
     xtype: string;
     /** options for combobox/select/radiogroup — array of {value,text} or plain strings */
-    options?: Array<{
+    options?: ({
         value: string;
         text: string;
-    } | string>;
+    } | string)[];
     /** legacy: ExtJS-style store for combobox */
-    store?: Array<{
+    store?: ({
         value: string;
         text: string;
-    } | string>;
+    } | string)[];
     displayField?: string;
     valueField?: string;
     minValue?: number;
@@ -998,8 +998,8 @@ declare class TreeGridView {
     private focusedNode;
     private _rowCache;
     constructor(config: TreeGridViewConfig);
-    on(event: string, fn: Function): void;
-    un(event: string, fn: Function): void;
+    on(event: string, fn: (...args: any[]) => void): void;
+    un(event: string, fn: (...args: any[]) => void): void;
     private fireEvent;
     render(container: HTMLElement): void;
     refresh(): void;
@@ -1052,8 +1052,8 @@ declare class TreeGridSelectionModel {
     readonly checkboxSelect: boolean;
     private anchor;
     constructor(config?: TreeGridSelectionModelConfig);
-    on(event: string, fn: Function): void;
-    un(event: string, fn: Function): void;
+    on(event: string, fn: (...args: any[]) => void): void;
+    un(event: string, fn: (...args: any[]) => void): void;
     private fireEvent;
     select(nodes: NodeInterface | NodeInterface[], keepExisting?: boolean, suppressEvent?: boolean): void;
     deselect(nodes: NodeInterface | NodeInterface[], suppressEvent?: boolean): void;
@@ -1577,7 +1577,7 @@ interface ExportOptions {
     filename?: string;
 }
 declare class TreeGridExporter {
-    constructor(_options?: ExportOptions);
+    constructor(_options?: Record<string, unknown>);
     /**
      * Exports the TreeGrid to CSV format.
      */
@@ -1649,8 +1649,8 @@ declare class TreeView {
     private column;
     private listeners;
     constructor(config: TreeViewConfig);
-    on(event: string, fn: Function): void;
-    un(event: string, fn: Function): void;
+    on(event: string, fn: (...args: any[]) => void): void;
+    un(event: string, fn: (...args: any[]) => void): void;
     private fireEvent;
     render(container: HTMLElement): void;
     refresh(): void;
@@ -1695,7 +1695,6 @@ declare class TreePanel extends Panel {
     private _singleExpand;
     private _checkable;
     private _cascadeChecks;
-    constructor(config: TreePanelConfig);
     protected initialize(): void;
     protected afterRender(): void;
     getStore(): TreeStore;
@@ -1731,8 +1730,8 @@ declare class TreeSelectionModel {
     private pruneRemoved;
     private listeners;
     constructor(config?: TreeSelectionModelConfig);
-    on(event: string, fn: Function): void;
-    un(event: string, fn: Function): void;
+    on(event: string, fn: (...args: any[]) => void): void;
+    un(event: string, fn: (...args: any[]) => void): void;
     fireEvent(event: string, ...args: unknown[]): void;
     select(records: NodeInterface | NodeInterface[], keepExisting?: boolean, suppressEvent?: boolean): void;
     deselect(records: NodeInterface | NodeInterface[], suppressEvent?: boolean): void;
@@ -1827,8 +1826,8 @@ declare class TreeDropZone {
     private boundDrop;
     constructor(tree: TreePanelLike & {
         getStore(): {
-            insertBefore: Function;
-            appendChild: Function;
+            insertBefore: (...args: unknown[]) => void;
+            appendChild: (...args: unknown[]) => void;
         };
     }, config?: {
         ddGroup?: string;
@@ -1863,8 +1862,8 @@ interface TreeViewDragDropConfig {
 }
 type FullTreePanel = TreePanelLike & {
     getStore(): {
-        insertBefore: Function;
-        appendChild: Function;
+        insertBefore: (...args: unknown[]) => void;
+        appendChild: (...args: unknown[]) => void;
     };
 };
 declare class TreeViewDragDrop {
@@ -1889,7 +1888,7 @@ interface CellEditingConfig {
 }
 /** Minimal interface CellEditingPlugin needs from TreePanel */
 interface CellEditingTreePanel {
-    on(event: string, fn: Function): void;
+    on(event: string, fn: (...args: any[]) => void): void;
     getView(): {
         getNode(record: NodeInterface): HTMLElement | null;
     };

package/dist/index.js

@@ -298,6 +298,7 @@ var ZIndexManager = class _ZIndexManager {
   static instance = null;
   /** Ordered stack, lowest first, highest last. */
   stack = [];
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   constructor() {
   }
   static getInstance() {
@@ -697,9 +698,9 @@ var MessageBox = class _MessageBox {
 };
 
 // src/button/Button.ts
-import { Component as Component2 } from "@framesquared/component";
+import { Component } from "@framesquared/component";
 var toggleGroups = /* @__PURE__ */ new Map();
-var Button = class extends Component2 {
+var Button = class extends Component {
   static $className = "Ext.button.Button";
   constructor(config = {}) {
     super({ xtype: "button", ...config });
@@ -737,7 +738,11 @@ var Button = class extends Component2 {
     if (target) {
       if (typeof position === "number") {
         const ref = target.children[position];
-        ref ? target.insertBefore(this.el, ref) : target.appendChild(this.el);
+        if (ref) {
+          target.insertBefore(this.el, ref);
+        } else {
+          target.appendChild(this.el);
+        }
       } else if (position instanceof Element) {
         target.insertBefore(this.el, position);
       } else {
@@ -1100,7 +1105,7 @@ var SegmentedButton = class extends Container2 {
 };
 
 // src/toolbar/Toolbar.ts
-import { Component as Component3, Container as Container3 } from "@framesquared/component";
+import { Component as Component2, Container as Container3 } from "@framesquared/component";
 var Toolbar = class extends Container3 {
   static $className = "Ext.toolbar.Toolbar";
   constructor(config = {}) {
@@ -1124,14 +1129,14 @@ var Toolbar = class extends Container3 {
   }
 };
 function resolveToolbarItem(item) {
-  if (item instanceof Component3) return item;
+  if (item instanceof Component2) return item;
   if (item === "->") return new ToolbarFill();
   if (item === "-") return new ToolbarSeparator();
   if (item === " ") return new ToolbarSpacer();
   if (typeof item === "string") return new ToolbarTextItem({ text: item });
   return item;
 }
-var ToolbarFill = class extends Component3 {
+var ToolbarFill = class extends Component2 {
   constructor() {
     super({});
   }
@@ -1141,7 +1146,7 @@ var ToolbarFill = class extends Component3 {
     this.el.style.flexGrow = "1";
   }
 };
-var ToolbarSeparator = class extends Component3 {
+var ToolbarSeparator = class extends Component2 {
   constructor() {
     super({});
   }
@@ -1150,7 +1155,7 @@ var ToolbarSeparator = class extends Component3 {
     this.el.classList.add("x-toolbar-separator");
   }
 };
-var ToolbarSpacer = class extends Component3 {
+var ToolbarSpacer = class extends Component2 {
   constructor() {
     super({});
   }
@@ -1160,7 +1165,7 @@ var ToolbarSpacer = class extends Component3 {
     this.el.style.width = "8px";
   }
 };
-var ToolbarTextItem = class extends Component3 {
+var ToolbarTextItem = class extends Component2 {
   constructor(config) {
     super({ html: config.text });
   }
@@ -1293,6 +1298,7 @@ var MenuManager = class _MenuManager {
   static instance = null;
   menus = [];
   listening = false;
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   constructor() {
   }
   static getInstance() {
@@ -1411,8 +1417,8 @@ var Menu = class extends Container4 {
 };
 
 // src/menu/MenuItem.ts
-import { Component as Component4 } from "@framesquared/component";
-var MenuItem = class extends Component4 {
+import { Component as Component3 } from "@framesquared/component";
+var MenuItem = class extends Component3 {
   static $className = "Ext.menu.MenuItem";
   constructor(config = {}) {
     super({ xtype: "menuitem", ...config });
@@ -1454,9 +1460,9 @@ var MenuItem = class extends Component4 {
 };
 
 // src/menu/CheckItem.ts
-import { Component as Component5 } from "@framesquared/component";
+import { Component as Component4 } from "@framesquared/component";
 var checkGroups = /* @__PURE__ */ new Map();
-var CheckItem = class extends Component5 {
+var CheckItem = class extends Component4 {
   static $className = "Ext.menu.CheckItem";
   constructor(config = {}) {
     super({ xtype: "menucheckitem", ...config });
@@ -1535,8 +1541,8 @@ var CheckItem = class extends Component5 {
 };
 
 // src/menu/Separator.ts
-import { Component as Component6 } from "@framesquared/component";
-var MenuSeparator = class extends Component6 {
+import { Component as Component5 } from "@framesquared/component";
+var MenuSeparator = class extends Component5 {
   static $className = "Ext.menu.Separator";
   constructor(config = {}) {
     super({ xtype: "menuseparator", ...config });
@@ -1549,8 +1555,8 @@ var MenuSeparator = class extends Component6 {
 };
 
 // src/tip/Tooltip.ts
-import { Component as Component7 } from "@framesquared/component";
-var Tooltip = class extends Component7 {
+import { Component as Component6 } from "@framesquared/component";
+var Tooltip = class extends Component6 {
   static $className = "Ext.tip.Tooltip";
   constructor(config = {}) {
     super({ xtype: "tooltip", ...config });
@@ -1874,8 +1880,8 @@ var QuickTip = class {
 };
 
 // src/view/DataView.ts
-import { Component as Component8 } from "@framesquared/component";
-var DataView = class extends Component8 {
+import { Component as Component7 } from "@framesquared/component";
+var DataView = class extends Component7 {
   static $className = "Ext.view.DataView";
   constructor(config = {}) {
     super({ xtype: "dataview", ...config });
@@ -2022,8 +2028,8 @@ var DataView = class extends Component8 {
 };
 
 // src/view/ListView.ts
-import { Component as Component9 } from "@framesquared/component";
-var ListView = class extends Component9 {
+import { Component as Component8 } from "@framesquared/component";
+var ListView = class extends Component8 {
   static $className = "Ext.view.ListView";
   constructor(config = {}) {
     super({ xtype: "listview", ...config });
@@ -2112,8 +2118,8 @@ var ListView = class extends Component9 {
 };
 
 // src/tab/TabBar.ts
-import { Component as Component10 } from "@framesquared/component";
-var TabBar = class extends Component10 {
+import { Component as Component9 } from "@framesquared/component";
+var TabBar = class extends Component9 {
   static $className = "Ext.tab.Bar";
   constructor(config = {}) {
     super({ xtype: "tabbar", ...config });
@@ -2160,8 +2166,8 @@ var TabBar = class extends Component10 {
 };
 
 // src/tab/Tab.ts
-import { Component as Component11 } from "@framesquared/component";
-var Tab = class extends Component11 {
+import { Component as Component10 } from "@framesquared/component";
+var Tab = class extends Component10 {
   static $className = "Ext.tab.Tab";
   constructor(config = {}) {
     super({ xtype: "tab", ...config });
@@ -2584,8 +2590,8 @@ var CardContainer = class extends Container7 {
 };
 
 // src/navigation/Breadcrumb.ts
-import { Component as Component12 } from "@framesquared/component";
-var Breadcrumb = class extends Component12 {
+import { Component as Component11 } from "@framesquared/component";
+var Breadcrumb = class extends Component11 {
   static $className = "Ext.navigation.Breadcrumb";
   constructor(config = {}) {
     super({ xtype: "breadcrumb", ...config });
@@ -4055,7 +4061,7 @@ var TreeGridColumn = class extends Column {
   showExpanders;
   innerRenderer;
   constructor(config = {}) {
-    super({ ...config, dataIndex: config.dataIndex ?? (config.displayProperty ?? "text") });
+    super({ ...config, dataIndex: config.dataIndex ?? config.displayProperty ?? "text" });
     this.indentSize = config.indentSize ?? 20;
     this.iconProperty = config.iconProperty ?? "icon";
     this.iconClsProperty = config.iconClsProperty ?? "iconCls";
@@ -4259,8 +4265,7 @@ var TreeGridView = class {
     else if (!isExplicitLeaf) tr.classList.add("x-treegrid-collapsed");
     if (isExplicitLeaf) tr.classList.add("x-treegrid-leaf");
     if (node.isRoot()) tr.classList.add("x-treegrid-root-node");
-    for (let i = 0; i < this.columns.length; i++) {
-      const col = this.columns[i];
+    for (const col of this.columns) {
       if (col.hidden) continue;
       const td = document.createElement("td");
       td.className = "x-grid-cell";
@@ -4601,6 +4606,7 @@ var TreeGridView = class {
 var TreeGridSelectionModel = class {
   mode;
   selected = /* @__PURE__ */ new Set();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   listeners = /* @__PURE__ */ new Map();
   deselectOnCollapse;
   pruneRemoved;
@@ -4615,10 +4621,12 @@ var TreeGridSelectionModel = class {
   // -------------------------------------------------------------------------
   // Event system
   // -------------------------------------------------------------------------
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   on(event, fn) {
     if (!this.listeners.has(event)) this.listeners.set(event, []);
     this.listeners.get(event).push(fn);
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   un(event, fn) {
     const fns = this.listeners.get(event);
     if (!fns) return;
@@ -4824,13 +4832,19 @@ var TreeGrid = class extends Panel {
       this._view?.onNodeCollapse(node);
       this.fire("itemcollapse", node);
     });
-    this._store.on("nodeappend", (_s, child, parent) => {
-      if (!child || !parent) return;
-      this._view?.onNodeInsert(parent, child);
-    });
-    this._store.on("nodeinsert", (_s, node, _ref, parent) => {
-      this._view?.onNodeInsert(parent, node);
-    });
+    this._store.on(
+      "nodeappend",
+      (_s, child, parent) => {
+        if (!child || !parent) return;
+        this._view?.onNodeInsert(parent, child);
+      }
+    );
+    this._store.on(
+      "nodeinsert",
+      (_s, node, _ref, parent) => {
+        this._view?.onNodeInsert(parent, node);
+      }
+    );
     this._store.on("noderemove", (_s, child) => {
       this._selModel.onNodeRemoved(child);
       this._view?.onNodeRemove(child.parentNode ?? this._store.getRootNode(), child);
@@ -4925,9 +4939,7 @@ var TreeGrid = class extends Panel {
       }
     }
     if (!treeColCreated) {
-      result.unshift(
-        new TreeGridColumn({ dataIndex: this._displayField, text: "Name", flex: 1 })
-      );
+      result.unshift(new TreeGridColumn({ dataIndex: this._displayField, text: "Name", flex: 1 }));
     }
     return result;
   }
@@ -5127,9 +5139,7 @@ var TreeGrid = class extends Panel {
   }
   select(nodes, keepExisting = false, suppressEvent = false) {
     const flatData = this._store.flattenNodes();
-    const toSelect = (Array.isArray(nodes) ? nodes : [nodes]).map(
-      (n) => typeof n === "number" ? flatData[n] : n
-    ).filter(Boolean);
+    const toSelect = (Array.isArray(nodes) ? nodes : [nodes]).map((n) => typeof n === "number" ? flatData[n] : n).filter(Boolean);
     this._selModel.select(toSelect, keepExisting, suppressEvent);
     this._updateSelectionVisuals();
     if (!suppressEvent) {
@@ -5138,9 +5148,7 @@ var TreeGrid = class extends Panel {
   }
   deselect(nodes, suppressEvent = false) {
     const flatData = this._store.flattenNodes();
-    const toDeselect = (Array.isArray(nodes) ? nodes : [nodes]).map(
-      (n) => typeof n === "number" ? flatData[n] : n
-    ).filter(Boolean);
+    const toDeselect = (Array.isArray(nodes) ? nodes : [nodes]).map((n) => typeof n === "number" ? flatData[n] : n).filter(Boolean);
     this._selModel.deselect(toDeselect, suppressEvent);
     this._updateSelectionVisuals();
   }
@@ -5326,7 +5334,7 @@ var TreeGridDragDrop = class {
       e.target.setPointerCapture(e.pointerId);
       this._captureTarget = e.target;
       this._pointerId = e.pointerId;
-    } catch (_) {
+    } catch {
     }
     document.addEventListener("pointermove", this._onPointerMove);
     document.addEventListener("pointerup", this._onPointerUp);
@@ -5525,7 +5533,7 @@ var TreeGridDragDrop = class {
     if (this._captureTarget !== null && this._pointerId !== null) {
       try {
         this._captureTarget.releasePointerCapture(this._pointerId);
-      } catch (_) {
+      } catch {
       }
       this._captureTarget = null;
       this._pointerId = null;
@@ -5817,9 +5825,7 @@ var TreeGridCellEditing = class {
         return editor.valueAsNumber;
       }
       default: {
-        const focusable = editor.querySelector(
-          "input,select,textarea"
-        );
+        const focusable = editor.querySelector("input,select,textarea");
         return focusable ? focusable.value : editor.value ?? "";
       }
     }
@@ -6868,6 +6874,7 @@ var TreeGridLockable = class {
 
 // src/treegrid/TreeGridExporter.ts
 var TreeGridExporter = class _TreeGridExporter {
+  // eslint-disable-next-line @typescript-eslint/no-useless-constructor, @typescript-eslint/no-empty-function
   constructor(_options = {}) {
   }
   /**
@@ -6991,9 +6998,7 @@ var TreeGridExporter = class _TreeGridExporter {
   }
   static _getNodes(treeGrid, options) {
     if (options.expandedOnly) {
-      return treeGrid.getStore().flattenNodes().filter(
-        (n) => !n.isRoot()
-      );
+      return treeGrid.getStore().flattenNodes().filter((n) => !n.isRoot());
     }
     const all = [];
     treeGrid.getRootNode().cascadeBy((n) => {
@@ -7268,6 +7273,7 @@ var TreeSelectionModel = class {
   selected;
   mode;
   pruneRemoved;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   listeners;
   constructor(config) {
     this.selected = /* @__PURE__ */ new Set();
@@ -7278,12 +7284,14 @@ var TreeSelectionModel = class {
   // -------------------------------------------------------------------------
   // Event system
   // -------------------------------------------------------------------------
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   on(event, fn) {
     if (!this.listeners.has(event)) {
       this.listeners.set(event, []);
     }
     this.listeners.get(event).push(fn);
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   un(event, fn) {
     const fns = this.listeners.get(event);
     if (!fns) return;
@@ -7365,9 +7373,6 @@ var TreeSelectionModel = class {
 // src/tree/TreePanel.ts
 var TreePanel = class extends Panel {
   static $className = "Ext.tree.Panel";
-  constructor(config) {
-    super(config);
-  }
   // -------------------------------------------------------------------------
   // Lifecycle
   // -------------------------------------------------------------------------