@dexteel/mesf-core 3.2.5 → 3.3.0

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

@@ -4,32 +4,6 @@ declare type TreePickerControlProps = {
     [key: string]: any;
 };
 export declare const TreePickerControl: (props: TreePickerControlProps) => JSX.Element;
-interface DateControlProps {
-    value?: any;
-    onChange?: any;
-    title?: string;
-    styleGeneral?: any;
-    styleLabel?: any;
-}
-export declare function DateControl({ value, onChange, title, styleGeneral, styleLabel }: DateControlProps): JSX.Element;
-export declare const DateTimeControl: (props: any) => JSX.Element;
-export declare const SimpleTimeControl: (props: any) => JSX.Element;
-interface SimpleInputSearchControlProps {
-    title?: string;
-    onChange?: any;
-    styleLabel?: any;
-    isNumeric?: boolean;
-    readOnly?: boolean;
-    value?: any;
-    name?: any;
-    styleTextBox?: any;
-    onKeyDown?: any;
-    lengthCharacters?: any;
-}
-export declare function SimpleInputSearchControl({ title, styleLabel, isNumeric, readOnly, value, onChange, name, styleTextBox, onKeyDown, lengthCharacters }: SimpleInputSearchControlProps): JSX.Element;
-export declare class TimeControl extends Component<any> {
-    render(): JSX.Element;
-}
 export declare class SimpleTextControl extends Component<any> {
     render(): JSX.Element;
 }

package/dist/index.esm.js

@@ -41,7 +41,6 @@ import EditIcon from '@material-ui/icons/Edit';
 import { Outlet, useNavigate, useSearchParams, Link, useParams, Navigate, Routes, Route, BrowserRouter } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { ResponsiveBar } from '@nivo/bar';
-import DatePicker from 'react-datepicker';
 import TreeView from '@material-ui/lab/TreeView';
 import SvgIcon from '@material-ui/core/SvgIcon';
 import TreeItem from '@material-ui/lab/TreeItem';
@@ -4549,100 +4548,6 @@ var TreePickerControl = function (props) {
                 paper: classes.paper
             }, id: "modal-treeview-filter", title: props.title, keepMounted: true, open: open, onClose: handleClose, value: value, data: dataSource }, other))));
 };
-function DateControl(_a) {
-    var value = _a.value, onChange = _a.onChange, title = _a.title, styleGeneral = _a.styleGeneral, styleLabel = _a.styleLabel;
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: "input-group row", style: (styleGeneral || {}) },
-            React__default.createElement("div", { className: "input-group-prepend col-sm-3" },
-                React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
-            React__default.createElement("div", { className: "col-sm-9" },
-                React__default.createElement(DatePicker, { className: "form-control mes-filter-datepicker", selected: value, onChange: function (date) { return onChange(date); } })))));
-}
-var DateTimeControl = function (props) {
-    var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextTimeBox = props.styleTextTimeBox, onChange = props.onChange, name = props.name;
-    var formatTime = function () {
-        var date = moment(value);
-        if (!date.isValid())
-            return '';
-        return date.format('HH:mm:ss');
-    };
-    var _a = React__default.useState(formatTime()), formattedTimeValue = _a[0], setFormattedTimeValue = _a[1];
-    var changeDate = function (e) {
-        setFormattedTimeValue(e.target.value);
-    };
-    var blurDate = function (e) {
-        var date = moment(e.target.value, 'hh:mm:ss');
-        if (date.isValid() && moment(value).isValid()) {
-            var newDate = (moment(value)).set('hour', date.hour()).set('minute', date.minute()).set('second', date.second());
-            onChange(newDate.toDate(), name || '');
-        }
-        else {
-            setFormattedTimeValue(formatTime());
-        }
-    };
-    React__default.useEffect(function () {
-        setFormattedTimeValue(formatTime());
-    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: "input-group" },
-            React__default.createElement("div", { className: "input-group-prepend" },
-                React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
-            React__default.createElement(DatePicker, { className: "form-control mes-filter-datepicker mes-not-rounded", selected: value, onChange: function (date) { return onChange(date, name || ''); }, readOnly: readOnly || false }),
-            React__default.createElement("input", { type: "text", className: "form-control input-group-append mes-filter-datetimepicker", placeholder: "time", value: formattedTimeValue || '', readOnly: readOnly || false, style: styleTextTimeBox || {}, onBlur: function (e) { return blurDate(e); }, onChange: function (e) { return changeDate(e); } }))));
-};
-var SimpleTimeControl = function (props) {
-    var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextBox = props.styleTextBox, onChange = props.onChange, name = props.name;
-    var formatDate = function () {
-        var date = moment(value);
-        if (!date.isValid())
-            return 'INVALID TIME';
-        return date.format('HH:mm:ss');
-    };
-    var _a = React__default.useState(formatDate()), formattedValue = _a[0], setFormattedValue = _a[1];
-    React__default.useEffect(function () {
-        setFormattedValue(formatDate());
-    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
-    var blurDate = function (e) {
-        var date = moment(e.target.value, 'hh:mm:ss');
-        if (date.isValid() && moment(value).isValid()) {
-            var newDate = (moment(value)).set('hour', date.hour()).set('minute', date.minute()).set('second', date.second());
-            onChange(newDate.toDate(), name || '');
-        }
-        else {
-            setFormattedValue(formatDate());
-        }
-    };
-    var changeDate = function (e) {
-        setFormattedValue(e.target.value);
-    };
-    return (React__default.createElement("div", { className: "input-group" },
-        React__default.createElement("div", { className: "input-group-prepend" },
-            React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
-        React__default.createElement("input", { type: "text", className: "form-control", placeholder: title, readOnly: readOnly || false, value: formattedValue || '', onBlur: function (e) { return blurDate(e); }, onChange: function (e) { return changeDate(e); }, style: styleTextBox || {} })));
-};
-function SimpleInputSearchControl(_a) {
-    var title = _a.title, styleLabel = _a.styleLabel, isNumeric = _a.isNumeric, readOnly = _a.readOnly, value = _a.value, onChange = _a.onChange, name = _a.name, styleTextBox = _a.styleTextBox, onKeyDown = _a.onKeyDown, lengthCharacters = _a.lengthCharacters;
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: "input-group" },
-            React__default.createElement("div", { className: "input-group-prepend" },
-                React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
-            React__default.createElement("input", { type: "text", className: "form-control " + (isNumeric ? 'mes-numeric' : ''), placeholder: title, readOnly: readOnly, value: value || '', onChange: function (e) { return onChange(e.target.value, name || ''); }, style: (styleTextBox || {}), onKeyDown: function (e) { return onKeyDown(e); }, maxLength: lengthCharacters || '' }))));
-}
-var TimeControl = /** @class */ (function (_super) {
-    __extends(TimeControl, _super);
-    function TimeControl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TimeControl.prototype.render = function () {
-        var _this = this;
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: "input-group" },
-                React__default.createElement("div", { className: "input-group-prepend" },
-                    React__default.createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
-                React__default.createElement(DatePicker, { className: "form-control mes-filter-datepicker", selected: this.props.value, onChange: function (date) { return _this.props.onChange(date, _this.props.name || ''); }, showTimeSelect: this.props.showSelector || false, showTimeSelectOnly: true, timeIntervals: 15, timeCaption: "Time", dateFormat: "HH:mm:ss", timeFormat: "HH:mm", readOnly: this.props.readOnly || false }))));
-    };
-    return TimeControl;
-}(Component));
 var SimpleTextControl = /** @class */ (function (_super) {
     __extends(SimpleTextControl, _super);
     function SimpleTextControl() {
@@ -5675,4 +5580,4 @@ function MESFMain(props) {
                         React__default.createElement(Navigation, null)))))));
 }
 
-export { Account, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateControl, DateFormatter, DateTimeControl, DateTimeFormatter, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimpleInputSearchControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, SimpleTimeControl, TimeControl, TimeFormatter, TreePickerControl, USER_LABELS, UploadFileControl, formatNumber, getCrewStyle, getShiftStyle, useToken };
+export { Account, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, 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, UploadFileControl, formatNumber, getCrewStyle, getShiftStyle, useToken };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "3.2.5",
+  "version": "3.3.0",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",
@@ -32,14 +32,12 @@
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^12.20.46",
     "@types/react": "^17.0.39",
-    "@types/react-datepicker": "^4.3.4",
     "autoprefixer": "^10.4.2",
     "bootstrap": "^4.6.1",
     "moment": "^2.29.3",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-bootstrap": "^1.6.4",
-    "react-datepicker": "^4.6.0",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.20.2",
     "react-router-dom": "^6.2.1",
@@ -69,7 +67,6 @@
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-bootstrap": "^1.6.4",
-    "react-datepicker": "^4.6.0",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.2.1",
     "react-spring": "^9.4.3",
@@ -92,10 +89,10 @@
   "dependencies": {
     "@azure/msal-browser": "^2.18.0",
     "@azure/msal-react": "^1.1.0",
-    "@date-io/moment": "^2.15.0",
+    "@date-io/moment": "^1.3.13",
     "lodash-es": "^4.17.21",
-    "tsc": "^2.0.3",
-    "string-to-color": "^2.2.2"
+    "string-to-color": "^2.2.2",
+    "tsc": "^2.0.3"
   },
   "repository": {
     "type": "git",