@progress/kendo-react-sortable 13.3.0 → 13.4.0-develop.1

package/interfaces/SortableProps.d.ts

@@ -0,0 +1,127 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SortableOnDragStartEvent } from './../events/SortableOnDragStartEvent.js';
+import { SortableOnDragOverEvent } from './../events/SortableOnDragOverEvent.js';
+import { SortableOnDragEndEvent } from './../events/SortableOnDragEndEvent.js';
+import { SortableOnNavigateEvent } from './../events/SortableOnNavigateEvent.js';
+import { SortableItemUIProps } from './SortableItemUIProps.js';
+import { SortableDefaultProps } from './SortableDefaultProps.js';
+/**
+ * Represents the props of the [KendoReact Sortable component](https://www.telerik.com/kendo-react-ui/components/sortable).
+ */
+export interface SortableProps extends SortableDefaultProps {
+    /**
+     * (Required) The Sortable items UI.
+     *
+     * @example
+     * ```jsx
+     * const ItemUI = (props) => <div>{props.dataItem.text}</div>;
+     * <Sortable itemUI={ItemUI} />
+     * ```
+     */
+    itemUI: React.ComponentType<SortableItemUIProps>;
+    /**
+     * @hidden
+     *
+     * Use it to override the sortable items container component.
+     *
+     * @default 'div'
+     */
+    itemsWrapUI?: React.ForwardRefExoticComponent<any>;
+    /**
+     * (Required) The field which uniquely identifies the Sortable items.
+     *
+     * @example
+     * ```jsx
+     * <Sortable idField="id" />
+     * ```
+     */
+    idField: string;
+    /**
+     * The field which enables or disables an item.
+     *
+     * @example
+     * ```jsx
+     * <Sortable disabledField="isDisabled" />
+     * ```
+     */
+    disabledField?: string;
+    /**
+     * (Required) The data items of the Sortable.
+     *
+     * @example
+     * ```jsx
+     * <Sortable data={[{ id: 1, text: 'Item 1' }, { id: 2, text: 'Item 2' }]} />
+     * ```
+     */
+    data: Array<object>;
+    /**
+     * Defines the CSS styles which are applied to the Sortable element.
+     *
+     * @example
+     * ```jsx
+     * <Sortable style={{ border: '1px solid black' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * Defines the CSS class which is applied to the Sortable element.
+     *
+     * @example
+     * ```jsx
+     * <Sortable className="custom-sortable" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Fires when the user starts dragging an item. This event is preventable.
+     *
+     * @example
+     * ```jsx
+     * <Sortable onDragStart={(event) => console.log(event)} />
+     * ```
+     */
+    onDragStart?: (event: SortableOnDragStartEvent) => void;
+    /**
+     * Fires when the user is dragging an item over another Sortable item.
+     *
+     * @example
+     * ```jsx
+     * <Sortable onDragOver={(event) => console.log(event)} />
+     * ```
+     */
+    onDragOver?: (event: SortableOnDragOverEvent) => void;
+    /**
+     * Fires when the user stops dragging an item.
+     *
+     * @example
+     * ```jsx
+     * <Sortable onDragEnd={(event) => console.log(event)} />
+     * ```
+     */
+    onDragEnd?: (event: SortableOnDragEndEvent) => void;
+    /**
+     * Fires when the user navigates within the Sortable by using the keyboard.
+     *
+     * @example
+     * ```jsx
+     * <Sortable onNavigate={(event) => console.log(event)} />
+     * ```
+     */
+    onNavigate?: (event: SortableOnNavigateEvent) => void;
+    /**
+     * If set to `true`, the user can use dedicated shortcuts to interact with the Sortable.
+     * By default, navigation is disabled.
+     *
+     * @example
+     * ```jsx
+     * <Sortable navigatable={true} />
+     * ```
+     */
+    navigatable?: boolean;
+}

package/messages/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const noData = "sortable.noData";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "sortable.noData": string;
+};

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-sortable",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768550138,version:"13.3.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-sortable",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770219012,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-sortable",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768550138,
-  version: "13.3.0",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-sortable',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.1',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-sortable",
-  "version": "13.3.0",
+  "version": "13.4.0-develop.1",
   "description": "React Sortable provides a sortable drag-and-drop functionality to elements within a list. KendoReact Sortable package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,8 +26,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "13.3.0",
-    "@progress/kendo-react-intl": "13.3.0",
+    "@progress/kendo-react-common": "13.4.0-develop.1",
+    "@progress/kendo-react-intl": "13.4.0-develop.1",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
   },
@@ -52,7 +52,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768550138,
+      "publishDate": 1770219012,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/utils/utils.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const find: (data: object[], comparer: (item: object) => boolean) => object | undefined;
+/**
+ * @hidden
+ */
+declare const findIndex: (data: object[], comparer: (item: object) => boolean) => number;
+/**
+ * @hidden
+ */
+declare const toClassList: (classNames: string) => string[];
+/**
+ * @hidden
+ */
+declare const hasClasses: (element: any, classNames: string) => boolean;
+/**
+ * @hidden
+ */
+declare const isFocusable: (element: any) => boolean;
+/**
+ * @hidden
+ */
+declare const closest: (node: any, predicate: any) => any;
+/**
+ * @hidden
+ */
+declare const relativeContextElement: (element: any) => any;
+export { find, findIndex, toClassList, hasClasses, isFocusable, closest, relativeContextElement };