@toptal/picasso 30.0.2 → 30.0.3

package/AvatarUpload/AvatarUpload.d.ts

@@ -1,7 +1,7 @@
-import React, { CSSProperties, FocusEvent } from 'react';
 import { BaseProps, SizeType } from '@toptal/picasso-shared';
-import { AvatarUploadOptions, FileUpload } from './types';
+import React, { CSSProperties, FocusEvent } from 'react';
 import { Status } from '../OutlinedInput';
+import { AvatarUploadOptions, FileUpload } from './types';
 export interface Props extends BaseProps {
     /** Set accepted file types. See https://github.com/okonet/attr-accept for more information. */
     accept?: AvatarUploadOptions['accept'];

package/AvatarUpload/AvatarUpload.js

@@ -1,62 +1,41 @@
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState, } from 'react';
 import { capitalize, makeStyles } from '@material-ui/core';
-import { useDropzone } from 'react-dropzone';
 import cx from 'classnames';
+import React, { forwardRef, useImperativeHandle, } from 'react';
 import Avatar from '../Avatar';
-import styles from './styles';
 import AvatarDropzoneSvg from '../AvatarDropzoneSvg';
-import Loader from '../Loader';
 import { Upload16, Upload24 } from '../Icon';
+import Loader from '../Loader';
+import styles from './styles';
+import useAvatarUpload from './hooks/use-avatar-upload';
+import useAvatarStates from './hooks/use-avatar-states';
 const useStyles = makeStyles(styles, {
     name: 'PicassoAvatarUpload',
 });
-export const AvatarUpload = forwardRef(
-// eslint-disable-next-line complexity, max-statements
-function AvatarUpload(props, ref) {
+export const AvatarUpload = forwardRef(function AvatarUpload(props, ref) {
     const { autoFocus, autoHover, defaultActive, uploading = false, size = 'small', onEdit, onFocus, onBlur, status, 'data-testid': dataTestId, testIds, src, alt, style, avatarStyle, 
     // dropzoneOptions
     accept, minSize, maxSize, disabled, onDrop, onDropAccepted, onDropRejected, validator, } = props;
-    const [{ initiallyFocused, initiallyActive, hovered }, setVisualStates] = useState({
-        hovered: autoHover,
-        initiallyFocused: autoFocus,
-        initiallyActive: defaultActive,
-    });
-    // callback overrides to return only one file to the parent component
-    const handleDrop = useCallback((acceptedFiles, fileRejections, event) => {
-        var _a, _b;
-        if (onDrop) {
-            onDrop((_a = acceptedFiles[0]) !== null && _a !== void 0 ? _a : null, (_b = fileRejections[0]) !== null && _b !== void 0 ? _b : null, event);
-        }
-    }, [onDrop]);
-    const handleDropAccepted = useCallback((files, event) => {
-        if (onDropAccepted) {
-            onDropAccepted(files[0], event);
-        }
-    }, [onDropAccepted]);
-    const handleDropRejected = useCallback((fileRejections, event) => {
-        if (onDropRejected) {
-            onDropRejected(fileRejections[0], event);
-        }
-    }, [onDropRejected]);
-    const handleEdit = (event) => {
-        // to avoid dropzone to be triggered
-        event.stopPropagation();
-        if (onEdit) {
-            onEdit(event);
-        }
-    };
-    const onMouseEnter = () => {
-        setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { hovered: true })));
-    };
-    const onMouseLeave = () => {
-        setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { hovered: false })));
-    };
-    const showAvatar = !uploading && Boolean(src);
-    const showUploadIcon = !(showAvatar || uploading);
-    // after showing avatar, only way to change the file selection is to use 'onEdit' by clicking
-    const disableDropzoneClick = (showAvatar && !onEdit) || uploading;
-    const disableKeyboardAndDragging = showAvatar || uploading;
     const classes = useStyles();
+    const { rootRef, showUploadIcon, showAvatar, isDropzoneDragActive, isDropzoneFocused, getInputProps, getRootProps, handleEdit, } = useAvatarUpload({
+        accept,
+        minSize,
+        maxSize,
+        disabled,
+        uploading,
+        src,
+        validator,
+        onDrop,
+        onEdit,
+        onDropAccepted,
+        onDropRejected,
+    });
+    const { hovered, onMouseEnter, onMouseLeave, isDragActive, isFocused } = useAvatarStates({
+        autoHover,
+        autoFocus,
+        defaultActive,
+        isDropzoneFocused,
+        isDropzoneDragActive,
+    });
     const loadingIcon = uploading && (React.createElement(Loader, { className: cx(classes.icon, {
             [classes.hovered]: hovered,
             [classes.error]: status === 'error',
@@ -66,30 +45,6 @@ function AvatarUpload(props, ref) {
             [classes.hovered]: hovered,
             [classes.error]: status === 'error',
         }), "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.uploadIcon }));
-    const { getInputProps, getRootProps, isDragActive, isFocused, rootRef } = useDropzone({
-        accept,
-        minSize,
-        maxSize,
-        disabled,
-        multiple: false,
-        onDrop: handleDrop,
-        onDropAccepted: handleDropAccepted,
-        onDropRejected: handleDropRejected,
-        validator,
-        noClick: disableDropzoneClick,
-        noDrag: disableKeyboardAndDragging,
-        noKeyboard: disableKeyboardAndDragging,
-    });
-    useEffect(() => {
-        if (initiallyActive && isDragActive) {
-            setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { initiallyActive: false })));
-        }
-    }, [initiallyActive, isDragActive]);
-    useEffect(() => {
-        if (initiallyFocused && isFocused) {
-            setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { initiallyFocused: false })));
-        }
-    }, [initiallyFocused, isFocused]);
     // exposing the rootRef from react-dropzone to the parent component
     useImperativeHandle(ref, () => { var _a; return (_a = rootRef.current) !== null && _a !== void 0 ? _a : {}; }, [
         rootRef,
@@ -109,7 +64,7 @@ function AvatarUpload(props, ref) {
         showAvatar ? (React.createElement(Avatar, { style: avatarStyle, size: size, onEdit: onEdit ? handleEdit : undefined, 
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             src: src, alt: alt, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.avatar, variant: 'square' })) : (React.createElement(React.Fragment, null,
-            React.createElement(AvatarDropzoneSvg, { disabled: disabled, error: status === 'error', size: size, hovered: hovered, focused: initiallyFocused || isFocused, isDragActive: initiallyActive || isDragActive, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.dropzoneSvg }),
+            React.createElement(AvatarDropzoneSvg, { disabled: disabled, error: status === 'error', size: size, hovered: hovered, focused: isFocused, isDragActive: isDragActive, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.dropzoneSvg }),
             loadingIcon,
             uploadIcon))));
 });

package/AvatarUpload/AvatarUpload.js.map

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

package/AvatarUpload/hooks/use-avatar-states/index.d.ts

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

package/AvatarUpload/hooks/use-avatar-states/index.js

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

package/AvatarUpload/hooks/use-avatar-states/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/AvatarUpload/hooks/use-avatar-states/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/AvatarUpload/hooks/use-avatar-states/useAvatarStates.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    /** Indicate whether component has focused state by default */
+    autoFocus?: boolean;
+    /** Indicate whether component has hovered state by default */
+    autoHover?: boolean;
+    /** Indicate whether component has active state as default */
+    defaultActive?: boolean;
+    /** Indicate whether the dropzone component got focused */
+    isDropzoneFocused?: boolean;
+    /** Indicate whether the dropzone component got active dragging */
+    isDropzoneDragActive?: boolean;
+}
+interface ReturnValue {
+    /** Whether the component is currently hovered */
+    hovered: boolean;
+    /** Whether the component is currently focused */
+    isFocused: boolean;
+    /** Whether the component is currently active */
+    isDragActive: boolean;
+    /** Callback for when the mouse enters the component */
+    onMouseEnter: () => void;
+    /** Callback for when the mouse leaves the component */
+    onMouseLeave: () => void;
+}
+declare const useAvatarStates: (props: Props) => ReturnValue;
+export default useAvatarStates;

package/AvatarUpload/hooks/use-avatar-states/useAvatarStates.js

@@ -0,0 +1,34 @@
+import { useEffect, useState } from 'react';
+const useAvatarStates = (props) => {
+    const { autoHover, autoFocus, defaultActive, isDropzoneFocused, isDropzoneDragActive, } = props;
+    const [{ initiallyFocused, initiallyActive, hovered }, setVisualStates] = useState({
+        hovered: Boolean(autoHover),
+        initiallyFocused: Boolean(autoFocus),
+        initiallyActive: Boolean(defaultActive),
+    });
+    const onMouseEnter = () => {
+        setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { hovered: true })));
+    };
+    const onMouseLeave = () => {
+        setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { hovered: false })));
+    };
+    useEffect(() => {
+        if (initiallyActive && isDropzoneDragActive) {
+            setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { initiallyActive: false })));
+        }
+    }, [initiallyActive, isDropzoneDragActive]);
+    useEffect(() => {
+        if (initiallyFocused && isDropzoneFocused) {
+            setVisualStates(oldState => (Object.assign(Object.assign({}, oldState), { initiallyFocused: false })));
+        }
+    }, [initiallyFocused, isDropzoneFocused]);
+    return {
+        hovered,
+        onMouseEnter,
+        onMouseLeave,
+        isFocused: Boolean(initiallyFocused || isDropzoneFocused),
+        isDragActive: Boolean(initiallyActive || isDropzoneDragActive),
+    };
+};
+export default useAvatarStates;
+//# sourceMappingURL=useAvatarStates.js.map

package/AvatarUpload/hooks/use-avatar-states/useAvatarStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvatarStates.js","sourceRoot":"","sources":["../../../../src/AvatarUpload/hooks/use-avatar-states/useAvatarStates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AA4B3C,MAAM,eAAe,GAAG,CAAC,KAAY,EAAe,EAAE;IACpD,MAAM,EACJ,SAAS,EACT,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,oBAAoB,GACrB,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,EAAE,gBAAgB,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC,GACrE,QAAQ,CAIL;QACD,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;QAC3B,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC;QACpC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC;KACxC,CAAC,CAAA;IAEJ,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,iCAAM,QAAQ,KAAE,OAAO,EAAE,IAAI,IAAG,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,iCAAM,QAAQ,KAAE,OAAO,EAAE,KAAK,IAAG,CAAC,CAAA;IAChE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,IAAI,oBAAoB,EAAE;YAC3C,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,iCAAM,QAAQ,KAAE,eAAe,EAAE,KAAK,IAAG,CAAC,CAAA;SACvE;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,IAAI,iBAAiB,EAAE;YACzC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,iCAAM,QAAQ,KAAE,gBAAgB,EAAE,KAAK,IAAG,CAAC,CAAA;SACxE;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEzC,OAAO;QACL,OAAO;QACP,YAAY;QACZ,YAAY;QACZ,SAAS,EAAE,OAAO,CAAC,gBAAgB,IAAI,iBAAiB,CAAC;QACzD,YAAY,EAAE,OAAO,CAAC,eAAe,IAAI,oBAAoB,CAAC;KAC/D,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/AvatarUpload/hooks/use-avatar-upload/index.d.ts

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

package/AvatarUpload/hooks/use-avatar-upload/index.js

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

package/AvatarUpload/hooks/use-avatar-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/AvatarUpload/hooks/use-avatar-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/AvatarUpload/hooks/use-avatar-upload/useAvatarUpload.d.ts

@@ -0,0 +1,58 @@
+import { DropzoneRootProps } from 'react-dropzone';
+import { AvatarUploadOptions } from '../../types';
+interface Props {
+    /** Set accepted file types. See https://github.com/okonet/attr-accept for more information. */
+    accept?: AvatarUploadOptions['accept'];
+    /** Image URL */
+    src?: string;
+    /** Enable/disable the dropzone */
+    disabled?: boolean;
+    /** Maximum file size (in bytes) */
+    maxSize?: number;
+    /** Minimum file size (in bytes) */
+    minSize?: number;
+    /** Indicate whether the selected file is being uploaded */
+    uploading?: boolean;
+    /** Callback for when there is already a source and user clicks on the avatar. */
+    onEdit?: AvatarUploadOptions['onEdit'];
+    /**
+     * Callback for when the drop event occurs. Note that if file is not accepted, this callback is not invoked.,
+     * @type <T extends File>(files: T, event: DropEvent) => void
+     */
+    onDropAccepted?: AvatarUploadOptions['onDropAccepted'];
+    /**
+     * Callback for when the drop event occurs. Note that if file is not rejected, this callback is not invoked.
+     * @type (fileRejection: FileRejection, event: DropEvent) => void
+     */
+    onDropRejected?: AvatarUploadOptions['onDropRejected'];
+    /**
+     * Callback for when the drop event occurs. Note that the onDrop callback will always be invoked regardless if the dropped file was accepted or rejected.
+     * @type <T extends File>(acceptedFile: T | null, fileRejection: FileRejection | null, event: DropEvent) => void
+     */
+    onDrop?: AvatarUploadOptions['onDrop'];
+    /**
+     * Custom validation function
+     * (file: File) => FileError | FileError[] | null
+     */
+    validator?: AvatarUploadOptions['validator'];
+}
+interface ReturnValue {
+    /** Ref to be attached to the root element */
+    rootRef: React.RefObject<HTMLElement>;
+    /** Whether to show the upload icon */
+    showUploadIcon: boolean;
+    /** Whether to show the avatar */
+    showAvatar: boolean;
+    /** Whether the dropzone is currently being dragged over */
+    isDropzoneDragActive: boolean;
+    /** Whether the dropzone is currently focused */
+    isDropzoneFocused: boolean;
+    /** Props to be attached to the input element */
+    getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+    /** Props to be attached to the root element */
+    getRootProps: <T extends DropzoneRootProps>(props?: T | undefined) => T;
+    /** Callback for when the edit button is clicked */
+    handleEdit: (event: React.MouseEvent) => void;
+}
+declare const useAvatarUpload: (props: Props) => ReturnValue;
+export default useAvatarUpload;

package/AvatarUpload/hooks/use-avatar-upload/useAvatarUpload.js

@@ -0,0 +1,60 @@
+import { useCallback } from 'react';
+import { useDropzone } from 'react-dropzone';
+const useAvatarUpload = (props) => {
+    const { accept, minSize, maxSize, disabled, uploading, src, validator, onDrop, onEdit, onDropAccepted, onDropRejected, } = props;
+    // callback overrides to return only one file to the parent component
+    const handleDrop = useCallback((acceptedFiles, fileRejections, event) => {
+        var _a, _b;
+        if (onDrop) {
+            onDrop((_a = acceptedFiles[0]) !== null && _a !== void 0 ? _a : null, (_b = fileRejections[0]) !== null && _b !== void 0 ? _b : null, event);
+        }
+    }, [onDrop]);
+    const handleDropAccepted = useCallback((files, event) => {
+        if (onDropAccepted) {
+            onDropAccepted(files[0], event);
+        }
+    }, [onDropAccepted]);
+    const handleDropRejected = useCallback((fileRejections, event) => {
+        if (onDropRejected) {
+            onDropRejected(fileRejections[0], event);
+        }
+    }, [onDropRejected]);
+    const handleEdit = (event) => {
+        // to avoid dropzone to be triggered
+        event.stopPropagation();
+        if (onEdit) {
+            onEdit(event);
+        }
+    };
+    const showAvatar = !uploading && Boolean(src);
+    const showUploadIcon = !uploading && !src;
+    // after showing avatar, only way to change the file selection is to use 'onEdit' by clicking
+    const disableDropzoneClick = (showAvatar && !onEdit) || uploading;
+    const disableKeyboardAndDragging = showAvatar || uploading;
+    const { getInputProps, getRootProps, isDragActive, isFocused, rootRef } = useDropzone({
+        accept,
+        minSize,
+        maxSize,
+        disabled,
+        multiple: false,
+        onDrop: handleDrop,
+        onDropAccepted: handleDropAccepted,
+        onDropRejected: handleDropRejected,
+        validator,
+        noClick: disableDropzoneClick,
+        noDrag: disableKeyboardAndDragging,
+        noKeyboard: disableKeyboardAndDragging,
+    });
+    return {
+        rootRef,
+        showUploadIcon,
+        showAvatar,
+        isDropzoneDragActive: isDragActive,
+        isDropzoneFocused: isFocused,
+        getInputProps,
+        getRootProps,
+        handleEdit,
+    };
+};
+export default useAvatarUpload;
+//# sourceMappingURL=useAvatarUpload.js.map

package/AvatarUpload/hooks/use-avatar-upload/useAvatarUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvatarUpload.js","sourceRoot":"","sources":["../../../../src/AvatarUpload/hooks/use-avatar-upload/useAvatarUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAqB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AA4D/D,MAAM,eAAe,GAAG,CAAC,KAAY,EAAe,EAAE;IACpD,MAAM,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,GACf,GAAG,KAAK,CAAA;IAET,qEAAqE;IACrE,MAAM,UAAU,GAAG,WAAW,CAC5B,CACE,aAAqB,EACrB,cAA+B,EAC/B,KAAgB,EAChB,EAAE;;QACF,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,MAAA,aAAa,CAAC,CAAC,CAAC,mCAAI,IAAI,EAAE,MAAA,cAAc,CAAC,CAAC,CAAC,mCAAI,IAAI,EAAE,KAAK,CAAC,CAAA;SACnE;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAa,EAAE,KAAgB,EAAE,EAAE;QAClC,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;SAChC;IACH,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,cAA+B,EAAE,KAAgB,EAAE,EAAE;QACpD,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;SACzC;IACH,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC7C,oCAAoC;QACpC,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,KAAK,CAAC,CAAA;SACd;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,CAAA;IAC7C,MAAM,cAAc,GAAG,CAAC,SAAS,IAAI,CAAC,GAAG,CAAA;IAEzC,6FAA6F;IAC7F,MAAM,oBAAoB,GAAG,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,IAAI,SAAS,CAAA;IACjE,MAAM,0BAA0B,GAAG,UAAU,IAAI,SAAS,CAAA;IAE1D,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GACrE,WAAW,CAAC;QACV,MAAM;QACN,OAAO;QACP,OAAO;QACP,QAAQ;QACR,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,UAAU;QAClB,cAAc,EAAE,kBAAkB;QAClC,cAAc,EAAE,kBAAkB;QAClC,SAAS;QACT,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,0BAA0B;QAClC,UAAU,EAAE,0BAA0B;KACvC,CAAC,CAAA;IAEJ,OAAO;QACL,OAAO;QACP,cAAc;QACd,UAAU;QACV,oBAAoB,EAAE,YAAY;QAClC,iBAAiB,EAAE,SAAS;QAC5B,aAAa;QACb,YAAY;QACZ,UAAU;KACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/InputAdornment/styles.js

@@ -5,11 +5,15 @@ PicassoProvider.override(({ palette }) => ({
     MuiInputAdornment: {
         root: {
             color: palette.grey.dark,
+            height: 'auto',
+        },
+        positionStart: {
+            marginRight: 0,
         },
-        positionStart: {},
         positionEnd: {
             justifyContent: 'flex-end',
-            flexGrow: 1,
+            flex: '0 0 auto',
+            marginLeft: 'auto',
         },
     },
 }));

package/InputAdornment/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/InputAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;QACD,aAAa,EAAE,EAAE;QACjB,WAAW,EAAE;YACX,cAAc,EAAE,UAAU;YAC1B,QAAQ,EAAE,CAAC;SACZ;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE,EAAE;IACR,YAAY,EAAE;QACZ,oEAAoE;QACpE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC;KACvC;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/InputAdornment/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YACxB,MAAM,EAAE,MAAM;SACf;QACD,aAAa,EAAE;YACb,WAAW,EAAE,CAAC;SACf;QACD,WAAW,EAAE;YACX,cAAc,EAAE,UAAU;YAC1B,IAAI,EAAE,UAAU;YAChB,UAAU,EAAE,MAAM;SACnB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE,EAAE;IACR,YAAY,EAAE;QACZ,oEAAoE;QACpE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC;KACvC;CACF,CAAC,CAAA"}

package/OutlinedInput/styles.js

@@ -69,6 +69,7 @@ PicassoProvider.override(({ palette, sizes: { input, borderRadius } }) => ({
 export default ({ palette, sizes: { input } }) => createStyles({
     root: {
         cursor: 'inherit',
+        gap: '0.25rem 0.5rem',
         '&:hover': {
             '& $resetButtonDirty': {
                 visibility: 'visible',

package/OutlinedInput/styles.js.map

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

package/TagSelector/TagSelector.js

@@ -80,7 +80,8 @@ export const TagSelector = forwardRef(function TagSelector(props, ref) {
         }
         return (React.createElement(TagSelectorLabel, { disabled: disabled, onDelete: handleItemDelete }, displayValue));
     };
-    return (React.createElement(Autocomplete, Object.assign({}, rest, { status: error ? 'error' : status, ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer, popperOptions: popperOptions, testIds: testIds })));
+    const renderTags = values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item))));
+    return (React.createElement(Autocomplete, Object.assign({}, rest, { status: error ? 'error' : status, ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: renderTags, loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer, popperOptions: popperOptions, testIds: testIds })));
 });
 TagSelector.defaultProps = {
     enableAutofill: false,

package/TagSelector/TagSelector.js.map

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

package/TagSelectorInput/styles.js

@@ -8,7 +8,7 @@ export default () => createStyles({
         display: 'flex',
         flexWrap: 'wrap',
         height: 'auto',
-        paddingBottom: 0,
+        paddingBottom: TAG_SELECTOR_INPUT_GUTTER_SIZE,
         paddingLeft: TAG_SELECTOR_INPUT_GUTTER_SIZE,
         paddingTop: TAG_SELECTOR_INPUT_GUTTER_SIZE,
         cursor: 'pointer',
@@ -19,7 +19,7 @@ export default () => createStyles({
             height: rem('24px'),
             paddingLeft: rem('4px'),
             paddingRight: 0,
-            marginBottom: TAG_SELECTOR_INPUT_GUTTER_SIZE,
+            marginBottom: 0,
         },
     },
     withEndAdornment: {

package/TagSelectorInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC;SAChB;KACF;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B;CACF,CAAC,CAAA"}

package/TagSelectorLabel/TagSelectorLabel.js

@@ -10,16 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import Tag from '../Tag';
-import styles from './styles';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoTagSelectorLabel',
-});
 export const TagSelectorLabel = forwardRef(function TagSelectorLabel(props, ref) {
     const { children } = props, rest = __rest(props, ["children"]);
-    const classes = useStyles();
-    return (React.createElement(Tag, Object.assign({ ref: ref, className: classes.label }, rest), children));
+    return (React.createElement(Tag, Object.assign({ ref: ref }, rest), children));
 });
 TagSelectorLabel.defaultProps = {};
 TagSelectorLabel.displayName = 'TagSelectorLabel';

package/TagSelectorLabel/TagSelectorLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagSelectorLabel.js","sourceRoot":"","sources":["../../src/TagSelectorLabel/TagSelectorLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAQ,CAAA;IAEnC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,IAAM,IAAI,GAC9C,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG,EAAE,CAAA;AAElC,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"TagSelectorLabel.js","sourceRoot":"","sources":["../../src/TagSelectorLabel/TagSelectorLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAQ,CAAA;IAEnC,OAAO,CACL,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,GACpB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG,EAAE,CAAA;AAElC,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "30.0.2",
+  "version": "30.0.3",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",

package/TagSelectorLabel/styles.d.ts

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

package/TagSelectorLabel/styles.js

@@ -1,10 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { rem } from '@toptal/picasso-shared';
-import { TAG_SELECTOR_INPUT_GUTTER_SIZE } from '../TagSelectorInput';
-export default () => createStyles({
-    label: {
-        marginRight: rem('8px'),
-        marginBottom: TAG_SELECTOR_INPUT_GUTTER_SIZE,
-    },
-});
-//# sourceMappingURL=styles.js.map

package/TagSelectorLabel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorLabel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAA;AAEpE,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,KAAK,EAAE;QACL,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;QACvB,YAAY,EAAE,8BAA8B;KAC7C;CACF,CAAC,CAAA"}