@dexteel/mesf-core 4.3.0 → 4.3.1

package/dist/configuration/pages/profiles/components/ProceduresOfProfile/ProceduresDataTable/index.d.ts

@@ -5,8 +5,6 @@ import { Action } from '../../../models/Action';
 interface Props {
     actionsOfProfile: Action[];
     onSelectionChanged: Function;
-    profileName: string;
-    setProfileName: (profileName: string) => void;
 }
-export declare const DataTable: ({ actionsOfProfile, onSelectionChanged, profileName, setProfileName }: Props) => React.JSX.Element;
+export declare const DataTable: ({ actionsOfProfile, onSelectionChanged }: Props) => React.JSX.Element;
 export {};

package/dist/index.esm.js

@@ -1053,7 +1053,7 @@ var useJobsTableData = function (_a) {
     var renderButtonDisable = function (params) {
         var isDisabled = (!params.data.Enabled) || (blockButtons);
         return (React__default.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", padding: 5 } },
-            React__default.createElement(Button$1, { style: { height: "100%", maxHeight: "27px" }, variant: "contained", fullWidth: true, color: "secondary", onClick: function () { setRowSelected(params.data); }, disabled: isDisabled }, "DISABLED")));
+            React__default.createElement(Button$1, { style: { height: "100%", maxHeight: "27px" }, variant: "contained", fullWidth: true, color: "secondary", onClick: function () { setRowSelected(params.data); }, disabled: isDisabled }, "DISABLE")));
     };
     var renderButtonReset = function (params) {
         var isDisabled = (!params.data.Enabled) || (blockButtons);
@@ -2340,23 +2340,9 @@ var useTableData$2 = function (_a) {
     return { rows: rows, columnDefs: columnDefs };
 };
 
-var useStyles$l = makeStyles$1(function (theme) {
-    return ({
-        root: {
-            "& .MuiFormLabel-asterisk": {
-                display: "none"
-            }
-        },
-        errorLabel: {
-            fontSize: 12,
-            color: "#F44336"
-        }
-    });
-});
 var DataTable = function (_a) {
-    var actionsOfProfile = _a.actionsOfProfile, onSelectionChanged = _a.onSelectionChanged, profileName = _a.profileName, setProfileName = _a.setProfileName;
+    var actionsOfProfile = _a.actionsOfProfile, onSelectionChanged = _a.onSelectionChanged;
     var _b = useState(""), filterInput = _b[0], setFilterInput = _b[1];
-    var classes = useStyles$l();
     var _c = useState([]), allActions = _c[0], setAllActions = _c[1];
     var _d = useState(""), error = _d[0], setError = _d[1];
     var _e = useState(null), gridApi = _e[0], setGridApi = _e[1];
@@ -2410,9 +2396,6 @@ var DataTable = function (_a) {
             }
         },
     ];
-    var handleChangeProfielName = function (ev) {
-        setProfileName(ev.target.value);
-    };
     var defaultColDef = useMemo(function () { return ({
         resizable: true,
         sortable: true,
@@ -2454,22 +2437,28 @@ var DataTable = function (_a) {
         }); })();
     }, []);
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Grid$1, { container: true, md: 12, xs: 12, style: { padding: "0 0 10px", justifyContent: "space-between" }, className: classes.root },
+        React__default.createElement(Grid$1, { container: true, md: 12, xs: 12, style: { padding: "0 0 10px", justifyContent: "space-between" } },
             React__default.createElement(Grid$1, { item: true, md: 12, xs: 12 },
                 React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { width: "100%", fontSize: 20, margin: "5px 0 0" } }, "Actions")),
-            React__default.createElement(Grid$1, { item: true, md: 6, xs: 12, style: { paddingRight: 15 } },
-                React__default.createElement(TextField, { id: "outlined-basic", label: "Search", variant: "outlined", value: filterInput, onChange: handlerFilter, margin: "dense", style: { width: "100%" } })),
-            React__default.createElement(Grid$1, { item: true, md: 6, xs: 12, style: { paddingLeft: 15 } },
-                React__default.createElement(TextField, { id: "outlined-basic", label: "Profile name to edit", variant: "outlined", value: profileName, fullWidth: true, margin: "dense", autoComplete: 'off', onChange: function (e) { return handleChangeProfielName(e); }, InputLabelProps: {
-                        shrink: true
-                    }, required: true, error: profileName.length === 0, style: { width: "100%" } }))),
+            React__default.createElement(Grid$1, { item: true, md: 12, xs: 12 },
+                React__default.createElement(TextField, { id: "outlined-basic", label: "Search", variant: "outlined", value: filterInput, onChange: handlerFilter, margin: "dense", style: { width: "100%" } }))),
         React__default.createElement("div", { className: "ag-theme-balham", style: { width: "100%", height: "60vh" } },
             React__default.createElement(AgGridReact, { getRowId: function (params) { return params.data.ActionId; }, onGridReady: onGridReady, rowData: rows, columnDefs: columns, defaultColDef: defaultColDef, onFirstDataRendered: onFirstDataRendered, rowSelection: "multiple", rowMultiSelectWithClick: true, onSelectionChanged: onAgGridSelectionChanged })),
         React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
 };
 
+var useStyles$l = makeStyles$1(function (theme) {
+    return ({
+        root: {
+            "& .MuiFormLabel-asterisk": {
+                display: "none"
+            }
+        }
+    });
+});
 var ActionsOfProfile = function (_a) {
     var profileForEdit = _a.profileForEdit, show = _a.show, onHide = _a.onHide;
+    var classes = useStyles$l();
     var _b = useState(null), actionsOfProfile = _b[0], setActionsOfProfile = _b[1];
     var _c = useState(false), open = _c[0], setOpen = _c[1];
     var _d = useState(true), isLoading = _d[0], setIsLoading = _d[1];
@@ -2478,13 +2467,21 @@ var ActionsOfProfile = function (_a) {
     var _g = useState(""), error = _g[0], setError = _g[1];
     var _h = useState(""), profileName = _h[0], setProfileName = _h[1];
     var _j = useState(""), nameError = _j[0], setNameError = _j[1];
-    var _k = useForm({ defaultValues: INITIAL_VALUES$2 }), handleSubmit = _k.handleSubmit; _k.formState.errors;
+    var _k = useState(false), showEditInput = _k[0], setShowEditInput = _k[1];
+    var handleSubmit = useForm({ defaultValues: INITIAL_VALUES$2 }).handleSubmit;
     var handleClose = function (event, reason) {
         if (reason === 'clickaway') {
             return;
         }
         setOpen(false);
     };
+    var handleChangeProfielName = function (ev) {
+        setProfileName(ev.target.value);
+    };
+    var handleCancelEditProfileName = function () {
+        setProfileName(profileForEdit === null || profileForEdit === void 0 ? void 0 : profileForEdit.ProfileName);
+        setShowEditInput(false);
+    };
     var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
         var resp, profileRes;
         return __generator(this, function (_a) {
@@ -2519,6 +2516,7 @@ var ActionsOfProfile = function (_a) {
     }); };
     useEffect(function () {
         if (show) {
+            setShowEditInput(false);
             (function () { return __awaiter(void 0, void 0, void 0, function () {
                 var resp;
                 return __generator(this, function (_a) {
@@ -2546,16 +2544,27 @@ var ActionsOfProfile = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
             React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
-                React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
-                    React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0", width: "100%" } },
-                        React.createElement(Grid, { container: true },
-                            React.createElement(Grid, { item: true, md: 2, xs: 2, style: { maxWidth: "85px" } }, "Profile: "),
-                            React.createElement(Grid, { item: true, md: 10, xs: 10 }, profileForEdit === null || profileForEdit === void 0 ? void 0 : profileForEdit.ProfileName)))),
+                React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px 0" } },
+                    React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0", width: "100%", lineHeight: "2" } },
+                        React.createElement(Grid, { container: true, style: { position: "relative" }, className: classes.root },
+                            showEditInput ?
+                                React.createElement(Button, { style: { position: "absolute", right: 0, padding: 0, height: "100%" }, onClick: function () { return handleCancelEditProfileName(); } },
+                                    React.createElement(CloseIcon, { style: { height: "100%" }, color: "inherit" }))
+                                : React.createElement(Button, { style: { position: "absolute", right: 0, padding: 0, height: "100%", minHeight: "52px" }, onClick: function () { return setShowEditInput(!showEditInput); } },
+                                    React.createElement(EditIcon, { style: { height: "100%" }, color: "primary" })),
+                            React.createElement(Grid, { item: true, md: 2, xs: 2, style: { maxWidth: "85px", minHeight: "52px", display: "flex", justifyContent: "center" } }, "Profile:"),
+                            !showEditInput ?
+                                React.createElement(Grid, { item: true, md: 8, xs: 8, style: { minHeight: "52px" } }, profileForEdit === null || profileForEdit === void 0 ? void 0 : profileForEdit.ProfileName)
+                                :
+                                    React.createElement(Grid, { item: true, md: 8, xs: 8 },
+                                        React.createElement(TextField, { id: "outlined-basic", label: "Profile name to edit", variant: "outlined", value: profileName, fullWidth: true, margin: "dense", autoComplete: 'off', onChange: function (e) { return handleChangeProfielName(e); }, InputLabelProps: {
+                                                shrink: true
+                                            }, required: true, error: profileName.length === 0 }))))),
                 React.createElement(Modal$2.Body, { style: { padding: "0 30px 15px" } },
                     isLoading && (React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", style: { minHeight: "60px" } },
                         React.createElement(CircularProgress$1, { size: "3rem" }))),
                     !error && !isLoading && actionsOfProfile &&
-                        React.createElement(DataTable, { actionsOfProfile: actionsOfProfile, onSelectionChanged: setActionsSelected, profileName: profileName, setProfileName: setProfileName })),
+                        React.createElement(DataTable, { actionsOfProfile: actionsOfProfile, onSelectionChanged: setActionsSelected })),
                 React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } }, !isLoading && (React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
                     React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
                         React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2671,6 +2680,15 @@ var TableProfiles = function (_a) {
                 }
             });
         }
+        if (data) {
+            result.push({
+                name: 'Edit Profile',
+                action: function () {
+                    setProfileForDelete(data);
+                    setModalProceduresProfile(true);
+                }
+            });
+        }
         if (data) {
             result.push({
                 name: 'Remove Profile',
@@ -2723,8 +2741,9 @@ var TableProfiles = function (_a) {
                     } }),
                 React.createElement(Grid, { item: true, md: 12, xs: 12, style: { height: "61vh", border: "4px solid #ccc", borderRadius: 10, padding: 10, margin: "20px 0 10px" } },
                     React.createElement("div", { style: gridStyle, className: "ag-theme-alpine" },
-                        React.createElement(AgGridReact, { rowData: rows, columnDefs: columnDefs, defaultColDef: defaultColDef, rowHeight: 38, headerHeight: 32, loadingOverlayComponent: loadingOverlayComponent, animateRows: true, getContextMenuItems: function (e) { return getContextMenuItems(e); }, pagination: true, rowSelection: "single", onRowDoubleClicked: function (event) {
+                        React.createElement(AgGridReact, { rowData: rows, columnDefs: columnDefs, defaultColDef: defaultColDef, rowHeight: 38, headerHeight: 32, loadingOverlayComponent: loadingOverlayComponent, animateRows: true, getContextMenuItems: function (e) { return getContextMenuItems(e); }, pagination: true, rowSelection: "single", onRowClicked: function (event) {
                                 setProfileForEdit(event.data);
+                                setModalProceduresProfile(true);
                             }, onGridReady: function (params) { return setGridApi(params.api); } }))),
                 React.createElement(Grid, { container: true, justifyContent: "flex-end" },
                     React.createElement(Grid, { item: true, md: 2, xs: 12, className: classes.btnModal },
@@ -5328,7 +5347,8 @@ var useStyles$5 = makeStyles$1(function (theme) {
             }
         },
         formControl: {
-            width: "100%"
+            width: "100%",
+            marginTop: 8
         },
         chips: {
             display: 'flex',
@@ -5624,14 +5644,14 @@ var EditUser = function (_a) {
                             React.createElement(Grid, { item: true, md: 6, xs: 12 },
                                 React.createElement(TextField, __assign({}, register("LastName", { required: true }), { label: "Last name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
                                 ((_d = errors.LastName) === null || _d === void 0 ? void 0 : _d.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Last name is required")),
-                            React.createElement(Grid, { item: true, container: true, xs: 12, spacing: 3 },
-                                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                            React.createElement(Grid, { item: true, container: true, xs: 12, spacing: 3, style: { margin: 0 } },
+                                React.createElement(Grid, { item: true, xs: 12, md: 6, style: { padding: "0 15px 0 0" } },
                                     React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
                                             var _b = _a.field, onChange = _b.onChange, value = _b.value;
                                             return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null, setprofileError: setprofileError }));
                                         } }),
                                     errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)")),
-                                React.createElement(Grid, { item: true, xs: 12, md: 6 },
+                                React.createElement(Grid, { item: true, xs: 12, md: 6, style: { padding: "0 0 0 5px" } },
                                     React.createElement(Controller, { name: "AuthTypeId", control: control, render: function (_a) {
                                             var _b = _a.field, value = _b.value, onChange = _b.onChange;
                                             return (React.createElement(AuthTypeSelector, { value: value, onChange: onChange }));

package/dist/services/ApiService.d.ts

@@ -14,7 +14,7 @@ type ExportStructure = {
     showAllSheets?: boolean;
     sheets?: ExportSheet[];
 };
-type ResponseMESF = {
+export type ResponseMESF = {
     ok: false;
     message: string;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",