@epilot/base-elements 3.3.6 → 3.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.d.ts +1 -0
- package/dist/Accordion/Accordion.js +13 -0
- package/dist/Accordion/Accordion.js.map +1 -0
- package/dist/Accordion/AccordionActions.d.ts +1 -0
- package/dist/Accordion/AccordionActions.js +13 -0
- package/dist/Accordion/AccordionActions.js.map +1 -0
- package/dist/Accordion/AccordionDetails.d.ts +1 -0
- package/dist/Accordion/AccordionDetails.js +13 -0
- package/dist/Accordion/AccordionDetails.js.map +1 -0
- package/dist/Collapse/Collapse.d.ts +3 -0
- package/dist/Collapse/Collapse.js +12 -0
- package/dist/Collapse/Collapse.js.map +1 -0
- package/dist/Collapse/types.d.ts +2 -0
- package/dist/Collapse/types.js +3 -0
- package/dist/Collapse/types.js.map +1 -0
- package/dist/Divider/Divider.d.ts +3 -0
- package/dist/Divider/Divider.js +11 -0
- package/dist/Divider/Divider.js.map +1 -0
- package/dist/Divider/types.d.ts +2 -0
- package/dist/Divider/types.js +3 -0
- package/dist/Divider/types.js.map +1 -0
- package/dist/Drawer/Drawer.d.ts +3 -0
- package/dist/Drawer/Drawer.js +12 -0
- package/dist/Drawer/Drawer.js.map +1 -0
- package/dist/Drawer/types.d.ts +2 -0
- package/dist/Drawer/types.js +3 -0
- package/dist/Drawer/types.js.map +1 -0
- package/dist/Form/FormControl.d.ts +2 -0
- package/dist/Form/FormControl.js +5 -0
- package/dist/Form/FormControl.js.map +1 -0
- package/dist/Form/FormControlLabel.d.ts +2 -0
- package/dist/Form/FormControlLabel.js +5 -0
- package/dist/Form/FormControlLabel.js.map +1 -0
- package/dist/Form/FormGroup.d.ts +2 -0
- package/dist/Form/FormGroup.js +6 -0
- package/dist/Form/FormGroup.js.map +1 -0
- package/dist/Form/FormHelperText.d.ts +2 -0
- package/dist/Form/FormHelperText.js +5 -0
- package/dist/Form/FormHelperText.js.map +1 -0
- package/dist/Form/FormLabel.d.ts +2 -0
- package/dist/Form/FormLabel.js +5 -0
- package/dist/Form/FormLabel.js.map +1 -0
- package/dist/Form/InputAdornment.d.ts +2 -0
- package/dist/Form/InputAdornment.js +5 -0
- package/dist/Form/InputAdornment.js.map +1 -0
- package/dist/Form/InputLabel.d.ts +2 -0
- package/dist/Form/InputLabel.js +5 -0
- package/dist/Form/InputLabel.js.map +1 -0
- package/dist/Hidden/Hidden.d.ts +3 -0
- package/dist/Hidden/Hidden.js +12 -0
- package/dist/Hidden/Hidden.js.map +1 -0
- package/dist/Link/Link.d.ts +3 -0
- package/dist/Link/Link.js +11 -0
- package/dist/Link/Link.js.map +1 -0
- package/dist/Menu/Menu.d.ts +1 -0
- package/dist/Menu/Menu.js +17 -0
- package/dist/Menu/Menu.js.map +1 -0
- package/dist/Paper/Paper.d.ts +1 -0
- package/dist/Paper/Paper.js +13 -0
- package/dist/Paper/Paper.js.map +1 -0
- package/dist/Paper/types.d.ts +1 -0
- package/dist/Paper/types.js +3 -0
- package/dist/Paper/types.js.map +1 -0
- package/dist/Popover/Popover.d.ts +1 -0
- package/dist/Popover/Popover.js +13 -0
- package/dist/Popover/Popover.js.map +1 -0
- package/dist/Popover/types.d.ts +1 -0
- package/dist/Popover/types.js +3 -0
- package/dist/Popover/types.js.map +1 -0
- package/dist/Progress/Progress.d.ts +1 -0
- package/dist/Progress/Progress.js +14 -0
- package/dist/Progress/Progress.js.map +1 -0
- package/dist/Progress/types.d.ts +1 -0
- package/dist/Progress/types.js +3 -0
- package/dist/Progress/types.js.map +1 -0
- package/dist/Radio/RadioGroup.d.ts +1 -0
- package/dist/Radio/RadioGroup.js +13 -0
- package/dist/Radio/RadioGroup.js.map +1 -0
- package/dist/Slide/Slide.d.ts +1 -0
- package/dist/Slide/Slide.js +13 -0
- package/dist/Slide/Slide.js.map +1 -0
- package/dist/Snackbar/Snackbar.d.ts +1 -0
- package/dist/Snackbar/Snackbar.js +13 -0
- package/dist/Snackbar/Snackbar.js.map +1 -0
- package/dist/Snackbar/types.d.ts +1 -0
- package/dist/Snackbar/types.js +3 -0
- package/dist/Snackbar/types.js.map +1 -0
- package/dist/Stepper/MobileStepper.d.ts +1 -0
- package/dist/Stepper/MobileStepper.js +13 -0
- package/dist/Stepper/MobileStepper.js.map +1 -0
- package/dist/TableColumnSettings/TableColumnSettings.d.ts +1 -1
- package/dist/TableColumnSettings/TableColumnSettings.js +76 -85
- package/dist/TableColumnSettings/TableColumnSettings.js.map +1 -1
- package/dist/TableColumnSettings/TableColumnSettingsStyles.js +11 -4
- package/dist/TableColumnSettings/TableColumnSettingsStyles.js.map +1 -1
- package/dist/TableColumnSettings/types.d.ts +10 -3
- package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -0
- package/dist/ToggleButtonGroup/ToggleButtonGroup.js +7 -0
- package/dist/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -0
- package/dist/ToggleButtonGroup/types.d.ts +2 -0
- package/dist/ToggleButtonGroup/types.js +3 -0
- package/dist/ToggleButtonGroup/types.js.map +1 -0
- package/dist/bundle.js +49 -49
- package/dist/bundle.js.map +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -1149
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.TableColumnSettings = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
+
var icons_1 = require("@material-ui/icons");
|
|
5
6
|
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
7
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
var react_beautiful_dnd_1 = require("react-beautiful-dnd");
|
|
8
|
-
var Checkbox_1 = require("../Checkbox");
|
|
9
9
|
var Form_1 = require("../Form");
|
|
10
10
|
var Icon_1 = require("../Icon");
|
|
11
11
|
var Paper_1 = require("../Paper");
|
|
12
|
-
var Switch_1 = require("../Switch");
|
|
13
12
|
var TextField_1 = require("../TextField");
|
|
14
13
|
var Typography_1 = require("../Typography");
|
|
14
|
+
var IconButton_1 = require("./../IconButton");
|
|
15
15
|
var TableColumnSettingsStyles_1 = require("./TableColumnSettingsStyles");
|
|
16
16
|
var reorder = function (list, startIndex, endIndex) {
|
|
17
17
|
var result = Array.from(list);
|
|
@@ -21,114 +21,105 @@ var reorder = function (list, startIndex, endIndex) {
|
|
|
21
21
|
};
|
|
22
22
|
var DEFAULT_LOCALES = {
|
|
23
23
|
searchPlaceholder: 'Search',
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
selectedHeading: 'Selected',
|
|
25
|
+
notSelectedHeading: 'Not selected'
|
|
26
26
|
};
|
|
27
27
|
var useLocales = function (locales) {
|
|
28
|
-
return react_1.useMemo(function () {
|
|
29
|
-
if (!locales) {
|
|
30
|
-
return DEFAULT_LOCALES;
|
|
31
|
-
}
|
|
32
|
-
return tslib_1.__assign(tslib_1.__assign({}, DEFAULT_LOCALES), locales);
|
|
33
|
-
}, [locales]);
|
|
28
|
+
return react_1.useMemo(function () { return (tslib_1.__assign(tslib_1.__assign({}, DEFAULT_LOCALES), locales)); }, [locales]);
|
|
34
29
|
};
|
|
35
30
|
var TableColumnSettings = function (_a) {
|
|
36
|
-
var columns = _a.columns, onColumnsChange = _a.onColumnsChange, _b = _a.locales,
|
|
31
|
+
var columns = _a.columns, onColumnsChange = _a.onColumnsChange, _b = _a.locales, _locales = _b === void 0 ? {} : _b;
|
|
37
32
|
var classes = TableColumnSettingsStyles_1.useClasses();
|
|
38
33
|
var _c = react_1.useState(''), searchQuery = _c[0], setSearchQuery = _c[1];
|
|
39
|
-
var locales = useLocales(
|
|
40
|
-
var
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
filteredColumns = columns.filter(function (column) {
|
|
45
|
-
return column.label.toLowerCase().includes(searchQuery.toLowerCase());
|
|
34
|
+
var locales = useLocales(_locales);
|
|
35
|
+
var filteredColumns = react_1.useMemo(function () {
|
|
36
|
+
return columns.filter(function (column) {
|
|
37
|
+
return searchQuery &&
|
|
38
|
+
column.label.toLowerCase().includes(searchQuery.toLowerCase());
|
|
46
39
|
});
|
|
47
|
-
}
|
|
48
|
-
react_1.
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
40
|
+
}, [columns, searchQuery]);
|
|
41
|
+
var activeColumns = react_1.useMemo(function () { return columns.filter(function (_a) {
|
|
42
|
+
var show = _a.show;
|
|
43
|
+
return show;
|
|
44
|
+
}); }, [columns]);
|
|
45
|
+
var inactiveColumns = react_1.useMemo(function () { return columns.filter(function (_a) {
|
|
46
|
+
var show = _a.show;
|
|
47
|
+
return !show;
|
|
48
|
+
}); }, [columns]);
|
|
49
|
+
var handleSearchQueryChange = function (event) {
|
|
55
50
|
setSearchQuery(event.target.value);
|
|
56
51
|
};
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([firstColumn], restColumnsHidden));
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
var columnsAllShow = columns.map(function (column) { return (tslib_1.__assign(tslib_1.__assign({}, column), { show: true })); });
|
|
65
|
-
onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(columnsAllShow);
|
|
52
|
+
var handleSingleColumnChange = function (newColumn) {
|
|
53
|
+
onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(columns.map(function (column) {
|
|
54
|
+
return newColumn.label === column.label ? newColumn : column;
|
|
55
|
+
}));
|
|
66
56
|
};
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
return
|
|
57
|
+
var handleColumnsReordering = react_1.useCallback(function (updatedColumns) {
|
|
58
|
+
onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays(updatedColumns.filter(function (column) { return column.show; }), columns.filter(function (column) { return !column.show; })));
|
|
59
|
+
}, [columns, onColumnsChange]);
|
|
60
|
+
react_1.useEffect(function () {
|
|
61
|
+
var someColumnsAreShowing = columns.some(function (_a) {
|
|
62
|
+
var show = _a.show;
|
|
63
|
+
return show;
|
|
74
64
|
});
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
if (!result.destination) {
|
|
79
|
-
return;
|
|
65
|
+
if (!someColumnsAreShowing) {
|
|
66
|
+
var firstColumn = columns[0], remainingColumns = columns.slice(1);
|
|
67
|
+
onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([tslib_1.__assign(tslib_1.__assign({}, firstColumn), { show: true })], remainingColumns));
|
|
80
68
|
}
|
|
81
|
-
|
|
82
|
-
onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
|
|
83
|
-
};
|
|
69
|
+
}, [columns, onColumnsChange]);
|
|
84
70
|
return (react_1["default"].createElement("div", { className: classes.container },
|
|
85
71
|
react_1["default"].createElement("div", { className: classes.header },
|
|
86
72
|
react_1["default"].createElement(TextField_1.TextField, { InputProps: {
|
|
87
73
|
endAdornment: (react_1["default"].createElement(Form_1.InputAdornment, { position: "end" },
|
|
88
74
|
react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "search" }))),
|
|
89
75
|
classes: { root: classes.inputRoot }
|
|
90
|
-
}, fullWidth: true, label: "Label", onChange:
|
|
91
|
-
react_1["default"].createElement(
|
|
92
|
-
react_1["default"].createElement(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}, control: react_1["default"].createElement(Switch_1.Switch, { checked: showAll, classes: { track: classes.switchTrack }, onChange: onShowAll, size: "small" }), label: locales.showAllSwitchLabel })),
|
|
97
|
-
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) })); }),
|
|
98
|
-
provided.placeholder)); }))));
|
|
76
|
+
}, fullWidth: true, label: "Label", onChange: handleSearchQueryChange, placeholder: locales.searchPlaceholder, value: searchQuery, variant: "outlined" })),
|
|
77
|
+
(!searchQuery && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
78
|
+
react_1["default"].createElement(Typography_1.BodyText, { className: classes.heading }, locales.selectedHeading),
|
|
79
|
+
react_1["default"].createElement(ColumnList, { columns: activeColumns, locales: locales, onReorderColumns: handleColumnsReordering, onSingleColumnChange: handleSingleColumnChange }),
|
|
80
|
+
react_1["default"].createElement(Typography_1.BodyText, { className: classes.heading }, locales.notSelectedHeading),
|
|
81
|
+
react_1["default"].createElement(ColumnList, { columns: inactiveColumns, locales: locales, onSingleColumnChange: handleSingleColumnChange })))) || (react_1["default"].createElement(ColumnList, { columns: filteredColumns, locales: locales, onSingleColumnChange: handleSingleColumnChange }))));
|
|
99
82
|
};
|
|
100
83
|
exports.TableColumnSettings = TableColumnSettings;
|
|
84
|
+
var ColumnList = function (_a) {
|
|
85
|
+
var columns = _a.columns, locales = _a.locales, onReorderColumns = _a.onReorderColumns, onSingleColumnChange = _a.onSingleColumnChange;
|
|
86
|
+
var classes = TableColumnSettingsStyles_1.useClasses();
|
|
87
|
+
var handleToggleColumn = function (column) {
|
|
88
|
+
return onSingleColumnChange(tslib_1.__assign(tslib_1.__assign({}, column), { show: !column.show }));
|
|
89
|
+
};
|
|
90
|
+
var onDragEnd = react_1.useCallback(function (result) {
|
|
91
|
+
if (!result.destination || !onReorderColumns) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
var updatedColumns = reorder(columns, result.source.index, result.destination.index);
|
|
95
|
+
onReorderColumns === null || onReorderColumns === void 0 ? void 0 : onReorderColumns(updatedColumns);
|
|
96
|
+
}, [columns, onReorderColumns]);
|
|
97
|
+
var untoggleDisabled = columns.length <= 1;
|
|
98
|
+
return (react_1["default"].createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: onDragEnd },
|
|
99
|
+
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 }),
|
|
100
|
+
columns.map(function (column, index) { return (react_1["default"].createElement(ColumnItem, { column: column, draggable: Boolean(onReorderColumns), index: index, key: column.label + "-" + index, locales: locales, onToggle: function () { return handleToggleColumn(column); }, untoggleDisabled: untoggleDisabled })); }),
|
|
101
|
+
provided.placeholder)); })));
|
|
102
|
+
};
|
|
103
|
+
var ColumnItemContent = react_1.forwardRef(function (props, ref) {
|
|
104
|
+
var className = props.className, column = props.column, untoggleDisabled = props.untoggleDisabled, draggable = props.draggable, locales = props.locales, onToggle = props.onToggle, rest = tslib_1.__rest(props, ["className", "column", "untoggleDisabled", "draggable", "locales", "onToggle"]);
|
|
105
|
+
var classes = TableColumnSettingsStyles_1.useClasses();
|
|
106
|
+
return (react_1["default"].createElement(Paper_1.Paper, tslib_1.__assign({ className: classnames_1["default"](classes.item, className), ref: ref }, rest),
|
|
107
|
+
react_1["default"].createElement("div", { className: classes.informationContainer },
|
|
108
|
+
draggable && (react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon, color: "secondary", name: "drag_indicator" })),
|
|
109
|
+
react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
|
|
110
|
+
react_1["default"].createElement(IconButton_1.IconButton, { disabled: untoggleDisabled && column.show, onClick: onToggle }, (column.show && (react_1["default"].createElement(icons_1.Visibility, { color: untoggleDisabled && column.show ? 'disabled' : 'primary', fontSize: "small" }))) || react_1["default"].createElement(icons_1.VisibilityOff, { fontSize: "small" }))));
|
|
111
|
+
});
|
|
112
|
+
ColumnItemContent.displayName = 'ColumnItemContent';
|
|
101
113
|
var ColumnItem = function (_a) {
|
|
102
|
-
var _b;
|
|
103
|
-
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;
|
|
114
|
+
var column = _a.column, index = _a.index, _b = _a.draggable, draggable = _b === void 0 ? true : _b, props = tslib_1.__rest(_a, ["column", "index", "draggable"]);
|
|
104
115
|
var classes = TableColumnSettingsStyles_1.useClasses();
|
|
105
116
|
if (!draggable) {
|
|
106
|
-
return (react_1["default"].createElement(
|
|
107
|
-
react_1["default"].createElement("div", { className: classes.informationContainer },
|
|
108
|
-
react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon + " " + classes.dragIconDisabled, color: "secondary", name: "drag_indicator" }),
|
|
109
|
-
react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
|
|
110
|
-
react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_b = {},
|
|
111
|
-
_b[classes.showContainer] = true,
|
|
112
|
-
_b[classes.noClick] = checkedColumnsCount === 1 && column.show,
|
|
113
|
-
_b)), onClick: onToggleColumn },
|
|
114
|
-
react_1["default"].createElement(Checkbox_1.Checkbox, { checked: column.show, color: "primary", disabled: checkedColumnsCount === 1 && column.show, size: "small" }),
|
|
115
|
-
react_1["default"].createElement(Typography_1.BodyText, null, "Show"))));
|
|
117
|
+
return (react_1["default"].createElement(ColumnItemContent, tslib_1.__assign({ column: column, draggable: draggable }, props)));
|
|
116
118
|
}
|
|
117
119
|
return (react_1["default"].createElement(react_beautiful_dnd_1.Draggable, { draggableId: column.label + "-" + index, index: index, key: column.label + "-" + index }, function (provided, snapshot) {
|
|
118
|
-
var _a
|
|
119
|
-
return (react_1["default"].createElement(
|
|
120
|
-
_a[classes.item] = true,
|
|
121
|
-
_a[classes.dragItem] = snapshot.isDragging,
|
|
122
|
-
_a)), ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: provided.draggableProps.style }),
|
|
123
|
-
react_1["default"].createElement("div", { className: classes.informationContainer },
|
|
124
|
-
react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon, color: "secondary", name: "drag_indicator" }),
|
|
125
|
-
react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
|
|
126
|
-
react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_b = {},
|
|
127
|
-
_b[classes.showContainer] = true,
|
|
128
|
-
_b[classes.noClick] = checkedColumnsCount === 1 && column.show,
|
|
129
|
-
_b)), onClick: onToggleColumn },
|
|
130
|
-
react_1["default"].createElement(Checkbox_1.Checkbox, { checked: column.show, color: "primary", disabled: checkedColumnsCount === 1 && column.show, size: "small" }),
|
|
131
|
-
react_1["default"].createElement(Typography_1.BodyText, null, locales.columnShowCheckboxLabel))));
|
|
120
|
+
var _a;
|
|
121
|
+
return (react_1["default"].createElement(ColumnItemContent, tslib_1.__assign({ className: classnames_1["default"]((_a = {}, _a[classes.dragItem] = snapshot.isDragging, _a)), ref: provided.innerRef }, props, provided.draggableProps, provided.dragHandleProps, { column: column, draggable: draggable, style: provided.draggableProps.style })));
|
|
132
122
|
}));
|
|
133
123
|
};
|
|
124
|
+
ColumnItem.displayName = 'ColumnItem';
|
|
134
125
|
//# sourceMappingURL=TableColumnSettings.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumnSettings.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettings.tsx"],"names":[],"mappings":";;;;AAAA,kEAAmC;AACnC,
|
|
1
|
+
{"version":3,"file":"TableColumnSettings.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettings.tsx"],"names":[],"mappings":";;;;AAAA,4CAG2B;AAC3B,kEAAmC;AACnC,qDAQc;AACd,2DAQ4B;AAE5B,gCAAwC;AACxC,gCAA8B;AAC9B,kCAAgC;AAChC,0CAAwC;AACxC,4CAAwC;AAExC,8CAA4C;AAC5C,yEAAwD;AAOxD,IAAM,OAAO,GAAG,UACd,IAA2B,EAC3B,UAAkB,EAClB,QAAgB;IAEhB,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACxB,IAAA,OAAO,GAAI,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,GAAhC,CAAgC;IAE9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;IAEnC,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,IAAM,eAAe,GAA+B;IAClD,iBAAiB,EAAE,QAAQ;IAC3B,eAAe,EAAE,UAAU;IAC3B,kBAAkB,EAAE,cAAc;CACnC,CAAA;AAED,IAAM,UAAU,GAAG,UAAC,OAA4C;IAC9D,OAAA,eAAO,CAAC,cAAM,OAAA,uCAAM,eAAe,GAAK,OAAO,EAAG,EAApC,CAAoC,EAAE,CAAC,OAAO,CAAC,CAAC;AAA9D,CAA8D,CAAA;AAEzD,IAAM,mBAAmB,GAAG,UAAC,EAIT;QAHzB,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,eAAsB,EAAb,QAAQ,mBAAG,EAAE,KAAA;IAEtB,IAAM,OAAO,GAAG,sCAAU,EAAE,CAAA;IACtB,IAAA,KAAgC,gBAAQ,CAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IAC1D,IAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAA;IAEpC,IAAM,eAAe,GAAG,eAAO,CAC7B;QACE,OAAA,OAAO,CAAC,MAAM,CACZ,UAAC,MAA2B;YAC1B,OAAA,WAAW;gBACX,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;QAD9D,CAC8D,CACjE;IAJD,CAIC,EACH,CAAC,OAAO,EAAE,WAAW,CAAC,CACvB,CAAA;IAED,IAAM,aAAa,GAAG,eAAO,CAC3B,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,UAAC,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,IAAI;IAAJ,CAAI,CAAC,EAAlC,CAAkC,EACxC,CAAC,OAAO,CAAC,CACV,CAAA;IAED,IAAM,eAAe,GAAG,eAAO,CAC7B,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,UAAC,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,CAAC,IAAI;IAAL,CAAK,CAAC,EAAnC,CAAmC,EACzC,CAAC,OAAO,CAAC,CACV,CAAA;IAED,IAAM,uBAAuB,GAAG,UAAC,KAAoC;QACnE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,IAAM,wBAAwB,GAAG,UAAC,SAA8B;QAC9D,eAAe,aAAf,eAAe,uBAAf,eAAe,CACb,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM;YAChB,OAAA,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QAArD,CAAqD,CACtD,EACF;IACH,CAAC,CAAA;IAED,IAAM,uBAAuB,GAAG,mBAAW,CACzC,UAAC,cAAqC;QACpC,eAAe,aAAf,eAAe,uBAAf,eAAe,wBACV,cAAc,CAAC,MAAM,CAAC,UAAC,MAA2B,IAAK,OAAA,MAAM,CAAC,IAAI,EAAX,CAAW,CAAC,EACnE,OAAO,CAAC,MAAM,CAAC,UAAC,MAA2B,IAAK,OAAA,CAAC,MAAM,CAAC,IAAI,EAAZ,CAAY,CAAC,GAChE;IACJ,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,iBAAS,CAAC;QACR,IAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,IAAI;QAAJ,CAAI,CAAC,CAAA;QAE9D,IAAI,CAAC,qBAAqB,EAAE;YACnB,IAAA,WAAW,GAAyB,OAAO,GAAhC,EAAK,gBAAgB,GAAI,OAAO,SAAX,CAAW;YAElD,eAAe,aAAf,eAAe,uBAAf,eAAe,+DAAS,WAAW,KAAE,IAAI,EAAE,IAAI,MAAO,gBAAgB,GAAE;SACzE;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAC/B,0CAAK,SAAS,EAAE,OAAO,CAAC,MAAM;YAC5B,iCAAC,qBAAS,IACR,UAAU,EAAE;oBACV,YAAY,EAAE,CACZ,iCAAC,qBAAc,IAAC,QAAQ,EAAC,KAAK;wBAC5B,iCAAC,WAAI,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,CACzB,CAClB;oBACD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE;iBACrC,EACD,SAAS,QACT,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,uBAAuB,EACjC,WAAW,EAAE,OAAO,CAAC,iBAAiB,EACtC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAC,UAAU,GAClB,CACE;QAEL,CAAC,CAAC,WAAW,IAAI,CAChB;YACE,iCAAC,qBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACjC,OAAO,CAAC,eAAe,CACf;YACX,iCAAC,UAAU,IACT,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,uBAAuB,EACzC,oBAAoB,EAAE,wBAAwB,GAC9C;YACF,iCAAC,qBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACjC,OAAO,CAAC,kBAAkB,CAClB;YACX,iCAAC,UAAU,IACT,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,wBAAwB,GAC9C,CACD,CACJ,CAAC,IAAI,CACJ,iCAAC,UAAU,IACT,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,wBAAwB,GAC9C,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAA;AA/GY,QAAA,mBAAmB,uBA+G/B;AASD,IAAM,UAAU,GAAG,UAAC,EAKF;QAJhB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,oBAAoB,0BAAA;IAEpB,IAAM,OAAO,GAAG,sCAAU,EAAE,CAAA;IAE5B,IAAM,kBAAkB,GAAG,UAAC,MAA2B;QACrD,OAAA,oBAAoB,uCAAM,MAAM,KAAE,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,IAAG;IAAvD,CAAuD,CAAA;IAEzD,IAAM,SAAS,GAAG,mBAAW,CAC3B,UAAC,MAAkB;QACjB,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,gBAAgB,EAAE;YAC5C,OAAM;SACP;QAED,IAAM,cAAc,GAAG,OAAO,CAC5B,OAAO,EACP,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,WAAW,CAAC,KAAK,CACzB,CAAA;QAED,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,cAAc,EAAC;IACpC,CAAC,EACD,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAC5B,CAAA;IAED,IAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,CAAA;IAE5C,OAAO,CACL,iCAAC,qCAAe,IAAC,SAAS,EAAE,SAAS;QACnC,iCAAC,+BAAS,IAAC,WAAW,EAAC,0BAA0B,IAC9C,UAAC,QAA2B,IAAK,OAAA,CAChC,6DACM,QAAQ,CAAC,cAAc,IAC3B,SAAS,EAAE,OAAO,CAAC,gBAAgB,EACnC,GAAG,EAAE,QAAQ,CAAC,QAAQ;YAErB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,iCAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EACpC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAK,MAAM,CAAC,KAAK,SAAI,KAAO,EAC/B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAM,OAAA,kBAAkB,CAAC,MAAM,CAAC,EAA1B,CAA0B,EAC1C,gBAAgB,EAAE,gBAAgB,GAClC,CACH,EAV+B,CAU/B,CAAC;YACD,QAAQ,CAAC,WAAW,CACjB,CACP,EAnBiC,CAmBjC,CACS,CACI,CACnB,CAAA;AACH,CAAC,CAAA;AAUD,IAAM,iBAAiB,GAAG,kBAAU,CAClC,UAAC,KAAK,EAAE,GAAG;IAEP,IAAA,SAAS,GAOP,KAAK,UAPE,EACT,MAAM,GAMJ,KAAK,OAND,EACN,gBAAgB,GAKd,KAAK,iBALS,EAChB,SAAS,GAIP,KAAK,UAJE,EACT,OAAO,GAGL,KAAK,QAHA,EACP,QAAQ,GAEN,KAAK,SAFC,EACL,IAAI,kBACL,KAAK,EARH,+EAQL,CADQ,CACA;IACT,IAAM,OAAO,GAAG,sCAAU,EAAE,CAAA;IAE5B,OAAO,CACL,iCAAC,aAAK,qBACJ,SAAS,EAAE,uBAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EAC9C,GAAG,EAAE,GAAG,IACJ,IAAI;QAER,0CAAK,SAAS,EAAE,OAAO,CAAC,oBAAoB;YACzC,SAAS,IAAI,CACZ,iCAAC,WAAI,IACH,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,gBAAgB,GACrB,CACH;YACD,iCAAC,qBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,MAAM,CAAC,KAAK,CAAY,CACxD;QAEN,iCAAC,uBAAU,IACT,QAAQ,EAAE,gBAAgB,IAAI,MAAM,CAAC,IAAI,EACzC,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,CAAC,IAAI,IAAI,CACf,iCAAC,kBAAc,IACb,KAAK,EAAE,gBAAgB,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAC,OAAO,GAChB,CACH,CAAC,IAAI,iCAAC,qBAAiB,IAAC,QAAQ,EAAC,OAAO,GAAG,CACjC,CACP,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAMnD,IAAM,UAAU,GAAG,UAAC,EAKF;IAJhB,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EACb,KAAK,sBAJU,gCAKnB,CADS;IAER,IAAM,OAAO,GAAG,sCAAU,EAAE,CAAA;IAE5B,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CACL,iCAAC,iBAAiB,qBAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;KACF;IAED,OAAO,CACL,iCAAC,+BAAS,IACR,WAAW,EAAK,MAAM,CAAC,KAAK,SAAI,KAAO,EACvC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAK,MAAM,CAAC,KAAK,SAAI,KAAO,IAE9B,UAAC,QAA2B,EAAE,QAAgC;;QAAK,OAAA,CAClE,iCAAC,iBAAiB,qBAChB,SAAS,EAAE,uBAAU,WAAG,GAAC,OAAO,CAAC,QAAQ,IAAG,QAAQ,CAAC,UAAU,MAAG,EAClE,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,KAAK,EACL,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe,IAC5B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,IACpC,CACH;IAXmE,CAWnE,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
|
|
@@ -8,12 +8,20 @@ exports.useClasses = __1.makeStyles(function (theme) {
|
|
|
8
8
|
container: {
|
|
9
9
|
display: 'flex',
|
|
10
10
|
flexDirection: 'column',
|
|
11
|
-
height: '100%'
|
|
11
|
+
height: '100%',
|
|
12
|
+
overflowY: 'scroll'
|
|
12
13
|
},
|
|
13
14
|
header: {
|
|
14
15
|
padding: 16,
|
|
15
16
|
paddingBottom: 12
|
|
16
17
|
},
|
|
18
|
+
heading: {
|
|
19
|
+
paddingLeft: 16,
|
|
20
|
+
paddingRight: 16,
|
|
21
|
+
fontWeight: 600,
|
|
22
|
+
marginBottom: 12,
|
|
23
|
+
fontSize: 16
|
|
24
|
+
},
|
|
17
25
|
inputRoot: {
|
|
18
26
|
'&:hover': {
|
|
19
27
|
backgroundColor: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.background["default"]
|
|
@@ -31,13 +39,12 @@ exports.useClasses = __1.makeStyles(function (theme) {
|
|
|
31
39
|
display: 'flex',
|
|
32
40
|
flexDirection: 'column',
|
|
33
41
|
padding: 16,
|
|
34
|
-
paddingTop: 0
|
|
35
|
-
paddingBottom: 48,
|
|
36
|
-
overflowY: 'scroll'
|
|
42
|
+
paddingTop: 0
|
|
37
43
|
},
|
|
38
44
|
item: {
|
|
39
45
|
minHeight: 56,
|
|
40
46
|
display: 'flex',
|
|
47
|
+
alignItems: 'center',
|
|
41
48
|
boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
|
|
42
49
|
paddingLeft: 30,
|
|
43
50
|
paddingRight: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumnSettingsStyles.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettingsStyles.ts"],"names":[],"mappings":";;;AAAA,wBAA6C;AAGhC,QAAA,UAAU,GAAG,cAAU,CAAc,UAAA,KAAK;;IACrD,OAAA,gBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"TableColumnSettingsStyles.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettingsStyles.ts"],"names":[],"mappings":";;;AAAA,wBAA6C;AAGhC,QAAA,UAAU,GAAG,cAAU,CAAc,UAAA,KAAK;;IACrD,OAAA,gBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,QAAQ;SACpB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,EAAE;SAClB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,GAAG;YACf,YAAY,EAAE,EAAE;YAChB,QAAQ,EAAE,EAAE;SACb;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;SACd;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,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"}
|
|
@@ -5,12 +5,19 @@ export interface TableSettingsColumn {
|
|
|
5
5
|
}
|
|
6
6
|
export interface TableColumnSettingsLocales {
|
|
7
7
|
searchPlaceholder: string;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
selectedHeading?: string;
|
|
9
|
+
notSelectedHeading?: string;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated Unused
|
|
12
|
+
*/
|
|
13
|
+
showAllSwitchLabel?: string;
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated Unused
|
|
16
|
+
*/
|
|
17
|
+
columnShowCheckboxLabel?: string;
|
|
10
18
|
}
|
|
11
19
|
export interface TableColumnSettingsProps {
|
|
12
20
|
columns: TableSettingsColumn[];
|
|
13
21
|
onColumnsChange?: (columns: TableSettingsColumn[]) => void;
|
|
14
22
|
locales?: Partial<TableColumnSettingsLocales>;
|
|
15
|
-
enableShowAll?: boolean;
|
|
16
23
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.ToggleButtonGroup = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var ToggleButtonGroup_1 = tslib_1.__importDefault(require("@material-ui/lab/ToggleButtonGroup"));
|
|
6
|
+
exports.ToggleButtonGroup = ToggleButtonGroup_1["default"];
|
|
7
|
+
//# sourceMappingURL=ToggleButtonGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButtonGroup.js","sourceRoot":"","sources":["../../src/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,iGAAkE;AAEzD,4BAFF,8BAAiB,CAEE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/ToggleButtonGroup/types.ts"],"names":[],"mappings":""}
|