cx 24.7.4 → 24.7.6

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.4",
+   "version": "24.7.6",
    "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,27 +1,29 @@
-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`. */
-   y0?: Cx.NumberProp;
-
-   /** Size (width) of the column in axis units. */
-   size?: Cx.NumberProp;
-
-   /** Set to true to auto calculate size and offset. Available only if the x axis is a category axis. */
-   autoSize?: Cx.BooleanProp;
-
-   /** Base CSS class to be applied to the element. Defaults to `column`. */
-   baseClass?: boolean;
-
-   width?: number;
-
-   selection?: Selection;
-   tooltip?: Cx.StringProp;
-
-   /** Minimum column size in pixels. Useful for indicating very small values. Default value is 0.5. */
-   minPixelHeight?: number;
-}
-
-export class Column extends Cx.Widget<ColumnProps> {}
+import * as Cx from "../core";
+import { ColumnBarBaseProps } from "./ColumnBarBase";
+
+interface ColumnProps extends ColumnBarBaseProps {
+   /** Column base value. Default value is `0`. */
+   y0?: Cx.NumberProp;
+
+   /** Size (width) of the column in axis units. */
+   size?: Cx.NumberProp;
+
+   /** Set to true to auto calculate size and offset. Available only if the x axis is a category axis. */
+   autoSize?: Cx.BooleanProp;
+
+   /** Base CSS class to be applied to the element. Defaults to `column`. */
+   baseClass?: boolean;
+
+   width?: number;
+
+   /** 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;
+}
+
+export class Column extends Cx.Widget<ColumnProps> {}

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/form/ColorField.d.ts

@@ -1,43 +1,44 @@
-import * as Cx from '../../core';
-import { FieldProps } from './Field';
-
-interface ColorFieldProps extends FieldProps {
-
-   /** Either `rgba`, `hsla` or `hex` value of the selected color. */
-   value?: Cx.StringProp,
-
-   /** Defaults to `false`. Used to make the field read-only. */
-   readOnly?: Cx.BooleanProp,
-
-   /** The opposite of `disabled`. */
-   enabled?: Cx.BooleanProp,
-
-   /** Default text displayed when the field is empty. */
-   placeholder?: Cx.StringProp,
-
-   /** 
-    * Set to `true` to hide the clear button. 
-    * It can be used interchangeably with the `showClear` property. Default value is `false`.
-    */
-   hideClear?: boolean,
-   
-   /** 
-    * Set to `false` to hide the clear button. 
-    * It can be used interchangeably with the `hideClear` property. Default value is `true`.
-    */
-   showClear?: boolean,
-
-   /**
-    * Set to `true` to display the clear button even if `required` is set. Default is `false`.
-    */
-   alwaysShowClear?: boolean,
-   
-   /** Base CSS class to be applied to the element. Defaults to `colorfield`. */
-   baseClass?: boolean,
-
-   /** Format of the color representation. Either `rgba`, `hsla` or `hex`. */
-   format?: "rgba" | "hsla" | "hex"
-
-}
-
-export class ColorField extends Cx.Widget<ColorFieldProps> {}
+import * as Cx from "../../core";
+import { FieldProps } from "./Field";
+
+interface ColorFieldProps extends FieldProps {
+   /** Either `rgba`, `hsla` or `hex` value of the selected color. */
+   value?: Cx.StringProp;
+
+   /** Defaults to `false`. Used to make the field read-only. */
+   readOnly?: Cx.BooleanProp;
+
+   /** The opposite of `disabled`. */
+   enabled?: Cx.BooleanProp;
+
+   /** Default text displayed when the field is empty. */
+   placeholder?: Cx.StringProp;
+
+   /**
+    * Set to `true` to hide the clear button.
+    * It can be used interchangeably with the `showClear` property. Default value is `false`.
+    */
+   hideClear?: boolean;
+
+   /**
+    * Set to `false` to hide the clear button.
+    * It can be used interchangeably with the `hideClear` property. Default value is `true`.
+    */
+   showClear?: boolean;
+
+   /**
+    * Set to `true` to display the clear button even if `required` is set. Default is `false`.
+    */
+   alwaysShowClear?: boolean;
+
+   /** Base CSS class to be applied to the element. Defaults to `colorfield`. */
+   baseClass?: boolean;
+
+   /** Format of the color representation. Either `rgba`, `hsla` or `hex`. */
+   format?: "rgba" | "hsla" | "hex";
+
+   /** Additional configuration to be passed to the dropdown, such as `style`, `positioning`, etc. */
+   dropdownOptions?: Cx.Config;
+}
+
+export class ColorField extends Cx.Widget<ColorFieldProps> {}

package/src/widgets/form/DateTimeField.d.ts

@@ -1,86 +1,89 @@
-import * as Cx from "../../core";
-import { FieldProps } from "./Field";
-
-export interface DateTimeFieldProps extends FieldProps {
-   /** Selected date. This should be a Date object or a valid date string consumable by Date.parse function. */
-   value?: Cx.Prop<string | Date>;
-
-   /** Defaults to false. Used to make the field read-only. */
-   readOnly?: Cx.BooleanProp;
-
-   /** The opposite of `disabled`. */
-   enabled?: Cx.BooleanProp;
-
-   /** Default text displayed when the field is empty. */
-   placeholder?: Cx.StringProp;
-
-   /** Minimum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
-   minValue?: Cx.Prop<string | Date>;
-
-   /** Set to `true` to disallow the `minValue`. Default value is `false`. */
-   minExclusive?: Cx.BooleanProp;
-
-   /** Maximum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
-   maxValue?: Cx.Prop<string | Date>;
-
-   /** Set to `true` to disallow the `maxValue`. Default value is `false`. */
-   maxExclusive?: Cx.BooleanProp;
-
-   /** Date format used to display the selected date. See Formatting for more details. */
-   format?: Cx.StringProp;
-
-   /** Base CSS class to be applied to the field. Defaults to `datefield`. */
-   baseClass?: string;
-
-   /** Maximum value error text. */
-   maxValueErrorText?: string;
-
-   /** Maximum exclusive value error text. */
-   maxExclusiveErrorText?: string;
-
-   /** Minimum value error text. */
-   minValueErrorText?: string;
-
-   /** Minimum exclusive value error text. */
-   minExclusiveErrorText?: string;
-
-   /** Error message used to indicate wrong user input, e.g. invalid date entered. */
-   inputErrorText?: string;
-
-   /** Name or configuration of the icon to be put on the left side of the input.  */
-   icon?: Cx.StringProp | Cx.Record;
-
-   /** Set to false to hide the clear button. It can be used interchangeably with the hideClear property. Default value is true. */
-   showClear?: boolean;
-
-   /**
-    * Set to `true` to display the clear button even if `required` is set. Default is `false`.
-    */
-   alwaysShowClear?: boolean;
-
-   /** Set to true to hide the clear button. It can be used interchangeably with the showClear property. Default value is false. */
-   hideClear?: boolean;
-
-   /** Determines which segment of date/time is used. Default value is `datetime`. */
-   segment?: "date" | "time" | "datetime";
-
-   /** Set to `true` to indicate that only one segment of the selected date is affected. */
-   partial?: boolean;
-
-   /** The function that will be used to convert Date objects before writing data to the store.
-    * Default implementation is Date.toISOString.
-    * See also Culture.setDefaultDateEncoding.
-    */
-   encoding?: (date: Date) => any;
-
-   /** Defines which days of week should be displayed as disabled, i.e. `[0, 6]` will make Sunday and Saturday unselectable. */
-   disabledDaysOfWeek?: number[];
-
-   /** Set to true to focus the input field instead of the picker first. */
-   focusInputFirst?: boolean;
-
-   /** Set to true to enable seconds segment in the picker. */
-   showSeconds?: boolean;
-}
-
-export class DateTimeField extends Cx.Widget<DateTimeFieldProps> {}
+import * as Cx from "../../core";
+import { FieldProps } from "./Field";
+
+export interface DateTimeFieldProps extends FieldProps {
+   /** Selected date. This should be a Date object or a valid date string consumable by Date.parse function. */
+   value?: Cx.Prop<string | Date>;
+
+   /** Defaults to false. Used to make the field read-only. */
+   readOnly?: Cx.BooleanProp;
+
+   /** The opposite of `disabled`. */
+   enabled?: Cx.BooleanProp;
+
+   /** Default text displayed when the field is empty. */
+   placeholder?: Cx.StringProp;
+
+   /** Minimum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
+   minValue?: Cx.Prop<string | Date>;
+
+   /** Set to `true` to disallow the `minValue`. Default value is `false`. */
+   minExclusive?: Cx.BooleanProp;
+
+   /** Maximum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
+   maxValue?: Cx.Prop<string | Date>;
+
+   /** Set to `true` to disallow the `maxValue`. Default value is `false`. */
+   maxExclusive?: Cx.BooleanProp;
+
+   /** Date format used to display the selected date. See Formatting for more details. */
+   format?: Cx.StringProp;
+
+   /** Base CSS class to be applied to the field. Defaults to `datefield`. */
+   baseClass?: string;
+
+   /** Maximum value error text. */
+   maxValueErrorText?: string;
+
+   /** Maximum exclusive value error text. */
+   maxExclusiveErrorText?: string;
+
+   /** Minimum value error text. */
+   minValueErrorText?: string;
+
+   /** Minimum exclusive value error text. */
+   minExclusiveErrorText?: string;
+
+   /** Error message used to indicate wrong user input, e.g. invalid date entered. */
+   inputErrorText?: string;
+
+   /** Name or configuration of the icon to be put on the left side of the input.  */
+   icon?: Cx.StringProp | Cx.Record;
+
+   /** Set to false to hide the clear button. It can be used interchangeably with the hideClear property. Default value is true. */
+   showClear?: boolean;
+
+   /**
+    * Set to `true` to display the clear button even if `required` is set. Default is `false`.
+    */
+   alwaysShowClear?: boolean;
+
+   /** Set to true to hide the clear button. It can be used interchangeably with the showClear property. Default value is false. */
+   hideClear?: boolean;
+
+   /** Determines which segment of date/time is used. Default value is `datetime`. */
+   segment?: "date" | "time" | "datetime";
+
+   /** Set to `true` to indicate that only one segment of the selected date is affected. */
+   partial?: boolean;
+
+   /** The function that will be used to convert Date objects before writing data to the store.
+    * Default implementation is Date.toISOString.
+    * See also Culture.setDefaultDateEncoding.
+    */
+   encoding?: (date: Date) => any;
+
+   /** Defines which days of week should be displayed as disabled, i.e. `[0, 6]` will make Sunday and Saturday unselectable. */
+   disabledDaysOfWeek?: number[];
+
+   /** Set to true to focus the input field instead of the picker first. */
+   focusInputFirst?: boolean;
+
+   /** Set to true to enable seconds segment in the picker. */
+   showSeconds?: boolean;
+
+   /** Additional configuration to be passed to the dropdown, such as `style`, `positioning`, etc. */
+   dropdownOptions?: Cx.Config;
+}
+
+export class DateTimeField extends Cx.Widget<DateTimeFieldProps> {}