@epilot/base-elements 3.4.0-rc1 → 3.4.0

package/dist/TableColumnSettings/TableColumnSettings.js

@@ -2,16 +2,16 @@
 exports.__esModule = true;
 exports.TableColumnSettings = void 0;
 var tslib_1 = require("tslib");
+var icons_1 = require("@material-ui/icons");
 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 IconButton_1 = require("./../IconButton");
 var TableColumnSettingsStyles_1 = require("./TableColumnSettingsStyles");
 var reorder = function (list, startIndex, endIndex) {
     var result = Array.from(list);
@@ -21,114 +21,105 @@ var reorder = function (list, startIndex, endIndex) {
 };
 var DEFAULT_LOCALES = {
     searchPlaceholder: 'Search',
-    showAllSwitchLabel: 'Show all',
-    columnShowCheckboxLabel: 'show'
+    selectedHeading: 'Selected',
+    notSelectedHeading: 'Not selected'
 };
 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]);
+    return react_1.useMemo(function () { 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, enableShowAll = _a.enableShowAll;
+    var columns = _a.columns, onColumnsChange = _a.onColumnsChange, _b = _a.locales, _locales = _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());
+    var locales = useLocales(_locales);
+    var filteredColumns = react_1.useMemo(function () {
+        return columns.filter(function (column) {
+            return searchQuery &&
+                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) {
+    }, [columns, searchQuery]);
+    var activeColumns = react_1.useMemo(function () { return columns.filter(function (_a) {
+        var show = _a.show;
+        return show;
+    }); }, [columns]);
+    var inactiveColumns = react_1.useMemo(function () { return columns.filter(function (_a) {
+        var show = _a.show;
+        return !show;
+    }); }, [columns]);
+    var handleSearchQueryChange = 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 handleSingleColumnChange = function (newColumn) {
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(columns.map(function (column) {
+            return newColumn.label === column.label ? newColumn : column;
+        }));
     };
-    var onToggleColumn = function (columnClicked) { return function () {
-        var updatedColumns = columns.map(function (column) {
-            // `field` is our unique identifier
-            if (column.field === columnClicked.field) {
-                return tslib_1.__assign(tslib_1.__assign({}, column), { show: !column.show });
-            }
-            return column;
+    var handleColumnsReordering = react_1.useCallback(function (updatedColumns) {
+        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; })));
+    }, [columns, onColumnsChange]);
+    react_1.useEffect(function () {
+        var someColumnsAreShowing = columns.some(function (_a) {
+            var show = _a.show;
+            return show;
         });
-        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
-    }; };
-    var onDragEnd = function (result) {
-        if (!result.destination) {
-            return;
+        if (!someColumnsAreShowing) {
+            var firstColumn = columns[0], remainingColumns = columns.slice(1);
+            onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([tslib_1.__assign(tslib_1.__assign({}, firstColumn), { show: true })], remainingColumns));
         }
-        var updatedColumns = reorder(columns, result.source.index, result.destination.index);
-        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
-    };
+    }, [columns, onColumnsChange]);
     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 }),
-                enableShowAll && (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)); }))));
+                }, fullWidth: true, label: "Label", onChange: handleSearchQueryChange, placeholder: locales.searchPlaceholder, value: searchQuery, variant: "outlined" })),
+        (!searchQuery && (react_1["default"].createElement(react_1["default"].Fragment, null,
+            react_1["default"].createElement(Typography_1.BodyText, { className: classes.heading }, locales.selectedHeading),
+            react_1["default"].createElement(ColumnList, { columns: activeColumns, locales: locales, onReorderColumns: handleColumnsReordering, onSingleColumnChange: handleSingleColumnChange }),
+            react_1["default"].createElement(Typography_1.BodyText, { className: classes.heading }, locales.notSelectedHeading),
+            react_1["default"].createElement(ColumnList, { columns: inactiveColumns, locales: locales, onSingleColumnChange: handleSingleColumnChange })))) || (react_1["default"].createElement(ColumnList, { columns: filteredColumns, locales: locales, onSingleColumnChange: handleSingleColumnChange }))));
 };
 exports.TableColumnSettings = TableColumnSettings;
+var ColumnList = function (_a) {
+    var columns = _a.columns, locales = _a.locales, onReorderColumns = _a.onReorderColumns, onSingleColumnChange = _a.onSingleColumnChange;
+    var classes = TableColumnSettingsStyles_1.useClasses();
+    var handleToggleColumn = function (column) {
+        return onSingleColumnChange(tslib_1.__assign(tslib_1.__assign({}, column), { show: !column.show }));
+    };
+    var onDragEnd = react_1.useCallback(function (result) {
+        if (!result.destination || !onReorderColumns) {
+            return;
+        }
+        var updatedColumns = reorder(columns, result.source.index, result.destination.index);
+        onReorderColumns === null || onReorderColumns === void 0 ? void 0 : onReorderColumns(updatedColumns);
+    }, [columns, onReorderColumns]);
+    var untoggleDisabled = columns.length <= 1;
+    return (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 }),
+            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 })); }),
+            provided.placeholder)); })));
+};
+var ColumnItemContent = react_1.forwardRef(function (props, ref) {
+    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"]);
+    var classes = TableColumnSettingsStyles_1.useClasses();
+    return (react_1["default"].createElement(Paper_1.Paper, tslib_1.__assign({ className: classnames_1["default"](classes.item, className), ref: ref }, rest, { elevation: 0 }),
+        react_1["default"].createElement("div", { className: classes.informationContainer },
+            draggable && (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(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" }))));
+});
+ColumnItemContent.displayName = 'ColumnItemContent';
 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 column = _a.column, index = _a.index, _b = _a.draggable, draggable = _b === void 0 ? true : _b, props = tslib_1.__rest(_a, ["column", "index", "draggable"]);
     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(ColumnItemContent, tslib_1.__assign({ column: column, draggable: draggable }, props)));
     }
     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))));
+        var _a;
+        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 })));
     }));
 };
+ColumnItem.displayName = 'ColumnItem';
 //# sourceMappingURL=TableColumnSettings.js.map

package/dist/TableColumnSettings/TableColumnSettings.js.map

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

package/dist/TableColumnSettings/TableColumnSettingsStyles.js

@@ -8,12 +8,20 @@ exports.useClasses = __1.makeStyles(function (theme) {
         container: {
             display: 'flex',
             flexDirection: 'column',
-            height: '100%'
+            height: '100%',
+            overflowY: 'scroll'
         },
         header: {
             padding: 16,
             paddingBottom: 12
         },
+        heading: {
+            paddingLeft: 16,
+            paddingRight: 16,
+            fontWeight: 600,
+            marginBottom: 12,
+            fontSize: 16
+        },
         inputRoot: {
             '&:hover': {
                 backgroundColor: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.background["default"]
@@ -31,15 +39,13 @@ exports.useClasses = __1.makeStyles(function (theme) {
             display: 'flex',
             flexDirection: 'column',
             padding: 16,
-            paddingTop: 0,
-            paddingBottom: 48,
-            overflowY: 'scroll'
+            paddingTop: 0
         },
         item: {
             minHeight: 56,
             display: 'flex',
-            boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
-            paddingLeft: 30,
+            alignItems: 'center',
+            paddingLeft: 20,
             paddingRight: 16,
             border: "1px solid transparent",
             '&:not(:last-child)': {

package/dist/TableColumnSettings/TableColumnSettingsStyles.js.map

@@ -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;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"}
+{"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,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/types.d.ts

@@ -5,12 +5,19 @@ export interface TableSettingsColumn {
 }
 export interface TableColumnSettingsLocales {
     searchPlaceholder: string;
-    showAllSwitchLabel: string;
-    columnShowCheckboxLabel: string;
+    selectedHeading?: string;
+    notSelectedHeading?: string;
+    /**
+     * @deprecated Unused
+     */
+    showAllSwitchLabel?: string;
+    /**
+     * @deprecated Unused
+     */
+    columnShowCheckboxLabel?: string;
 }
 export interface TableColumnSettingsProps {
     columns: TableSettingsColumn[];
     onColumnsChange?: (columns: TableSettingsColumn[]) => void;
     locales?: Partial<TableColumnSettingsLocales>;
-    enableShowAll?: boolean;
 }

package/dist/TextField/InlineTextField.js

@@ -9,10 +9,26 @@ var Icon_1 = require("../Icon");
 var IconButton_1 = require("../IconButton");
 var styles_1 = require("../styles");
 var styles_2 = require("./styles");
-function countCapitalLetters(string) {
-    var matches = string.match(/[A-Z]/g);
-    return matches ? matches.length : 0;
-}
+var countAdjustedLength = function (string) {
+    var length = 0;
+    var chars = string.split('');
+    for (var _i = 0, chars_1 = chars; _i < chars_1.length; _i++) {
+        var char = chars_1[_i];
+        if (['M', 'W'].includes(char)) {
+            length += 1.7;
+        }
+        else if (char === char.toUpperCase() && /[A-Z]/.test(char)) {
+            length += 1.5;
+        }
+        else if (['m', 'w', 'g', 'o', 'h'].includes(char)) {
+            length += 1.5;
+        }
+        else {
+            length += 1;
+        }
+    }
+    return length + 1;
+};
 exports.InlineTextField = react_1.memo(function (props) {
     var initialValue = props.value, onChange = props.onChange, containerStyle = props.containerStyle, isLabel = props.isLabel, compact = props.compact, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, labelStyle = props.labelStyle, _b = props.clickAwayAction, clickAwayAction = _b === void 0 ? 'ABORT' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, rest = tslib_1.__rest(props, ["value", "onChange", "containerStyle", "isLabel", "compact", "inputProps", "labelStyle", "clickAwayAction", "size"]);
     var style = inputProps.style, restinputProps = tslib_1.__rest(inputProps, ["style"]);
@@ -60,10 +76,8 @@ exports.InlineTextField = react_1.memo(function (props) {
             e.target.blur();
         }
     };
-    var numberOfCapitalLetters = typeof value === 'string' ? countCapitalLetters(value) : 0;
-    var numberOfNonCapitalLetters = typeof value === 'string' ? value.length - numberOfCapitalLetters : 0;
-    var sizeInLetters = numberOfCapitalLetters * 1.5 + numberOfNonCapitalLetters + 1;
-    return (react_1["default"].createElement("form", { onSubmit: onFormSubmit, style: tslib_1.__assign({ position: 'relative', display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-end' }, containerStyle) },
+    var sizeInLetters = countAdjustedLength(typeof value === 'string' ? value : '');
+    return (react_1["default"].createElement("form", { className: classes.form, onSubmit: onFormSubmit, style: containerStyle },
         react_1["default"].createElement(core_1.TextField, tslib_1.__assign({ InputProps: {
                 endAdornment: (react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "pencil2", style: {
                         visibility: showEditingIcon && !showControls ? 'visible' : 'hidden'

package/dist/TextField/InlineTextField.js.map

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

package/dist/TextField/styles.d.ts

@@ -1,3 +1,3 @@
 import { InlineTextFieldProps, TextFieldProps } from './types';
 export declare const useTextFieldStyles: (props: TextFieldProps) => Record<"root", string>;
-export declare const useInlineTextFieldStyles: (props: InlineTextFieldProps) => Record<"sizes" | "withLabel", string>;
+export declare const useInlineTextFieldStyles: (props: InlineTextFieldProps) => Record<"form" | "sizes" | "withLabel", string>;

package/dist/TextField/styles.js

@@ -26,6 +26,12 @@ exports.useInlineTextFieldStyles = core_1.makeStyles(function () {
                 }
             }
         },
+        form: {
+            position: 'relative',
+            display: 'inline-flex',
+            flexDirection: 'column',
+            alignItems: 'flex-end'
+        },
         sizes: function (_a) {
             var size = _a.size;
             return ({

package/dist/TextField/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TextField/styles.ts"],"names":[],"mappings":";;;AAAA,0CAA4D;AAI/C,QAAA,kBAAkB,GAAG,iBAAU,CAAC;IAC3C,OAAA,mBAAY,CAAC;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,UAAC,KAAqB;gBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;YAA3C,CAA2C;YAE7C,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,UAAC,KAAqB;oBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;gBAA3C,CAA2C;aAC9C;SACF;KACF,CAAC;AAVF,CAUE,CACH,CAAA;AAEY,QAAA,wBAAwB,GAAG,iBAAU,CAAC;IACjD,OAAA,mBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,aAAa;gBAC9B,YAAY,EAAE;oBACZ,WAAW,EAAE,CAAC;iBACf;aACF;SACF;QACD,KAAK,EAAE,UAAC,EAA8B;gBAA5B,IAAI,UAAA;YAA6B,OAAA,CAAC;gBAC1C,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC;aAC5B,CAAC;QAFyC,CAEzC;KACH,CAAC;AAZF,CAYE,CACH,CAAA;AAED,SAAS,YAAY,CAAC,IAAkC;IACtD,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,gBAAgB;iBAC3B;aACF,CAAA;QACH;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TextField/styles.ts"],"names":[],"mappings":";;;AAAA,0CAA4D;AAI/C,QAAA,kBAAkB,GAAG,iBAAU,CAAC;IAC3C,OAAA,mBAAY,CAAC;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,UAAC,KAAqB;gBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;YAA3C,CAA2C;YAE7C,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,UAAC,KAAqB;oBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;gBAA3C,CAA2C;aAC9C;SACF;KACF,CAAC;AAVF,CAUE,CACH,CAAA;AAEY,QAAA,wBAAwB,GAAG,iBAAU,CAAC;IACjD,OAAA,mBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,aAAa;gBAC9B,YAAY,EAAE;oBACZ,WAAW,EAAE,CAAC;iBACf;aACF;SACF;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,UAAU;SACvB;QACD,KAAK,EAAE,UAAC,EAA8B;gBAA5B,IAAI,UAAA;YAA6B,OAAA,CAAC;gBAC1C,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC;aAC5B,CAAC;QAFyC,CAEzC;KACH,CAAC;AAlBF,CAkBE,CACH,CAAA;AAED,SAAS,YAAY,CAAC,IAAkC;IACtD,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,gBAAgB;iBAC3B;aACF,CAAA;QACH;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC"}

package/dist/ThemeProvider/ThemeProvider.js

@@ -10,7 +10,7 @@ var DefaultEpilotTheme_1 = require("./DefaultEpilotTheme");
 var jss_1 = require("./jss");
 var mapping_1 = require("./mapping");
 function ThemeProvider(_a) {
-    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? DefaultEpilotTheme_1.DefaultEpilotTheme : _b, _c = _a.classPrefix, classPrefix = _c === void 0 ? '' : _c, isMuiTheme = _a.isMuiTheme;
+    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? DefaultEpilotTheme_1.DefaultEpilotTheme : _b, _c = _a.classPrefix, classPrefix = _c === void 0 ? 'global' : _c, isMuiTheme = _a.isMuiTheme;
     var muiTheme = react_1.useMemo(function () {
         return isMuiTheme
             ? theme
@@ -18,7 +18,7 @@ function ThemeProvider(_a) {
     }, [classPrefix, isMuiTheme, theme]);
     var jss = jss_1.useGlobalJSSInstance();
     var generateClassName = core_1.createGenerateClassName({
-        seed: classPrefix
+        seed: classPrefix || 'global'
     });
     return (react_1["default"].createElement(ClassPrefixContext_1.ClassPrefixProvider, { classPrefix: classPrefix },
         react_1["default"].createElement(core_1.StylesProvider, { generateClassName: function (rule, sheet) {

package/dist/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,yBAAsB;AACtB,0CAM0B;AAC1B,qDAAsC;AAEtC,oEAAmE;AAEnE,2DAAyD;AACzD,6BAA4C;AAC5C,qCAAyC;AAGzC,SAAgB,aAAa,CAAC,EAKT;QAJnB,QAAQ,cAAA,EACR,aAAyC,EAAzC,KAAK,mBAAG,uCAAiC,KAAA,EACzC,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,eAAO,CACtB;QACE,OAAA,UAAU;YACR,CAAC,CAAE,KAAe;YAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC;IAFjE,CAEiE,EACnE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CACjC,CAAA;IAED,IAAM,GAAG,GAAG,0BAAoB,EAAE,CAAA;IAElC,IAAM,iBAAiB,GAAG,8BAAuB,CAAC;QAChD,IAAI,EAAE,WAAW;KAClB,CAAC,CAAA;IAEF,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAChD,gEAAgE;gBAChE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;YACtE,CAAC,EACD,WAAW,QACX,GAAG,EAAE,GAAG;YAER,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC;AArCD,sCAqCC"}
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,yBAAsB;AACtB,0CAM0B;AAC1B,qDAAsC;AAEtC,oEAAmE;AAEnE,2DAAyD;AACzD,6BAA4C;AAC5C,qCAAyC;AAGzC,SAAgB,aAAa,CAAC,EAKT;QAJnB,QAAQ,cAAA,EACR,aAAyC,EAAzC,KAAK,mBAAG,uCAAiC,KAAA,EACzC,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,eAAO,CACtB;QACE,OAAA,UAAU;YACR,CAAC,CAAE,KAAe;YAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC;IAFjE,CAEiE,EACnE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CACjC,CAAA;IAED,IAAM,GAAG,GAAG,0BAAoB,EAAE,CAAA;IAElC,IAAM,iBAAiB,GAAG,8BAAuB,CAAC;QAChD,IAAI,EAAE,WAAW,IAAI,QAAQ;KAC9B,CAAC,CAAA;IAEF,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAChD,gEAAgE;gBAChE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;YACtE,CAAC,EACD,WAAW,QACX,GAAG,EAAE,GAAG;YAER,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC;AArCD,sCAqCC"}