@autoguru/overdrive 4.44.4-next.0 → 4.44.4

package/dist/components/Actions/Actions.js

@@ -5,19 +5,16 @@ import flattenChildren from 'react-keyed-flatten-children';
 import { Column } from "../Columns/Column.js";
 import { Columns } from "../Columns/Columns.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Actions = _ref => {
-  let {
-    children,
-    noWrap,
-    wrappingDirection
-  } = _ref;
-  return /*#__PURE__*/_jsx(Columns, {
-    space: "3",
-    noWrap: noWrap,
-    wrappingDirection: wrappingDirection,
-    children: Children.map(flattenChildren(children), child => /*#__PURE__*/_jsx(Column, {
-      children: child
-    }))
-  });
-};
+export const Actions = ({
+  children,
+  noWrap,
+  wrappingDirection
+}) => /*#__PURE__*/_jsx(Columns, {
+  space: "3",
+  noWrap: noWrap,
+  wrappingDirection: wrappingDirection,
+  children: Children.map(flattenChildren(children), child => /*#__PURE__*/_jsx(Column, {
+    children: child
+  }))
+});
 export default Actions;

package/dist/components/Alert/Alert.js

@@ -18,15 +18,14 @@ const iconMapForIntent = {
   success: CheckCircleIcon,
   warning: AlertIcon
 };
-export const Alert = _ref => {
-  let {
-    children,
-    className = '',
-    intent = 'success',
-    inline = false,
-    onRequestClose,
-    dismissible = typeof onRequestClose === 'function'
-  } = _ref;
+export const Alert = ({
+  children,
+  className = '',
+  intent = 'success',
+  inline = false,
+  onRequestClose,
+  dismissible = typeof onRequestClose === 'function'
+}) => {
   return /*#__PURE__*/_jsxs(Box, {
     className: clsx(className, sprinklesLegacyText({
       color: intent

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -383,74 +383,71 @@ const AutoSuggestInput = /*#__PURE__*/forwardRef(function AutoSuggestInput(_ref3
     })]
   });
 });
-const SuggestionsList = _ref4 => {
-  let {
-    className = '',
-    suggestionListId,
-    placeholder,
-    highlightIndex,
-    suggestions,
-    highlightRef,
-    itemRenderer,
-    onChange,
-    dispatch,
-    suggestionListRef
-  } = _ref4;
-  return /*#__PURE__*/_jsxs(Box, {
-    as: "ul",
-    ref: suggestionListRef,
-    backgroundColour: "white",
-    className: [styles.suggestionList.defaults, className],
-    id: suggestionListId,
-    "aria-label": placeholder,
-    role: "listbox",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.spacer
-    }), suggestions.map((suggestion, idx) => {
-      const highlight = highlightIndex === idx;
-      return /*#__PURE__*/_jsx(Box, {
-        as: "li",
-        ref: highlight ? highlightRef : undefined,
-        id: getSuggestionId(suggestionListId, idx),
-        role: "option",
-        "aria-selected": highlight,
-        "aria-label": suggestion.text,
-        className: clsx(styles.suggestionListItem.default, {
-          [styles.suggestionListItem.skipped]: suggestion.skip
-        }),
-        onMouseDown: event => /* This is so a blur doesnt fire from the input when you click */
-        event.preventDefault(),
-        onMouseMove: () => {
-          if (suggestion.skip) return;
+const SuggestionsList = ({
+  className = '',
+  suggestionListId,
+  placeholder,
+  highlightIndex,
+  suggestions,
+  highlightRef,
+  itemRenderer,
+  onChange,
+  dispatch,
+  suggestionListRef
+}) => /*#__PURE__*/_jsxs(Box, {
+  as: "ul",
+  ref: suggestionListRef,
+  backgroundColour: "white",
+  className: [styles.suggestionList.defaults, className],
+  id: suggestionListId,
+  "aria-label": placeholder,
+  role: "listbox",
+  children: [/*#__PURE__*/_jsx("div", {
+    className: styles.spacer
+  }), suggestions.map((suggestion, idx) => {
+    const highlight = highlightIndex === idx;
+    return /*#__PURE__*/_jsx(Box, {
+      as: "li",
+      ref: highlight ? highlightRef : undefined,
+      id: getSuggestionId(suggestionListId, idx),
+      role: "option",
+      "aria-selected": highlight,
+      "aria-label": suggestion.text,
+      className: clsx(styles.suggestionListItem.default, {
+        [styles.suggestionListItem.skipped]: suggestion.skip
+      }),
+      onMouseDown: event => /* This is so a blur doesnt fire from the input when you click */
+      event.preventDefault(),
+      onMouseMove: () => {
+        if (suggestion.skip) return;
 
-          /*
-          This has to be mouse move, so if you're hovering an item, and then arrow keys, we =
-          dont want yo trigger a mouse enter and highlight it instead
-           */
-          dispatch({
-            type: ActionTypes.SUGGESTION_MOUSE_ENTER,
-            index: idx
-          });
-        },
-        onClick: () => {
-          if (suggestion.skip) return;
-          if (typeof onChange === 'function') onChange(suggestion);
-          dispatch({
-            type: ActionTypes.SUGGESTION_MOUSE_CLICK
-          });
-        },
-        children: typeof itemRenderer === 'function' && itemRenderer({
-          suggestions,
-          highlight,
-          value: suggestion
-        })
-      }, suggestion.text.concat(String(idx)));
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles.spacer
-    })]
-  });
-};
-const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
+        /*
+        This has to be mouse move, so if you're hovering an item, and then arrow keys, we =
+        dont want yo trigger a mouse enter and highlight it instead
+         */
+        dispatch({
+          type: ActionTypes.SUGGESTION_MOUSE_ENTER,
+          index: idx
+        });
+      },
+      onClick: () => {
+        if (suggestion.skip) return;
+        if (typeof onChange === 'function') onChange(suggestion);
+        dispatch({
+          type: ActionTypes.SUGGESTION_MOUSE_CLICK
+        });
+      },
+      children: typeof itemRenderer === 'function' && itemRenderer({
+        suggestions,
+        highlight,
+        value: suggestion
+      })
+    }, suggestion.text.concat(String(idx)));
+  }), /*#__PURE__*/_jsx("div", {
+    className: styles.spacer
+  })]
+});
+const AutoSuggestInputPrimitive = withEnhancedInput(_ref4 => {
   let {
       field: {
         className: fieldClassName
@@ -464,9 +461,9 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
       isFocused,
       className,
       size
-    } = _ref5,
-    field = _objectWithoutProperties(_ref5.field, _excluded4),
-    rest = _objectWithoutProperties(_ref5, _excluded5);
+    } = _ref4,
+    field = _objectWithoutProperties(_ref4.field, _excluded4),
+    rest = _objectWithoutProperties(_ref4, _excluded5);
   let focusTimeout;
   const ref = useRef(null);
   const focusHandler = useCallback(() => {
@@ -540,62 +537,53 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
   withSuffixIcon: false
 });
 const getSuggestionId = (id, index) => `${id}-option-${index}`;
-const SuggestionListFlyout = _ref6 => {
-  let {
-    id,
-    alignment,
-    isOpen,
-    triggerOffset,
-    triggerRef,
-    autoWidth,
-    children
-  } = _ref6;
-  return /*#__PURE__*/_jsx(Positioner, {
-    id: id,
-    triggerRef: triggerRef,
-    alignment: alignment,
-    isOpen: isOpen,
-    triggerOffset: triggerOffset,
-    role: "listbox",
-    children: /*#__PURE__*/_jsx(Box, {
-      borderWidth: "1",
-      borderColour: "gray",
-      borderRadius: "md",
-      backgroundColour: "white",
-      boxShadow: "4",
-      style: {
-        width: triggerRef.current && !autoWidth ? triggerRef.current.clientWidth : undefined
-      },
-      onMouseDown: event => event.preventDefault(),
-      children: children
-    })
-  });
-};
-const defaultItemRenderer = _ref7 => {
-  let {
-    value,
-    highlight
-  } = _ref7;
-  return /*#__PURE__*/_jsx(DefaultSuggestion, {
-    highlight: highlight,
-    text: value.text
-  });
-};
-const DefaultSuggestion = _ref8 => {
-  let {
-    text,
-    highlight
-  } = _ref8;
-  return /*#__PURE__*/_jsx("div", {
-    className: clsx(styles.suggestion, {
-      [styles.suggestionHighlight]: highlight
-    }),
-    children: /*#__PURE__*/_jsx(Text, {
-      as: "span",
-      children: text
-    })
-  });
-};
+const SuggestionListFlyout = ({
+  id,
+  alignment,
+  isOpen,
+  triggerOffset,
+  triggerRef,
+  autoWidth,
+  children
+}) => /*#__PURE__*/_jsx(Positioner, {
+  id: id,
+  triggerRef: triggerRef,
+  alignment: alignment,
+  isOpen: isOpen,
+  triggerOffset: triggerOffset,
+  role: "listbox",
+  children: /*#__PURE__*/_jsx(Box, {
+    borderWidth: "1",
+    borderColour: "gray",
+    borderRadius: "md",
+    backgroundColour: "white",
+    boxShadow: "4",
+    style: {
+      width: triggerRef.current && !autoWidth ? triggerRef.current.clientWidth : undefined
+    },
+    onMouseDown: event => event.preventDefault(),
+    children: children
+  })
+});
+const defaultItemRenderer = ({
+  value,
+  highlight
+}) => /*#__PURE__*/_jsx(DefaultSuggestion, {
+  highlight: highlight,
+  text: value.text
+});
+const DefaultSuggestion = ({
+  text,
+  highlight
+}) => /*#__PURE__*/_jsx("div", {
+  className: clsx(styles.suggestion, {
+    [styles.suggestionHighlight]: highlight
+  }),
+  children: /*#__PURE__*/_jsx(Text, {
+    as: "span",
+    children: text
+  })
+});
 const getNextIndex = (direction, currentIndex, suggestions) => {
   if (!Array.isArray(suggestions) || suggestions.length === 0) return -1;
   const maxIndex = suggestions.length - 1;

package/dist/components/Badge/Badge.js

@@ -11,15 +11,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * To apply badge styling to an element directly the `styledBadge` recipe can be used.
  */
-export const Badge = _ref => {
-  let {
-    label,
-    colour = 'neutral',
-    look = 'standard',
-    size = 'standard',
-    className,
-    testId
-  } = _ref;
+export const Badge = ({
+  label,
+  colour = 'neutral',
+  look = 'standard',
+  size = 'standard',
+  className,
+  testId
+}) => {
   !['string', 'number'].includes(typeof label) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Badge `label` can only contain strings or numbers') : invariant(false) : void 0;
   const inverted = look === 'inverted';
   return /*#__PURE__*/_jsx(Box, {

package/dist/components/BulletList/Bullet.js

@@ -27,12 +27,11 @@ const getBulletCls = (styles, type) => {
       }
   }
 };
-export const Bullet = _ref => {
+export const Bullet = ({
+  children,
+  className
+}) => {
   var _getBulletCls;
-  let {
-    children,
-    className
-  } = _ref;
   return /*#__PURE__*/_jsx(Box, {
     as: "li",
     className: [styles.root.default, (_getBulletCls = getBulletCls(styles, bulletMap[useContext(BulletListContext)])) !== null && _getBulletCls !== void 0 ? _getBulletCls : '', {

package/dist/components/BulletList/BulletList.js

@@ -7,11 +7,10 @@ import { Box } from "../Box/index.js";
 import * as styles from "./BulletList.css.js";
 import { BulletListContext, bulletMap } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const BulletList = _ref => {
-  let {
-    children,
-    className
-  } = _ref;
+export const BulletList = ({
+  children,
+  className
+}) => {
   const stack = useContext(BulletListContext);
   return /*#__PURE__*/_jsx(Box, {
     as: "ul",

package/dist/components/BulletText/BulletText.js

@@ -6,51 +6,48 @@ import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
 import * as styles from "./BulletText.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const BulletText = _ref => {
-  let {
-    as,
-    variant = 'primary',
-    children,
-    bullet: Bullet = '•'
-  } = _ref;
-  return /*#__PURE__*/_jsxs(Inline, {
-    as: as,
-    noWrap: true,
-    space: "3",
-    alignX: "start",
-    alignY: "center",
-    children: [/*#__PURE__*/isValidElement(Bullet) ? /*#__PURE__*/_jsx(Box, {
-      position: "relative",
-      flexShrink: 0,
+export const BulletText = ({
+  as,
+  variant = 'primary',
+  children,
+  bullet: Bullet = '•'
+}) => /*#__PURE__*/_jsxs(Inline, {
+  as: as,
+  noWrap: true,
+  space: "3",
+  alignX: "start",
+  alignY: "center",
+  children: [/*#__PURE__*/isValidElement(Bullet) ? /*#__PURE__*/_jsx(Box, {
+    position: "relative",
+    flexShrink: 0,
+    children: Bullet
+  }) : /*#__PURE__*/_jsx(Box, {
+    position: "relative",
+    flexShrink: "0",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    className: [styles.bullet, {
+      [styles.primary]: variant === 'primary',
+      [styles.secondary]: variant !== 'primary'
+    }],
+    borderRadius: "pill",
+    children: /*#__PURE__*/_jsx(Text, {
+      className: {
+        [styles.primaryText]: variant === 'primary',
+        [styles.secondaryText]: variant !== 'primary'
+      },
+      as: "span",
+      size: "2",
       children: Bullet
-    }) : /*#__PURE__*/_jsx(Box, {
-      position: "relative",
-      flexShrink: "0",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      className: [styles.bullet, {
-        [styles.primary]: variant === 'primary',
-        [styles.secondary]: variant !== 'primary'
-      }],
-      borderRadius: "pill",
-      children: /*#__PURE__*/_jsx(Text, {
-        className: {
-          [styles.primaryText]: variant === 'primary',
-          [styles.secondaryText]: variant !== 'primary'
-        },
-        as: "span",
-        size: "2",
-        children: Bullet
-      })
-    }), /*#__PURE__*/_jsx(Box, {
-      flexGrow: "1",
-      children: /*#__PURE__*/_jsx(Text, {
-        as: "span",
-        size: "4",
-        display: "block",
-        children: children
-      })
-    })]
-  });
-};
+    })
+  }), /*#__PURE__*/_jsx(Box, {
+    flexGrow: "1",
+    children: /*#__PURE__*/_jsx(Text, {
+      as: "span",
+      size: "4",
+      display: "block",
+      children: children
+    })
+  })]
+});

package/dist/components/Button/Button.js

@@ -34,30 +34,29 @@ const fontWeight = {
   small: 'semiBold',
   medium: 'semiBold'
 };
-export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    className = '',
-    disabled = false,
-    id,
-    as: Component = 'button',
-    withDoubleClicks = false,
-    isLoading = false,
-    isFullWidth = false,
-    lang,
-    minimal = false,
-    onBlur,
-    onClick: incomingOnClick,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    rounded = false,
-    size = 'medium',
-    type = 'button',
-    variant = 'secondary',
-    'aria-label': ariaLabel,
-    testId
-  } = _ref;
+export const Button = /*#__PURE__*/forwardRef(({
+  children,
+  className = '',
+  disabled = false,
+  id,
+  as: Component = 'button',
+  withDoubleClicks = false,
+  isLoading = false,
+  isFullWidth = false,
+  lang,
+  minimal = false,
+  onBlur,
+  onClick: incomingOnClick,
+  onFocus,
+  onMouseEnter,
+  onMouseLeave,
+  rounded = false,
+  size = 'medium',
+  type = 'button',
+  variant = 'secondary',
+  'aria-label': ariaLabel,
+  testId
+}, ref) => {
   const language = _objectSpread(_objectSpread({}, defaultEnglish), lang);
   const {
     isSingleIconChild,

package/dist/components/CheckBox/CheckBox.js

@@ -14,18 +14,17 @@ import { CheckableBase } from "../private/CheckableBase/CheckableBase.js";
 import { checkableIndicator } from "../private/CheckableBase/CheckableBase.css.js";
 import * as styles from "./CheckBox.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CheckBox = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    value,
-    className = '',
-    name = '',
-    disabled = false,
-    checked = false,
-    isIndeterminate = false,
-    onClick = noop,
-    onChange = noop,
-    children
-  } = _ref;
+export const CheckBox = /*#__PURE__*/forwardRef(({
+  value,
+  className = '',
+  name = '',
+  disabled = false,
+  checked = false,
+  isIndeterminate = false,
+  onClick = noop,
+  onChange = noop,
+  children
+}, ref) => {
   const internalRef = useRef(null);
   useEffect(() => {
     if (internalRef.current) {

package/dist/components/DateTimePicker/CalendarGrid.js

@@ -12,11 +12,10 @@ import { useCalendarCell, useCalendarGrid, useLocale } from 'react-aria';
 import { dataAttrs } from "../../utils/dataAttrs.js";
 import { calendarGridStyle, styledCell, tdStyle, thStyle } from "./DateTimePicker.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const CalendarCell = _ref => {
-  let {
-    state,
-    date
-  } = _ref;
+const CalendarCell = ({
+  state,
+  date
+}) => {
   const ref = useRef(null);
   const {
     cellProps,
@@ -44,11 +43,11 @@ const CalendarCell = _ref => {
     }))
   }));
 };
-export const CalendarGrid = _ref2 => {
+export const CalendarGrid = _ref => {
   let {
       state
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     locale
   } = useLocale();

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -52,17 +52,16 @@ function createCalendar(identifier) {
  * This component implements the react-aria `useCalendar` hook and supports controlled state as well
  * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
  */
-export const DateTimePicker = _ref => {
+export const DateTimePicker = ({
+  allowPastDate = false,
+  calendar,
+  lang,
+  onChange,
+  timeOptions,
+  title,
+  testId
+}) => {
   var _lang$dateLabel, _lang$prevLabel, _lang$nextLabel, _lang$timeLabel;
-  let {
-    allowPastDate = false,
-    calendar,
-    lang,
-    onChange,
-    timeOptions,
-    title,
-    testId
-  } = _ref;
   const selectedDate = useRef(null);
   const selectedTimeOption = useRef(null);
   const handleChange = () => {

package/dist/components/DividerLine/DividerLine.js

@@ -5,22 +5,19 @@ import * as React from 'react';
 import { Box } from "../Box/index.js";
 import * as styles from "./DividerLine.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DividerLine = _ref => {
-  let {
-    className = '',
-    isVertical = false,
-    space = '3',
-    colour = 'primary',
-    size = 1
-  } = _ref;
-  return /*#__PURE__*/_jsx(Box, {
-    backgroundColour: colour,
-    className: clsx(className, {
-      [styles.size.horizontal[size]]: !isVertical,
-      [styles.size.vertical[size]]: isVertical
-    }),
-    marginY: isVertical ? undefined : space,
-    marginX: isVertical ? space : undefined,
-    odComponent: "divider-line"
-  });
-};
+export const DividerLine = ({
+  className = '',
+  isVertical = false,
+  space = '3',
+  colour = 'primary',
+  size = 1
+}) => /*#__PURE__*/_jsx(Box, {
+  backgroundColour: colour,
+  className: clsx(className, {
+    [styles.size.horizontal[size]]: !isVertical,
+    [styles.size.vertical[size]]: isVertical
+  }),
+  marginY: isVertical ? undefined : space,
+  marginX: isVertical ? space : undefined,
+  odComponent: "divider-line"
+});