cx 25.7.0 → 25.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "25.7.0",
+   "version": "25.10.0",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/charts/axis/Axis.js

@@ -220,6 +220,13 @@ export class Axis extends BoundedObject {
       }
 
       lines.forEach((p, i) => {
+         let data =
+            p.data != null
+               ? Object.entries(p.data).reduce((acc, [key, val]) => {
+                    acc[`data-${key}`] = val;
+                    return acc;
+                 }, {})
+               : null;
          result.push(
             <tspan
                key={i}
@@ -228,6 +235,7 @@ export class Axis extends BoundedObject {
                style={p.style}
                className={p.className}
                dx={dx}
+               {...data}
             >
                {p.text}
             </tspan>,

package/src/widgets/form/TextArea.js

@@ -96,9 +96,7 @@ class Input extends VDOM.Component {
                {...data.inputAttrs}
                onInput={(e) => this.onChange(e.target.value, "input")}
                onChange={(e) => this.onChange(e.target.value, "change")}
-               onBlur={(e) => {
-                  this.onChange(e.target.value, "blur");
-               }}
+               onBlur={(e) => this.onBlur(e)}
                onFocus={(e) => this.onFocus()}
                onClick={stopPropagation}
                onKeyDown={(e) => this.onKeyDown(e)}
@@ -179,7 +177,18 @@ class Input extends VDOM.Component {
          this.setState({
             focus: true,
          });
+
+         instance.set("focused", true);
+      }
+   }
+
+   onBlur(e) {
+      const { instance } = this.props;
+      if (instance.widget.trackFocus) {
+         instance.set("focused", false);
       }
+
+      this.onChange(e.target.value, "blur");
    }
 }
 

package/src/widgets/grid/Grid.js

@@ -102,7 +102,7 @@ export class Grid extends Container {
          colWidth: {},
          lockedColWidth: {},
          dimensionsVersion: 0,
-         disableDefaultSort: false
+         disableDefaultSort: false,
       };
       instance.v = 0;
       if (this.infinite)
@@ -183,16 +183,16 @@ export class Grid extends Container {
                   value: isDefined(c.aggregateValue)
                      ? c.aggregateValue
                      : isDefined(c.value)
-                        ? c.value
-                        : c.aggregateField
-                           ? { bind: this.recordName + "." + c.aggregateField }
-                           : null,
+                       ? c.value
+                       : c.aggregateField
+                         ? { bind: this.recordName + "." + c.aggregateField }
+                         : null,
                   weight:
                      c.weight != null
                         ? c.weight
                         : c.weightField && {
-                           bind: this.recordName + "." + c.weightField,
-                        },
+                             bind: this.recordName + "." + c.weightField,
+                          },
                   type: c.aggregate,
                };
             } else if (c.footer && !showFooter) {
@@ -555,8 +555,9 @@ export class Grid extends Container {
                let initialPosition = getCursorPos(e);
                resizeOverlayEl.className = CSS.element(baseClass, "resize-overlay");
                resizeOverlayEl.style.width = `${initialWidth}px`;
-               resizeOverlayEl.style.left = `${headerCell.getBoundingClientRect().left - gridEl.getBoundingClientRect().left
-                  }px`;
+               resizeOverlayEl.style.left = `${
+                  headerCell.getBoundingClientRect().left - gridEl.getBoundingClientRect().left
+               }px`;
                gridEl.appendChild(resizeOverlayEl);
                captureMouse2(e, {
                   onMouseMove: (e) => {
@@ -818,7 +819,7 @@ export class Grid extends Container {
                   widget: () => <div className={CSS.element(baseClass, "col-header-drag-clone")}>{data.text}</div>,
                },
             },
-            () => { },
+            () => {},
          );
       }
    }
@@ -861,14 +862,14 @@ export class Grid extends Container {
 
          let sorters = direction
             ? [
-               {
-                  field,
-                  direction,
-                  value,
-                  comparer,
-                  sortOptions,
-               },
-            ]
+                 {
+                    field,
+                    direction,
+                    value,
+                    comparer,
+                    sortOptions,
+                 },
+              ]
             : null;
 
          if (sorters == null) field = null;
@@ -1319,8 +1320,8 @@ class GridComponent extends VDOM.Component {
                   style={
                      this.rowHeight > 0
                         ? {
-                           height: this.rowHeight + 1,
-                        }
+                             height: this.rowHeight + 1,
+                          }
                         : null
                   }
                >
@@ -2458,6 +2459,7 @@ class GridComponent extends VDOM.Component {
             headerHeight = this.dom.fixedHeader.offsetHeight;
             this.dom.scroller.style.marginTop = `${headerHeight}px`;
             if (this.dom.fixedScroller) this.dom.fixedScroller.style.marginTop = `${headerHeight}px`;
+            else if (this.dom.fixedHeader.style.left != null) this.dom.fixedHeader.style.left = null;
          } else {
             this.dom.scroller.style.marginTop = 0;
             if (this.dom.fixedScroller) this.dom.fixedScroller.style.marginTop = 0;
@@ -2510,6 +2512,7 @@ class GridComponent extends VDOM.Component {
                }
 
                if (this.dom.fixedScroller) this.dom.fixedFooter.style.left = `${this.dom.fixedScroller.offsetWidth}px`;
+               else if (this.dom.fixedFooter.style.left != null) this.dom.fixedFooter.style.left = null;
             }
 
             this.dom.scroller.style.marginBottom = `${footerHeight}px`;
@@ -2731,7 +2734,7 @@ class GridComponent extends VDOM.Component {
                            hscroll = true;
                            item =
                               item.firstChild.children[
-                              this.state.cursorCellIndex - this.props.instance.fixedColumnCount
+                                 this.state.cursorCellIndex - this.props.instance.fixedColumnCount
                               ];
                         } else {
                            let fixedItem = this.dom.fixedTable.querySelector(`tbody[data-record-key="${record.key}"]`);