@progress/kendo-react-grid 6.1.1 → 7.0.0-develop.10

package/dist/npm/columnMenu/GridColumnMenuGroup.js

@@ -1,128 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuGroup = void 0;
-var React = require("react");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
-var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
-var messages_1 = require("../messages");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @example
- * ```jsx-no-run
- * class TextColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *             <GridColumnMenuGroup {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
- *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
- *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
- *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
- *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" />
- *                     <Column field="ProductName" columnMenu={TextColumnMenu} />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var GridColumnMenuGroup = /** @class */ (function (_super) {
-    __extends(GridColumnMenuGroup, _super);
-    function GridColumnMenuGroup() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.onGroupClick = function (event) {
-            event.preventDefault();
-            if (_this.props.onGroupChange) {
-                var column_1 = _this.props.column;
-                if (!column_1.field) {
-                    return;
-                }
-                var newGroup = (_this.props.group || []).slice();
-                var groupIndex = newGroup.findIndex(function (group) { return group.field === column_1.field; });
-                if (groupIndex > -1) {
-                    newGroup.splice(groupIndex, 1);
-                }
-                else {
-                    newGroup.push({
-                        field: column_1.field
-                    });
-                }
-                _this.props.onGroupChange(newGroup, event);
-            }
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuGroup.prototype.render = function () {
-        var _a = this.props, group = _a.group, column = _a.column;
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var isGrouped = Boolean(group && column.field && group.find(function (currentGroup) { return currentGroup.field === column.field; }));
-        var message = !isGrouped ? messages_1.groupColumn : messages_1.ungroupColumn;
-        return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
-            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(message, messages_1.messages[message]), iconClass: !isGrouped ? 'k-i-group' : 'k-i-ungroup', svgIcon: !isGrouped ? kendo_svg_icons_1.groupIcon : kendo_svg_icons_1.ungroupIcon, onClick: this.onGroupClick })));
-    };
-    return GridColumnMenuGroup;
-}(React.Component));
-exports.GridColumnMenuGroup = GridColumnMenuGroup;
-(0, kendo_react_intl_1.registerForIntl)(GridColumnMenuGroup);
-(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuGroup);

package/dist/npm/columnMenu/GridColumnMenuItem.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * The props of the GridColumnMenuItem component.
- */
-export interface GridColumnMenuItemProps {
-    /**
-     * Triggered each time the title is clicked.
-     */
-    onClick: React.MouseEventHandler<HTMLElement>;
-    /**
-     * The title of the GridColumnMenuItem component.
-     */
-    title: string;
-    /**
-     * The class of the icon that is rendered next to the title.
-     */
-    iconClass: string;
-    /**
-     * The SVG icon that is rendered next to the title.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * The selected state of the component.
-     */
-    selected?: boolean;
-}
-/**
- * The GridColumnMenuItem component that is used inside the Grid ColumnMenu.
- */
-export declare class GridColumnMenuItem extends React.Component<GridColumnMenuItemProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/npm/columnMenu/GridColumnMenuItem.js

@@ -1,40 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuItem = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * The GridColumnMenuItem component that is used inside the Grid ColumnMenu.
- */
-var GridColumnMenuItem = /** @class */ (function (_super) {
-    __extends(GridColumnMenuItem, _super);
-    function GridColumnMenuItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuItem.prototype.render = function () {
-        var _a = this.props, title = _a.title, iconClass = _a.iconClass, svgIcon = _a.svgIcon, selected = _a.selected;
-        return (React.createElement("div", { onClick: this.props.onClick, className: "k-columnmenu-item ".concat(selected ? 'k-selected' : '') },
-            (iconClass || svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: iconClass ? (0, kendo_react_common_1.toIconName)(iconClass) : iconClass, icon: svgIcon }),
-            title));
-    };
-    return GridColumnMenuItem;
-}(React.Component));
-exports.GridColumnMenuItem = GridColumnMenuItem;

package/dist/npm/columnMenu/GridColumnMenuItemContent.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
-/**
- * The props of the GridColumnMenuItemContent component.
- */
-export interface GridColumnMenuItemContentProps extends KendoReactComponentBaseProps {
-    /**
-     * The `show` state of the component. Each change is animated with the Reveal animation.
-     */
-    show: boolean;
-}
-/**
- * The GridColumnMenuItemContent that will be used inside the Grid ColumnMenu.
- */
-export declare class GridColumnMenuItemContent extends React.Component<GridColumnMenuItemContentProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/npm/columnMenu/GridColumnMenuItemContent.js

@@ -1,39 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuItemContent = void 0;
-var React = require("react");
-var kendo_react_animation_1 = require("@progress/kendo-react-animation");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * The GridColumnMenuItemContent that will be used inside the Grid ColumnMenu.
- */
-var GridColumnMenuItemContent = /** @class */ (function (_super) {
-    __extends(GridColumnMenuItemContent, _super);
-    function GridColumnMenuItemContent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuItemContent.prototype.render = function () {
-        return (React.createElement("div", { id: this.props.id, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item-content', this.props.className), style: this.props.style },
-            React.createElement(kendo_react_animation_1.Reveal, { style: { position: 'relative', display: 'block' } }, this.props.show ? this.props.children : null)));
-    };
-    return GridColumnMenuItemContent;
-}(React.Component));
-exports.GridColumnMenuItemContent = GridColumnMenuItemContent;

package/dist/npm/columnMenu/GridColumnMenuItemGroup.d.ts

@@ -1,16 +0,0 @@
-import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
-import * as React from 'react';
-/**
- * The props of the GridColumnMenuItemGroup component.
- */
-export interface GridColumnMenuItemGroupProps extends KendoReactComponentBaseProps {
-}
-/**
- * The GridColumnMenuItemGroup that will be used inside the Grid ColumnMenu.
- */
-export declare class GridColumnMenuItemGroup extends React.Component<GridColumnMenuItemGroupProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/npm/columnMenu/GridColumnMenuItemGroup.js

@@ -1,38 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuItemGroup = void 0;
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var React = require("react");
-/**
- * The GridColumnMenuItemGroup that will be used inside the Grid ColumnMenu.
- */
-var GridColumnMenuItemGroup = /** @class */ (function (_super) {
-    __extends(GridColumnMenuItemGroup, _super);
-    function GridColumnMenuItemGroup() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuItemGroup.prototype.render = function () {
-        var children = this.props.children;
-        return (React.createElement("div", { id: this.props.id, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item-wrapper', this.props.className), style: this.props.style }, children));
-    };
-    return GridColumnMenuItemGroup;
-}(React.Component));
-exports.GridColumnMenuItemGroup = GridColumnMenuItemGroup;

package/dist/npm/columnMenu/GridColumnMenuSort.d.ts

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import { SortDescriptor } from '@progress/kendo-data-query';
-import { GridColumnMenuSortBaseProps } from '../interfaces/GridColumnMenuSortBaseProps';
-/**
- * The props of the GridColumnMenuSort component.
- */
-export interface GridColumnMenuSortProps extends GridColumnMenuSortBaseProps {
-}
-/**
- * @example
- * ```jsx-no-run
- * class ColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
- *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
- *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
- *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
- *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" columnMenu={ColumnMenu}/>
- *                     <Column field="ProductName" />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class GridColumnMenuSort extends React.Component<GridColumnMenuSortProps, {}> {
-    /**
-     * Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
-     */
-    static active: (field: string, sort?: SortDescriptor[]) => boolean;
-    /**
-     * @hidden
-     */
-    onAscClick: (event: any) => void;
-    /**
-     * @hidden
-     */
-    onDescClick: (event: any) => void;
-    /**
-     * @hidden
-     */
-    onSort: (event: React.MouseEvent<HTMLAnchorElement>, selectedDir: 'asc' | 'desc') => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/npm/columnMenu/GridColumnMenuSort.js

@@ -1,192 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridColumnMenuSort = void 0;
-var React = require("react");
-var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
-var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
-var GridSortSettings_1 = require("../interfaces/GridSortSettings");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("../messages");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var ASC_DIR = 'asc';
-/**
- * @hidden
- */
-var DESC_DIR = 'desc';
-/**
- * @hidden
- */
-var sortSeqMap = {
-    true: {
-        'asc': { 'asc': '', 'desc': 'desc' },
-        'desc': { 'asc': 'asc', 'desc': '' },
-        '': { 'asc': 'asc', 'desc': 'desc' }
-    },
-    false: {
-        'asc': { 'asc': 'asc', 'desc': 'desc' },
-        'desc': { 'asc': 'asc', 'desc': 'desc' },
-        '': { 'asc': 'asc', 'desc': 'desc' }
-    }
-};
-/**
- * @hidden
- */
-var sortIndex = function (field, sort) {
-    if (!sort) {
-        return -1;
-    }
-    return sort.findIndex(function (s) { return s.field === field; });
-};
-/**
- * @hidden
- */
-var sortedAsc = function (sortedIndex, sort) {
-    return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === ASC_DIR);
-};
-/**
- * @hidden
- */
-var sortedDesc = function (sortedIndex, sort) {
-    return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === DESC_DIR);
-};
-/**
- * @example
- * ```jsx-no-run
- * class ColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
- *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
- *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
- *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
- *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" columnMenu={ColumnMenu}/>
- *                     <Column field="ProductName" />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var GridColumnMenuSort = /** @class */ (function (_super) {
-    __extends(GridColumnMenuSort, _super);
-    function GridColumnMenuSort() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.onAscClick = function (event) {
-            _this.onSort(event, ASC_DIR);
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onDescClick = function (event) {
-            _this.onSort(event, DESC_DIR);
-            if (_this.props.onCloseMenu) {
-                _this.props.onCloseMenu();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onSort = function (event, selectedDir) {
-            event.preventDefault();
-            if (!_this.props.onSortChange) {
-                return;
-            }
-            var _a = _this.props, column = _a.column, sortable = _a.sortable, sort = _a.sort;
-            var _b = (0, GridSortSettings_1.normalize)(sortable || false, false), allowUnsort = _b.allowUnsort, mode = _b.mode;
-            var oldDescriptor = (sort || []).filter(function (d) { return d.field === column.field; })[0];
-            var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''][selectedDir];
-            var newDescriptor = (mode === 'single') ?
-                [] : (_this.props.sort || []).filter(function (d) { return d.field !== column.field; });
-            if (dir !== '' && column.field) {
-                newDescriptor.push({ field: column.field, dir: dir });
-            }
-            _this.props.onSortChange(newDescriptor, event);
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridColumnMenuSort.prototype.render = function () {
-        var _a = this.props, sort = _a.sort, column = _a.column;
-        var currentSortIndex = sortIndex(column.field, sort);
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
-            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortAscending, messages_1.messages[messages_1.sortAscending]), iconClass: 'k-i-sort-asc-sm', svgIcon: kendo_svg_icons_1.sortAscSmallIcon, selected: sortedAsc(currentSortIndex, sort), onClick: this.onAscClick }),
-            React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.sortDescending, messages_1.messages[messages_1.sortDescending]), iconClass: 'k-i-sort-desc-sm', svgIcon: kendo_svg_icons_1.sortDescSmallIcon, selected: sortedDesc(currentSortIndex, sort), onClick: this.onDescClick })));
-    };
-    /* eslint-disable max-len */
-    /**
-     * Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
-     */
-    // tslint:enable:max-line-length
-    GridColumnMenuSort.active = function (field, sort) {
-        var currentSortIndex = sortIndex(field, sort);
-        return sortedDesc(currentSortIndex, sort) || sortedAsc(currentSortIndex, sort);
-    };
-    return GridColumnMenuSort;
-}(React.Component));
-exports.GridColumnMenuSort = GridColumnMenuSort;
-(0, kendo_react_intl_1.registerForIntl)(GridColumnMenuSort);
-(0, kendo_react_intl_1.registerForLocalization)(GridColumnMenuSort);