@myunisoft/design-system 0.8.2 → 0.9.1

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# Changelog
+
+## 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;
@@ -7324,10 +7333,13 @@ var $21ca0ef7fb6000f8$var$edit = function edit(ctx, _ref3) {
     var addIndex = addTab.findIndex(function(e) {
         return e[selectableRowKey] === keyId;
     });
-    if (addIndex > -1) addTab[addIndex] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
-    }, addTab[addIndex]), {
-    }, $21ca0ef7fb6000f8$var$_defineProperty2["default"]({
-    }, key, data));
+    if (addIndex > -1) {
+        var _objectSpread5;
+        addTab[addIndex] = $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
+        }, addTab[addIndex]), {
+        }, (_objectSpread5 = {
+        }, $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread5, key, data), $21ca0ef7fb6000f8$var$_defineProperty2["default"](_objectSpread5, "_touched", true), _objectSpread5));
+    }
     return $21ca0ef7fb6000f8$var$_objectSpread($21ca0ef7fb6000f8$var$_objectSpread({
     }, ctx), {
     }, {
@@ -9580,7 +9592,7 @@ var $deb6f3e66712962d$var$useStorage = function useStorage(_tableKeyName) {
     var _storage = (_config$storage = config.storage) !== null && _config$storage !== void 0 ? _config$storage : localStorage;
     function getStorage() {
         var _JSON$parse;
-        if (!tableKeyName) throw new Error('The `tableKeyName` key is not defined in VirtualTable config.');
+        if (!tableKeyName) console.error('The `tableKeyName` key is not defined in VirtualTable config.');
         return ((_JSON$parse = JSON.parse(_storage === null || _storage === void 0 ? void 0 : _storage.getItem('virtualTable'))) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse[tableKeyName]) || {
         };
     }
@@ -9871,13 +9883,13 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
             return [
                 $NOfOf.ROW_TYPE.NEW,
                 $NOfOf.ROW_TYPE.EDIT
-            ].includes(e.rowType);
+            ].includes(e.rowType) && e._touched;
         }).length === 0,
         onClick: function onClick() {
             switch(state){
                 case $NOfOf.TABLE_STATE.ADD:
                     handleValidateAdd(allRows.filter(function(e) {
-                        return e.rowType === $NOfOf.ROW_TYPE.NEW;
+                        return e.rowType === $NOfOf.ROW_TYPE.NEW && e._touched;
                     }), insertPosition === $NOfOf.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
                     break;
                 case $NOfOf.TABLE_STATE.EDIT:
@@ -9890,7 +9902,7 @@ var $6a171a876dde67ea$var$ToolbarButtons = function ToolbarButtons(_ref) {
                         return [
                             $NOfOf.ROW_TYPE.EDIT,
                             $NOfOf.ROW_TYPE.NEW
-                        ].includes(e.rowType);
+                        ].includes(e.rowType) && e._touched;
                     }), insertPosition === $NOfOf.INSERT_POSITION.BOTTOM ? displayableRows.length : 0);
                     break;
             }
@@ -10808,7 +10820,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), {
                 }, {
@@ -11934,6 +11946,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")));