@dexteel/mesf-core 5.4.2 → 5.5.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.4.2"
+  ".": "5.5.0"
 }

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# Changelog
+
+## [5.5.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.4.2...@dexteel/mesf-core-v5.5.0) (2025-06-18)
+
+
+### Features
+
+* **asset tree:** update asset tree ([43a2ad3](https://github.com/dexteel/mesf-core-frontend/commit/43a2ad302185a3519dc6371457d5d5c30ed543b0))
+* **asset tree:** update asset tree to support asset 0 and fix area selector ([3311536](https://github.com/dexteel/mesf-core-frontend/commit/3311536b5af0b5527495fcc3a14ab87e81c86c4c))
+
+
+### Bug Fixes
+
+* use PlantAssetId as prop in MESFMain ([6246891](https://github.com/dexteel/mesf-core-frontend/commit/6246891b0a5c07cecf83b4b175e3f60d043744ab))
+
+## [5.4.2] - 2025-05-29
+
+
+
 # Changelog
 
 ## [5.4.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.4.1...@dexteel/mesf-core-v5.4.2) (2025-05-29)

package/dist/MESFMain.d.ts

@@ -9,6 +9,7 @@ interface Props {
     showAreaSelector?: boolean;
     showTrendingsIcon?: boolean;
     byPassHeaderRoutes?: string[];
+    plantAssetId?: number;
 }
-declare function MESFMain({ authentication, routes, navbar, navbarTitle, configurations, showAreaSelector, showTrendingsIcon, byPassHeaderRoutes, }: Props): React.JSX.Element;
+declare function MESFMain({ authentication, routes, navbar, navbarTitle, configurations, showAreaSelector, showTrendingsIcon, byPassHeaderRoutes, plantAssetId, }: Props): React.JSX.Element;
 export { MESFMain };

package/dist/configuration/pages/asset/models/AssetParameters.d.ts

@@ -1,6 +1,6 @@
 export interface AssetParameters {
     id: number;
-    parent: number;
+    parent: number | null;
     text: string;
     data: {
         fileType: string;

package/dist/context/assetContext.d.ts

@@ -3,11 +3,13 @@ export declare const useAssetContext: () => {
     state: {
         areasList: import("../models/Asset").Asset[];
         allAssets: import("../models/Asset").Asset[];
+        plantAssetId: number;
     };
     actions: import("@reduxjs/toolkit").CaseReducerActions<{
         setAreasList(state: import("immer/dist/internal").WritableDraft<{
             areasList: import("../models/Asset").Asset[];
             allAssets: import("../models/Asset").Asset[];
+            plantAssetId: number;
         }>, { payload }: {
             payload: any;
             type: string;
@@ -15,12 +17,22 @@ export declare const useAssetContext: () => {
         setAllAssets(state: import("immer/dist/internal").WritableDraft<{
             areasList: import("../models/Asset").Asset[];
             allAssets: import("../models/Asset").Asset[];
+            plantAssetId: number;
+        }>, { payload }: {
+            payload: any;
+            type: string;
+        }): void;
+        setPlantAssetId(state: import("immer/dist/internal").WritableDraft<{
+            areasList: import("../models/Asset").Asset[];
+            allAssets: import("../models/Asset").Asset[];
+            plantAssetId: number;
         }>, { payload }: {
             payload: any;
             type: string;
         }): void;
     }, "__">;
 };
-export declare const AssetProvider: ({ children }: {
+export declare const AssetProvider: ({ children, plantAssetId, }: {
     children: ReactNode;
+    plantAssetId?: number;
 }) => React.JSX.Element;

package/dist/index.esm.js

@@ -5337,6 +5337,7 @@ var ShiftsCrewsPage = function (props) {
 var AssetInitialState = {
     areasList: [],
     allAssets: [],
+    plantAssetId: 1,
 };
 var AssetReducer = createSlice({
     name: "__",
@@ -5350,6 +5351,10 @@ var AssetReducer = createSlice({
             var payload = _a.payload;
             state.allAssets = payload;
         },
+        setPlantAssetId: function (state, _a) {
+            var payload = _a.payload;
+            state.plantAssetId = payload;
+        },
     },
 });
 
@@ -5359,17 +5364,21 @@ var AssetContext = createContext({
 });
 var useAssetContext = function () { return useContext(AssetContext); };
 var AssetProvider = function (_a) {
-    var children = _a.children;
-    var _b = useComplexState({
-        initialState: AssetReducer.getInitialState(),
+    var children = _a.children, _b = _a.plantAssetId, plantAssetId = _b === void 0 ? 1 : _b;
+    var _c = useComplexState({
+        initialState: {
+            areasList: [],
+            allAssets: [],
+            plantAssetId: plantAssetId,
+        },
         reducers: AssetReducer.caseReducers,
-    }), state = _b[0], actions = _b[1];
+    }), state = _c[0], actions = _c[1];
     return (React__default.createElement(AssetContext.Provider, { value: { state: state, actions: actions } }, children));
 };
 
 var DATA_ASSET_INITIAL_VALUES = {
     AssetId: null,
-    ParentAssetId: 1,
+    ParentAssetId: 0,
     AssetName: "",
     IsAsset: false,
     CanBeDefaultAsset: false,
@@ -5484,7 +5493,7 @@ var ConfigurationAssetProvider = function (_a) {
 var TransformAssetModelData = function (node) {
     var model = {
         id: node.AssetId,
-        parent: node.ParentAssetId ? node.ParentAssetId : 0,
+        parent: node.ParentAssetId === null ? -1 : node.ParentAssetId,
         text: node.AssetName,
         data: {
             fileType: "csv",
@@ -5599,26 +5608,21 @@ var useAssetCodes = function () {
     var buildTreeAssets = function (nodes) {
         if (nodes === undefined)
             return;
-        //tree build functions
         var idMapping = nodes.reduce(function (acc, el, i) {
             acc[el.id] = i;
             return acc;
         }, {});
         var root;
         nodes.forEach(function (el) {
-            // Handle the root element
             if (el.parentId === null) {
                 root = el;
                 return;
             }
-            // Use our mapping to locate the parent element in our data array
             var parentEl = nodes[idMapping[el.parentId]];
-            // Handle the case where the element has no parent
             if (!parentEl) {
                 console.log(el);
                 return;
             }
-            // Add our current el to its parent's `children` array
             if (!parentEl["children"]) {
                 parentEl["children"] = [];
             }
@@ -5691,14 +5695,14 @@ var CreateNewAssetDialog = function (_a) {
     var _d = useState(false), assetCreatedSuccess = _d[0], setAssetCreatedSuccess = _d[1];
     var _e = useState(""), errorCreateAsset = _e[0], setErrorCreateAsset = _e[1];
     var _f = useState(false), isCreateSubmitLoading = _f[0], setIsCreateSubmitLoading = _f[1];
-    var allAssets = useAssetContext().state.allAssets;
-    var _g = useConfigurationAssetContext(), _h = _g.state, assetNodeSelectedInTree = _h.assetNodeSelectedInTree, assetCodes = _h.assetCodes, dataToCreateAsset = _h.dataToCreateAsset; _h.assetTreeName; var _j = _g.actions, setAssetNameToCreateAsset = _j.setAssetNameToCreateAsset, setAssetTreeName = _j.setAssetTreeName, setAssetParentAssetIdToCreateAsset = _j.setAssetParentAssetIdToCreateAsset, setParentAssetNameInNodeSelectedInTree = _j.setParentAssetNameInNodeSelectedInTree;
+    var _g = useAssetContext().state, allAssets = _g.allAssets, plantAssetId = _g.plantAssetId;
+    var _h = useConfigurationAssetContext(), _j = _h.state, assetNodeSelectedInTree = _j.assetNodeSelectedInTree, assetCodes = _j.assetCodes, dataToCreateAsset = _j.dataToCreateAsset; _j.assetTreeName; var _k = _h.actions, setAssetNameToCreateAsset = _k.setAssetNameToCreateAsset, setAssetTreeName = _k.setAssetTreeName, setAssetParentAssetIdToCreateAsset = _k.setAssetParentAssetIdToCreateAsset, setParentAssetNameInNodeSelectedInTree = _k.setParentAssetNameInNodeSelectedInTree;
     var loadFilterAssets = useAssetCodes().loadFilterAssets;
-    var _k = useForm({
+    var _l = useForm({
         defaultValues: dataToCreateAsset
             ? dataToCreateAsset
             : DATA_ASSET_INITIAL_VALUES,
-    }), control = _k.control, handleSubmit = _k.handleSubmit, reset = _k.reset, setValue = _k.setValue, errors = _k.formState.errors;
+    }), control = _l.control, handleSubmit = _l.handleSubmit, reset = _l.reset, setValue = _l.setValue, errors = _l.formState.errors;
     var handleCancel = function () {
         onHide(false);
     };
@@ -5737,6 +5741,14 @@ var CreateNewAssetDialog = function (_a) {
         setParentAssetNameInNodeSelectedInTree(description);
     };
     var handleFormSubmit = handleSubmit(handleCreateAsset);
+    var getRootAssetId = function () {
+        var rootAsset = allAssets.find(function (asset) { return asset.ParentAssetId === null; });
+        return rootAsset ? rootAsset.AssetId : plantAssetId;
+    };
+    var getRootAssetName = function () {
+        var rootAsset = allAssets.find(function (asset) { return asset.ParentAssetId === null; });
+        return rootAsset ? rootAsset.AssetName : "Plant";
+    };
     useEffect(function () {
         if (show) {
             reset();
@@ -5747,9 +5759,11 @@ var CreateNewAssetDialog = function (_a) {
                 setParentAssetNameInNodeSelectedInTree(parentAssetNode === null || parentAssetNode === void 0 ? void 0 : parentAssetNode.AssetName);
             }
             else {
-                setAssetParentAssetIdToCreateAsset(1);
-                setAssetTreeName("Plant");
+                var rootId = getRootAssetId();
+                setAssetParentAssetIdToCreateAsset(rootId);
+                setAssetTreeName(getRootAssetName());
                 setAssetNameToCreateAsset("");
+                setValue("ParentAssetId", rootId);
             }
         }
     }, [show]);
@@ -5777,8 +5791,10 @@ var CreateNewAssetDialog = function (_a) {
                             React__default.createElement(Grid, { container: true },
                                 React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { marginBottom: "8px" } },
                                     React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: 0, marginTop: 10 } },
-                                        React__default.createElement(Controller, { name: "ParentAssetId", control: control, render: function (_a) { return (React__default.createElement(TreePickerControl, { inputTitle: "Asset", title: "Asset Parent", dataSource: assetCodes, value: (assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.AssetId) || 1, description: (assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.ParentAssetName) ||
-                                                    "Plant", onSelect: changeParentAssetId, selectBranch: true, selectActive: false, selectInternal: false })); } }))),
+                                        React__default.createElement(Controller, { name: "ParentAssetId", control: control, render: function (_a) {
+                                                var value = _a.field.value;
+                                                return (React__default.createElement(TreePickerControlV2, { inputTitle: "Asset", title: "Asset Parent", dataSource: assetCodes, value: value, onSelect: changeParentAssetId, selectBranch: true, selectActive: false, selectInternal: false }));
+                                            } }))),
                                 React__default.createElement(Grid, { container: true, style: { marginTop: "10px 0", padding: "0" } },
                                     React__default.createElement(Grid, { item: true, xs: 6, md: 6 },
                                         React__default.createElement(Controller, { name: "CanBeDefaultAsset", control: control, defaultValue: false, render: function (_a) {
@@ -5801,7 +5817,7 @@ var CreateNewAssetDialog = function (_a) {
                                             React__default.createElement(Button, { fullWidth: true, startIcon: isCreateSubmitLoading && (React__default.createElement(CircularProgress, { size: "1rem" })), disabled: isCreateSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))))))),
         React__default.createElement(ErrorModal, { error: errorCreateAsset, onHide: function () { return setErrorCreateAsset(""); } }),
         React__default.createElement(Snackbar, { open: assetCreatedSuccess, autoHideDuration: 2500, onClose: handleClose },
-            React__default.createElement(Alert$3, { severity: "info", onClose: handleClose }, "Document created succesfully"))));
+            React__default.createElement(Alert$3, { severity: "info", onClose: handleClose }, "Document created successfully"))));
 };
 
 var useStyles$p = makeStyles(function (theme) { return ({
@@ -6219,8 +6235,14 @@ var useAssetActions = function (_a) {
             switch (_a.label) {
                 case 0:
                     dropTargetId = options.dropTargetId;
-                    if (dropTargetId == 0) {
-                        dropTargetId = 1;
+                    if (dropTargetId === -1 ||
+                        dropTargetId === null ||
+                        dropTargetId === undefined) {
+                        onAssetUpdateEnd({
+                            ok: false,
+                            message: "Cannot move assets to root level. Only one root asset (Plant) is allowed.",
+                        });
+                        return [2 /*return*/];
                     }
                     onAssetUpdateStart();
                     return [4 /*yield*/, updateAsset(selectedNodes.map(function (cn) { return cn.id; }), dropTargetId)];
@@ -6387,7 +6409,7 @@ var CustomNode = function (_a) {
     var handleToggle = function (e) {
         var _a;
         e.stopPropagation();
-        if (openAssets[id]) {
+        if (openAssets[id] === id) {
             var newOpenAssets = __assign({}, openAssets);
             delete newOpenAssets[id];
             setOpenAssets(newOpenAssets);
@@ -6654,7 +6676,7 @@ var AssetViewComponent = function () {
                                         paddingBottom: 10,
                                     } },
                                     React__default.createElement(Grid, null,
-                                        React__default.createElement(Tree, { rootId: 0, initialOpen: openAssetsArray, tree: allAssetNodes, enableAnimateExpand: true, classes: {
+                                        React__default.createElement(Tree, { rootId: -1, initialOpen: openAssetsArray, tree: allAssetNodes, enableAnimateExpand: true, classes: {
                                                 root: classes.assetRoot,
                                                 dropTarget: classes.dropTarget,
                                             }, onDrop: handleDrop, onDragStart: handleDragStart, onDragEnd: handleDragEnd, canDrop: function (asset, options) {
@@ -14193,14 +14215,14 @@ var timezone = TimeService.getInstance().getServerTimeZone();
 moment$2.tz.setDefault(timezone);
 var base = document.getElementsByTagName("base")[0].getAttribute("href") || "/";
 function MESFMain(_a) {
-    var authentication = _a.authentication, routes = _a.routes, navbar = _a.navbar, _b = _a.navbarTitle, navbarTitle = _b === void 0 ? "MESF" : _b, configurations = _a.configurations, _c = _a.showAreaSelector, showAreaSelector = _c === void 0 ? false : _c, _d = _a.showTrendingsIcon, showTrendingsIcon = _d === void 0 ? true : _d, _e = _a.byPassHeaderRoutes, byPassHeaderRoutes = _e === void 0 ? [] : _e;
+    var authentication = _a.authentication, routes = _a.routes, navbar = _a.navbar, _b = _a.navbarTitle, navbarTitle = _b === void 0 ? "MESF" : _b, configurations = _a.configurations, _c = _a.showAreaSelector, showAreaSelector = _c === void 0 ? false : _c, _d = _a.showTrendingsIcon, showTrendingsIcon = _d === void 0 ? true : _d, _e = _a.byPassHeaderRoutes, byPassHeaderRoutes = _e === void 0 ? [] : _e, _f = _a.plantAssetId, plantAssetId = _f === void 0 ? 1 : _f;
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(CssBaseline, null),
         React__default.createElement(ThemeProvider, { theme: themeMESF },
             React__default.createElement(AuthProvider, { authConfig: authentication },
                 React__default.createElement(LocalizationProvider, { dateAdapter: AdapterMoment, dateLibInstance: moment$2 },
                     React__default.createElement(UserProvider, null,
-                        React__default.createElement(AssetProvider, null,
+                        React__default.createElement(AssetProvider, { plantAssetId: plantAssetId },
                             React__default.createElement(UTLSettingsProvider, null,
                                 React__default.createElement(RouterContext.Provider, { value: routes },
                                     React__default.createElement(NavbarContext.Provider, { value: navbar },
@@ -14325,6 +14347,11 @@ var AreaSelector = function () {
             setDefaultAreaName(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
             setDefaultAreaNameToChange(areaSelected === null || areaSelected === void 0 ? void 0 : areaSelected.AssetName);
         }
+        else {
+            setDefaultAreaId(0);
+            setDefaultAreaName("Plant");
+            setDefaultAreaNameToChange("Plant");
+        }
     }, [defaultAreaId, areasList]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Box, { mx: 2 },