@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/lib/es/components/table/TableSettingsColumnDetails.js

@@ -1,46 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableSettingsColumnDetails = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Slider = _interopRequireDefault(require("../slider/Slider"));
-
 var TableSettingsColumnDetails = function TableSettingsColumnDetails(props) {
   var _props$width = props.width,
-      width = _props$width === void 0 ? 0 : _props$width,
-      _props$defaultWidth = props.defaultWidth,
-      defaultWidth = _props$defaultWidth === void 0 ? 0 : _props$defaultWidth,
-      maxWidth = props.maxWidth,
-      maxColumnWidth = props.maxColumnWidth,
-      column = props.column,
-      onColumnWidthChange = props.onColumnWidthChange,
-      onResetColumnWidth = props.onResetColumnWidth;
-
+    width = _props$width === void 0 ? 0 : _props$width,
+    _props$defaultWidth = props.defaultWidth,
+    defaultWidth = _props$defaultWidth === void 0 ? 0 : _props$defaultWidth,
+    maxWidth = props.maxWidth,
+    maxColumnWidth = props.maxColumnWidth,
+    column = props.column,
+    onColumnWidthChange = props.onColumnWidthChange,
+    onResetColumnWidth = props.onResetColumnWidth;
   var handleWidthInputChange = function handleWidthInputChange(event) {
     var parsedValue = event.target.value ? parseInt(event.target.value, 10) : 0;
     var max = maxWidth || maxColumnWidth;
     var value = Math.min(parsedValue, max);
     onColumnWidthChange(column, value);
   };
-
   var handleColumnWidthChange = function handleColumnWidthChange(value) {
     return onColumnWidthChange(column, value);
   };
-
   var handleResetColumnWidth = function handleResetColumnWidth() {
     return onResetColumnWidth(column);
   };
-
   var resetWidthButtonClassNames = (0, _classnames["default"])('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "table-settings-item-body"
@@ -72,7 +62,6 @@ var TableSettingsColumnDetails = function TableSettingsColumnDetails(props) {
     className: "input-group-addon"
   }, "px"))));
 };
-
 exports.TableSettingsColumnDetails = TableSettingsColumnDetails;
 TableSettingsColumnDetails.defaultProps = {
   onColumnWidthChange: function onColumnWidthChange() {

package/lib/es/components/table/TableSettingsDialog.js

@@ -1,83 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _mapValues = _interopRequireDefault(require("lodash/fp/mapValues"));
-
 var _some = _interopRequireDefault(require("lodash/fp/some"));
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _Dialog = _interopRequireDefault(require("../dialog/Dialog"));
-
 var _ClearableInput = _interopRequireDefault(require("../clearableInput/ClearableInput"));
-
 var _TableSettingsDialogFooter = require("./TableSettingsDialogFooter");
-
 var _TableSettingsListContainer = require("./TableSettingsListContainer");
-
 var _TableSettingsListItem = require("./TableSettingsListItem");
-
 var _tableSettingsPropTypes = require("./tableSettingsPropTypes");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var DEFAULT_COLUMN_WIDTH = 0;
 var MAX_COLUMN_WIDTH = 1000;
-
 var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2["default"])(TableSettingsDialog, _PureComponent);
-
   var _super = _createSuper(TableSettingsDialog);
-
   function TableSettingsDialog(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, TableSettingsDialog);
     _this = _super.call(this, props);
     _this.state = {
@@ -105,22 +69,21 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     _this.handleOpenColumnsDetails = _this.handleOpenColumnsDetails.bind((0, _assertThisInitialized2["default"])(_this));
     _this.handleSortEnd = _this.handleSortEnd.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
-  } // eslint-disable-next-line camelcase
-
+  }
 
+  // eslint-disable-next-line camelcase
   (0, _createClass2["default"])(TableSettingsDialog, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this$state = this.state,
-          columnSearchValue = _this$state.columnSearchValue,
-          columnOrder = _this$state.columnOrder,
-          hiddenColumns = _this$state.hiddenColumns,
-          columnsDetails = _this$state.columnsDetails;
+        columnSearchValue = _this$state.columnSearchValue,
+        columnOrder = _this$state.columnOrder,
+        hiddenColumns = _this$state.hiddenColumns,
+        columnsDetails = _this$state.columnsDetails;
       var hasColumnSearchValueChanged = !(0, _isEqual["default"])(columnSearchValue, nextProps.columnSearchValue);
       var hasColumnOrderChanged = !(0, _isEqual["default"])(columnOrder, nextProps.columnOrder);
       var hasHiddenColumnsChanged = !(0, _isEqual["default"])(hiddenColumns, nextProps.hiddenColumns);
       var hasColumnsDetailsChanged = this.hasColumnsDetailsChanged(columnsDetails);
-
       if (hasColumnSearchValueChanged || hasColumnOrderChanged || hasHiddenColumnsChanged || hasColumnsDetailsChanged) {
         this.setState({
           columnSearchValue: hasColumnSearchValueChanged ? nextProps.columnSearchValue : columnSearchValue,
@@ -135,16 +98,15 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          defaultColumnOrder = _this$props.defaultColumnOrder,
-          defaultHiddenColumns = _this$props.defaultHiddenColumns,
-          columnsDetails = _this$props.columnsDetails,
-          columnOrder = _this$props.columnOrder,
-          hiddenColumns = _this$props.hiddenColumns;
+        defaultColumnOrder = _this$props.defaultColumnOrder,
+        defaultHiddenColumns = _this$props.defaultHiddenColumns,
+        columnsDetails = _this$props.columnsDetails,
+        columnOrder = _this$props.columnOrder,
+        hiddenColumns = _this$props.hiddenColumns;
       this.setColumnLabelStrings();
       var hasColumnOrderChanged = !(0, _isEqual["default"])(columnOrder, defaultColumnOrder);
       var hasHiddenColumnsChanged = !(0, _isEqual["default"])(hiddenColumns, defaultHiddenColumns);
       var hasColumnsDetailsChanged = this.hasColumnsDetailsChanged(columnsDetails);
-
       if (hasColumnOrderChanged || hasHiddenColumnsChanged || hasColumnsDetailsChanged) {
         this.setState({
           hasChanged: true
@@ -164,7 +126,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
       if ((0, _isEmpty["default"])(columnsDetails)) {
         return false;
       }
-
       var hasChanged = (0, _some["default"])(function (details) {
         var defaultWidth = isFinite(details.defaultWidth) ? details.defaultWidth : DEFAULT_COLUMN_WIDTH;
         return details.width !== defaultWidth;
@@ -176,9 +137,9 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     value: function setColumnLabelStrings() {
       if (!this.contentRef) {
         return;
-      } // For searching by name we need to get the label from the DOM as it may contain a FormattedMessage
-
+      }
 
+      // For searching by name we need to get the label from the DOM as it may contain a FormattedMessage
       var labels = this.contentRef.getElementsByClassName('table-settings-item-label');
       var columnStrings = {};
       (0, _toConsumableArray2["default"])(labels).map(function (label) {
@@ -201,11 +162,11 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "moveColumnToIndex",
     value: function moveColumnToIndex(columnName, newIndex, changeMovedColumn) {
       var _this$props2 = this.props,
-          immediateChange = _this$props2.immediateChange,
-          onColumnChange = _this$props2.onColumnChange;
+        immediateChange = _this$props2.immediateChange,
+        onColumnChange = _this$props2.onColumnChange;
       var _this$state2 = this.state,
-          columnOrder = _this$state2.columnOrder,
-          hiddenColumns = _this$state2.hiddenColumns;
+        columnOrder = _this$state2.columnOrder,
+        hiddenColumns = _this$state2.hiddenColumns;
       var newColumnOrder = columnOrder.filter(function (name) {
         return name !== columnName;
       });
@@ -215,11 +176,9 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
         movedColumn: changeMovedColumn ? columnName : false,
         hasChanged: true
       });
-
       if (immediateChange) {
         onColumnChange(newColumnOrder, hiddenColumns);
       }
-
       window.setTimeout(this.deleteMovedColumn, 500);
     }
   }, {
@@ -249,11 +208,11 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "resetAllColumnChanges",
     value: function resetAllColumnChanges() {
       var _this$props3 = this.props,
-          defaultColumnOrder = _this$props3.defaultColumnOrder,
-          defaultHiddenColumns = _this$props3.defaultHiddenColumns,
-          immediateChange = _this$props3.immediateChange,
-          onSearchChange = _this$props3.onSearchChange,
-          onColumnChange = _this$props3.onColumnChange;
+        defaultColumnOrder = _this$props3.defaultColumnOrder,
+        defaultHiddenColumns = _this$props3.defaultHiddenColumns,
+        immediateChange = _this$props3.immediateChange,
+        onSearchChange = _this$props3.onSearchChange,
+        onColumnChange = _this$props3.onColumnChange;
       var columnsDetails = this.state.columnsDetails;
       var defaultColumnsDetails = this.resetColumnsDetails(columnsDetails);
       var newState = {
@@ -263,15 +222,12 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
         hasChanged: false,
         isResetAll: false
       };
-
       if (!(0, _isEmpty["default"])(columnsDetails)) {
         newState.columnsDetails = defaultColumnsDetails;
       }
-
       this.setState(function () {
         return newState;
       });
-
       if (immediateChange) {
         onSearchChange('');
         onColumnChange(defaultColumnOrder, defaultHiddenColumns, defaultColumnsDetails);
@@ -288,9 +244,9 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "applyChanges",
     value: function applyChanges() {
       var _this$state3 = this.state,
-          columnOrder = _this$state3.columnOrder,
-          hiddenColumns = _this$state3.hiddenColumns,
-          columnsDetails = _this$state3.columnsDetails;
+        columnOrder = _this$state3.columnOrder,
+        hiddenColumns = _this$state3.hiddenColumns,
+        columnsDetails = _this$state3.columnsDetails;
       this.setState({
         columnSearchValue: ''
       });
@@ -304,8 +260,8 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     value: function toggleHideColumn(column) {
       var hiddenColumns = this.state.hiddenColumns;
       var _this$props4 = this.props,
-          immediateChange = _this$props4.immediateChange,
-          onColumnChange = _this$props4.onColumnChange;
+        immediateChange = _this$props4.immediateChange,
+        onColumnChange = _this$props4.onColumnChange;
       var isHidden = hiddenColumns.includes(column);
       var newHiddenColumns = isHidden ? hiddenColumns.filter(function (name) {
         return name !== column;
@@ -316,7 +272,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           hasChanged: true
         };
       });
-
       if (immediateChange) {
         onColumnChange(this.state.columnOrder, newHiddenColumns);
       }
@@ -335,11 +290,9 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "handleColumnWidthChange",
     value: function handleColumnWidthChange(column, value) {
       var _this$props5 = this.props,
-          immediateChange = _this$props5.immediateChange,
-          onColumnDetailsChange = _this$props5.onColumnDetailsChange;
-
+        immediateChange = _this$props5.immediateChange,
+        onColumnDetailsChange = _this$props5.onColumnDetailsChange;
       var columnsDetails = _objectSpread({}, this.state.columnsDetails);
-
       if (columnsDetails[column]) {
         columnsDetails[column].width = value;
       } else {
@@ -349,14 +302,12 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           maxWidth: MAX_COLUMN_WIDTH
         };
       }
-
       this.setState(function () {
         return {
           columnsDetails: columnsDetails,
           hasChanged: true
         };
       });
-
       if (immediateChange) {
         onColumnDetailsChange(column, columnsDetails[column]);
       }
@@ -365,11 +316,9 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "handleResetColumnWidth",
     value: function handleResetColumnWidth(column) {
       var _this$props6 = this.props,
-          immediateChange = _this$props6.immediateChange,
-          onColumnDetailsChange = _this$props6.onColumnDetailsChange;
-
+        immediateChange = _this$props6.immediateChange,
+        onColumnDetailsChange = _this$props6.onColumnDetailsChange;
       var columnsDetails = _objectSpread({}, this.state.columnsDetails);
-
       var updatedColumnDetails = columnsDetails[column];
       updatedColumnDetails.width = updatedColumnDetails.defaultWidth;
       this.setState(function () {
@@ -377,7 +326,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           columnsDetails: columnsDetails
         };
       });
-
       if (immediateChange) {
         onColumnDetailsChange(column, columnsDetails[column]);
       }
@@ -386,13 +334,11 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "handleOpenColumnsDetails",
     value: function handleOpenColumnsDetails(columnName) {
       var updatedOpenColumnDetails = _objectSpread({}, this.state.openColumnsDetails);
-
       if (updatedOpenColumnDetails[columnName]) {
         delete updatedOpenColumnDetails[columnName];
       } else {
         updatedOpenColumnDetails[columnName] = columnName;
       }
-
       this.setState(function () {
         return {
           openColumnsDetails: updatedOpenColumnDetails
@@ -403,18 +349,16 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "handleSortEnd",
     value: function handleSortEnd(event) {
       var active = event.active,
-          over = event.over;
-
+        over = event.over;
       if (active.id === over.id) {
         return;
       }
-
       var _this$props7 = this.props,
-          immediateChange = _this$props7.immediateChange,
-          onColumnChange = _this$props7.onColumnChange;
+        immediateChange = _this$props7.immediateChange,
+        onColumnChange = _this$props7.onColumnChange;
       var _this$state4 = this.state,
-          columnOrder = _this$state4.columnOrder,
-          hiddenColumns = _this$state4.hiddenColumns;
+        columnOrder = _this$state4.columnOrder,
+        hiddenColumns = _this$state4.hiddenColumns;
       var oldIndex = columnOrder.indexOf(active.id);
       var newIndex = columnOrder.indexOf(over.id);
       var newColumnOrder = (0, _sortable.arrayMove)(columnOrder, oldIndex, newIndex);
@@ -425,7 +369,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           hasChanged: true
         };
       });
-
       if (immediateChange) {
         onColumnChange(newColumnOrder, hiddenColumns);
       }
@@ -441,22 +384,21 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "renderTableSettingsDialogContent",
     value: function renderTableSettingsDialogContent() {
       var _this2 = this;
-
       var _this$props8 = this.props,
-          searchPlaceholder = _this$props8.searchPlaceholder,
-          notFoundMessage = _this$props8.notFoundMessage,
-          columnLabels = _this$props8.columnLabels,
-          autoLabel = _this$props8.autoLabel,
-          disabledColumns = _this$props8.disabledColumns;
+        searchPlaceholder = _this$props8.searchPlaceholder,
+        notFoundMessage = _this$props8.notFoundMessage,
+        columnLabels = _this$props8.columnLabels,
+        autoLabel = _this$props8.autoLabel,
+        disabledColumns = _this$props8.disabledColumns;
       var _this$state5 = this.state,
-          columnOrder = _this$state5.columnOrder,
-          _this$state5$hiddenCo = _this$state5.hiddenColumns,
-          hiddenColumns = _this$state5$hiddenCo === void 0 ? [] : _this$state5$hiddenCo,
-          columnSearchValue = _this$state5.columnSearchValue,
-          columnsDetails = _this$state5.columnsDetails,
-          openColumnsDetails = _this$state5.openColumnsDetails,
-          updateColumnLabelStrings = _this$state5.updateColumnLabelStrings,
-          columnLabelStrings = _this$state5.columnLabelStrings;
+        columnOrder = _this$state5.columnOrder,
+        _this$state5$hiddenCo = _this$state5.hiddenColumns,
+        hiddenColumns = _this$state5$hiddenCo === void 0 ? [] : _this$state5$hiddenCo,
+        columnSearchValue = _this$state5.columnSearchValue,
+        columnsDetails = _this$state5.columnsDetails,
+        openColumnsDetails = _this$state5.openColumnsDetails,
+        updateColumnLabelStrings = _this$state5.updateColumnLabelStrings,
+        columnLabelStrings = _this$state5.columnLabelStrings;
       var itemProps = {
         columnLabels: columnLabels,
         autoLabel: autoLabel,
@@ -506,15 +448,15 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     key: "renderTableSettingsDialogFooter",
     value: function renderTableSettingsDialogFooter() {
       var _this$props9 = this.props,
-          immediateChange = _this$props9.immediateChange,
-          resetButtonText = _this$props9.resetButtonText,
-          onHide = _this$props9.onHide,
-          closeButtonText = _this$props9.closeButtonText,
-          cancelButtonText = _this$props9.cancelButtonText,
-          applyButtonText = _this$props9.applyButtonText;
+        immediateChange = _this$props9.immediateChange,
+        resetButtonText = _this$props9.resetButtonText,
+        onHide = _this$props9.onHide,
+        closeButtonText = _this$props9.closeButtonText,
+        cancelButtonText = _this$props9.cancelButtonText,
+        applyButtonText = _this$props9.applyButtonText;
       var _this$state6 = this.state,
-          hasChanged = _this$state6.hasChanged,
-          isResetAll = _this$state6.isResetAll;
+        hasChanged = _this$state6.hasChanged,
+        isResetAll = _this$state6.isResetAll;
       return /*#__PURE__*/_react["default"].createElement(_TableSettingsDialogFooter.TableSettingsDialogFooter, {
         hasChanged: hasChanged,
         isResetAll: isResetAll,
@@ -537,7 +479,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
       if (!this.props.show) {
         return null;
       }
-
       var dialogClassNames = (0, _classnames["default"])('TableSettingsDialog', this.props.className && this.props.className);
       return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
         show: this.props.show,
@@ -551,7 +492,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
   }]);
   return TableSettingsDialog;
 }(_react.PureComponent);
-
 TableSettingsDialog.defaultProps = {
   show: false,
   immediateChange: false,

package/lib/es/components/table/TableSettingsDialogFooter.js

@@ -1,32 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableSettingsDialogFooter = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var TableSettingsDialogFooter = function TableSettingsDialogFooter(props) {
   var hasChanged = props.hasChanged,
-      isResetAll = props.isResetAll,
-      immediateChange = props.immediateChange,
-      resetButtonText = props.resetButtonText,
-      onHide = props.onHide,
-      closeButtonText = props.closeButtonText,
-      cancelButtonText = props.cancelButtonText,
-      applyButtonText = props.applyButtonText,
-      onResetColumnChanges = props.onResetColumnChanges,
-      onConfirmResetColumnChanges = props.onConfirmResetColumnChanges,
-      onCancelResetColumnChanges = props.onCancelResetColumnChanges,
-      onDiscardChanges = props.onDiscardChanges,
-      onApplyChanges = props.onApplyChanges;
+    isResetAll = props.isResetAll,
+    immediateChange = props.immediateChange,
+    resetButtonText = props.resetButtonText,
+    onHide = props.onHide,
+    closeButtonText = props.closeButtonText,
+    cancelButtonText = props.cancelButtonText,
+    applyButtonText = props.applyButtonText,
+    onResetColumnChanges = props.onResetColumnChanges,
+    onConfirmResetColumnChanges = props.onConfirmResetColumnChanges,
+    onCancelResetColumnChanges = props.onCancelResetColumnChanges,
+    onDiscardChanges = props.onDiscardChanges,
+    onApplyChanges = props.onApplyChanges;
   var restButtonClassNames = (0, _classnames["default"])('btn', 'btn-link', !hasChanged && 'disabled');
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "pull-left"
@@ -62,7 +57,6 @@ var TableSettingsDialogFooter = function TableSettingsDialogFooter(props) {
     onClick: onApplyChanges
   }, applyButtonText)));
 };
-
 exports.TableSettingsDialogFooter = TableSettingsDialogFooter;
 TableSettingsDialogFooter.defaultProps = {
   hasChanged: false,

package/lib/es/components/table/TableSettingsListContainer.js

@@ -1,47 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableSettingsListContainer = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = require("@dnd-kit/core");
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _modifiers = require("@dnd-kit/modifiers");
-
 var _TableSettingsListItem = _interopRequireDefault(require("./TableSettingsListItem"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable new-cap */
-
 /* eslint-disable no-unused-vars */
+
 var TableSettingsListContainer = function TableSettingsListContainer(props) {
   var items = props.items,
-      onSortEnd = props.onSortEnd,
-      itemProps = props.itemProps;
-
+    onSortEnd = props.onSortEnd,
+    itemProps = props.itemProps;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      activeDraggedColumn = _useState2[0],
-      setActiveDraggedColumn = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeDraggedColumn = _useState2[0],
+    setActiveDraggedColumn = _useState2[1];
   var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
     coordinateGetter: _sortable.sortableKeyboardCoordinates
   }));
@@ -74,7 +59,6 @@ var TableSettingsListContainer = function TableSettingsListContainer(props) {
     }, itemProps));
   }))));
 };
-
 exports.TableSettingsListContainer = TableSettingsListContainer;
 TableSettingsListContainer.propTypes = {
   items: _propTypes["default"].arrayOf(_propTypes["default"].string),