@autoguru/overdrive 4.11.2 → 4.11.3

package/dist/components/Actions/stories.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import * as React from 'react';
 import { Button } from "../Button/index.js";
 import { Actions } from "./index.js";
@@ -22,7 +19,6 @@ export default {
     children: story()
   })]
 };
-
 const template = args => _jsxs(Actions, _objectSpread(_objectSpread({}, args), {}, {
   children: [_jsx(Button, {
     children: "Login"
@@ -45,7 +41,6 @@ const template = args => _jsxs(Actions, _objectSpread(_objectSpread({}, args), {
     children: "Action 4"
   })]
 }));
-
 const standardProps = {
   noWrap: false
 };

package/dist/components/Alert/Alert.css.d.ts

@@ -1,4 +1,3 @@
-export declare const root: string;
-export declare const intent: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information", string>;
+export declare const intentBox: string;
 export declare const contained: string;
 //# sourceMappingURL=Alert.css.d.ts.map

package/dist/components/Alert/Alert.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,MAAM,kHAWlB,CAAC;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAC"}
+{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}

package/dist/components/Alert/Alert.css.js

@@ -1,31 +1,18 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Alert/Alert.css.ts", "@autoguru/overdrive");
-
-import { style, styleVariants } from '@vanilla-extract/css';
+import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
-export const root = style({
-  ':before': {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: vars.space['1'],
-    height: '100%',
-    content: '""'
-  }
-}, "root");
-export const intent = styleVariants(mapTokenToProperty(vars.colours.intent, value => ({
-  color: value.background.standard,
-  ':before': {
-    backgroundColor: value.background.standard
-  }
-}), ['neutral', 'shine', 'primary', 'secondary']), "intent");
+export const intentBox = style({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  width: vars.space['1'],
+  height: '100%'
+}, "intentBox");
 export const contained = style({
   minWidth: '280px',
   maxWidth: '640px'
 }, "contained");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FunctionComponent, ReactNode } from 'react';
+import { backgroundColours } from '../Box/useBoxStyles.css';
 import { Button } from '../Button';
-import * as styles from './Alert.css';
-declare type Intent = keyof Omit<typeof styles.intent, 'neutral' | 'shine' | 'primary' | 'secondary'>;
+declare type Intent = keyof Pick<typeof backgroundColours, 'danger' | 'information' | 'success' | 'warning'>;
 export interface Props {
     children?: ReactNode;
     className?: string;

package/dist/components/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,MAAM,CAAC,MAAM,EACpB,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAsE1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAOnC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,iBAAiB,EACxB,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAChD,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAwE1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Alert/Alert.js

@@ -29,8 +29,11 @@ export const Alert = _ref => {
   const dismissBtnStyles = useTextStyles({
     colour: 'muted'
   });
-  return _jsx(Box, {
-    className: clsx(className, styles.root, styles.intent[intent], {
+  const intentColourStyles = useTextStyles({
+    colour: intent
+  });
+  return _jsxs(Box, {
+    className: clsx(className, intentColourStyles, {
       [styles.contained]: !inline
     }),
     role: "alert",
@@ -42,7 +45,10 @@ export const Alert = _ref => {
     borderRadius: "1",
     boxShadow: inline ? 'none' : '4',
     padding: "2",
-    children: _jsxs(Columns, {
+    children: [_jsx(Box, {
+      className: styles.intentBox,
+      backgroundColour: intent
+    }), _jsxs(Columns, {
       noWrap: true,
       spaceX: "2",
       children: [_jsx(Column, {
@@ -83,7 +89,7 @@ export const Alert = _ref => {
           })
         })
       })]
-    })
+    })]
   });
 };
 export default Alert;

package/dist/components/Alert/stories.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Text } from "../Text/index.js";
@@ -26,7 +23,6 @@ export default {
     }
   }
 };
-
 const template = args => _jsx("div", {
   style: {
     display: 'grid',
@@ -45,7 +41,6 @@ const template = args => _jsx("div", {
     }))
   })
 });
-
 const templateAllIntents = args => _jsxs("div", {
   style: {
     display: 'grid',
@@ -89,7 +84,6 @@ const templateAllIntents = args => _jsxs("div", {
     }))
   })]
 });
-
 const standardProps = {
   dismissible: void 0,
   intent: void 0,
@@ -100,17 +94,13 @@ export const Standard = template.bind(standardProps);
 Standard.args = standardProps;
 export const StandardAllIntents = templateAllIntents.bind(standardProps);
 StandardAllIntents.args = standardProps;
-
 const inlineProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   inline: true
 });
-
 export const InlineAllIntents = templateAllIntents.bind(inlineProps);
 InlineAllIntents.args = inlineProps;
-
 const noneDismissibleProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   dismissible: false
 });
-
 export const NoneDismissibleAllIntents = templateAllIntents.bind(noneDismissibleProps);
 NoneDismissibleAllIntents.args = noneDismissibleProps;

package/dist/components/Anchor/Anchor.css.js

@@ -1,13 +1,10 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Anchor/Anchor.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
   textDecoration: 'none',
   cursor: 'pointer'
 }, "root");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Anchor/Anchor.js

@@ -36,7 +36,6 @@ export const Anchor = _ref => {
     target,
     title
   };
-
   const childs = _jsxs(Inline, {
     space: "2",
     children: [icon && _jsx(Icon, {
@@ -50,7 +49,6 @@ export const Anchor = _ref => {
       children: children
     })]
   });
-
   return isValidElement(Component) ? cloneElement(Component, props, childs) : createElement(Component, props, childs);
 };
 export default Anchor;

package/dist/components/Anchor/stories.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PhoneIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import * as React from 'react';
 import { Button } from "../Button/index.js";
@@ -49,26 +46,20 @@ export default {
     }
   }
 };
-
 const Template = args => _jsx(Anchor, _objectSpread({}, args));
-
 const standardProps = {
   href: 'tel:07 5612 5347',
   children: '07 5612 5347'
 };
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
-
 const withIconProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   icon: PhoneIcon
 });
-
 export const withIcon = Template.bind(withIconProps);
 withIcon.args = withIconProps;
-
 const withButtonProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
   is: Button
 });
-
 export const withButton = Template.bind(withButtonProps);
 withButton.args = withButtonProps;

package/dist/components/AutoSuggest/AutoSuggest.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/AutoSuggest/AutoSuggest.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const fullScreenRoot = style({
@@ -92,5 +90,4 @@ export const suggestionHighlight = style({
   color: vars.typography.colour.information,
   backgroundColor: vars.colours.background.light
 }, "suggestionHighlight");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -3,15 +3,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["autoFocus", "autoWidth", "inlineOptions", "fieldIcon", "suggestions", "value", "onChange", "onEnter", "itemRenderer", "onBlur", "onFocus", "onKeyDown", "onClick"],
-      _excluded2 = ["closeModal"],
-      _excluded3 = ["inlineOptions", "noScroll", "isFocused", "size", "fieldIcon", "isLoading", "autoFocus", "autoWidth", "suggestions", "value", "onChange", "itemRenderer", "onBlur", "onFocus", "onKeyDown", "onClick", "className"],
-      _excluded4 = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading", "fieldIcon", "isFocused", "className", "size"],
-      _excluded5 = ["onReset"];
-
+  _excluded2 = ["closeModal"],
+  _excluded3 = ["inlineOptions", "noScroll", "isFocused", "size", "fieldIcon", "isLoading", "autoFocus", "autoWidth", "suggestions", "value", "onChange", "itemRenderer", "onBlur", "onFocus", "onKeyDown", "onClick", "className"],
+  _excluded4 = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading", "fieldIcon", "isFocused", "className", "size"],
+  _excluded5 = ["onReset"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { ChevronDownIcon, CloseIcon } from '@autoguru/icons';
 import { wrapEvent } from '@autoguru/utilities';
 import clsx from 'clsx';
@@ -33,7 +30,6 @@ import { useLayoutSuggestionVisible } from "./useLayoutSuggestionVisible.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ActionTypes;
-
 (function (ActionTypes) {
   ActionTypes[ActionTypes["INPUT_CHANGE"] = 0] = "INPUT_CHANGE";
   ActionTypes[ActionTypes["INPUT_ESCAPE"] = 1] = "INPUT_ESCAPE";
@@ -46,7 +42,6 @@ var ActionTypes;
   ActionTypes[ActionTypes["SUGGESTION_MOUSE_ENTER"] = 8] = "SUGGESTION_MOUSE_ENTER";
   ActionTypes[ActionTypes["SUGGESTION_MOUSE_CLICK"] = 9] = "SUGGESTION_MOUSE_CLICK";
 })(ActionTypes || (ActionTypes = {}));
-
 const inputReducerFactory = suggestions => (prevState, action) => {
   switch (action.type) {
     default:
@@ -58,7 +53,6 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: null
         };
       }
-
     case ActionTypes.FLYOUT_CLOSE:
     case ActionTypes.SUGGESTION_MOUSE_CLICK:
     case ActionTypes.INPUT_ESCAPE:
@@ -70,14 +64,12 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: null
         };
       }
-
     case ActionTypes.INPUT_FOCUS:
       {
         return _objectSpread(_objectSpread({}, prevState), {}, {
           isFlyoutOpen: suggestions.length > -1
         });
       }
-
     case ActionTypes.INPUT_ARROW_DOWN:
       {
         const nextIndex = getNextIndex(1, prevState.highlightIndex, suggestions);
@@ -87,11 +79,9 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: nextIndex > -1 ? suggestions[nextIndex].text : null
         };
       }
-
     case ActionTypes.INPUT_ARROW_UP:
       {
         const firstIndex = getNextIndex(1, -1, suggestions);
-
         if (prevState.highlightIndex === firstIndex) {
           return {
             isFlyoutOpen: true,
@@ -99,7 +89,6 @@ const inputReducerFactory = suggestions => (prevState, action) => {
             previewText: null
           };
         }
-
         const nextIndex = getNextIndex(-1, prevState.highlightIndex, suggestions);
         return {
           isFlyoutOpen: true,
@@ -107,14 +96,12 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: nextIndex > -1 ? suggestions[nextIndex].text : null
         };
       }
-
     case ActionTypes.SUGGESTION_MOUSE_ENTER:
       {
         return _objectSpread(_objectSpread({}, prevState), {}, {
           highlightIndex: action.index
         });
       }
-
     case ActionTypes.INPUT_ENTER:
       {
         if (prevState.highlightIndex > -1) {
@@ -124,30 +111,27 @@ const inputReducerFactory = suggestions => (prevState, action) => {
             isFlyoutOpen: false
           };
         }
-
         return prevState;
       }
   }
 };
-
 export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
   let {
-    autoFocus = false,
-    autoWidth = false,
-    inlineOptions = false,
-    fieldIcon,
-    suggestions,
-    value: incomingValue,
-    onChange: incomingOnChange,
-    onEnter,
-    itemRenderer = defaultItemRenderer,
-    onBlur: incomingOnBlur,
-    onFocus: incomingOnFocus,
-    onKeyDown,
-    onClick
-  } = _ref,
-      textInputProps = _objectWithoutProperties(_ref, _excluded);
-
+      autoFocus = false,
+      autoWidth = false,
+      inlineOptions = false,
+      fieldIcon,
+      suggestions,
+      value: incomingValue,
+      onChange: incomingOnChange,
+      onEnter,
+      itemRenderer = defaultItemRenderer,
+      onBlur: incomingOnBlur,
+      onFocus: incomingOnFocus,
+      onKeyDown,
+      onClick
+    } = _ref,
+    textInputProps = _objectWithoutProperties(_ref, _excluded);
   const inputRef = useRef();
   const valueRef = useRef(incomingValue);
   useImperativeHandle(ref, () => inputRef.current);
@@ -158,12 +142,10 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
     setShowModal(false);
     setIsFocused(false);
   }, [setShowModal]);
-
   if (incomingValue && incomingValue !== valueRef.current) {
     valueRef.current = incomingValue;
     if (incomingValue.payload) closeModal();
   }
-
   const props = _objectSpread({
     suggestions,
     value: valueRef.current,
@@ -172,13 +154,11 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
         setShowModal(false);
         if (!isDesktop) setIsFocused(false);
       }
-
       if (typeof incomingOnChange === 'function') incomingOnChange(value);
     },
     onKeyUp: event => {
       if (event.key === 'Enter' && typeof onEnter === 'function') {
         var _inputRef$current;
-
         setShowModal(false);
         setIsFocused(false);
         (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
@@ -194,7 +174,6 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
     }, incomingOnFocus),
     onBlur: wrapEvent(() => setIsFocused(false), incomingOnBlur)
   }, textInputProps);
-
   return !inlineOptions && !isDesktop && showModal ? _jsx(AutoSuggestFullscreenInput, _objectSpread(_objectSpread({}, props), {}, {
     attach: "NONE",
     borderMerged: "NONE",
@@ -215,10 +194,9 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
 });
 const AutoSuggestFullscreenInput = forwardRef(function AutoSuggestFullscreenInput(_ref2, ref) {
   let {
-    closeModal
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
+      closeModal
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   const [showPortal, setShowPortal] = useState(false);
   useWindowScrollLock();
   useEffect(() => {
@@ -251,28 +229,26 @@ const AutoSuggestFullscreenInput = forwardRef(function AutoSuggestFullscreenInpu
 });
 const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
   var _state$previewText;
-
   let {
-    inlineOptions = false,
-    noScroll = false,
-    isFocused = false,
-    size,
-    fieldIcon,
-    isLoading,
-    autoFocus,
-    autoWidth,
-    suggestions,
-    value,
-    onChange,
-    itemRenderer = defaultItemRenderer,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    onClick,
-    className
-  } = _ref3,
-      textInputProps = _objectWithoutProperties(_ref3, _excluded3);
-
+      inlineOptions = false,
+      noScroll = false,
+      isFocused = false,
+      size,
+      fieldIcon,
+      isLoading,
+      autoFocus,
+      autoWidth,
+      suggestions,
+      value,
+      onChange,
+      itemRenderer = defaultItemRenderer,
+      onBlur,
+      onFocus,
+      onKeyDown,
+      onClick,
+      className
+    } = _ref3,
+    textInputProps = _objectWithoutProperties(_ref3, _excluded3);
   const triggerRef = useRef(null);
   const highlightRef = useRef(null);
   const suggestionListRef = useRef(null);
@@ -333,7 +309,6 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
         }), onFocus),
         onBlur: wrapEvent(() => {
           var _suggestions$state$hi;
-
           if (state.highlightIndex > -1 && state.highlightIndex && state.previewText === ((_suggestions$state$hi = suggestions[state.highlightIndex]) === null || _suggestions$state$hi === void 0 ? void 0 : _suggestions$state$hi.text) && typeof onChange === 'function') onChange(suggestions[state.highlightIndex]);
           dispatch({
             type: ActionTypes.INPUT_BLUR
@@ -350,20 +325,17 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
                 });
                 return;
               }
-
             case 'Enter':
               {
                 if (state.highlightIndex > -1) {
                   event.preventDefault();
                   if (typeof onChange === 'function') onChange(suggestions[state.highlightIndex]);
                 }
-
                 dispatch({
                   type: ActionTypes.INPUT_ENTER
                 });
                 return;
               }
-
             case 'Escape':
               {
                 dispatch({
@@ -406,7 +378,6 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
     })]
   });
 });
-
 const SuggestionsList = _ref4 => {
   let {
     className = '',
@@ -468,35 +439,30 @@ const SuggestionsList = _ref4 => {
     })]
   });
 };
-
 const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
   let {
-    field,
-    eventHandlers,
-    validation,
-    suffixed,
-    prefixed,
-    isLoading,
-    fieldIcon = ChevronDownIcon,
-    isFocused,
-    className,
-    size
-  } = _ref5,
-      rest = _objectWithoutProperties(_ref5, _excluded4);
-
+      field,
+      eventHandlers,
+      validation,
+      suffixed,
+      prefixed,
+      isLoading,
+      fieldIcon = ChevronDownIcon,
+      isFocused,
+      className,
+      size
+    } = _ref5,
+    rest = _objectWithoutProperties(_ref5, _excluded4);
   let focusTimeout;
   const ref = useRef(null);
   const focusHandler = useCallback(() => {
     var _ref$current;
-
     (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
   }, []);
-
   const {
-    onReset
-  } = eventHandlers,
-        inputEventHandlers = _objectWithoutProperties(eventHandlers, _excluded5);
-
+      onReset
+    } = eventHandlers,
+    inputEventHandlers = _objectWithoutProperties(eventHandlers, _excluded5);
   const handleRef = useCallback(node => {
     if (field.ref) setRef(field.ref, node);
     setRef(ref, node);
@@ -505,7 +471,6 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
     if (typeof onReset === 'function') onReset();
     focusTimeout = setTimeout(() => {
       var _ref$current2;
-
       return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
     }, 100);
   }, [onReset, focusTimeout]);
@@ -553,9 +518,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
   withPrefixIcon: true,
   withSuffixIcon: false
 });
-
 const getSuggestionId = (id, index) => "".concat(id, "-option-").concat(index);
-
 const SuggestionListFlyout = _ref6 => {
   let {
     id,
@@ -587,7 +550,6 @@ const SuggestionListFlyout = _ref6 => {
     })
   });
 };
-
 const defaultItemRenderer = _ref7 => {
   let {
     value,
@@ -598,7 +560,6 @@ const defaultItemRenderer = _ref7 => {
     text: value.text
   });
 };
-
 const DefaultSuggestion = _ref8 => {
   let {
     text,
@@ -614,30 +575,23 @@ const DefaultSuggestion = _ref8 => {
     })
   });
 };
-
 const getNextIndex = (direction, currentIndex, suggestions) => {
   if (!Array.isArray(suggestions) || suggestions.length === 0) return -1;
   const maxIndex = suggestions.length - 1;
   let itter = -1;
   let returnIdx = -1;
   let shouldSkip;
-
   do {
     var _suggestions$returnId, _suggestions$returnId2;
-
     ++itter;
     const maybeNextIdx = Math.trunc((returnIdx === -1 ? currentIndex : returnIdx) + direction);
-
     if (maybeNextIdx < 0) {
       returnIdx = maybeNextIdx > maxIndex ? 0 : maxIndex;
     } else {
       returnIdx = maybeNextIdx > maxIndex ? 0 : maybeNextIdx;
     }
-
     shouldSkip = (_suggestions$returnId = (_suggestions$returnId2 = suggestions[returnIdx]) === null || _suggestions$returnId2 === void 0 ? void 0 : _suggestions$returnId2.skip) !== null && _suggestions$returnId !== void 0 ? _suggestions$returnId : false;
   } while (shouldSkip && itter <= maxIndex);
-
   return itter > maxIndex ? -1 : returnIdx;
 };
-
 export default AutoSuggest;