@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/components/Anchor/Anchor.js

@@ -1,44 +1,30 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { cloneElement, createElement, isValidElement } from 'react';
-import { useBoxStyles } from "../Box/index.js";
-import { Icon } from "../Icon/index.js";
-import { Inline } from "../Inline/index.js";
-import { Text, useTextStyles } from "../Text/index.js";
-import * as styles from "./Anchor.css.js";
-export const Anchor = _ref => {
-  let {
-    rel,
-    href,
-    target,
-    title,
-    className = '',
-    is: Component = 'a',
-    disabled = false,
-    children,
-    icon
-  } = _ref;
-  const textStyles = useTextStyles({
-    colour: 'link'
-  });
-  const props = {
-    className: clsx(styles.root, textStyles, useBoxStyles({
-      is: typeof Component === 'string' ? Component : undefined,
-      display: 'inline'
-    }), className),
-    disabled,
-    rel,
-    href,
-    target,
-    title
-  };
-  const childs = <Inline space="2">
-			{icon && <Icon icon={icon} size="small" className={textStyles} />}
-			<Text fontWeight="bold" size="4" colour="link">
-				{children}
-			</Text>
-		</Inline>;
-  return isValidElement(Component) ? cloneElement(Component, props, childs) : createElement(Component, props, childs);
-};
+import { cloneElement, createElement, isValidElement, } from 'react';
+import { useBoxStyles } from '../Box';
+import { Icon } from '../Icon';
+import { Inline } from '../Inline';
+import { Text, useTextStyles } from '../Text';
+import * as styles from './Anchor.css';
+export const Anchor = ({ rel, href, target, title, className = '', is: Component = 'a', disabled = false, children, icon, }) => {
+    const textStyles = useTextStyles({
+        colour: 'link',
+    });
+    const props = {
+        className: clsx(styles.root, textStyles, useBoxStyles({
+            is: typeof Component === 'string' ? Component : undefined,
+            display: 'inline',
+        }), className),
+        disabled,
+        rel,
+        href,
+        target,
+        title,
+    };
+    const childs = (React.createElement(Inline, { space: "2" },
+        icon && React.createElement(Icon, { icon: icon, size: "small", className: textStyles }),
+        React.createElement(Text, { fontWeight: "bold", size: "4", colour: "link" }, children)));
+    return isValidElement(Component)
+        ? cloneElement(Component, props, childs)
+        : createElement(Component, props, childs);
+};

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

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

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

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

package/dist/components/Anchor/index.js

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

package/dist/components/Anchor/stories.js

@@ -10,6 +10,7 @@ import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIco
 import * as React from 'react';
 import { Button } from "../Button/index.js";
 import { Anchor } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const iconOptions = {
   MagnifyIcon,
   CarIcon,
@@ -49,7 +50,7 @@ export default {
   }
 };
 
-const Template = args => <Anchor {...args} />;
+const Template = args => _jsx(Anchor, _objectSpread({}, args));
 
 const standardProps = {
   href: 'tel:07 5612 5347',

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

@@ -0,0 +1,15 @@
+export declare const fullScreenRoot: string;
+export declare const suggestionList: {
+    defaults: string;
+    blockOptions: string;
+    inlineOptions: string;
+    inlineOptionsNoScroll: string;
+};
+export declare const input: string;
+export declare const fullScreenInput: string;
+export declare const fullScreenCloseBtn: string;
+export declare const spacer: string;
+export declare const suggestion: string;
+export declare const suggestionListItem: Record<"default" | "skipped", string>;
+export declare const suggestionHighlight: string;
+//# sourceMappingURL=AutoSuggest.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSuggest.css.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAuBzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;CAwB1B,CAAC;AAEF,eAAO,MAAM,KAAK,QAKhB,CAAC;AACH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,uCAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.css.js

@@ -1,96 +1,88 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/AutoSuggest/AutoSuggest.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const fullScreenRoot = style({
-  position: 'fixed',
-  zIndex: 1001,
-  top: vars.space['5'],
-  right: vars.space['5'],
-  bottom: vars.space['5'],
-  left: vars.space['5'],
-  paddingBottom: vars.space['5'],
-  overflowY: 'auto',
-  maxHeight: '100vh',
-  height: 'fill-available',
-  ':before': {
-    content: '""',
     position: 'fixed',
-    zIndex: 0,
-    backgroundColor: vars.colours.intent.secondary.background.standard,
-    pointerEvents: 'none',
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0
-  }
-}, "fullScreenRoot");
-export const suggestionList = {
-  defaults: style({
-    display: 'grid',
-    overflowY: 'auto',
-    maxHeight: '384px',
-    overscrollBehavior: 'contain',
-    '-webkit-overflow-scrolling': 'touch',
-    gridAutoFlow: 'row',
-    gridGap: 0,
-    zIndex: 2
-  }, "suggestionList_defaults"),
-  blockOptions: style({
-    overflowY: 'auto',
-    maxHeight: '384px'
-  }, "suggestionList_blockOptions"),
-  inlineOptions: style({
+    zIndex: 1001,
+    top: vars.space['5'],
+    right: vars.space['5'],
+    bottom: vars.space['5'],
+    left: vars.space['5'],
+    paddingBottom: vars.space['5'],
     overflowY: 'auto',
-    maxHeight: '100%'
-  }, "suggestionList_inlineOptions"),
-  inlineOptionsNoScroll: style({
-    overflowY: 'visible',
-    maxHeight: 'none'
-  }, "suggestionList_inlineOptionsNoScroll")
+    maxHeight: '100vh',
+    height: 'stretch',
+    ':before': {
+        content: '""',
+        position: 'fixed',
+        zIndex: 0,
+        backgroundColor: vars.colours.intent.secondary.background.standard,
+        pointerEvents: 'none',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+    },
+});
+export const suggestionList = {
+    defaults: style({
+        display: 'grid',
+        overflowY: 'auto',
+        maxHeight: '384px',
+        overscrollBehavior: 'contain',
+        '-webkit-overflow-scrolling': 'touch',
+        gridAutoFlow: 'row',
+        gridGap: 0,
+        zIndex: 2,
+    }),
+    blockOptions: style({
+        overflowY: 'auto',
+        maxHeight: '384px',
+    }),
+    inlineOptions: style({
+        overflowY: 'auto',
+        maxHeight: '100%',
+    }),
+    inlineOptionsNoScroll: style({
+        overflowY: 'visible',
+        maxHeight: 'none',
+    }),
 };
 export const input = style({
-  position: 'sticky',
-  top: 0,
-  zIndex: 2,
-  backgroundColor: 'white'
-}, "input");
+    position: 'sticky',
+    top: 0,
+    zIndex: 2,
+    backgroundColor: 'white',
+});
 export const fullScreenInput = style({
-  width: 'calc(100% - 40px)'
-}, "fullScreenInput");
+    width: 'calc(100% - 40px)',
+});
 export const fullScreenCloseBtn = style({
-  position: 'fixed',
-  top: vars.space['5'],
-  right: vars.space['2'],
-  zIndex: 3
-}, "fullScreenCloseBtn");
+    position: 'fixed',
+    top: vars.space['5'],
+    right: vars.space['2'],
+    zIndex: 3,
+});
 export const spacer = style({
-  height: vars.space['1']
-}, "spacer");
+    height: vars.space['1'],
+});
 export const suggestion = style({
-  display: 'block',
-  padding: "".concat(vars.space['3'], " calc(").concat(vars.space['3'], " + 1px)"),
-  width: '100%',
-  cursor: 'pointer',
-  textAlign: 'left',
-  outline: 'none',
-  backgroundColor: 'transparent'
-}, "suggestion");
+    display: 'block',
+    padding: `${vars.space['3']} calc(${vars.space['3']} + 1px)`,
+    width: '100%',
+    cursor: 'pointer',
+    textAlign: 'left',
+    outline: 'none',
+    backgroundColor: 'transparent',
+});
 export const suggestionListItem = styleVariants({
-  default: {
-    zIndex: 1
-  },
-  skipped: {
-    cursor: 'not-allowed'
-  }
-}, "suggestionListItem");
+    default: {
+        zIndex: 1,
+    },
+    skipped: {
+        cursor: 'not-allowed',
+    },
+});
 export const suggestionHighlight = style({
-  color: vars.typography.colour.information,
-  backgroundColor: vars.colours.background.light
-}, "suggestionHighlight");
-
-__vanilla_filescope__.endFileScope();
+    color: vars.typography.colour.information,
+    backgroundColor: vars.colours.background.light,
+});

package/dist/components/AutoSuggest/AutoSuggest.d.ts

@@ -0,0 +1,29 @@
+import { IconType } from '@autoguru/icons';
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+import { TextInput } from '../TextInput';
+export interface AutoSuggestValue<PayloadType> {
+    text: string;
+    payload: PayloadType | null | undefined;
+    skip?: boolean;
+}
+export declare type AutoSuggestItemRenderer<PayloadType> = (props: {
+    value: AutoSuggestValue<PayloadType>;
+    highlight: boolean;
+    suggestions: Array<AutoSuggestValue<PayloadType>>;
+}) => ReactElement;
+declare type Suggestions<PayloadType> = Array<AutoSuggestValue<PayloadType>>;
+export interface Props<PayloadType> extends Omit<ComponentPropsWithoutRef<typeof TextInput>, 'onChange' | 'value' | 'type' | 'suffixIcon'> {
+    autoFocus?: boolean;
+    autoWidth?: boolean;
+    inlineOptions?: boolean;
+    fieldIcon?: IconType;
+    value: AutoSuggestValue<PayloadType> | null;
+    suggestions: Suggestions<PayloadType>;
+    itemRenderer?: AutoSuggestItemRenderer<PayloadType>;
+    onChange?(value: AutoSuggestValue<PayloadType>): void;
+}
+export declare const AutoSuggest: <PayloadType extends unknown>(p: Props<PayloadType> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReactElement;
+export {};
+//# sourceMappingURL=AutoSuggest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,EACN,wBAAwB,EAIxB,YAAY,EAEZ,GAAG,EAOH,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,oBAAY,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,aAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACtD;AAwGD,eAAO,MAAM,WAAW;UAyES,IAAI,gBAAgB,CAAC;MACjD,YAAY,CAAC"}