@autoguru/overdrive 4.43.9-next.0 → 4.43.10-next.0

package/dist/components/ColourInput/ColourInput.js

@@ -6,6 +6,7 @@ const _excluded = ["field", "eventHandlers", "validation", "isLoading", "suffixe
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { warning } from '@autoguru/utilities';
+import clsx from 'clsx';
 import * as React from 'react';
 import { sprinkles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
@@ -25,38 +26,38 @@ export const ColourInput = withEnhancedInput(_ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   process.env.NODE_ENV !== "production" ? warning(field.value !== '', 'Colour Input does not support empty values.') : void 0;
-  return _jsxs(Box, {
+  return /*#__PURE__*/_jsxs(Box, {
     display: "flex",
     flexWrap: "nowrap",
     alignItems: "center",
     justifyContent: "center",
     position: "relative",
-    children: [_jsx(Box, {
+    children: [/*#__PURE__*/_jsx(Box, {
       className: [styles.colouredBoxHolder, styles.colouredBoxHolderSize[size]],
       display: "flex",
       height: "full",
       alignItems: "center",
       justifyContent: "space-around",
-      flexShrink: "0",
+      flexShrink: 0,
       pointerEvents: "none",
       position: "absolute",
-      children: _jsx(Box, {
+      children: /*#__PURE__*/_jsx(Box, {
         style: {
           backgroundColor: field.value
         },
         padding: size === 'medium' ? '3' : '2',
         borderRadius: "1"
       })
-    }), _jsx(Text, {
+    }), /*#__PURE__*/_jsx(Text, {
       display: "block",
-      className: [styles.valueText, styles.valueTextSize[size], sprinkles({
+      className: clsx(styles.valueText, styles.valueTextSize[size], sprinkles({
         position: 'absolute'
-      })],
+      })),
       children: field.value
-    }), _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    }), /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       as: "input",
       type: "color",
-      flexGrow: "1"
+      flexGrow: 1
     }, eventHandlers), field), rest), {}, {
       className: [styles.input, field.className],
       autoComplete: "off"

package/dist/components/Columns/Column.css.js

@@ -2,6 +2,7 @@
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Columns/Column.css.ts", "@autoguru/overdrive");
+// import { styleVariants } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
 import { cssLayerComponent } from "../../styles/layers.css.js";

package/dist/components/Columns/Column.js

@@ -12,7 +12,7 @@ import { Box } from "../Box/Box.js";
 import * as styles from "./Column.css.js";
 import { ColumnContext } from "./Columns.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Column = forwardRef((_ref, ref) => {
+export const Column = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
       className,
       children,
@@ -31,7 +31,7 @@ export const Column = forwardRef((_ref, ref) => {
     spaceXCls,
     spaceYCls
   } = columnsContext;
-  return _jsx(Box, {
+  return /*#__PURE__*/_jsx(Box, {
     as: isList ? 'li' : 'div',
     order: order,
     className: [spaceXCls, spaceYCls, styles.sprinklesColumnWidthResponsive({
@@ -41,7 +41,7 @@ export const Column = forwardRef((_ref, ref) => {
       grow,
       noShrink
     })],
-    children: _jsx(Box, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
       ref: ref,
       as: as,
       display: "flex",

package/dist/components/Columns/ColumnGrid.css.js

@@ -4,7 +4,7 @@ import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Columns/ColumnGrid.css.ts", "@autoguru/overdrive");
 import { recipe } from '@vanilla-extract/recipes';
 import { sprinkles } from "../../styles/sprinkles.css.js";
-export const totalGridColumns = 12;
+export const totalGridColumns = 12; // chosen to be divisible by 2, 3, 4
 export const columnStyle = recipe({
   base: {},
   variants: {

package/dist/components/Columns/Columns.d.ts

@@ -4,13 +4,13 @@ import type { ThemeTokens as Tokens } from '../../themes';
 import { ResponsiveProp } from '../../utils/responsiveProps.css';
 import { Box } from '../Box/Box';
 import * as styles from './Columns.css';
-export interface ColumnsProps extends Omit<ComponentProps<typeof Box>, 'css'>, styles.ColumnsStyle {
-    children?: ReactNode;
+export interface Props extends Omit<ComponentProps<typeof Box>, 'css'>, styles.ColumnsStyle {
     className?: string;
     columns?: number;
     space?: ResponsiveProp<keyof Tokens['space']>;
     spaceX?: ResponsiveProp<keyof typeof styles.space.spaceX>;
     spaceY?: ResponsiveProp<keyof typeof styles.space.spaceY>;
+    children?: ReactNode;
 }
 interface ColumnContextValue {
     spaceXCls: any;
@@ -18,6 +18,6 @@ interface ColumnContextValue {
     isList: boolean;
 }
 export declare const ColumnContext: React.Context<ColumnContextValue | null>;
-export declare const Columns: React.ForwardRefExoticComponent<Omit<ColumnsProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Columns: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=Columns.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC,EAC9C,MAAM,CAAC,YAAY;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAI9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAI1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1D;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAgC5E,eAAO,MAAM,OAAO,+FAkEnB,CAAC"}
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC,EAC9C,MAAM,CAAC,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE1D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,eAAO,MAAM,OAAO,wFAkEnB,CAAC"}

package/dist/components/Columns/Columns.js

@@ -13,8 +13,8 @@ import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
 import { Box } from "../Box/Box.js";
 import * as styles from "./Columns.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ColumnContext = createContext(null);
-export const Columns = forwardRef((_ref, ref) => {
+export const ColumnContext = /*#__PURE__*/createContext(null);
+export const Columns = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
       className,
       children,
@@ -31,7 +31,7 @@ export const Columns = forwardRef((_ref, ref) => {
   const resolvedSpaceY = useMemo(() => spaceY || space || ['none'], [space, spaceY]);
   const marginLeftFix = useNegativeMarginLeft(resolvedSpaceX);
   const marginTopFix = useNegativeMarginTop(resolvedSpaceY);
-  return _jsx(Box, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
     ref: ref,
     as: as,
     display: "flex",
@@ -43,7 +43,7 @@ export const Columns = forwardRef((_ref, ref) => {
     }), className),
     odComponent: "columns"
   }, boxProps), {}, {
-    children: _jsx(ColumnContext.Provider, {
+    children: /*#__PURE__*/_jsx(ColumnContext.Provider, {
       value: useMemo(() => ({
         spaceXCls: resolveResponsiveStyle(resolvedSpaceX, styles.space.spaceX),
         spaceYCls: resolveResponsiveStyle(resolvedSpaceY, styles.space.spaceY),

package/dist/components/DateInput/DateInput.js

@@ -22,7 +22,7 @@ export const DateInput = withEnhancedInput(_ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   process.env.NODE_ENV !== "production" ? warning(field.value !== '', 'Date Input does not support empty values.') : void 0;
-  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     as: "input"
   }, eventHandlers), field), rest), {}, {
     autoComplete: "off",

package/dist/components/DatePicker/DatePicker.js

@@ -36,14 +36,14 @@ export const DatePicker = _ref => {
       onChange(event.currentTarget.value);
     }
   };
-  return _jsxs(Box, {
+  return /*#__PURE__*/_jsxs(Box, {
     position: "relative",
     overflow: "hidden",
     className: clsx(className, {
       [styles.disabled.default]: disabled,
       [styles.disabled.root]: disabled
     }),
-    children: [_jsx(Box, _objectSpread({
+    children: [/*#__PURE__*/_jsx(Box, _objectSpread({
       as: "input",
       position: "absolute",
       height: "full",
@@ -54,19 +54,19 @@ export const DatePicker = _ref => {
         [styles.disabled.default]: disabled
       }, styles.input),
       type: "date"
-    }, inputProps)), _jsxs(Box, {
+    }, inputProps)), /*#__PURE__*/_jsxs(Box, {
       className: clsx(styles.contents.default, {
         [styles.contents.withLabel]: Boolean(valueLabel)
       }),
-      children: [isLoading ? _jsx(ProgressSpinner, {
+      children: [isLoading ? /*#__PURE__*/_jsx(ProgressSpinner, {
         className: clsx(styles.spinner, sprinkles({
           position: 'absolute'
         })),
         size: size
-      }) : _jsx(Icon, {
+      }) : /*#__PURE__*/_jsx(Icon, {
         icon: icon,
         size: size
-      }), valueLabel && _jsx(Text, {
+      }), valueLabel && /*#__PURE__*/_jsx(Text, {
         size: textSizeMap[size],
         children: valueLabel
       })]

package/dist/components/DateTimePicker/CalendarButton.js

@@ -12,7 +12,7 @@ export const CalendarButton = props => {
   const {
     buttonProps
   } = useButton(props, ref);
-  return _jsx("button", _objectSpread(_objectSpread({}, buttonProps), {}, {
+  return /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({}, buttonProps), {}, {
     className: styledButton(),
     ref: ref,
     children: props.children

package/dist/components/DateTimePicker/CalendarGrid.js

@@ -29,9 +29,9 @@ const CalendarCell = _ref => {
   } = useCalendarCell({
     date
   }, state, ref);
-  return _jsx("td", _objectSpread(_objectSpread({}, cellProps), {}, {
+  return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({}, cellProps), {}, {
     className: tdStyle,
-    children: _jsx("div", _objectSpread(_objectSpread(_objectSpread({}, buttonProps), {}, {
+    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread(_objectSpread({}, buttonProps), {}, {
       ref: ref,
       hidden: isOutsideVisibleRange,
       className: styledCell()
@@ -58,23 +58,23 @@ export const CalendarGrid = _ref2 => {
     weekDays
   } = useCalendarGrid(props, state);
   const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale, props.firstDayOfWeek);
-  return _jsxs("table", _objectSpread(_objectSpread({}, gridProps), {}, {
+  return /*#__PURE__*/_jsxs("table", _objectSpread(_objectSpread({}, gridProps), {}, {
     className: calendarGridStyle,
-    children: [_jsx("thead", _objectSpread(_objectSpread({}, headerProps), {}, {
-      children: _jsx("tr", {
-        children: weekDays.map(day => _jsx("th", {
+    children: [/*#__PURE__*/_jsx("thead", _objectSpread(_objectSpread({}, headerProps), {}, {
+      children: /*#__PURE__*/_jsx("tr", {
+        children: weekDays.map(day => /*#__PURE__*/_jsx("th", {
           className: thStyle,
           children: day
         }, day))
       })
-    })), _jsx("tbody", {
+    })), /*#__PURE__*/_jsx("tbody", {
       children: _toConsumableArray(Array.from({
         length: weeksInMonth
-      }).keys()).map(weekIndex => _jsx("tr", {
-        children: state.getDatesInWeek(weekIndex).map((date, idx) => date ? _jsx(CalendarCell, {
+      }).keys()).map(weekIndex => /*#__PURE__*/_jsx("tr", {
+        children: state.getDatesInWeek(weekIndex).map((date, idx) => date ? /*#__PURE__*/_jsx(CalendarCell, {
           state: state,
           date: date
-        }, idx) : _jsx("td", {}, idx))
+        }, idx) : /*#__PURE__*/_jsx("td", {}, idx))
       }, weekIndex))
     })]
   }));

package/dist/components/DateTimePicker/DateTimePicker.css.js

@@ -8,7 +8,7 @@ import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { overdriveTokens as tokens } from "../../themes/index.js";
 import { breakpoints } from "../../themes/makeTheme.js";
-import { interactionStyle } from "../../utils/css.js";
+import { interactionStyle } from "../../utils/css.js"; // --- Container styles
 export const queryContainer = createContainer("queryContainer");
 export const queryContainerStyle = style({
   containerName: queryContainer,
@@ -37,6 +37,9 @@ export const calendarStyle = style({
   marginBottom: tokens.space[2],
   padding: `0 ${tokens.space[1]}`
 }, "calendarStyle");
+
+// -- Cell styles
+
 export const styledCell = recipe({
   base: [{
     alignItems: 'center',
@@ -64,6 +67,9 @@ export const styledCell = recipe({
     size: '7'
   }), focusOutlineStyle]
 }, "styledCell");
+
+// -- Button styles
+
 export const styledButton = recipe({
   base: [{
     alignItems: 'center',
@@ -98,6 +104,8 @@ export const tdStyle = style({
   padding: tokens.space[1],
   textAlign: 'center'
 }, "tdStyle");
+
+// -- Heading styles
 export const titleStyle = style({
   fontWeight: tokens.typography.fontWeight.bold,
   margin: 0

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -14,13 +14,52 @@ export type DateAndOption = {
     timeOption: string;
 };
 export interface DateTimePickerProps<D extends DateValue> extends TestId {
+    /**
+     * A title for the date/time selection
+     */
     title?: string;
+    /**
+     * Calendar props passed through to the react-aria hook
+     * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
+     *
+     * *Defaults*
+     * - `defaultValue`: Today's date
+     * - `firstDayOfWeek`: Monday
+     */
     calendar?: Exclude<AriaCalendarProps<D>, 'onChange'>;
+    /**
+     * `OptionGrid` props used to generate the time picker items. Ensure to include a descriptive `label` value (for
+     * assistive technology). Currently time options are not tied to the day selection.
+     */
     timeOptions: OptionGridProps<OptionItem>;
+    /**
+     * Allow date in the past
+     */
     allowPastDate?: boolean;
+    /**
+     * Custom event handler return value when a date and time are both selected, return a value
+     * `{ date: DateValue, timeOption: string }` where `DateValue` comes from react-aria
+     *
+     * @returns `{ date: DateValue, timeOption: string }`
+     */
     onChange?: (value: DateAndOption) => void;
+    /**
+     * Language content override
+     */
     lang?: Partial<Record<LangContent, string>>;
 }
+/**
+ * DateTimePicker component for selecting a date and time. The primary use case is for selecting a date and time for
+ * the vehicle to be left at the place of service, not scheduling the time of the service itself. Some suppliers
+ * may need the option to book a specficic time based on their availability which could require enahcement.
+ *
+ * For all date/time handling `@internationalized/date` is expected by react-aria. Presently only the Gregorian
+ * calendar is imported for use in order to minimise bundle size. It is recommended to use the the DateTimePicker
+ * uncontrolled.
+ *
+ * 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 declare const DateTimePicker: <D extends DateValue>({ allowPastDate, calendar, lang, onChange, timeOptions, title, testId, }: DateTimePickerProps<D>) => React.JSX.Element;
 export {};
 //# sourceMappingURL=DateTimePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAKN,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,MAAM,0BAA0B,CAAC;AAWlC,QAAA,MAAM,cAAc;;;;;CAKV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,MAAM;IAIvE,KAAK,CAAC,EAAE,MAAM,CAAC;IASf,QAAQ,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAKrD,WAAW,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IAIzC,aAAa,CAAC,EAAE,OAAO,CAAC;IAOxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAI1C,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AA4BD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,SAAS,EAAE,0EAQjD,mBAAmB,CAAC,CAAC,CAAC,sBAwHxB,CAAC"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAKN,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,MAAM,0BAA0B,CAAC;AAWlC,QAAA,MAAM,cAAc;;;;;CAKV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,MAAM;IACvE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACrD;;;OAGG;IACH,WAAW,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AAgBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,SAAS,EAAE,0EAQjD,mBAAmB,CAAC,CAAC,CAAC,sBAwHxB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -4,9 +4,13 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { ChevronLeftIcon, ChevronRightIcon } from '@autoguru/icons';
-import { getLocalTimeZone, GregorianCalendar, today } from '@internationalized/date';
+import { getLocalTimeZone,
+// currently only supporting western-style Gregorian calendar
+GregorianCalendar, today } from '@internationalized/date';
 import React, { useEffect, useRef } from 'react';
-import { useCalendar, useLocale, useId } from 'react-aria';
+import { useCalendar,
+// useDateFormatter,
+useLocale, useId } from 'react-aria';
 import { useCalendarState } from 'react-stately';
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { dataAttrs } from "../../utils/dataAttrs.js";
@@ -29,6 +33,25 @@ function createCalendar(identifier) {
   }
   throw new Error(`Unsupported calendar configured ${identifier}`);
 }
+
+// const dateTextPunctuationEN = (text: string) =>
+// 	text
+// 		.split(' ')
+// 		.map((word, idx) => (idx === 0 ? `${word},` : word))
+// 		.join(' ');
+
+/**
+ * DateTimePicker component for selecting a date and time. The primary use case is for selecting a date and time for
+ * the vehicle to be left at the place of service, not scheduling the time of the service itself. Some suppliers
+ * may need the option to book a specficic time based on their availability which could require enahcement.
+ *
+ * For all date/time handling `@internationalized/date` is expected by react-aria. Presently only the Gregorian
+ * calendar is imported for use in order to minimise bundle size. It is recommended to use the the DateTimePicker
+ * uncontrolled.
+ *
+ * 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 => {
   var _lang$dateLabel, _lang$prevLabel, _lang$nextLabel, _lang$timeLabel;
   let {
@@ -53,6 +76,7 @@ export const DateTimePicker = _ref => {
   };
   const handleTimeChange = keys => {
     if (keys === 'all') return;
+    // we expect only a single value for time picker
     const time = keys.values().next().value;
     selectedTimeOption.current = time;
     handleChange();
@@ -91,63 +115,72 @@ export const DateTimePicker = _ref => {
     if (state.value) {
       selectedDate.current = state.value;
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- run only once
   }, []);
-  return _jsxs("div", _objectSpread(_objectSpread({
+
+  // const formatter = useDateFormatter({ dateStyle: 'full' });
+  // const dateText = state.value
+  // 	? dateTextPunctuationEN(
+  // 			formatter.format(state?.value?.toDate(getLocalTimeZone())),
+  // 		)
+  // 	: '';
+
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     role: "group",
     "aria-labelledby": titleId,
     className: queryContainerStyle
   }, dataAttrs({
     testid: testId
   })), {}, {
-    children: [title && _jsx(Heading, {
+    children: [title && /*#__PURE__*/_jsx(Heading, {
       as: "h2",
       id: titleId,
       mb: "6",
       size: "8",
       children: title
-    }), _jsxs("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       className: layoutStyle,
-      children: [_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: sprinkles({
           flexShrink: '0'
         }),
-        children: [_jsx(Heading, {
+        children: [/*#__PURE__*/_jsx(Heading, {
           as: "h3",
           mb: "4",
           size: "6",
           children: (_lang$dateLabel = lang === null || lang === void 0 ? void 0 : lang.dateLabel) !== null && _lang$dateLabel !== void 0 ? _lang$dateLabel : defaultEnglish.dateLabel
-        }), _jsxs("div", _objectSpread(_objectSpread({}, calendarProps), {}, {
+        }), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, calendarProps), {}, {
           className: calendarStyle,
-          children: [_jsx(CalendarButton, _objectSpread(_objectSpread({}, prevButtonProps), {}, {
+          children: [/*#__PURE__*/_jsx(CalendarButton, _objectSpread(_objectSpread({}, prevButtonProps), {}, {
             "aria-label": (_lang$prevLabel = lang === null || lang === void 0 ? void 0 : lang.prevLabel) !== null && _lang$prevLabel !== void 0 ? _lang$prevLabel : defaultEnglish.prevLabel,
-            children: _jsx(Icon, {
+            children: /*#__PURE__*/_jsx(Icon, {
               icon: ChevronLeftIcon,
               size: "medium"
             })
-          })), _jsx("h4", {
+          })), /*#__PURE__*/_jsx("h4", {
             className: titleStyle,
             children: calendarTitle
-          }), _jsx(CalendarButton, _objectSpread(_objectSpread({}, nextButtonProps), {}, {
+          }), /*#__PURE__*/_jsx(CalendarButton, _objectSpread(_objectSpread({}, nextButtonProps), {}, {
             "aria-label": (_lang$nextLabel = lang === null || lang === void 0 ? void 0 : lang.nextLabel) !== null && _lang$nextLabel !== void 0 ? _lang$nextLabel : defaultEnglish.nextLabel,
-            children: _jsx(Icon, {
+            children: /*#__PURE__*/_jsx(Icon, {
               icon: ChevronRightIcon,
               size: "medium"
             })
           }))]
-        })), _jsx(CalendarGrid, {
+        })), /*#__PURE__*/_jsx(CalendarGrid, {
           state: state,
           firstDayOfWeek: calendarComponentProps.firstDayOfWeek
         })]
-      }), _jsxs("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: sprinkles({
           flexGrow: '1'
         }),
-        children: [_jsx(Heading, {
+        children: [/*#__PURE__*/_jsx(Heading, {
           as: "h3",
           mb: "4",
           size: "6",
           children: (_lang$timeLabel = lang === null || lang === void 0 ? void 0 : lang.timeLabel) !== null && _lang$timeLabel !== void 0 ? _lang$timeLabel : defaultEnglish.timeLabel
-        }), _jsx(OptionGrid, _objectSpread({}, optionGridComponentProps))]
+        }), /*#__PURE__*/_jsx(OptionGrid, _objectSpread({}, optionGridComponentProps))]
       })]
     })]
   }));

package/dist/components/DividerLine/DividerLine.js

@@ -13,7 +13,7 @@ export const DividerLine = _ref => {
     colour = 'primary',
     size = 1
   } = _ref;
-  return _jsx(Box, {
+  return /*#__PURE__*/_jsx(Box, {
     backgroundColour: colour,
     className: clsx(className, {
       [styles.size.horizontal[size]]: !isVertical,

package/dist/components/DropDown/DropDown.js

@@ -33,19 +33,19 @@ export const DropDown = _ref => {
     setIsOpen(!isOpen);
   }, [isOpen, incomingOnClick]);
   useOutsideClick([menuRef], () => setIsOpen(false));
-  return _jsxs(_Fragment, {
-    children: [_jsxs(Button, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
       ref: buttonRef,
       onClick: onMenuClick
     }, buttonProps), {}, {
-      children: [label, _jsx(Icon, {
+      children: [label, /*#__PURE__*/_jsx(Icon, {
         icon: icon
       })]
-    })), _jsx(Flyout, {
+    })), /*#__PURE__*/_jsx(Flyout, {
       triggerRef: buttonRef,
       isOpen: isOpen,
       alignment: alignment,
-      children: _jsx(DropDownOptionsList, {
+      children: /*#__PURE__*/_jsx(DropDownOptionsList, {
         ref: menuRef,
         children: options
       })

package/dist/components/DropDown/DropDownOption.js

@@ -30,7 +30,7 @@ export const DropDownOption = _ref => {
   const colourStyles = textStyles({
     colour: iconColour
   });
-  return _jsx(Box, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
     as: as,
     className: clsx(styles.root, className, {
       [styles.disabled]: disabled
@@ -41,17 +41,17 @@ export const DropDownOption = _ref => {
     display: display,
     paddingX: "3",
     paddingY: "2",
-    children: _jsxs(Inline, {
+    children: /*#__PURE__*/_jsxs(Inline, {
       noWrap: true,
       space: "2",
       width: "full",
       alignX: "space-between",
       alignY: "center",
-      children: [_jsx(Text, {
+      children: [/*#__PURE__*/_jsx(Text, {
         as: "p",
         size: "3",
         children: label
-      }), icon ? _jsx(Icon, {
+      }), icon ? /*#__PURE__*/_jsx(Icon, {
         className: colourStyles,
         size: "medium",
         icon: icon

package/dist/components/DropDown/DropDownOptionsList.js

@@ -6,17 +6,17 @@ import { Box } from "../Box/index.js";
 import { Stack } from "../Stack/index.js";
 import * as styles from "./DropDownOptionsList.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DropDownOptionsList = forwardRef((_ref, ref) => {
+export const DropDownOptionsList = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children
   } = _ref;
-  return _jsx(Box, {
+  return /*#__PURE__*/_jsx(Box, {
     ref: ref,
     className: styles.root,
-    children: _jsx(Box, {
+    children: /*#__PURE__*/_jsx(Box, {
       className: styles.list,
       overflow: "auto",
-      children: _jsx(Stack, {
+      children: /*#__PURE__*/_jsx(Stack, {
         dividers: true,
         width: "full",
         space: "none",

package/dist/components/EditableText/EditableText.d.ts

@@ -2,8 +2,8 @@ import React, { type InputHTMLAttributes } from 'react';
 import { type BoxProps } from '../Box/Box';
 import { type TextProps } from '../Text/Text';
 type PickedBoxProps = Pick<BoxProps, 'display' | 'onFocus' | 'onBlur' | 'onKeyDown'>;
-type FilteredTextProps = Pick<TextProps, 'as' | 'color' | 'colour' | 'size' | 'children' | 'noWrap'>;
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'as' | 'autoFocus' | 'color' | 'height' | 'is' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'style' | 'width' | keyof FilteredTextProps | keyof PickedBoxProps>;
+type FilteredTextProps = Pick<TextProps, 'as' | 'colour' | 'size' | 'children' | 'noWrap'>;
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'color' | 'style' | 'is' | 'autoFocus' | 'width' | 'height' | 'onFocus' | 'onBlur' | 'onKeyDown' | keyof FilteredTextProps | keyof PickedBoxProps>;
 export interface EditableTextProps extends FilteredTextProps, InputProps, Partial<PickedBoxProps> {
     className?: string;
     onModeChange?: (mode: InputMode) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC1D,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,IAAI,GACJ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAyHxB,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAChD,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,OAAO,GACP,OAAO,GACP,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAuHxB,CAAC"}