cx 22.6.0 → 22.6.1

package/dist/widgets.js

@@ -1901,9 +1901,9 @@ var ListComponent = /*#__PURE__*/ (function(_VDOM$Component) {
 		for (var i = 0; i < items.length; i++) {
 			var item = items[i];
 
-			if (isItemSelectable(item)) {
+			if (isDataItem(item)) {
 				index++;
-				if (firstValid == -1) firstValid = index;
+				if (!isItemDisabled(item) && firstValid == -1) firstValid = index;
 
 				if (item.instance.selected) {
 					firstSelected = index;
@@ -2045,7 +2045,15 @@ var ListItem = /*#__PURE__*/ (function(_Container) {
 })(Container);
 
 function isItemSelectable(item) {
-	return item && item.type == "data" && !item.instance.data.disabled;
+	return isDataItem(item) && !isItemDisabled(item);
+}
+
+function isDataItem(item) {
+	return (item == null ? void 0 : item.type) == "data";
+}
+
+function isItemDisabled(item) {
+	return item == null ? void 0 : item.instance.data.disabled;
 }
 
 var Sandbox = /*#__PURE__*/ (function(_PureContainer) {

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "22.6.0",
+   "version": "22.6.1",
    "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/widgets/Button.d.ts

@@ -1,52 +1,56 @@
-import * as Cx from '../core';
-import * as React from 'react';
-import {Instance} from "../ui/Instance";
+import * as Cx from "../core";
+import * as React from "react";
+import { Instance } from "../ui/Instance";
 
 export interface ButtonProps extends Cx.HtmlElementProps {
-
    /** Confirmation text or configuration object. See MsgBox.yesNo for more details. */
-   confirm?: Cx.Prop<string | Cx.Config>,
+   confirm?: Cx.Prop<string | Cx.Config>;
 
    /** If true button appears in pressed state. Useful for implementing toggle buttons. */
-   pressed?: Cx.BooleanProp,
+   pressed?: Cx.BooleanProp;
 
    /** Name of the icon to be put on the left side of the button. */
-   icon?: Cx.StringProp,
-   
+   icon?: Cx.StringProp;
+
    /** HTML tag to be used. Default is `button`. */
-   tag?: string,
+   tag?: string;
 
    /** Base CSS class to be applied to the element. Default is 'button'. */
-   baseClass?: string,
+   baseClass?: string;
 
-   /** 
-    * Determines if button should receive focus on mousedown event. 
-    * Default is `false`, which means that focus can be set only using the keyboard `Tab` key. 
+   /**
+    * Determines if button should receive focus on mousedown event.
+    * Default is `false`, which means that focus can be set only using the keyboard `Tab` key.
     */
-   focusOnMouseDown?: boolean,
+   focusOnMouseDown?: boolean;
 
    /** Add type="submit" to the button. */
-   submit?: boolean,
+   submit?: boolean;
 
    /** Set to `true` to disable the button. */
-   disabled?: Cx.BooleanProp,
+   disabled?: Cx.BooleanProp;
 
    /** Set to `false` to disable the button. */
-   enabled?: Cx.BooleanProp,
+   enabled?: Cx.BooleanProp;
 
-   /** 
+   /**
     * Click handler.
     *
     * @param e - Event.
-    * @param instance - Cx widget instance that fired the event. 
+    * @param instance - Cx widget instance that fired the event.
     */
-   onClick?: string | ((e: React.SyntheticEvent<any>, instance: Instance) => void),
+   onClick?: string | ((e: React.SyntheticEvent<any>, instance: Instance) => void);
 
    /** Button type. */
-   type?: 'submit' | 'button',
+   type?: "submit" | "button";
 
    /** If set to `true`, the Button will cause its parent Overlay (if one exists) to close. This, however, can be prevented if `onClick` explicitly returns `false`. */
-   dismiss?: boolean
+   dismiss?: boolean;
+
+   /** The form attribute specifies the form the button belongs to.
+    * The value of this attribute must be equal to the `id` attribute of a `<form>` element in the same document.
+    */
+   form?: Cx.StringProp;
 }
 
 export class Button extends Cx.Widget<ButtonProps> {}

package/src/widgets/List.js

@@ -462,9 +462,10 @@ class ListComponent extends VDOM.Component {
          firstValid = -1;
       for (let i = 0; i < items.length; i++) {
          let item = items[i];
-         if (isItemSelectable(item)) {
+         if (isDataItem(item)) {
             index++;
-            if (firstValid == -1) firstValid = index;
+
+            if (!isItemDisabled(item) && firstValid == -1) firstValid = index;
             if (item.instance.selected) {
                firstSelected = index;
                break;
@@ -576,5 +577,13 @@ class ListItem extends Container {
 }
 
 function isItemSelectable(item) {
-   return item && item.type == "data" && !item.instance.data.disabled;
+   return isDataItem(item) && !isItemDisabled(item);
+}
+
+function isDataItem(item) {
+   return item?.type == "data";
+}
+
+function isItemDisabled(item) {
+   return item?.instance.data.disabled;
 }

package/src/widgets/overlay/Window.d.ts

@@ -1,38 +1,39 @@
-import * as Cx from '../../core';
-import { OverlayProps } from './Overlay';
+import * as Cx from "../../core";
+import { OverlayProps } from "./Overlay";
 
 interface WindowProps extends OverlayProps {
-
    /** Text to be displayed in the header. */
-   title?: Cx.StringProp,
+   title?: Cx.StringProp;
 
    /** Controls the close button visibility. Defaults to `true`. */
-   closable?: Cx.BooleanProp,
+   closable?: Cx.BooleanProp;
 
    /** A custom style which will be applied to the body. */
-   bodyStyle?: Cx.StyleProp,
+   bodyStyle?: Cx.StyleProp;
 
    /** A custom style which will be applied to the header. */
-   headerStyle?: Cx.StyleProp,
+   headerStyle?: Cx.StyleProp;
 
    /** A custom style which will be applied to the footer. */
-   footerStyle?: Cx.StyleProp
+   footerStyle?: Cx.StyleProp;
 
    /** Base CSS class to be applied to the field. Defaults to `window`. */
-   baseClass?: string,
+   baseClass?: string;
+
+   /** Additional CSS class to be applied to the section body. */
+   bodyClass?: Cx.ClassProp;
 
    /** Set to `true` to enable resizing. */
-   resizable?: boolean,
+   resizable?: boolean;
 
    /** Set to `true` to automatically focus the field, after it renders for the first time. */
-   autoFocus?: boolean,
+   autoFocus?: boolean;
 
    /** Set to `false` to prevent the window itself to be focusable. Default value is true.*/
-   focusable?: boolean,
+   focusable?: boolean;
 
    /** Set to `true` to disable moving the window by dragging the header. */
-   fixed?: boolean,
-
+   fixed?: boolean;
 }
 
 export class Window extends Cx.Widget<WindowProps> {}