@gympass/yoga 7.87.0 → 7.88.0

package/cjs/AutoComplete/web/AutoComplete.js

@@ -1,242 +1,379 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AutoComplete_exports = {};
+__export(AutoComplete_exports, {
+  default: () => AutoComplete_default
+});
+module.exports = __toCommonJS(AutoComplete_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_downshift = __toESM(require("downshift"));
+var import_prop_types = require("prop-types");
+var import_styled_components = __toESM(require("styled-components"));
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_Input = __toESM(require("../../Input/web/Input"));
+const escapeRegExp = (str) => str.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
+const Wrapper = import_styled_components.default.div`
+  position: relative;
+
+  ${({ full }) => `width: ${full ? "100%" : "auto"}`}
+
+  ${({
+  isOpen,
+  theme: {
+    yoga: {
+      components: { input }
+    }
+  }
+}) => isOpen ? `
+
+      ${import_Input.default} {
+        border-color: ${input.border.color.typed};
+        border-bottom-width: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
 
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _downshift = _interopRequireDefault(require("downshift"));
-
-var _propTypes = require("prop-types");
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _yogaIcons = require("@gympass/yoga-icons");
-
-var _Input = _interopRequireDefault(require("../../Input/web/Input"));
-
-var _excluded = ["className", "style", "full", "options", "onChange", "onClean", "onSelect", "value", "error", "openSuggestionsAriaLabel", "closeSuggestionsAriaLabel", "shouldFilterOptions"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+      fieldset {
+        border-color: ${input.border.color.typed};
+        border-bottom-width: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+      label {
+        color: ${input.label.color.focus};
+        font-weight: ${input.label.font.weight};
+      }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+      legend {
+        font-weight: ${input.label.font.weight};
+      }
+      ` : ""}
+`;
+const List = import_styled_components.default.ul`
+  position: absolute;
+  margin: 0;
+
+  padding: 0;
+
+  z-index: 999;
+
+  ${({
+  full,
+  error,
+  theme: {
+    yoga: {
+      colors,
+      components: { autocomplete }
+    }
+  }
+}) => import_styled_components.css`
+    top: ${autocomplete.height}px;
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+    width: ${full ? "100%" : `${autocomplete.width}px`};
+    max-height: ${autocomplete.height * 6}px;
+    overflow-y: auto;
+    box-sizing: border-box;
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+    background-color: ${autocomplete.field.backgroundColor};
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+    border-width: ${autocomplete.border.width}px;
+    border-style: solid;
+    border-color: ${autocomplete.border.color.typed};
 
-var escapeRegExp = function escapeRegExp(str) {
-  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
-};
+    border-color: ${error ? colors.feedback.attention[1] : autocomplete.border.color.typed};
 
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var full = _ref.full;
-  return "width: " + (full ? '100%' : 'auto');
-}, function (_ref2) {
-  var isOpen = _ref2.isOpen,
-      input = _ref2.theme.yoga.components.input;
-  return isOpen ? "\n\n      " + _Input["default"] + " {\n        border-color: " + input.border.color.typed + ";\n        border-bottom-width: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      fieldset {\n        border-color: " + input.border.color.typed + ";\n        border-bottom-width: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      label {\n        color: " + input.label.color.focus + ";\n        font-weight: " + input.label.font.weight + ";\n      }\n\n      legend {\n        font-weight: " + input.label.font.weight + ";\n      }\n      " : '';
-});
+    border-top-width: 0;
+    border-bottom-left-radius: ${autocomplete.border.radius}px;
+    border-bottom-right-radius: ${autocomplete.border.radius}px;
+  `}
+`;
+const Item = import_styled_components.default.li`
+  box-sizing: border-box;
 
-var List = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  margin: 0;\n\n  padding: 0;\n\n  z-index: 999;\n\n  ", "\n"])), function (_ref3) {
-  var full = _ref3.full,
-      error = _ref3.error,
-      _ref3$theme$yoga = _ref3.theme.yoga,
-      colors = _ref3$theme$yoga.colors,
-      autocomplete = _ref3$theme$yoga.components.autocomplete;
-  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    top: ", "px;\n\n    width: ", ";\n    max-height: ", "px;\n    overflow-y: auto;\n    box-sizing: border-box;\n\n    background-color: ", ";\n\n    border-width: ", "px;\n    border-style: solid;\n    border-color: ", ";\n\n    border-color: ", ";\n\n    border-top-width: 0;\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n  "])), autocomplete.height, full ? '100%' : autocomplete.width + "px", autocomplete.height * 6, autocomplete.field.backgroundColor, autocomplete.border.width, autocomplete.border.color.typed, error ? colors.feedback.attention[1] : autocomplete.border.color.typed, autocomplete.border.radius, autocomplete.border.radius);
-});
+  list-style: none;
 
-var Item = _styledComponents["default"].li(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n\n  list-style: none;\n\n  cursor: pointer;\n\n  ", "\n"])), function (_ref4) {
-  var selected = _ref4.selected,
-      autocomplete = _ref4.theme.yoga.components.autocomplete;
-  return "\n    padding:\n      " + autocomplete.list.padding.top + "px\n      " + autocomplete.list.padding.right + "px\n      " + autocomplete.list.padding.bottom + "px\n      " + autocomplete.list.padding.left + "px;\n\n    background-color: " + autocomplete.list.backgroundColor["default"] + ";\n    outline: none;\n\n    font-size: " + autocomplete.list.font.size + "px;\n    font-weight: " + autocomplete.list.font.weight["default"] + ";\n    line-height: " + autocomplete.list.font.lineHeight + "px;\n\n    &:hover {\n      background-color: " + autocomplete.list.backgroundColor.hover + ";\n    }\n\n    " + (selected ? "background-color: " + autocomplete.list.backgroundColor.hover + ";" : '') + "\n  ";
-});
+  cursor: pointer;
 
-var Match = _styledComponents["default"].mark(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  background: transparent;\n  color: inherit;\n\n  ", "\n"])), function (_ref5) {
-  var autocomplete = _ref5.theme.yoga.components.autocomplete;
-  return "\n    font-weight: " + autocomplete.list.font.weight.matched + ";\n  ";
-});
-/** The autocomplete is a normal input field enhanced by a panel of suggested options. */
-
-
-var AutoComplete = /*#__PURE__*/_react["default"].forwardRef(function (_ref6, ref) {
-  var className = _ref6.className,
-      style = _ref6.style,
-      full = _ref6.full,
-      options = _ref6.options,
-      onChange = _ref6.onChange,
-      _onClean = _ref6.onClean,
-      onSelect = _ref6.onSelect,
-      value = _ref6.value,
-      error = _ref6.error,
-      openSuggestionsAriaLabel = _ref6.openSuggestionsAriaLabel,
-      closeSuggestionsAriaLabel = _ref6.closeSuggestionsAriaLabel,
-      shouldFilterOptions = _ref6.shouldFilterOptions,
-      props = _objectWithoutPropertiesLoose(_ref6, _excluded);
-
-  var _useState = (0, _react.useState)(value),
-      userValue = _useState[0],
-      setUserValue = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      isSuggestionsOpen = _useState2[0],
-      setIsSuggestionsOpen = _useState2[1];
-
-  var inputRef = (0, _react.useRef)();
-  var handleOpenSuggestions = (0, _react.useCallback)(function () {
-    var _inputRef$current;
-
-    (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
-    setIsSuggestionsOpen(true);
-  }, []);
-  var handleCloseSuggestions = (0, _react.useCallback)(function () {
-    setIsSuggestionsOpen(false);
-  }, []);
-  (0, _react.useEffect)(function () {
-    var handleKeyUp = function handleKeyUp(_ref7) {
-      var key = _ref7.key;
-      return key === 'Escape' && handleCloseSuggestions();
-    };
-
-    window.addEventListener('keyup', handleKeyUp);
-    return function () {
-      return window.removeEventListener('keyup', handleKeyUp);
-    };
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_downshift["default"], {
-    selectedItem: userValue,
-    onStateChange: function onStateChange(changes) {
-      var selectedItem = changes.selectedItem,
-          inputValue = changes.inputValue;
-
-      if (selectedItem) {
-        setUserValue(selectedItem);
-        onSelect(selectedItem);
-        onChange(selectedItem);
-        handleCloseSuggestions();
-      } else if (Object.prototype.hasOwnProperty.call(changes, 'inputValue')) {
-        setUserValue(inputValue);
-        onChange(inputValue);
-      }
+  ${({
+  selected,
+  theme: {
+    yoga: {
+      components: { autocomplete }
     }
-  }, function (_ref8) {
-    var getInputProps = _ref8.getInputProps,
-        getItemProps = _ref8.getItemProps,
-        clearSelection = _ref8.clearSelection,
-        getMenuProps = _ref8.getMenuProps,
-        getRootProps = _ref8.getRootProps,
-        highlightedIndex = _ref8.highlightedIndex,
-        isOpen = _ref8.isOpen,
-        openMenu = _ref8.openMenu,
-        inputValue = _ref8.inputValue;
-    var reg = new RegExp("(" + escapeRegExp(inputValue || '').trim() + ")", 'gi');
-    var suggestionList = shouldFilterOptions ? options.filter(function (option) {
-      return option.match(reg);
-    }).sort(function (first, second) {
-      return first.toLowerCase().indexOf(inputValue) < second.toLowerCase().indexOf(inputValue) ? -1 : 1;
-    }) : options;
-
-    if (!!inputValue && isOpen) {
-      setIsSuggestionsOpen(true);
+  }
+}) => `
+    padding:
+      ${autocomplete.list.padding.top}px
+      ${autocomplete.list.padding.right}px
+      ${autocomplete.list.padding.bottom}px
+      ${autocomplete.list.padding.left}px;
+
+    background-color: ${autocomplete.list.backgroundColor.default};
+    outline: none;
+
+    font-size: ${autocomplete.list.font.size}px;
+    font-weight: ${autocomplete.list.font.weight.default};
+    line-height: ${autocomplete.list.font.lineHeight}px;
+
+    &:hover {
+      background-color: ${autocomplete.list.backgroundColor.hover};
     }
 
-    return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
-      className: className,
-      style: style,
-      full: full,
-      isOpen: isSuggestionsOpen
-    }, getRootProps(), {
-      ref: ref,
-      onBlur: handleCloseSuggestions
-    }), /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
-      error: error,
-      full: full,
-      onClean: function onClean(cleanable) {
-        _onClean(cleanable);
-
-        clearSelection();
-        handleCloseSuggestions();
-      }
-    }, getInputProps({
-      onFocus: function onFocus() {
-        return inputValue.length ? openMenu() : null;
+    ${selected ? `background-color: ${autocomplete.list.backgroundColor.hover};` : ""}
+  `}
+`;
+const Match = import_styled_components.default.mark`
+  background: transparent;
+  color: inherit;
+
+  ${({
+  theme: {
+    yoga: {
+      components: { autocomplete }
+    }
+  }
+}) => `
+    font-weight: ${autocomplete.list.font.weight.matched};
+  `}
+`;
+const AutoComplete = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      style,
+      full,
+      options,
+      onChange,
+      onClean,
+      onSelect,
+      value,
+      error,
+      openSuggestionsAriaLabel,
+      closeSuggestionsAriaLabel,
+      shouldFilterOptions
+    } = _b, props = __objRest(_b, [
+      "className",
+      "style",
+      "full",
+      "options",
+      "onChange",
+      "onClean",
+      "onSelect",
+      "value",
+      "error",
+      "openSuggestionsAriaLabel",
+      "closeSuggestionsAriaLabel",
+      "shouldFilterOptions"
+    ]);
+    const [userValue, setUserValue] = (0, import_react.useState)(value);
+    const [isSuggestionsOpen, setIsSuggestionsOpen] = (0, import_react.useState)(false);
+    const inputRef = (0, import_react.useRef)();
+    const handleOpenSuggestions = (0, import_react.useCallback)(() => {
+      var _a2;
+      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      setIsSuggestionsOpen(true);
+    }, []);
+    const handleCloseSuggestions = (0, import_react.useCallback)(() => {
+      setIsSuggestionsOpen(false);
+    }, []);
+    (0, import_react.useEffect)(() => {
+      const handleKeyUp = ({ key }) => {
+        return key === "Escape" && handleCloseSuggestions();
+      };
+      window.addEventListener("keyup", handleKeyUp);
+      return () => window.removeEventListener("keyup", handleKeyUp);
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_downshift.default,
+      {
+        selectedItem: userValue,
+        onStateChange: (changes) => {
+          const { selectedItem, inputValue } = changes;
+          if (selectedItem) {
+            setUserValue(selectedItem);
+            onSelect(selectedItem);
+            onChange(selectedItem);
+            handleCloseSuggestions();
+          } else if (Object.prototype.hasOwnProperty.call(changes, "inputValue")) {
+            setUserValue(inputValue);
+            onChange(inputValue);
+          }
+        },
+        children: ({
+          getInputProps,
+          getItemProps,
+          clearSelection,
+          getMenuProps,
+          getRootProps,
+          highlightedIndex,
+          isOpen,
+          openMenu,
+          inputValue
+        }) => {
+          const reg = new RegExp(
+            `(${escapeRegExp(inputValue || "").trim()})`,
+            "gi"
+          );
+          const suggestionList = shouldFilterOptions ? options.filter((option) => option.match(reg)).sort(
+            (first, second) => first.toLowerCase().indexOf(inputValue) < second.toLowerCase().indexOf(inputValue) ? -1 : 1
+          ) : options;
+          if (!!inputValue && isOpen) {
+            setIsSuggestionsOpen(true);
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            Wrapper,
+            __spreadProps(__spreadValues({
+              className,
+              style,
+              full,
+              isOpen: isSuggestionsOpen
+            }, getRootProps()), {
+              ref,
+              onBlur: handleCloseSuggestions,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_Input.default,
+                  __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
+                    error,
+                    full,
+                    onClean: (cleanable) => {
+                      onClean(cleanable);
+                      clearSelection();
+                      handleCloseSuggestions();
+                    }
+                  }), getInputProps({
+                    onFocus: () => inputValue.length ? openMenu() : null
+                  })), {
+                    rightIcon: isSuggestionsOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_yoga_icons.ChevronUp,
+                      {
+                        onClick: handleCloseSuggestions,
+                        "aria-label": closeSuggestionsAriaLabel
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_yoga_icons.ChevronDown,
+                      {
+                        onClick: handleOpenSuggestions,
+                        "aria-label": openSuggestionsAriaLabel
+                      }
+                    ),
+                    ref: inputRef,
+                    includeAriaAttributes: false
+                  })
+                ),
+                isSuggestionsOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, __spreadProps(__spreadValues({}, getMenuProps()), { full, error: !!error, children: suggestionList.map((option, optionIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  Item,
+                  __spreadProps(__spreadValues({}, getItemProps({
+                    key: `${option}${optionIndex}`,
+                    index: optionIndex,
+                    item: option,
+                    selected: highlightedIndex === optionIndex
+                  })), {
+                    children: option.split(reg).map(
+                      (part, index) => !!inputValue && part.match(reg) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Match, { children: part }, index) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: part }, `unmatch-${index}`)
+                    )
+                  })
+                )) }))
+              ]
+            })
+          );
+        }
       }
-    }), {
-      rightIcon: isSuggestionsOpen ? /*#__PURE__*/_react["default"].createElement(_yogaIcons.ChevronUp, {
-        onClick: handleCloseSuggestions,
-        "aria-label": closeSuggestionsAriaLabel
-      }) : /*#__PURE__*/_react["default"].createElement(_yogaIcons.ChevronDown, {
-        onClick: handleOpenSuggestions,
-        "aria-label": openSuggestionsAriaLabel
-      }),
-      ref: inputRef,
-      includeAriaAttributes: false
-    })), isSuggestionsOpen && /*#__PURE__*/_react["default"].createElement(List, _extends({}, getMenuProps(), {
-      full: full,
-      error: !!error
-    }), suggestionList.map(function (option, optionIndex) {
-      return /*#__PURE__*/_react["default"].createElement(Item, getItemProps({
-        key: "" + option + optionIndex,
-        index: optionIndex,
-        item: option,
-        selected: highlightedIndex === optionIndex
-      }), option.split(reg).map(function (part, index) {
-        return !!inputValue && part.match(reg) ? /*#__PURE__*/_react["default"].createElement(Match, {
-          key: index
-        }, part) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-          key: "unmatch-" + index
-        }, part);
-      }));
-    })));
-  });
-});
-
+    );
+  }
+);
 AutoComplete.propTypes = {
-  className: _propTypes.string,
-  full: _propTypes.bool,
-  options: (0, _propTypes.arrayOf)(_propTypes.string),
-  style: (0, _propTypes.shape)({}),
-
+  className: import_prop_types.string,
+  full: import_prop_types.bool,
+  options: (0, import_prop_types.arrayOf)(import_prop_types.string),
+  style: (0, import_prop_types.shape)({}),
   /** callback to know when a user selects a suggestion */
-  onSelect: _propTypes.func,
-
+  onSelect: import_prop_types.func,
   /** called when user type or clean the field and when selects a suggestion */
-  onChange: _propTypes.func,
-
+  onChange: import_prop_types.func,
   /** a callback to know when the user cleaned the field */
-  onClean: _propTypes.func,
-  value: _propTypes.string,
-  error: _propTypes.string,
-
+  onClean: import_prop_types.func,
+  value: import_prop_types.string,
+  error: import_prop_types.string,
   /** an aria label for the open suggestions icon */
-  openSuggestionsAriaLabel: _propTypes.string,
-
+  openSuggestionsAriaLabel: import_prop_types.string,
   /** an aria label for the close suggestions icon */
-  closeSuggestionsAriaLabel: _propTypes.string,
-
+  closeSuggestionsAriaLabel: import_prop_types.string,
   /** flag to enable options filtering */
-  shouldFilterOptions: _propTypes.bool
+  shouldFilterOptions: import_prop_types.bool
 };
 AutoComplete.defaultProps = {
-  className: undefined,
+  className: void 0,
   full: false,
   options: [],
-  style: undefined,
-  onSelect: function onSelect() {},
-  onChange: function onChange() {},
-  onClean: function onClean() {},
-  value: undefined,
-  error: undefined,
-  openSuggestionsAriaLabel: 'Open suggestions',
-  closeSuggestionsAriaLabel: 'Close suggestions',
+  style: void 0,
+  onSelect: () => {
+  },
+  onChange: () => {
+  },
+  onClean: () => {
+  },
+  value: void 0,
+  error: void 0,
+  openSuggestionsAriaLabel: "Open suggestions",
+  closeSuggestionsAriaLabel: "Close suggestions",
   shouldFilterOptions: true
 };
-var _default = AutoComplete;
-exports["default"] = _default;
+var AutoComplete_default = AutoComplete;