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

package/dist/es/columnMenu/GridColumnMenuItem.js

@@ -1,37 +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 { IconWrap, toIconName } from '@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(IconWrap, { name: iconClass ? toIconName(iconClass) : iconClass, icon: svgIcon }),
-            title));
-    };
-    return GridColumnMenuItem;
-}(React.Component));
-export { GridColumnMenuItem };

package/dist/es/columnMenu/GridColumnMenuItemContent.js

@@ -1,36 +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 { Reveal } from '@progress/kendo-react-animation';
-import { classNames } from '@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: classNames('k-columnmenu-item-content', this.props.className), style: this.props.style },
-            React.createElement(Reveal, { style: { position: 'relative', display: 'block' } }, this.props.show ? this.props.children : null)));
-    };
-    return GridColumnMenuItemContent;
-}(React.Component));
-export { GridColumnMenuItemContent };

package/dist/es/columnMenu/GridColumnMenuItemGroup.js

@@ -1,35 +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 { classNames } from '@progress/kendo-react-common';
-import * as React from '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: classNames('k-columnmenu-item-wrapper', this.props.className), style: this.props.style }, children));
-    };
-    return GridColumnMenuItemGroup;
-}(React.Component));
-export { GridColumnMenuItemGroup };

package/dist/es/columnMenu/GridColumnMenuSort.js

@@ -1,189 +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 { GridColumnMenuItem } from './GridColumnMenuItem';
-import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
-import { normalize } from '../interfaces/GridSortSettings';
-import { provideLocalizationService, registerForIntl, registerForLocalization } from '@progress/kendo-react-intl';
-import { messages, sortAscending, sortDescending } from '../messages';
-import { sortAscSmallIcon, sortDescSmallIcon } from '@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 = 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 = provideLocalizationService(this);
-        return (React.createElement(GridColumnMenuItemGroup, null,
-            React.createElement(GridColumnMenuItem, { title: localizationService.toLanguageString(sortAscending, messages[sortAscending]), iconClass: 'k-i-sort-asc-sm', svgIcon: sortAscSmallIcon, selected: sortedAsc(currentSortIndex, sort), onClick: this.onAscClick }),
-            React.createElement(GridColumnMenuItem, { title: localizationService.toLanguageString(sortDescending, messages[sortDescending]), iconClass: 'k-i-sort-desc-sm', svgIcon: 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));
-export { GridColumnMenuSort };
-registerForIntl(GridColumnMenuSort);
-registerForLocalization(GridColumnMenuSort);

package/dist/es/columnMenu/GridColumnMenuWrapper.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps';
-/**
- * The props of the GridColumnMenuWrapper component.
- */
-export interface GridColumnMenuWrapperProps extends GridColumnMenuProps {
-    /**
-     * The component to be rendered as content of the Grid column menu.
-     */
-    columnMenu?: React.ComponentType<GridColumnMenuProps> | null;
-}
-/**
- * @hidden
- */
-export interface ColumnMenuStateProps {
-    show: boolean;
-}
-/**
- * The GridColumnMenuWrapper component.
- */
-export declare class GridColumnMenuWrapper extends React.Component<GridColumnMenuWrapperProps, ColumnMenuStateProps> {
-    /** @hidden */
-    readonly state: ColumnMenuStateProps;
-    /** @hidden */
-    _anchor: HTMLAnchorElement | null;
-    /** @hidden */
-    _content: HTMLDivElement | null;
-    /** @hidden */
-    blurTimeout: any;
-    /** @hidden */
-    willBlur: boolean;
-    /** @hidden */
-    blur: () => void;
-    /** @hidden */
-    focus: () => void;
-    /** @hidden */
-    anchorClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /** @hidden */
-    closeMenu: () => void;
-    /** @hidden */
-    onAnchorMouseDown: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /** @hidden */
-    onAnchorKeyDown: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
-    render(): JSX.Element;
-}

package/dist/es/columnMenu/GridColumnMenuWrapper.js

@@ -1,120 +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 __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { Popup } from '@progress/kendo-react-popup';
-import { IconWrap, Keys } from '@progress/kendo-react-common';
-import { moreVerticalIcon } from '@progress/kendo-svg-icons';
-import { columnMenu, messages } from '../messages';
-import { provideLocalizationService } from '@progress/kendo-react-intl';
-/**
- * The GridColumnMenuWrapper component.
- */
-var GridColumnMenuWrapper = /** @class */ (function (_super) {
-    __extends(GridColumnMenuWrapper, _super);
-    function GridColumnMenuWrapper() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /** @hidden */
-        _this.state = {
-            show: false
-        };
-        /** @hidden */
-        _this._anchor = null;
-        /** @hidden */
-        _this._content = null;
-        /** @hidden */
-        _this.blurTimeout = undefined;
-        /** @hidden */
-        _this.willBlur = false;
-        /** @hidden */
-        _this.blur = function () {
-            if (_this.willBlur) {
-                _this.willBlur = false;
-                return;
-            }
-            clearTimeout(_this.blurTimeout);
-            _this.blurTimeout = window.setTimeout(function () { _this.closeMenu(); });
-        };
-        /** @hidden */
-        _this.focus = function () {
-            clearTimeout(_this.blurTimeout);
-        };
-        /** @hidden */
-        _this.anchorClick = function (event) {
-            event.preventDefault();
-            _this.setState({
-                show: !_this.state.show
-            }, function () { return _this.state.show && _this._content && _this._content.focus(); });
-        };
-        /** @hidden */
-        _this.closeMenu = function () {
-            _this.setState({ show: false });
-        };
-        /** @hidden */
-        _this.onAnchorMouseDown = function (event) {
-            _this.willBlur = _this.state.show && event.currentTarget === _this._anchor;
-        };
-        /** @hidden */
-        _this.onAnchorKeyDown = function (event) {
-            var _a;
-            if (event.keyCode === Keys.tab) {
-                var elementToFocus = event.target;
-                var parentScroll = elementToFocus && ((_a = elementToFocus.closest('.k-grid')) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('k-grid-content')[0]);
-                var hasHorizontalScrollbar = parentScroll && (parentScroll.scrollWidth > parentScroll.clientWidth);
-                if (hasHorizontalScrollbar) {
-                    elementToFocus.scrollIntoView({ inline: 'center' });
-                }
-            }
-        };
-        return _this;
-    }
-    GridColumnMenuWrapper.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
-        var column = this.props.column;
-        var localizationService = provideLocalizationService(this);
-        var fieldMessage = column.title || column.field;
-        var field = fieldMessage ? "".concat(fieldMessage, " ") : '';
-        return (React.createElement(React.Fragment, null,
-            React.createElement("a", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown, onKeyDown: this.onAnchorKeyDown, href: "#", "aria-label": "".concat(field).concat(localizationService.toLanguageString(columnMenu, messages[columnMenu])) },
-                React.createElement(IconWrap, { name: 'more-vertical', icon: moreVerticalIcon })),
-            React.createElement(Popup, { anchor: this._anchor, show: this.state.show },
-                React.createElement("div", { ref: function (e) { return _this._content = e; }, className: 'k-grid-columnmenu-popup', tabIndex: 0, onBlur: this.blur, onFocus: this.focus, style: { outline: 'none' } }, ColumnMenu && (React.createElement(ColumnMenu, __assign({}, others, { onCloseMenu: this.closeMenu })))))));
-    };
-    return GridColumnMenuWrapper;
-}(React.Component));
-export { GridColumnMenuWrapper };

package/dist/es/constants/index.js

@@ -1,7 +0,0 @@
-import { TABLE_COL_INDEX_ATTRIBUTE, TABLE_PREVENT_SELECTION_ELEMENT, TABLE_ROW_INDEX_ATTRIBUTE } from '@progress/kendo-react-data-tools';
-/** The attribute required by the Grid selection on Grid `tr` elements. */
-export var GRID_ROW_INDEX_ATTRIBUTE = TABLE_ROW_INDEX_ATTRIBUTE;
-/** The attribute required by the Grid selection on Grid `td` elements. */
-export var GRID_COL_INDEX_ATTRIBUTE = TABLE_COL_INDEX_ATTRIBUTE;
-/** Attribute which disable selection start from this element. */
-export var GRID_PREVENT_SELECTION_ELEMENT = TABLE_PREVENT_SELECTION_ELEMENT;

package/dist/es/drag/ColumnDraggable.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { DragClue } from '@progress/kendo-react-data-tools';
-/**
- * @hidden
- */
-export interface ColumnDraggableProps {
-    pressHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
-    dragHandler?: (draggableEvent: any, element: HTMLTableRowElement | HTMLDivElement) => void;
-    releaseHandler?: (draggableEvent: any) => void;
-    ariaRowIndex?: number;
-    dragClue?: React.RefObject<DragClue | null> | null;
-    headerRef?: React.RefObject<HTMLDivElement | null> | null;
-    containerRef?: React.RefObject<HTMLDivElement | null> | null;
-    children?: React.ReactNode;
-}
-/**
- * @hidden
- */
-export declare class ColumnDraggable extends React.PureComponent<ColumnDraggableProps, {}> {
-    private draggable;
-    /**
-     * @hidden
-     */
-    onPress: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onDrag: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onRelease: (data: any) => void;
-    render(): JSX.Element;
-}

package/dist/es/drag/ColumnDraggable.js

@@ -1,62 +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 { Draggable } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var ColumnDraggable = /** @class */ (function (_super) {
-    __extends(ColumnDraggable, _super);
-    function ColumnDraggable() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.draggable = null;
-        /**
-         * @hidden
-         */
-        _this.onPress = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.pressHandler) {
-                _this.props.pressHandler(data.event, element);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onDrag = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.dragHandler) {
-                _this.props.dragHandler(data.event, element);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onRelease = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.releaseHandler) {
-                _this.props.releaseHandler(data.event);
-            }
-        };
-        return _this;
-    }
-    ColumnDraggable.prototype.render = function () {
-        var _this = this;
-        return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, hint: this.props.dragClue, autoScroll: { boundaryElementRef: this.props.headerRef, direction: { horizontal: true, vertical: false } }, scrollContainer: this.props.containerRef || undefined, ref: function (component) { _this.draggable = component; } },
-            React.createElement("tr", { className: 'k-table-row', style: { touchAction: 'none' }, role: "row", "aria-rowindex": this.props.ariaRowIndex }, this.props.children)));
-    };
-    return ColumnDraggable;
-}(React.PureComponent));
-export { ColumnDraggable };