@ballistix.digital/react-components 0.5.1 → 0.5.2

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { ArrowPathIcon, ChevronDownIcon, EllipsisVerticalIcon, ExclamationCircleIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronUpDownIcon, HomeIcon, ArrowLongLeftIcon, ArrowLongRightIcon } from '@heroicons/react/20/solid';
 import { set, get, noop as noop$1, indexOf, pick, isEmpty, some, forEach, assign, map } from 'lodash';
 import get$1 from 'lodash/get';
-import React, { useState, useMemo, Children, Fragment, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, useReducer } from 'react';
+import React, { useState, useMemo, Children, Fragment, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, useReducer, createElement, PureComponent, Component } from 'react';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 import { fal } from '@fortawesome/pro-light-svg-icons';
@@ -35,15 +35,15 @@ PERFORMANCE OF THIS SOFTWARE.
 /* global Reflect, Promise, SuppressedError, Symbol */
 
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
+var __assign$1 = function() {
+    __assign$1 = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
         return t;
     };
-    return __assign.apply(this, arguments);
+    return __assign$1.apply(this, arguments);
 };
 
 function __awaiter(thisArg, _arguments, P, generator) {
@@ -1322,14 +1322,14 @@ var TableList = function (props) {
                 }).map(function (key) {
                     var _a;
                     return (_a = {}, _a[key] = false, _a);
-                }).reduce(function (a, b) { return (__assign(__assign({}, a), b)); });
+                }).reduce(function (a, b) { return (__assign$1(__assign$1({}, a), b)); });
                 var current = defaultVisibility
                     .map(function (key) {
                     var _a;
                     return (_a = {}, _a[key] = true, _a);
                 })
-                    .reduce(function (a, b) { return (__assign(__assign({}, a), b)); });
-                return setVisibility(__assign(__assign({}, base), current));
+                    .reduce(function (a, b) { return (__assign$1(__assign$1({}, a), b)); });
+                return setVisibility(__assign$1(__assign$1({}, base), current));
             }
         }
         var savedColumnOrder = (_a = state === null || state === void 0 ? void 0 : state.split(',').map(function (id) { return id.replace('-', ''); })) !== null && _a !== void 0 ? _a : [];
@@ -1977,7 +1977,7 @@ var List$1 = function (props) {
     var handleCalculateActiveAccessor = function (items) {
         var _a;
         var result = active;
-        var currentItem = (_a = Children.map(children, function (child) { return (__assign({}, child.props)); })) === null || _a === void 0 ? void 0 : _a.find(function (tab) { return tab === null || tab === void 0 ? void 0 : tab.isCurrent; });
+        var currentItem = (_a = Children.map(children, function (child) { return (__assign$1({}, child.props)); })) === null || _a === void 0 ? void 0 : _a.find(function (tab) { return tab === null || tab === void 0 ? void 0 : tab.isCurrent; });
         if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.href) {
             result = currentItem === null || currentItem === void 0 ? void 0 : currentItem.accessor;
         }
@@ -3772,7 +3772,7 @@ var FILES_TO_IGNORE = [
 function fromEvent(evt) {
     return __awaiter(this, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {
+            if (isObject$1(evt) && isDataTransfer(evt.dataTransfer)) {
                 return [2 , getDataTransferFiles(evt.dataTransfer, evt.type)];
             }
             else if (isChangeEvt(evt)) {
@@ -3786,12 +3786,12 @@ function fromEvent(evt) {
     });
 }
 function isDataTransfer(value) {
-    return isObject(value);
+    return isObject$1(value);
 }
 function isChangeEvt(value) {
-    return isObject(value) && isObject(value.target);
+    return isObject$1(value) && isObject$1(value.target);
 }
-function isObject(v) {
+function isObject$1(v) {
     return typeof v === 'object' && v !== null;
 }
 function getInputFiles(evt) {
@@ -4707,7 +4707,7 @@ var FileInputGroupForm = function (props) {
     };
     var styles = handleGenerateStyle();
     var input = getInputProps();
-    return (jsxs("div", { className: styles.container, children: [jsxs("div", { className: styles.head, children: [label && (jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxs("div", __assign({ className: styles.body }, getRootProps(), { children: [children && children({ value: value, isDragging: isDragging }), jsx("input", { name: name, accept: input.accept, multiple: input.multiple, onChange: input.onChange, ref: input === null || input === void 0 ? void 0 : input.ref, style: input.style, tabIndex: input.tabIndex, type: input.type, onBlur: onBlur })] })), jsxs("div", { className: styles.foot, children: [description && !(error && isTouched) && (jsx("p", { className: styles.description, children: description })), error && isTouched && jsx("p", { className: styles.error, children: error })] })] }));
+    return (jsxs("div", { className: styles.container, children: [jsxs("div", { className: styles.head, children: [label && (jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxs("div", __assign$1({ className: styles.body }, getRootProps(), { children: [children && children({ value: value, isDragging: isDragging }), jsx("input", { name: name, accept: input.accept, multiple: input.multiple, onChange: input.onChange, ref: input === null || input === void 0 ? void 0 : input.ref, style: input.style, tabIndex: input.tabIndex, type: input.type, onBlur: onBlur })] })), jsxs("div", { className: styles.foot, children: [description && !(error && isTouched) && (jsx("p", { className: styles.description, children: description })), error && isTouched && jsx("p", { className: styles.error, children: error })] })] }));
 };
 
 var base$2 = {
@@ -9678,16 +9678,899 @@ var styles$1 = {
     disabled: disabled$1,
 };
 
+var classnames$1 = {exports: {}};
+
+(function (module) {
+	(function () {
+		var hasOwn = {}.hasOwnProperty;
+		function classNames() {
+			var classes = [];
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+				var argType = typeof arg;
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+			return classes.join(' ');
+		}
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+var classnamesExports = classnames$1.exports;
+var classnames = getDefaultExportFromCjs(classnamesExports);
+
+var FUNC_ERROR_TEXT = 'Expected a function';
+var NAN = 0 / 0;
+var symbolTag = '[object Symbol]';
+var reTrim = /^\s+|\s+$/g;
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+var reIsBinary = /^0b[01]+$/i;
+var reIsOctal = /^0o[0-7]+$/i;
+var freeParseInt = parseInt;
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+var root = freeGlobal || freeSelf || Function('return this')();
+var objectProto = Object.prototype;
+var objectToString = objectProto.toString;
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+var now = function() {
+  return root.Date.now();
+};
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        result = wait - timeSinceLastCall;
+    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = undefined;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now());
+  }
+  function debounced() {
+    var time = now(),
+        isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+function isObject(value) {
+  var type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && objectToString.call(value) == symbolTag);
+}
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = value.replace(reTrim, '');
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+var lodash_debounce = debounce;
+var debounce$1 = getDefaultExportFromCjs(lodash_debounce);
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+function __extends(d, b) {
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var defaults = {
+    autoActivateFirstSuggest: false,
+    disabled: false,
+    fixtures: [],
+    getSuggestLabel: function (suggest) { return suggest.description; },
+    highlightMatch: true,
+    ignoreEnter: false,
+    ignoreTab: false,
+    initialValue: '',
+    maxFixtures: 10,
+    minLength: 1,
+    onKeyDown: function () { },
+    onKeyPress: function () { },
+    placeholder: 'Search places',
+    queryDelay: 250,
+    skipSuggest: function () { return false; },
+    style: {},
+    inputType: 'text'
+};
+var allowedAttributes = [
+    'autoCapitalize',
+    'autoComplete',
+    'autoCorrect',
+    'autoFocus',
+    'disabled',
+    'form',
+    'formAction',
+    'formEncType',
+    'formMethod',
+    'formNoValidate',
+    'formTarget',
+    'height',
+    'inputMode',
+    'maxLength',
+    'name',
+    'onClick',
+    'onContextMenu',
+    'onCopy',
+    'onCut',
+    'onDoubleClick',
+    'onMouseDown',
+    'onMouseEnter',
+    'onMouseLeave',
+    'onMouseMove',
+    'onMouseOut',
+    'onMouseOver',
+    'onMouseUp',
+    'onPaste',
+    'pattern',
+    'placeholder',
+    'readOnly',
+    'required',
+    'size',
+    'spellCheck',
+    'tabIndex',
+    'title',
+    'aria-atomic',
+    'aria-busy',
+    'aria-controls',
+    'aria-current',
+    'aria-describedby',
+    'aria-details',
+    'aria-disabled',
+    'aria-dropeffect',
+    'aria-errormessage',
+    'aria-flowto',
+    'aria-grabbed',
+    'aria-haspopup',
+    'aria-hidden',
+    'aria-invalid',
+    'aria-keyshortcuts',
+    'aria-label',
+    'aria-labelledby',
+    'aria-live',
+    'aria-owns',
+    'aria-relevant',
+    'aria-roledescription',
+    'aria-activedescendant',
+    'aria-autocomplete',
+    'aria-multiline',
+    'aria-placeholder',
+    'aria-readonly',
+    'aria-required'
+];
+function filterInputAttributes (props) {
+    var attributes = {};
+    Object.keys(props).forEach(function (attribute) {
+        var isDataAttribute = attribute.startsWith('data-');
+        var isAllowedAttribute = allowedAttributes.includes(attribute);
+        if (isAllowedAttribute || isDataAttribute) {
+            attributes[attribute] = props[attribute];
+        }
+    });
+    return attributes;
+}
+var Input =  (function (_super) {
+    __extends(Input, _super);
+    function Input(props) {
+        var _this = _super.call(this, props) || this;
+        _this.input = null;
+        _this.onChange = _this.onChange.bind(_this);
+        _this.onInputKeyDown = _this.onInputKeyDown.bind(_this);
+        return _this;
+    }
+    Input.prototype.onChange = function () {
+        if (this.input) {
+            this.props.onChange(this.input.value);
+        }
+    };
+    Input.prototype.onInputKeyDown = function (event) {
+        if (this.props.onKeyDown) {
+            this.props.onKeyDown(event);
+        }
+        switch (event.which) {
+            case 40:
+                if (!event.shiftKey) {
+                    event.preventDefault();
+                    this.props.onNext();
+                }
+                break;
+            case 38:
+                if (!event.shiftKey) {
+                    event.preventDefault();
+                    this.props.onPrev();
+                }
+                break;
+            case 13:
+                if (this.props.doNotSubmitOnEnter) {
+                    event.preventDefault();
+                }
+                if (!this.props.ignoreEnter) {
+                    this.props.onSelect();
+                }
+                break;
+            case 9:
+                if (!this.props.ignoreTab) {
+                    this.props.onSelect();
+                }
+                break;
+            case 27:
+                this.props.onEscape();
+                break;
+        }
+    };
+    Input.prototype.focus = function () {
+        if (this.input) {
+            this.input.focus();
+        }
+    };
+    Input.prototype.blur = function () {
+        if (this.input) {
+            this.input.blur();
+        }
+    };
+    Input.prototype.render = function () {
+        var _this = this;
+        var attributes = filterInputAttributes(this.props);
+        var classes = classnames('geosuggest__input', this.props.className);
+        var shouldRenderLabel = this.props.label && this.props.id;
+        if (!attributes.tabIndex) {
+            attributes.tabIndex = 0;
+        }
+        return (createElement(Fragment, null,
+            shouldRenderLabel && (createElement("label", { className: "geosuggest__label", htmlFor: this.props.id }, this.props.label)),
+            createElement("input", __assign({ className: classes, id: "geosuggest__input" + (this.props.id ? "--" + this.props.id : ''), ref: function (i) { return (_this.input = i); }, type: this.props.inputType }, attributes, { value: this.props.value, style: this.props.style, onKeyDown: this.onInputKeyDown, onChange: this.onChange, onKeyPress: this.props.onKeyPress, onFocus: this.props.onFocus, onBlur: this.props.onBlur, role: "combobox", "aria-expanded": !this.props.isSuggestsHidden, "aria-activedescendant": this.props.activeSuggest
+                    ? this.props.activeSuggest.placeId
+                    :
+                        undefined, "aria-owns": this.props.listId }))));
+    };
+    Input.defaultProps = {
+        activeSuggest: null,
+        autoComplete: 'nope',
+        className: '',
+        isSuggestsHidden: true,
+        listId: '',
+        inputType: 'text',
+        onBlur: function () { },
+        onChange: function () { },
+        onEscape: function () { },
+        onFocus: function () { },
+        onKeyDown: function () { },
+        onKeyPress: function () { },
+        onNext: function () { },
+        onPrev: function () { },
+        onSelect: function () { },
+        value: ''
+    };
+    return Input;
+}(PureComponent));
+var default_1 =  (function (_super) {
+    __extends(default_1, _super);
+    function default_1(props) {
+        var _this = _super.call(this, props) || this;
+        _this.ref = null;
+        _this.onClick = _this.onClick.bind(_this);
+        return _this;
+    }
+    default_1.prototype.makeBold = function (element, key) {
+        return (createElement("b", { className: "geosuggest__item__matched-text", key: key }, element));
+    };
+    default_1.prototype.formatMatchedText = function (userInput, suggest) {
+        if (!userInput || !suggest.matchedSubstrings) {
+            return suggest.label;
+        }
+        var start = suggest.matchedSubstrings.offset;
+        var length = suggest.matchedSubstrings.length;
+        var end = start + length;
+        var boldPart = this.makeBold(suggest.label.substring(start, end), suggest.label);
+        var pre = '';
+        var post = '';
+        if (start > 0) {
+            pre = suggest.label.slice(0, start);
+        }
+        if (end < suggest.label.length) {
+            post = suggest.label.slice(end);
+        }
+        return (createElement("span", null,
+            pre,
+            boldPart,
+            post));
+    };
+    default_1.prototype.componentDidUpdate = function (prevProps) {
+        if (!prevProps.isActive && this.props.isActive) {
+            this.scrollIfNeeded();
+        }
+    };
+    default_1.prototype.scrollIfNeeded = function () {
+        var element = this.ref;
+        var parent = element && element.parentElement;
+        if (!element || !parent) {
+            return;
+        }
+        var overTop = element.offsetTop - parent.offsetTop < parent.scrollTop;
+        var overBottom = element.offsetTop - parent.offsetTop + element.clientHeight >
+            parent.scrollTop + parent.clientHeight;
+        if (overTop || overBottom) {
+            parent.scrollTop =
+                element.offsetTop -
+                    parent.offsetTop -
+                    parent.clientHeight / 2 +
+                    element.clientHeight / 2;
+        }
+    };
+    default_1.prototype.onClick = function (event) {
+        event.preventDefault();
+        this.props.onSelect(this.props.suggest);
+    };
+    default_1.prototype.render = function () {
+        var _a;
+        var _this = this;
+        var suggest = this.props.suggest;
+        var classes = classnames('geosuggest__item', this.props.className, this.props.suggestItemClassName, { 'geosuggest__item--active': this.props.isActive }, (_a = {},
+            _a[this.props.activeClassName || ''] = this.props.activeClassName
+                ? this.props.isActive
+                : null,
+            _a));
+        var content = suggest.label;
+        if (this.props.renderSuggestItem) {
+            content = this.props.renderSuggestItem(suggest, this.props.userInput);
+        }
+        else if (this.props.isHighlightMatch) {
+            content = this.formatMatchedText(this.props.userInput, suggest);
+        }
+        return (createElement("li", { className: classes, ref: function (li) { return (_this.ref = li); }, style: this.props.style, onMouseDown: this.props.onMouseDown, onMouseOut: this.props.onMouseOut, onClick: this.onClick, role: "option", "aria-selected": this.props.isActive, id: suggest.placeId }, content));
+    };
+    return default_1;
+}(PureComponent));
+var default_1$1 =  (function (_super) {
+    __extends(default_1$1, _super);
+    function default_1$1() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    default_1$1.prototype.isHidden = function () {
+        return this.props.isHidden || this.props.suggests.length === 0;
+    };
+    default_1$1.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.suggests !== this.props.suggests) {
+            if (this.props.suggests.length === 0) {
+                this.props.onSuggestNoResults();
+            }
+        }
+    };
+    default_1$1.prototype.render = function () {
+        var _a;
+        var _this = this;
+        var classes = classnames('geosuggest__suggests', this.props.suggestsClassName, { 'geosuggest__suggests--hidden': this.isHidden() }, (_a = {},
+            _a[this.props.hiddenClassName || ''] = this.props.hiddenClassName
+                ? this.isHidden()
+                : null,
+            _a));
+        return (createElement("ul", { className: classes, style: this.props.style, role: "listbox", id: this.props.listId }, this.props.suggests.map(function (suggest) {
+            var isActive = (_this.props.activeSuggest &&
+                suggest.placeId === _this.props.activeSuggest.placeId) ||
+                false;
+            return (createElement(default_1, { key: suggest.placeId, className: suggest.className || '', userInput: _this.props.userInput, isHighlightMatch: _this.props.isHighlightMatch, suggest: suggest, style: _this.props.suggestItemStyle, suggestItemClassName: _this.props.suggestItemClassName, isActive: isActive, activeClassName: _this.props.suggestItemActiveClassName, onMouseDown: _this.props.onSuggestMouseDown, onMouseOut: _this.props.onSuggestMouseOut, onSelect: _this.props.onSuggestSelect, renderSuggestItem: _this.props.renderSuggestItem }));
+        })));
+    };
+    return default_1$1;
+}(PureComponent));
+function escapeRegExp(str) {
+    return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+}
+var default_1$2 =  (function (_super) {
+    __extends(default_1, _super);
+    function default_1(props) {
+        var _this = _super.call(this, props) || this;
+        _this.googleMaps = null;
+        _this.autocompleteService = null;
+        _this.placesService = null;
+        _this.sessionToken = undefined;
+        _this.geocoder = null;
+        _this.input = null;
+        _this.state = {
+            activeSuggest: null,
+            ignoreBlur: false,
+            isLoading: false,
+            isSuggestsHidden: true,
+            suggests: [],
+            userInput: props.initialValue || ''
+        };
+        _this.onInputChange = _this.onInputChange.bind(_this);
+        _this.onAfterInputChange = _this.onAfterInputChange.bind(_this);
+        _this.onInputFocus = _this.onInputFocus.bind(_this);
+        _this.onInputBlur = _this.onInputBlur.bind(_this);
+        _this.onNext = _this.onNext.bind(_this);
+        _this.onPrev = _this.onPrev.bind(_this);
+        _this.onSelect = _this.onSelect.bind(_this);
+        _this.onSuggestMouseDown = _this.onSuggestMouseDown.bind(_this);
+        _this.onSuggestMouseOut = _this.onSuggestMouseOut.bind(_this);
+        _this.onSuggestNoResults = _this.onSuggestNoResults.bind(_this);
+        _this.hideSuggests = _this.hideSuggests.bind(_this);
+        _this.selectSuggest = _this.selectSuggest.bind(_this);
+        _this.listId = "geosuggest__list" + (props.id ? "--" + props.id : '');
+        if (props.queryDelay) {
+            _this.onAfterInputChange = debounce$1(_this.onAfterInputChange, props.queryDelay);
+        }
+        return _this;
+    }
+    default_1.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.initialValue !== this.props.initialValue) {
+            this.setState({ userInput: this.props.initialValue || '' });
+        }
+        if (JSON.stringify(prevProps.fixtures) !== JSON.stringify(this.props.fixtures)) {
+            this.searchSuggests();
+        }
+    };
+    default_1.prototype.componentDidMount = function () {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        var googleMaps = this.props.googleMaps ||
+            (window.google && window.google.maps) ||
+            this.googleMaps;
+        if (!googleMaps) {
+            if (console) {
+                console.error('Google maps API was not found in the page.');
+            }
+            return;
+        }
+        this.googleMaps = googleMaps;
+        this.autocompleteService = new googleMaps.places.AutocompleteService();
+        this.placesService = new googleMaps.places.PlacesService(document.createElement('div'));
+        this.sessionToken = new googleMaps.places.AutocompleteSessionToken();
+        this.geocoder = new googleMaps.Geocoder();
+    };
+    default_1.prototype.componentWillUnmount = function () {
+        clearTimeout(this.timer);
+    };
+    default_1.prototype.onInputChange = function (userInput) {
+        if (!userInput) {
+            if (this.props.onSuggestSelect) {
+                this.props.onSuggestSelect();
+            }
+        }
+        this.setState({ userInput: userInput }, this.onAfterInputChange);
+    };
+    default_1.prototype.onAfterInputChange = function () {
+        this.showSuggests();
+        if (this.props.onChange) {
+            this.props.onChange(this.state.userInput);
+        }
+    };
+    default_1.prototype.onInputFocus = function () {
+        if (this.props.onFocus) {
+            this.props.onFocus();
+        }
+        this.showSuggests();
+    };
+    default_1.prototype.onInputBlur = function () {
+        if (!this.state.ignoreBlur) {
+            this.hideSuggests();
+        }
+    };
+    default_1.prototype.onNext = function () {
+        this.activateSuggest('next');
+    };
+    default_1.prototype.onPrev = function () {
+        this.activateSuggest('prev');
+    };
+    default_1.prototype.onSelect = function () {
+        this.selectSuggest(this.state.activeSuggest);
+    };
+    default_1.prototype.onSuggestMouseDown = function () {
+        this.setState({ ignoreBlur: true });
+    };
+    default_1.prototype.onSuggestMouseOut = function () {
+        this.setState({ ignoreBlur: false });
+    };
+    default_1.prototype.onSuggestNoResults = function () {
+        if (this.props.onSuggestNoResults) {
+            this.props.onSuggestNoResults(this.state.userInput);
+        }
+    };
+    default_1.prototype.focus = function () {
+        if (this.input) {
+            this.input.focus();
+        }
+    };
+    default_1.prototype.blur = function () {
+        if (this.input) {
+            this.input.blur();
+        }
+    };
+    default_1.prototype.update = function (userInput) {
+        this.setState({ userInput: userInput });
+        if (this.props.onChange) {
+            this.props.onChange(userInput);
+        }
+    };
+    default_1.prototype.clear = function () {
+        this.setState({ userInput: '' }, this.hideSuggests);
+    };
+    default_1.prototype.searchSuggests = function () {
+        var _this = this;
+        if (!this.state.userInput) {
+            this.updateSuggests();
+            return;
+        }
+        var options = {
+            input: this.state.userInput,
+            sessionToken: this.sessionToken
+        };
+        var inputLength = this.state.userInput.length;
+        var isShorterThanMinLength = this.props.minLength && inputLength < this.props.minLength;
+        if (isShorterThanMinLength) {
+            this.updateSuggests();
+            return;
+        }
+        var _a = this.props, location = _a.location, radius = _a.radius, bounds = _a.bounds, types = _a.types, country = _a.country;
+        if (location)
+            options.location = location;
+        if (radius)
+            options.radius = Number(this.props.radius);
+        if (bounds)
+            options.bounds = bounds;
+        if (types)
+            options.types = types;
+        if (country)
+            options.componentRestrictions = { country: country };
+        this.setState({ isLoading: true }, function () {
+            if (!_this.autocompleteService) {
+                _this.setState({ isLoading: false });
+                return;
+            }
+            _this.autocompleteService.getPlacePredictions(options, function (suggestsGoogle) {
+                _this.setState({ isLoading: false });
+                _this.updateSuggests(suggestsGoogle || [],
+                function () {
+                    if (_this.props.autoActivateFirstSuggest &&
+                        !_this.state.activeSuggest) {
+                        _this.activateSuggest('next');
+                    }
+                });
+            });
+        });
+    };
+    default_1.prototype.updateSuggests = function (suggestsGoogle,
+    callback) {
+        var _this = this;
+        if (suggestsGoogle === void 0) { suggestsGoogle = []; }
+        if (callback === void 0) { callback = function () { }; }
+        var suggests = [];
+        var userInput = this.state.userInput;
+        var _a = this.props, skipSuggest = _a.skipSuggest, maxFixtures = _a.maxFixtures, fixtures = _a.fixtures;
+        var regex = new RegExp(escapeRegExp(userInput), 'gim');
+        var fixturesSearched = 0;
+        var activeSuggest = null;
+        if (fixtures) {
+            fixtures.forEach(function (fixture) {
+                if (maxFixtures && fixturesSearched >= maxFixtures) {
+                    return;
+                }
+                if (skipSuggest &&
+                    !skipSuggest(fixture) &&
+                    fixture.label.match(regex)) {
+                    fixturesSearched++;
+                    suggests.push(__assign(__assign({}, fixture), { isFixture: true, matchedSubstrings: {
+                            length: userInput.length,
+                            offset: fixture.label.indexOf(userInput)
+                        }, placeId: fixture.placeId || fixture.label }));
+                }
+            });
+        }
+        suggestsGoogle.forEach(function (suggest) {
+            if (skipSuggest && !skipSuggest(suggest)) {
+                suggests.push({
+                    description: suggest.description,
+                    isFixture: false,
+                    label: _this.props.getSuggestLabel
+                        ? _this.props.getSuggestLabel(suggest)
+                        : '',
+                    matchedSubstrings: suggest.matched_substrings[0],
+                    placeId: suggest.place_id
+                });
+            }
+        });
+        activeSuggest = this.updateActiveSuggest(suggests);
+        if (this.props.onUpdateSuggests) {
+            this.props.onUpdateSuggests(suggests, activeSuggest);
+        }
+        this.setState({ suggests: suggests, activeSuggest: activeSuggest }, callback);
+    };
+    default_1.prototype.updateActiveSuggest = function (suggests) {
+        if (suggests === void 0) { suggests = []; }
+        var activeSuggest = this.state.activeSuggest;
+        if (activeSuggest) {
+            var newSuggest = suggests.filter(function (listedSuggest) {
+                return activeSuggest &&
+                    activeSuggest.placeId === listedSuggest.placeId &&
+                    activeSuggest.isFixture === listedSuggest.isFixture;
+            })[0];
+            activeSuggest = newSuggest || null;
+        }
+        return activeSuggest;
+    };
+    default_1.prototype.showSuggests = function () {
+        this.searchSuggests();
+        this.setState({ isSuggestsHidden: false });
+    };
+    default_1.prototype.hideSuggests = function () {
+        var _this = this;
+        if (this.props.onBlur) {
+            this.props.onBlur(this.state.userInput);
+        }
+        this.timer = window.setTimeout(function () {
+            _this.setState({
+                activeSuggest: null,
+                isSuggestsHidden: true
+            });
+        }, 100);
+    };
+    default_1.prototype.activateSuggest = function (direction) {
+        if (this.state.isSuggestsHidden) {
+            this.showSuggests();
+            return;
+        }
+        var suggestsCount = this.state.suggests.length - 1;
+        var next = direction === 'next';
+        var newActiveSuggest = null;
+        var newIndex = 0;
+        var i = 0;
+        for (i; i <= suggestsCount; i++) {
+            if (this.state.suggests[i] === this.state.activeSuggest) {
+                newIndex = next ? i + 1 : i - 1;
+            }
+        }
+        if (!this.state.activeSuggest) {
+            newIndex = next ? 0 : suggestsCount;
+        }
+        if (newIndex >= 0 && newIndex <= suggestsCount) {
+            newActiveSuggest = this.state.suggests[newIndex];
+        }
+        if (this.props.onActivateSuggest) {
+            this.props.onActivateSuggest(newActiveSuggest);
+        }
+        this.setState({ activeSuggest: newActiveSuggest });
+    };
+    default_1.prototype.selectSuggest = function (suggestToSelect) {
+        var suggest = suggestToSelect || {
+            isFixture: true,
+            label: this.state.userInput,
+            placeId: this.state.userInput
+        };
+        if (!suggestToSelect &&
+            this.props.autoActivateFirstSuggest &&
+            this.state.suggests.length > 0) {
+            suggest = this.state.suggests[0];
+        }
+        this.setState({
+            isSuggestsHidden: true,
+            userInput: typeof suggest.label !== 'object'
+                ? suggest.label
+                : suggest.description || ''
+        });
+        if (suggest.location) {
+            this.setState({ ignoreBlur: false });
+            if (this.props.onSuggestSelect) {
+                this.props.onSuggestSelect(suggest);
+            }
+            return;
+        }
+        this.geocodeSuggest(suggest);
+    };
+    default_1.prototype.geocodeSuggest = function (suggestToGeocode) {
+        var _this = this;
+        if (!this.geocoder) {
+            return;
+        }
+        if (suggestToGeocode.placeId &&
+            !suggestToGeocode.isFixture &&
+            this.placesService) {
+            var options = {
+                placeId: suggestToGeocode.placeId,
+                sessionToken: this.sessionToken
+            };
+            if (this.props.placeDetailFields) {
+                options.fields = this.props.placeDetailFields;
+                options.fields.unshift('geometry');
+            }
+            this.placesService.getDetails(options, function (results, status) {
+                if (status === _this.googleMaps.places.PlacesServiceStatus.OK) {
+                    var gmaps = results;
+                    var location_1 = (gmaps.geometry &&
+                        gmaps.geometry.location);
+                    var suggest = __assign(__assign({}, suggestToGeocode), { gmaps: gmaps, location: {
+                            lat: location_1.lat(),
+                            lng: location_1.lng()
+                        } });
+                    _this.sessionToken = new google.maps.places.AutocompleteSessionToken();
+                    if (_this.props.onSuggestSelect) {
+                        _this.props.onSuggestSelect(suggest);
+                    }
+                }
+            });
+        }
+        else {
+            var options = {
+                address: suggestToGeocode.label,
+                bounds: this.props.bounds,
+                componentRestrictions: this.props.country
+                    ? { country: this.props.country }
+                    :
+                        undefined,
+                location: this.props.location
+            };
+            this.geocoder.geocode(options, function (results, status) {
+                if (status === _this.googleMaps.GeocoderStatus.OK) {
+                    var gmaps = results[0];
+                    var location_2 = (gmaps.geometry &&
+                        gmaps.geometry.location);
+                    var suggest = __assign(__assign({}, suggestToGeocode), { gmaps: gmaps, location: {
+                            lat: location_2.lat(),
+                            lng: location_2.lng()
+                        } });
+                    if (_this.props.onSuggestSelect) {
+                        _this.props.onSuggestSelect(suggest);
+                    }
+                }
+            });
+        }
+    };
+    default_1.prototype.render = function () {
+        var _this = this;
+        var attributes = filterInputAttributes(this.props);
+        var classes = classnames('geosuggest', this.props.className, {
+            'geosuggest--loading': this.state.isLoading
+        });
+        var input = (createElement(Input, __assign({ className: this.props.inputClassName, ref: function (i) { return (_this.input = i); }, value: this.state.userInput, doNotSubmitOnEnter: !this.state.isSuggestsHidden, ignoreTab: this.props.ignoreTab, ignoreEnter: this.props.ignoreEnter, style: this.props.style && this.props.style.input, onChange: this.onInputChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onKeyDown: this.props.onKeyDown, onKeyPress: this.props.onKeyPress, inputType: this.props.inputType, onNext: this.onNext, onPrev: this.onPrev, onSelect: this.onSelect, onEscape: this.hideSuggests, isSuggestsHidden: this.state.isSuggestsHidden, activeSuggest: this.state.activeSuggest, label: this.props.label, id: this.props.id, listId: this.listId }, attributes)));
+        var suggestionsList = (createElement(default_1$1, { isHidden: this.state.isSuggestsHidden, style: this.props.style && this.props.style.suggests, suggestItemStyle: this.props.style && this.props.style.suggestItem, userInput: this.state.userInput, isHighlightMatch: Boolean(this.props.highlightMatch), suggestsClassName: this.props.suggestsClassName, suggestItemClassName: this.props.suggestItemClassName, suggests: this.state.suggests, hiddenClassName: this.props.suggestsHiddenClassName, suggestItemActiveClassName: this.props.suggestItemActiveClassName, activeSuggest: this.state.activeSuggest, onSuggestNoResults: this.onSuggestNoResults, onSuggestMouseDown: this.onSuggestMouseDown, onSuggestMouseOut: this.onSuggestMouseOut, onSuggestSelect: this.selectSuggest, renderSuggestItem: this.props.renderSuggestItem, listId: this.listId }));
+        return (createElement("div", { className: classes, id: this.props.id },
+            createElement("div", { className: "geosuggest__input-wrapper" }, input),
+            createElement("div", { className: "geosuggest__suggests-wrapper" }, suggestionsList)));
+    };
+    default_1.defaultProps = defaults;
+    return default_1;
+}(Component));
+
 var AddressInputGroupForm = function (props) {
-    var _a = props.name, name = _a === void 0 ? 'address-input' : _a, label = props.label, description = props.description, 
-    // placeholder,
-    required = props.required, 
-    // value,
-    error = props.error, _b = props.type, type = _b === void 0 ? 'normal' : _b, isDisabled = props.isDisabled, _c = props.isRequired, isRequired = _c === void 0 ? false : _c, _d = props.isTouched, isTouched = _d === void 0 ? false : _d, 
-    // onChange,
-    // onFocus,
-    // onBlur,
-    stylesOverrides = props.styles;
+    var _a, _b, _c;
+    var _d = props.name, name = _d === void 0 ? 'address-input' : _d, label = props.label, description = props.description, placeholder = props.placeholder, required = props.required, value = props.value, error = props.error, _e = props.type, type = _e === void 0 ? 'normal' : _e, isDisabled = props.isDisabled, _f = props.isRequired, isRequired = _f === void 0 ? false : _f, _g = props.isTouched, isTouched = _g === void 0 ? false : _g, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, stylesOverrides = props.styles;
     var isValid = error === undefined;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles.base);
@@ -9698,23 +10581,80 @@ var AddressInputGroupForm = function (props) {
         return result;
     };
     var styles$1 = handleGenerateStyle();
-    // const mapValueToAddress = (
-    //   value: TAddressInputGroupFormValue | undefined,
-    // ) => {
-    //   if (!value) {
-    //     return undefined;
-    //   }
-    //   const { country, city, street, houseNumber } = value;
-    //   return `${street ?? ''}${houseNumber ? ' ' + houseNumber : ''}${
-    //     city ? ', ' + city : ''
-    //   }${country ? ', ' + country : ''}`;
-    // };
+    var mapValueToAddress = function (value) {
+        if (!value) {
+            return undefined;
+        }
+        var country = value.country, city = value.city, street = value.street, houseNumber = value.houseNumber;
+        return "".concat(street !== null && street !== void 0 ? street : '').concat(houseNumber ? ' ' + houseNumber : '').concat(city ? ', ' + city : '').concat(country ? ', ' + country : '');
+    };
     // useEffect(() => {
     //   if (form.values[name]) {
     //     onChange && onChange(form.values[name]);
     //   }
     // }, [form.values, name, onChange]);
-    return (jsxs("div", { className: styles$1.container, children: [jsxs("div", { className: styles$1.head, children: [label && (jsx("label", { htmlFor: name, className: styles$1.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsx("span", { className: styles$1.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsx("div", { className: styles$1.body }), jsxs("div", { className: styles$1.foot, children: [description && !(error && isTouched) && (jsx("p", { className: styles$1.description, children: description })), error && isTouched && jsx("p", { className: styles$1.error, children: error })] })] }));
+    return (jsxs("div", { className: styles$1.container, children: [jsxs("div", { className: styles$1.head, children: [label && (jsx("label", { htmlFor: name, className: styles$1.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsx("span", { className: styles$1.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsx("div", { className: styles$1.body, children: jsx(default_1$2, { types: ['address'], queryDelay: 100, placeholder: placeholder, initialValue: mapValueToAddress(value), inputClassName: styles$1 === null || styles$1 === void 0 ? void 0 : styles$1.input, suggestsClassName: (_a = styles$1.geosuggest) === null || _a === void 0 ? void 0 : _a.suggestsClassName, suggestItemClassName: (_b = styles$1.geosuggest) === null || _b === void 0 ? void 0 : _b.suggestItemClassName, suggestsHiddenClassName: (_c = styles$1.geosuggest) === null || _c === void 0 ? void 0 : _c.suggestsHiddenClassName, onChange: function (value) {
+                        if (value === '') {
+                            onChange(null);
+                        }
+                    }, onFocus: onFocus, 
+                    // suggestItemActiveClassName={
+                    //   styles.geosuggest?.suggestItemActiveClassName
+                    // }
+                    autoComplete: "off", placeDetailFields: ['address_components'], onSuggestSelect: function (e) {
+                        var _a, _b, _c, _d, _e;
+                        var components = (_a = e === null || e === void 0 ? void 0 : e.gmaps) === null || _a === void 0 ? void 0 : _a.address_components;
+                        var handleExtractValueWithKey = function (key) {
+                            var _a;
+                            return (_a = components === null || components === void 0 ? void 0 : components.find(function (component) {
+                                return component.types.includes(key);
+                            })) === null || _a === void 0 ? void 0 : _a.long_name;
+                        };
+                        var street = handleExtractValueWithKey('route');
+                        var city = handleExtractValueWithKey('locality');
+                        var country = handleExtractValueWithKey('country');
+                        var zipCode = handleExtractValueWithKey('postal_code');
+                        var houseNumber = handleExtractValueWithKey('street_number');
+                        var busNumber = handleExtractValueWithKey('post_box');
+                        var location = {
+                            street: street,
+                            city: city,
+                            country: country,
+                            zipCode: zipCode,
+                            houseNumber: houseNumber,
+                            busNumber: busNumber,
+                            lat: (_c = (_b = e === null || e === void 0 ? void 0 : e.location) === null || _b === void 0 ? void 0 : _b.lat) !== null && _c !== void 0 ? _c : 0,
+                            lng: (_e = (_d = e === null || e === void 0 ? void 0 : e.location) === null || _d === void 0 ? void 0 : _d.lng) !== null && _e !== void 0 ? _e : 0,
+                        };
+                        onChange && onChange(location);
+                    }, onBlur: function (e) {
+                        var _a, _b, _c, _d, _e;
+                        var components = (_a = e === null || e === void 0 ? void 0 : e.gmaps) === null || _a === void 0 ? void 0 : _a.address_components;
+                        var handleExtractValueWithKey = function (key) {
+                            var _a;
+                            return (_a = components === null || components === void 0 ? void 0 : components.find(function (component) {
+                                return component.types.includes(key);
+                            })) === null || _a === void 0 ? void 0 : _a.long_name;
+                        };
+                        var street = handleExtractValueWithKey('route');
+                        var city = handleExtractValueWithKey('locality');
+                        var country = handleExtractValueWithKey('country');
+                        var zipCode = handleExtractValueWithKey('postal_code');
+                        var houseNumber = handleExtractValueWithKey('street_number');
+                        var busNumber = handleExtractValueWithKey('post_box');
+                        var location = {
+                            street: street,
+                            city: city,
+                            country: country,
+                            zipCode: zipCode,
+                            houseNumber: houseNumber,
+                            busNumber: busNumber,
+                            lat: (_c = (_b = e === null || e === void 0 ? void 0 : e.location) === null || _b === void 0 ? void 0 : _b.lat) !== null && _c !== void 0 ? _c : 0,
+                            lng: (_e = (_d = e === null || e === void 0 ? void 0 : e.location) === null || _d === void 0 ? void 0 : _d.lng) !== null && _e !== void 0 ? _e : 0,
+                            info: value === null || value === void 0 ? void 0 : value.info,
+                        };
+                        onBlur && onBlur(location);
+                    }, children: jsx(Fragment$1, {}) }) }), jsxs("div", { className: styles$1.foot, children: [description && !(error && isTouched) && (jsx("p", { className: styles$1.description, children: description })), error && isTouched && jsx("p", { className: styles$1.error, children: error })] })] }));
 };
 
 var base = {