magneto365.ui 2.40.2 → 2.40.4

package/dist/esm/index.js

@@ -3474,7 +3474,60 @@ var Component$V = function (_a) {
  */
 var Breadcrumb = Component$V;
 
-var styles$M = {"date-input":"mg_date_input_date-input_1n1gi","date-input__input":"mg_date_input_date-input_input_1n1gi","date-input__separator":"mg_date_input_date-input_separator_1n1gi","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1n1gi","date-input--fit":"mg_date_input_date-input--fit_1n1gi","date-input--error":"mg_date_input_date-input--error_1n1gi"};
+var DateArray = /** @class */ (function () {
+    function DateArray(array) {
+        this.day = NaN;
+        this.month = NaN;
+        this.year = NaN;
+        this.raw = {
+            day: ['', ''],
+            month: ['', ''],
+            year: ['', '', '', '']
+        };
+        if (!array)
+            return;
+        this.fromArray(array);
+    }
+    DateArray.prototype.fromArray = function (array) {
+        var _a = array.map(function (x) { return (x === '' ? NaN : Number(x)); }), d1 = _a[0], d2 = _a[1], m1 = _a[2], m2 = _a[3], y1 = _a[4], y2 = _a[5], y3 = _a[6], y4 = _a[7];
+        this.day = d1 * 10 + d2;
+        this.month = m1 * 10 + m2;
+        this.year = y1 * 1000 + y2 * 100 + y3 * 10 + y4;
+        this.setRaw(array);
+    };
+    DateArray.prototype.setRaw = function (array) {
+        var _a = array[0], d1 = _a === void 0 ? '' : _a, _b = array[1], d2 = _b === void 0 ? '' : _b, _c = array[2], m1 = _c === void 0 ? '' : _c, _d = array[3], m2 = _d === void 0 ? '' : _d, year = array.slice(4);
+        this.raw.day = [d1, d2];
+        this.raw.month = [m1, m2];
+        this.raw.year = year;
+    };
+    DateArray.prototype.getMonth = function () {
+        if (isNaN(this.month)) {
+            return this.raw.month;
+        }
+        return [Math.floor(this.month / 10), this.month % 10];
+    };
+    DateArray.prototype.getArray = function () {
+        return __spreadArray(__spreadArray(__spreadArray([], this.raw.day, true), this.getMonth(), true), this.raw.year, true);
+    };
+    DateArray.prototype.setArray = function (array) {
+        this.fromArray(array);
+        return this;
+    };
+    DateArray.prototype.fixMonth = function () {
+        if (!isNaN(this.month) && this.month > 12) {
+            this.month = 12;
+        }
+        return this;
+    };
+    return DateArray;
+}());
+var dateArray = new DateArray();
+var fixArrayDate = function (array) {
+    return dateArray.setArray(array).fixMonth().getArray();
+};
+
+var styles$M = {"date-input":"mg_date_input_date-input_1hkg2","date-input__input":"mg_date_input_date-input_input_1hkg2","date-input__separator":"mg_date_input_date-input_separator_1hkg2","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1hkg2","date-input--fit":"mg_date_input_date-input--fit_1hkg2","date-input--error":"mg_date_input_date-input--error_1hkg2","date-input__left":"mg_date_input_date-input_left_1hkg2","date-input__right":"mg_date_input_date-input_right_1hkg2"};
 
 // placeholder to every input.
 var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
@@ -3505,7 +3558,7 @@ var Component$U = function (_a) {
         var newValues = __spreadArray([], internalValues, true);
         var numberValue = value.slice(-1).replace(notNumberRegex, '');
         newValues[index] = numberValue;
-        setInternalValues(newValues);
+        setInternalValues(fixArrayDate(newValues));
         // Focus the next input
         if (numberValue && index < internalValues.length - 1) {
             (_a = inputsRef.current[index + 1]) === null || _a === void 0 ? void 0 : _a.focus();
@@ -3575,11 +3628,20 @@ var Component$U = function (_a) {
             className,
             fit ? styles$M['date-input--fit'] : '',
             hasError ? styles$M['date-input--error'] : ''
-        ].join(' ') }, internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
-        [2, 4].includes(index) ? (
-        // include / separator in date (DD / MM / YYYY)
-        React.createElement("span", { className: [styles$M['date-input__separator'], value ? styles$M['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
-        React.createElement("input", { className: styles$M['date-input__input'], type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); })));
+        ].join(' ') },
+        React.createElement("div", { className: styles$M['date-input__left'], onClick: function () {
+                var _a;
+                (_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
+            } }),
+        internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
+            [2, 4].includes(index) ? (
+            // include / separator in date (DD / MM / YYYY)
+            React.createElement("span", { className: [styles$M['date-input__separator'], value ? styles$M['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
+            React.createElement("input", { className: styles$M['date-input__input'], type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
+        React.createElement("div", { className: styles$M['date-input__right'], onClick: function () {
+                var _a;
+                (_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+            } })));
 };
 var DateInput = Component$U;
 
@@ -5971,8 +6033,10 @@ var useSelect2 = function (_a) {
         }
     }, [searchValue, setTerm]);
     useEffect(function () {
-        if (!currentFields || !currentFields.length)
+        if (!currentFields || !currentFields.length) {
+            setValueSelected([]);
             return;
+        }
         setValueSelected(function (prev) {
             if (currentFields.map(function (field) { return field.id; }).join() === prev.map(function (p) { return p.id; }).join()) {
                 return prev;