@dexteel/mesf-core 5.6.0 → 5.6.3

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.6.0"
+  ".": "5.6.3"
 }

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+# Changelog
+
+## [5.6.3](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.6.2...@dexteel/mesf-core-v5.6.3) (2025-07-16)
+
+
+### Bug Fixes
+
+* **tree-picker-control-v2:** Use dialogMaxWidth as optional param ([10b41d3](https://github.com/dexteel/mesf-core-frontend/commit/10b41d3965e22c5a5a6db4ec574aa958eba0b68d))
+* **tree-picker-control-v2:** Use dialogMaxWidth as optional param ([3491b4a](https://github.com/dexteel/mesf-core-frontend/commit/3491b4aceb7534294a56d69fd8505f7de79affc6))
+
+## [5.6.2] - 2025-07-16
+
+
+
+# Changelog
+
+## [5.6.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.6.1...@dexteel/mesf-core-v5.6.2) (2025-07-16)
+
+
+### Bug Fixes
+
+* **tree-picker-control-v2:** Rename params | Use itemWithParents as param ([58c9424](https://github.com/dexteel/mesf-core-frontend/commit/58c9424f6df3f05ae98e3a97558bbedbd28b3757))
+
+## [5.6.1] - 2025-07-15
+
+
+
+# Changelog
+
+## [5.6.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.6.0...@dexteel/mesf-core-v5.6.1) (2025-07-15)
+
+
+### Bug Fixes
+
+* **TreePickerControlV2:** fix onSelect ([a1f0d6b](https://github.com/dexteel/mesf-core-frontend/commit/a1f0d6ba35a570ecd2ca5ca089ebb551d1e0a04d))
+* **TreePickerControlV2:** fix onSelect ([2230ad9](https://github.com/dexteel/mesf-core-frontend/commit/2230ad940ce1df3cf62a50a9792fa74d06a3fbaa))
+
+## [5.6.0] - 2025-07-15
+
+
+
 # Changelog
 
 ## [5.6.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.5.3...@dexteel/mesf-core-v5.6.0) (2025-07-15)

package/dist/controls/filters/TreePickerControlV2.d.ts

@@ -9,6 +9,9 @@ type TreePickerControlProps = {
     showFullPath?: boolean;
     disabled?: boolean;
     dataSource: TreeNode;
+    mostUsedCount?: number | null;
+    itemsWithParent?: String[];
+    dialogMaxWidth?: "xs" | "sm" | "md" | "lg" | "xl";
     [key: string]: any;
 };
 export declare const TreePickerControlV2: (props: TreePickerControlProps) => React.JSX.Element;

package/dist/controls/filters/dialogFilter.d.ts

@@ -9,6 +9,8 @@ export interface TreeNode {
     isLeaf?: boolean;
     children?: TreeNode[];
     delayCategoryColor?: string;
+    sortOrder?: number | null;
+    parentName?: string;
 }
 interface ModalTreeFilterControlProps {
     onClose: (value?: number, name?: string, node?: TreeNode) => void;
@@ -25,6 +27,9 @@ interface ModalTreeFilterControlProps {
     setListAssetDrawings?: React.Dispatch<React.SetStateAction<number[]>>;
     onSuccess?: (value: boolean) => void;
     isLoading: boolean;
+    mostUsedCount: number;
+    itemsWithParent: String[];
+    dialogMaxWidth: "xs" | "sm" | "md" | "lg" | "xl";
 }
 declare const ModalTreeFilterControl: React.FC<ModalTreeFilterControlProps>;
 export { ModalTreeFilterControl };

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 export { LicenseManager } from 'ag-grid-enterprise';
-import { withStyles, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, createStyles, Grid, Button, alpha, makeStyles, Dialog as Dialog$1, SvgIcon, Collapse, Typography as Typography$1, Checkbox, TextField, InputAdornment, IconButton as IconButton$1, MenuItem, Box, Card, CardContent, CardActions, Paper, Tooltip, FormControl, InputLabel, Select, ListItemIcon, CircularProgress, Snackbar, FormControlLabel, Switch, Chip, DialogContentText, Badge, useTheme, Input, CssBaseline, AppBar, Toolbar, Container, Menu, Hidden, Drawer, List, ListItem, ListItemText, useMediaQuery, Divider, ListSubheader, debounce, createTheme, ThemeProvider } from '@material-ui/core';
+import { withStyles, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, createStyles, Grid, Button, alpha, makeStyles, Dialog as Dialog$1, Chip, SvgIcon, Collapse, Typography as Typography$1, Checkbox, TextField, InputAdornment, IconButton as IconButton$1, MenuItem, Box, Card, CardContent, CardActions, Paper, Tooltip, FormControl, InputLabel, Select, ListItemIcon, CircularProgress, Snackbar, FormControlLabel, Switch, DialogContentText, Badge, useTheme, Input, CssBaseline, AppBar, Toolbar, Container, Menu, Hidden, Drawer, List, ListItem, ListItemText, useMediaQuery, Divider, ListSubheader, debounce, createTheme, ThemeProvider } from '@material-ui/core';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import Alert$3 from '@material-ui/lab/Alert';
@@ -416,11 +416,11 @@ var useTreviewStyle = makeStyles(function (theme) { return ({
     },
 }); });
 var ModalTreeFilterControl = function (props) {
-    var onClose = props.onClose, valueProp = props.value, open = props.open, title = props.title, data = props.data, selectBranch = props.selectBranch, selectActive = props.selectActive, selectInternal = props.selectInternal, multipleSelectNodes = props.multipleSelectNodes, onHide = props.onHide, listAssetDrawings = props.listAssetDrawings, setListAssetDrawings = props.setListAssetDrawings, onSuccess = props.onSuccess, isLoading = props.isLoading, other = __rest(props, ["onClose", "value", "open", "title", "data", "selectBranch", "selectActive", "selectInternal", "multipleSelectNodes", "onHide", "listAssetDrawings", "setListAssetDrawings", "onSuccess", "isLoading"]);
-    var _a = useState(valueProp), value = _a[0], setValue = _a[1];
-    var _b = useState([]), expanded = _b[0], setExpanded = _b[1];
+    var onClose = props.onClose, valueProp = props.value, open = props.open, title = props.title, data = props.data, selectBranch = props.selectBranch, selectActive = props.selectActive, selectInternal = props.selectInternal, multipleSelectNodes = props.multipleSelectNodes, onHide = props.onHide, listAssetDrawings = props.listAssetDrawings, setListAssetDrawings = props.setListAssetDrawings, onSuccess = props.onSuccess, isLoading = props.isLoading, mostUsedCount = props.mostUsedCount, itemsWithParent = props.itemsWithParent, _a = props.dialogMaxWidth, dialogMaxWidth = _a === void 0 ? "sm" : _a, other = __rest(props, ["onClose", "value", "open", "title", "data", "selectBranch", "selectActive", "selectInternal", "multipleSelectNodes", "onHide", "listAssetDrawings", "setListAssetDrawings", "onSuccess", "isLoading", "mostUsedCount", "itemsWithParent", "dialogMaxWidth"]);
+    var _b = useState(valueProp), value = _b[0], setValue = _b[1];
+    var _c = useState([]), expanded = _c[0], setExpanded = _c[1];
     var treeRef = useRef(null);
-    var _c = useState([]), selectedNodes = _c[0], setSelectedNodes = _c[1];
+    var _d = useState([]), selectedNodes = _d[0], setSelectedNodes = _d[1];
     var classes = useTreviewStyle();
     useEffect(function () {
         if (!open) {
@@ -559,6 +559,24 @@ var ModalTreeFilterControl = function (props) {
             setExpanded(expandedBranches);
         }
     };
+    function treeToArray(nodes, currentParentName) {
+        if (currentParentName === void 0) { currentParentName = undefined; }
+        var treeArray = [];
+        var nodesToProcess = Array.isArray(nodes) ? nodes : [nodes];
+        nodesToProcess.forEach(function (node) {
+            if (currentParentName !== undefined) {
+                node.parentName = currentParentName;
+            }
+            else {
+                delete node.parentName;
+            }
+            treeArray.push(node);
+            if (node.children && node.children.length > 0) {
+                treeArray = treeArray.concat(treeToArray(node.children, node.name));
+            }
+        });
+        return treeArray;
+    }
     var renderTree = function (nodes) { return (React__default.createElement(StyledTreeItem, { isChecked: selectedNodes.includes(nodes.id), key: nodes.id, nodeId: nodes.id.toString(), label: React__default.createElement("div", { className: classes.treeLabelRoot },
             nodes.isCode === true && (React__default.createElement(Code, { className: classes.treLabelIcon, htmlColor: "#1ABC9C" })),
             nodes.isCode === false && (React__default.createElement(FolderIcon, { className: classes.treLabelIcon, htmlColor: "#F1C40F" })),
@@ -574,7 +592,7 @@ var ModalTreeFilterControl = function (props) {
                 }, onClick: handleCheckboxClick }))), className: "delay-item-node", id: nodes.id.toString(), "data-isbranch": !nodes.isCode }, Array.isArray(nodes.children)
         ? nodes.children.map(function (node) { return renderTree(node); })
         : null)); };
-    return (React__default.createElement(Dialog$1, __assign({ onClose: onHide ? function () { return onHide(false); } : function () { return null; }, "aria-label": title, maxWidth: "sm", disableAutoFocus: true, disableEnforceFocus: true, disableRestoreFocus: true, "aria-labelledby": "confirmation-dialog-title", open: open }, other, { onKeyDown: handleKeyDown }),
+    return (React__default.createElement(Dialog$1, __assign({ onClose: onHide ? function () { return onHide(false); } : function () { return null; }, "aria-label": title, maxWidth: dialogMaxWidth, disableAutoFocus: true, disableEnforceFocus: true, disableRestoreFocus: true, "aria-labelledby": "confirmation-dialog-title", open: open }, other, { onKeyDown: handleKeyDown }),
         React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, title),
         isLoading ? (React__default.createElement("div", { style: {
                 width: 600,
@@ -584,10 +602,30 @@ var ModalTreeFilterControl = function (props) {
                 alignItems: "center",
             } },
             React__default.createElement(LazyLoading, null))) : (React__default.createElement(DialogContent$1, { dividers: true },
-            React__default.createElement(TreeView, { autoFocus: false, className: classes.root, defaultCollapseIcon: React__default.createElement(MinusSquare, null), defaultExpandIcon: React__default.createElement(PlusSquare, null), ref: treeRef, selected: value === undefined ? "" : value.toString(), expanded: expanded, onNodeSelect: handleChange, onNodeToggle: handleToogle }, data && data.id !== undefined && renderTree(data)))),
+            React__default.createElement(TreeView, { autoFocus: false, className: classes.root, defaultCollapseIcon: React__default.createElement(MinusSquare, null), defaultExpandIcon: React__default.createElement(PlusSquare, null), ref: treeRef, selected: value === undefined ? "" : value.toString(), expanded: expanded, onNodeSelect: handleChange, onNodeToggle: handleToogle }, data && data.id !== undefined && (React__default.createElement(Grid, null,
+                mostUsedCount > 0 && (React__default.createElement(Grid, { item: true, md: 12 }, treeToArray(data)
+                    .sort(function (a, b) {
+                    if (!a.sortOrder)
+                        return 1;
+                    if (!b.sortOrder)
+                        return -1;
+                    var valA = a.sortOrder;
+                    var valB = b.sortOrder;
+                    return valA - valB;
+                })
+                    .slice(0, mostUsedCount)
+                    .map(function (node) { return (React__default.createElement(Button, { onClick: function () {
+                        onClose(node.id, node.name);
+                        if (onSuccess)
+                            onSuccess(true);
+                    }, style: { marginRight: 5, marginBottom: 8 } },
+                    React__default.createElement(Chip, { label: itemsWithParent.includes(node.name)
+                            ? "".concat(node.parentName, "/").concat(node.name)
+                            : node.name, size: "medium", variant: "outlined", style: { cursor: "pointer" } }))); }))),
+                renderTree(data)))))),
         React__default.createElement(DialogActions$1, null,
             React__default.createElement(Button, { onClick: handleCancel, color: "primary" }, "Cancel"),
-            React__default.createElement(Button, { onClick: handleOk, color: "primary" }, "OK"))));
+            React__default.createElement(Button, { onClick: function () { return handleOk(); }, color: "primary" }, "OK"))));
 };
 
 var useStyles$I = makeStyles(function (theme) { return ({
@@ -742,8 +780,8 @@ function getNodePath(node, nodeId, parentPath, isRoot) {
 }
 var TreePickerControlV2 = function (props) {
     var classes = useStyles$H();
-    var value = props.value, onSelect = props.onSelect; props.styleLabel; var dataSource = props.dataSource; props.getOptionName; var _a = props.inputTitle, inputTitle = _a === void 0 ? "Asset" : _a; props.showPath; var _c = props.multipleSelectNodes, multipleSelectNodes = _c === void 0 ? false : _c, _d = props.showClearButton, showClearButton = _d === void 0 ? false : _d, _e = props.showFullPath, showFullPath = _e === void 0 ? false : _e, showAssetTree = props.showAssetTree, onHide = props.onHide, _f = props.listAssetDrawings, listAssetDrawings = _f === void 0 ? [] : _f, onSuccess = props.onSuccess, isLoading = props.isLoading, _g = props.disabled, disabled = _g === void 0 ? false : _g, other = __rest(props, ["value", "onSelect", "styleLabel", "dataSource", "getOptionName", "inputTitle", "showPath", "multipleSelectNodes", "showClearButton", "showFullPath", "showAssetTree", "onHide", "listAssetDrawings", "onSuccess", "isLoading", "disabled"]);
-    var _h = useState(false), open = _h[0], setOpen = _h[1];
+    var value = props.value, onSelect = props.onSelect; props.styleLabel; var dataSource = props.dataSource; props.getOptionName; var _a = props.inputTitle, inputTitle = _a === void 0 ? "Asset" : _a; props.showPath; var _c = props.multipleSelectNodes, multipleSelectNodes = _c === void 0 ? false : _c, _d = props.showClearButton, showClearButton = _d === void 0 ? false : _d, _e = props.showFullPath, showFullPath = _e === void 0 ? false : _e, showAssetTree = props.showAssetTree, onHide = props.onHide, _f = props.listAssetDrawings, listAssetDrawings = _f === void 0 ? [] : _f, onSuccess = props.onSuccess, isLoading = props.isLoading, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.mostUsedCount, mostUsedCount = _h === void 0 ? 0 : _h, _j = props.itemsWithParent, itemsWithParent = _j === void 0 ? [] : _j, _k = props.dialogMaxWidth, dialogMaxWidth = _k === void 0 ? "sm" : _k, other = __rest(props, ["value", "onSelect", "styleLabel", "dataSource", "getOptionName", "inputTitle", "showPath", "multipleSelectNodes", "showClearButton", "showFullPath", "showAssetTree", "onHide", "listAssetDrawings", "onSuccess", "isLoading", "disabled", "mostUsedCount", "itemsWithParent", "dialogMaxWidth"]);
+    var _l = useState(false), open = _l[0], setOpen = _l[1];
     var handleClickListItem = function (event) {
         event.stopPropagation();
         if (disabled)
@@ -752,7 +790,7 @@ var TreePickerControlV2 = function (props) {
     };
     var handleClose = function (newValue, newDescription, findNode) {
         setOpen(false);
-        if (newValue) {
+        if (newValue !== undefined && newValue !== null) {
             if (onSelect !== undefined) {
                 onSelect(newValue, newDescription, findNode);
             }
@@ -795,7 +833,7 @@ var TreePickerControlV2 = function (props) {
         React__default.createElement(Grid, { item: true, xs: 12, md: 12 },
             React__default.createElement(ModalTreeFilterControl, __assign({ classes: {
                     paper: classes.paper,
-                }, onHide: onHide, id: "modal-treeview-filter", title: props.title, keepMounted: true, open: open, onClose: handleClose, isLoading: isLoading, value: value, data: dataSource, onBackdropClick: function () { return setOpen(false); }, multipleSelectNodes: multipleSelectNodes, listAssetDrawings: listAssetDrawings, setListAssetDrawings: listAssetDrawings, onSuccess: onSuccess }, other)))));
+                }, onHide: onHide, id: "modal-treeview-filter", title: props.title, keepMounted: true, open: open, onClose: handleClose, isLoading: isLoading, value: value, data: dataSource, onBackdropClick: function () { return setOpen(false); }, multipleSelectNodes: multipleSelectNodes, listAssetDrawings: listAssetDrawings, setListAssetDrawings: listAssetDrawings, onSuccess: onSuccess, mostUsedCount: mostUsedCount, itemsWithParent: itemsWithParent, dialogMaxWidth: dialogMaxWidth }, other)))));
 };
 
 var SimplePasswordControl = /** @class */ (function (_super) {