Dropzone fixes

Author: mstijak

packages/cx/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "26.1.5",
+   "version": "26.1.6",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "exports": {
       "./data": {

packages/cx/src/jsx-runtime.spec.tsx

@@ -439,11 +439,11 @@ describe("jsx-runtime type inference", () => {
       it("accepts key prop on widgets", () => {
          const widget = (
             <cx>
-               <Sandbox key="field1" />
+               <Sandbox key={bind("field1")} />
             </cx>
          );
          assert.ok(widget);
-         assert.equal(widget.key, "field1");
+         assert.deepEqual(widget.key, { bind: "field1", defaultValue: undefined });
       });
 
       it("accepts key prop on intrinsic elements", () => {

packages/cx/src/widgets/drag-drop/DropZone.scss

@@ -1,9 +1,6 @@
 @use "sass:map";
 
-@mixin cx-dropzone(
-   $name: 'dropzone',
-   $besm: $cx-besm
-) {
+@mixin cx-dropzone($name: "dropzone", $besm: $cx-besm) {
    $block: map.get($besm, block);
    $element: map.get($besm, element);
    $state: map.get($besm, state);
@@ -39,7 +36,7 @@
       }
 
       &.#{$mod}block {
-         height: 1px;
+         min-height: 1px;
          margin-top: -1px;
          align-self: stretch;
 
@@ -60,7 +57,7 @@
          align-self: stretch;
 
          &:after {
-            content: ' ';
+            content: " ";
          }
 
          &.#{$state}over {
@@ -72,6 +69,6 @@
    }
 }
 
-@if (cx-should-include('cx/widgets/DropZone')) {
+@if (cx-should-include("cx/widgets/DropZone")) {
    @include cx-dropzone();
-}
+}

packages/cx/src/widgets/drag-drop/DropZone.tsx

@@ -63,35 +63,35 @@ export interface DropZoneConfig extends StyledContainerConfig {
     * instance
     Return value is written into dragDropEvent.result and can be passed
     to the source's onDragEnd callback. */
-   onDrop?: string | ((event?: DragEvent, instance?: Instance) => any);
+   onDrop?: string | ((event: DragEvent, instance: Instance) => any);
 
    /** A callback method used to test if dragged item (source) is compatible
     with the drop zone. */
-   onDropTest?: string | ((event?: DragEvent, instance?: Instance) => boolean);
+   onDropTest?: string | ((event: DragEvent, instance: Instance) => boolean);
 
    /** A callback method invoked when the dragged item gets close to the drop zone.
     See also `nearDistance`. */
-   onDragNear?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragNear?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** A callback method invoked when the dragged item is dragged away. */
-   onDragAway?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragAway?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** A callback method invoked when the dragged item is dragged over the drop zone.
     The callback is called for each `mousemove` or `touchmove` event. */
-   onDragOver?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragOver?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** A callback method invoked when the dragged item is dragged over the drop zone
     for the first time. */
-   onDragEnter?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragEnter?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** A callback method invoked when the dragged item leaves the drop zone area. */
-   onDragLeave?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragLeave?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** A callback method invoked when at the beginning of the drag & drop operation. */
-   onDragStart?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragStart?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** A callback method invoked when at the end of the drag & drop operation. */
-   onDragEnd?: string | ((event?: DragEvent, instance?: Instance) => void);
+   onDragEnd?: string | ((event: DragEvent, instance: Instance) => void);
 
    /** Match height of the item being dragged */
    matchHeight?: boolean;