@autoguru/overdrive 4.4.5 → 4.5.0

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

@@ -0,0 +1,3 @@
+export declare const input: string;
+export declare const disabled: string;
+//# sourceMappingURL=DatePicker.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DatePicker/DatePicker.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAqBhB,CAAC;AACH,eAAO,MAAM,QAAQ,QAGnB,CAAC"}

package/dist/components/DatePicker/DatePicker.css.js

@@ -0,0 +1,27 @@
+import { style } from '@vanilla-extract/css';
+export const input = style({
+    top: 0,
+    right: 0,
+    opacity: 0,
+    cursor: 'pointer',
+    display: 'grid',
+    gridTemplateColumns: 'auto 50px',
+    selectors: {
+        '&::-webkit-calendar-picker-indicator': {
+            background: 'transparent',
+            bottom: 0,
+            color: 'transparent',
+            cursor: 'pointer',
+            height: 'auto',
+            left: 0,
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            width: 'auto',
+        },
+    },
+});
+export const disabled = style({
+    cursor: 'not-allowed',
+    opacity: '0.3',
+});

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import { IconType } from '@autoguru/icons';
+import { ComponentProps, FunctionComponent } from 'react';
+import { Icon } from '../Icon';
+export interface Props extends Pick<HTMLInputElement, 'min' | 'max' | 'value'>, Pick<ComponentProps<typeof Icon>, 'size'> {
+    className?: string;
+    disabled?: boolean;
+    onChange(date: string): any;
+    icon?: IconType;
+}
+export declare const DatePicker: FunctionComponent<Props>;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAe,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAK/B,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC,EACtD,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,IAAI,EAAE,MAAM,OAAE;IAEvB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAoC/C,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,18 @@
+import { CalendarIcon } from '@autoguru/icons';
+import clsx from 'clsx';
+import * as React from 'react';
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import * as iconStyles from '../Icon/Icon.css';
+import * as styles from './DatePicker.css';
+export const DatePicker = ({ className = '', icon = CalendarIcon, size = 'medium', disabled = false, onChange, ...inputProps }) => {
+    const onChangeEvent = (event) => {
+        if (typeof onChange === 'function') {
+            onChange(event.currentTarget.value);
+        }
+    };
+    return (React.createElement(Box, { position: "relative", overflow: "hidden", className: clsx(resolveResponsiveStyle(size, iconStyles.size), className, { [styles.disabled]: disabled }) },
+        React.createElement(Box, { position: "absolute", height: "full", width: "full", is: "input", disabled: disabled, onChange: onChangeEvent, className: clsx(styles.input, { [styles.disabled]: disabled }), type: "date", ...inputProps }),
+        React.createElement(Icon, { icon: icon, size: size })));
+};

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

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

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

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

package/dist/components/DatePicker/index.js

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker';

package/dist/components/DatePicker/stories.js

@@ -0,0 +1,51 @@
+"use strict";
+
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PlusIcon, StarIcon } from '@autoguru/icons';
+import * as React from 'react';
+import { DatePicker } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const iconOptions = {
+  MagnifyIcon,
+  CarIcon,
+  CarMultipleIcon,
+  CalendarIcon,
+  AccountEditIcon,
+  AlertCircleIcon,
+  CurrencyUsdIcon,
+  PlusIcon,
+  StarIcon,
+  CheckIcon
+};
+export default {
+  title: 'Components/DatePicker',
+  component: DatePicker,
+  decorators: [],
+  argTypes: {
+    icon: {
+      defaultValue: void 0,
+      description: 'Input field Icon',
+      options: iconOptions,
+      control: {
+        type: 'select'
+      }
+    },
+    size: {
+      options: ['small', 'medium', 'large'],
+      control: {
+        type: 'select'
+      }
+    }
+  }
+};
+
+const Template = args => _jsx(DatePicker, _objectSpread({}, args));
+
+const standardProps = {};
+export const standard = Template.bind(standardProps);
+standard.args = standardProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.4.5",
+	"version": "4.5.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",