@ballistix.digital/react-components 1.0.0 → 1.0.2

package/dist/index.js

@@ -2678,13 +2678,14 @@ var DateMenuForm = function (props) {
         startDate: null,
         endDate: null,
     }), state = _p[0], setState = _p[1];
-    var handleValueChange = function (newValue) {
+    var $datepickerInputRef = React.useRef(null);
+    var handleValueChange = React.useCallback(function (newValue) {
         setState(newValue);
         onChange && onChange(newValue);
         setTimeout(function () {
             onBlur && onBlur();
         }, 50);
-    };
+    }, [onBlur, onChange]);
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$6.base);
         var keys = calculateNestedKeys(styles$6.base);
@@ -2707,7 +2708,40 @@ var DateMenuForm = function (props) {
     React.useEffect(function () {
         setState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { startDate: null, endDate: null });
     }, [defaultValue]);
-    return (jsxRuntime.jsxs("div", { className: styles.container, children: [jsxRuntime.jsxs("div", { className: styles.head, children: [label && (jsxRuntime.jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxRuntime.jsxs("div", { className: styles.container, "data-cy": inputDataCy, children: [jsxRuntime.jsx(Datepicker, { inputName: name, inputId: name, i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate, toggleIcon: icon, 
+    React.useEffect(function () {
+        var _a;
+        var input = (_a = $datepickerInputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
+        var allowedCharacters = '0123456789';
+        var separators = "./-".concat(separator);
+        var callback = function (event) {
+            if ((input === null || input === void 0 ? void 0 : input.value) === null ||
+                (input === null || input === void 0 ? void 0 : input.value) === undefined ||
+                lodash.intersection(input.value.split(''), separators.split('')).length > 0 ||
+                isRanged) {
+                return;
+            }
+            if (allowedCharacters.includes(event.key) && (input === null || input === void 0 ? void 0 : input.value.length) >= 7) {
+                var newValue = input.value + event.key;
+                var day = newValue.substring(0, 2);
+                var month = newValue.substring(2, 4);
+                var year = newValue.substring(4, 8);
+                var newDate = new Date("".concat(year, "-").concat(month, "-").concat(day));
+                if (isNaN(newDate.getTime()))
+                    return;
+                input.blur();
+                handleValueChange({
+                    startDate: "".concat(year, "-").concat(month, "-").concat(day),
+                    endDate: "".concat(year, "-").concat(month, "-").concat(day),
+                });
+                setTimeout(function () { return input.focus(); }, 100);
+            }
+        };
+        if (input) {
+            input.addEventListener('keydown', callback);
+        }
+        return function () { return removeEventListener('keydown', callback); };
+    }, [handleValueChange, isRanged, separator]);
+    return (jsxRuntime.jsxs("div", { className: styles.container, children: [jsxRuntime.jsxs("div", { className: styles.head, children: [label && (jsxRuntime.jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxRuntime.jsxs("div", { className: styles.container, "data-cy": inputDataCy, ref: $datepickerInputRef, children: [jsxRuntime.jsx(Datepicker, { inputName: name, inputId: name, i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate, toggleIcon: icon, 
                         //
                         value: state, 
                         //
@@ -10747,6 +10781,26 @@ var AddressInputGroupForm = function (props) {
                         var zipCode = handleExtractValueWithKey('postal_code');
                         var houseNumber = handleExtractValueWithKey('street_number');
                         var busNumber = handleExtractValueWithKey('post_box');
+                        if (
+                        // if busNumber is not found with the method above, try to find it in the user inputted label
+                        !busNumber &&
+                            (
+                            // if the label contains the houseNumber and city somewhere after the houseNumber
+                            e === null || e === void 0 ? void 0 : e.label.includes(houseNumber)) &&
+                            (e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].includes(city))) {
+                            // split the label at the houseNumber and city
+                            var splitLabel = e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].split(city)[0];
+                            // replace the zipCode from the label if it came before the city
+                            var replaceZipcode = splitLabel.replace(zipCode, '');
+                            // trim the label
+                            var trimmedLabel = lodash.trim(replaceZipcode);
+                            // if the trimmed label is shorter than 3 characters, it's probably the busNumber. Otherwise, something probably went wrong.
+                            if (trimmedLabel.length <= 3) {
+                                busNumber = trimmedLabel.includes(',')
+                                    ? trimmedLabel.substring(0, lodash.lastIndexOf(trimmedLabel, ','))
+                                    : trimmedLabel;
+                            }
+                        }
                         var location = {
                             street: street,
                             city: city,