@autoguru/overdrive 4.1.4 → 4.1.8

package/dist/components/Toaster/Toast.js

@@ -1,232 +1,120 @@
-"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/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";
+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';
 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 _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;
-  }
+    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;
+    }
 };
-
 const ToastControllerContext = createContext(null);
-
-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))
-        })
-      })
-    })]
-  });
+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 }))))))));
 };
-
-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 ToastProvider = ({ children }) => {
+    const currentContext = useContext(ToastControllerContext);
+    if (currentContext !== null) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return React.createElement(InternalToastProvider, null, children);
 };
 export const useToast = () => {
-  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 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 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.d.ts

@@ -0,0 +1,2 @@
+export { useToast, ToastProvider } from './Toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toaster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Toaster/index.js

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

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

@@ -0,0 +1,2 @@
+export declare const root: string;
+//# sourceMappingURL=Tooltip.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/Tooltip.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAOf,CAAC"}

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

@@ -1,22 +1,10 @@
-"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.js";
-export const root = style(_objectSpread({
-  maxWidth: '250px'
-}, responsiveStyle({
-  tablet: {
-    maxWidth: '450px'
-  }
-})), "root");
-
-__vanilla_filescope__.endFileScope();
+import { responsiveStyle } from '../../utils/responsiveStyle';
+export const root = style({
+    maxWidth: '250px',
+    ...responsiveStyle({
+        tablet: {
+            maxWidth: '450px',
+        },
+    }),
+});

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactElement } from 'react';
+import { EAlignment } from '../Positioner/alignment';
+export interface Props {
+    label: string;
+    alignment?: EAlignment;
+    children: ReactElement;
+}
+export declare const Tooltip: FunctionComponent<Props>;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,iBAAiB,EACjB,YAAY,EAIZ,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAKrD,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAoD5C,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,62 +1,33 @@
-"use strict";
-
 import * as React from 'react';
-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
-        })
-      })
-    })]
-  });
-};
+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)))));
+};

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Tooltip/index.js

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

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

@@ -0,0 +1,2 @@
+export declare const root: string;
+//# sourceMappingURL=VisuallyHidden.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.css.d.ts","sourceRoot":"","sources":["../../../lib/components/VisuallyHidden/VisuallyHidden.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAKf,CAAC"}

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

@@ -1,15 +1,7 @@
-"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
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    clip: 'rect(1px, 1px, 1px, 1px)',
+    height: 1,
+    whiteSpace: 'nowrap',
+    width: 1,
+});

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import { Box } from '../Box';
+export interface Props {
+    is?: ComponentPropsWithoutRef<typeof Box>['is'];
+}
+export declare const VisuallyHidden: FunctionComponent<Props>;
+//# sourceMappingURL=VisuallyHidden.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../lib/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,wBAAwB,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,KAAK,CASnD,CAAC"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,20 +1,4 @@
-"use strict";
-
 import * as React from 'react';
-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
-  });
-};
+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));

package/dist/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from './VisuallyHidden';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VisuallyHidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/VisuallyHidden/index.js

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