@progress/kendo-react-listbox 7.2.4-develop.2 → 7.2.4-develop.4

package/messages/index.mjs

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const o = "listbox.moveUp", r = "listbox.moveDown", s = "listbox.transferTo", e = "listbox.transferFrom", t = "listbox.transferAllTo", n = "listbox.transferAllFrom", l = "listbox.remove", a = {
+  [o]: "Move Up",
+  [r]: "Move Down",
+  [s]: "Transfer To",
+  [e]: "Transfer From",
+  [t]: "Transfer All To",
+  [n]: "Transfer All From",
+  [l]: "Delete"
+};
+export {
+  a as messages,
+  r as moveDown,
+  o as moveUp,
+  l as remove,
+  n as transferAllFrom,
+  t as transferAllTo,
+  e as transferFrom,
+  s as transferTo
+};

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listbox",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1607357111,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = {
+  name: "@progress/kendo-react-listbox",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709714558,
+  version: "",
+  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-listbox",
-  "version": "7.2.4-develop.2",
+  "version": "7.2.4-develop.4",
   "description": "React ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,9 +23,9 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.2.4-develop.2",
-    "@progress/kendo-react-common": "7.2.4-develop.2",
-    "@progress/kendo-react-intl": "7.2.4-develop.2",
+    "@progress/kendo-react-buttons": "7.2.4-develop.4",
+    "@progress/kendo-react-common": "7.2.4-develop.4",
+    "@progress/kendo-react-intl": "7.2.4-develop.4",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=(e=[],c=[],a,t)=>{let r=[],i=[],n=[];const f={listBoxOneData:e,listBoxTwoData:c};switch(a){case"moveUp":r=[...e],r.forEach((s,o)=>{s[t]&&(r=u(o,o-1,r))}),n=[...c],n.forEach((s,o)=>{s[t]&&(n=u(o,o-1,n))}),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"moveDown":r=e.reverse(),r.forEach((s,o)=>{s[t]&&(r=u(o,o-1,r))}),n=c.reverse(),n.forEach((s,o)=>{s[t]&&(n=u(o,o-1,n))}),f.listBoxOneData=[...r].reverse(),f.listBoxTwoData=[...n].reverse();break;case"transferTo":r=e.filter(s=>!s[t]),i=e.filter(s=>s[t]),n=c.concat(i),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"transferFrom":n=c.filter(s=>!s[t]),i=c.filter(s=>s[t]),r=e.concat(i),f.listBoxOneData=r,f.listBoxTwoData=n;break;case"transferAllTo":f.listBoxOneData=[],f.listBoxTwoData=c.concat(e);break;case"transferAllFrom":f.listBoxOneData=c.concat(e),f.listBoxTwoData=[];break;case"remove":n=c.filter(s=>!s[t]),r=e.filter(s=>!s[t]),f.listBoxOneData=r,f.listBoxTwoData=n;break}return f},u=(e,c,a)=>{const t=a.splice(e,1)[0];return a.splice(c,0,t),a},h=(e=[],c=[],a,t,r)=>{const i=e.findIndex(I=>I[r]===a[r]),n=c.findIndex(I=>I[r]===a[r]),f=t!==null?e.findIndex(I=>I[r]===t[r]):-1,s=t!==null?c.findIndex(I=>I[r]===t[r]):-1,o=i>=0,m=n>=0,b=f>=0,S=s>=0,p=[...e],L=[...c];return o&&b?{listBoxOneData:u(i,f,e),listBoxTwoData:c}:m&&S?{listBoxOneData:e,listBoxTwoData:u(n,s,c)}:o&&(S||t===null)?(t===null?L.push(e[i]):L.splice(s+1,0,e[i]),p.splice(i,1),{listBoxOneData:p,listBoxTwoData:L}):m&&(b||t===null)?(t===null?p.push(c[n]):p.splice(f+1,0,c[n]),L.splice(n,1),{listBoxOneData:p,listBoxTwoData:L}):{listBoxOneData:e,listBoxTwoData:c}};exports.moveItem=u;exports.processListBoxData=g;exports.processListBoxDragAndDrop=h;

package/utils.mjs

@@ -0,0 +1,73 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const k = (t = [], e = [], I, c) => {
+  let r = [], i = [], s = [];
+  const f = {
+    listBoxOneData: t,
+    listBoxTwoData: e
+  };
+  switch (I) {
+    case "moveUp":
+      r = [...t], r.forEach((n, o) => {
+        n[c] && (r = u(o, o - 1, r));
+      }), s = [...e], s.forEach((n, o) => {
+        n[c] && (s = u(o, o - 1, s));
+      }), f.listBoxOneData = r, f.listBoxTwoData = s;
+      break;
+    case "moveDown":
+      r = t.reverse(), r.forEach((n, o) => {
+        n[c] && (r = u(o, o - 1, r));
+      }), s = e.reverse(), s.forEach((n, o) => {
+        n[c] && (s = u(o, o - 1, s));
+      }), f.listBoxOneData = [...r].reverse(), f.listBoxTwoData = [...s].reverse();
+      break;
+    case "transferTo":
+      r = t.filter((n) => !n[c]), i = t.filter((n) => n[c]), s = e.concat(i), f.listBoxOneData = r, f.listBoxTwoData = s;
+      break;
+    case "transferFrom":
+      s = e.filter((n) => !n[c]), i = e.filter((n) => n[c]), r = t.concat(i), f.listBoxOneData = r, f.listBoxTwoData = s;
+      break;
+    case "transferAllTo":
+      f.listBoxOneData = [], f.listBoxTwoData = e.concat(t);
+      break;
+    case "transferAllFrom":
+      f.listBoxOneData = e.concat(t), f.listBoxTwoData = [];
+      break;
+    case "remove":
+      s = e.filter((n) => !n[c]), r = t.filter((n) => !n[c]), f.listBoxOneData = r, f.listBoxTwoData = s;
+      break;
+  }
+  return f;
+}, u = (t, e, I) => {
+  const c = I.splice(t, 1)[0];
+  return I.splice(e, 0, c), I;
+}, S = (t = [], e = [], I, c, r) => {
+  const i = t.findIndex((a) => a[r] === I[r]), s = e.findIndex((a) => a[r] === I[r]), f = c !== null ? t.findIndex((a) => a[r] === c[r]) : -1, n = c !== null ? e.findIndex((a) => a[r] === c[r]) : -1, o = i >= 0, m = s >= 0, b = f >= 0, h = n >= 0, p = [...t], L = [...e];
+  return o && b ? {
+    listBoxOneData: u(i, f, t),
+    listBoxTwoData: e
+  } : m && h ? {
+    listBoxOneData: t,
+    listBoxTwoData: u(s, n, e)
+  } : o && (h || c === null) ? (c === null ? L.push(t[i]) : L.splice(n + 1, 0, t[i]), p.splice(i, 1), {
+    listBoxOneData: p,
+    listBoxTwoData: L
+  }) : m && (b || c === null) ? (c === null ? p.push(e[s]) : p.splice(f + 1, 0, e[s]), L.splice(s, 1), {
+    listBoxOneData: p,
+    listBoxTwoData: L
+  }) : {
+    listBoxOneData: t,
+    listBoxTwoData: e
+  };
+};
+export {
+  u as moveItem,
+  k as processListBoxData,
+  S as processListBoxDragAndDrop
+};

package/ListBox.d.ts

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ListBoxProps } from './interfaces/ListBoxProps';
-import { toolbarPosition } from './interfaces/Enums';
-export declare class ListBox extends React.PureComponent<ListBoxProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        size: PropTypes.Requireable<string | null>;
-        toolbarPosition: PropTypes.Requireable<string>;
-        textField: PropTypes.Requireable<string>;
-        valueField: PropTypes.Requireable<string>;
-        selectedField: PropTypes.Requireable<string>;
-        data: PropTypes.Requireable<any[]>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        toolbarPosition: toolbarPosition;
-        draggable: boolean;
-        size: string;
-    };
-    private get itemGuid();
-    constructor(props: ListBoxProps);
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    private setSelected;
-    private renderItem;
-    private handleKeyDown;
-    private handleContainerDrop;
-    private setToolbarPosition;
-    private handleOnDragLeave;
-}

package/ListBoxToolbar.d.ts

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
-import PropTypes from 'prop-types';
-export declare class ListBoxToolbar extends React.PureComponent<ListBoxToolbarProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        data: PropTypes.Requireable<any[]>;
-        dataConnected: PropTypes.Requireable<any[]>;
-        tools: PropTypes.Requireable<any[]>;
-        selectedField: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        data: never[];
-        dataConnected: never[];
-        selectedField: string;
-    };
-    private get isRtl();
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    private checkSvgIcon;
-    private checkFontIcon;
-    private handleToolClick;
-    private isItemDisabled;
-}

package/interfaces/Enums.d.ts

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-export declare enum toolbarPosition {
-    TOP = "top",
-    BOTTOM = "bottom",
-    LEFT = "left",
-    RIGHT = "right",
-    NONE = "none"
-}

package/interfaces/ListBoxEvents.d.ts

@@ -1,20 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { BaseEvent } from '@progress/kendo-react-common';
-import { ListBox } from '../ListBox';
-import { ListBoxToolbar } from '../ListBoxToolbar';
-export interface ListBoxItemClickEvent extends BaseEvent<ListBox> {
-    dataItem?: any;
-}
-export interface ListBoxKeyDownEvent extends BaseEvent<ListBox> {
-}
-export interface ListBoxDragLeaveEvent extends BaseEvent<ListBox> {
-}
-export interface ListBoxToolbarClickEvent extends BaseEvent<ListBoxToolbar> {
-    toolName?: string;
-}
-export interface ListBoxDragEvent extends BaseEvent<ListBox> {
-    dataItem?: any;
-}

package/interfaces/ListBoxProps.d.ts

@@ -1,98 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ComponentType } from 'react';
-import { ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxDragEvent, ListBoxDragLeaveEvent } from './ListBoxEvents';
-import { toolbarPosition } from './Enums';
-/**
- * Represents the props of the [KendoReact ListBox component]({% slug overview_listbox %}).
- */
-export interface ListBoxProps {
-    /**
-     * Sets a `class` of the ListBox container.
-     */
-    className?: string;
-    /**
-     * Sets a `id` of the ListBox container.
-     */
-    id?: string;
-    /**
-     * Configures the `size` of the ListBox.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null—Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Specifies the styles which are set to the ListBox container.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Set the data of the ListBox.
-     */
-    data: Array<any>;
-    /**
-     * Makes the items of the ListBox draggable. The items are draggable by default.
-     */
-    draggable?: boolean;
-    /**
-     * Set the selected field of the ListBox. Based on that value of that field, an item will be selected or not.
-     */
-    selectedField?: string;
-    /**
-     * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
-     */
-    textField: string;
-    /**
-     * The field that be used during form submit. Defaults to the textField if not set.
-     */
-    valueField?: string;
-    /**
-     * Sets the position of the toolbar of the ListBox if one is set. The ListBox may have no toolbar.
-     * * The possible values are:
-     * * `top`
-     * * `bottom`
-     * * `left`
-     * * `right` (Default)
-     * * `none`
-     */
-    toolbarPosition?: toolbarPosition | string;
-    /**
-     * Renders a toolbar component next to the ListBox.
-     */
-    toolbar?: null | ComponentType<any>;
-    /**
-     * Defines the component that will be rendered for each item of the data collection.
-     */
-    item?: React.ComponentType<any>;
-    /**
-     * Fires when an item from the ListBox is clicked. Contains the clicked item.
-     */
-    onItemClick?: (event: ListBoxItemClickEvent) => void;
-    /**
-     * Fires on keydown over the ListBox list items. It can be use to add keyboard extra keyboard navigation option.
-     */
-    onKeyDown?: (event: ListBoxKeyDownEvent) => void;
-    /**
-     * Fires when an the user start to drag an item from the ListBox. The event contains information for the item that is being dragged.
-     */
-    onDragStart?: (event: ListBoxDragEvent) => void;
-    /**
-     * Fires when an the user drags over an item from the ListBox. The event contains information for the item that is dragged over.
-     */
-    onDragOver?: (event: ListBoxDragEvent) => void;
-    /**
-     * Fires when an the user drops an item. The event contains information for the drop target item.
-     */
-    onDrop?: (event: ListBoxDragEvent) => void;
-    /**
-     * Fires when a dragged element or text selection leaves the ListBox element.
-     */
-    onDragLeave?: (event: ListBoxDragLeaveEvent) => void;
-}

package/interfaces/ListBoxToolBarProps.d.ts

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ListBoxToolbarClickEvent } from './ListBoxEvents';
-export interface ListBoxToolbarProps {
-    /**
-     * Sets the tools of the ListBoxToolbar. By default, the ListBoxToolbar renders no tools.
-     * The built-in tools are:
-     * * `moveUp`
-     * * `moveDown`
-     * * `transferTo`
-     * * `transferFrom`
-     * * `transferAllTo`
-     * * `transferAllFrom`
-     * * `remove`
-     */
-    tools?: Array<string>;
-    /**
-     * The data of the main ListBox.
-     */
-    data: Array<any>;
-    /**
-     * The data of the connected ListBox.
-     */
-    dataConnected: Array<any>;
-    /**
-     * Set the selected field of the ListBoxToolbar.
-     * Based on that value of that field the ListBoxToolbar will determine which actions are allowed and which disabled.
-     */
-    selectedField?: string;
-    /**
-     * Fires when one of the ListBoxToolbar tools is clicked.
-     */
-    onToolClick?: (event: ListBoxToolbarClickEvent) => void;
-    /**
-     * @hidden
-     */
-    dir?: string;
-}

package/messages/index.d.ts

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const moveUp = "listbox.moveUp";
-/**
- * @hidden
- */
-export declare const moveDown = "listbox.moveDown";
-/**
- * @hidden
- */
-export declare const transferTo = "listbox.transferTo";
-/**
- * @hidden
- */
-export declare const transferFrom = "listbox.transferFrom";
-/**
- * @hidden
- */
-export declare const transferAllTo = "listbox.transferAllTo";
-/**
- * @hidden
- */
-export declare const transferAllFrom = "listbox.transferAllFrom";
-/**
- * @hidden
- */
-export declare const remove = "listbox.remove";
-/**
- * @hidden
- */
-export declare const messages: {
-    "listbox.moveUp": string;
-    "listbox.moveDown": string;
-    "listbox.transferTo": string;
-    "listbox.transferFrom": string;
-    "listbox.transferAllTo": string;
-    "listbox.transferAllFrom": string;
-    "listbox.remove": string;
-};

package/package-metadata.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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/utils.d.ts

@@ -1,35 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Process the data collection/s based on the clicked ListBoxToolbar tool.
- *
- * @param {T[]} listBoxOneData - The first data collection.
- * @param {T[]} listBoxTwoData - The second data collection. Pass an empty array if there is only one ListBox.
- * @param {string} toolName - The tool that was clicked.
- * @param {string} selectedField - The field that contains the selected information in the data object.
- * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
- */
-export declare const processListBoxData: (listBoxOneData: any[] | undefined, listBoxTwoData: any[] | undefined, toolName: string, selectedField: string) => {
-    listBoxOneData: any[];
-    listBoxTwoData: any[];
-};
-/**
- * @hidden
- */
-export declare const moveItem: (from: number, to: number, data: Array<any>) => any[];
-/**
- * Process the data collection/s based on the dragged and drop item.
- *
- * @param {T[]} listBoxOneData - The first data collection.
- * @param {T[]} listBoxTwoData - The second data collection. Pass an empty array if there is only one ListBox.
- * @param {any} dragItem - The item that was dragged.
- * @param {any} dropItem - The drop target item.
- * @param {string} valueField - The field which points to the unique value of each data item.
- * @returns {{listBoxOneData: T[], listBoxTwoData: t[]}} - The object that contains the new data collections.
- */
-export declare const processListBoxDragAndDrop: (listBoxOneData: any[] | undefined, listBoxTwoData: any[] | undefined, dragItem: any, dropItem: any, valueField: string) => {
-    listBoxOneData: any[];
-    listBoxTwoData: any[];
-};