@autoguru/overdrive 4.1.8 → 4.1.9

package/dist/components/Toaster/Toast.js

@@ -1,120 +1,232 @@
+"use strict";
+
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
-import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useReducer, } from 'react';
-import { Alert } from '../Alert';
-import { Box } from '../Box';
-import { Portal } from '../Portal';
-import { Stack } from '../Stack';
-import * as styles from './Toast.css';
+import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useReducer } from 'react';
+import { Alert } from "../Alert/index.js";
+import { Box } from "../Box/index.js";
+import { Portal } from "../Portal/index.js";
+import { Stack } from "../Stack/index.js";
+import * as styles from "./Toast.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var ActionTypes;
+
 (function (ActionTypes) {
-    ActionTypes[ActionTypes["ADD"] = 0] = "ADD";
-    ActionTypes[ActionTypes["REMOVE"] = 1] = "REMOVE";
+  ActionTypes[ActionTypes["ADD"] = 0] = "ADD";
+  ActionTypes[ActionTypes["REMOVE"] = 1] = "REMOVE";
 })(ActionTypes || (ActionTypes = {}));
+
 const DEFAULT_DURATION = 5e3;
 let ids = -1;
+
 const getNewId = () => ++ids;
+
 const reducer = (state, action) => {
-    switch (action.type) {
-        case ActionTypes.ADD:
-            return { ...state, toasts: [...state.toasts, action.config] };
-        case ActionTypes.REMOVE:
-            return {
-                ...state,
-                toasts: state.toasts.filter(({ id }) => id !== action.id),
-            };
-        default:
-            return state;
-    }
+  switch (action.type) {
+    case ActionTypes.ADD:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        toasts: [].concat(_toConsumableArray(state.toasts), [action.config])
+      });
+
+    case ActionTypes.REMOVE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        toasts: state.toasts.filter(_ref => {
+          let {
+            id
+          } = _ref;
+          return id !== action.id;
+        })
+      });
+
+    default:
+      return state;
+  }
 };
+
 const ToastControllerContext = createContext(null);
-const InternalToastProvider = ({ children }) => {
-    const [{ toasts }, dispatch] = useReducer(reducer, { toasts: [] });
-    const addToast = useCallback((config) => {
-        dispatch({
-            type: ActionTypes.ADD,
-            config: { ...config, id: getNewId() },
-        });
-    }, []);
-    const removeToast = useCallback((id) => {
-        dispatch({ type: ActionTypes.REMOVE, id });
-    }, []);
-    return (React.createElement(ToastControllerContext.Provider, { value: addToast },
-        children,
-        React.createElement(Portal, null,
-            React.createElement(Box, { width: "full", display: "flex", position: "fixed", alignItems: "center", justifyContent: "center", className: styles.root },
-                React.createElement(Stack, { space: "2" }, toasts.map((item) => (React.createElement(Toast, { key: item.id, ...item, remove: removeToast }))))))));
+
+const InternalToastProvider = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  const [{
+    toasts
+  }, dispatch] = useReducer(reducer, {
+    toasts: []
+  });
+  const addToast = useCallback(config => {
+    dispatch({
+      type: ActionTypes.ADD,
+      config: _objectSpread(_objectSpread({}, config), {}, {
+        id: getNewId()
+      })
+    });
+  }, []);
+  const removeToast = useCallback(id => {
+    dispatch({
+      type: ActionTypes.REMOVE,
+      id
+    });
+  }, []);
+  return _jsxs(ToastControllerContext.Provider, {
+    value: addToast,
+    children: [children, _jsx(Portal, {
+      children: _jsx(Box, {
+        width: "full",
+        display: "flex",
+        position: "fixed",
+        alignItems: "center",
+        justifyContent: "center",
+        className: styles.root,
+        children: _jsx(Stack, {
+          space: "2",
+          children: toasts.map(item => _jsx(Toast, _objectSpread(_objectSpread({}, item), {}, {
+            remove: removeToast
+          }), item.id))
+        })
+      })
+    })]
+  });
 };
-export const ToastProvider = ({ children }) => {
-    const currentContext = useContext(ToastControllerContext);
-    if (currentContext !== null) {
-        return React.createElement(React.Fragment, null, children);
-    }
-    return React.createElement(InternalToastProvider, null, children);
+
+export const ToastProvider = _ref3 => {
+  let {
+    children
+  } = _ref3;
+  const currentContext = useContext(ToastControllerContext);
+
+  if (currentContext !== null) {
+    return _jsx(_Fragment, {
+      children: children
+    });
+  }
+
+  return _jsx(InternalToastProvider, {
+    children: children
+  });
 };
 export const useToast = () => {
-    const addToast = useContext(ToastControllerContext);
-    invariant(addToast !== null, 'No `ToastProvider` setup');
-    return useMemo(() => {
-        const fn = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'information',
-        });
-        fn.primary = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'primary',
-        });
-        fn.secondary = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'secondary',
-        });
-        fn.shine = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'shine',
-        });
-        fn.success = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'success',
-        });
-        fn.neutral = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'neutral',
-        });
-        fn.danger = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'danger',
-        });
-        fn.information = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'information',
-        });
-        fn.warning = (message, duration = DEFAULT_DURATION) => void addToast({
-            message,
-            duration,
-            intent: 'warning',
-        });
-        return fn;
-    }, [addToast]);
-};
-const Toast = ({ remove, duration, message, id, intent }) => {
-    const dismiss = useCallback(() => {
-        remove(id);
-    }, [id, remove]);
-    useLayoutEffect(() => {
-        const timeout = setTimeout(() => {
-            dismiss();
-        }, duration);
-        return () => {
-            clearTimeout(timeout);
-        };
-    }, [dismiss]);
-    return (React.createElement(Alert, { dismissible: true, intent: intent, className: styles.alert, onRequestClose: dismiss }, message));
+  const addToast = useContext(ToastControllerContext);
+  !(addToast !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'No `ToastProvider` setup') : invariant(false) : void 0;
+  return useMemo(() => {
+    const fn = function fn(message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'information'
+      });
+    };
+
+    fn.primary = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'primary'
+      });
+    };
+
+    fn.secondary = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'secondary'
+      });
+    };
+
+    fn.shine = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'shine'
+      });
+    };
+
+    fn.success = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'success'
+      });
+    };
+
+    fn.neutral = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'neutral'
+      });
+    };
+
+    fn.danger = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'danger'
+      });
+    };
+
+    fn.information = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'information'
+      });
+    };
+
+    fn.warning = function (message) {
+      let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DURATION;
+      return void addToast({
+        message,
+        duration,
+        intent: 'warning'
+      });
+    };
+
+    return fn;
+  }, [addToast]);
 };
+
+const Toast = _ref4 => {
+  let {
+    remove,
+    duration,
+    message,
+    id,
+    intent
+  } = _ref4;
+  const dismiss = useCallback(() => {
+    remove(id);
+  }, [id, remove]);
+  useLayoutEffect(() => {
+    const timeout = setTimeout(() => {
+      dismiss();
+    }, duration);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [dismiss]);
+  return _jsx(Alert, {
+    dismissible: true,
+    intent: intent,
+    className: styles.alert,
+    onRequestClose: dismiss,
+    children: message
+  });
+};

package/dist/components/Toaster/index.js

@@ -1 +1,3 @@
-export { useToast, ToastProvider } from './Toast';
+"use strict";
+
+export { useToast, ToastProvider } from "./Toast.js";

package/dist/components/Tooltip/Tooltip.css.js

@@ -1,10 +1,22 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+
+__vanilla_filescope__.setFileScope("lib/components/Tooltip/Tooltip.css.ts", "@autoguru/overdrive");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import { style } from '@vanilla-extract/css';
-import { responsiveStyle } from '../../utils/responsiveStyle';
-export const root = style({
-    maxWidth: '250px',
-    ...responsiveStyle({
-        tablet: {
-            maxWidth: '450px',
-        },
-    }),
-});
+import { responsiveStyle } from "../../utils/responsiveStyle.js";
+export const root = style(_objectSpread({
+  maxWidth: '250px'
+}, responsiveStyle({
+  tablet: {
+    maxWidth: '450px'
+  }
+})), "root");
+
+__vanilla_filescope__.endFileScope();

package/dist/components/Tooltip/Tooltip.js

@@ -1,33 +1,62 @@
+"use strict";
+
 import * as React from 'react';
-import { Children, cloneElement, useCallback, useRef, useState, } from 'react';
-import { Box } from '../Box';
-import { Positioner } from '../Positioner';
-import { EAlignment } from '../Positioner/alignment';
-import { Text } from '../Text';
-import * as styles from './Tooltip.css';
-export const Tooltip = ({ alignment = EAlignment.RIGHT, label, children, }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const childRef = useRef(null);
-    const triggerRef = useRef(null);
-    const leaveTimer = useRef();
-    const enterHandler = useCallback(() => {
-        if (leaveTimer.current) {
-            clearTimeout(leaveTimer.current);
-        }
-        setIsOpen(true);
-    }, [setIsOpen]);
-    const leaveHandler = useCallback(() => {
-        leaveTimer.current = setTimeout(() => {
-            setIsOpen(false);
-        }, 1e3 / 2);
-    }, [setIsOpen]);
-    return (React.createElement(React.Fragment, null,
-        cloneElement(Children.only(children), {
-            ref: triggerRef,
-            onMouseEnter: enterHandler,
-            onMouseLeave: leaveHandler,
-        }),
-        React.createElement(Positioner, { triggerRef: triggerRef, alignment: alignment, isOpen: isOpen },
-            React.createElement(Box, { ref: childRef, className: styles.root, width: "full", pointerEvents: "none", userSelect: "none", overflow: "hidden", borderRadius: "1", boxShadow: "4", backgroundColour: "gray900", padding: "4" },
-                React.createElement(Text, { colour: "white" }, label)))));
-};
+import { Children, cloneElement, useCallback, useRef, useState } from 'react';
+import { Box } from "../Box/index.js";
+import { Positioner } from "../Positioner/index.js";
+import { EAlignment } from "../Positioner/alignment.js";
+import { Text } from "../Text/index.js";
+import * as styles from "./Tooltip.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const Tooltip = _ref => {
+  let {
+    alignment = EAlignment.RIGHT,
+    label,
+    children
+  } = _ref;
+  const [isOpen, setIsOpen] = useState(false);
+  const childRef = useRef(null);
+  const triggerRef = useRef(null);
+  const leaveTimer = useRef();
+  const enterHandler = useCallback(() => {
+    if (leaveTimer.current) {
+      clearTimeout(leaveTimer.current);
+    }
+
+    setIsOpen(true);
+  }, [setIsOpen]);
+  const leaveHandler = useCallback(() => {
+    leaveTimer.current = setTimeout(() => {
+      setIsOpen(false);
+    }, 1e3 / 2);
+  }, [setIsOpen]);
+  return _jsxs(_Fragment, {
+    children: [cloneElement(Children.only(children), {
+      ref: triggerRef,
+      onMouseEnter: enterHandler,
+      onMouseLeave: leaveHandler
+    }), _jsx(Positioner, {
+      triggerRef: triggerRef,
+      alignment: alignment,
+      isOpen: isOpen,
+      children: _jsx(Box, {
+        ref: childRef,
+        className: styles.root,
+        width: "full",
+        pointerEvents: "none",
+        userSelect: "none",
+        overflow: "hidden",
+        borderRadius: "1",
+        boxShadow: "4",
+        backgroundColour: "gray900",
+        padding: "4",
+        children: _jsx(Text, {
+          colour: "white",
+          children: label
+        })
+      })
+    })]
+  });
+};

package/dist/components/Tooltip/index.js

@@ -1 +1,3 @@
-export { Tooltip } from './Tooltip';
+"use strict";
+
+export { Tooltip } from "./Tooltip.js";

package/dist/components/VisuallyHidden/VisuallyHidden.css.js

@@ -1,7 +1,15 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+
+__vanilla_filescope__.setFileScope("lib/components/VisuallyHidden/VisuallyHidden.css.ts", "@autoguru/overdrive");
+
 import { style } from '@vanilla-extract/css';
 export const root = style({
-    clip: 'rect(1px, 1px, 1px, 1px)',
-    height: 1,
-    whiteSpace: 'nowrap',
-    width: 1,
-});
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  height: 1,
+  whiteSpace: 'nowrap',
+  width: 1
+}, "root");
+
+__vanilla_filescope__.endFileScope();

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,4 +1,20 @@
+"use strict";
+
 import * as React from 'react';
-import { Box } from '../Box';
-import * as styles from './VisuallyHidden.css';
-export const VisuallyHidden = ({ children, is }) => (React.createElement(Box, { is: is, position: "absolute", overflow: "hidden", userSelect: "none", className: styles.root }, children));
+import { Box } from "../Box/index.js";
+import * as styles from "./VisuallyHidden.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const VisuallyHidden = _ref => {
+  let {
+    children,
+    is
+  } = _ref;
+  return _jsx(Box, {
+    is: is,
+    position: "absolute",
+    overflow: "hidden",
+    userSelect: "none",
+    className: styles.root,
+    children: children
+  });
+};

package/dist/components/VisuallyHidden/index.js

@@ -1 +1,3 @@
-export { VisuallyHidden } from './VisuallyHidden';
+"use strict";
+
+export { VisuallyHidden } from "./VisuallyHidden.js";

package/dist/components/index.js

@@ -1,52 +1,54 @@
-export * from './OverdriveProvider';
-export * from './ThemeProvider';
-export * from './Actions';
-export * from './Alert';
-export * from './Anchor';
-export * from './AutoSuggest';
-export * from './Badge';
-export * from './Box';
-export * from './BulletList';
-export * from './BulletText';
-export * from './Button';
-export * from './CheckBox';
-export * from './Columns';
-export * from './DateInput';
-export * from './Flyout';
-export * from './Heading';
-export * from './Icon';
-export * from './Inline';
-export * from './LinearProgressIndicator';
-export * from './LoadingBox';
-export * from './Meta';
-export * from './Modal';
-export * from './NumberInput';
-export * from './OrderedList';
-export * from './OutsideClick';
-export * from './Pagination';
-export * from './Portal';
-export * from './Positioner';
-export * from './ProgressBar';
-export * from './ProgressBarGroup';
-export * from './ProgressSpinner';
-export * from './Radio';
-export * from './Section';
-export * from './SelectInput';
-export * from './SimplePagination';
-export * from './Stack';
-export * from './StandardModal';
-export * from './StarRating';
-export * from './Stepper';
-export * from './Switch';
-export * from './Table';
-export * from './Tabs';
-export * from './Text';
-export * from './TextAreaInput';
-export * from './TextContainer';
-export * from './TextInput';
-export * from './TextLink';
-export * from './Toaster';
-export * from './Tooltip';
-export * from './VisuallyHidden';
-export * from './MinimalModal';
-export * from './Image';
+"use strict";
+
+export * from "./OverdriveProvider/index.js";
+export * from "./ThemeProvider/index.js";
+export * from "./Actions/index.js";
+export * from "./Alert/index.js";
+export * from "./Anchor/index.js";
+export * from "./AutoSuggest/index.js";
+export * from "./Badge/index.js";
+export * from "./Box/index.js";
+export * from "./BulletList/index.js";
+export * from "./BulletText/index.js";
+export * from "./Button/index.js";
+export * from "./CheckBox/index.js";
+export * from "./Columns/index.js";
+export * from "./DateInput/index.js";
+export * from "./Flyout/index.js";
+export * from "./Heading/index.js";
+export * from "./Icon/index.js";
+export * from "./Inline/index.js";
+export * from "./LinearProgressIndicator/index.js";
+export * from "./LoadingBox/index.js";
+export * from "./Meta/index.js";
+export * from "./Modal/index.js";
+export * from "./NumberInput/index.js";
+export * from "./OrderedList/index.js";
+export * from "./OutsideClick/index.js";
+export * from "./Pagination/index.js";
+export * from "./Portal/index.js";
+export * from "./Positioner/index.js";
+export * from "./ProgressBar/index.js";
+export * from "./ProgressBarGroup/index.js";
+export * from "./ProgressSpinner/index.js";
+export * from "./Radio/index.js";
+export * from "./Section/index.js";
+export * from "./SelectInput/index.js";
+export * from "./SimplePagination/index.js";
+export * from "./Stack/index.js";
+export * from "./StandardModal/index.js";
+export * from "./StarRating/index.js";
+export * from "./Stepper/index.js";
+export * from "./Switch/index.js";
+export * from "./Table/index.js";
+export * from "./Tabs/index.js";
+export * from "./Text/index.js";
+export * from "./TextAreaInput/index.js";
+export * from "./TextContainer/index.js";
+export * from "./TextInput/index.js";
+export * from "./TextLink/index.js";
+export * from "./Toaster/index.js";
+export * from "./Tooltip/index.js";
+export * from "./VisuallyHidden/index.js";
+export * from "./MinimalModal/index.js";
+export * from "./Image/index.js";