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

package/components/table/TableCardsSorting.js

@@ -4,28 +4,20 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { SortDirection } from '../../utils/SortUtils';
 import Select from '../selects/Select';
 import ToggleButton from '../button/ToggleButton';
-
 var TableCardsSorting = /*#__PURE__*/function (_Component) {
   _inherits(TableCardsSorting, _Component);
-
   var _super = _createSuper(TableCardsSorting);
-
   function TableCardsSorting(props) {
     var _this;
-
     _classCallCheck(this, TableCardsSorting);
-
     _this = _super.call(this, props);
     _this.state = {
       sortName: _this.props.sortName,
@@ -36,7 +28,6 @@ var TableCardsSorting = /*#__PURE__*/function (_Component) {
     _this.setSortDirectionDesc = _this.setSortDirectionDesc.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(TableCardsSorting, [{
     key: "setSortDirectionAsc",
     value: function setSortDirectionAsc() {
@@ -67,8 +58,8 @@ var TableCardsSorting = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          className = _this$props.className,
-          selectOptions = _this$props.selectOptions;
+        className = _this$props.className,
+        selectOptions = _this$props.selectOptions;
       var sortOrder = this.state.sortOrder;
       var wrapperClassNames = classNames('table-toolbar-cards-sorting', 'btn-toolbar', className && className);
       return /*#__PURE__*/React.createElement("div", {
@@ -95,10 +86,8 @@ var TableCardsSorting = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-
   return TableCardsSorting;
 }(Component);
-
 TableCardsSorting.defaultProps = {
   onSortChange: function onSortChange() {},
   sortOrder: SortDirection.ASCENDING,

package/components/table/TableSearch.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ClearableInput from '../clearableInput/ClearableInput';
-
 var TableSearch = function TableSearch(props) {
   var className = props.className;
   var wrapperClassNames = classNames('table-toolbar-search', 'input-group', className && className);
@@ -14,7 +13,6 @@ var TableSearch = function TableSearch(props) {
     className: "rioglyph rioglyph-search"
   })), /*#__PURE__*/React.createElement(ClearableInput, props));
 };
-
 TableSearch.defaultProps = {};
 TableSearch.propTypes = {
   className: PropTypes.string

package/components/table/TableSettingsColumnButtons.js

@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 export var TableSettingsColumnButtons = function TableSettingsColumnButtons(props) {
   var column = props.column,
-      index = props.index,
-      columnDetails = props.columnDetails,
-      columnOrder = props.columnOrder,
-      openColumnsDetails = props.openColumnsDetails,
-      disabled = props.disabled,
-      onMoveColumn = props.onMoveColumn,
-      onOpenDetails = props.onOpenDetails;
+    index = props.index,
+    columnDetails = props.columnDetails,
+    columnOrder = props.columnOrder,
+    openColumnsDetails = props.openColumnsDetails,
+    disabled = props.disabled,
+    onMoveColumn = props.onMoveColumn,
+    onOpenDetails = props.onOpenDetails;
   var navButtonBase = classNames('btn btn-muted btn-icon-only btn-sm');
   var columnUpClasses = classNames(navButtonBase, index === 0 && 'disabled');
   var columnDownClasses = classNames(navButtonBase, index === columnOrder.length - 1 && 'disabled');

package/components/table/TableSettingsColumnDetails.js

@@ -4,30 +4,26 @@ import classNames from 'classnames';
 import Slider from '../slider/Slider';
 export 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 = classNames('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
   return /*#__PURE__*/React.createElement("div", {
     className: "table-settings-item-body"

package/components/table/TableSettingsDialog.js

@@ -6,15 +6,10 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -32,17 +27,12 @@ import { filterColumns } from './TableSettingsListItem';
 import { columnsDetailsPropTypes } from './tableSettingsPropTypes';
 var DEFAULT_COLUMN_WIDTH = 0;
 var MAX_COLUMN_WIDTH = 1000;
-
 var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
   _inherits(TableSettingsDialog, _PureComponent);
-
   var _super = _createSuper(TableSettingsDialog);
-
   function TableSettingsDialog(props) {
     var _this;
-
     _classCallCheck(this, TableSettingsDialog);
-
     _this = _super.call(this, props);
     _this.state = {
       columnSearchValue: props.columnSearchValue,
@@ -69,22 +59,21 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
     _this.handleOpenColumnsDetails = _this.handleOpenColumnsDetails.bind(_assertThisInitialized(_this));
     _this.handleSortEnd = _this.handleSortEnd.bind(_assertThisInitialized(_this));
     return _this;
-  } // eslint-disable-next-line camelcase
-
+  }
 
+  // eslint-disable-next-line camelcase
   _createClass(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 = !isEqual(columnSearchValue, nextProps.columnSearchValue);
       var hasColumnOrderChanged = !isEqual(columnOrder, nextProps.columnOrder);
       var hasHiddenColumnsChanged = !isEqual(hiddenColumns, nextProps.hiddenColumns);
       var hasColumnsDetailsChanged = this.hasColumnsDetailsChanged(columnsDetails);
-
       if (hasColumnSearchValueChanged || hasColumnOrderChanged || hasHiddenColumnsChanged || hasColumnsDetailsChanged) {
         this.setState({
           columnSearchValue: hasColumnSearchValueChanged ? nextProps.columnSearchValue : columnSearchValue,
@@ -99,16 +88,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 = !isEqual(columnOrder, defaultColumnOrder);
       var hasHiddenColumnsChanged = !isEqual(hiddenColumns, defaultHiddenColumns);
       var hasColumnsDetailsChanged = this.hasColumnsDetailsChanged(columnsDetails);
-
       if (hasColumnOrderChanged || hasHiddenColumnsChanged || hasColumnsDetailsChanged) {
         this.setState({
           hasChanged: true
@@ -128,7 +116,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
       if (isEmpty(columnsDetails)) {
         return false;
       }
-
       var hasChanged = some(function (details) {
         var defaultWidth = isFinite(details.defaultWidth) ? details.defaultWidth : DEFAULT_COLUMN_WIDTH;
         return details.width !== defaultWidth;
@@ -140,17 +127,15 @@ 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 = {};
-
       _toConsumableArray(labels).map(function (label) {
         var key = label.getAttribute('data-key');
         columnStrings[key] = label.textContent.replace(/\r?\n|\r/g, '').toLowerCase();
       });
-
       this.setState({
         columnLabelStrings: columnStrings,
         updateColumnLabelStrings: false
@@ -167,11 +152,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;
       });
@@ -181,11 +166,9 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
         movedColumn: changeMovedColumn ? columnName : false,
         hasChanged: true
       });
-
       if (immediateChange) {
         onColumnChange(newColumnOrder, hiddenColumns);
       }
-
       window.setTimeout(this.deleteMovedColumn, 500);
     }
   }, {
@@ -215,11 +198,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 = {
@@ -229,15 +212,12 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
         hasChanged: false,
         isResetAll: false
       };
-
       if (!isEmpty(columnsDetails)) {
         newState.columnsDetails = defaultColumnsDetails;
       }
-
       this.setState(function () {
         return newState;
       });
-
       if (immediateChange) {
         onSearchChange('');
         onColumnChange(defaultColumnOrder, defaultHiddenColumns, defaultColumnsDetails);
@@ -254,9 +234,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: ''
       });
@@ -270,8 +250,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;
@@ -282,7 +262,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           hasChanged: true
         };
       });
-
       if (immediateChange) {
         onColumnChange(this.state.columnOrder, newHiddenColumns);
       }
@@ -301,11 +280,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 {
@@ -315,14 +292,12 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           maxWidth: MAX_COLUMN_WIDTH
         };
       }
-
       this.setState(function () {
         return {
           columnsDetails: columnsDetails,
           hasChanged: true
         };
       });
-
       if (immediateChange) {
         onColumnDetailsChange(column, columnsDetails[column]);
       }
@@ -331,11 +306,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 () {
@@ -343,7 +316,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           columnsDetails: columnsDetails
         };
       });
-
       if (immediateChange) {
         onColumnDetailsChange(column, columnsDetails[column]);
       }
@@ -352,13 +324,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
@@ -369,18 +339,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 = arrayMove(columnOrder, oldIndex, newIndex);
@@ -391,7 +359,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
           hasChanged: true
         };
       });
-
       if (immediateChange) {
         onColumnChange(newColumnOrder, hiddenColumns);
       }
@@ -407,22 +374,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,
@@ -472,15 +438,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.createElement(TableSettingsDialogFooter, {
         hasChanged: hasChanged,
         isResetAll: isResetAll,
@@ -503,7 +469,6 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
       if (!this.props.show) {
         return null;
       }
-
       var dialogClassNames = classNames('TableSettingsDialog', this.props.className && this.props.className);
       return /*#__PURE__*/React.createElement(Dialog, {
         show: this.props.show,
@@ -515,10 +480,8 @@ var TableSettingsDialog = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-
   return TableSettingsDialog;
 }(PureComponent);
-
 TableSettingsDialog.defaultProps = {
   show: false,
   immediateChange: false,

package/components/table/TableSettingsDialogFooter.js

@@ -3,18 +3,18 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 export 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 = classNames('btn', 'btn-link', !hasChanged && 'disabled');
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "pull-left"

package/components/table/TableSettingsListContainer.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable new-cap */
-
 /* eslint-disable no-unused-vars */
 import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
@@ -12,14 +10,12 @@ import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
 import TableSettingsListItem from './TableSettingsListItem';
 export var TableSettingsListContainer = function TableSettingsListContainer(props) {
   var items = props.items,
-      onSortEnd = props.onSortEnd,
-      itemProps = props.itemProps;
-
+    onSortEnd = props.onSortEnd,
+    itemProps = props.itemProps;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeDraggedColumn = _useState2[0],
-      setActiveDraggedColumn = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeDraggedColumn = _useState2[0],
+    setActiveDraggedColumn = _useState2[1];
   var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
     coordinateGetter: sortableKeyboardCoordinates
   }));