@toptal/picasso 17.3.2 → 18.0.0

package/DatePicker/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './DatePicker';
+export type { Props as DatePickerProps } from './DatePicker';
+export type { DatePickerValue, DatePickerInputCustomValueParser, DatePickerInputCustomValueParserParameters } from './types';
+export { datePickerParseDateString } from './utils';
+export { DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT } from './constants';

package/DatePicker/index.js

@@ -0,0 +1,4 @@
+export { default } from './DatePicker';
+export { datePickerParseDateString } from './utils';
+export { DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT } from './constants';
+//# sourceMappingURL=index.js.map

package/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,oCAAoC,EAAE,uCAAuC,EAAE,MAAM,aAAa,CAAA"}

package/DatePicker/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "calendar">;
+export default _default;

package/DatePicker/styles.js

@@ -0,0 +1,7 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    calendar: {
+        outline: 'none'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/DatePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/DatePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA"}

package/DatePicker/types.d.ts

@@ -0,0 +1,13 @@
+import { DateOrDateRangeType } from '../Calendar';
+export declare type DatePickerValue = DateOrDateRangeType | null;
+export declare type DatePickerInputValueParserParameters = {
+    customParser?: DatePickerInputCustomValueParser;
+    dateFormat: string;
+    minDate?: Date;
+    maxDate?: Date;
+    timezone?: string;
+};
+export declare type DatePickerInputCustomValueParserParameters = {
+    timezone?: string;
+};
+export declare type DatePickerInputCustomValueParser = (value: string, params: DatePickerInputCustomValueParserParameters) => Date | null | undefined;

package/DatePicker/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/DatePicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/DatePicker/types.ts"],"names":[],"mappings":""}

package/DatePicker/utils.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerInputValueParserParameters } from './types';
+import { DateOrDateRangeType, DateRangeType } from '../Calendar';
+export declare const timezoneConvert: (date: DateOrDateRangeType, timeZone?: string | undefined) => DateOrDateRangeType;
+export declare const timezoneFormat: (date: Date, timeZone?: string | undefined) => Date;
+export declare const formatDateRange: (dates: DateRangeType, format: string) => string;
+export declare const isDateValid: (date: string, pattern: string) => boolean;
+export declare const isDateAfter: (date: Date, dateToCompare: Date) => boolean;
+export declare const isDateBefore: (date: Date, dateToCompare: Date) => boolean;
+export declare const isDateWithinInterval: (date: Date, minDate: Date | undefined, maxDate: Date | undefined) => boolean;
+export declare const datePickerParseDateString: (value: string, { customParser, dateFormat, timezone, minDate, maxDate }: DatePickerInputValueParserParameters) => Date | undefined;
+export declare const isValidDateValue: (dateValue: DateOrDateRangeType | string) => dateValue is DateOrDateRangeType;
+export declare const getStartOfTheDayDate: (date?: Date | undefined) => Date | undefined;

package/DatePicker/utils.js

@@ -0,0 +1,102 @@
+import parse from 'date-fns/parse';
+import isValid from 'date-fns/isValid';
+import formatDate from 'date-fns/format';
+import isWithinInterval from 'date-fns/isWithinInterval';
+import isEqual from 'date-fns/isEqual';
+import isBefore from 'date-fns/isBefore';
+import isAfter from 'date-fns/isAfter';
+import { utcToZonedTime, format as tzFormat, toDate } from 'date-fns-tz';
+// Convert date to given timezone. If timezone is undefined, return given date as is.
+export const timezoneConvert = (date, timeZone) => {
+    const convert = (dateToConvert) => {
+        if (timeZone) {
+            /**
+             * Prevent invalid IANA timezone error. This is likely to happen
+             * when someone is editing properties in a Storybook examples.
+             */
+            try {
+                return utcToZonedTime(dateToConvert, timeZone);
+            }
+            catch (_a) {
+                return dateToConvert;
+            }
+        }
+        return dateToConvert;
+    };
+    return Array.isArray(date)
+        ? date.map(convert)
+        : convert(date);
+};
+// Format date in given timezone. If timezone is undefined, return given date as is.
+export const timezoneFormat = (date, timeZone) => {
+    if (timeZone) {
+        /**
+         * Prevent invalid IANA timezone error. This is likely to happen
+         * when someone is editing properties in a Storybook examples.
+         */
+        try {
+            /**
+             * Maintain the same date and time, but formatted in the given timezone
+             * so next time the user edits the date it's not recalculated.
+             */
+            return new Date(tzFormat(date, 'MMM dd yyyy HH:mm:ss OOOO', { timeZone }));
+        }
+        catch (_a) {
+            return date;
+        }
+    }
+    return date;
+};
+export const formatDateRange = (dates, format) => dates.map(date => formatDate(date, format)).join(' - ');
+export const isDateValid = (date, pattern) => {
+    return (date.length === pattern.length && isValid(parse(date, pattern, new Date())));
+};
+export const isDateAfter = (date, dateToCompare) => isEqual(date, dateToCompare) || isAfter(date, dateToCompare);
+export const isDateBefore = (date, dateToCompare) => isEqual(date, dateToCompare) || isBefore(date, dateToCompare);
+// eslint-disable-next-line complexity
+export const isDateWithinInterval = (date, minDate, maxDate) => {
+    if (!minDate && !maxDate) {
+        return true;
+    }
+    if (minDate && maxDate) {
+        return isWithinInterval(date, {
+            start: minDate,
+            end: maxDate
+        });
+    }
+    if (minDate) {
+        return isDateAfter(date, minDate);
+    }
+    if (maxDate) {
+        return isDateBefore(date, maxDate);
+    }
+    return false;
+};
+export const datePickerParseDateString = (value, { customParser, dateFormat, timezone, minDate, maxDate }) => {
+    if (!value) {
+        return;
+    }
+    const isValidDateString = isDateValid(value, dateFormat);
+    const parsedNextValue = customParser && !isValidDateString
+        ? customParser(value, { timezone })
+        : parse(value, dateFormat, new Date());
+    if (!parsedNextValue || !isValid(parsedNextValue)) {
+        return;
+    }
+    const nextTimezoneValue = timezoneFormat(parsedNextValue, timezone);
+    if (!isDateWithinInterval(nextTimezoneValue, minDate, maxDate)) {
+        return;
+    }
+    return nextTimezoneValue;
+};
+export const isValidDateValue = (dateValue) => typeof dateValue !== 'string';
+export const getStartOfTheDayDate = (date) => {
+    if (!date) {
+        return date;
+    }
+    // to prevent mutation of the original date
+    const clonedDate = toDate(date);
+    clonedDate.setHours(0, 0, 0, 0);
+    return clonedDate;
+};
+//# sourceMappingURL=utils.js.map

package/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/DatePicker/utils.ts"],"names":[],"mappings":"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"}

package/Drawer/Drawer.d.ts

@@ -0,0 +1,22 @@
+import { BaseProps } from '@toptal/picasso-shared';
+import { FunctionComponent, ReactNode } from 'react';
+declare type AnchorType = 'bottom' | 'left' | 'right' | 'top';
+declare type WidthType = 'narrow' | 'regular' | 'medium' | 'wide' | 'ultra-wide';
+export interface Props extends BaseProps {
+    /** Side from which the drawer will appear.  */
+    anchor?: AnchorType;
+    /** Drawer content */
+    children: ReactNode;
+    /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */
+    disablePortal?: boolean;
+    /** Specify if the drawer is opened or not */
+    open: boolean;
+    /** Specify the drawer title */
+    title?: ReactNode;
+    /** Callback fired when the component requests to be closed. */
+    onClose?: () => void;
+    /** Width of Drawer */
+    width?: WidthType;
+}
+export declare const Drawer: FunctionComponent<Props>;
+export default Drawer;

package/Drawer/Drawer.js

@@ -0,0 +1,55 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import MUIDrawer from '@material-ui/core/Drawer';
+import { makeStyles, useTheme } from '@material-ui/core/styles';
+import cx from 'classnames';
+import { useDrawer, usePicassoRoot } from '@toptal/picasso-provider';
+import { CloseMinor16 } from '@toptal/picasso/Icon';
+import React, { useLayoutEffect } from 'react';
+import styles from './styles';
+import Button from '../Button';
+import Container from '../Container';
+import DrawerTitle from '../DrawerTitle';
+const useStyles = makeStyles(styles, { name: 'PicassoDrawer' });
+export const Drawer = props => {
+    const { children, disablePortal, open, onClose, title, width = 'regular' } = props, rest = __rest(props, ["children", "disablePortal", "open", "onClose", "title", "width"]);
+    const classes = useStyles();
+    const { setHasDrawer } = useDrawer();
+    const theme = useTheme();
+    const container = usePicassoRoot();
+    useLayoutEffect(() => {
+        setHasDrawer(open);
+        const cleanup = () => {
+            setHasDrawer(false);
+        };
+        return cleanup;
+    }, [open, setHasDrawer]);
+    const handleOnClose = () => {
+        if (onClose) {
+            onClose();
+        }
+    };
+    return (React.createElement(MUIDrawer, Object.assign({}, rest, { open: open, onClose: handleOnClose, disablePortal: disablePortal, container: container, ModalProps: { style: { zIndex: theme.zIndex.drawer } } }),
+        React.createElement(Container, { flex: true, direction: 'column', className: cx(classes.container, classes[width]) },
+            React.createElement(DrawerTitle, { title: title }),
+            React.createElement(Container, { flex: true, className: classes.content }, children),
+            React.createElement(Button.Circular, { variant: 'flat', icon: React.createElement(CloseMinor16, null), onClick: handleOnClose, className: classes.closeButton }))));
+};
+Drawer.displayName = 'Drawer';
+Drawer.defaultProps = {
+    anchor: 'right',
+    disablePortal: false,
+    onClose: () => { },
+    width: 'regular'
+};
+export default Drawer;
+//# sourceMappingURL=Drawer.js.map

package/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,EAAgC,eAAe,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAuBxC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,MAAM,GAA6B,KAAK,CAAC,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GAAG,SAAS,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kEAQL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,SAAS,GAAG,cAAc,EAAE,CAAA;IAElC,eAAe,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;QAEtD,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;YAEhD,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;YAC7B,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACvC,QAAQ,CACC;YACZ,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,OAAO,CAAC,WAAW,GAC9B,CACQ,CACF,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,CAAC,YAAY,GAAG;IACpB,MAAM,EAAE,OAAO;IACf,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/Drawer/index.d.ts

@@ -0,0 +1,4 @@
+import { OmitInternalProps } from '@toptal/picasso-shared';
+import { Props } from './Drawer';
+export { default } from './Drawer';
+export declare type DrawerProps = OmitInternalProps<Props>;

package/Drawer/index.js

@@ -0,0 +1,2 @@
+export { default } from './Drawer';
+//# sourceMappingURL=index.js.map

package/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/Drawer/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "content" | "medium" | "container" | "regular" | "closeButton" | "wide" | "narrow" | "ultra-wide">;
+export default _default;

package/Drawer/styles.js

@@ -0,0 +1,40 @@
+import { createStyles } from '@material-ui/core/styles';
+import { PicassoProvider } from '@toptal/picasso-provider';
+PicassoProvider.override(() => ({
+    MuiDrawer: {
+        paper: {
+            maxWidth: '100%'
+        }
+    }
+}));
+export default () => createStyles({
+    container: {
+        maxWidth: '100%',
+        position: 'relative',
+        flex: 1
+    },
+    content: {
+        flex: 1
+    },
+    closeButton: {
+        position: 'absolute',
+        right: '1.5rem',
+        top: '1rem'
+    },
+    narrow: {
+        width: '27.5rem'
+    },
+    regular: {
+        width: '35rem'
+    },
+    medium: {
+        width: '40rem'
+    },
+    wide: {
+        width: '60rem'
+    },
+    'ultra-wide': {
+        width: '73.75rem'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/Drawer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,SAAS,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,MAAM;KACZ;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;KACf;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;KACf;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAA"}

package/DrawerTitle/DrawerTitle.d.ts

@@ -0,0 +1,9 @@
+import { BaseProps } from '@toptal/picasso-shared';
+import { DrawerProps } from '../Drawer';
+export interface Props extends BaseProps, Pick<DrawerProps, 'title'> {
+}
+export declare const DrawerTitle: {
+    ({ title }: Props): JSX.Element | null;
+    displayName: string;
+};
+export default DrawerTitle;

package/DrawerTitle/DrawerTitle.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import styles from './styles';
+import Typography from '../Typography';
+import Container from '../Container';
+const useStyles = makeStyles(styles, { name: 'PicassoDrawerTitle' });
+export const DrawerTitle = ({ title }) => {
+    const classes = useStyles();
+    if (!title) {
+        return null;
+    }
+    if (React.isValidElement(title)) {
+        return title;
+    }
+    return (React.createElement(Container, { flex: true, alignItems: 'center', className: classes.header },
+        React.createElement(Typography, { variant: 'heading', size: 'medium', className: classes.title }, title)));
+};
+DrawerTitle.displayName = 'DrawerTitle';
+export default DrawerTitle;
+//# sourceMappingURL=DrawerTitle.js.map

package/DrawerTitle/DrawerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.js","sourceRoot":"","sources":["../../src/DrawerTitle/DrawerTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,SAAS,MAAM,cAAc,CAAA;AAKpC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAA;AAE3E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC9C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;QAC/B,OAAO,KAAK,CAAA;KACb;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,MAAM;QAC3D,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IACjE,KAAK,CACK,CACH,CACb,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/DrawerTitle/index.d.ts

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

package/DrawerTitle/index.js

@@ -0,0 +1,2 @@
+export { default } from './DrawerTitle';
+//# sourceMappingURL=index.js.map

package/DrawerTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DrawerTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/DrawerTitle/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "header" | "title">;
+export default _default;

package/DrawerTitle/styles.js

@@ -0,0 +1,11 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette }) => createStyles({
+    header: {
+        borderBottom: `1px solid ${palette.grey.lighter}`,
+        padding: '1rem 1.5rem'
+    },
+    title: {
+        flexGrow: 1
+    }
+});
+//# sourceMappingURL=styles.js.map

package/DrawerTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/DrawerTitle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,MAAM,EAAE;QACN,YAAY,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;QACjD,OAAO,EAAE,aAAa;KACvB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAA"}

package/Dropzone/Dropzone.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+import { FileUpload, DropzoneOptions } from './types';
+export interface Props extends BaseProps {
+    /**
+     * Set accepted file types. See https://github.com/okonet/attr-accept for more information.
+     */
+    accept?: DropzoneOptions['accept'];
+    /** Enable/disable the dropzone */
+    disabled?: boolean;
+    /** Maximum file size (in bytes) */
+    maxSize?: number;
+    /** Minimum file size (in bytes) */
+    minSize?: number;
+    /** Allow drag 'n' drop (or selection from the file dialog) of multiple files */
+    multiple?: boolean;
+    /** The text of the hint */
+    hint?: string;
+    /** Callback invoked when a file item is removed */
+    onRemove?: (fileName: string, index: number) => void;
+    /** Callback for when the drop event occurs */
+    onDropAccepted?: DropzoneOptions['onDropAccepted'];
+    /** callback for when the drop event occurs */
+    onDropRejected?: DropzoneOptions['onDropRejected'];
+    /** callback for when the drop event occurs */
+    onDrop?: DropzoneOptions['onDrop'];
+    /** Custom validation function */
+    validator?: DropzoneOptions['validator'];
+    /** Value uses the File interface. */
+    value?: FileUpload[];
+    /** Reasons why files couldn't be droped into dropzone */
+    errorMessages?: string[];
+    focused?: boolean;
+    hovered?: boolean;
+}
+export declare const Dropzone: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default Dropzone;

package/Dropzone/Dropzone.js

@@ -0,0 +1,55 @@
+import React, { forwardRef } from 'react';
+import { useDropzone } from 'react-dropzone';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import { Upload24 } from '@toptal/picasso/Icon';
+import FormHint from '../FormHint';
+import FormError from '../FormError';
+import Container from '../Container';
+import FileList from '../FileList';
+import Typography from '../Typography';
+import styles from './styles';
+const useStyles = makeStyles(styles, { name: 'Dropzone' });
+export const Dropzone = forwardRef(function Dropzone(props, ref) {
+    const { hint, onRemove, value, className, errorMessages = [], style, 'data-testid': dataTestId, focused, hovered, 
+    // dropzoneOptions
+    accept, minSize, maxSize, multiple, disabled, onDrop, onDropAccepted, onDropRejected, validator } = props;
+    const { getRootProps, isDragActive, getInputProps } = useDropzone({
+        accept,
+        minSize,
+        maxSize,
+        multiple,
+        disabled,
+        onDrop,
+        onDropAccepted,
+        onDropRejected,
+        validator
+    });
+    const classes = useStyles();
+    return (React.createElement(Container, { style: style, ref: ref, className: className },
+        React.createElement(Container, Object.assign({ flex: true, direction: 'column', alignItems: 'center', "data-testid": dataTestId }, getRootProps({
+            className: cx(classes.root, {
+                [classes.dragActive]: isDragActive,
+                [classes.hovered]: hovered,
+                [classes.disabled]: disabled,
+                [classes.focused]: focused
+            })
+        })),
+            React.createElement("input", Object.assign({}, getInputProps({ className: classes.nativeInput }))),
+            React.createElement(Upload24, { color: 'darkGrey' }),
+            React.createElement(Typography, { size: 'medium', color: 'black', weight: 'semibold' }, "Click or drag file to upload"),
+            hint && errorMessages.length === 0 && (React.createElement(FormHint, { className: cx(classes.hint) }, hint)),
+            errorMessages.length > 0 &&
+                errorMessages.map((error, index) => (React.createElement(FormError, { className: classes.error, key: `${error}-${String(index)}` }, error)))),
+        value && value.length > 0 && (React.createElement(Container, { top: 'xsmall' },
+            React.createElement(FileList, { files: value, onItemRemove: onRemove })))));
+});
+Dropzone.displayName = 'Dropzone';
+Dropzone.defaultProps = {
+    disabled: false,
+    maxSize: Infinity,
+    minSize: 0,
+    multiple: true
+};
+export default Dropzone;
+//# sourceMappingURL=Dropzone.js.map

package/Dropzone/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAmC7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAA0B,SAAS,QAAQ,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,OAAO,EACP,OAAO;IAEP,kBAAkB;IAClB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EACd,cAAc,EACd,SAAS,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC;QAChE,MAAM;QACN,OAAO;QACP,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,cAAc;QACd,cAAc;QACd,SAAS;KACV,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS;QACrD,oBAAC,SAAS,kBACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,iBACN,UAAU,IACnB,YAAY,CAAC;YACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;gBAC1B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,YAAY;gBAClC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;gBAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC5B,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;aAC3B,CAAC;SACH,CAAC;YAEF,+CAAW,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,EAAI;YAChE,oBAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,GAAG;YAC7B,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,mCAE5C;YACZ,IAAI,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CACrC,oBAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAG,IAAI,CAAY,CACzD;YACA,aAAa,CAAC,MAAM,GAAG,CAAC;gBACvB,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,IAE/B,KAAK,CACI,CACb,CAAC,CACM;QACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;YACrB,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAI,CACxC,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/Dropzone/index.d.ts

@@ -0,0 +1,5 @@
+import { OmitInternalProps } from '@toptal/picasso-shared';
+import { Props } from './Dropzone';
+export { default } from './Dropzone';
+export * from './types';
+export declare type DropzoneProps = OmitInternalProps<Props>;

package/Dropzone/index.js

@@ -0,0 +1,3 @@
+export { default } from './Dropzone';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/Dropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Dropzone/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,SAAS,CAAA"}

package/Dropzone/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "root" | "focused" | "hovered" | "hint" | "completed" | "dragActive">;
+export default _default;

package/Dropzone/styles.js

@@ -0,0 +1,42 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, sizes, transitions }) => createStyles({
+    root: {
+        padding: '20px',
+        borderWidth: sizes.borderWidth,
+        borderRadius: sizes.borderRadius.medium,
+        borderColor: palette.grey.light2,
+        borderStyle: 'dashed',
+        backgroundColor: palette.common.white,
+        color: palette.grey.dark,
+        outline: 'none',
+        transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
+        transitionProperty: 'border, background-color',
+        gap: '0.5rem',
+        '&:hover, &$hovered, &:focus, &$focused, &$dragActive': {
+            borderColor: palette.blue.main,
+            cursor: 'pointer'
+        },
+        '&$disabled': {
+            backgroundColor: palette.grey.lighter,
+            '&:hover': {
+                cursor: 'no-drop',
+                borderColor: palette.grey.light2
+            }
+        }
+    },
+    hint: {
+        margin: 0,
+        '& > *': {
+            lineHeight: '1rem'
+        }
+    },
+    completed: {},
+    error: {
+        margin: 0
+    },
+    dragActive: {},
+    hovered: {},
+    disabled: {},
+    focused: {}
+});
+//# sourceMappingURL=styles.js.map

package/Dropzone/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Dropzone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAS,EAAE,EAAE,CACxD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;QACvC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;QAChC,WAAW,EAAE,QAAQ;QACrB,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,MAAM,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/E,kBAAkB,EAAE,0BAA0B;QAC9C,GAAG,EAAE,QAAQ;QACb,sDAAsD,EAAE;YACtD,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAC9B,MAAM,EAAE,SAAS;SAClB;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YACrC,SAAS,EAAE;gBACT,MAAM,EAAE,SAAS;gBACjB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;aACjC;SACF;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,OAAO,EAAE;YACP,UAAU,EAAE,MAAM;SACnB;KACF;IACD,SAAS,EAAE,EAAE;IACb,KAAK,EAAE;QACL,MAAM,EAAE,CAAC;KACV;IACD,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;CACZ,CAAC,CAAA"}

package/Dropzone/types.d.ts

@@ -0,0 +1,43 @@
+export interface FileUpload {
+    uploading?: boolean;
+    progress?: number;
+    error?: string;
+    file: File;
+}
+export declare type DropzoneOptions = {
+    /**
+     * Set accepted file types. See https://github.com/okonet/attr-accept for more information.
+     */
+    accept?: string | string[];
+    /** Enable/disable the dropzone */
+    disabled?: boolean;
+    /** Maximum file size (in bytes) */
+    maxSize?: number;
+    /** Minimum file size (in bytes) */
+    minSize?: number;
+    /** Callback for when the drop event occurs */
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
+    /** Callback for when the drop event occurs */
+    onDropAccepted?: <T extends File>(files: T[], event: DropEvent) => void;
+    /** Callback for when the drop event occurs */
+    onDropRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+    /** Custom validation function */
+    validator?: <T extends File>(file: T) => FileError | FileError[] | null;
+};
+export declare type DropEvent = React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement> | DragEvent | Event;
+export declare const ErrorCode: {
+    readonly FileInvalidType: "file-invalid-type";
+    readonly FileTooLarge: "file-too-large";
+    readonly FileTooSmall: "file-too-small";
+    readonly TooManyFiles: "too-many-files";
+};
+declare type ErrorCodeType = typeof ErrorCode[keyof typeof ErrorCode];
+export interface FileError {
+    message: string;
+    code: ErrorCodeType | string;
+}
+export interface FileRejection {
+    file: File;
+    errors: FileError[];
+}
+export {};

package/Dropzone/types.js

@@ -0,0 +1,7 @@
+export const ErrorCode = {
+    FileInvalidType: 'file-invalid-type',
+    FileTooLarge: 'file-too-large',
+    FileTooSmall: 'file-too-small',
+    TooManyFiles: 'too-many-files'
+};
+//# sourceMappingURL=types.js.map

package/Dropzone/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Dropzone/types.ts"],"names":[],"mappings":"AAsCA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,eAAe,EAAE,mBAAmB;IACpC,YAAY,EAAE,gBAAgB;IAC9B,YAAY,EAAE,gBAAgB;IAC9B,YAAY,EAAE,gBAAgB;CACtB,CAAA"}

package/EmptyState/EmptyState.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    Page: import("react").ForwardRefExoticComponent<import("../EmptyStatePage/EmptyStatePage").Props & import("react").RefAttributes<HTMLDivElement>>;
+    Collection: import("react").ForwardRefExoticComponent<import("../EmptyStateCollection/EmptyStateCollection").Props & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;