@epilot/base-elements 2.5.9 → 2.5.13

package/dist/Table/ResizeTableCell/ResizeTableCell.js

@@ -0,0 +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;
+//# sourceMappingURL=ResizeTableCell.js.map

package/dist/Table/ResizeTableCell/ResizeTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeTableCell.js","sourceRoot":"","sources":["../../../src/Table/ResizeTableCell/ResizeTableCell.tsx"],"names":[],"mappings":"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"}

package/dist/Table/ResizeTableCell/ResizeTableCellStyles.js

@@ -0,0 +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;
+//# sourceMappingURL=ResizeTableCellStyles.js.map

package/dist/Table/ResizeTableCell/ResizeTableCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeTableCellStyles.js","sourceRoot":"","sources":["../../../src/Table/ResizeTableCell/ResizeTableCellStyles.ts"],"names":[],"mappings":";;AAAA,2BAA6D;AAE7D,IAAM,UAAU,GAAG,cAAU,CAAC,UAAC,KAAkB;;IAC/C,OAAA,gBAAY,CAAC;QACX,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;SACrB;QACD,cAAc,EAAE;YACd,SAAS,EAAE;gBACT,mBAAmB,EAAE;oBACnB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,aAAa,EAAE;YACb,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,QAAQ;SACnB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;SACV;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,uBAAuB;YAClC,YAAY,EAAE,uBAAuB;YACrC,WAAW,EAAE,sBAAa,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,CAAC,IAAI,CAAE;SACzD;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,uBAAuB;YAClC,YAAY,EAAE,uBAAuB;YACrC,UAAU,EAAE,sBAAa,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,CAAC,IAAI,CAAE;SACxD;QACD,GAAG,EAAE;YACH,KAAK,EAAE,CAAC;YACR,UAAU,QAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,CAAC,IAAI;YACxC,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,OAAO;SAChB;KACF,CAAC,CAAA;CAAA,CACH,CAAA;AAED,qBAAe,UAAU,CAAA"}

package/dist/Table/ResizeTableCell/ResizeTableContext.js

@@ -0,0 +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;
+//# sourceMappingURL=ResizeTableContext.js.map

package/dist/Table/ResizeTableCell/ResizeTableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeTableContext.js","sourceRoot":"","sources":["../../../src/Table/ResizeTableCell/ResizeTableContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsD;AAetD,IAAM,aAAa,GAAG;IACpB,IAAI,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;IAChC,OAAO,EAAE,EAAE,mBAAmB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EAAE;CAC7C,CAAA;AAEY,QAAA,kBAAkB,GAAG,qBAAa,CAC7C,aAAa,CACd,CAAA;AAEM,IAAM,0BAA0B,GAAG,UAAC,EAET;QADhC,QAAQ,cAAA;IAEF,IAAA,KAA0C,gBAAQ,CAAgB,IAAI,CAAC,EAAtE,gBAAgB,QAAA,EAAE,mBAAmB,QAAiC,CAAA;IAE7E,OAAO,CACL,iCAAC,0BAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,gBAAgB,kBAAA,EAAE,EAAE,OAAO,EAAE,EAAE,mBAAmB,qBAAA,EAAE,EAAE,IAEtE,QAAQ,CACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,0BAA0B,8BAYtC"}

package/dist/Table/Table.js

@@ -0,0 +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;
+//# sourceMappingURL=Table.js.map

package/dist/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":";;;AAAA,0CAQ0B;AAOjB,gBAdP,YAAK,CAcO;AALL,oBARP,gBAAS,CAQO;AACT,oBARP,gBAAS,CAQO;AACT,yBARP,qBAAc,CAQO;AACd,oBARP,gBAAS,CAQO;AACT,mBARP,eAAQ,CAQO;AAER,yBATP,qBAAc,CASO"}

package/dist/Table/index.js

@@ -0,0 +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);
+//# sourceMappingURL=index.js.map

package/dist/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB;AACvB,kDAAuB;AACvB,+EAAoD;AACpD,4EAAiD"}

package/dist/Table/types.js

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

package/dist/Table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Table/types.ts"],"names":[],"mappings":""}

package/dist/TableColumnSettings/TableColumnSettings.d.ts

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

package/dist/TableColumnSettings/TableColumnSettings.js

@@ -0,0 +1,132 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var react_1 = tslib_1.__importStar(require("react"));
+var react_beautiful_dnd_1 = require("react-beautiful-dnd");
+var Checkbox_1 = require("../Checkbox");
+var Form_1 = require("../Form");
+var Icon_1 = require("../Icon");
+var Paper_1 = require("../Paper");
+var Switch_1 = require("../Switch");
+var TextField_1 = require("../TextField");
+var Typography_1 = require("../Typography");
+var TableColumnSettingsStyles_1 = require("./TableColumnSettingsStyles");
+var reorder = function (list, startIndex, endIndex) {
+    var result = Array.from(list);
+    var removed = result.splice(startIndex, 1)[0];
+    result.splice(endIndex, 0, removed);
+    return result;
+};
+var DEFAULT_LOCALES = {
+    searchPlaceholder: 'Search',
+    showAllSwitchLabel: 'Show all',
+    columnShowCheckboxLabel: 'show'
+};
+var useLocales = function (locales) {
+    return react_1.useMemo(function () {
+        if (!locales) {
+            return DEFAULT_LOCALES;
+        }
+        return tslib_1.__assign(tslib_1.__assign({}, DEFAULT_LOCALES), locales);
+    }, [locales]);
+};
+var TableColumnSettings = function (_a) {
+    var columns = _a.columns, onColumnsChange = _a.onColumnsChange, _b = _a.locales, propLocales = _b === void 0 ? {} : _b;
+    var classes = TableColumnSettingsStyles_1.useClasses();
+    var _c = react_1.useState(''), searchQuery = _c[0], setSearchQuery = _c[1];
+    var locales = useLocales(propLocales);
+    var checkedColumnsCount = react_1.useMemo(function () { return columns.filter(function (column) { return column.show; }).length; }, [columns]);
+    var showAll = checkedColumnsCount === columns.length;
+    var filteredColumns = columns;
+    if (searchQuery) {
+        filteredColumns = columns.filter(function (column) {
+            return column.label.toLowerCase().includes(searchQuery.toLowerCase());
+        });
+    }
+    react_1.useEffect(function () {
+        if (checkedColumnsCount === 0) {
+            var _a = tslib_1.__spreadArrays(columns), firstColumn = _a[0], restColumns = _a.slice(1);
+            onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([tslib_1.__assign(tslib_1.__assign({}, firstColumn), { show: true })], restColumns));
+        }
+    }, [columns, onColumnsChange, checkedColumnsCount]);
+    var onTextFieldChange = function (event) {
+        setSearchQuery(event.target.value);
+    };
+    var onShowAll = function () {
+        if (showAll) {
+            var _a = tslib_1.__spreadArrays(columns), firstColumn = _a[0], restColumns = _a.slice(1);
+            var restColumnsHidden = restColumns.map(function (column) { return (tslib_1.__assign(tslib_1.__assign({}, column), { show: false })); });
+            onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([firstColumn], restColumnsHidden));
+            return;
+        }
+        var columnsAllShow = columns.map(function (column) { return (tslib_1.__assign(tslib_1.__assign({}, column), { show: true })); });
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(columnsAllShow);
+    };
+    var onToggleColumn = function (columnClicked) { return function () {
+        var updatedColumns = columns.map(function (column) {
+            if (column.label === columnClicked.label) {
+                return tslib_1.__assign(tslib_1.__assign({}, column), { show: !column.show });
+            }
+            return column;
+        });
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
+    }; };
+    var onDragEnd = function (result) {
+        if (!result.destination) {
+            return;
+        }
+        var updatedColumns = reorder(columns, result.source.index, result.destination.index);
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
+    };
+    return (react_1["default"].createElement("div", { className: classes.container },
+        react_1["default"].createElement("div", { className: classes.header },
+            react_1["default"].createElement(TextField_1.TextField, { InputProps: {
+                    endAdornment: (react_1["default"].createElement(Form_1.InputAdornment, { position: "end" },
+                        react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "search" }))),
+                    classes: { root: classes.inputRoot }
+                }, fullWidth: true, label: "Label", onChange: onTextFieldChange, placeholder: locales.searchPlaceholder, value: searchQuery, variant: "outlined" })),
+        react_1["default"].createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: onDragEnd },
+            react_1["default"].createElement(react_beautiful_dnd_1.Droppable, { droppableId: "table-settings-droppable" }, function (provided) { return (react_1["default"].createElement("div", tslib_1.__assign({}, provided.droppableProps, { className: classes.contentContainer, ref: provided.innerRef }),
+                react_1["default"].createElement(Form_1.FormControlLabel, { classes: {
+                        root: classes.formControlRoot,
+                        label: classes.formControlLabel
+                    }, control: react_1["default"].createElement(Switch_1.Switch, { checked: showAll, classes: { track: classes.switchTrack }, onChange: onShowAll, size: "small" }), label: locales.showAllSwitchLabel }),
+                filteredColumns.map(function (column, index) { return (react_1["default"].createElement(ColumnItem, { checkedColumnsCount: checkedColumnsCount, column: column, draggable: !searchQuery, index: index, key: column.label + "-" + index, locales: locales, onToggleColumn: onToggleColumn(column) })); }),
+                provided.placeholder)); }))));
+};
+var ColumnItem = function (_a) {
+    var _b;
+    var column = _a.column, index = _a.index, checkedColumnsCount = _a.checkedColumnsCount, onToggleColumn = _a.onToggleColumn, _c = _a.draggable, draggable = _c === void 0 ? true : _c, locales = _a.locales;
+    var classes = TableColumnSettingsStyles_1.useClasses();
+    if (!draggable) {
+        return (react_1["default"].createElement(Paper_1.Paper, { className: classes.item },
+            react_1["default"].createElement("div", { className: classes.informationContainer },
+                react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon + " " + classes.dragIconDisabled, color: "secondary", name: "drag_indicator" }),
+                react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
+            react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_b = {},
+                    _b[classes.showContainer] = true,
+                    _b[classes.noClick] = checkedColumnsCount === 1 && column.show,
+                    _b)), onClick: onToggleColumn },
+                react_1["default"].createElement(Checkbox_1.Checkbox, { checked: column.show, color: "primary", disabled: checkedColumnsCount === 1 && column.show, size: "small" }),
+                react_1["default"].createElement(Typography_1.BodyText, null, "Show"))));
+    }
+    return (react_1["default"].createElement(react_beautiful_dnd_1.Draggable, { draggableId: column.label + "-" + index, index: index, key: column.label + "-" + index }, function (provided, snapshot) {
+        var _a, _b;
+        return (react_1["default"].createElement(Paper_1.Paper, tslib_1.__assign({ className: classnames_1["default"]((_a = {},
+                _a[classes.item] = true,
+                _a[classes.dragItem] = snapshot.isDragging,
+                _a)), ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: provided.draggableProps.style }),
+            react_1["default"].createElement("div", { className: classes.informationContainer },
+                react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon, color: "secondary", name: "drag_indicator" }),
+                react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
+            react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_b = {},
+                    _b[classes.showContainer] = true,
+                    _b[classes.noClick] = checkedColumnsCount === 1 && column.show,
+                    _b)), onClick: onToggleColumn },
+                react_1["default"].createElement(Checkbox_1.Checkbox, { checked: column.show, color: "primary", disabled: checkedColumnsCount === 1 && column.show, size: "small" }),
+                react_1["default"].createElement(Typography_1.BodyText, null, locales.columnShowCheckboxLabel))));
+    }));
+};
+exports["default"] = TableColumnSettings;
+//# sourceMappingURL=TableColumnSettings.js.map

package/dist/TableColumnSettings/TableColumnSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnSettings.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettings.tsx"],"names":[],"mappings":"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"}

package/dist/TableColumnSettings/TableColumnSettingsStyles.js

@@ -0,0 +1,84 @@
+"use strict";
+exports.__esModule = true;
+exports.useClasses = void 0;
+var __1 = require("..");
+exports.useClasses = __1.makeStyles(function (theme) {
+    var _a, _b, _c, _d;
+    return __1.createStyles({
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%'
+        },
+        header: {
+            padding: 16,
+            paddingBottom: 12
+        },
+        inputRoot: {
+            '&:hover': {
+                backgroundColor: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.background["default"]
+            }
+        },
+        formControlRoot: {
+            marginLeft: 'auto',
+            marginBottom: 12
+        },
+        formControlLabel: {
+            fontSize: 14
+        },
+        contentContainer: {
+            flex: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            padding: 16,
+            paddingTop: 0,
+            paddingBottom: 48,
+            overflowY: 'scroll'
+        },
+        item: {
+            minHeight: 56,
+            display: 'flex',
+            boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
+            paddingLeft: 30,
+            paddingRight: 16,
+            border: "1px solid transparent",
+            '&:not(:last-child)': {
+                margin: '0 0 8px 0'
+            }
+        },
+        dragItem: {
+            border: "1px solid " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.primary[400]),
+            boxShadow: (_c = theme.shadows) === null || _c === void 0 ? void 0 : _c[8]
+        },
+        switchTrack: {
+            backgroundColor: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.grey[70]
+        },
+        informationContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            flex: 1
+        },
+        dragIcon: {
+            marginRight: 16,
+            fontSize: 18
+        },
+        dragIconDisabled: {
+            opacity: 0.5,
+            cursor: 'not-allowed'
+        },
+        text: {
+            fontWeight: 600,
+            flex: 1,
+            marginRight: 16
+        },
+        showContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            cursor: 'pointer'
+        },
+        noClick: {
+            pointerEvents: 'none'
+        }
+    });
+});
+//# sourceMappingURL=TableColumnSettingsStyles.js.map

package/dist/TableColumnSettings/TableColumnSettingsStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnSettingsStyles.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettingsStyles.ts"],"names":[],"mappings":";;;AAAA,wBAA6C;AAGhC,QAAA,UAAU,GAAG,cAAU,CAAC,UAAC,KAAkB;;IACtD,OAAA,gBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;SACf;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,EAAE;SAClB;QACD,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,QAAE,KAAK,CAAC,OAAO,0CAAE,UAAU,CAAC,SAAO,CAAA;aACnD;SACF;QACD,eAAe,EAAE;YACf,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,EAAE;SACjB;QACD,gBAAgB,EAAE;YAChB,QAAQ,EAAE,EAAE;SACb;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,EAAE;YACjB,SAAS,EAAE,QAAQ;SACpB;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,oCAAoC;YAC/C,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,MAAM,EAAE,uBAAuB;YAE/B,oBAAoB,EAAE;gBACpB,MAAM,EAAE,WAAW;aACpB;SACF;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,sBAAa,KAAK,CAAC,OAAO,0CAAE,OAAO,CAAC,GAAG,EAAG;YAClD,SAAS,QAAE,KAAK,CAAC,OAAO,0CAAG,CAAC,CAAC;SAC9B;QACD,WAAW,EAAE;YACX,eAAe,QAAE,KAAK,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAE,CAAC;SACzC;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,CAAC;SACR;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,QAAQ,EAAE,EAAE;SACb;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,aAAa;SACtB;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,GAAG;YACf,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,EAAE;SAChB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,SAAS;SAClB;QACD,OAAO,EAAE;YACP,aAAa,EAAE,MAAM;SACtB;KACF,CAAC,CAAA;CAAA,CACH,CAAA"}

package/dist/TableColumnSettings/index.js

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

package/dist/TableColumnSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableColumnSettings/index.ts"],"names":[],"mappings":";;;;AAAA,sFAAuD;AAE9C,8BAFF,gCAAmB,CAEE;AAC5B,kDAAuB"}

package/dist/TableColumnSettings/types.js

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

package/dist/TableColumnSettings/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/TableColumnSettings/types.ts"],"names":[],"mappings":""}

package/dist/Tabs/Tabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { useTabContext } from '@material-ui/lab';
 import { TabsProps, TabPanelProps, TabProps, TabContextProps, TabListProps } from './types';
 export declare function Tabs(props: TabsProps): JSX.Element;

package/dist/Tabs/Tabs.js

@@ -0,0 +1,136 @@
+"use strict";
+exports.__esModule = true;
+exports.PrimaryTabs = exports.TabList = exports.useTabContext = exports.TabContext = exports.TabPanel = exports.Tab = exports.Tabs = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var lab_1 = require("@material-ui/lab");
+exports.useTabContext = lab_1.useTabContext;
+var TabList_1 = tslib_1.__importDefault(require("@material-ui/lab/TabList"));
+var TabPanel_1 = tslib_1.__importDefault(require("@material-ui/lab/TabPanel"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var useStyles = core_1.makeStyles(function (theme) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return core_1.createStyles({
+        buttonsFlat: {
+            '& > div': {
+                '& > div': {
+                    minHeight: 40,
+                    '& > *': {
+                        fontWeight: 400,
+                        fontSize: 16,
+                        color: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.secondary,
+                        boxShadow: "inset 0px -1px 0px 0px " + ((_c = theme.palette) === null || _c === void 0 ? void 0 : _c.divider),
+                        minHeight: 40,
+                        '&.Mui-selected': {
+                            color: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.text) === null || _e === void 0 ? void 0 : _e.primary,
+                            fontWeight: 600
+                        },
+                        '&:hover': {
+                            backgroundColor: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.action.hover
+                        }
+                    }
+                }
+            }
+        },
+        buttons3d: {
+            /**
+             * @todo
+             * This is just a hack for overflow:hidden
+             */
+            marginLeft: -8,
+            overflow: 'visible',
+            '& > div': {
+                '& > span': {
+                    backgroundColor: 'transparent'
+                },
+                '& > div': {
+                    minHeight: 56,
+                    overflow: 'visible',
+                    /**
+                     * @todo
+                     * This is just a hack for overflow:hidden
+                     */
+                    paddingLeft: 8,
+                    '& > *': {
+                        fontWeight: 400,
+                        fontSize: 20,
+                        lineHeight: '24px',
+                        color: (_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h.primary,
+                        borderRadius: '8px 8px 0px 0px',
+                        boxShadow: "inset 0px 0px 8px 0px #ffffff3d",
+                        marginTop: '2px',
+                        minHeight: 56,
+                        marginRight: 4,
+                        backgroundColor: ((_j = theme.palette) === null || _j === void 0 ? void 0 : _j.grey[10]) + "CC !important",
+                        opacity: 1,
+                        overflow: 'visible',
+                        '&.Mui-selected': {
+                            fontWeight: 600,
+                            color: (_l = (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.text) === null || _l === void 0 ? void 0 : _l.primary,
+                            overflow: 'visible',
+                            backgroundColor: '#ffffff !important',
+                            boxShadow: "0px 2px 2px rgba(89, 103, 117, 0.2)"
+                        }
+                    }
+                }
+            }
+        }
+    });
+});
+function Tabs(props) {
+    var _a = props.buttonsVariant, buttonsVariant = _a === void 0 ? 'flat' : _a, children = props.children, rest = tslib_1.__rest(props, ["buttonsVariant", "children"]);
+    var classes = useStyles(props);
+    return (react_1["default"].createElement(TabList_1["default"], tslib_1.__assign({ className: buttonsVariant === '3d' ? classes.buttons3d : classes.buttonsFlat }, rest), children));
+}
+exports.Tabs = Tabs;
+function Tab(props) {
+    return react_1["default"].createElement(core_1.Tab, tslib_1.__assign({}, props));
+}
+exports.Tab = Tab;
+function TabPanel(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(TabPanel_1["default"], tslib_1.__assign({}, rest), children);
+}
+exports.TabPanel = TabPanel;
+function TabContext(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(lab_1.TabContext, tslib_1.__assign({}, rest), children);
+}
+exports.TabContext = TabContext;
+function TabList(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(TabList_1["default"], tslib_1.__assign({}, rest), children);
+}
+exports.TabList = TabList;
+var useTabsStyles = core_1.makeStyles(function (theme) {
+    var _a, _b, _c, _d;
+    return core_1.createStyles({
+        buttonsFlat: {
+            '& > div': {
+                '& > div': {
+                    minHeight: 40,
+                    '& > *': {
+                        minHeight: 40,
+                        fontWeight: 400,
+                        fontSize: 16,
+                        color: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.grey[200],
+                        boxShadow: "inset 0px -2px 0px " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.grey[70]),
+                        minWidth: 0,
+                        '&.Mui-selected': {
+                            color: (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.primary,
+                            fontWeight: 600,
+                            backgroundColor: 'transparent !important'
+                        }
+                    }
+                }
+            }
+        }
+    });
+});
+function PrimaryTabs(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    var classes = useTabsStyles(props);
+    return (react_1["default"].createElement(TabList_1["default"], tslib_1.__assign({ className: classes.buttonsFlat }, rest), children));
+}
+exports.PrimaryTabs = PrimaryTabs;
+//# sourceMappingURL=Tabs.js.map