@autoguru/overdrive 4.44.4-next.0 → 4.44.4

package/dist/components/StarRating/StarRating.js

@@ -25,37 +25,34 @@ var EStarType = /*#__PURE__*/function (EStarType) {
 }(EStarType || {});
 const starSizeMap = new Map([[EStarRatingSize.Medium, 'medium'], [EStarRatingSize.Small, 'small']]);
 const labelSizeMap = new Map([[EStarRatingSize.Small, '3'], [EStarRatingSize.Medium, '4']]);
-export const StarRating = /*#__PURE__*/memo(_ref => {
-  let {
-    className = '',
-    rating,
-    label = rating,
-    size = EStarRatingSize.Medium
-  } = _ref;
-  return /*#__PURE__*/_jsx(Box, {
-    className: className,
-    odComponent: "star-rating",
-    children: /*#__PURE__*/_jsxs(Inline, {
-      space: "4",
+export const StarRating = /*#__PURE__*/memo(({
+  className = '',
+  rating,
+  label = rating,
+  size = EStarRatingSize.Medium
+}) => /*#__PURE__*/_jsx(Box, {
+  className: className,
+  odComponent: "star-rating",
+  children: /*#__PURE__*/_jsxs(Inline, {
+    space: "4",
+    alignY: "center",
+    children: [/*#__PURE__*/_jsx(Inline, {
+      space: "none",
       alignY: "center",
-      children: [/*#__PURE__*/_jsx(Inline, {
-        space: "none",
-        alignY: "center",
-        children: Array.from({
-          length: totalStars
-        }).fill(0).map((_, index) => /*#__PURE__*/_jsx(Star, {
-          index: index,
-          rating: rating,
-          size: size
-        }, index))
-      }), label === null ? null : /*#__PURE__*/_jsx(Text, {
-        size: labelSizeMap.get(size),
-        testId: "star-rating-label",
-        children: label
-      })]
-    })
-  });
-});
+      children: Array.from({
+        length: totalStars
+      }).fill(0).map((_, index) => /*#__PURE__*/_jsx(Star, {
+        index: index,
+        rating: rating,
+        size: size
+      }, index))
+    }), label === null ? null : /*#__PURE__*/_jsx(Text, {
+      size: labelSizeMap.get(size),
+      testId: "star-rating-label",
+      children: label
+    })]
+  })
+}));
 StarRating.displayName = 'StarRating';
 const getStarIconType = (index, rating) => {
   if (index + 1 <= Math.floor(rating)) {
@@ -75,12 +72,11 @@ const getStarIconType = (index, rating) => {
   }
   return EStarType.Half;
 };
-const Star = _ref2 => {
-  let {
-    index,
-    rating = 0,
-    size = EStarRatingSize.Medium
-  } = _ref2;
+const Star = ({
+  index,
+  rating = 0,
+  size = EStarRatingSize.Medium
+}) => {
   const starType = getStarIconType(index, rating);
   const star = starType === EStarType.Half ? StarHalfIcon : StarIcon;
   return /*#__PURE__*/_jsx(Icon, {

package/dist/components/Stepper/Stepper.js

@@ -13,59 +13,54 @@ import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
 import * as styles from "./Stepper.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const takeStep = _ref => {
-  let {
-    min,
-    max,
-    value,
-    step,
-    direction
-  } = _ref;
+const takeStep = ({
+  min,
+  max,
+  value,
+  step,
+  direction
+}) => {
   const directionChange = (direction === 'DOWN' ? -1 : 1) * step;
   return clamp(addWithSafeDecimal(value, directionChange), min, max);
 };
-const Handle = _ref2 => {
-  let {
-    disabled,
-    icon,
-    label,
-    onClick
-  } = _ref2;
-  return /*#__PURE__*/_jsx(Box, {
-    as: "button",
-    className: [styles.handle.default, {
-      [styles.handle.disabled]: disabled
-    }, textStyles({
-      colour: 'white'
-    })],
-    backgroundColour: disabled ? 'neutral' : 'primary',
-    "aria-label": label,
-    padding: "none",
-    borderRadius: "full",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    disabled: disabled,
-    tabIndex: -1,
-    onClick: onClick,
-    children: /*#__PURE__*/_jsx(Icon, {
-      icon: icon,
-      size: "small"
-    })
-  });
-};
-export const Stepper = _ref3 => {
-  let {
-    className = '',
-    disabled: incomingDisabled = false,
-    isFullWidth = false,
-    step = 1,
-    min = Number.MIN_SAFE_INTEGER,
-    max = Number.MAX_SAFE_INTEGER,
-    value: incomingValue = 0,
-    format = value => value.toString(),
-    onChange = () => void 0
-  } = _ref3;
+const Handle = ({
+  disabled,
+  icon,
+  label,
+  onClick
+}) => /*#__PURE__*/_jsx(Box, {
+  as: "button",
+  className: [styles.handle.default, {
+    [styles.handle.disabled]: disabled
+  }, textStyles({
+    colour: 'white'
+  })],
+  backgroundColour: disabled ? 'neutral' : 'primary',
+  "aria-label": label,
+  padding: "none",
+  borderRadius: "full",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  disabled: disabled,
+  tabIndex: -1,
+  onClick: onClick,
+  children: /*#__PURE__*/_jsx(Icon, {
+    icon: icon,
+    size: "small"
+  })
+});
+export const Stepper = ({
+  className = '',
+  disabled: incomingDisabled = false,
+  isFullWidth = false,
+  step = 1,
+  min = Number.MIN_SAFE_INTEGER,
+  max = Number.MAX_SAFE_INTEGER,
+  value: incomingValue = 0,
+  format = value => value.toString(),
+  onChange = () => void 0
+}) => {
   const value = clamp(incomingValue, min, max);
   const disabled = incomingDisabled || value === undefined || value === null;
   const onDecrement = useCallback(() => onChange(takeStep({

package/dist/components/Table/Table.js

@@ -12,27 +12,24 @@ Worth noting we use the aria role grid here instead of table, as we have areas
 
 @see https://www.w3.org/TR/wai-aria-1.1/#table
  */
-export const Table = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    padding = '4',
-    stickyHead = false,
-    columnTemplate
-  } = _ref;
-  return /*#__PURE__*/_jsx(TableContextProvider, {
-    padding: padding,
-    stickyHead: stickyHead,
-    children: /*#__PURE__*/_jsx(Box, {
-      ref: ref,
-      role: "grid",
-      width: "full",
-      style: {
-        gridTemplateColumns: columnTemplate
-      },
-      className: styles.root,
-      odComponent: "table",
-      children: children
-    })
-  });
-});
+export const Table = /*#__PURE__*/forwardRef(({
+  children,
+  padding = '4',
+  stickyHead = false,
+  columnTemplate
+}, ref) => /*#__PURE__*/_jsx(TableContextProvider, {
+  padding: padding,
+  stickyHead: stickyHead,
+  children: /*#__PURE__*/_jsx(Box, {
+    ref: ref,
+    role: "grid",
+    width: "full",
+    style: {
+      gridTemplateColumns: columnTemplate
+    },
+    className: styles.root,
+    odComponent: "table",
+    children: children
+  })
+}));
 Table.displayName = 'Table';

package/dist/components/Table/TableCell.js

@@ -8,16 +8,15 @@ import { Text } from "../Text/Text.js";
 import * as styles from "./TableCell.css.js";
 import { useTableContext } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TableCell = /*#__PURE__*/forwardRef((_ref, ref) => {
-  var _ref2;
-  let {
-    padding: incomingPadding,
-    align = 'left',
-    'aria-label': ariaLabel,
-    children
-  } = _ref;
+export const TableCell = /*#__PURE__*/forwardRef(({
+  padding: incomingPadding,
+  align = 'left',
+  'aria-label': ariaLabel,
+  children
+}, ref) => {
+  var _ref;
   const tableContext = useTableContext();
-  const padding = (_ref2 = incomingPadding !== null && incomingPadding !== void 0 ? incomingPadding : tableContext === null || tableContext === void 0 ? void 0 : tableContext.padding) !== null && _ref2 !== void 0 ? _ref2 : 'none';
+  const padding = (_ref = incomingPadding !== null && incomingPadding !== void 0 ? incomingPadding : tableContext === null || tableContext === void 0 ? void 0 : tableContext.padding) !== null && _ref !== void 0 ? _ref : 'none';
   return /*#__PURE__*/_jsx(Box, {
     ref: ref,
     role: "gridcell"

package/dist/components/Table/TableHeadCell.js

@@ -18,18 +18,17 @@ const sortToAria = sort => {
   if (sort === 'desc') return 'descending';
   return 'none';
 };
-export const TableHeadCell = /*#__PURE__*/forwardRef((_ref, ref) => {
-  var _ref2;
-  let {
-    align = 'left',
-    onSort,
-    sort,
-    padding: incomingPadding,
-    'aria-label': ariaLabel,
-    children
-  } = _ref;
+export const TableHeadCell = /*#__PURE__*/forwardRef(({
+  align = 'left',
+  onSort,
+  sort,
+  padding: incomingPadding,
+  'aria-label': ariaLabel,
+  children
+}, ref) => {
+  var _ref;
   const tableContext = useTableContext();
-  const padding = (_ref2 = incomingPadding !== null && incomingPadding !== void 0 ? incomingPadding : tableContext === null || tableContext === void 0 ? void 0 : tableContext.padding) !== null && _ref2 !== void 0 ? _ref2 : 'none';
+  const padding = (_ref = incomingPadding !== null && incomingPadding !== void 0 ? incomingPadding : tableContext === null || tableContext === void 0 ? void 0 : tableContext.padding) !== null && _ref !== void 0 ? _ref : 'none';
   const sortClickHandler = useCallback(event => {
     if (typeof onSort === 'function') {
       onSort(event);

package/dist/components/Table/TableRow.js

@@ -4,17 +4,14 @@ import * as React from 'react';
 import { forwardRef } from 'react';
 import { Box } from "../Box/Box.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TableRow = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(Box, {
-    ref: ref,
-    display: "contents",
-    role: "row",
-    onClick: onClick,
-    children: children
-  });
-});
+export const TableRow = /*#__PURE__*/forwardRef(({
+  children,
+  onClick
+}, ref) => /*#__PURE__*/_jsx(Box, {
+  ref: ref,
+  display: "contents",
+  role: "row",
+  onClick: onClick,
+  children: children
+}));
 TableRow.displayName = 'TableRow';

package/dist/components/Table/TableRowGroup.js

@@ -4,15 +4,12 @@ import * as React from 'react';
 import { forwardRef } from 'react';
 import { Box } from "../Box/Box.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TableRowGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(Box, {
-    ref: ref,
-    role: "rowgroup",
-    display: "contents",
-    children: children
-  });
-});
+export const TableRowGroup = /*#__PURE__*/forwardRef(({
+  children
+}, ref) => /*#__PURE__*/_jsx(Box, {
+  ref: ref,
+  role: "rowgroup",
+  display: "contents",
+  children: children
+}));
 TableRowGroup.displayName = 'TableRowGroup';

package/dist/components/Table/context.js

@@ -5,12 +5,11 @@ import * as React from 'react';
 import { createContext, useContext, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const tableContext = /*#__PURE__*/createContext(null);
-export const TableContextProvider = _ref => {
-  let {
-    padding,
-    stickyHead,
-    children
-  } = _ref;
+export const TableContextProvider = ({
+  padding,
+  stickyHead,
+  children
+}) => {
   const value = useMemo(() => ({
     padding,
     stickyHead

package/dist/components/Tabs/Tab.js

@@ -12,13 +12,12 @@ import * as styles from "./Tab.css.js";
 import { TabListContext } from "./TabList.js";
 import { TabsContext } from "./Tabs.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Tab = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    id: incomingId = null,
-    indication = null,
-    as: Component = 'button'
-  } = _ref;
+export const Tab = /*#__PURE__*/forwardRef(({
+  children,
+  id: incomingId = null,
+  indication = null,
+  as: Component = 'button'
+}, ref) => {
   const tabsContext = useContext(TabsContext);
   const tabListContext = useContext(TabListContext);
   !(tabsContext !== null && tabListContext !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'This tab pane isnt nested beneath <Tabs /> or <TabPanes />>') : invariant(false) : void 0;

package/dist/components/Tabs/TabList.js

@@ -17,12 +17,11 @@ const defaultEnglish = {
   prev: 'scroll tabs left'
 };
 export const TabListContext = /*#__PURE__*/createContext(null);
-export const TabList = _ref => {
-  let {
-    children,
-    stretch = false,
-    scrollable = false
-  } = _ref;
+export const TabList = ({
+  children,
+  stretch = false,
+  scrollable = false
+}) => {
   !!(stretch && scrollable) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Tabs: `stretch={true}` and `scrollable={true}` cannot be used at the same time.') : invariant(false) : void 0;
   const wrapperRef = useRef(null);
   const innerRef = useRef(null);

package/dist/components/Tabs/TabPane.js

@@ -8,11 +8,10 @@ import * as styles from "./TabPane.css.js";
 import { TabPanesContext } from "./TabPanes.js";
 import { TabsContext } from "./Tabs.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TabPane = _ref => {
-  let {
-    children,
-    id: incomingId = null
-  } = _ref;
+export const TabPane = ({
+  children,
+  id: incomingId = null
+}) => {
   const tabPanesContext = useContext(TabPanesContext);
   const tabsContext = useContext(TabsContext);
   !(tabPanesContext !== null && tabsContext !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'TabPane rendered outside Tabs or TabPanes') : invariant(false) : void 0;

package/dist/components/Tabs/TabPanes.js

@@ -7,24 +7,21 @@ import { Box } from "../Box/Box.js";
 import * as styles from "./TabPanes.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabPanesContext = /*#__PURE__*/createContext(null);
-export const TabPanes = _ref => {
-  let {
-    renderInactivePanes = false,
-    children,
-    paddingTop = '6',
-    paddingBottom = '6'
-  } = _ref;
-  return /*#__PURE__*/_jsx(Box, {
-    paddingTop: paddingTop,
-    paddingBottom: paddingBottom,
-    className: styles.root,
-    width: "full",
-    children: Children.map(flattenChildren(children), (child, index) => /*#__PURE__*/_jsx(TabPanesContext.Provider, {
-      value: {
-        paneIndex: index,
-        renderInactive: renderInactivePanes
-      },
-      children: child
-    }))
-  });
-};
+export const TabPanes = ({
+  renderInactivePanes = false,
+  children,
+  paddingTop = '6',
+  paddingBottom = '6'
+}) => /*#__PURE__*/_jsx(Box, {
+  paddingTop: paddingTop,
+  paddingBottom: paddingBottom,
+  className: styles.root,
+  width: "full",
+  children: Children.map(flattenChildren(children), (child, index) => /*#__PURE__*/_jsx(TabPanesContext.Provider, {
+    value: {
+      paneIndex: index,
+      renderInactive: renderInactivePanes
+    },
+    children: child
+  }))
+});

package/dist/components/Tabs/Tabs.js

@@ -5,14 +5,13 @@ import { createContext, useMemo } from 'react';
 import { useId, useUncontrolledState } from "../../utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabsContext = /*#__PURE__*/createContext(null);
-export const Tabs = _ref => {
-  let {
-    id: incomingId,
-    active = 0,
-    appearance = 'underlined',
-    onChange,
-    children
-  } = _ref;
+export const Tabs = ({
+  id: incomingId,
+  active = 0,
+  appearance = 'underlined',
+  onChange,
+  children
+}) => {
   const [activeState, setActiveState] = useUncontrolledState(active, onChange);
   const id = useId(incomingId !== null && incomingId !== void 0 ? incomingId : undefined);
   return /*#__PURE__*/_jsx(TabsContext.Provider, {

package/dist/components/TextContainer/TextContainer.js

@@ -4,27 +4,24 @@ import * as React from 'react';
 import { Box } from "../Box/Box.js";
 import { Stack } from "../Stack/Stack.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const TextContainer = _ref => {
-  let {
-    heading,
-    className = '',
-    children,
-    action
-  } = _ref;
-  return /*#__PURE__*/_jsxs(Stack, {
-    as: "article",
-    space: "2",
-    className: className,
-    children: [/*#__PURE__*/_jsxs(Box, {
-      alignItems: "center",
-      display: "flex",
-      justifyContent: "space-between",
-      width: "full",
-      children: [/*#__PURE__*/_jsx(Box, {
-        children: heading
-      }), action && /*#__PURE__*/_jsx(Box, {
-        children: action
-      })]
-    }), children]
-  });
-};
+export const TextContainer = ({
+  heading,
+  className = '',
+  children,
+  action
+}) => /*#__PURE__*/_jsxs(Stack, {
+  as: "article",
+  space: "2",
+  className: className,
+  children: [/*#__PURE__*/_jsxs(Box, {
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    width: "full",
+    children: [/*#__PURE__*/_jsx(Box, {
+      children: heading
+    }), action && /*#__PURE__*/_jsx(Box, {
+      children: action
+    })]
+  }), children]
+});