@dexteel/mesf-core 4.7.4 → 4.7.5

package/CHANGELOG.md

@@ -1,4 +1,6 @@
 # CHANGELOG
+## 4.7.5
+- Added function to format AssetFullPath and display a part in the input
 ## 4.7.4
 - Trending: Change size of the date navigator arrows to improve the responsive behavior
 - Trendings: Fix too many numbers on table bug. Show only the 3 digits after the comma

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

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 type TreePickerControlProps = {
-    onSelect: (value: string, description: string, findNode: any) => void;
+    onSelect: (value: string, description: string, findNode: any, showPath?: boolean) => void;
     [key: string]: any;
 };
 export declare const TreePickerControl: (props: TreePickerControlProps) => React.JSX.Element;

package/dist/index.esm.js

@@ -2,7 +2,7 @@ export { LicenseManager } from 'ag-grid-enterprise';
 import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1, Grid as Grid$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, DialogContentText, DialogActions as DialogActions$2, FormHelperText, CircularProgress as CircularProgress$1, Badge, FormControlLabel, Checkbox, Snackbar as Snackbar$1, Paper as Paper$1, MenuItem as MenuItem$1, useTheme as useTheme$1, Tooltip, createStyles as createStyles$1, FormControl as FormControl$1, Select as Select$1, Box, Divider, IconButton as IconButton$1, debounce, List, ListItem, ListItemText } from '@material-ui/core';
 import { values, get, isNil as isNil$1, isEmpty, isNaN, round } from 'lodash-es';
 import * as React from 'react';
-import React__default, { useState, useRef, useEffect, Component, createContext, useContext, useMemo, useCallback, lazy, Suspense } from 'react';
+import React__default, { useState, useRef, useEffect, useMemo, Component, createContext, useContext, useCallback, lazy, Suspense } from 'react';
 import { Alert as Alert$1, Modal as Modal$1, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
 import DialogTitle$1 from '@material-ui/core/DialogTitle';
 import DialogContent$1 from '@material-ui/core/DialogContent';
@@ -450,26 +450,26 @@ ModalTreeFilterControl.propTypes = {
     data: PropTypes.object.isRequired
 };
 
-var TreePickerControl = function (props) {
-    var useStyles = makeStyles(function (theme) { return ({
-        root: {
-            width: "100%",
-            backgroundColor: theme.palette.background.paper,
-            "& .MuiInputBase-input": {
-                color: "black",
-                cursor: "pointer",
-                paddingRight: 45
-            }
-        },
-        paper: {
-            width: "100%",
-            maxWidth: 600,
-            maxHeight: 600
+var useStyles$A = makeStyles(function (theme) { return ({
+    root: {
+        width: "100%",
+        backgroundColor: theme.palette.background.paper,
+        "& .MuiInputBase-input": {
+            color: "black",
+            cursor: "pointer",
+            paddingRight: 45
         }
-    }); });
-    var classes = useStyles();
-    var onSelect = props.onSelect, value = props.value; props.styleLabel; var dataSource = props.dataSource, _a = props.inputTitle, inputTitle = _a === void 0 ? "Asset" : _a, other = __rest(props, ["onSelect", "value", "styleLabel", "dataSource", "inputTitle"]);
-    var _b = React__default.useState(false), open = _b[0], setOpen = _b[1];
+    },
+    paper: {
+        width: "100%",
+        maxWidth: 600,
+        maxHeight: 600
+    }
+}); });
+var TreePickerControl = function (props) {
+    var classes = useStyles$A();
+    var onSelect = props.onSelect, value = props.value; props.styleLabel; var dataSource = props.dataSource, _a = props.inputTitle, inputTitle = _a === void 0 ? "Asset" : _a; props.showPath; var other = __rest(props, ["onSelect", "value", "styleLabel", "dataSource", "inputTitle", "showPath"]);
+    var _c = React__default.useState(false), open = _c[0], setOpen = _c[1];
     var handleClickListItem = function (e) {
         e.stopPropagation();
         setOpen(true);
@@ -481,10 +481,40 @@ var TreePickerControl = function (props) {
                 onSelect(newValue, newDescription, findNode);
         }
     };
+    var formatDescription = function (description) {
+        if (props.showPath && (description === null || description === void 0 ? void 0 : description.includes('/')) && description.split('/').length > 3) {
+            var parts = description.split('/');
+            var formattedDescription = '';
+            for (var i = 0; i < parts.length; i++) {
+                if (i < parts.length - 2) {
+                    formattedDescription += '.../';
+                }
+                else if (i === parts.length - 2) {
+                    if (parts[i].length > 6) {
+                        formattedDescription += parts[i].substring(0, 6) + '.../';
+                    }
+                    else {
+                        formattedDescription += parts[i] + '/';
+                    }
+                }
+                else {
+                    formattedDescription += parts[i];
+                    if (i < parts.length - 1) {
+                        formattedDescription += '/';
+                    }
+                }
+            }
+            return formattedDescription;
+        }
+        else {
+            return description;
+        }
+    };
+    var description = useMemo(function () { return formatDescription(props.description); }, [props.description]);
     return (React__default.createElement(Grid, { container: true, className: classes.root },
-        React__default.createElement(Grid, { container: true, item: true, md: 12, xs: 12, style: { position: "relative" } },
+        React__default.createElement(Grid, { container: true, item: true, md: 12, xs: 12, style: { position: "relative" }, title: props.description },
             React__default.createElement(Grid, { item: true, style: { position: "relative", width: "100%" } },
-                React__default.createElement(TextField, { label: inputTitle, variant: "outlined", value: props.description, margin: "dense", autoComplete: "off", fullWidth: true, disabled: true }),
+                React__default.createElement(TextField, { id: "treePickerTextField", label: inputTitle, variant: "outlined", value: description, margin: "dense", autoComplete: "off", fullWidth: true, disabled: true }),
                 React__default.createElement(AccountTreeIcon, { style: {
                         position: "absolute",
                         right: 15,