cx 24.7.3 → 24.7.5

package/dist/widgets.js

@@ -16259,6 +16259,7 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 						},
 					]
 				: null;
+			if (sorters == null) field = null;
 			instance.set("sorters", sorters);
 			instance.set("sortField", field);
 			instance.set("sortDirection", direction);

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.7.3",
+   "version": "24.7.5",
    "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/Column.d.ts

@@ -1,6 +1,5 @@
 import * as Cx from "../core";
 import { ColumnBarBaseProps } from "./ColumnBarBase";
-import { Selection } from "../ui/selection";
 
 interface ColumnProps extends ColumnBarBaseProps {
    /** Column base value. Default value is `0`. */
@@ -17,8 +16,11 @@ interface ColumnProps extends ColumnBarBaseProps {
 
    width?: number;
 
-   selection?: Selection;
-   tooltip?: Cx.StringProp;
+   /** Selection configuration. */
+   selection?: Config;
+
+   /** Tooltip configuration. For more info see Tooltips. */
+   tooltip?: Cx.StringProp | Cx.StructuredProp;
 
    /** Minimum column size in pixels. Useful for indicating very small values. Default value is 0.5. */
    minPixelHeight?: number;

package/src/charts/Column.js

@@ -62,7 +62,7 @@ export class Column extends ColumnBarBase {
       var y2 = data.stacked ? instance.yAxis.stack(data.stack, data.x, data.y) : instance.yAxis.map(data.y);
 
       if (Math.abs(y2 - y1) < this.minPixelHeight) {
-         if (y1 <= y2) y2 = y1 + this.minPixelHeight;
+         if (y1 < y2) y2 = y1 + this.minPixelHeight;
          else y2 = y1 - this.minPixelHeight;
       }
 

package/src/charts/ColumnBarBase.js

@@ -30,6 +30,7 @@ export class ColumnBarBase extends PureContainer {
          offset: undefined,
          hoverId: undefined,
          borderRadius: undefined,
+         hidden: undefined,
       });
    }
 
@@ -120,30 +121,32 @@ export class ColumnBarBase extends PureContainer {
 
             return (
                <g className={data.classNames} key={key}>
-                  <rect
-                     className={this.CSS.element(this.baseClass, "rect", stateMods)}
-                     style={data.style}
-                     x={bounds.l}
-                     y={bounds.t}
-                     width={Math.max(0.0001, bounds.width())}
-                     height={Math.max(0.0001, bounds.height())}
-                     rx={data.borderRadius}
-                     onMouseMove={(e) => {
-                        onMouseMove(e, instance);
-                        tooltipMouseMove(e, instance, this.tooltip);
-                     }}
-                     onMouseLeave={(e) => {
-                        onMouseLeave(e, instance);
-                        tooltipMouseLeave(e, instance, this.tooltip);
-                     }}
-                     onClick={(e) => {
-                        this.handleClick(e, instance);
-                     }}
-                  />
+                  {!data.hidden && (
+                     <rect
+                        className={this.CSS.element(this.baseClass, "rect", stateMods)}
+                        style={data.style}
+                        x={bounds.l}
+                        y={bounds.t}
+                        width={bounds.width()}
+                        height={bounds.height()}
+                        rx={data.borderRadius}
+                        onMouseMove={(e) => {
+                           onMouseMove(e, instance);
+                           tooltipMouseMove(e, instance, this.tooltip);
+                        }}
+                        onMouseLeave={(e) => {
+                           onMouseLeave(e, instance);
+                           tooltipMouseLeave(e, instance, this.tooltip);
+                        }}
+                        onClick={(e) => {
+                           this.handleClick(e, instance);
+                        }}
+                     />
+                  )}
                   {this.renderChildren(context, instance)}
                </g>
             );
-         }
+         },
       );
    }
 
@@ -170,3 +173,4 @@ ColumnBarBase.prototype.legendShape = "rect";
 ColumnBarBase.prototype.styled = true;
 ColumnBarBase.prototype.hoverChannel = "default";
 ColumnBarBase.prototype.borderRadius = 0;
+ColumnBarBase.prototype.hidden = false;

package/src/charts/LegendEntry.d.ts

@@ -1,35 +1,34 @@
-import * as Cx from '../core';
+import * as Cx from "../core";
 
 interface LegendEntryProps extends Cx.HtmlElementProps {
-
    /** Indicate that entry is selected. */
-   selected?: Cx.BooleanProp,
+   selected?: Cx.BooleanProp;
 
    /** Shape of the symbol. `square`, `circle`, `triangle` etc. */
-   shape?: Cx.StringProp,
+   shape?: Cx.StringProp;
 
    /** Size of the symbol in pixels. Default value is `18`. */
-   size?: Cx.NumberProp,
+   size?: Cx.NumberProp;
 
    /** Index of a color from the standard palette of colors. 0-15. */
-   colorIndex?: Cx.NumberProp,
+   colorIndex?: Cx.NumberProp;
 
    /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
-   colorMap?: Cx.StringProp,
+   colorMap?: Cx.StringProp;
 
    /** Name used to resolve the color. If not provided, `name` is used instead. */
-   colorName?: Cx.StringProp,
+   colorName?: Cx.StringProp;
 
    /** Name of the item as it will appear in the legend. */
-   name?: Cx.StringProp,
+   name?: Cx.StringProp;
 
    /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
-   active?: Cx.BooleanProp,
+   active?: Cx.BooleanProp;
 
    /** Base CSS class to be applied to the element. No class is applied by default. */
-   baseClass?: string,
+   baseClass?: string;
 
-   legendAction?: string,
+   legendAction?: string;
 
    /** Size of the svg shape container in pixels. Default value is 20. */
    svgSize?: number;
@@ -47,6 +46,9 @@ interface LegendEntryProps extends Cx.HtmlElementProps {
     * If unit is not specified, it defaults to `px`.
     */
    ry?: Cx.StringProp | Cx.NumberProp;
+
+   /** Selection configuration. */
+   selection?: Cx.Config;
 }
 
-export class LegendEntry extends Cx.Widget<LegendEntryProps> {}
+export class LegendEntry extends Cx.Widget<LegendEntryProps> {}

package/src/widgets/grid/Grid.js

@@ -657,7 +657,6 @@ export class Grid extends Container {
 
                   if (hdwidget.sortable && header.widget.allowSorting) {
                      mods.push("sortable");
-
                      if (data.sorters && data.sorters[0].field == (hdwidget.sortField || hdwidget.field)) {
                         mods.push("sorted-" + data.sorters[0].direction.toLowerCase());
                         sortIcon = <DropDownIcon className={CSS.element(baseClass, "column-sort-icon")} />;
@@ -860,6 +859,8 @@ export class Grid extends Container {
               ]
             : null;
 
+         if (sorters == null) field = null;
+
          instance.set("sorters", sorters);
          instance.set("sortField", field);
          instance.set("sortDirection", direction);