@epilot/base-elements 2.7.21 → 2.7.25

package/dist/Stepper/MobileStepper.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { MobileStepperProps } from './types';
-export declare function MobileStepper(props: MobileStepperProps): JSX.Element;
+/// <reference types="react" />
+import { MobileStepperProps } from './types';
+export declare function MobileStepper(props: MobileStepperProps): JSX.Element;

package/dist/Stepper/MobileStepper.js

@@ -1,11 +1,11 @@
-"use strict";
-exports.__esModule = true;
-exports.MobileStepper = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function MobileStepper(props) {
-    return react_1["default"].createElement(core_1.MobileStepper, tslib_1.__assign({}, props));
-}
-exports.MobileStepper = MobileStepper;
+"use strict";
+exports.__esModule = true;
+exports.MobileStepper = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function MobileStepper(props) {
+    return react_1["default"].createElement(core_1.MobileStepper, tslib_1.__assign({}, props));
+}
+exports.MobileStepper = MobileStepper;
 //# sourceMappingURL=MobileStepper.js.map

package/dist/Stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { StepperProps, StepProps, StepLabelProps, StepContentProps, StepConnectorProps } from './types';
-export declare function Stepper(props: StepperProps): JSX.Element;
-export declare function Step(props: StepProps): JSX.Element;
-export declare function StepLabel(props: StepLabelProps): JSX.Element;
-export declare function StepContent(props: StepContentProps): JSX.Element;
-export declare function StepConnector(props: StepConnectorProps): JSX.Element;
+/// <reference types="react" />
+import { StepperProps, StepProps, StepLabelProps, StepContentProps, StepConnectorProps } from './types';
+export declare function Stepper(props: StepperProps): JSX.Element;
+export declare function Step(props: StepProps): JSX.Element;
+export declare function StepLabel(props: StepLabelProps): JSX.Element;
+export declare function StepContent(props: StepContentProps): JSX.Element;
+export declare function StepConnector(props: StepConnectorProps): JSX.Element;

package/dist/Stepper/Stepper.js

@@ -1,28 +1,28 @@
-"use strict";
-exports.__esModule = true;
-exports.StepConnector = exports.StepContent = exports.StepLabel = exports.Step = exports.Stepper = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Stepper(props) {
-    var _a = props.alignment, alignment = _a === void 0 ? 'left' : _a, _b = props.orientation, orientation = _b === void 0 ? 'horizontal' : _b, children = props.children, rest = tslib_1.__rest(props, ["alignment", "orientation", "children"]);
-    return (react_1["default"].createElement(core_1.Stepper, tslib_1.__assign({ alternativeLabel: orientation === 'horizontal' && alignment === 'center', orientation: orientation }, rest), children));
-}
-exports.Stepper = Stepper;
-function Step(props) {
-    return react_1["default"].createElement(core_1.Step, tslib_1.__assign({}, props));
-}
-exports.Step = Step;
-function StepLabel(props) {
-    return react_1["default"].createElement(core_1.StepLabel, tslib_1.__assign({}, props));
-}
-exports.StepLabel = StepLabel;
-function StepContent(props) {
-    return react_1["default"].createElement(core_1.StepContent, tslib_1.__assign({}, props));
-}
-exports.StepContent = StepContent;
-function StepConnector(props) {
-    return react_1["default"].createElement(core_1.StepConnector, tslib_1.__assign({}, props));
-}
-exports.StepConnector = StepConnector;
+"use strict";
+exports.__esModule = true;
+exports.StepConnector = exports.StepContent = exports.StepLabel = exports.Step = exports.Stepper = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Stepper(props) {
+    var _a = props.alignment, alignment = _a === void 0 ? 'left' : _a, _b = props.orientation, orientation = _b === void 0 ? 'horizontal' : _b, children = props.children, rest = tslib_1.__rest(props, ["alignment", "orientation", "children"]);
+    return (react_1["default"].createElement(core_1.Stepper, tslib_1.__assign({ alternativeLabel: orientation === 'horizontal' && alignment === 'center', orientation: orientation }, rest), children));
+}
+exports.Stepper = Stepper;
+function Step(props) {
+    return react_1["default"].createElement(core_1.Step, tslib_1.__assign({}, props));
+}
+exports.Step = Step;
+function StepLabel(props) {
+    return react_1["default"].createElement(core_1.StepLabel, tslib_1.__assign({}, props));
+}
+exports.StepLabel = StepLabel;
+function StepContent(props) {
+    return react_1["default"].createElement(core_1.StepContent, tslib_1.__assign({}, props));
+}
+exports.StepContent = StepContent;
+function StepConnector(props) {
+    return react_1["default"].createElement(core_1.StepConnector, tslib_1.__assign({}, props));
+}
+exports.StepConnector = StepConnector;
 //# sourceMappingURL=Stepper.js.map

package/dist/Stepper/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Stepper';
-export * from './MobileStepper';
-export * from './types';
+export * from './Stepper';
+export * from './MobileStepper';
+export * from './types';

package/dist/Stepper/index.js

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

package/dist/Stepper/types.d.ts

@@ -1,14 +1,14 @@
-import { StepProps as MuiStepProps, StepLabelProps as MuiStepLabelProps, StepContentProps as MuiStepContentProps, StepperProps as MuiStepperProps, MobileStepperProps as MuiMobileStepperProps, StepIconProps as MuiStepIconProps, StepConnectorProps as MuiStepConnectorProps } from '@material-ui/core';
-export declare type StepperProps = Omit<MuiStepperProps, 'alternativeLabel' | 'nonLinear' | 'component' | 'elevation' | 'square' | 'variant'> & {
-    /**
-     * `left` or `center`
-     * Only for horizontal orientation.
-     */
-    alignment?: 'left' | 'center';
-};
-export declare type MobileStepperProps = Omit<MuiMobileStepperProps, 'LinearProgressProps' | 'component' | 'elevation' | 'square'>;
-export declare type StepProps = MuiStepProps;
-export declare type StepLabelProps = MuiStepLabelProps;
-export declare type StepContentProps = MuiStepContentProps;
-export declare type StepIconProps = MuiStepIconProps;
-export declare type StepConnectorProps = MuiStepConnectorProps;
+import { StepProps as MuiStepProps, StepLabelProps as MuiStepLabelProps, StepContentProps as MuiStepContentProps, StepperProps as MuiStepperProps, MobileStepperProps as MuiMobileStepperProps, StepIconProps as MuiStepIconProps, StepConnectorProps as MuiStepConnectorProps } from '@material-ui/core';
+export declare type StepperProps = Omit<MuiStepperProps, 'alternativeLabel' | 'nonLinear' | 'component' | 'elevation' | 'square' | 'variant'> & {
+    /**
+     * `left` or `center`
+     * Only for horizontal orientation.
+     */
+    alignment?: 'left' | 'center';
+};
+export declare type MobileStepperProps = Omit<MuiMobileStepperProps, 'LinearProgressProps' | 'component' | 'elevation' | 'square'>;
+export declare type StepProps = MuiStepProps;
+export declare type StepLabelProps = MuiStepLabelProps;
+export declare type StepContentProps = MuiStepContentProps;
+export declare type StepIconProps = MuiStepIconProps;
+export declare type StepConnectorProps = MuiStepConnectorProps;

package/dist/Stepper/types.js

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

package/dist/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { SwitchProps } from './types';
-export default function Switch(props: SwitchProps): JSX.Element;
+/// <reference types="react" />
+import { SwitchProps } from './types';
+export default function Switch(props: SwitchProps): JSX.Element;

package/dist/Switch/Switch.js

@@ -1,11 +1,11 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Switch(props) {
-    var label = props.label, _a = props.labelPlacement, labelPlacement = _a === void 0 ? 'end' : _a, rest = tslib_1.__rest(props, ["label", "labelPlacement"]);
-    return (react_1["default"].createElement(core_1.FormControlLabel, { control: react_1["default"].createElement(core_1.Switch, tslib_1.__assign({}, rest)), label: label, labelPlacement: labelPlacement }));
-}
-exports["default"] = Switch;
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Switch(props) {
+    var label = props.label, _a = props.labelPlacement, labelPlacement = _a === void 0 ? 'end' : _a, rest = tslib_1.__rest(props, ["label", "labelPlacement"]);
+    return (react_1["default"].createElement(core_1.FormControlLabel, { control: react_1["default"].createElement(core_1.Switch, tslib_1.__assign({}, rest)), label: label, labelPlacement: labelPlacement }));
+}
+exports["default"] = Switch;
 //# sourceMappingURL=Switch.js.map

package/dist/Switch/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Switch } from './Switch';
-export * from './types';
+export { default as Switch } from './Switch';
+export * from './types';

package/dist/Switch/index.js

@@ -1,8 +1,8 @@
-"use strict";
-exports.__esModule = true;
-exports.Switch = void 0;
-var tslib_1 = require("tslib");
-var Switch_1 = require("./Switch");
-tslib_1.__createBinding(exports, Switch_1, "default", "Switch");
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+exports.Switch = void 0;
+var tslib_1 = require("tslib");
+var Switch_1 = require("./Switch");
+tslib_1.__createBinding(exports, Switch_1, "default", "Switch");
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Switch/types.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { SwitchProps as MuiSwitchProps } from '@material-ui/core';
-export declare type SwitchProps = MuiSwitchProps & {
-    /**
-     * The text to be used in an enclosing label element.
-     */
-    label?: React.ReactNode;
-    /**
-     * The position of the label.
-     */
-    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
-};
+/// <reference types="react" />
+import { SwitchProps as MuiSwitchProps } from '@material-ui/core';
+export declare type SwitchProps = MuiSwitchProps & {
+    /**
+     * The text to be used in an enclosing label element.
+     */
+    label?: React.ReactNode;
+    /**
+     * The position of the label.
+     */
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+};

package/dist/Switch/types.js

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

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { TableCellProps } from '../..';
-export interface ResizeTableCellProps extends TableCellProps {
-    columnId: string;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
-    onWidthChange?: (newWidth: number) => void;
-    minWidth?: number;
-    width: number;
-}
-export declare const ResizeTableCell: ({ children, columnId, onDragStart, onDragEnd, onWidthChange, width, minWidth, style, className, ...restProps }: ResizeTableCellProps) => JSX.Element;
+/// <reference types="react" />
+import { TableCellProps } from '../..';
+export interface ResizeTableCellProps extends TableCellProps {
+    columnId: string;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    onWidthChange?: (newWidth: number) => void;
+    minWidth?: number;
+    width: number;
+}
+export declare const ResizeTableCell: ({ children, columnId, onDragStart, onDragEnd, onWidthChange, width, minWidth, style, className, ...restProps }: ResizeTableCellProps) => JSX.Element;

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 {};