@progress/kendo-react-listbox 6.1.1 → 7.0.0-develop.2

package/dist/es/ListBoxToolbar.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
-import * as 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(): JSX.Element;
-    private checkSvgIcon;
-    private checkFontIcon;
-    private handleToolClick;
-    private isItemDisabled;
-}

package/dist/es/ListBoxToolbar.js

@@ -1,172 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import * as React from 'react';
-import { classNames, dispatchEvent } from '@progress/kendo-react-common';
-import { Button } from '@progress/kendo-react-buttons';
-import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
-import { messages } from './messages';
-import * as PropTypes from 'prop-types';
-import { caretAltUpIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, caretDoubleAltRightIcon, caretDoubleAltLeftIcon, xIcon } from '@progress/kendo-svg-icons';
-var tools = [
-    { name: 'moveUp', iconName: 'caret-alt-up', svgIcon: caretAltUpIcon },
-    { name: 'moveDown', iconName: 'caret-alt-down', svgIcon: caretAltDownIcon },
-    { name: 'transferTo', iconName: 'caret-alt-right', svgIcon: caretAltRightIcon },
-    { name: 'transferFrom', iconName: 'caret-alt-left', svgIcon: caretAltLeftIcon },
-    { name: 'transferAllTo', iconName: 'caret-double-alt-right', svgIcon: caretDoubleAltRightIcon },
-    { name: 'transferAllFrom', iconName: 'caret-double-alt-left', svgIcon: caretDoubleAltLeftIcon },
-    { name: 'remove', iconName: 'x', svgIcon: xIcon }
-];
-var ListBoxToolbar = /** @class */ (function (_super) {
-    __extends(ListBoxToolbar, _super);
-    function ListBoxToolbar() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.checkSvgIcon = function (toolIcon) {
-            switch (toolIcon.name) {
-                case 'caret-alt-right':
-                    return caretAltLeftIcon;
-                case 'caret-alt-left':
-                    return caretAltRightIcon;
-                case 'caret-double-alt-right':
-                    return caretDoubleAltLeftIcon;
-                case 'caret-double-alt-left':
-                    return caretDoubleAltRightIcon;
-                default:
-            }
-            return toolIcon;
-        };
-        _this.checkFontIcon = function (toolIcon) {
-            switch (toolIcon) {
-                case 'caret-alt-right':
-                    return 'caret-alt-left';
-                case 'caret-alt-left':
-                    return 'caret-alt-right';
-                case 'caret-double-alt-right':
-                    return 'caret-double-alt-left';
-                case 'caret-double-alt-left':
-                    return 'caret-double-alt-right';
-                default:
-            }
-            return toolIcon;
-        };
-        _this.handleToolClick = function (event, name) {
-            dispatchEvent(_this.props.onToolClick, event, _this, { toolName: name });
-        };
-        _this.isItemDisabled = function (tool) {
-            var disabled = true;
-            var selectedField = _this.props.selectedField || 'selected';
-            var dataLength = _this.props.data.length;
-            var dataConnectedLength = _this.props.dataConnected.length;
-            var hasSelected = _this.props.data.findIndex(function (item) { return item[selectedField] === true; }) >= 0;
-            var hasSelectedTwo = _this.props.dataConnected.findIndex(function (item) { return item[selectedField] === true; }) >= 0;
-            switch (tool) {
-                case 'moveUp':
-                    if (hasSelected) {
-                        disabled = _this.props.data.length > 0 ? _this.props.data[0].selected : true;
-                    }
-                    else if (hasSelectedTwo) {
-                        disabled = _this.props.dataConnected.length > 0 ? _this.props.dataConnected[0].selected : true;
-                    }
-                    else {
-                        disabled = true;
-                    }
-                    break;
-                case 'moveDown':
-                    if (hasSelected) {
-                        disabled = _this.props.data[dataLength - 1] ? _this.props.data[dataLength - 1].selected : true;
-                    }
-                    else if (hasSelectedTwo) {
-                        disabled = _this.props.dataConnected.length > 0 ?
-                            _this.props.dataConnected[dataConnectedLength - 1].selected :
-                            true;
-                    }
-                    else {
-                        disabled = true;
-                    }
-                    break;
-                case 'transferTo':
-                    disabled = !(_this.props.dataConnected && hasSelected);
-                    break;
-                case 'transferFrom':
-                    if (_this.props.dataConnected) {
-                        disabled = !(_this.props.dataConnected && hasSelectedTwo);
-                    }
-                    else {
-                        disabled = true;
-                    }
-                    break;
-                case 'transferAllTo':
-                    disabled = !(_this.props.dataConnected && _this.props.data.length > 0);
-                    break;
-                case 'transferAllFrom':
-                    disabled = !(_this.props.dataConnected && _this.props.dataConnected.length > 0);
-                    break;
-                case 'remove':
-                    disabled = !(hasSelected || hasSelectedTwo);
-                    break;
-                default:
-            }
-            return disabled;
-        };
-        return _this;
-    }
-    Object.defineProperty(ListBoxToolbar.prototype, "isRtl", {
-        get: function () {
-            return this.props.dir === 'rtl';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    /**
-     * @hidden
-     */
-    ListBoxToolbar.prototype.render = function () {
-        var _this = this;
-        var localizationService = provideLocalizationService(this);
-        return (React.createElement("div", { className: classNames('k-listbox-actions') }, this.props.tools && this.props.tools.map(function (tool, index) {
-            var indexOfTool = tools.findIndex(function (x) { return x.name === tool; });
-            var currentTool = tools[indexOfTool];
-            var isDisabled = _this.isItemDisabled(currentTool.name);
-            var toolKey = "listbox.".concat(currentTool.name);
-            var title = localizationService.toLanguageString(toolKey, messages[toolKey]);
-            return (React.createElement(Button, { key: index, disabled: isDisabled, "data-command": currentTool.name, title: title, "aria-label": title, icon: _this.isRtl ? _this.checkFontIcon(currentTool.iconName) : currentTool.iconName, svgIcon: _this.isRtl ? _this.checkSvgIcon(currentTool.svgIcon) : currentTool.svgIcon, onClick: function (e) {
-                    e.preventDefault();
-                    _this.handleToolClick(e, currentTool.name || null);
-                } }));
-        })));
-    };
-    /**
-     * @hidden
-     */
-    ListBoxToolbar.propTypes = {
-        data: PropTypes.array,
-        dataConnected: PropTypes.array,
-        tools: PropTypes.array,
-        selectedField: PropTypes.string,
-        dir: PropTypes.string
-    };
-    /**
-     * @hidden
-     */
-    ListBoxToolbar.defaultProps = {
-        data: [],
-        dataConnected: [],
-        selectedField: 'selected'
-    };
-    return ListBoxToolbar;
-}(React.PureComponent));
-export { ListBoxToolbar };
-registerForLocalization(ListBoxToolbar);

package/dist/es/interfaces/Enums.d.ts

@@ -1,7 +0,0 @@
-export declare enum toolbarPosition {
-    TOP = "top",
-    BOTTOM = "bottom",
-    LEFT = "left",
-    RIGHT = "right",
-    NONE = "none"
-}

package/dist/es/interfaces/Enums.js

@@ -1,8 +0,0 @@
-export var toolbarPosition;
-(function (toolbarPosition) {
-    toolbarPosition["TOP"] = "top";
-    toolbarPosition["BOTTOM"] = "bottom";
-    toolbarPosition["LEFT"] = "left";
-    toolbarPosition["RIGHT"] = "right";
-    toolbarPosition["NONE"] = "none";
-})(toolbarPosition || (toolbarPosition = {}));

package/dist/es/interfaces/ListBoxEvents.js

@@ -1 +0,0 @@
-export {};

package/dist/es/interfaces/ListBoxProps.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/interfaces/ListBoxToolBarProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/main.d.ts

@@ -1,7 +0,0 @@
-import { ListBox } from './ListBox';
-import { ListBoxProps } from './interfaces/ListBoxProps';
-import { ListBoxToolbar } from './ListBoxToolbar';
-import { ListBoxToolbarProps } from './interfaces/ListBoxToolBarProps';
-import { processListBoxData, moveItem, processListBoxDragAndDrop } from './utils';
-import { ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent } from './interfaces/ListBoxEvents';
-export { ListBox, ListBoxProps, ListBoxToolbar, ListBoxToolbarProps, processListBoxData, moveItem, processListBoxDragAndDrop, ListBoxDragEvent, ListBoxItemClickEvent, ListBoxKeyDownEvent, ListBoxToolbarClickEvent };

package/dist/es/main.js

@@ -1,4 +0,0 @@
-import { ListBox } from './ListBox';
-import { ListBoxToolbar } from './ListBoxToolbar';
-import { processListBoxData, moveItem, processListBoxDragAndDrop } from './utils';
-export { ListBox, ListBoxToolbar, processListBoxData, moveItem, processListBoxDragAndDrop };

package/dist/es/messages/index.js

@@ -1,41 +0,0 @@
-var _a;
-/**
- * @hidden
- */
-export var moveUp = 'listbox.moveUp';
-/**
- * @hidden
- */
-export var moveDown = 'listbox.moveDown';
-/**
- * @hidden
- */
-export var transferTo = 'listbox.transferTo';
-/**
- * @hidden
- */
-export var transferFrom = 'listbox.transferFrom';
-/**
- * @hidden
- */
-export var transferAllTo = 'listbox.transferAllTo';
-/**
- * @hidden
- */
-export var transferAllFrom = 'listbox.transferAllFrom';
-/**
- * @hidden
- */
-export var remove = 'listbox.remove';
-/**
- * @hidden
- */
-export var messages = (_a = {},
-    _a[moveUp] = 'Move Up',
-    _a[moveDown] = 'Move Down',
-    _a[transferTo] = 'Transfer To',
-    _a[transferFrom] = 'Transfer From',
-    _a[transferAllTo] = 'Transfer All To',
-    _a[transferAllFrom] = 'Transfer All From',
-    _a[remove] = 'Delete',
-    _a);

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-react-listbox',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700064772,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/es/utils.d.ts

@@ -1,31 +0,0 @@
-/**
- * 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[];
-};

package/dist/es/utils.js

@@ -1,169 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-/**
- * 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.
- */
-// tslint:disable-next-line: max-line-length
-export var processListBoxData = function (listBoxOneData, listBoxTwoData, toolName, selectedField) {
-    if (listBoxOneData === void 0) { listBoxOneData = []; }
-    if (listBoxTwoData === void 0) { listBoxTwoData = []; }
-    var newFirstData = [];
-    var itemsForTransfer = [];
-    var newSecondData = [];
-    var result = {
-        listBoxOneData: listBoxOneData,
-        listBoxTwoData: listBoxTwoData
-    };
-    switch (toolName) {
-        case 'moveUp':
-            newFirstData = __spreadArray([], listBoxOneData, true);
-            newFirstData.forEach(function (item, index) {
-                if (item[selectedField]) {
-                    newFirstData = moveItem(index, index - 1, newFirstData);
-                }
-            });
-            newSecondData = __spreadArray([], listBoxTwoData, true);
-            newSecondData.forEach(function (item, index) {
-                if (item[selectedField]) {
-                    newSecondData = moveItem(index, index - 1, newSecondData);
-                }
-            });
-            result.listBoxOneData = newFirstData;
-            result.listBoxTwoData = newSecondData;
-            break;
-        case 'moveDown':
-            newFirstData = listBoxOneData.reverse();
-            newFirstData.forEach(function (item, index) {
-                if (item[selectedField]) {
-                    newFirstData = moveItem(index, index - 1, newFirstData);
-                }
-            });
-            newSecondData = listBoxTwoData.reverse();
-            newSecondData.forEach(function (item, index) {
-                if (item[selectedField]) {
-                    newSecondData = moveItem(index, index - 1, newSecondData);
-                }
-            });
-            result.listBoxOneData = __spreadArray([], newFirstData, true).reverse();
-            result.listBoxTwoData = __spreadArray([], newSecondData, true).reverse();
-            break;
-        case 'transferTo':
-            newFirstData = listBoxOneData.filter(function (item) { return !item[selectedField]; });
-            itemsForTransfer = listBoxOneData.filter(function (item) { return item[selectedField]; });
-            newSecondData = listBoxTwoData.concat(itemsForTransfer);
-            result.listBoxOneData = newFirstData;
-            result.listBoxTwoData = newSecondData;
-            break;
-        case 'transferFrom':
-            newSecondData = listBoxTwoData.filter(function (item) { return !item[selectedField]; });
-            itemsForTransfer = listBoxTwoData.filter(function (item) { return item[selectedField]; });
-            newFirstData = listBoxOneData.concat(itemsForTransfer);
-            result.listBoxOneData = newFirstData;
-            result.listBoxTwoData = newSecondData;
-            break;
-        case 'transferAllTo':
-            result.listBoxOneData = [];
-            result.listBoxTwoData = listBoxTwoData.concat(listBoxOneData);
-            break;
-        case 'transferAllFrom':
-            result.listBoxOneData = listBoxTwoData.concat(listBoxOneData);
-            result.listBoxTwoData = [];
-            break;
-        case 'remove':
-            newSecondData = listBoxTwoData.filter(function (item) { return !item[selectedField]; });
-            newFirstData = listBoxOneData.filter(function (item) { return !item[selectedField]; });
-            result.listBoxOneData = newFirstData;
-            result.listBoxTwoData = newSecondData;
-            break;
-        default:
-    }
-    return result;
-};
-/**
- * @hidden
- */
-export var moveItem = function (from, to, data) {
-    var f = data.splice(from, 1)[0];
-    data.splice(to, 0, f);
-    return data;
-};
-/**
- * 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.
- */
-// tslint:disable-next-line: max-line-length
-export var processListBoxDragAndDrop = function (listBoxOneData, listBoxTwoData, dragItem, dropItem, valueField) {
-    if (listBoxOneData === void 0) { listBoxOneData = []; }
-    if (listBoxTwoData === void 0) { listBoxTwoData = []; }
-    var dragItemIndexInFirstList = listBoxOneData.findIndex(function (item) { return item[valueField] === dragItem[valueField]; });
-    var dragItemIndexInSecondList = listBoxTwoData.findIndex(function (item) { return item[valueField] === dragItem[valueField]; });
-    var dropItemIndexInFirstList = dropItem !== null ? listBoxOneData.findIndex(function (item) { return item[valueField] === dropItem[valueField]; }) : -1;
-    var dropItemIndexInSecondList = dropItem !== null ? listBoxTwoData.findIndex(function (item) { return item[valueField] === dropItem[valueField]; }) : -1;
-    var isDragItemInFirstList = dragItemIndexInFirstList >= 0 ? true : false;
-    var isDragItemInSecondList = dragItemIndexInSecondList >= 0 ? true : false;
-    var isDropItemInFirstList = dropItemIndexInFirstList >= 0 ? true : false;
-    var isDropItemInSecondList = dropItemIndexInSecondList >= 0 ? true : false;
-    var firstDataSet = __spreadArray([], listBoxOneData, true);
-    var secondDataSet = __spreadArray([], listBoxTwoData, true);
-    if (isDragItemInFirstList && isDropItemInFirstList) {
-        return {
-            listBoxOneData: moveItem(dragItemIndexInFirstList, dropItemIndexInFirstList, listBoxOneData),
-            listBoxTwoData: listBoxTwoData
-        };
-    }
-    if (isDragItemInSecondList && isDropItemInSecondList) {
-        return {
-            listBoxOneData: listBoxOneData,
-            listBoxTwoData: moveItem(dragItemIndexInSecondList, dropItemIndexInSecondList, listBoxTwoData)
-        };
-    }
-    if (isDragItemInFirstList && (isDropItemInSecondList || dropItem === null)) {
-        if (dropItem === null) {
-            secondDataSet.push(listBoxOneData[dragItemIndexInFirstList]);
-        }
-        else {
-            secondDataSet.splice(dropItemIndexInSecondList + 1, 0, listBoxOneData[dragItemIndexInFirstList]);
-        }
-        firstDataSet.splice(dragItemIndexInFirstList, 1);
-        return {
-            listBoxOneData: firstDataSet,
-            listBoxTwoData: secondDataSet
-        };
-    }
-    if (isDragItemInSecondList && (isDropItemInFirstList || dropItem === null)) {
-        if (dropItem === null) {
-            firstDataSet.push(listBoxTwoData[dragItemIndexInSecondList]);
-        }
-        else {
-            firstDataSet.splice(dropItemIndexInFirstList + 1, 0, listBoxTwoData[dragItemIndexInSecondList]);
-        }
-        secondDataSet.splice(dragItemIndexInSecondList, 1);
-        return {
-            listBoxOneData: firstDataSet,
-            listBoxTwoData: secondDataSet
-        };
-    }
-    return {
-        listBoxOneData: listBoxOneData,
-        listBoxTwoData: listBoxTwoData
-    };
-};

package/dist/npm/ListBox.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import * as 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;
-    };
-    constructor(props: ListBoxProps);
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    private setSelected;
-    private renderItem;
-    private handleKeyDown;
-    private handleContainerDrop;
-    private setToolbarPosition;
-    private handleOnDragLeave;
-}