@dexteel/mesf-core 4.3.0 → 4.3.2

package/dist/components/modals/modal.mesf.d.ts

@@ -15,8 +15,8 @@ interface MESFModalProps {
     title?: string;
 }
 declare function Modal({ children, title, handleClose, open, id, maxWidth }: MESFModalProps): React.JSX.Element;
-declare const _default: typeof Modal & {
+export declare const MesfModal: typeof Modal & {
     Content: React.ComponentType<Pick<import("@material-ui/core/DialogContent").DialogContentProps, "color" | "content" | "translate" | "hidden" | "style" | "id" | "children" | "ref" | "slot" | "title" | "dividers" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef"> & import("@material-ui/core/styles").StyledComponentProps<"root">>;
     Actions: React.ComponentType<Pick<import("@material-ui/core/DialogActions").DialogActionsProps, "color" | "content" | "translate" | "hidden" | "style" | "id" | "children" | "ref" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "disableSpacing"> & import("@material-ui/core/styles").StyledComponentProps<"root">>;
 };
-export default _default;
+export default MesfModal;

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

@@ -2,7 +2,7 @@ import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1,
 import { values, get, isNil as isNil$1, isEmpty } from 'lodash-es';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, Component, createContext, useContext, useMemo, useCallback, lazy, Suspense } from 'react';
-import { Alert as Alert$1, Modal as Modal$2, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
+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';
 import DialogActions$1 from '@material-ui/core/DialogActions';
@@ -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);
@@ -1144,17 +1144,17 @@ function Modal(_a) {
         React__default.createElement(DialogTitle, { id: id, onClose: function () { return handleClose(); } }, title),
         children));
 }
-var Modal$1 = Object.assign(Modal, {
+var MesfModal = Object.assign(Modal, {
     Content: DialogContent,
     Actions: DialogActions
 });
 
 var ErrorModal = function (_a) {
     var error = _a.error, onHide = _a.onHide, _b = _a.title, title = _b === void 0 ? "Something went wrong!" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c;
-    return (!!error ? (React__default.createElement(Modal$1, { open: true, handleClose: function () { onHide(); }, title: title, maxWidth: size },
-        React__default.createElement(Modal$1.Content, null,
+    return (!!error ? (React__default.createElement(MesfModal, { open: true, handleClose: function () { onHide(); }, title: title, maxWidth: size },
+        React__default.createElement(MesfModal.Content, null,
             React__default.createElement("div", null, error)),
-        React__default.createElement(Modal$1.Actions, null,
+        React__default.createElement(MesfModal.Actions, null,
             React__default.createElement(Grid$1, { container: true, spacing: 2, justifyContent: "flex-end", style: { padding: "1rem" } },
                 React__default.createElement(Grid$1, { item: true, md: 2, xs: 12 },
                     React__default.createElement(Button$1, { fullWidth: true, variant: "contained", color: "default", onClick: function () {
@@ -1693,10 +1693,10 @@ var ModalLogSelected = function (_a) {
     var show = _a.show, onHide = _a.onHide, selectedLog = _a.selectedLog;
     var classes = useStyles$p();
     return (React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center" },
-        React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
-            React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
-                React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
-            React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
+        React__default.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
+            React__default.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
+            React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
                 React__default.createElement(Grid, { container: true, spacing: 1, alignItems: "flex-start" },
                     React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
                         React__default.createElement(TextField$1
@@ -1743,7 +1743,7 @@ var ModalLogSelected = function (_a) {
                             React__default.createElement(CardContent, null,
                                 React__default.createElement(Typography$1, { className: classes.messageTitle }, "Message:"),
                                 React__default.createElement(Typography$1, { style: { fontSize: 17 } }, selectedLog === null || selectedLog === void 0 ? void 0 : selectedLog.Message)))))),
-            React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+            React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                 React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
                     React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
                         React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(true); } }, "Close")))))));
@@ -2154,18 +2154,18 @@ var CreateProfile = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true },
             React.createElement(Grid, { item: true },
-                React.createElement(Modal$2, { show: show, onHide: function () { onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true },
+                React.createElement(Modal$1, { show: show, onHide: function () { 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" } }, "PROFILE")),
-                        React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
-                            React.createElement(Modal$2.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW PROFILE"),
+                        React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                            React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
+                        React.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
+                            React.createElement(Modal$1.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW PROFILE"),
                             React.createElement(Grid, { container: true, spacing: 1 },
                                 React.createElement(Grid, { item: true, md: 12, xs: 12 },
                                     React.createElement(TextField, __assign({}, register("ProfileName", { required: true }), { label: "Profile name", variant: "outlined", error: !!errors.ProfileName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
                                     "  ",
                                     ((_b = errors.ProfileName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Profile name is required")))),
-                        React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                        React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                             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")),
@@ -2219,13 +2219,13 @@ var DeleteProfile = function (_a) {
         });
     }); };
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
+        React__default.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
             React__default.createElement("form", null,
-                React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
-                    React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, profileForDelete === null || profileForDelete === void 0 ? void 0 :
+                React__default.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                    React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, profileForDelete === null || profileForDelete === void 0 ? void 0 :
                         profileForDelete.ProfileName,
                         " PROFILE")),
-                React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
+                React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
                     isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '150px' } },
                         React__default.createElement(LazyLoading, null)),
                     !isLoading && (React__default.createElement(React__default.Fragment, null,
@@ -2235,7 +2235,7 @@ var DeleteProfile = function (_a) {
                                     "Are you sure you want to delete ",
                                     React__default.createElement("strong", null, profileForDelete === null || profileForDelete === void 0 ? void 0 : profileForDelete.ProfileName),
                                     " profile?")))))),
-                React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                     React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
                         React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
                             React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -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(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { width: "100%", fontSize: 20, margin: "5px 0 0" } }, "Actions")),
+            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) {
@@ -2544,19 +2542,30 @@ var ActionsOfProfile = function (_a) {
         }
     }, [show]);
     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(Modal$1, __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.Body, { style: { padding: "0 30px 15px" } },
+                React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px 0" } },
+                    React.createElement(Modal$1.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$1.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(Modal$2.Footer, { style: { padding: "20px 30px 30px" } }, !isLoading && (React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
+                        React.createElement(DataTable, { actionsOfProfile: actionsOfProfile, onSelectionChanged: setActionsSelected })),
+                React.createElement(Modal$1.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")),
                     React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
@@ -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 },
@@ -2953,11 +2972,11 @@ var CreateShift = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true },
             React.createElement(Grid, { item: true },
-                React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
+                React.createElement(Modal$1, __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" } }, "NEW SHIFT/CREW")),
-                        React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
+                        React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                            React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
+                        React.createElement(Modal$1.Body, { style: { padding: "15px 30px 0" } },
                             React.createElement(Grid, { container: true, spacing: 2 },
                                 React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
                                         var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -3071,7 +3090,7 @@ var CreateShift = function (_a) {
                                                 React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200 max.")),
                                             (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
                                                 React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
-                        React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                        React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                             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")),
@@ -3165,11 +3184,11 @@ var DeleteShift = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true },
             React.createElement(Grid, { item: true },
-                React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
+                React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
                     React.createElement("form", null,
-                        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" } }, "NEW SHIFT/CREW")),
-                        React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
+                        React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                            React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
+                        React.createElement(Modal$1.Body, { style: { padding: "15px 30px 0" } },
                             React.createElement(Grid, { container: true, spacing: 2 },
                                 React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
                                         var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -3225,7 +3244,7 @@ var DeleteShift = function (_a) {
                                             var _b = _a.field, value = _b.value; _b.onChange;
                                             return (React.createElement(TextField, { style: { margin: "8px 0" }, size: "medium", maxRows: 5, label: "Comments", multiline: true, variant: "outlined", fullWidth: true, autoComplete: 'off', value: value, disabled: !!shiftTableData }));
                                         } })))),
-                        React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                        React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                             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")),
@@ -3337,11 +3356,11 @@ var EditShift = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true },
             React.createElement(Grid, { item: true },
-                React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
+                React.createElement(Modal$1, __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" } }, "NEW SHIFT/CREW")),
-                        React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
+                        React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                            React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
+                        React.createElement(Modal$1.Body, { style: { padding: "15px 30px 0" } },
                             React.createElement(Grid, { container: true, spacing: 2 },
                                 React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
                                         var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -3459,7 +3478,7 @@ var EditShift = function (_a) {
                                                 React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200")),
                                             (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
                                                 React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
-                        React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                        React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                             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")),
@@ -5328,7 +5347,8 @@ var useStyles$5 = makeStyles$1(function (theme) {
             }
         },
         formControl: {
-            width: "100%"
+            width: "100%",
+            marginTop: 8
         },
         chips: {
             display: 'flex',
@@ -5461,11 +5481,11 @@ var CreateUser = function (_a) {
         }
     }, [show]);
     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(Modal$1, __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" } }, "New User")),
-                React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
+                React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                    React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "New User")),
+                React.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
                     React.createElement(Grid, { container: true, spacing: 1 },
                         React.createElement(Grid, { item: true, xs: 12, md: 6 },
                             React.createElement(TextField, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
@@ -5494,7 +5514,7 @@ var CreateUser = function (_a) {
                                     var field = _a.field;
                                     return (React.createElement(FormControlLabel$1, { className: classes.checkbox, control: React.createElement(Checkbox$1, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
                                 } })))),
-                React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                     React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
                         React.createElement(Grid, { item: true, md: 3, xs: 12 },
                             React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -5605,15 +5625,15 @@ var EditUser = function (_a) {
         }
     }, [show]);
     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(Modal$1, __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" } }, "USER FORM")),
-                React.createElement(Modal$2.Body, { className: classes.modalBody, style: { padding: "15px 30px" } },
+                React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                    React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
+                React.createElement(Modal$1.Body, { className: classes.modalBody, style: { padding: "15px 30px" } },
                     isLoading && React.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
                         React.createElement(LazyLoading, null)),
                     !isLoading && (React.createElement(React.Fragment, null,
-                        React.createElement(Modal$2.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "USER"),
+                        React.createElement(Modal$1.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "USER"),
                         React.createElement(Grid, { container: true, spacing: 1 },
                             React.createElement(Grid, { item: true, xs: 12 },
                                 React.createElement(TextField, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
@@ -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 }));
@@ -5641,7 +5661,7 @@ var EditUser = function (_a) {
                                             var field = _a.field;
                                             return (React.createElement(FormControlLabel$1, { className: classes.checkbox, control: React.createElement(Checkbox$1, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
                                         } }))))))),
-                React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                     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")),
@@ -5730,11 +5750,11 @@ var DeleteUser = function (_a) {
         }
     }, [show]);
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
+        React__default.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
             React__default.createElement("form", null,
-                React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
-                    React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
-                React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
+                React__default.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
+                    React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
+                React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
                     isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
                         React__default.createElement(LazyLoading, null)),
                     !isLoading && (React__default.createElement(React__default.Fragment, null,
@@ -5761,7 +5781,7 @@ var DeleteUser = function (_a) {
                                             var field = _a.field;
                                             return (React__default.createElement(FormControlLabel$1, { control: React__default.createElement(Checkbox$1, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
                                         } }))))))),
-                React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
+                React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
                     React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
                         React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
                             React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "CANCEL")),
@@ -5931,10 +5951,10 @@ var ChangePassword$1 = function (_a) {
     }, [show]);
     if (userId) {
         return (React.createElement(React.Fragment, null,
-            React.createElement(Modal$1, { title: "Change password", open: show, handleClose: function () { return onHide(false); }, maxWidth: "lg" },
+            React.createElement(MesfModal, { title: "Change password", open: show, handleClose: function () { return onHide(false); }, maxWidth: "lg" },
                 React.createElement(Grid$1, { container: true },
                     React.createElement(Grid$1, { item: true, md: 12, xs: 12 },
-                        React.createElement(Modal$1.Content, { style: { padding: "6px 16px 16px" } },
+                        React.createElement(MesfModal.Content, { style: { padding: "6px 16px 16px" } },
                             React.createElement("form", { onSubmit: handleSubmit },
                                 React.createElement(Grid$1, { item: true, md: 12, xs: 12 },
                                     React.createElement(TextField, { label: "New Password", value: password, onChange: function (el) {
@@ -7980,4 +8000,4 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TreePickerControl, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, formatNumber, getCrewStyle, getError, getShiftStyle, getTokenFromLS, renewToken, useAssetContext, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TreePickerControl, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, formatNumber, getCrewStyle, getError, getShiftStyle, getTokenFromLS, renewToken, useAssetContext, useToken, useUTLSettingsContext, useUserContext };

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.2",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",