@epilot/base-elements 2.7.20 → 2.7.24

package/dist/Table/ResizeTableCell/ResizeTableCell.js

@@ -1,95 +1,95 @@
-"use strict";
-exports.__esModule = true;
-exports.ResizeTableCell = void 0;
-var tslib_1 = require("tslib");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var react_1 = tslib_1.__importStar(require("react"));
-var __1 = require("../..");
-var ResizeTableCellStyles_1 = tslib_1.__importDefault(require("./ResizeTableCellStyles"));
-var ResizeTableContext_1 = require("./ResizeTableContext");
-var MIN_COLUMN_WIDTH = 100;
-var ResizeTableCell = function (_a) {
-    var _b, _c;
-    var children = _a.children, columnId = _a.columnId, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, onWidthChange = _a.onWidthChange, width = _a.width, _d = _a.minWidth, minWidth = _d === void 0 ? MIN_COLUMN_WIDTH : _d, style = _a.style, _e = _a.className, className = _e === void 0 ? '' : _e, restProps = tslib_1.__rest(_a, ["children", "columnId", "onDragStart", "onDragEnd", "onWidthChange", "width", "minWidth", "style", "className"]);
-    var _f = react_1.useContext(ResizeTableContext_1.ResizeTableContext), draggingColumnId = _f.data.draggingColumnId, actions = _f.actions;
-    var cellRef = react_1.useRef(null);
-    var _g = react_1.useState(0), initialColumnX = _g[0], setInitialColumnX = _g[1];
-    var _h = react_1.useState(0), columnX = _h[0], setColumnX = _h[1];
-    var classes = ResizeTableCellStyles_1["default"]();
-    var onMouseDown = function (event) {
-        event.preventDefault();
-        setInitialColumnX(event.pageX);
-        setColumnX(event.pageX);
-        actions.setDraggingColumnId(columnId);
-        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
-        document.body.style.cursor = 'col-resize';
-    };
-    react_1.useEffect(function () {
-        var onMouseMove = function (event) {
-            setColumnX(event.pageX);
-        };
-        var onMouseUp = function (event) {
-            if (cellRef.current) {
-                setInitialColumnX(0);
-                setColumnX(0);
-                actions.setDraggingColumnId(null);
-                onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd();
-                document.body.style.cursor = 'unset';
-                var columnX_1 = event.pageX;
-                var value = columnX_1 - initialColumnX;
-                var cellCoordinates = cellRef.current.getBoundingClientRect();
-                if (cellCoordinates.left + minWidth >= columnX_1) {
-                    value = cellCoordinates.left + minWidth - initialColumnX;
-                }
-                onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(width + value);
-            }
-        };
-        if (initialColumnX && draggingColumnId === columnId) {
-            window.addEventListener('mousemove', onMouseMove);
-            window.addEventListener('mouseup', onMouseUp);
-        }
-        return function () {
-            window.removeEventListener('mousemove', onMouseMove);
-            window.removeEventListener('mouseup', onMouseUp);
-        };
-    }, [
-        initialColumnX,
-        draggingColumnId,
-        columnId,
-        actions,
-        onDragStart,
-        onDragEnd,
-        onWidthChange,
-        width,
-        minWidth
-    ]);
-    var draggableStyle = {};
-    if (initialColumnX && columnX) {
-        var value = columnX - initialColumnX;
-        if (cellRef.current) {
-            var cellCoordinates = cellRef.current.getBoundingClientRect();
-            if (cellCoordinates.left + minWidth >= columnX) {
-                value = cellCoordinates.left + minWidth - initialColumnX;
-            }
-        }
-        draggableStyle = {
-            transform: "translate(" + value + "px)"
-        };
-    }
-    return (react_1["default"].createElement(__1.TableCell, tslib_1.__assign({ className: classnames_1["default"]((_b = {},
-            _b[classes.container] = true,
-            _b[classes.hoverContainer] = draggingColumnId === null,
-            _b[classes.dragContainer] = draggingColumnId === columnId,
-            _b[className] = true,
-            _b)), ref: cellRef, style: tslib_1.__assign({ minWidth: width, maxWidth: width }, style) }, restProps),
-        react_1["default"].createElement("div", { className: classes.content }, children),
-        react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_c = {},
-                _c[classes.draggableContainer] = true,
-                _c[classes.draggableContainerActive] = draggingColumnId === columnId,
-                _c)), onMouseDown: onMouseDown, style: draggableStyle },
-            react_1["default"].createElement("div", { className: classes.arrowLeft }),
-            react_1["default"].createElement("div", { className: classes.bar }),
-            react_1["default"].createElement("div", { className: classes.arrowRight }))));
-};
-exports.ResizeTableCell = ResizeTableCell;
+"use strict";
+exports.__esModule = true;
+exports.ResizeTableCell = void 0;
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var react_1 = tslib_1.__importStar(require("react"));
+var __1 = require("../..");
+var ResizeTableCellStyles_1 = tslib_1.__importDefault(require("./ResizeTableCellStyles"));
+var ResizeTableContext_1 = require("./ResizeTableContext");
+var MIN_COLUMN_WIDTH = 100;
+var ResizeTableCell = function (_a) {
+    var _b, _c;
+    var children = _a.children, columnId = _a.columnId, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, onWidthChange = _a.onWidthChange, width = _a.width, _d = _a.minWidth, minWidth = _d === void 0 ? MIN_COLUMN_WIDTH : _d, style = _a.style, _e = _a.className, className = _e === void 0 ? '' : _e, restProps = tslib_1.__rest(_a, ["children", "columnId", "onDragStart", "onDragEnd", "onWidthChange", "width", "minWidth", "style", "className"]);
+    var _f = react_1.useContext(ResizeTableContext_1.ResizeTableContext), draggingColumnId = _f.data.draggingColumnId, actions = _f.actions;
+    var cellRef = react_1.useRef(null);
+    var _g = react_1.useState(0), initialColumnX = _g[0], setInitialColumnX = _g[1];
+    var _h = react_1.useState(0), columnX = _h[0], setColumnX = _h[1];
+    var classes = ResizeTableCellStyles_1["default"]();
+    var onMouseDown = function (event) {
+        event.preventDefault();
+        setInitialColumnX(event.pageX);
+        setColumnX(event.pageX);
+        actions.setDraggingColumnId(columnId);
+        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
+        document.body.style.cursor = 'col-resize';
+    };
+    react_1.useEffect(function () {
+        var onMouseMove = function (event) {
+            setColumnX(event.pageX);
+        };
+        var onMouseUp = function (event) {
+            if (cellRef.current) {
+                setInitialColumnX(0);
+                setColumnX(0);
+                actions.setDraggingColumnId(null);
+                onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd();
+                document.body.style.cursor = 'unset';
+                var columnX_1 = event.pageX;
+                var value = columnX_1 - initialColumnX;
+                var cellCoordinates = cellRef.current.getBoundingClientRect();
+                if (cellCoordinates.left + minWidth >= columnX_1) {
+                    value = cellCoordinates.left + minWidth - initialColumnX;
+                }
+                onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(width + value);
+            }
+        };
+        if (initialColumnX && draggingColumnId === columnId) {
+            window.addEventListener('mousemove', onMouseMove);
+            window.addEventListener('mouseup', onMouseUp);
+        }
+        return function () {
+            window.removeEventListener('mousemove', onMouseMove);
+            window.removeEventListener('mouseup', onMouseUp);
+        };
+    }, [
+        initialColumnX,
+        draggingColumnId,
+        columnId,
+        actions,
+        onDragStart,
+        onDragEnd,
+        onWidthChange,
+        width,
+        minWidth
+    ]);
+    var draggableStyle = {};
+    if (initialColumnX && columnX) {
+        var value = columnX - initialColumnX;
+        if (cellRef.current) {
+            var cellCoordinates = cellRef.current.getBoundingClientRect();
+            if (cellCoordinates.left + minWidth >= columnX) {
+                value = cellCoordinates.left + minWidth - initialColumnX;
+            }
+        }
+        draggableStyle = {
+            transform: "translate(" + value + "px)"
+        };
+    }
+    return (react_1["default"].createElement(__1.TableCell, tslib_1.__assign({ className: classnames_1["default"]((_b = {},
+            _b[classes.container] = true,
+            _b[classes.hoverContainer] = draggingColumnId === null,
+            _b[classes.dragContainer] = draggingColumnId === columnId,
+            _b[className] = true,
+            _b)), ref: cellRef, style: tslib_1.__assign({ minWidth: width, maxWidth: width }, style) }, restProps),
+        react_1["default"].createElement("div", { className: classes.content }, children),
+        react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_c = {},
+                _c[classes.draggableContainer] = true,
+                _c[classes.draggableContainerActive] = draggingColumnId === columnId,
+                _c)), onMouseDown: onMouseDown, style: draggableStyle },
+            react_1["default"].createElement("div", { className: classes.arrowLeft }),
+            react_1["default"].createElement("div", { className: classes.bar }),
+            react_1["default"].createElement("div", { className: classes.arrowRight }))));
+};
+exports.ResizeTableCell = ResizeTableCell;
 //# sourceMappingURL=ResizeTableCell.js.map

package/dist/Table/ResizeTableCell/ResizeTableCellStyles.d.ts

@@ -1,2 +1,2 @@
-declare const useClasses: (props?: any) => Record<"content" | "container" | "hoverContainer" | "dragContainer" | "draggableContainer" | "draggableContainerActive" | "arrowLeft" | "arrowRight" | "bar", string>;
-export default useClasses;
+declare const useClasses: (props?: any) => Record<"content" | "container" | "hoverContainer" | "dragContainer" | "draggableContainer" | "draggableContainerActive" | "arrowLeft" | "arrowRight" | "bar", string>;
+export default useClasses;

package/dist/Table/ResizeTableCell/ResizeTableCellStyles.js

@@ -1,61 +1,61 @@
-"use strict";
-exports.__esModule = true;
-var __1 = require("../..");
-var useClasses = __1.makeStyles(function (theme) {
-    var _a, _b, _c;
-    return __1.createStyles({
-        container: {
-            position: 'relative'
-        },
-        hoverContainer: {
-            '&:hover': {
-                '& >div:last-child': {
-                    display: 'flex',
-                    alignItems: 'center'
-                }
-            }
-        },
-        dragContainer: {
-            zIndex: 3
-        },
-        content: {
-            overflow: 'hidden'
-        },
-        draggableContainer: {
-            cursor: 'col-resize',
-            display: 'none',
-            position: 'absolute',
-            top: 0,
-            right: 0,
-            bottom: 0,
-            zIndex: 1
-        },
-        draggableContainerActive: {
-            display: 'flex',
-            alignItems: 'center'
-        },
-        arrowLeft: {
-            width: 0,
-            height: 0,
-            borderTop: "4px solid transparent",
-            borderBottom: "4px solid transparent",
-            borderRight: "4px solid " + ((_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary.main)
-        },
-        arrowRight: {
-            width: 0,
-            height: 0,
-            borderTop: "4px solid transparent",
-            borderBottom: "4px solid transparent",
-            borderLeft: "4px solid " + ((_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary.main)
-        },
-        bar: {
-            width: 2,
-            background: (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.primary.main,
-            borderRadius: 8,
-            height: '100%',
-            margin: '0 2px'
-        }
-    });
-});
-exports["default"] = useClasses;
+"use strict";
+exports.__esModule = true;
+var __1 = require("../..");
+var useClasses = __1.makeStyles(function (theme) {
+    var _a, _b, _c;
+    return __1.createStyles({
+        container: {
+            position: 'relative'
+        },
+        hoverContainer: {
+            '&:hover': {
+                '& >div:last-child': {
+                    display: 'flex',
+                    alignItems: 'center'
+                }
+            }
+        },
+        dragContainer: {
+            zIndex: 3
+        },
+        content: {
+            overflow: 'hidden'
+        },
+        draggableContainer: {
+            cursor: 'col-resize',
+            display: 'none',
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            zIndex: 1
+        },
+        draggableContainerActive: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        arrowLeft: {
+            width: 0,
+            height: 0,
+            borderTop: "4px solid transparent",
+            borderBottom: "4px solid transparent",
+            borderRight: "4px solid " + ((_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary.main)
+        },
+        arrowRight: {
+            width: 0,
+            height: 0,
+            borderTop: "4px solid transparent",
+            borderBottom: "4px solid transparent",
+            borderLeft: "4px solid " + ((_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary.main)
+        },
+        bar: {
+            width: 2,
+            background: (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.primary.main,
+            borderRadius: 8,
+            height: '100%',
+            margin: '0 2px'
+        }
+    });
+});
+exports["default"] = useClasses;
 //# sourceMappingURL=ResizeTableCellStyles.js.map

package/dist/Table/ResizeTableCell/ResizeTableContext.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-interface ResizeTableContextProviderProps {
-    children: React.ReactNode;
-}
-interface ResizeTableContextValue {
-    data: {
-        draggingColumnId: string | null;
-    };
-    actions: {
-        setDraggingColumnId: (columnId: string | null) => void;
-    };
-}
-export declare const ResizeTableContext: React.Context<ResizeTableContextValue>;
-export declare const ResizeTableContextProvider: ({ children }: ResizeTableContextProviderProps) => JSX.Element;
-export {};
+import React from 'react';
+interface ResizeTableContextProviderProps {
+    children: React.ReactNode;
+}
+interface ResizeTableContextValue {
+    data: {
+        draggingColumnId: string | null;
+    };
+    actions: {
+        setDraggingColumnId: (columnId: string | null) => void;
+    };
+}
+export declare const ResizeTableContext: React.Context<ResizeTableContextValue>;
+export declare const ResizeTableContextProvider: ({ children }: ResizeTableContextProviderProps) => JSX.Element;
+export {};

package/dist/Table/ResizeTableCell/ResizeTableContext.js

@@ -1,17 +1,17 @@
-"use strict";
-exports.__esModule = true;
-exports.ResizeTableContextProvider = exports.ResizeTableContext = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var DEFAULT_STATE = {
-    data: { draggingColumnId: null },
-    actions: { setDraggingColumnId: function () { return null; } }
-};
-exports.ResizeTableContext = react_1.createContext(DEFAULT_STATE);
-var ResizeTableContextProvider = function (_a) {
-    var children = _a.children;
-    var _b = react_1.useState(null), draggingColumnId = _b[0], setDraggingColumnId = _b[1];
-    return (react_1["default"].createElement(exports.ResizeTableContext.Provider, { value: { data: { draggingColumnId: draggingColumnId }, actions: { setDraggingColumnId: setDraggingColumnId } } }, children));
-};
-exports.ResizeTableContextProvider = ResizeTableContextProvider;
+"use strict";
+exports.__esModule = true;
+exports.ResizeTableContextProvider = exports.ResizeTableContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var DEFAULT_STATE = {
+    data: { draggingColumnId: null },
+    actions: { setDraggingColumnId: function () { return null; } }
+};
+exports.ResizeTableContext = react_1.createContext(DEFAULT_STATE);
+var ResizeTableContextProvider = function (_a) {
+    var children = _a.children;
+    var _b = react_1.useState(null), draggingColumnId = _b[0], setDraggingColumnId = _b[1];
+    return (react_1["default"].createElement(exports.ResizeTableContext.Provider, { value: { data: { draggingColumnId: draggingColumnId }, actions: { setDraggingColumnId: setDraggingColumnId } } }, children));
+};
+exports.ResizeTableContextProvider = ResizeTableContextProvider;
 //# sourceMappingURL=ResizeTableContext.js.map

package/dist/Table/Table.d.ts

@@ -1,8 +1,8 @@
-import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel } from '@material-ui/core';
-export { TableBody };
-export { TableCell };
-export { TableContainer };
-export { TableHead };
-export { TableRow };
-export { Table };
-export { TableSortLabel };
+import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel } from '@material-ui/core';
+export { TableBody };
+export { TableCell };
+export { TableContainer };
+export { TableHead };
+export { TableRow };
+export { Table };
+export { TableSortLabel };

package/dist/Table/Table.js

@@ -1,12 +1,12 @@
-"use strict";
-exports.__esModule = true;
-exports.TableSortLabel = exports.Table = exports.TableRow = exports.TableHead = exports.TableContainer = exports.TableCell = exports.TableBody = void 0;
-var core_1 = require("@material-ui/core");
-exports.Table = core_1.Table;
-exports.TableBody = core_1.TableBody;
-exports.TableCell = core_1.TableCell;
-exports.TableContainer = core_1.TableContainer;
-exports.TableHead = core_1.TableHead;
-exports.TableRow = core_1.TableRow;
-exports.TableSortLabel = core_1.TableSortLabel;
+"use strict";
+exports.__esModule = true;
+exports.TableSortLabel = exports.Table = exports.TableRow = exports.TableHead = exports.TableContainer = exports.TableCell = exports.TableBody = void 0;
+var core_1 = require("@material-ui/core");
+exports.Table = core_1.Table;
+exports.TableBody = core_1.TableBody;
+exports.TableCell = core_1.TableCell;
+exports.TableContainer = core_1.TableContainer;
+exports.TableHead = core_1.TableHead;
+exports.TableRow = core_1.TableRow;
+exports.TableSortLabel = core_1.TableSortLabel;
 //# sourceMappingURL=Table.js.map

package/dist/Table/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Table';
-export * from './types';
-export * from './ResizeTableCell/ResizeTableContext';
-export * from './ResizeTableCell/ResizeTableCell';
+export * from './Table';
+export * from './types';
+export * from './ResizeTableCell/ResizeTableContext';
+export * from './ResizeTableCell/ResizeTableCell';

package/dist/Table/index.js

@@ -1,8 +1,8 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Table"), exports);
-tslib_1.__exportStar(require("./types"), exports);
-tslib_1.__exportStar(require("./ResizeTableCell/ResizeTableContext"), exports);
-tslib_1.__exportStar(require("./ResizeTableCell/ResizeTableCell"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Table"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./ResizeTableCell/ResizeTableContext"), exports);
+tslib_1.__exportStar(require("./ResizeTableCell/ResizeTableCell"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Table/types.d.ts

@@ -1,7 +1,7 @@
-import { TableProps as MuiTableProps, TableBodyProps as MuiTableBodyProps, TableCellProps as MuiTableCellProps, TableContainerProps as MuiTableContainerProps, TableHeadProps as MuiTableHeadProps, TableRowProps as MuiTableRowProps } from '@material-ui/core';
-export declare type TableProps = MuiTableProps;
-export declare type TableBodyProps = MuiTableBodyProps;
-export declare type TableCellProps = MuiTableCellProps;
-export declare type TableContainerProps = MuiTableContainerProps;
-export declare type TableHeadProps = MuiTableHeadProps;
-export declare type TableRowProps = MuiTableRowProps;
+import { TableProps as MuiTableProps, TableBodyProps as MuiTableBodyProps, TableCellProps as MuiTableCellProps, TableContainerProps as MuiTableContainerProps, TableHeadProps as MuiTableHeadProps, TableRowProps as MuiTableRowProps } from '@material-ui/core';
+export declare type TableProps = MuiTableProps;
+export declare type TableBodyProps = MuiTableBodyProps;
+export declare type TableCellProps = MuiTableCellProps;
+export declare type TableContainerProps = MuiTableContainerProps;
+export declare type TableHeadProps = MuiTableHeadProps;
+export declare type TableRowProps = MuiTableRowProps;

package/dist/Table/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/TableColumnSettings/TableColumnSettings.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { TableColumnSettingsProps } from './types';
-declare const TableColumnSettings: ({ columns, onColumnsChange, locales: propLocales }: TableColumnSettingsProps) => JSX.Element;
-export default TableColumnSettings;
+/// <reference types="react" />
+import { TableColumnSettingsProps } from './types';
+declare const TableColumnSettings: ({ columns, onColumnsChange, locales: propLocales }: TableColumnSettingsProps) => JSX.Element;
+export default TableColumnSettings;