@myunisoft/design-system 0.16.2 → 0.16.3

package/CHANGELOG.md

@@ -1,4 +1,10 @@
 # Changelog
+
+## v0.16.2 (05/07/2022)
+#### Bug Fixes
+- [MYUN-22357](https://myunisoft.atlassian.net/browse/MYUN-22357) [VirtualTable] Fix crash when using `tooltipDetail`
+- [MYUN-22462](https://myunisoft.atlassian.net/browse/MYUN-22462) [VirtualTable] Unfilterable columns are displayed as filterable
+- [MYUN-22510](https://myunisoft.atlassian.net/browse/MYUN-22510) [VirtualTable] Fix bug renderLabelCustom in select cell VT
 ## v0.16.1 (15/06/2022)
 #### Bug Fixes
 - [MYUN-21986](https://myunisoft.atlassian.net/browse/MYUN-21986) [VirtualTable] Fix `DateCell` cannot be cleared

package/dist/index.js

@@ -215,7 +215,7 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
     var _useState3 = (0, $1eb7cba72eb8d5c7$var$_react.useState)(0), _useState4 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useState3, 2), horizontalPadding = _useState4[0], setHorizontalPadding = _useState4[1];
     var config = $1eb7cba72eb8d5c7$var$_objectSpread($1eb7cba72eb8d5c7$var$_objectSpread({
     }, $1eb7cba72eb8d5c7$var$defaultConfig), configProps);
-    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $6QL76.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? 'id' : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? 'id' : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? '' : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $6QL76.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel;
+    var _config$insertPositio = config.insertPosition, insertPosition = _config$insertPositio === void 0 ? $6QL76.INSERT_POSITION.TOP : _config$insertPositio, columnsRaw = config.columns, _config$hasFooter = config.hasFooter, hasFooter = _config$hasFooter === void 0 ? false : _config$hasFooter, _config$hasHeader = config.hasHeader, hasHeader = _config$hasHeader === void 0 ? true : _config$hasHeader, _config$selectableRow = config.selectableRow, selectableRow = _config$selectableRow === void 0 ? false : _config$selectableRow, _config$selectableRow2 = config.selectableRowKey, selectableRowKey = _config$selectableRow2 === void 0 ? 'id' : _config$selectableRow2, _config$selectableOnl = config.selectableOnlyOneRow, selectableOnlyOneRow = _config$selectableOnl === void 0 ? false : _config$selectableOnl, customSelectionHeader = config.customSelectionHeader, _config$minCellWidth = config.minCellWidth, minCellWidth = _config$minCellWidth === void 0 ? 100 : _config$minCellWidth, _config$selectableBar = config.selectableBarInfo, selectableBarInfo = _config$selectableBar === void 0 ? false : _config$selectableBar, _config$modeAdd = config.modeAdd, modeAdd = _config$modeAdd === void 0 ? false : _config$modeAdd, _config$modeEdit = config.modeEdit, modeEdit = _config$modeEdit === void 0 ? false : _config$modeEdit, _config$modeDelete = config.modeDelete, modeDelete = _config$modeDelete === void 0 ? false : _config$modeDelete, _config$modeGroup = config.modeGroup, modeGroup = _config$modeGroup === void 0 ? false : _config$modeGroup, _config$alwaysInEditi = config.alwaysInEdition, alwaysInEdition = _config$alwaysInEditi === void 0 ? false : _config$alwaysInEditi, _config$dynamicHeight = config.dynamicHeight, dynamicHeight = _config$dynamicHeight === void 0 ? true : _config$dynamicHeight, _config$wrapHeaderTex = config.wrapHeaderText, wrapHeaderText = _config$wrapHeaderTex === void 0 ? false : _config$wrapHeaderTex, _config$rowHeight = config.rowHeight, rowHeight = _config$rowHeight === void 0 ? 32 : _config$rowHeight, headerHeight = config.headerHeight, _config$fixedColumns = config.fixedColumns, fixedColumns = _config$fixedColumns === void 0 ? 0 : _config$fixedColumns, onCustomAdd = config.onCustomAdd, _config$addOneByOne = config.addOneByOne, addOneByOne = _config$addOneByOne === void 0 ? false : _config$addOneByOne, _config$hasSearchbar = config.hasSearchbar, hasSearchbar = _config$hasSearchbar === void 0 ? true : _config$hasSearchbar, _config$groupKey = config.groupKey, groupKey = _config$groupKey === void 0 ? 'id' : _config$groupKey, _config$collapsedGrou = config.collapsedGroup, collapsedGroup = _config$collapsedGrou === void 0 ? false : _config$collapsedGrou, _config$hideToolbar = config.hideToolbar, hideToolbar = _config$hideToolbar === void 0 ? false : _config$hideToolbar, _config$hideCheckbox = config.hideCheckbox, hideCheckbox = _config$hideCheckbox === void 0 ? false : _config$hideCheckbox, _config$defaultOrder = config.defaultOrder, defaultOrder = _config$defaultOrder === void 0 ? '' : _config$defaultOrder, _config$defaultOrderD = config.defaultOrderDirection, defaultOrderDirection = _config$defaultOrderD === void 0 ? $6QL76.SORTABLE_DIRECTIONS.ASC : _config$defaultOrderD, addRowLabel = config.addRowLabel, onCustomOrderChange = config.onCustomOrderChange;
     var cache = new $cMI0G$reactvirtualized.CellMeasurerCache({
         fixedWidth: true,
         defaultHeight: rowHeight,
@@ -237,7 +237,7 @@ var $1eb7cba72eb8d5c7$var$VirtualTable = /*#__PURE__*/ $1eb7cba72eb8d5c7$var$_re
     })), _useMachine2 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useMachine, 4), state = _useMachine2[0], context = _useMachine2[1], send = _useMachine2[2], can = _useMachine2[3];
     var _useState5 = (0, $1eb7cba72eb8d5c7$var$_react.useState)({
     }), _useState6 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useState5, 2), searchFilters = _useState6[0], setSearchFilters = _useState6[1];
-    var _useSortable = (0, $iyFQa.useSortable)(defaultOrder, defaultOrderDirection), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
+    var _useSortable = (0, $iyFQa.useSortable)(defaultOrder, defaultOrderDirection, onCustomOrderChange), order = _useSortable.order, orderDirection = _useSortable.orderDirection, onOrderChange = _useSortable.onOrderChange;
     var _useColumns = (0, $1eb7cba72eb8d5c7$var$_useColumns2["default"])(columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var _useApiState = (0, $1eb7cba72eb8d5c7$var$_useApiState3["default"])(ref), _useApiState2 = (0, $1eb7cba72eb8d5c7$var$_slicedToArray2["default"])(_useApiState, 1), apiRef = _useApiState2[0];
     var CHECKBOX_COLUMN = 'checkboxColumn';
@@ -1046,10 +1046,16 @@ function $d82bdb97016b0ccf$var$_objectSpread(target) {
     }
     return target;
 }
-var $d82bdb97016b0ccf$var$useSortable = function useSortable(defaultOrder, defaultOrderDirection) {
+var $d82bdb97016b0ccf$var$useSortable = function useSortable(defaultOrder, defaultOrderDirection, onCustomOrderChange) {
     var _useState = (0, $cMI0G$react.useState)(defaultOrder), _useState2 = (0, $d82bdb97016b0ccf$var$_slicedToArray2["default"])(_useState, 2), order = _useState2[0], setOrder = _useState2[1];
     var _useState3 = (0, $cMI0G$react.useState)(defaultOrderDirection), _useState4 = (0, $d82bdb97016b0ccf$var$_slicedToArray2["default"])(_useState3, 2), orderDirection = _useState4[0], setOrderDirection = _useState4[1];
     var onOrderChange = function onOrderChange(key) {
+        if (typeof onCustomOrderChange === 'function' && key) {
+            var orderDir = orderDirection === $6QL76.SORTABLE_DIRECTIONS.ASC ? 'desc' : 'asc';
+            setOrderDirection(orderDir);
+            onCustomOrderChange(key, orderDir);
+            return;
+        }
         if (key === order) setOrderDirection(function(prevState) {
             return prevState === $6QL76.SORTABLE_DIRECTIONS.ASC ? $6QL76.SORTABLE_DIRECTIONS.DESC : $6QL76.SORTABLE_DIRECTIONS.ASC;
         });
@@ -4127,9 +4133,7 @@ var $870cf6882e14e90a$var$EditSelectCell = /*#__PURE__*/ (0, $870cf6882e14e90a$v
             var value = _ref2.value;
             return value === valueCell;
         });
-        var renderedLabel = (option === null || option === void 0 ? void 0 : option.name) || (option === null || option === void 0 ? void 0 : option.label) || $870cf6882e14e90a$var$_I18n["default"].t('common.select');
-        if (typeof renderLabelCustom === 'function') renderedLabel = renderLabelCustom(renderedLabel, data);
-        return renderedLabel;
+        return (option === null || option === void 0 ? void 0 : option.name) || (option === null || option === void 0 ? void 0 : option.label) || $870cf6882e14e90a$var$_I18n["default"].t('common.select');
     }, [
         valueCell
     ]);
@@ -4148,12 +4152,14 @@ var $870cf6882e14e90a$var$EditSelectCell = /*#__PURE__*/ (0, $870cf6882e14e90a$v
             changeInput(e.target.value);
         },
         renderValue: function renderValue() {
+            var renderedLabel = selectedLabel;
+            if (typeof renderLabelCustom === 'function') renderedLabel = renderLabelCustom(renderedLabel, data);
             if (tooltipDetail) return(/*#__PURE__*/ $870cf6882e14e90a$var$_react["default"].createElement($cMI0G$materialuicore.Tooltip, {
                 title: tooltipDetail,
                 placement: "left",
                 arrow: true
-            }, /*#__PURE__*/ $870cf6882e14e90a$var$_react["default"].createElement("div", null, selectedLabel)));
-            return selectedLabel;
+            }, /*#__PURE__*/ $870cf6882e14e90a$var$_react["default"].createElement("div", null, renderedLabel)));
+            return renderedLabel;
         }
     }, (0, $870cf6882e14e90a$var$_omit2["default"])(rest, $94ZmE.PROPS_EXCLUDED)), /*#__PURE__*/ $870cf6882e14e90a$var$_react["default"].createElement($870cf6882e14e90a$var$_MenuItem["default"], {
         value: $1VJ9B.NO_SELECT,