@myunisoft/design-system 0.8.3 → 0.9.2

package/CHANGELOG.md

@@ -0,0 +1,33 @@
+# Changelog
+
+## v0.9.2 (08/12/2021)
+
+#### Bug Fixes
+
+- [MYUN-17516](https://myunisoft.atlassian.net/browse/MYUN-17516) Fix export of empty badge cell
+- [MYUN-17665](https://myunisoft.atlassian.net/browse/MYUN-17665) Activate save button on edit
+
+---
+
+## v0.9.1 (06/12/2021)
+
+#### Bug Fixes:
+
+- [MYUN-17505](https://myunisoft.atlassian.net/browse/MYUN-17505) Add `rowIndex` property to RenderComponent callback
+- [MYUN-17584](https://myunisoft.atlassian.net/browse/MYUN-17584) Fix `typeCell` in columnsSettings and doc
+
+---
+
+## v0.9.0 (03/12/2021)
+
+#### Enhancements:
+
+- [MYUN-17510](https://myunisoft.atlassian.net/browse/MYUN-17510) Handle custom sortable 
+
+---
+
+## v0.8.4 (02/12/2021)
+
+#### Bug Fixes:
+
+- [MYUN-16553](https://myunisoft.atlassian.net/browse/MYUN-16553) Editable AmountCell are not clickable when empty

package/dist/index.js

@@ -1,5 +1,4 @@
 var $ByO3L$babelruntimehelpersinteropRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var $ByO3L$lodashorderBy = require("lodash/orderBy");
 var $ByO3L$lodashmin = require("lodash/min");
 var $ByO3L$proptypes = require("prop-types");
 var $ByO3L$react = require("react");
@@ -48,6 +47,7 @@ var $ByO3L$materialuicoreIconButton = require("@material-ui/core/IconButton");
 var $ByO3L$lodashdeburr = require("lodash/deburr");
 var $ByO3L$materialuicoreMenu = require("@material-ui/core/Menu");
 var $ByO3L$materialuiicons = require("@material-ui/icons");
+var $ByO3L$lodashorderBy = require("lodash/orderBy");
 var $ByO3L$lodashomit = require("lodash/omit");
 
 var $parcel$global =
@@ -121,8 +121,6 @@ var $66459c55c70cea69$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRe
 
 var $66459c55c70cea69$var$_slicedToArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersslicedToArray);
 
-var $66459c55c70cea69$var$_orderBy2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashorderBy);
-
 var $66459c55c70cea69$var$_min2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashmin);
 
 var $66459c55c70cea69$var$_propTypes = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$proptypes);
@@ -160,6 +158,8 @@ var $66459c55c70cea69$var$_useNavigation2 = $ByO3L$babelruntimehelpersinteropReq
 var $lhF5z = parcelRequire("lhF5z");
 
 var $66459c55c70cea69$var$_useColumns2 = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("eA5U9")));
+
+var $gczPv = parcelRequire("gczPv");
 function $66459c55c70cea69$var$_getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -241,7 +241,8 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
     var _useColumns = $66459c55c70cea69$var$_useColumns2["default"](columnsRaw, tableKeyName, config), _columns = _useColumns.state, dispatchColumnsSetting = _useColumns.dispatch;
     var CHECKBOX_COLUMN = 'checkboxColumn';
     var data = $66459c55c70cea69$var$_react.useMemo(function() {
-        return order ? $66459c55c70cea69$var$_orderBy2["default"](rowData, order, orderDirection) : rowData;
+        if (order) return $gczPv.applySorting(rowData, _columns, order, orderDirection);
+        return rowData;
     }, [
         rowData,
         order,
@@ -251,11 +252,14 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
     var _useNavigation = $66459c55c70cea69$var$_useNavigation2["default"]({
         hasCheckBox: hasCheckBox,
         onFocusChange: onFocusChange,
-        columns: columnsRaw
+        columns: _columns.filter(function(_ref2) {
+            var display = _ref2.display;
+            return display !== false;
+        })
     }), handleCellBlur = _useNavigation.handleCellBlur, handleCellFocus = _useNavigation.handleCellFocus, currentCell = _useNavigation.currentCell, setCurrentCell = _useNavigation.setCurrentCell;
     var columns = $66459c55c70cea69$var$_react.useMemo(function() {
-        var filteredColumns = _columns.filter(function(_ref2) {
-            var display = _ref2.display;
+        var filteredColumns = _columns.filter(function(_ref3) {
+            var display = _ref3.display;
             return display !== false;
         });
         if (hasCheckBox) return [
@@ -463,17 +467,17 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
         handleValidateEdit: handleValidateEdit,
         handleValidateAdd: handleValidateAdd,
         onChangeColumnsSetting: dispatchColumnsSetting
-    }), /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.ScrollSync, null, function(_ref3) {
-        var onScroll = _ref3.onScroll, scrollLeft = _ref3.scrollLeft;
+    }), /*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.ScrollSync, null, function(_ref4) {
+        var onScroll = _ref4.onScroll, scrollLeft = _ref4.scrollLeft;
         return(/*#__PURE__*/ $66459c55c70cea69$var$_react["default"].createElement($ByO3L$reactvirtualized.AutoSizer, {
             onResize: handleResize,
             style: size
-        }, function(_ref4) {
-            var height = _ref4.height, width = _ref4.width;
+        }, function(_ref5) {
+            var height = _ref5.height, width = _ref5.width;
             if (dynamicHeight && displayableRows.length * rowHeight <= calculateHeightGridBody(height)) height = displayableRows.length * rowHeight + verticalPadding;
             else height = calculateHeightGridBody(height);
-            var _getColumnWidth = function _getColumnWidth1(_ref5) {
-                var index = _ref5.index;
+            var _getColumnWidth = function _getColumnWidth1(_ref6) {
+                var index = _ref6.index;
                 var _columns$index = columns[index], _columns$index$width = _columns$index.width, widthColumn = _columns$index$width === void 0 ? -1 : _columns$index$width, _columns$index$size = _columns$index.size, size1 = _columns$index$size === void 0 ? -1 : _columns$index$size;
                 if (size1 !== -1 && width > totalColumnsWidth) {
                     var averageColumn = (width - totalColumnsWidth) / totalColumnsSize;
@@ -514,8 +518,8 @@ var $66459c55c70cea69$var$VirtualTable = /*#__PURE__*/ $66459c55c70cea69$var$_re
                 onScroll: onScroll,
                 rowHeight: cache.rowHeight,
                 fixedColumnCount: fixedColumns + +hasCheckBox,
-                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref6) {
-                    var horizontal = _ref6.horizontal, size1 = _ref6.size, vertical = _ref6.vertical;
+                onScrollbarPresenceChange: function onScrollbarPresenceChange(_ref7) {
+                    var horizontal = _ref7.horizontal, size1 = _ref7.size, vertical = _ref7.vertical;
                     setVerticalPadding(horizontal ? size1 : 0);
                     setHorizontalPadding(vertical ? size1 : 0);
                 },
@@ -1793,7 +1797,7 @@ var $bd57180c0aaf6443$var$BodyCell = function BodyCell(_ref) {
             data: displayableRow,
             dataKey: keyColumn1,
             columnIndex: columnIndex1,
-            type: currentTypeCell(displayableRow),
+            typeCell: currentTypeCell(displayableRow),
             spaceBetween: spaceBetween,
             onBlur: function onBlur() {
                 return onCellBlur(rowIndex1, columnIndex1);
@@ -2320,7 +2324,7 @@ var $NOfOf = parcelRequire("NOfOf");
 
 var $hUH45 = parcelRequire("hUH45");
 var $7ac33646021a7e72$var$_excluded = [
-    "type",
+    "typeCell",
     "subtype",
     "data",
     "dataKey",
@@ -2389,7 +2393,7 @@ function $7ac33646021a7e72$var$_objectSpread(target) {
     return target;
 }
 var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
-    var type = _ref.type, subtype = _ref.subtype, _ref$data = _ref.data, data = _ref$data === void 0 ? {
+    var typeCell = _ref.typeCell, subtype = _ref.subtype, _ref$data = _ref.data, data = _ref$data === void 0 ? {
     } : _ref$data, dataKey = _ref.dataKey, columnIndex = _ref.columnIndex, spaceBetween = _ref.spaceBetween, rowIndex = _ref.rowIndex, _ref$onKeyDown = _ref.onKeyDown, onKeyDown = _ref$onKeyDown === void 0 ? function() {
     } : _ref$onKeyDown, _ref$onBlur = _ref.onBlur, onBlur = _ref$onBlur === void 0 ? function() {
     } : _ref$onBlur, _ref$onFocus = _ref.onFocus, onFocus = _ref$onFocus === void 0 ? function() {
@@ -2463,7 +2467,7 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
         vtContext: vtContext
     }, rest);
     function switchCell() {
-        switch(type){
+        switch(typeCell){
             case $fjngL.TYPE_CELL.ATTACHMENT:
                 return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement($7ac33646021a7e72$var$_AttachmentCell["default"], $7ac33646021a7e72$var$_extends2["default"]({
                     subtype: subtype
@@ -2517,7 +2521,8 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
                 return renderComponent($7ac33646021a7e72$var$_objectSpread($7ac33646021a7e72$var$_objectSpread({
                 }, commonProps), {
                 }, {
-                    data: data
+                    data: data,
+                    rowIndex: rowIndex
                 }));
             case $fjngL.TYPE_CELL.STRING:
             default:
@@ -2526,7 +2531,7 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
     }
     if ([
         $fjngL.TYPE_CELL.CHECKBOX
-    ].includes(type)) return switchCell();
+    ].includes(typeCell)) return switchCell();
     return(/*#__PURE__*/ $7ac33646021a7e72$var$_react["default"].createElement("div", {
         style: {
             margin: "0 ".concat(spaceBetween / 2, "px"),
@@ -2537,13 +2542,13 @@ var $7ac33646021a7e72$var$CellRender = function CellRender(_ref) {
     }, switchCell()));
 };
 $7ac33646021a7e72$var$CellRender.propTypes = {
-    type: $7ac33646021a7e72$var$_propTypes["default"].string,
+    typeCell: $7ac33646021a7e72$var$_propTypes["default"].string,
     data: $7ac33646021a7e72$var$_propTypes["default"].object.isRequired,
     dataKey: $7ac33646021a7e72$var$_propTypes["default"].string.isRequired,
     columnIndex: $7ac33646021a7e72$var$_propTypes["default"].number
 };
 $7ac33646021a7e72$var$CellRender.defaultProps = {
-    type: $fjngL.TYPE_CELL.STRING
+    typeCell: $fjngL.TYPE_CELL.STRING
 };
 var $7ac33646021a7e72$var$_default = $7ac33646021a7e72$var$CellRender;
 module.exports["default"] = $7ac33646021a7e72$var$_default;
@@ -2758,7 +2763,8 @@ module.exports["default"] = void 0;
 var $84c4513cb6863285$var$useStyles = $ByO3L$materialuicore.makeStyles(function() {
     return {
         amountCell: {
-            paddingRight: 10
+            paddingRight: 10,
+            height: '100%'
         },
         disabled: {
             opacity: 0.5
@@ -2955,6 +2961,9 @@ var $48de11c1b8ebd932$var$_excluded = [
     "data",
     "dataKey",
     "column",
+    "columnIndex",
+    "vtContext",
+    "typeCell",
     "onChange",
     "keyId"
 ];
@@ -2986,7 +2995,7 @@ function $48de11c1b8ebd932$var$_interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 var $48de11c1b8ebd932$var$EditStringCell = /*#__PURE__*/ $48de11c1b8ebd932$var$_react["default"].memo(function EditStringCell(_ref) {
-    var data = _ref.data, dataKey = _ref.dataKey, column = _ref.column, onChange = _ref.onChange, keyId = _ref.keyId, rest = $48de11c1b8ebd932$var$_objectWithoutProperties2["default"](_ref, $48de11c1b8ebd932$var$_excluded);
+    var data = _ref.data, dataKey = _ref.dataKey, column = _ref.column, columnIndex = _ref.columnIndex, vtContext = _ref.vtContext, typeCell = _ref.typeCell, onChange = _ref.onChange, keyId = _ref.keyId, rest = $48de11c1b8ebd932$var$_objectWithoutProperties2["default"](_ref, $48de11c1b8ebd932$var$_excluded);
     var styles = $48de11c1b8ebd932$var$_styles["default"]();
     var _column$isDisabled = column.isDisabled, isDisabled = _column$isDisabled === void 0 ? function() {
         return false;
@@ -5779,6 +5788,7 @@ var $8614a7f4dd6dc787$var$formatDataToCSV = function formatDataToCSV(row, _ref)
         case $fjngL.TYPE_CELL.BADGE_STATUS:
         case $fjngL.TYPE_CELL.SWITCH_BADGE_STATUS:
             var _find2;
+            if (!value) return '';
             var status = value.status;
             if (status === $gNAlh.BADGE_STATUS.IN_PROGRESS.value && value !== null && value !== void 0 && value.value) return (value === null || value === void 0 ? void 0 : value.value) > $9CaLt.MAX_COUNT_NOTIFY ? '+99' : value === null || value === void 0 ? void 0 : value.value;
             return (_find2 = $8614a7f4dd6dc787$var$_find3["default"]($gNAlh.BADGE_STATUS, function(badge) {
@@ -5801,6 +5811,7 @@ var $8614a7f4dd6dc787$var$formatDataToCSV = function formatDataToCSV(row, _ref)
         case $fjngL.TYPE_CELL.STRING:
             return value;
         case $fjngL.TYPE_CELL.WALLET:
+            if (!value) return '';
             var _value$array = value.array, array = _value$array === void 0 ? [] : _value$array;
             return array.map(function(_ref4) {
                 var id = _ref4.id;
@@ -7319,7 +7330,7 @@ var $21ca0ef7fb6000f8$var$edit = function edit(ctx, _ref3) {
         tab[index] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
         }, tab[index]), {
         }, (_objectSpread4 = {
-        }, $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread4, key, data), $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread4, "rowType", $NOfOf.ROW_TYPE.EDIT), _objectSpread4));
+        }, $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread4, key, data), $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread4, "rowType", $NOfOf.ROW_TYPE.EDIT), $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread4, "_touched", true), _objectSpread4));
     }
     var addIndex = addTab.findIndex(function(e) {
         return e[selectableRowKey] === keyId;
@@ -7461,6 +7472,7 @@ var $21ca0ef7fb6000f8$var$_default = $ByO3L$robot3.createMachine({
             addRows: []
         });
     })), $ByO3L$robot3.transition('delete', 'ADD', $ByO3L$robot3.reduce($21ca0ef7fb6000f8$var$removeRow)), $ByO3L$robot3.transition('input', 'ADD', $ByO3L$robot3.reduce(function(ctx, ev) {
+        var _objectSpread6;
         var addRows = ctx.addRows;
         var tab = $21ca0ef7fb6000f8$var$_toConsumableArray2["default"](addRows);
         var index = tab.findIndex(function(e) {
@@ -7468,8 +7480,8 @@ var $21ca0ef7fb6000f8$var$_default = $ByO3L$robot3.createMachine({
         });
         tab[index] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
         }, tab[index]), {
-        }, $21ca0ef7fb6000f8$var$_defineProperty2["default"]({
-        }, ev.key, ev.data));
+        }, (_objectSpread6 = {
+        }, $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread6, ev.key, ev.data), $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread6, "_touched", true), _objectSpread6));
         return $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
         }, ctx), {
         }, {
@@ -7482,7 +7494,10 @@ var $21ca0ef7fb6000f8$var$_default = $ByO3L$robot3.createMachine({
             return e[ev.selectableRowKey] === ev.keyId;
         });
         tab[index] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
-        }, tab[index]), ev.data);
+        }, tab[index]), {
+        }, {
+            _touched: true
+        }, ev.data);
         return $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
         }, ctx), {
         }, {
@@ -10811,7 +10826,7 @@ var $a137c8e9e6a13ab0$var$DataGrid = function DataGrid(_ref) {
                     send: function send() {
                     }
                 },
-                type: column.typeCell,
+                typeCell: column.typeCell,
                 column: $a137c8e9e6a13ab0$var$_objectSpread($a137c8e9e6a13ab0$var$_objectSpread({
                 }, column), {
                 }, {
@@ -11937,6 +11952,83 @@ module.exports["default"] = $a9d902000ecbacf8$var$_default;
 
 });
 
+parcelRequire.register("gczPv", function(module, exports) {
+"use strict";
+
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.applySorting = void 0;
+
+var $bcb98f601ab8dcd2$var$_toConsumableArray2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelperstoConsumableArray);
+
+var $bcb98f601ab8dcd2$var$_defineProperty2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$babelruntimehelpersdefineProperty);
+
+var $bcb98f601ab8dcd2$var$_orderBy2 = $ByO3L$babelruntimehelpersinteropRequireDefault($ByO3L$lodashorderBy);
+
+var $fjngL = parcelRequire("fjngL");
+
+var $NOfOf = parcelRequire("NOfOf");
+function $bcb98f601ab8dcd2$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $bcb98f601ab8dcd2$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $bcb98f601ab8dcd2$var$ownKeys(Object(source), true).forEach(function(key) {
+            $bcb98f601ab8dcd2$var$_defineProperty2["default"](target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $bcb98f601ab8dcd2$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var $bcb98f601ab8dcd2$var$sortAlg = function sortAlg(list) {
+    return function(a, b) {
+        if (!a) return 1;
+        else if (!b) return -1;
+        return +list[a] - +list[b];
+    };
+};
+var $bcb98f601ab8dcd2$var$buildComparator = function buildComparator(column) {
+    if (column !== null && column !== void 0 && column.sortComparator) return column.sortComparator;
+    if (column.typeCell === $fjngL.TYPE_CELL.SELECT) {
+        if (!column.options) return;
+        var list = column.options.reduce(function(prev, curr) {
+            return $bcb98f601ab8dcd2$var$_objectSpread($bcb98f601ab8dcd2$var$_objectSpread({
+            }, prev), {
+            }, $bcb98f601ab8dcd2$var$_defineProperty2["default"]({
+            }, curr.value, curr.sortOrder));
+        }, {
+        });
+        return $bcb98f601ab8dcd2$var$sortAlg(list);
+    }
+};
+var $bcb98f601ab8dcd2$var$applySorting = function applySorting(data, columns, order, orderDirection) {
+    var column = columns.find(function(c) {
+        return c.key === order;
+    });
+    var comparator = $bcb98f601ab8dcd2$var$buildComparator(column, order);
+    if (comparator) return $bcb98f601ab8dcd2$var$_toConsumableArray2["default"](data).sort(function(a, b) {
+        return orderDirection === $NOfOf.SORTABLE_DIRECTIONS.ASC ? comparator(a[order], b[order]) : comparator(b[order], a[order]);
+    });
+    return $bcb98f601ab8dcd2$var$_orderBy2["default"](data, order, orderDirection);
+};
+module.exports.applySorting = $bcb98f601ab8dcd2$var$applySorting;
+
+});
+
 
 
 var $c79bbf7dbb0f3531$var$_VirtualTable = $ByO3L$babelruntimehelpersinteropRequireDefault((parcelRequire("8Mof3")));