@dexteel/mesf-core 4.3.1 → 4.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,4 +1,8 @@
1
1
  # CHANGELOG
2
+ ## 4.3.3
3
+ - Make submenu scrollable in Settings page
4
+ ## 4.3.2
5
+ - Fix MesfModal Export
2
6
  ## 4.0.0 - BREAKING CHANGE
3
7
  - Use ProfileProcedure structure in Profiles and Procedures Configuration
4
8
  ## USE 3.X if ProfileProcedure Structure is not used
@@ -15,8 +15,8 @@ interface MESFModalProps {
15
15
  title?: string;
16
16
  }
17
17
  declare function Modal({ children, title, handleClose, open, id, maxWidth }: MESFModalProps): React.JSX.Element;
18
- declare const _default: typeof Modal & {
18
+ export declare const MesfModal: typeof Modal & {
19
19
  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">>;
20
20
  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">>;
21
21
  };
22
- export default _default;
22
+ export default MesfModal;
package/dist/index.esm.js CHANGED
@@ -2,7 +2,7 @@ import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1,
2
2
  import { values, get, isNil as isNil$1, isEmpty } from 'lodash-es';
3
3
  import * as React from 'react';
4
4
  import React__default, { useState, useRef, useEffect, Component, createContext, useContext, useMemo, useCallback, lazy, Suspense } from 'react';
5
- import { Alert as Alert$1, Modal as Modal$2, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
5
+ import { Alert as Alert$1, Modal as Modal$1, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
6
6
  import DialogTitle$1 from '@material-ui/core/DialogTitle';
7
7
  import DialogContent$1 from '@material-ui/core/DialogContent';
8
8
  import DialogActions$1 from '@material-ui/core/DialogActions';
@@ -1144,17 +1144,17 @@ function Modal(_a) {
1144
1144
  React__default.createElement(DialogTitle, { id: id, onClose: function () { return handleClose(); } }, title),
1145
1145
  children));
1146
1146
  }
1147
- var Modal$1 = Object.assign(Modal, {
1147
+ var MesfModal = Object.assign(Modal, {
1148
1148
  Content: DialogContent,
1149
1149
  Actions: DialogActions
1150
1150
  });
1151
1151
 
1152
1152
  var ErrorModal = function (_a) {
1153
1153
  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;
1154
- return (!!error ? (React__default.createElement(Modal$1, { open: true, handleClose: function () { onHide(); }, title: title, maxWidth: size },
1155
- React__default.createElement(Modal$1.Content, null,
1154
+ return (!!error ? (React__default.createElement(MesfModal, { open: true, handleClose: function () { onHide(); }, title: title, maxWidth: size },
1155
+ React__default.createElement(MesfModal.Content, null,
1156
1156
  React__default.createElement("div", null, error)),
1157
- React__default.createElement(Modal$1.Actions, null,
1157
+ React__default.createElement(MesfModal.Actions, null,
1158
1158
  React__default.createElement(Grid$1, { container: true, spacing: 2, justifyContent: "flex-end", style: { padding: "1rem" } },
1159
1159
  React__default.createElement(Grid$1, { item: true, md: 2, xs: 12 },
1160
1160
  React__default.createElement(Button$1, { fullWidth: true, variant: "contained", color: "default", onClick: function () {
@@ -1693,10 +1693,10 @@ var ModalLogSelected = function (_a) {
1693
1693
  var show = _a.show, onHide = _a.onHide, selectedLog = _a.selectedLog;
1694
1694
  var classes = useStyles$p();
1695
1695
  return (React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center" },
1696
- React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1697
- React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
1698
- React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
1699
- React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
1696
+ React__default.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1697
+ React__default.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
1698
+ React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
1699
+ React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
1700
1700
  React__default.createElement(Grid, { container: true, spacing: 1, alignItems: "flex-start" },
1701
1701
  React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
1702
1702
  React__default.createElement(TextField$1
@@ -1743,7 +1743,7 @@ var ModalLogSelected = function (_a) {
1743
1743
  React__default.createElement(CardContent, null,
1744
1744
  React__default.createElement(Typography$1, { className: classes.messageTitle }, "Message:"),
1745
1745
  React__default.createElement(Typography$1, { style: { fontSize: 17 } }, selectedLog === null || selectedLog === void 0 ? void 0 : selectedLog.Message)))))),
1746
- React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1746
+ React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
1747
1747
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1748
1748
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1749
1749
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(true); } }, "Close")))))));
@@ -2154,18 +2154,18 @@ var CreateProfile = function (_a) {
2154
2154
  return (React.createElement(React.Fragment, null,
2155
2155
  React.createElement(Grid, { container: true },
2156
2156
  React.createElement(Grid, { item: true },
2157
- React.createElement(Modal$2, { show: show, onHide: function () { onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true },
2157
+ React.createElement(Modal$1, { show: show, onHide: function () { onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true },
2158
2158
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2159
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
2160
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
2161
- React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
2162
- React.createElement(Modal$2.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW PROFILE"),
2159
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
2160
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
2161
+ React.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
2162
+ React.createElement(Modal$1.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW PROFILE"),
2163
2163
  React.createElement(Grid, { container: true, spacing: 1 },
2164
2164
  React.createElement(Grid, { item: true, md: 12, xs: 12 },
2165
2165
  React.createElement(TextField, __assign({}, register("ProfileName", { required: true }), { label: "Profile name", variant: "outlined", error: !!errors.ProfileName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
2166
2166
  " ",
2167
2167
  ((_b = errors.ProfileName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Profile name is required")))),
2168
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2168
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
2169
2169
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2170
2170
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2171
2171
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2219,13 +2219,13 @@ var DeleteProfile = function (_a) {
2219
2219
  });
2220
2220
  }); };
2221
2221
  return (React__default.createElement(React__default.Fragment, null,
2222
- React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2222
+ React__default.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2223
2223
  React__default.createElement("form", null,
2224
- React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
2225
- React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, profileForDelete === null || profileForDelete === void 0 ? void 0 :
2224
+ React__default.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
2225
+ React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, profileForDelete === null || profileForDelete === void 0 ? void 0 :
2226
2226
  profileForDelete.ProfileName,
2227
2227
  " PROFILE")),
2228
- React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
2228
+ React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
2229
2229
  isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '150px' } },
2230
2230
  React__default.createElement(LazyLoading, null)),
2231
2231
  !isLoading && (React__default.createElement(React__default.Fragment, null,
@@ -2235,7 +2235,7 @@ var DeleteProfile = function (_a) {
2235
2235
  "Are you sure you want to delete ",
2236
2236
  React__default.createElement("strong", null, profileForDelete === null || profileForDelete === void 0 ? void 0 : profileForDelete.ProfileName),
2237
2237
  " profile?")))))),
2238
- React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2238
+ React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
2239
2239
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2240
2240
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2241
2241
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2439,7 +2439,7 @@ var DataTable = function (_a) {
2439
2439
  return (React__default.createElement(React__default.Fragment, null,
2440
2440
  React__default.createElement(Grid$1, { container: true, md: 12, xs: 12, style: { padding: "0 0 10px", justifyContent: "space-between" } },
2441
2441
  React__default.createElement(Grid$1, { item: true, md: 12, xs: 12 },
2442
- React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { width: "100%", fontSize: 20, margin: "5px 0 0" } }, "Actions")),
2442
+ React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { width: "100%", fontSize: 20, margin: "5px 0 0" } }, "Actions")),
2443
2443
  React__default.createElement(Grid$1, { item: true, md: 12, xs: 12 },
2444
2444
  React__default.createElement(TextField, { id: "outlined-basic", label: "Search", variant: "outlined", value: filterInput, onChange: handlerFilter, margin: "dense", style: { width: "100%" } }))),
2445
2445
  React__default.createElement("div", { className: "ag-theme-balham", style: { width: "100%", height: "60vh" } },
@@ -2542,10 +2542,10 @@ var ActionsOfProfile = function (_a) {
2542
2542
  }
2543
2543
  }, [show]);
2544
2544
  return (React.createElement(React.Fragment, null,
2545
- React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2545
+ React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2546
2546
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2547
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px 0" } },
2548
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0", width: "100%", lineHeight: "2" } },
2547
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px 0" } },
2548
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0", width: "100%", lineHeight: "2" } },
2549
2549
  React.createElement(Grid, { container: true, style: { position: "relative" }, className: classes.root },
2550
2550
  showEditInput ?
2551
2551
  React.createElement(Button, { style: { position: "absolute", right: 0, padding: 0, height: "100%" }, onClick: function () { return handleCancelEditProfileName(); } },
@@ -2560,12 +2560,12 @@ var ActionsOfProfile = function (_a) {
2560
2560
  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: {
2561
2561
  shrink: true
2562
2562
  }, required: true, error: profileName.length === 0 }))))),
2563
- React.createElement(Modal$2.Body, { style: { padding: "0 30px 15px" } },
2563
+ React.createElement(Modal$1.Body, { style: { padding: "0 30px 15px" } },
2564
2564
  isLoading && (React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", style: { minHeight: "60px" } },
2565
2565
  React.createElement(CircularProgress$1, { size: "3rem" }))),
2566
2566
  !error && !isLoading && actionsOfProfile &&
2567
2567
  React.createElement(DataTable, { actionsOfProfile: actionsOfProfile, onSelectionChanged: setActionsSelected })),
2568
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } }, !isLoading && (React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2568
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } }, !isLoading && (React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2569
2569
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2570
2570
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
2571
2571
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
@@ -2972,11 +2972,11 @@ var CreateShift = function (_a) {
2972
2972
  return (React.createElement(React.Fragment, null,
2973
2973
  React.createElement(Grid, { container: true },
2974
2974
  React.createElement(Grid, { item: true },
2975
- React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2975
+ React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2976
2976
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2977
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
2978
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2979
- React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
2977
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
2978
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2979
+ React.createElement(Modal$1.Body, { style: { padding: "15px 30px 0" } },
2980
2980
  React.createElement(Grid, { container: true, spacing: 2 },
2981
2981
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2982
2982
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -3090,7 +3090,7 @@ var CreateShift = function (_a) {
3090
3090
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200 max.")),
3091
3091
  (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
3092
3092
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
3093
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
3093
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
3094
3094
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3095
3095
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3096
3096
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -3184,11 +3184,11 @@ var DeleteShift = function (_a) {
3184
3184
  return (React.createElement(React.Fragment, null,
3185
3185
  React.createElement(Grid, { container: true },
3186
3186
  React.createElement(Grid, { item: true },
3187
- React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3187
+ React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3188
3188
  React.createElement("form", null,
3189
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
3190
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
3191
- React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
3189
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
3190
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
3191
+ React.createElement(Modal$1.Body, { style: { padding: "15px 30px 0" } },
3192
3192
  React.createElement(Grid, { container: true, spacing: 2 },
3193
3193
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
3194
3194
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -3244,7 +3244,7 @@ var DeleteShift = function (_a) {
3244
3244
  var _b = _a.field, value = _b.value; _b.onChange;
3245
3245
  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 }));
3246
3246
  } })))),
3247
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
3247
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
3248
3248
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3249
3249
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3250
3250
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -3356,11 +3356,11 @@ var EditShift = function (_a) {
3356
3356
  return (React.createElement(React.Fragment, null,
3357
3357
  React.createElement(Grid, { container: true },
3358
3358
  React.createElement(Grid, { item: true },
3359
- React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3359
+ React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3360
3360
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
3361
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
3362
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
3363
- React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
3361
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
3362
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
3363
+ React.createElement(Modal$1.Body, { style: { padding: "15px 30px 0" } },
3364
3364
  React.createElement(Grid, { container: true, spacing: 2 },
3365
3365
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
3366
3366
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -3478,7 +3478,7 @@ var EditShift = function (_a) {
3478
3478
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200")),
3479
3479
  (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
3480
3480
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
3481
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
3481
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
3482
3482
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3483
3483
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3484
3484
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -5481,11 +5481,11 @@ var CreateUser = function (_a) {
5481
5481
  }
5482
5482
  }, [show]);
5483
5483
  return (React.createElement(React.Fragment, null,
5484
- React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
5484
+ React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
5485
5485
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
5486
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
5487
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "New User")),
5488
- React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
5486
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
5487
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "New User")),
5488
+ React.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
5489
5489
  React.createElement(Grid, { container: true, spacing: 1 },
5490
5490
  React.createElement(Grid, { item: true, xs: 12, md: 6 },
5491
5491
  React.createElement(TextField, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
@@ -5514,7 +5514,7 @@ var CreateUser = function (_a) {
5514
5514
  var field = _a.field;
5515
5515
  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" }));
5516
5516
  } })))),
5517
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
5517
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
5518
5518
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
5519
5519
  React.createElement(Grid, { item: true, md: 3, xs: 12 },
5520
5520
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -5625,15 +5625,15 @@ var EditUser = function (_a) {
5625
5625
  }
5626
5626
  }, [show]);
5627
5627
  return (React.createElement(React.Fragment, null,
5628
- React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
5628
+ React.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
5629
5629
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
5630
- React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
5631
- React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
5632
- React.createElement(Modal$2.Body, { className: classes.modalBody, style: { padding: "15px 30px" } },
5630
+ React.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
5631
+ React.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
5632
+ React.createElement(Modal$1.Body, { className: classes.modalBody, style: { padding: "15px 30px" } },
5633
5633
  isLoading && React.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
5634
5634
  React.createElement(LazyLoading, null)),
5635
5635
  !isLoading && (React.createElement(React.Fragment, null,
5636
- React.createElement(Modal$2.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "USER"),
5636
+ React.createElement(Modal$1.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "USER"),
5637
5637
  React.createElement(Grid, { container: true, spacing: 1 },
5638
5638
  React.createElement(Grid, { item: true, xs: 12 },
5639
5639
  React.createElement(TextField, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
@@ -5661,7 +5661,7 @@ var EditUser = function (_a) {
5661
5661
  var field = _a.field;
5662
5662
  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" }));
5663
5663
  } }))))))),
5664
- React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
5664
+ React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
5665
5665
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
5666
5666
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
5667
5667
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -5750,11 +5750,11 @@ var DeleteUser = function (_a) {
5750
5750
  }
5751
5751
  }, [show]);
5752
5752
  return (React__default.createElement(React__default.Fragment, null,
5753
- React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
5753
+ React__default.createElement(Modal$1, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
5754
5754
  React__default.createElement("form", null,
5755
- React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
5756
- React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
5757
- React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
5755
+ React__default.createElement(Modal$1.Header, { closeButton: true, style: { padding: "10px 30px" } },
5756
+ React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
5757
+ React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
5758
5758
  isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
5759
5759
  React__default.createElement(LazyLoading, null)),
5760
5760
  !isLoading && (React__default.createElement(React__default.Fragment, null,
@@ -5781,7 +5781,7 @@ var DeleteUser = function (_a) {
5781
5781
  var field = _a.field;
5782
5782
  return (React__default.createElement(FormControlLabel$1, { control: React__default.createElement(Checkbox$1, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
5783
5783
  } }))))))),
5784
- React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
5784
+ React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
5785
5785
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
5786
5786
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
5787
5787
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "CANCEL")),
@@ -5951,10 +5951,10 @@ var ChangePassword$1 = function (_a) {
5951
5951
  }, [show]);
5952
5952
  if (userId) {
5953
5953
  return (React.createElement(React.Fragment, null,
5954
- React.createElement(Modal$1, { title: "Change password", open: show, handleClose: function () { return onHide(false); }, maxWidth: "lg" },
5954
+ React.createElement(MesfModal, { title: "Change password", open: show, handleClose: function () { return onHide(false); }, maxWidth: "lg" },
5955
5955
  React.createElement(Grid$1, { container: true },
5956
5956
  React.createElement(Grid$1, { item: true, md: 12, xs: 12 },
5957
- React.createElement(Modal$1.Content, { style: { padding: "6px 16px 16px" } },
5957
+ React.createElement(MesfModal.Content, { style: { padding: "6px 16px 16px" } },
5958
5958
  React.createElement("form", { onSubmit: handleSubmit },
5959
5959
  React.createElement(Grid$1, { item: true, md: 12, xs: 12 },
5960
5960
  React.createElement(TextField, { label: "New Password", value: password, onChange: function (el) {
@@ -7853,7 +7853,7 @@ var Navigation = function (_a) {
7853
7853
  React__default.createElement(MESFMainContainer, null)));
7854
7854
  };
7855
7855
 
7856
- var css = "body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: #fafbfc !important;\n}\n.container-fluid-main{\n padding-right: 0px !important; \n padding-left: 0px !important;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.mes-primary-color {\n background-color: #479dc4 !important;\n}\n.mes-button-primary{\n background-color: #479dc4 !important;\n border-color: #479dc4 !important;\n}\n\n.mes-selectable-datagrid .MuiDataGrid-row{\n cursor: pointer;\n}\n\n.mes-menu-top .navbar-brand{\n color: #FFFF !important;\n}\n.mes-menu-top .nav-link {\n color: #FFFF !important;\n}\n.mes-menu-top .navbar-toggler {\n color: #FFFF !important;\n}\n.mes-menu-top .navbar-text {\n color: #FFFF !important;\n}\n.mes-footer-login{\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 10em;\n line-height: 60px;\n text-align:center;\n}\n.mes-filter-datepicker{\n padding: unset !important;\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n padding-top: 0.375rem !important;\n padding-bottom: 0.375rem !important;\n padding-left: 0.75rem !important;\n cursor: pointer !important;\n max-width: 120px;\n}\n.mes-filter-datetimepicker{\n max-width: 97px;\n}\n.mes-not-rounded{\n border-radius: unset !important;\n}\n\n.mes-numeric{\n text-align: right;\n}\n.mes-drag-over{\n border: 3px dotted #666;\n background-color: #479dc4 !important;\n}\n.mes-drag-start{\n border: 3px solid #666;\n}\n\n.mes-selectable{\n cursor: pointer !important;\n}\n\n.mes-custom-select{\n width: auto !important;\n padding: 0.375rem 0 0.375rem 0 !important;\n background: unset !important;\n font-family: inherit !important;\n}\n.mes-custom-select .MuiSelect-select{\n padding-left: 14px;\n}\n\n.mes-custom-select::before{\n border-bottom: unset !important;\n}\n.mes-custom-select::after{\n border-bottom: unset !important;\n}\n.mes-no-border{\n border: unset;\n}\n.mes-no-border:focus-visible {\n outline: unset;\n}\n.mes-div-submenu{\n border-right: 1px solid #cfdbe2; \n}\n.mes-submenu a{\n width: 100% !important;\n /* color: rgba(0, 0, 0, 0.87); */\n color: #479dc4\n}\n.mes-submenu .Mui-selected{\n border-right: 3px solid #479dc4; \n}\n.mes-menu-group{\n font-size: 20px;\n line-height: 1.1;\n color: #929292; \n font-weight: normal; \n}\n\n/********************MUI DATAGRID*****************************/\n.Mui-selected{\n font-weight: bolder !important;\n opacity: 1 !important;\n}\n\n.mes-upload-control{\n\n}\n.mes-upload-control .file-box{\n /* border : 1px solid black; */\n height : 100px;\n position: relative; \n}\n.mes-upload-control .file-detail{\n position: absolute;\n left: 0px;\n top: 0px; \n z-index: 1;\n height: 100%;\n width: 100%;\n}\n\n.mes-upload-control input[type=file]{\n left: 0px;\n top: 0px;\n opacity: 0;\n z-index: 10000;\n height: 100%;\n cursor: pointer;\n}\n.mes-upload-control table{\n width: 100%;\n}\n.mes-upload-control td{\n font-size: 0.8rem !important;\n max-width:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\n}\n\n\n.input-group-text{\n background-color: #ced2cc !important;\n /* border: 1px solid #ced4da !important; */\n /* color: #000000 !important; */\n}\n\n\n\n\n.content-wrapper {\n padding: 15px;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.15);\n margin-top: -1px;\n}\n.content-wrapper > .unwrap {\n margin: -15px;\n}\n@media only screen and (min-width: 768px) {\n .content-wrapper > .unwrap {\n margin: -20px;\n }\n}\n.content-wrapper > h3,\n.content-wrapper > .content-heading {\n font-size: 24px;\n line-height: 1.1;\n color: #929292;\n margin: -15px;\n margin-bottom: 20px;\n padding: 15px;\n font-weight: normal;\n background-color: #fafbfc;\n border-bottom: 1px solid #cfdbe2;\n}\n.content-wrapper > h3 > small,\n.content-wrapper > .content-heading > small {\n display: block;\n font-size: 12px;\n color: #909fa7;\n}\n.content-wrapper > button,\n.content-wrapper > .btn {\n margin: 10px 10px 0 0;\n}\n.content-wrapper .container,\n.content-wrapper .container-fluid {\n padding-left: 0;\n padding-right: 0;\n}\n@media only screen and (min-width: 768px) {\n .content-wrapper {\n padding: 20px;\n }\n .content-wrapper > h3,\n .content-wrapper > .content-heading {\n margin: -20px;\n margin-bottom: 5px;\n padding: 15px;\n }\n .content-wrapper > button,\n .content-wrapper > .btn {\n margin: 0;\n }\n}\n\n @media print {\n .sidebar,\n .topnavbar,\n .offsidebar,\n .btn {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .wrapper,\n .wrapper > section,\n .content-wrapper {\n margin: 0 !important;\n /* remove margin used for sidebar and expand the content */\n padding: 0 !important;\n width: 100% !important;\n }\n .content-wrapper {\n overflow: hidden !important;\n }\n }\n ";
7856
+ var css = "body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: #fafbfc !important;\n}\n.container-fluid-main{\n padding-right: 0px !important; \n padding-left: 0px !important;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n.mes-primary-color {\n background-color: #479dc4 !important;\n}\n.mes-button-primary{\n background-color: #479dc4 !important;\n border-color: #479dc4 !important;\n}\n\n.mes-selectable-datagrid .MuiDataGrid-row{\n cursor: pointer;\n}\n\n.mes-menu-top .navbar-brand{\n color: #FFFF !important;\n}\n.mes-menu-top .nav-link {\n color: #FFFF !important;\n}\n.mes-menu-top .navbar-toggler {\n color: #FFFF !important;\n}\n.mes-menu-top .navbar-text {\n color: #FFFF !important;\n}\n.mes-footer-login{\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 10em;\n line-height: 60px;\n text-align:center;\n}\n.mes-filter-datepicker{\n padding: unset !important;\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n padding-top: 0.375rem !important;\n padding-bottom: 0.375rem !important;\n padding-left: 0.75rem !important;\n cursor: pointer !important;\n max-width: 120px;\n}\n.mes-filter-datetimepicker{\n max-width: 97px;\n}\n.mes-not-rounded{\n border-radius: unset !important;\n}\n\n.mes-numeric{\n text-align: right;\n}\n.mes-drag-over{\n border: 3px dotted #666;\n background-color: #479dc4 !important;\n}\n.mes-drag-start{\n border: 3px solid #666;\n}\n\n.mes-selectable{\n cursor: pointer !important;\n}\n\n.mes-custom-select{\n width: auto !important;\n padding: 0.375rem 0 0.375rem 0 !important;\n background: unset !important;\n font-family: inherit !important;\n}\n.mes-custom-select .MuiSelect-select{\n padding-left: 14px;\n}\n\n.mes-custom-select::before{\n border-bottom: unset !important;\n}\n.mes-custom-select::after{\n border-bottom: unset !important;\n}\n.mes-no-border{\n border: unset;\n}\n.mes-no-border:focus-visible {\n outline: unset;\n}\n.mes-div-submenu{\n border-right: 1px solid #cfdbe2;\n overflow-y: scroll;\n max-height: 80vh;\n}\n.mes-submenu a{\n width: 100% !important;\n /* color: rgba(0, 0, 0, 0.87); */\n color: #479dc4\n}\n.mes-submenu .Mui-selected{\n border-right: 3px solid #479dc4; \n}\n.mes-menu-group{\n font-size: 20px;\n line-height: 1.1;\n color: #929292; \n font-weight: normal; \n}\n\n/********************MUI DATAGRID*****************************/\n.Mui-selected{\n font-weight: bolder !important;\n opacity: 1 !important;\n}\n\n.mes-upload-control{\n\n}\n.mes-upload-control .file-box{\n /* border : 1px solid black; */\n height : 100px;\n position: relative; \n}\n.mes-upload-control .file-detail{\n position: absolute;\n left: 0px;\n top: 0px; \n z-index: 1;\n height: 100%;\n width: 100%;\n}\n\n.mes-upload-control input[type=file]{\n left: 0px;\n top: 0px;\n opacity: 0;\n z-index: 10000;\n height: 100%;\n cursor: pointer;\n}\n.mes-upload-control table{\n width: 100%;\n}\n.mes-upload-control td{\n font-size: 0.8rem !important;\n max-width:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\n}\n\n\n.input-group-text{\n background-color: #ced2cc !important;\n /* border: 1px solid #ced4da !important; */\n /* color: #000000 !important; */\n}\n\n\n\n\n.content-wrapper {\n padding: 15px;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.15);\n margin-top: -1px;\n}\n.content-wrapper > .unwrap {\n margin: -15px;\n}\n@media only screen and (min-width: 768px) {\n .content-wrapper > .unwrap {\n margin: -20px;\n }\n}\n.content-wrapper > h3,\n.content-wrapper > .content-heading {\n font-size: 24px;\n line-height: 1.1;\n color: #929292;\n margin: -15px;\n margin-bottom: 20px;\n padding: 15px;\n font-weight: normal;\n background-color: #fafbfc;\n border-bottom: 1px solid #cfdbe2;\n}\n.content-wrapper > h3 > small,\n.content-wrapper > .content-heading > small {\n display: block;\n font-size: 12px;\n color: #909fa7;\n}\n.content-wrapper > button,\n.content-wrapper > .btn {\n margin: 10px 10px 0 0;\n}\n.content-wrapper .container,\n.content-wrapper .container-fluid {\n padding-left: 0;\n padding-right: 0;\n}\n@media only screen and (min-width: 768px) {\n .content-wrapper {\n padding: 20px;\n }\n .content-wrapper > h3,\n .content-wrapper > .content-heading {\n margin: -20px;\n margin-bottom: 5px;\n padding: 15px;\n }\n .content-wrapper > button,\n .content-wrapper > .btn {\n margin: 0;\n }\n}\n\n @media print {\n .sidebar,\n .topnavbar,\n .offsidebar,\n .btn {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .wrapper,\n .wrapper > section,\n .content-wrapper {\n margin: 0 !important;\n /* remove margin used for sidebar and expand the content */\n padding: 0 !important;\n width: 100% !important;\n }\n .content-wrapper {\n overflow: hidden !important;\n }\n }\n ";
7857
7857
  n(css,{});
7858
7858
 
7859
7859
  var base = document.getElementsByTagName('base')[0].getAttribute('href') || '/';
@@ -8000,4 +8000,4 @@ var areaSelector = /*#__PURE__*/Object.freeze({
8000
8000
  AreaSelector: AreaSelector
8001
8001
  });
8002
8002
 
8003
- 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 };
8003
+ 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dexteel/mesf-core",
3
- "version": "4.3.1",
3
+ "version": "4.3.3",
4
4
  "author": "Dexteel Team",
5
5
  "module": "dist/index.esm.js",
6
6
  "typings": "dist/index.d.ts",