@epilot/base-elements 2.7.25 → 2.8.1

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,9 @@
-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, TablePagination } from '@material-ui/core';
+export { TableBody };
+export { TableCell };
+export { TableContainer };
+export { TableHead };
+export { TableRow };
+export { Table };
+export { TableSortLabel };
+export { TablePagination };

package/dist/Table/Table.js

@@ -1,12 +1,13 @@
-"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.TablePagination = 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;
+exports.TablePagination = core_1.TablePagination;
 //# sourceMappingURL=Table.js.map

package/dist/Table/Table.js.map

@@ -1 +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"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":";;;AAAA,0CAS0B;AAOjB,gBAfP,YAAK,CAeO;AALL,oBATP,gBAAS,CASO;AACT,oBATP,gBAAS,CASO;AACT,yBATP,qBAAc,CASO;AACd,oBATP,gBAAS,CASO;AACT,mBATP,eAAQ,CASO;AAER,yBAVP,qBAAc,CAUO;AACd,0BAVP,sBAAe,CAUO"}

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;

package/dist/TableColumnSettings/TableColumnSettings.js

@@ -1,132 +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;
+"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/TableColumnSettingsStyles.d.ts

@@ -1 +1 @@
-export declare const useClasses: (props?: any) => Record<"header" | "text" | "container" | "item" | "inputRoot" | "formControlRoot" | "formControlLabel" | "contentContainer" | "dragItem" | "switchTrack" | "informationContainer" | "dragIcon" | "dragIconDisabled" | "showContainer" | "noClick", string>;
+export declare const useClasses: (props?: any) => Record<"header" | "text" | "container" | "item" | "inputRoot" | "formControlRoot" | "formControlLabel" | "contentContainer" | "dragItem" | "switchTrack" | "informationContainer" | "dragIcon" | "dragIconDisabled" | "showContainer" | "noClick", string>;

package/dist/TableColumnSettings/TableColumnSettingsStyles.js

@@ -1,84 +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'
-        }
-    });
-});
+"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/index.d.ts

@@ -1,3 +1,3 @@
-import TableColumnSettings from './TableColumnSettings';
-export { TableColumnSettings };
-export * from './types';
+import TableColumnSettings from './TableColumnSettings';
+export { TableColumnSettings };
+export * from './types';

package/dist/TableColumnSettings/index.js

@@ -1,8 +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);
+"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